/* CSS Document */

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

p{
margin-bottom:20px;
}


p a, #contenuDroite a{
color:#ffffff;
text-decoration:underline;
}

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


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

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

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

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

.exergue{
color:#fff;
}

.legende{
font-size:10px;}


#contenuDroite li a{
color:#fff;
}

#contenuDroite li a:hover{
background-color:#000;
color:#FF8500;
}



#contenuDroite th{
background-color:#000;
color:#fff;
}

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

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

#fil_Ariane a.niveau1{
color:#fff;
font-size:11px;
}

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



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

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


/******************************************/
#contenuDroite #fiche_accident p{
border-bottom:1px dashed #aaaaaa;
margin:0;
padding:3px;
}

#contenuDroite  p.fiche_detail{
border-bottom:1px dashed #aaaaaa;
margin:0;
padding:3px;
}




#contenuDroite li{
padding:1px;
}

#contenuDroite li a{
padding-left:0px;
color:#FF8500;
}

#contenuDroite li a:hover{
background-color:#333;
color:#000;
}

#contenuDroite ul.listeliens{

}

#contenuDroite ul.listeliens{

}

#contenuDroite ul.listeliens li{
color:#fff;
margin:0;
margin-bottom:3px;
display:block;
border-bottom:1px dashed #fff;

background-image:url(../images/interieure/contraste/puce-contenu.gif);
background-repeat:no-repeat;
background-position:10px 5px;
}

#contenuDroite ul.listeliens li a{

color:#fff;display:block; padding:2px;
padding-left:20px;
}

#contenuDroite ul.listeliens li a:hover{
background-image:url(../images/interieure/contraste/puce-contenu.gif);
background-repeat:no-repeat;
background-position:10px 5px;
color:#000;display:block;
}

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

#contenuDroite ul.lienseul li{
color:#fff;
margin: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:#fff;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;
}



/******************************************/
.bloc_lien p, .bloc_lien_souligne p{
padding-left:10px;
padding-top:10px;
padding-right:10px;
margin-bottom:5px;

}

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

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

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

#contenuDroite .bloc_lien p.sousbloc_lien{
padding-left:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:5px;
border-bottom:1px dashed #fff;
}

#contenuDroite .bloc_lien p.sousbloc_lien a{
color:#fff;
background-image:url(http://www.cedre.fr/images/interieure/contraste/puce-contenu.gif);
background-repeat:no-repeat;
background-position:5px 5px;
border-bottom:none;
padding-left:15px;

}

#contenuDroite .bloc_lien p.sousbloc_lien a:hover{
background-image:url(http://www.cedre.fr/images/interieure/contraste/puce-contenu.gif);
background-repeat:no-repeat;
background-position:5px 5px;
color:#000;

border-bottom:none;

}


#contenuDroite .tableauCourant th{
padding:4px;
vertical-align:top;
background-color:#fff;
color:#000;
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:#FFDAB2;
}

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


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

#planning{
color:#FFFFFF;
}
#planning .session{
display:table; 
}

#planning .session .stage{

}

#planning .session ul{
/*display:table-cell; */
clear:both;
background-color:#000;
}

#planning #annule li{
text-decoration:line-through;
}


#planning .session li{
margin-left:0px;
padding:5px;
background:none;
display:block;
float:left;

}

#planning a ul li {

}

#planning a:hover ul li {
background-color:#fff;
color:#000;
}




#planning .entete li{

background-color:#EA0A45;
text-align:center;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
border-bottom:2px solid #fff;
} 


#planning li.head1 {
width:200px;border-right:2px dotted #fff;
}

#planning li.head1_en {
width:300px;border-right:2px dotted #fff;
}

#planning li.head2{
width:120px;border-right:2px dotted #fff;
}

#planning li.head3{
width:100px;border-right:2px dotted #fff;
}

#planning li.head3_en{
width:200px;border-right:2px dotted #fff;
}

#planning li.head4{
width:80px;border-right:2px dotted #fff;
}

#planning li.head4_en{
width:120px;border-right:2px dotted #fff;
}

#planning li.head5{
width:100px;
}


#planning .ligneImpaire li{
display:table-cell;
background-color:#000;
border-bottom:2px solid #fff;
color:#fff;
height:80px;
} 

#planning .ligneImpaire_en li{
display:table-cell;
background-color:#000;
border-bottom:2px solid #fff;
color:#fff;
height:40px;
}


#planning .lignePaire li{
display:table-cell;
background-color:#333;
border-bottom:2px solid #fff;
color:#fff;
height:60px;
} 

#planning .lignePaire_en li{
display:table-cell;
background-color:#333;
border-bottom:2px solid #fff;
color:#fff;
height:40px;
} 

#planning li.col1 {
width:200px;
border-right:2px dotted #fff;
}

#planning li.col1_en {
width:300px;
border-right:2px dotted #fff;
}

#planning li.col2{
width:120px;
border-right:2px dotted #fff;
}
#planning li.col3{
width:100px;
text-align:center;
border-right:2px dotted #fff;

}

#planning li.col3_en{
width:200px;
text-align:left;
border-right:2px dotted #fff;

}

#planning li.col4{
width:80px;
text-align:center;
border-right:2px dotted #fff;
}

#planning li.col4_en{
width:120px;
text-align:left;
border-right:2px dotted #fff;
}

#planning li.col5{
width:100px;
text-align:center;

}


/********************************************/
.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:#333;
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 #fff;

}

.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:#fff;
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:#333;
color:#FFFFFF;
border:none;
padding:5px;

}



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

#contenuDroite ul{
margin-top:-10px;
list-style:none;
margin-bottom:10px;
}

#contenuDroite li{
padding-left:20px;
margin-bottom:10px;
color:#fff;
background-image:url(http://www.cedre.fr/images/interieure/puce-contenu.gif);
background-position:10px 4px;
background-repeat:no-repeat;
}

 #mentions a{
text-decoration:none;
color:#ffffff;}

#mentions a:hover{
text-decoration:none;
color:#ffffff;
background-color:#000;}

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



.cssform 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;

}

.cssform 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:#fff;
font-weight:bold;
}

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

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

}



.cssform textarea{
width: 180px;
height: 130px;
overflow:auto;
font-size:14px;
}

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

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

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

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

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

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

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

#dossier{
background-color:#555;
padding:3px;
color:#000;
}

#dossier .soustitre{
padding-top:4px;
padding-left:5px;
color:#fff;
}

#dossier ul.listeliens li{
padding:0;
}

#dossier ul.listeliens li a{
color:#fff;
}

#dossier ul.listeliens li a:hover{
background-color:#000;
color:#fff;
}