/* CSS Document */

/*-- PROPRIETES GENERALES --*/
*{
margin:0;
padding:0;
}

body{
font-family:Arial, Helvetica, sans-serif;
width:100%;
background:#072f51 url("../img/bg2.png") no-repeat top center;
text-align:center;
}

div#global{
width:962px;
margin:0 auto 0 auto;
padding:0 0 0 12px;
}

div#header{
float:left;
width:962px;
height:38px;
}

div.date{
float:right;
height:38px;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:normal;
color:#8294a3;
}

span.titleDate{
font-family:Arial, Helvetica, sans-serif;
font-size:36px;
font-weight:bold;
color:#8294a3;
}

div.nav{
float:right;
}

div.btnNavHome{
float:left;
width:100px;
height:38px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#c3c3c3;
border-left:1px solid #063257;
border-right:1px solid #063257;
}

div.btnNavHome a, div.btnNavHome a:active, div.btnNavHome a:visited{
float:left;
width:100px;
height:30px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#c3c3c3;
text-decoration:none;
padding:8px 0 0 0;
}

div.btnNavHome a:hover{
text-decoration:none;
background:url("../img/bg_nav_over.jpg") repeat-x;
}

div.btnNavContact{
float:left;
width:100px;
height:38px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#c3c3c3;
border-left:1px solid #063257;
border-right:1px solid #063257;
}

div.btnNavContact a, div.btnNavContact a:active, div.btnNavContact a:visited{
float:left;
width:100px;
height:30px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#c3c3c3;
text-decoration:none;
padding:8px 0 0 0;
}

div.btnNavContact a:hover{
text-decoration:none;
background:url("../img/bg_nav_over.jpg") repeat-x;
}

div.btnNav{
float:left;
width:100px;
height:38px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#c3c3c3;
}

div.btnNav a, div.btnNav a:active, div.btnNav a:visited{
float:left;
width:100px;
height:30px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#c3c3c3;
text-decoration:none;
padding:8px 0 0 0;
}

div.btnNav a:hover{
float:left;
width:100px;
height:30px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#c3c3c3;
text-decoration:none;
padding:8px 0 0 0;
background:url("../img/bg_nav_over.jpg") repeat-x;
}


div#wrapper{
float:left;
width:962px;
/*background:#cbcbcb url("../img/bg_wrapper.jpg") repeat-x bottom;*/
background:#cbcbcb;
margin:65px 0 0 1px;
padding:0 0 140px 0 !important;
padding:0 0 170px 0;
}

div#wrapperHome{
float:left;
width:962px;
/*background:#cbcbcb url("../img/bg_wrapper.jpg") repeat-x bottom;*/
background:#cbcbcb;
margin:65px 0 0 1px;
padding:0 0 50px 0;
}

div#menu{
float:left;
width:100%;
height:47px;
background:url("../img/bg_menu.jpg") repeat-x;
}

div.sepMenu{
float:left;
padding:5px 0 0 11px;
}

div.btnMenu{
float:left;
padding:10px 0 0 11px;
}

div.btnMenu a, div.btnMenu a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#666666;
text-decoration:none;
}

div.btnMenu a:hover{
color:#e02544;
background:transparent url("../img/curseur.gif") repeat-x bottom;
}

div.current{
float:left;
padding:10px 0 0 11px;
}

div.current a, div.current a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#e02544;
text-decoration:none;
}

div#content{
float:left;
width:100%;
}

div#blocLeft{
float:left;
width:511px;
}

div#blocLefTop{
float:left;
width:511px;
height:32px;
background:url("../img/bloc_left_top.jpg") no-repeat;
}

div#blocLeftLine{
float:left;
width:511px;
background:url("../img/bloc_left_line.jpg") repeat-y;
text-align:left;
}

div#blocLeftLineContent{
float:left;
width:471px;
background:url("../img/bloc_left_line.jpg") repeat-y;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
padding:10px 20px 10px 20px;
}

div.imgHome{
float:left;
width:246px;
height:167px;
padding:0 0 0 15px;
}

div.descContactHome{
float:left;
width:165px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
text-align:left;
padding:0 0 0 5px;
}

div.descContactHome a, div.descContactHome a:active, div.descContactHome a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
text-decoration:none;
}

div.descContactHome a:hover{
text-decoration:underline;
}

div.imgTitle{
float:left;
width:472px;
height:54px;
padding:0 0 0 20px;
}

div.blocPageLeft{
float:left;
width:235px;
padding:20px 0 0 10px;
}

div.titlepageLeft{
float:left;
width:235px;
height:64px;
}

div.ctnPageLeft{
float:left;
width:235px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
padding:0 0 0 10px;
}

div.ctnPageLeft img{
float:right;
padding:20px 0 0 0;
}

div.blocPageRight{
float:left;
width:225px;
padding:20px 0 0 10px;
}

div.titlepageRight{
float:left;
width:235px;
height:64px;
}

div.ctnPageRight{
float:left;
width:230px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#666666;
padding:0 0 0 10px;
}

div.ctnPageRight img{
float:right;
padding:5px 10px 0 0;
}

div#blocLeftBottom{
float:left;
width:511px;
height:31px;
background:url("../img/bloc_left_bottom.jpg") no-repeat;
}

div.tableBlocHome{
float:left;
padding:20px 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
font-weight:normal;
text-align:justify;
}

div#blocRight{
float:right;
width:450px;
}

div.blocPropos{
float:left;
padding:4px 0 0 0;
}

div.topPropos{
float:left;
width:448px;
height:19px;
background:url("../img/top_propos.jpg") no-repeat;
}

div.linePropos{
float:left;
width:448px;
background:url("../img/line_propos.jpg") repeat-y;
}

div.titlePropos{
float:left;
width:411px;
height:46px;
padding:0 0 0 10px;
}

div.descPropos{
float:left;
width:408px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
font-weight:normal;
text-align:justify;
padding:13px 20px 15px 20px;
}

div.bottomPropos{
float:left;
width:448px;
height:23px;
background:url("../img/bottom_propos.jpg") no-repeat;
}

div.blocBlog{
float:left;
padding:25px 0 0 0;
}

div.blocAdresse{
float:left;
padding:10px 0 0 0;
}

div.topBlog{
float:left;
width:448px;
height:19px;
background:url("../img/top_propos.jpg") no-repeat;
}

div.lineBlog{
float:left;
width:448px;
background:url("../img/line_propos.jpg") repeat-y;
}

div.titleBlog{
float:left;
width:411px;
height:46px;
padding:40px 0 0 10px;
}

div.descBlog{
float:left;
width:470px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
font-weight:normal;
text-align:justify;
padding:0 0px 5px 20px;
}

span.titleFlux{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

div.btnBlog{
float:left;
width:100%;
padding:20px 0 0 0;
}

div.bottomBlog{
float:left;
width:448px;
height:23px;
background:url("../img/bottom_propos.jpg") no-repeat;
}

div.titleContact{
float:left;
width:479px;
height:45px;
padding:0 0 0 10px;
}

div.formContact{
float:left;
width:471px;
padding:0 0 0 18px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
}

div.formContact td{
padding:10px 0 0 0;
}

td.label{
width:120px;
}

input.inputText{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
width:180px;
border:2px solid #cccccc;
margin:0 0 0 30px;
}

textarea.textarea1{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
width:320px;
height:200px;
border:2px solid #cccccc;
margin:0 0 0 30px;
}

div.titleAide, titleAdresse{
float:left;
width:421px;
height:46px;
padding:0 0 0 10px;
}

div.descAdresse{
float:left;
width:421px;
padding:0 0 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#777777;
text-align:center;
}

div.blocAide{
float:left;
width:421px;
padding:0 0 0 10px;
}

div.blocErreur{
float:left;
width:421px;
padding:0 0 0 10px !important;
padding:0 0 0 0;
}

div#erreur{
float:left;
width:350px;
border:2px solid #df5956;
background:url("../img/motif_rose.gif") repeat;
padding:15px;
color:#c30000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
margin-left:25px;
}

div#aideEnvoi{
float:left;
width:350px;
border:2px solid #8cb384;
background-color:e7f5e6;
padding:15px;
color:#8cb384;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
margin-left:25px;
}

div#aideDefault{
float:left;
width:350px;
border:2px solid #8cb384;
background-color:e7f5e6;
padding:15px;
color:#8cb384;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
margin-left:25px;
display:inline;
}

div#aideNom{
float:left;
width:350px;
border:2px solid #8cb384;
background-color:e7f5e6;
padding:15px;
color:#8cb384;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
margin-left:25px;
display:none;
}

div#aidePrenom{
float:left;
width:350px;
border:2px solid #8cb384;
background-color:e7f5e6;
padding:15px;
color:#8cb384;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
margin-left:25px;
display:none;
}

div#aideMail{
float:left;
width:350px;
border:2px solid #8cb384;
background-color:e7f5e6;
padding:15px;
color:#8cb384;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
margin-left:25px;
display:none;
}

div#aideTel{
float:left;
width:350px;
border:2px solid #8cb384;
background-color:e7f5e6;
padding:15px;
color:#8cb384;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
margin-left:25px;
display:none;
}

div#aideMessage{
float:left;
width:350px;
border:2px solid #8cb384;
background-color:e7f5e6;
padding:15px;
color:#8cb384;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:left;
margin-left:25px;
display:none;
}

div.titleRubrique{
float:left;
width:491px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:16px;
font-weight:bold;
text-align:center;
padding:10px 10px 0 10px;
}

div.chapeauRubrique{
float:left;
width:471px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
font-weight:normal;
text-align:left;
padding:10px 20px 20px 20px;
}

div.titlePartie{
float:left;
width:471px;
font-family:Arial, Helvetica, sans-serif;
color:#CC0000;
font-size:14px;
font-weight:bold;
text-align:left;
padding:10px 20px 10px 20px;
}

div.paragraphe{
float:left;
width:471px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
font-weight:normal;
text-align:justify;
padding:0 20px 10px 20px;
}

span.titleParagraphe{
text-decoration:underline;
font-weight:bold;
}


div#footer{
float:left;
width:962px;
height:131px;
background:#053257 url("../img/footer3.jpg") no-repeat;
margin:0 0 0 1px;
}




