@charset "utf-8";
/* CSS Document */

html, body{margin:0; padding:0;}

body{background-color:#000; color:#006; font:12px/18px Arial, Helvetica, sans-serif; text-align:left;}

#conteneur{ background-color:#FFF; margin:10px auto; width:950px;}



/*###################################################################...Header*/
#banner{background:#FFF url(../images/banniere.jpg) left no-repeat; vertical-align:middle; width:798px; height:59px;}
#banner h1{ margin-bottom, margin-top:auto; margin-left:280px; padding:0;}
#banner .logo{ border:0; float:right; height:59px;}
/*############*/



/*###################################################################...Contenu*/
#gauche{ overflow:auto; padding:5px 10px 5px 15px; width:275px; height:390px;}
#gauche table tr td{ margin:0; padding:5px 2px 0px 5px; vertical-align:top;}
#gauche table tr td p{ margin:10px 0 5px 0; padding:0 0 2px 0;}

#contenu{ background-image:url(../images/background/background-contenu.jpg); background-color:#D0D9FA; overflow:auto; overflow-x:hidden; margin:0 0 0 0; padding:0px 10px 0px 15px; width:623px; height:400px;}

/*.wrapper {padding:0 0 5px 0;}*/

#frame{  background-color:#D0D9FA;/*background:url(../images/background/background-contenu.jpg) no-repeat fixed;  overflow-x:hidden; margin:0px 10px 5px 0px; padding:0px 0px 0px 0px;*/ width:633px; height:400px;}

.DivFrame{ background:url(../images/background/background-contenu.jpg) no-repeat fixed 0 0 transparent;  background-color:#D0D9FA; min-width:608px; min-height:395px;/*width:608px; height:395px;*/}
/*############*/



/*###################################################################...Mise en forme*/
h1, h2, h3, h4, h5, h6{ /*background-color:#C9C;*/ color:#032382; margin:0; padding:0;}
h1{ /*background-color:#FCC;*/ color:#032382; font:18px/28px Arial, Helvetica, sans-serif; font-weight:bold; padding:10px 0 0px 0;}
h2{ color:#032382; font:18px/28px Arial, Helvetica, sans-serif; font-weight:bold; padding:10px 0 5px 0;}
h3{ /*background-color:#9CC;*/ font:14px/22px Arial, Helvetica, sans-serif; font-weight:bold; padding:5px 0 0px 0;}
#gauche h2{ padding:0px 0px 0px 0px;}
#gauche h3{ font:13px/16px Arial, Helvetica, sans-serif; font-weight:bold; padding:5px 0px 2px 0px;}
#gauche h4{ font:13px/18px Arial, Helvetica, sans-serif; font-weight:bold; padding:10px 0px 5px 0px;}

#contenu h3{ padding-top:10px;}
#contenu .presentation h3{ padding:0px;}

.DivFrame h3{ padding-top:10px;}

p{ /*background-color:#CC3;*/ margin:5px 0 10px 0; padding:0 0 2px 0;}

.clear{ clear:both;}
.bold{ font-weight:bold;}

ul{ margin:0; padding:0;}
ul li { margin:0 0 0px 30px;}

.retrait{ margin-left:50px;}
/*############*/



/*###################################################################...Images*/
.left{ float:left;}
.right{ float:right;}
img.border{ border:1px #006 solid;}
img.left{ float:left; margin:5px 15px 5px 10px;}
img.right{ float:right;}

.legende{ display:table; float:left; text-align:center; width:auto;}
.legende p{ margin:5px 0 0px 0; padding:0 0 0px 0;}

.newsletters{ float:left; text-align:center; width:200px;}
.newsletters img{ border:none; margin-top:5px;}
/*############*/



/*###################################################################...Liens*/
#gauche h2 a:link, #gauche h2 a:visited, #gauche h2 a:hover{ color:#032382; text-decoration:none;}

a:link, a:visited{ color:#056CB4; text-decoration:none;}
a:hover{ color:#4AAEF3; text-decoration:underline;}
/*############*/


/*###################################################################...Footer*/
#footer{ background-color:#000; color:#0605A1; padding-top:10px; text-align:right; width:950px; height:50px;}
#footer .copyright{ color:#FFF; font-size:9px;}
#footer a{ color:#FFF; font-size:9px; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}
/*############*/