/* CSS Document */
/* REGLES GENERALES */
body {
margin:0; /* pour éviter les marges */
padding:0;
text-align:center; /* pour corriger le bug de centrage IE */
background-image:url(images/bkg.jpg);
background-repeat:repeat-x;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
h1 {
padding-top:0;
margin-top:0;
margin-left:-15px;
font-size:28px;
font-style:normal;
font-weight:normal;
color:#609FD5;
text-decoration:underline;
}
h1.h1index {
padding-top:0;
margin-left:0;
margin-top:0;
font-size:28px;
font-style:normal;
font-weight:normal;
color:#609FD5;
text-decoration: none;
}
h2 {
padding-top:5px;
margin-top:0;
padding-bottom:3px;
margin-bottom:10px;
font-size:15px;
color:#609FD5;
border-bottom:1px solid #00CCFF;
}
h2.h2index {
padding-top:5px;
margin-top:0;
padding-bottom:0px;
margin-bottom:0px;
font-size:15px;
color:#609FD5;
border: none;
}
h3 {
padding-top:5px;
margin-top:0;
padding-bottom:0;
margin-bottom:0;
font-size:12px;
color:#14498D;
}
h3.lacalme {
padding-top:0px;
margin-top:0;
padding-bottom:0;
margin-bottom:0;
font-size:12px;
color:#7D99C1;
}
h4 {
padding-top:5px;
margin-top:0;
padding-bottom:0;
margin-bottom:0;
font-size:11px;
color:#14498D;
}
p {
font-size: 13px;
padding-top:0;
margin-top:2px;
}
li{
background:url(images/puce4.gif) no-repeat center left;
padding-left :13px;
list-style:none;
}
a{
color:#14498D;
}
a:hover{
color:#4C83BB;
}
a img {
border:none; 
}
img.left {
float:left; 
padding:0;
margin:0;
}
img.right {
float:right; 
padding:0;
margin:0;
}
/* CADRE SITE */
#wrapper {
margin-left:auto;
margin-right:auto;
width: 950px;
text-align:left; /* on rétablit l'alignement normal du texte */
padding:15px;
background-color:white;
}
/* MENU 1*/
#menufixe{ /* structure de la première nav */
background-color: #FFFFFF;
height:25px;
}
#menu1{ /* regles de navigation */
padding:0;
margin:0;
text-align:right;
}
#menu1 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-image: none;
background-color: #FF99FF;
}
#menu1 li{
display: inline;
margin:0 4px;
background:none;
padding-left:0;
list-style:none;
}
#menu1 li a{
text-decoration:none;
}

/* HEADER */	 
#header{
background-image:url(images/bkg-header.jpg);
background-repeat:repeat-y;
height:125px;
}
#logo{
position:absolute;
}
#titre {
position:absolute;
margin-left:150px;
margin-top:40px;
}
/*MENU 2 et 3*/	
#menu2, #menu3 {
height: 26px;
margin:0px;
padding:0px;
background-image:url(images/bkg-mainnav.gif);
background-repeat:repeat-y;
border-bottom: 2px solid #5A87C2;
height: 26px;
}
#menu2 li, #menu3 li {
float:right;
width:auto;
list-style:none;
margin-left:5px;
padding:0px;
border-left : 2px solid white;
border-right : 2px solid white; 
background:url(images/puce-transparente.gif) no-repeat;
list-style:none;
}
#menu2 li.premier, #menu3 li.premier { /*supprime la ligne blanche verticale du premier onglet*/	
border-right : 0px ; 
}
#menu2 li.dernier, #menu3 li.dernier{ /*supprime la ligne blanche verticale du dernier onglet*/	
border-left : 0px ; 
}
#menu2 li a, #menu3 li a {
margin:0px;
padding:0px;
padding-top:5px;
padding-bottom:6px;
padding-left:15px;
padding-right:15px;
width: auto;
text-decoration: none;
text-align: left;
color: #14498D; 
display:block;
}
#menu2 li a:hover, #menu3 li a:hover {
background-color:#01BACE;
}
#menu2 .sous-menu, #menu3 .sous-menu {
position:absolute;
margin:0;
padding:0;
right:999em;
width:200px;
}
#menu2 .sous-menu li, #menu3 .sous-menu li  {
position:relative;
display:block;
clear:right;
border-left: 0px;	
border-right: 0px;
margin:0px;
padding:0px;
width:200px;
}
#menu2 .sous-menu li a, #menu3 .sous-menu li a  {
background: url(images/transparence2.gif) repeat;
padding-top:5px;
padding-bottom:5px;
color: #14498D;
}
#menu2 .sous-menu li a:hover, #menu3 .sous-menu li a:hover {
color: #14498D;
background: url(images/transparence4.gif) repeat;
}
#menu2 li:hover .sous-menu,
#menu2 .sfhover .sous-menu,#menu2 li.sfhover ul,
#menu3 li:hover .sous-menu,
#menu3 .sfhover .sous-menu,#menu3 li.sfhover ul{
right:auto;
}
/*MENU 4*/
#menu4{
float:left;
padding-left:0px;
padding-right:3px;
padding-bottom:0;
margin-bottom:0;
width:200px;
height: auto;
background: url(images/color9.gif) repeat-y;
}
#menu4 ul{
margin:0;
padding:0;
}
#menu4 li{
margin:0 ;
padding: 5px;
list-style: left center ;
list-style-position:inside;
list-style-type:square ;
font-size:11px;
color: #68B2D7;
}
#menu4 li.color1{
background: url(images/color1.gif) repeat-y;
}
#menu4 li.color2{
background: url(images/color2.gif) repeat-y;
}
#menu4 li.color3{
background: url(images/color3.gif) repeat-y;
}
#menu4 li.color4{
background: url(images/color4.gif) repeat-y;
}
#menu4 li.color5{
background: url(images/color5.gif) repeat-y;
}
#menu4 li.color6{
background: url(images/color6.gif) repeat-y;
}
#menu4 li.color7{
background: url(images/color7.gif) repeat-y;
}
#menu4 li.color8{
background: url(images/color8.gif) repeat-y;
}
#menu4 li.color9{
background: url(images/color9.gif) repeat-y;
list-style-image: url(images/puce3.gif);
list-style-position:inside;
height:1%; /*pour ie6, calage de la puce, on supprime les 3 pixels en trop*/
margin-top:20px;
height:18px;	
}
#menu4 li.color9 a{
color: #002D57;
}
#menu4 li a{
text-decoration:none;
color: #14498D;
}
#menu4 ul li a:hover{
color: #4C83BB;
}
/*BOUTON RETOUR ACCUEIL*/
#bt-accueil ul{
padding:0px;
margin:0;
}
#bt-accueil li{
margin-left :400px;
background: none;
list-style-image: url(images/puce3.gif);
list-style-position:inside;
height:1%; /*pour ie6, calage de la puce, on supprime les 3 pixels en trop*/
height:18px;	
}
#bt-accueil li a{
color: #002D57;
text-decoration:none;
}
#bt-accueil li a:hover{
color: #4C83BB;
}
/* CONTENT*/
#content{
height:auto;
padding-top:30px;
padding-bottom:8px;
margin:0;
}
/*.....page accueil....*/
#bloc1{
float:left;
padding-left:14px;
padding-bottom:0;
margin-bottom:0;
width:280px;
height: auto;
}
#bloc2{
float:left;
margin-left:15px;
padding-left:18px;
padding-bottom:0;
margin-bottom:0;
border-left: 2px solid #01BACE;
width:280px;
height: auto;
}
#bloc1-2{
float:left;
padding-left:14px;
padding-bottom:0;
margin-bottom:0;
width:560px;
height: auto;
}
#bloc3{
float:left;
margin-left:15px;
padding-left:18px;
padding-bottom:0;
margin-bottom:0;
border-left: 2px solid #01BACE;
width:300px;
height: 310px;
}
.separation{
clear: both;
visibility:hidden;
padding-bottom:0;
margin-bottom:0;
padding-top:5px;
margin-top:5px;
}
/*.....page declinable....*/
#contenu{
float:left;
margin-left:15px;
padding-left:40px;
padding-bottom:0;
margin-bottom:0;
border-left: 2px solid #01BACE;
width:600px;
height: auto;
}

.separation2{
margin-bottom:30px;
margin-top:0;
padding-top:0;
}
/* FOOTER*/
#footer{
background-color: #87B3E2;
height:15px;
background-image:url(images/bkg-footer.jpg);
background-repeat:repeat-x;
padding-top:0;
margin-top:0;
}