/* CSS Document */

body { background:url(../images/fond-page-nav.jpg) repeat-x #ffffff; margin:0; font-size:10px; font-family:"Trebuchet MS";}

#superConteneur{ width:100%; float:left; background:url(../images/fond-super-conteneur-nav.jpg) no-repeat top center; height:187px;}
#conteneur{ width:956px; margin:0 auto; position:relative;}

#footer {width:100%; clear:left; background:url(../images/footer.jpg) repeat-x #e8eaeb; height:115px;}
#footer #contentFooter{ width:956px; margin:0 auto; text-align:left; padding:10px 0 0 0; color:#3c494e; font-size:1.3em;}
#footer #contentFooter #coordonnees{ float:left; padding:0; margin:0 0 0 3px;}
#footer #contentFooter #coordonnees span {font-size:1.1em; font-weight:bold;}
#footer #contentFooter #aw{ float:right; padding:0; margin:0 3px 0 0; color:#3c494e; font-weight:bold;}

/**************************************************************************/
/************************** pages de navigation ***************************/
/**************************************************************************/
ul#menuTop { float:right; display:inline; list-style-type:none; height:27px; margin:0; padding:0 95px 0 0; width:450px; z-index:200px; background:url(../images/top-camera.jpg) no-repeat right top;} 
ul#menuTop li {float:left; display:block; margin:5px 0px 3px 0px; padding:0px; font-weight:bold; text-align:center; font-size:1.3em; height:18px; border-right:1px solid #b09110;}
ul#menuTop li a { color:#fbc300; text-decoration:none; padding:0 15px 0 14px; margin:0;}

ul#menuActivites { float:right; list-style-type:none; height:40px; padding:0; margin:87px 0 0 0; width:570px;} 
ul#menuActivites li {float:left; display:block; margin:0 10px 0 0; padding:0px; font-weight:bold; font-size:1.5em; line-height:1.0em; font-weight:bold; height:40px; border-bottom:6px solid #042b49; }
ul#menuActivites li:hover {float:left; display:block; margin:0 10px 0 0; padding:0px; font-weight:bold; font-size:1.5em; line-height:1.0em; font-weight:bold; height:40px; border-bottom:6px solid #eb3909; }
ul#menuActivites li a.uneLigne { color:#ffffff; text-decoration:none; padding:13px 10px 20px 10px; display:block;}
ul#menuActivites li a.deuxLigne { color:#ffffff; text-decoration:none; padding:5px 10px 15px 10px; display:block;}

#titrePage {float:left; display:inline; padding:0; margin:45px 0 24px 34px; color:#ffffff; font-size:2.2em; width:892px; border-bottom:1px solid #597c93;}

#gauche {float:left; display:inline; padding:0 0 20px 0; margin:20px 35px 0 34px; width:530px; color:#07395a; font-size:1.3em; text-align:justify; line-height:1.3em; }
#gauche span {color:#eb3909; font-weight:bold;}
#gauche h2 { font-size:1.2em; color:#eb3909; padding:0; margin:0 0 10px 0; border-bottom:1px solid #f59c84;}
#gauche .photoBordure { margin:0 15px 0 0; border:3px solid #214973;}
#gauche ul li {padding:3px 0 0px 0px; margin:0px 0 5px 20px; list-style-image:url(../images/puce.jpg); border-bottom:1px dashed #b7c3cb;}

#droite {float:left; display:inline; padding:0; margin:20px 0 0 0; width:330px;}
#droite .video {float:left; padding:0; margin:0; border:3px solid #214973;}
#droite .legendeVideo { float:left; padding:7px 10px 0 10px; margin:1px 0 0px 0; width:309px; height:47px; background:url(../images/bg-legende-video.jpg) repeat-x; color:#FFFFFF; font-size:1.2em; line-height:1.2em;}

#centre {float:left; display:inline; padding:0 0 20px 0; margin:20px 35px 0 34px; width:895px; color:#07395a; font-size:1.3em; text-align:justify; line-height:1.3em; }
#centre span {color:#eb3909; font-weight:bold;}
#centre h2 { font-size:1.2em; color:#eb3909; padding:0; margin:0 0 10px 0; border-bottom:1px solid #f59c84;}
#centre .photoBordure { margin:0 15px 0 0; border:3px solid #214973;}
#centre #connexion {float:left; display:inline; padding:0; margin:0 0 0 20px; border:1px dashed #eb3909; width:420px;}
#centre #connexion p {float:left; padding:0; margin:4px 10px; display:inline; width:400px;}
#centre #connexion p label {display:block; float:left; padding:0px; margin:0; width:175px;}
#centre ul li {padding:3px 0 0px 0px; margin:0px 0 5px 20px; list-style-image:url(../images/puce.jpg); border-bottom:1px dashed #b7c3cb; width:430px;}
#centre #adresse {float:left; display:inline; padding:5px; margin:5px 0px 15px 240px; border:1px dashed #eb3909; width:350px; text-align:center;}

#centre p.ref img{ float:left; display:inline; background:#e2eef8; padding:4px; border-top:1px solid #c9e0f1; border-left:1px solid #c9e0f1; border-right:1px solid #c9e0f1; margin:0px 0 0 25px;}
#centre p.nomRef{ float:left; display:inline; background:#e2eef8; padding:1px 0px 1px 0; margin:0px 0px 10px 25px; width:148px; color:#eb3909; text-align:center; font-size:0.9em; border-left:1px solid #c9e0f1; border-right:1px solid #c9e0f1; border-bottom:1px solid #c9e0f1;}
#centre p.nomRefSeul{ float:left; display:inline; background:#e2eef8; padding:1px 0px 1px 0; margin:0px 0px 10px 25px; width:148px; color:#eb3909; text-align:center; font-size:0.9em; border:1px solid #c9e0f1;}


.champFrom{margin:0 0 5px 0px; padding:0 0 0 20px; width:420px; float:left;}
.largeur{width:300px;}
label { display:inline ; float:left ; width:110px; font-weight:bold;}
.btnSubmit { background:#eb3909; color:#FFFFFF; width:110px; font-family:"Trebuchet MS"; font-size:1.1em; border:none; height:25px;}


#camera {position:absolute; top:27px; left:780px; z-index:100px;}