html {height:100%;}
body {	font-family : tahoma,arial;font-size:0.7em;
	padding:20px;margin:0px;
	background:#8ea4cd url("../apparence/fondPage.jpg") fixed  repeat-x;
	}




h1{margin:376px 0 0 0;padding:0;font-size:2em;height:24px;width:753px; }
h1 span {display:none;}
h1#presentation {background:#FFF url("../apparence/titre_presentation.gif")  100% 100% no-repeat;}
h1#services {background:#FFF url("../apparence/titre_services.gif") 100% 100% no-repeat;}
h1#accueil {background:#FFF url("../apparence/titre_accueil.gif") 100% 100% no-repeat;}
h1#contact {background:#FFF url("../apparence/titre_contact.gif") 100% 100% no-repeat;}
h1#realisations {background:#FFF url("../apparence/titre_realisations.gif") 100% 100% no-repeat;}
h1#sitemap {background:#FFF url("../apparence/titre_sitemap.gif") 100% 100% no-repeat;}

h2{margin:20px 10px 10px 24px;height:34px;}
h2 span{display:none;}
h2#h2accueil {background:url(../apparence/h2-accueil.gif) no-repeat;}
h2#h2presentation {background:url(../apparence/h2-presentation.gif) no-repeat;}
h2#h2services {background:url(../apparence/h2-services.gif) no-repeat;}
h2#h2contact {background:url(../apparence/h2-contact.gif) no-repeat;}
h2#h2artiste {background:url(../apparence/h2-artiste.gif) no-repeat;}
h2#h2createur {background:url(../apparence/h2-createur.gif) no-repeat;}
h2#h2commerce {background:url(../apparence/h2-commerce.gif) no-repeat;}
h2#h2liberal {background:url(../apparence/h2-liberal.gif) no-repeat;}
h2#h2association {background:url(../apparence/h2-association.gif) no-repeat;}
h2#h2evenementiel {background:url(../apparence/h2-evenementiel.gif) no-repeat;}
h2#h2entreprise {background:url(../apparence/h2-entreprise.gif) no-repeat;}
h2#h2siteweb {background:url(../apparence/h2-siteweb.gif) no-repeat;}
h2#h2photographie {background:url(../apparence/h2-photographie.gif) no-repeat;}
h2#h2print {background:url(../apparence/h2-print.gif) no-repeat;}

h3{margin:1em 0 1em 0;padding:9px 0 0 80px;;clear:both;;height:40px;color:#363c41;font-size:16px;}
h3 a{text-decoration:none;color:#363c41;font-size:17px;}
h3 a:hover{text-decoration:none;color:#FFF;}
h3 span{display:none;}
h3#news{background:url(../apparence/h3-news.gif) no-repeat;}
h3#encours{background:url(../apparence/h3-encours.gif) no-repeat;}
h3#freelance{background:url(../apparence/h3-freelance.gif) no-repeat;}
h3#site{background:url(../apparence/h3-site.gif) no-repeat;}
h3#passite{background:url(../apparence/h3-passite.gif) no-repeat;}
h3#creationsite{background:url(../apparence/h3-creationsite.gif) no-repeat;}
h3#interaction{background:url(../apparence/h3-interaction.gif) no-repeat;}
h3#maintenance{background:url(../apparence/h3-maintenance.gif) no-repeat;}
h3#animco{background:url(../apparence/h3-animco.gif) no-repeat;}
h3#serviceplus{background:url(../apparence/h3-serviceplus.gif) no-repeat;}
h3#audit{background:url(../apparence/h3-audit.gif) no-repeat;}
h3#evolution{background:url(../apparence/h3-evolution.gif) no-repeat;}
h3#mail{background:url(../apparence/h3-mail.gif) no-repeat;}
h3#adresse{background:url(../apparence/h3-adresse.gif) no-repeat;}
h3#telephone{background:url(../apparence/h3-telephone.gif) no-repeat;}
h3.realisation{background:url(../apparence/h3-realisation.gif) no-repeat;}
h3.sitemap{background:url(../apparence/h3-sitemap.gif) no-repeat;}


h4{float:left;margin:0em 0px 6px 20px;width:210px;padding:3px 24px;font-size:1.2em;background:url("../apparence/puce3.gif") 0% 0% no-repeat;}
h4 a{text-decoration:none;color:#000;font-weight:normal;}
h4 a:hover{text-decoration:none;color:#FFF;}

a img {border:none;}


p {margin:2px 5px 1em 24px;font-size:1.2em;text-align:justify;}
#postitcontact p {margin:2px 5px 0.5em 0;font-size:1.2em;text-align:justify;}

hr {clear:left;}


#contenaire {position:absolute;left:50%;margin-left:-377px;width:754px;}

#entete {position:absolute;left:0px;top:0px;width:755px;height:67px;background:url("../apparence/fondentete.gif") no-repeat;}
#contenaireFlash {position:absolute;left:2px;top:67px;width:750px;height:339px;}
#zoneContenu {position:absolute;top:29px;margin:0;padding:0;width:755px;background:#9eb1bf url("../apparence/fondZoneTexte.gif")  repeat-y;}

#menu {position:absolute;left:0px;top:407px;margin:0;padding:0;height:22px;background:#FFF;}
#menu ul {padding:0px;margin:0px;}
#menu li {list-style:none;float:left;margin:0px;margin-left:5px;padding:0;border-right:1px #CCC solid;}
#menu a {text-decoration:none;display:block;float:left;color:#555;padding:0 8px;line-height:20px;white-space:nowrap;font-size:11px;font-weight:bold;margin:0;}
html>body #menu a{width:auto;};
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a {float: none;}            /* End IE5-Mac hack */
#menu a:hover {color:#AAA;}



#sousMenu {position:absolute;left:4px;top:400px;width:150px;height:100%;background:url("../apparence/fondsousmenu.gif") no-repeat;}
#sousMenu {float:left;margin:0;padding:0;}
#sousMenu #postitcontact{padding:0;margin:70px 0 0 10px;font-size:9px;}
#sousMenu ul {padding:0;margin:70px 0 0 0;}
#sousMenu ul li {list-style:none outside;margin:0px 0 0 6px;padding:0;background:url("../apparence/puce.gif") no-repeat;}
#sousMenu ul li a {display:block;text-decoration:none;color:#373945;margin:0 8px 0 22px;padding:0;line-height:20px;white-space:nowrap;font-size:11px;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#sousMenu a {float: none;}            /* End IE5-Mac hack */
#sousMenu a:hover {background-color:#aabfcd;}



#footer {position:relative;margin:0;text-align:right;clear:both;background:url("../apparence/fondfooter.gif") no-repeat;}
#footer ul {padding:0px;margin:0px;}
#footer li {list-style:none;display:inline;margin:0;padding:0;}
#footer a {text-decoration:none;color:#BBB;margin:0;padding:0 5px;line-height:20px;white-space:nowrap;font-size:9px;font-weight:bold;border-left:1px #DDD solid;}
#footer a:hover {color:#999;}


#zoneText {position:relative;margin:0px 0 20px 149px;}
#textGauche {position:relative;width:390px;margin:0;padding:0;}
#textDroit {position:absolute;right:4px;top:44px;padding:1px;width:250px;}
#textGaucheMax {position:relative;margin:0 5px 0 0;;padding:0;}

#textGauche img{margin:0;border:1px black solid;}
#zoneContenu img.illuDroiteBasse {position:absolute;left:406px;bottom:-22px;z-index:1;border:0;}
#zoneContenu #pub {position:absolute;left:410px;top:20px;px;z-index:1;border:0;border:2px #a8b9c5 solid;}
#zoneContenu #contenaireWag {position:absolute;left:410px;top:-60px;px;z-index:1;}
#zoneContenu #contenaireWagContact {position:relative;top:-20px;left:20px;}
html>body #zoneContenu img.illuDroiteBasse{bottom:-20px;}
#entete img#logo {position:absolute;top:16px;left:50px;}
#entete img#phone {position:absolute;top:30px;right:12px;}



.exemple{font-style:italic;}


#contactform {width:300px;}
#contactform form {margin:0 0 0 30px;}
#contactform form label {display:block;margin:0;background:transparent;font-size:1em;text-decoration:none;font-weight:bold;color:#535149;text-indent:0px;line-height:1.5em;border:0px #535149 solid;}
#contactform form textarea,
#contactform form input {width:260px;background:#b3c2cd;border:1px #99abb9 solid;margin:0 0 10px 0;}
#contactform form textarea {height:200px;width:550px;overflow:auto;}
#contactform form .bouton {width:100px;margin:10px 10px 10px 450px;background:#515467;font-size:1em;font-weight:bold;color:#FFF;text-indent:0px;line-height:1.2em;}

.descrea img{float:left;margin:0 24px 0 30px;}
.descrea p{text-align:left;}
.descrea b {color:#363c41;}

.important {background:#99abb9;}

ul{font-size:1.2em;color:#000;list-style:square outside;margin:0 40px 1em 80px;}
ul.numeric {list-style:decimal inside;}
li{margin-top:10px;margin-left:0px;margin-right:0px;}
html>body li {margin-left:-40px;}
.important ul {background:#99abb9;padding:10px;list-style:url("../apparence/puceimportant.gif") outside;line-height:1.5em;font-size:1.2em;margin-left:20px;}
html>body .important ul{margin-left:60px;}


#textGaucheMax p {margin-right:40px;}
.important p {background:#99abb9;padding:10px;line-height:1.5em;font-size:1.2em;}