/* CSS Document */
body{ margin:0; padding:0; text-align:center; background:url(../img/interface/fond.jpg) repeat-x top left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
div, p{margin:0px; padding:0;}
h1{ font-size:18px; color:#576494; padding:15px 0 5px 0; margin:0;}
h2{ font-size:14px; color: #000; padding:10px 0 5px 0; margin:0;}
h4{ font-size:20px; color: #12ad2b; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; text-align: center; padding:10px 0 5px 0; margin:0;}
ul, li{margin:0; padding:0; list-style:none; }
ol, li{margin:0; padding:0px 0px 0px 0px; list-style:none;}
#print-tetepage{display:none;}

/* Disposition des cadres */
#marge, #bas-cadre, #pied-page{margin-left:auto; margin-right:auto;}
#bandeau{margin-left:auto; margin-right:auto; text-align:right;}
#bandeau{width:905px; height:100px; background:url(../img/interface/bandeau.jpg) no-repeat top left;}
#marge{ width:905px; background:url(../img/interface/fond-marge.jpg) repeat-y top left; text-align:left;}
#main{ width:900px; background:url(../img/interface/fond-centre.jpg) no-repeat top left; margin:0;}
#main #left{ width:185px; float:left; padding:1px 0 0 0;}
#main #right{ width:471px; float:left; padding:0 20px 10px 20px;}
#main #pub{ width:204px; float:left; padding:1px 0 0 0;}
#bas-cadre{ width:905px; height:16px; background:url(../img/interface/pied.jpg) no-repeat top left;}
#pied-page{ width:905px; height:20px; font-size:11px; color: #00529b; font-weight: bold;}
#pied-page a{text-decoration: none; color: #12ad2b; }
#pied-page a:hover{text-decoration: underline; color: #00529b; }

/* Menu Haut */
#menu-main{ width:725px; padding:83px 0 0 15px; text-align:left; float:right;}
#menu-main ul{ font-size:14px; font-weight:bold;}
#menu-main li{ color:#C7C7C7; padding:4px 0 0 0; display:inline;}
#menu-main li a{color:#919AB9; text-decoration:none; }
#menu-main li a:hover, #menu-main li .on{ color:#009D12; text-decoration:underline;}

/* Menu Gauche */
#menu{ width:171px; padding:0 0 0 8px;}
#menu #tete{height:8px; background:url(../img/interface/menu-tete.gif) no-repeat left bottom;}
#menu #contenu{ width:163px; border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; background:#FFFFFF; padding:13px 0 0 5px; margin:0;}
#menu #pied{height:8px; background:url(../img/interface/menu-pied.gif) no-repeat left top;}
#menu ul{margin:0; padding:0; font-size:11px; text-align:left; list-style:none;}
#menu li {padding:4px 0 4px 0; margin:0;}
#menu li a{background: url(../img/interface/picto-menu.gif) no-repeat left; padding:0 0 0 18px; color:#02165E; display:block; text-decoration:none; margin:0;}
#menu li a:hover, #menu li .on{background:url(../img/interface/picto-menu-on.gif) no-repeat left; color:#02165E; font-weight:bold; margin:0; }

/* Menu sous menu */
#menu .sous-menu ul{padding:2px 0 4px 6px; margin:0; background:none;}
#menu .sous-menu li{ color:#02165E; background:none;}
#menu .sous-menu li a{ background:url(../img/interface/picto-sous-menu-bleu.gif) no-repeat left; font-style:italic; color:#02165E; margin:0;}
#menu .sous-menu li a:hover, #menu .sous-menu li a .on{ background:url(../img/interface/picto-sous-menu-bleu-on.gif) no-repeat left; font-style:italic; font-weight:bold;}

/* Menu sous menu bis */
#menu .sous-menu .sous-sous-menu ul{padding:2px 0 4px 6px; margin:0; background:none;}
#menu .sous-menu .sous-sous-menu li{ color:#02165E; background:none;}
#menu .sous-menu .sous-sous-menu li a{ background:url(../img/interface/picto-sous-menu-bis.gif) no-repeat left; font-style:italic; color:#02165E; margin:0;}
#menu .sous-menu .sous-sous-menu li a:hover, #menu .sous-menu .sous-sous-menu li a .on{ background:url(../img/interface/picto-sous-menu-bis-on.gif) no-repeat left; font-style:italic; font-weight:bold;}

/* Gestion du bloc flash info */
#flash{width:175px; padding:15px 0 0 20px;}
#flash #tete{height:35px; background:url(../img/interface/flash-tete.gif) no-repeat left bottom;}
#flash #contenu{ width:158px; border-left:#009D12 1px solid; border-right:#009D12 1px solid; padding:10px 5px 0px 10px; background:#FFFFFF;}
#flash #contenu h3{padding:1px 0px 1px 0px; color:#FE0303; font-size:12px; margin:0;}
#flash #contenu p{color:#000; font-size:11px; padding:0px 0px 5px 0px; font-size:10px;}
#flash #contenu .decal{text-align: right;}
#flash #contenu .suite a{font-size:9px; background:url(../img/interface/picto-flash.gif) no-repeat left bottom; text-decoration:none; padding:80px 0px 0px 24px; color:#69F; font-weight:bold}
#flash #contenu .suite a:hover{text-decoration:underline; color:#F00}
#flash #pied{height:9px; background:url(../img/interface/flash-pied.gif) no-repeat left top; }

/* texte */
.pres1{font-size: 20px; color: #12ad2b;}
.pres2{list-style: disc; }
.pres3 {font-size: 12px; padding:0px 0px 0px 25px; color: #00529b; font-weight: bold; }
.pres3 a{text-decoration: none; }
.pres3 a:hover{text-decoration: underline; color: #12ad2b; }
.pres5{padding:0px 0px 0px 25px; }
.pres6 {font-size: 12px; padding:0px 0px 0px 0px; color: #00529b; font-weight: bold; }
.pres6 a{text-decoration: none; }
.pres6 a:hover{text-decoration: underline; color: #12ad2b; }
.pres20 {font-size: 12px; padding:0px 0px 0px 25px; color: #00529b; font-weight: bold; }
.pres20 a{text-decoration: none; }
.pres20 a:hover{text-decoration: underline; color: #12ad2b; }
.pres21 {font-size: 12px; padding:0px 0px 0px 0px; color: #00529b; font-weight: bold; }
.pres21 a{text-decoration: none; }
.pres21 a:hover{text-decoration: underline; color: #12ad2b; }

/* tabulation */
.pres4{font-size: 12px; padding:0px 0px 0px 25px; }
.pres7{font-size: 12px; padding:0px 0px 0px 50px; }
.pres8{font-size: 12px; padding:0px 0px 0px 75px; }
.pres9 {font-size: 12px; padding:0px 0px 0px 15px; color: #00529b; font-weight: bold; }
.pres10 { font-size:14px; padding:0px 0px 0px 15px; color: #000; font-weight: bold; }
.pres11 {font-size: 12px; padding:0px 0px 0px 5px; color: #00529b; font-weight: bold; }
.pres12 {font-size: 12px; padding:0px 0px 0px 102px; color: #00529b; font-weight: bold; }
.pres13 {font-size: 12px; padding:0px 0px 0px 50px; color: #00529b; font-weight: bold; }
.pres14 {font-size: 12px; padding:0px 0px 0px 45px; color: #00529b; font-weight: bold; }
.pres15 {font-size: 12px; padding:0px 0px 0px 35px; color: #00529b; font-weight: bold; }

/* visuel */
#visuel{width: 204px;}

/* séparateur */
.hr{display: block; clear: both; height: 0; line-height: 0;}
.sep05{height: 5px; clear: both;}
.sep10{height: 10px; clear: both;}
.sep15{height: 15px; clear: both;}
.sep20{height: 20px; clear: both;}
.sep25{height: 25px; clear: both;}
.sep30{height: 30px; clear: both;}
.sep50{height: 50px; clear: both;}
.sep100{height: 100px; clear: both;}
.sep125{height: 125px; clear: both;}
.sep150{height: 150px; clear: both;}
.sep175{height: 175px; clear: both;}
.sep200{height: 200px; clear: both;}
.sep225{height: 225px; clear: both;}
.sep250{height: 250px; clear: both;}
.sep275{height: 275px; clear: both;}
.sep300{height: 300px; clear: both;}
.sep325{height: 325px; clear: both;}
.sep350{height: 350px; clear: both;}
.sep375{height: 375px; clear: both;}
.sep400{height: 400px; clear: both;}