html {overflow-y:scroll;}

body {margin-top:20px;background:url(../images/body-bg.png) center top repeat-x #EBEFF7;font-size:12px;line-height:16px;font-family:Arial, Helvetica, "Lucida Grande", Tahoma, sans-serif;color:#333;}

h1 {text-indent:-9999px;position:absolute;top:50px;left:32px;}
h2 {margin-bottom:1px;font-size:17pt;color:#336699; line-height:18pt; font-weight: lighter;}
h3 {font-size:16px;color:#333333;line-height:15px;margin-bottom:4px; margin-top:5px;}
h9 {font-size:14px;color:#333333;line-height:15px;margin-bottom:4px; margin-top:5px;}
h4 {font-size:12px;line-height:16px;}
p {margin-bottom:16px;}
a {color:#336699;text-decoration:none;}
a:hover {text-decoration:underline;}
#contenu ul {padding-left:14px;list-style-image:url(../images/puce.png);margin-bottom:16px;}
.sub-ul {list-style-image:none;}
#contenu ul.indented {margin-left:10px;}
#contenu2 ul.indented {margin-left:10px;}
label {font-size:14px;color:#006eac;font-weight:bold;width:75px;display:block;float:left;}
input, textarea {border:1px solid #c4c4c4;font-family:Arial, Helvetica, "Lucida Grande", Tahoma, sans-serif;font-size:12px;line-height:16px;background-color:white;color:#333;padding:6px;}
input {width:360px;}
input.submit {width:auto;border:none;padding:0;}


#wrapper {width:960px;margin:0 auto;position:relative;}
#contenu {width:960px;margin:0;}
#contenu2 {width:960px;margin:0;}

#header #logo {width:293px;height:112px;text-indent:-9999px;overflow:hidden;background:url(../images/texte/coi-logo.png) center center no-repeat;display:block;float:left;}

#nav {float:right;margin:55px 0px 38px 0px;}
#nav li {float:left;padding-left:0px;} /* padding au lieu de margin, sinon IE6 double margin */
#nav li a {height:50px;display:block;background-position:center top;background-repeat:no-repeat;}
#nav li a.accueil {text-indent:-9999px;width:71px;background-image:url(../images/texte/nav/accueil.jpg);}
#nav li a.accueil:hover {background-position:center bottom;}
#nav li a.nos-services {text-indent:-9999px;width:105px;background-image:url(../images/texte/nav/nos_services.jpg);}
#nav li a.nos-services:hover {background-position:center bottom;}
#nav li a.equipe {text-indent:-9999px;width:109px;background-image:url(../images/texte/nav/notre_equipe.jpg);}
#nav li a.equipe:hover {background-position:center bottom;}
#nav li a.a-propos {text-indent:-9999px;width:83px;background-image:url(../images/texte/nav/a_propos.jpg);}
#nav li a.a-propos:hover {background-position:center bottom;}
#nav li a.contact {text-indent:-9999px;width:75px;background-image:url(../images/texte/nav/contact.jpg);}
#nav li a.contact:hover {background-position:center bottom;}
#nav li a.langue {text-indent:-9999px;width:54px;background-image:url(../images/texte/nav/english.png);}

#encadre {position:absolute;top:155px;width:960px; height:155px; }
#contenu {position:absolute;top:320px;}
#contenu2 {position:absolute;top:430px;}

#footer {position:relative;top:80px;clear:both;text-align:right;font-size:11px;color:#999;}
#footer img {margin-left:5px;}

/* General */

.clearfix {clear:both;}
.erreur {color:red;}
.bouton-information a {width:176px;height:31px;display:block;text-indent:-9999px;overflow:hidden;background:url(../images/bouton-demande-dinformation.png) center center no-repeat;}
.bouton-video a {width:176px;height:31px;display:block;text-indent:-9999px;overflow:hidden;background:url(../images/bouton-video.png) center center no-repeat;}
.bouton-interface-web a {width:176px;height:31px;display:block;text-indent:-9999px;overflow:hidden;background:url(../images/bouton-interface-web.png) center center no-repeat;}
.bouton-rapport a {width:125px;height:31px;display:block;text-indent:-9999px;overflow:hidden;background:url(../images/bouton-rapport.png) center center no-repeat;}
.bouton-imprimable a {width:176px;height:31px;display:block;text-indent:-9999px;overflow:hidden;background:url(../images/bouton-imprimable.png) center center no-repeat;}

/* Accueil */
.accueil #logo h1 {text-indent:-9999px;position:absolute;top:50px;left:32px; background:none;}
.accueil {color:#666;}
.accueil #nav .accueil {background-position:center bottom;}
.accueil #encadre {height:303px; top:-10px;  left:-355px; margin:auto;}
.accueil h1 {position:absolute;top:-52px;left:744px;width:220px;height:52px;} /* utilise h1 pour faire la partie tranchée de la tête */
.accueil #encadre ul {display:none;}
.accueil #encadre div {position:absolute;top:153px;left:356px;font-size:14px;}
.accueil #encadre .bouton-savoir-plus a {width:147px;height:39px;text-indent:-9999px;overflow:hidden;display:block;margin-top:18px; background:url(../images/bouton-savoir-plus-petit.png);}
.accueil #contenu {top:470px;}
.accueil-h2 { font-weight:bold;}
.accueil #col1 {width:261px;float:left;padding:0 25px;}
.accueil #col1 h2 {width:229px;height:45px;}
.accueil #col1 p {font-size:14px;}
.accueil #col2 {width:270px;height:320px;float:left;padding:0 25px;}
.accueil #col2 h2 {width:229px;height:67px;}
.accueil #col2 li {margin-bottom:6px;line-height:14px; font-weight:bold;}
.accueil #col2 .bouton-savoir-plus a {width:99px;height:25px;text-indent:-9999px;overflow:hidden;display:block;background:url(../images/bouton-savoir-plus-petit.png) center center no-repeat;}
.accueil #col3 {width:270px;height:320px;float:left;padding:0 25px;}
.accueil #col3 h2 {width:204px;height:35px;}
.accueil #col3 p {margin-bottom:8px;}
.accueil #col3 .bouton-savoir-plus a {width:99px;height:25px;text-indent:-9999px;overflow:hidden;display:block;background:url(../images/bouton-savoir-plus-petit.png) center center no-repeat;}
.accueil #footer {top:0;}



/* Nos Services */

.nos-services #nav .nos-services {background-position:center bottom;}
.nos-services #encadre h1 {width:129px;height:43px;top:43px;}
.nos-services #col1 {width:240px;padding:0 40px 0 30px;float:left;}
.nos-services #col1 p {font-size:18px;line-height:22px;color:#666;}
.nos-services #col2 {width:590px;padding:0 25px;float:left;}
.nos-services #footer {margin-top:50px;}
.nos-services a {color:#333333;text-decoration:none; font-weight: 100; }
.nos-services a:hover {text-decoration:underline;}


/* Notre Equipe */

.equipe #nav .equipe {background-position:center bottom;}
.equipe #encadre h1 {width:129px;height:43px;top:43px;}
.equipe #col1 {width:260px;margin:10px;padding:0px 0 10px 0;float:left;}
.equipe #col1 p {font-size:18px;line-height:22px;color:#666;}
.equipe #col2 {width:590px;padding:0 25px;float:right;}
.equipe #footer {margin-top:50px;}
.equipe a {color:#333333;text-decoration:none; font-weight: 100; }
.equipe a:hover {text-decoration:underline;}


/* À propos */

.a-propos #nav .a-propos {background-position:center bottom;}
.a-propos #encadre h1 {width:129px;height:43px;top:43px;}
.a-propos #col1 {width:240px;padding:0 40px 0 30px;float:left;}
.a-propos #col1 p {font-size:18px;line-height:22px;color:#666;}
.a-propos #col2 {width:590px;padding:0 25px;float:left;}
.a-propos #footer {margin-top:50px;}
.a-propos a {color:#333333;text-decoration:none; font-weight: 100; }
.a-propos a:hover {text-decoration:underline;}

/* Contact et Demande d'informations */

.contact #nav .contact {background-position:center bottom;}
.contact #encadre h1 {width:110px;height:27px;}
.contact #col1 h4 {color:#336699;font-size:14px;line-height:14px;margin-bottom:6px;font-weight: 600;}
.contact #col1 p {margin-bottom:8px;}
.contact #col1 {width:210px;padding:0 55px 0 25px;float:left;}
.contact #col2 {width:580px;float:left;border-left:1px solid #dfd8ae;padding:0 25px;}
.contact h2 {margin-bottom:24px;}
.contact form div {margin-bottom:10px;}
.contact textarea {width:435px;height:140px;clear:both;}
.contact input {position:relative;top:-5px;}
.contact input.submit {position:static;}


.contact .demande #nav .contact {background-position:center top;}
.contact .demande #encadre h1 {width:336px;height:27px;background:url(../images/texte/h1/demande-dinformation.png) center center no-repeat;}
.contact .demande label {width:90px;}
.contact .demande textarea {width:450px;}
.contact .demande input#telephone {width:200px;}
.contact .demande div#firme {height:26px;}
.contact .demande label#firme_label {width:260px;}
.contact .demande #firme_oui_label, .contact .demande #firme_non_label {color:#333;font-size:12px;font-weight:normal;float:left;width:auto;}
.contact .demande #firme_oui, .contact .demande #firme_non {display:block;float:left;margin:3px 3px 0 30px;background-color:#f2f2f2;width:auto;border:none;}



    .contenu a  {     
    color:#666666;     
    text-decoration:none;       
    }      
    .contenu a:hover   {     
    color:#666666;     
    text-decoration:none;     
    }   
  .contenu a:visited   {     
    color:#666666;     
    text-decoration:none;     
    } 
  
  
  
  
  #apDiv1 {
  position:relative;
  left:0px;
  top:40px;
  width:200px;
  height:50px;
  z-index:1;
}
#apDiv2 {
  position:relative;
  left:0px;
  top:20px;
  width:200px;
  height:50px;
  z-index:1;
}
#contenu2{
  margin-left:-10px;}