/* CSS Document */

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

p{
margin-bottom:20px;
}


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

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


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

h2, .intertitre{
font-family:Arial, Helvetica, sans-serif;
color:#F74878;
font-size:20px;
margin-bottom:10px;
}

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


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

.exergue{
color:#F74878;
}

.legende{
font-size:12px;}


#contenuDroite li a{
color:#ea0a45;
}

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



#contenuDroite th{
background-color:#7DBFD8;
color:#FFFFFF;
}

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

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

#fil_Ariane a.niveau1{
color:#ea0a45;
font-size:14px;
}

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



#fil_Ariane a.niveau2{
color:#F74878;
font-size:14px;
}

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

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

#contenuDroite .article p{
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border-bottom:1px dashed #DDDDDD;
margin-bottom:0px;
}


#contenuDroite .article a{
text-decoration:none;
display:block;
width:250px;
}

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


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

#planning{
font-size:13px;
}
#planning .session{
display:table; 
}

#planning .session .stage{

}

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

#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:#F74878;
color:#FFFFFF;
}




#planning .entete li{

background-color:#EA0A45;
text-align:center;
font-size:16px;
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:#eeeded;
border-bottom:2px solid #fff;
height:130px;
} 

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

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

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

#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;

}
	
/*******************************************/



.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:#F74578;
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:#EA0A45;
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:#EA0A45;
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:#F79DB5;
}

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