body ,html { text-align:left;width:100%;height:100%;margin:0;padding:0;color:rgb(125,115,100); font-family:Arial; background-color:rgb(125,115,100);} em { font-style:italic;} b, strong {font-weight:bold;} a {cursor:pointer;text-decoration:none;outline:expression(hideFocus='true'); outline:0;-moz-outline:0;}  a {text-decoration:none;} a:hover, a:hover * {cursor:pointer;text-decoration:underline} a:focus { outline-style: none;}
#container { width: 100%; height: 100%; display: table; background-color:rgb(125,115,100); }
#position { display: table-cell; vertical-align: middle; text-align: center; }
#content {width: 653px; height:610px; margin:0 auto;}
#top { width:653px; height:93px; background-color:#00a8cb; margin-top:51px; background-image:url(/assets/top.png); background-repeat:no-repeat; background-position:left top;position:relative;}
#outer { width:653px; height:610px;}
#inner {background-color:White;width: 595px; height:440px; padding:56px 0 0 58px; margin-top:10px;}
#nav { width:156px; height:385px; float:left;background-color:#00a8cb; text-align:left; background-repeat:no-repeat; background-position:left top; background-image:url(/assets/graphic_square.gif);}
#nav ul { width:100%; overflow:hidden; }
#nav .contact { width:100%; height:134px; border-bottom:solid 1px white; color:White;}
#nav .contact div.info { padding:30px 0 0 30px; color:White; font-size:77%}
#nav .contact div.info a {color:White;}

#nav ul li { float:left; width:100%; height:42px; display:block;}
#nav ul li a {display:block; height:100%; line-height:42px;color:White; text-decoration:none; padding-left:30px;font-size:85%;}
#nav ul li.active a {background-color:rgb(180,215,225); color:rgb(125,115,100); font-weight:bold;}
#nav ul li a:hover{background-color:rgb(180,215,225);  color:rgb(125,115,100); }

.topLinks { position:absolute; bottom:5px; right:58px; color:White; font-size:85%;}
.topLinks a { color:White;}
#main { width:348px; height:250px; float:left; overflow:hidden; padding-left:30px; background-color:rgb(218,214,205);background-repeat:no-repeat; background-position:right bottom; background-image:url(/assets/back_arrow.gif); position:relative;}

#subnav {height:10px; padding:15px 0; background-image:url(/assets/dots.png); background-repeat:repeat-x; background-position:left bottom; font-weight:bold; text-decoration:none; font-size:77%; text-align:left}
#subnav a { color:#887E6E; }
#subnav a.active { text-decoration:underline;}
#mainContent {padding-right:30px;  height:165px; float:left; overflow:auto; margin-top:15px; font-size:77%; text-align:left; position:relative; line-height:14px }
#mainContent a {color:rgb(125,115,100);}
.txtPage {text-align:justify}
#ctrlcont { position:absolute; right:0; bottom:0; width:30px; height:30px; background-color:#cec6b5;}

#mainHome #mainHolder {background-color:#cd071e;margin-left:30px;background-repeat:no-repeat; background-position:center center;}
#mainTopHome {width:175px; height:100%; float:left;background-color:#cd071e;}
#mainTopLink { display:block; width:100%; height:100%;}
#mainTop {width:100%; height:30px;}
#mainHolder {height:430px; background-color:#f4f4f6; padding:10px; overflow:auto; font-size:93%; text-align:left; line-height:20px; }
#mainBottom {width:100%; height:30px;}


#image { height:135px; width:378px;  float:left; background-repeat:no-repeat;}

#pauseBtn { color:#a1a4a5; font-size:85%}
#pauseBtn:hover { color:#464648;}
.up, .down { display:block; width:100%; height:15px; background-position:center top; background-repeat:no-repeat;}
.up:hover, .down:hover{ background-position:center bottom}
.up{ background-image:url(/assets/aU.gif);}
.down{ background-image:url(/assets/aD.gif);}
.accordion .toggler, .accordion .togglerF { font-weight:bold;margin-top:15px;display:block;}
.accordion a.first { margin-top:0;}

.clearer { width:1px; height:1px; clear:both; float:none;}

#mainHolder a {color:#808285;}
#mainHolder a:hover {text-decoration:underline;}
.logoLink {display:block; width:100%; height:100%;}
#mainHolder .presse a { text-decoration:none;}
#mainHolder .presse a .subtitle { text-decoration:underline;}


.fleche {padding-left:10px; background-image:url(/assets/arrow.gif); background-position:left center; background-repeat:no-repeat;}
.lien_vers_document { display:block; padding-left:40px; height:50px; background-image:url(/assets/pdfIcon.gif); background-position:left center; background-repeat:no-repeat;}


/* formulaire */

#mForm {width:620px; height:440px; background-color:White;}
#formTop { width:590px; margin:20px 0 6px 20px; height:65px; background-color:#00A8CB; background-repeat:no-repeat; background-image:url(/assets/logo_popup_mail.gif); background-position:left top;}
#formCont { width:565px; margin:0 0 6px 20px; padding:21px 0 6px 25px; height:300px; background-color:#887E6E}
#formCont #nav {height:270px;}
#formCont #nav .contact {border:0; height:100px}
#formCont #main { background-color:White; background-position:left 100px; font-size:85%; padding:30px 0 0 30px; height:240px; background-image:url(/assets/back_arrow_form.gif)}
label {display:block; float:left;line-height:14px;}
#nameLabel { width:50px;}
#nameInput { width:270px;}
#prenomLabel { width:70px;}
#prenomInput { width:250px;}
#mailLabel { width:90px;}
#mailInput { width:230px;}
#objetLabel { float:none; clear:both}
textarea { margin-top:10px; width:318px;}
input.formInput { border:solid 1px #887E6E; display:block; height:14px; line-height:14px;}
.submitFormBtn { color:#00A8CB;}
.submitDiv { width:318px; text-align:right; margin-top:10px;} 

#fileInput {width:100%;}