/* CSS Document */

*{ margin:0; padding:0; }

body{ background:url(../images/background-outeractive.gif) repeat-x left top; position:relative; z-index:1; height:100%; }
html{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666; }
html, #wrap990px { height:100%; }
body > #wrap990px { height:auto; min-height:100%; width:990px; margin:0 auto;  }

h1, h2{ margin:0; padding:0; font-size:16px; color:#333; }
.none{ display:none; margin:0px; padding:0px; }
ul{ margin-left:15px;}
a{ text-decoration:none; }
a:hover{ text-decoration:underline;}
p{ text-align:justify; }
.clear{ clear:both; }
.left{ float:left; }
.relative{ position:relative; }
.pointer{ cursor:pointer; }

.wrap990px{ margin:0 auto; width:990px;}
* html .wrap990px{ margin:0 auto; width:990px;}
div#wrap-top{ height:180px;}
div#header{ float:right;  width:660px; }
div#menu-top{ height:25px; }
div#menu-top a{ font-size:12px; color:#666; }
div#position-logo{ position:relative; top:38px; z-index:29;}
* html div#position-logo{ position:absolute;width:323px; height:142px;}
/************************************************************************************************************/
#menu-header *{position:absolute; text-align:center; background:none;}
/*#menu-header{ width:579px; height:51px;}
#menu-header div.menu{position:relative; top:-51px;left:0; z-index:5;width:579px; height:51px;}
#menu-header div.menu div{width:110px; height:51px; left:0; padding:14px 0 0 0; text-align:center; cursor:pointer;}
#menu-header div.menu div.active{width:125px;}
*//**/
/*#menu-header div.menu div.active a, #menu-header div.menu div.hover a{color:#fff; font-weight:bold; text-align:center; text-decoration:none;}
*/

#body-eco{ background:url(../images/background-outeractive-eco.gif) repeat-x; }

#topbg, #topbg div{z-index:0;width:579px; height:51px; margin:0; padding:0; overflow:hidden;}


#menu-header{position:relative; left:-29px; width:675px;clear:both; overflow:hidden;  height:51px; }

* html #menu-header{ position:relative; left:39px; }

#menu-header, #menu-header *{ z-index:35;}
#menu-header li{ list-style:none; position:relative; float:left; width:135px; height:51px;  cursor:pointer;}
#menu-header li a{zzposition:relative;  zzfloat:left; display:block; width:109px; zzheight:51px;}
.bouton-gris{background:url(../images/bouton-gris.png); width:135px; height:51px; color:#000; background-repeat:no-repeat;}
.bouton-rouge, .bouton-rouge-over{ float:left; background-color:#fff; background:url(../images/bouton-rouge.png);/**/ width:135px; height:51px; }
.bouton-rouge a, .bouton-rouge-over a{ font-weight:bold; color:#fff;}

/** html .bouton-rouge, .bouton-rouge-over{ float:left; background:url(../images/bouton-rouge.gif) no-repeat left top; width:135px; height:51px;  }
* html .bouton-rouge a, .bouton-rouge-over a{ color:#fff; font-weight:bold; cursor:pointer; position:relative; z-index:999;}
*/
#menu-header li.hover, #menu-header li.hover a, #menu-header li.active, #menu-header li.active a{color:#fff; text-align:center; text-decoration:none;}


/*#menu-header2 { cursor:auto;padding:25px 0 0 0; height:16px; z-index:4;left:-25px;}*/
#menu-header1 a{margin:25px 0 0 7px;}
#menu-header2 a{ margin:25px 0 0 12px;}
#menu-header3 a{margin:25px 0 0 7px;}
#menu-header4 a{margin:15px 0 0 9px; white-space:normal;}
#menu-header5 a{margin:25px 0 0 12px; white-space:normal;}
* html #menu-header2 a{ margin:28px 0 0 6px; }
* html #menu-header3 a{ margin:28px 6px 0 0px; }
* html #menu-header1 a{ margin:28px 6px 0 0px; }
* html #menu-header4 a{ margin:20px 0 0 6px; }
* html #menu-header5 a{ margin:28px 0 0 7px; }

* html #menu-header3{height:16px;}

/************************************************************************************************************/
.ligne{ background:url(../images/ligne.gif) no-repeat left top; width:638px; height:116px;}
#position-ligne{position:absolute; margin-top:21px; margin-left:232px;  z-index:-1; }

.position-bouton{ margin-left:-25px; position:relative; z-index:999; }
.bouton-gris{ float:left; background:url(../images/bouton-gris.png) no-repeat left top; width:135px; height:51px; color:#000; }
/*.bouton-rouge, .bouton-rouge-over{ float:left; background:url(../images/bouton-rouge.png) no-repeat left top; width:135px; height:51px;  }
.bouton-rouge a, .bouton-rouge-over a{ color:#fff; font-weight:bold; cursor:pointer; position:relative; z-index:999;}
*/
div#position-animation{ margin-left:15px; position:relative; top:-55px;}

div#contenu-gauche{ float:left;width:320px; height:100%; }
div#contenu-milieu{ float:left; width:390px; height:100%; }
div#contenu-droit{ float:right; width:270px; height:100%; }
div#contenu{ width:660px;padding-left:10px; }

.img-top-page{ position:relative; top:-32px; height:145px; }

div#texte-accueil{ width:300px;text-align:right; }
div#texte-accueil p { text-align:right; }

.bg-tache-rouge{ float:right;background:url(../images/bg-tache-rouge.jpg) no-repeat right top; }

div#position-bg-pd{  }


div#photos-accueil{ background:url(../images/photos-accueil.png) no-repeat left top; width:242px; height:111px; position:relative;  margin-top:-24px; left:-50px; z-index:4; }
div#teambuilding-eco{ background:url(../images/teambuilding-eco.png) no-repeat left top; width:201px; height:166px; margin-left:10px;  }
div#teambuilding-eco-en{ background:url(../images/teambuilding-eco-en.png) no-repeat left top; width:201px; height:166px; margin-left:10px;  }

div#bg-ligne-pointillees{ margin-left:5px; background:url(../images/bg-ligne-pointillees.gif) no-repeat left top; width:350px; height:155px; }
div#position-fanion{ width:55px; height:116px; margin-left:15px; margin-top:-15px; }
div#position-info-lettre{ position:relative; top:40px; right:30px; z-index:5; }

div#position-img-balancoire{ position:relative; z-index:0; top:5px; right:170px; }
div#img-balancoire{ background:url(../images/img-balancoire.jpg) no-repeat; width:196px; height:122px; }

.bg-sous-menu{ background:url(../images/bg-sous-menu.gif) no-repeat left top; width:284px; height:37px; padding-bottom:3px; }
.bg-sous-menu-eco{ background:url(../images/bg-sous-menu-eco.gif) no-repeat left top; width:284px; height:37px; padding-bottom:3px; }
.lien-sm{ color:#333; }
.lien-over-sm{ color:#231f20; font-weight:bold; }
.position-lien-sm{ padding:6px 20px 6px 0px; }

#ul-activites-teambuilding a{ color:#666; font-weight:bold; }
.img-teambuilding-top{ position:relative; top:-25px; height:150px; } 

.ligne-rouge{ background:url(../images/ligne-rouge.gif) no-repeat left 10px; height:11px; }
.ligne-verte{ background:url(../images/ligne-verte.gif) no-repeat left 10px; height:11px; }
.ligne-rouge span, .ligne-verte span{ background:#fff; font-weight:bold; }

div#footer{ height:100px; }
div#bg-footer{ background:url(../images/bg-footer.gif) repeat-x left top; height:14px;  }
div#bg-footer a{ color:#000;  }
#bg-footer-eco{ background:url(../images/bg-footer-eco.gif) repeat-x;height:14px; }
#bg-footer-eco a{ color:#000; }
div#appareil-photo-footer{ float:left; background:url(../images/appareil-photo-footer.gif) no-repeat left top; width:139px; height:53px; position:relative; top:-13px; }
div#appareil-photo-footer-eco{ float:left; background:url(../images/appareil-photo-footer-eco.gif) no-repeat left top; width:139px; height:53px; position:relative; top:-13px; }

.img-feuille-eco{ float:right; background:url(../images/img-feuille-eco.jpg) no-repeat right bottom; }
.ligne-grise{ background:url(../images/ligne-grise.gif) no-repeat right bottom;  }


.txtbox{ width:150px; color:#666; }
.texte-gris-fonce-13{ font-size:13px; color:#333; }
.texte-gris-fonce-16{ font-size:16px; color:#333; }
.texte-gris-pale-11{ font-size:11px; color:#666; }
.texte-gris-pale-12{ font-size:12px; color:#666; }

.texte-rouge-12{ font-size:12px; color:#ba131a; }
.texte-rouge-13{ font-size:13px; color:#a31117; }
.texte-rouge-16{ font-size:16px; color:#a31117; }
.texte-blanc-13{ color:#fff; font-weight:bold; }
.texte-noir-13{ color:#000; }
.texte-vert-12{ font-size:12px; color:#97B612; }
.texte-vert-13{ font-size:13px; color:#97B612; }
.texte-vert-14{ font-size:14px; color:#97B612; }
.texte-vert-16{ font-size:16px; color:#97B612; }




#showHide div{
	display:none;
}
#showHide div label{
	display:block;
}

#showHide div label input{
	margin-right:5px;
}