/* CSS Document */

p,.textecourant{
line-height:16px;
font-size:11px;
font-family: Arial, Tahoma, Verdana;
color:#3B384A;
}

p{
margin-bottom:20px;
}


p a, #contenuDroite a{
color:#265060;
text-decoration:none;
}

p a:hover,  #contenuDroite a:hover{
color:#fff;
text-decoration:none;
background-color:#265060;
}


h1{
font-family:Arial, Helvetica, sans-serif;
padding-left:30px;
color:#265060;
font-size:28px;
background-image:url(../images/interieure/bleu-petrole/fleche-titre.gif);
background-repeat:no-repeat;
background-position:0px 6px;
}

h2, .intertitre{
font-family:Arial, Helvetica, sans-serif;
color:#265060;
font-size:14px;
margin-bottom:5px;
}

h3, .soustitre{
font-family:Arial, Helvetica, sans-serif;
color:#265060;
font-size:16px;
font-weight:bold;
margin-bottom:5px;
}


.chapeau{
color:#265060;
font-weight:bold;
}

.exergue{
color:#67848F;
}

.legende{
font-size:10px;}


#contenuDroite li a{
color:#0091B7;
}

#contenuDroite li a:hover{
background-color:#0091B7;
color:#FFFFFF;
}



#contenuDroite th{
background-color:#0091B7;
color:#FFFFFF;
}

#contenuDroite tr.fond1 td{
background-color:#fff;
color:#3B384A;
}

#contenuDroite tr.fond2 td{
background-color:#E5F4F8;
color:#3B384A;
}



/******************************************/
#fil_Ariane a.niveau1{
color:#265060;
font-size:11px;
}

#fil_Ariane a.niveau1:hover{
color:#265060;
font-size:11px;
background:none;
text-decoration:underline;
}



#fil_Ariane a.niveau2{
color:#7FC8DB;
font-size:11px;
}

#fil_Ariane a.niveau2:hover{
color:#7FC8DB;
font-size:11px;
background:none;
text-decoration:underline;
}



/******************************************/
.bloc_lien p, .bloc_lien_souligne p{
padding:10px;

}

#contenuDroite .bloc_lien a{
text-decoration:none;
display:block;
border-bottom:1px dashed #dddddd;
}

#contenuDroite .bloc_lien a:hover{
text-decoration:none;
background-color:#EDF2F2;
display:block;
}

.bloc_lien a.lien_bloc {
text-decoration:none;
display:list-item;
border:none;
}

.bloc_lien_souligne{border-bottom:1px dashed #dddddd;}


#contenuDroite .bloc_lien #listelien a, #contenuDroite .bloc_lien_souligne #listelien a{text-decoration:none;border:none; color:#7FC8CB; display:inline; background: url(../images/structure/menu/bleu-petrole/fleche-niveau-2.png) no-repeat scroll 4px 5px; padding-left:15px;}
#contenuDroite .bloc_lien #listelien a:hover, #contenuDroite .bloc_lien_souligne #listelien a:hover{text-decoration:none;border:none; color:#ffffff; display:inline; background:#0091B7 url(../images/structure/menu/bleu-petrole/fleche-niveau-2-actif.png) no-repeat scroll 4px 5px;}

/*******************************************/

.bloc_mutlilien p{
padding:10px;
}


#contenuDroite .bloc_multilien a{
text-decoration:none;
display:block;
}

#contenuDroite .bloc_multilien a:hover{
text-decoration:none;
background-color:#EDF2F2;
display:block;
}




/******************************************/
#contenuDroite ul.listeliens li{
line-height:18px;
background:none;
border-bottom:1px dashed #dddddd;
margin:0;
padding:0;
}


#contenuDroite ul.listeliens li a{
background:#FFFFFF url(../images/structure/menu/bleu-petrole/fleche-niveau-2.png) no-repeat scroll 4px 6px;
color:#265060;
display:block;
padding-left:20px;

}

#contenuDroite ul.listeliens li a:hover{
background:#265060 url(../images/structure/menu/bleu-petrole/fleche-niveau-2-actif.png) no-repeat 4px 6px;
color:#FFFFFF;
}

#contenuDroite ul.listeliens {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

/******************************************/
#contenuDroite ul.lienseul{
margin:0;
padding:0;
}

#contenuDroite ul.lienseul li{
color:#265060;
margin:0;
padding:0;
display:block;
background-image:url(http://www.cedre.fr/images/interieure/puce-contenu.gif);
background-repeat:no-repeat;
background-position:5px 6px;
}

#contenuDroite ul.lienseul li a{

color:#265060;display:block; padding:2px;
padding-left:14px;
}

#contenuDroite ul.lienseul li a:hover{
background-image:url(http://www.cedre.fr/images/interieure/puce-contenu.gif);
background-repeat:no-repeat;
background-position:5px 5px;
color:#fff;display:block;
}


/*******************************************/
#chronologie_Gauche .annee, #chronologie_Droite .annee{
width:326px;
height:27px;
background-image:url(../images/interieure/bleu-petrole/entete-chronologie-alpha.png);
}


/********************************************/
.dateactualite{
font-size:10px;
}

.bloc_actualite p{
padding-left:10px;
padding-right:10px;
padding-top:10px;
}

#contenuDroite .bloc_actualite a{
text-decoration:none;
display:block;
border-bottom:1px dashed #dddddd;
}

#contenuDroite .bloc_actualite a:hover{
text-decoration:none;
background-color:#EDF2F2;
display:block;
}

#actualite_Gauche{
			padding-top:16px;
				margin-left:20px;
				width:326px;
				float:left;		
			}		

#actualite_Droite{
				padding-top:16px;
				margin-left:38px;
				width:326px;
				float:left;		
			}
	



/*******************************************/



.cssformnewsletter p{
width: 210px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
margin-bottom:1px;
height: 1%;
border-bottom:1px dashed #67848F;

}

.cssformnewsletter label{
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
padding-left:15px;
color:#67848F;
font-weight:bold;
}

.cssformnewsletter input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
font-size:11px;
}

.cssformnewsletter input[type="submit"]{ /*width of text boxes. IE6 does not understand this attribute*/
font-size:11px;
background-color:#265060;
color:#FFFFFF;
border:none;
padding:5px;

}



.cssformnewsletter textarea{
width: 250px;
height: 150px;
}

/****************************************/
#contenuDroite .tableauCourant th{
padding:4px;
vertical-align:top;
background-color:#265060;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
}

#contenuDroite .tableauCourant td{
padding:4px;
vertical-align:top;
}

#contenuDroite .tableauCourant tr.ligneClair{
background-color:#FFFFFF;
}

#contenuDroite .tableauCourant tr.ligneFonce{
background-color:#A8B9BF;
}

/***************************************/