/* 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:#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:14px;
margin-bottom:5px;
}

h3, .soustitre{
font-family:Arial, Helvetica, sans-serif;
color:#ea0a45;
font-size:16px;
font-weight:bold;
margin-bottom:5px;
}


.chapeau{
color:#F74878;
font-weight:bold;
}

.exergue{
color:#F74878;
}

.legende{
font-size:10px;}


#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:11px;
}

#fil_Ariane a.niveau1:hover{
color:#ea0a45;
font-size:11px;
background:none;
text-decoration:underline;
}



#fil_Ariane a.niveau2{
color:#F74878;
font-size:11px;
}

#fil_Ariane a.niveau2:hover{
color:#F74878;
font-size:11px;
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;
}


/******************************************/
#contenuDroite ul.lienseul{
margin:0;
padding:0;
}

#contenuDroite ul.lienseul li{
color:#ea0a45;
margin:0;
padding:0;
display:block;
background-image:url(../images/interieure/puce-contenu.gif);
background-repeat:no-repeat;
background-position:5px 6px;
}

#contenuDroite ul.lienseul li a{

color:#ea0a45;display:block; padding:2px;
padding-left:14px;
}

#contenuDroite ul.lienseul li a:hover{
background-image:url(../images/interieure/puce-contenu.gif);
background-repeat:no-repeat;
background-position:5px 5px;
color:#fff;display:block;
}


/*****************************************/

#planning{

}
#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: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:150px;border-right:2px dotted #fff;
}

#planning li.head3{
width:130px;border-right:2px dotted #fff;
}

#planning li.head3_en{
width:220px;border-right:2px dotted #fff;
}
#planning li.head4{
width:60px;border-right:2px dotted #fff;
}

#planning li.head4_en{
width:100px;border-right:2px dotted #fff;
}

#planning li.head5{
width:60px;
}


#planning .ligneImpaire li{
display:table-cell;
background-color:#eeeded;
border-bottom:2px solid #fff;
height:80px;
} 

#planning .ligneImpaire_en li{
display:table-cell;
background-color:#eeeded;
border-bottom:2px solid #fff;
height:40px;
} 

#planning .lignePaire li{
display:table-cell;
background-color:#cdcdcd;
border-bottom:2px solid #fff;
height:80px;
} 

#planning .lignePaire_en li{
display:table-cell;
background-color:#cdcdcd;
border-bottom:2px solid #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:150px;
border-right:2px dotted #fff;
}
#planning li.col3{
width:130px;
text-align:center;
border-right:2px dotted #fff;
}

#planning li.col3_en{
width:220px;
text-align:left;
border-right:2px dotted #fff;

}
#planning li.col4{
width:60px;
text-align:center;
border-right:2px dotted #fff;
}
#planning li.col4_en{
width:100px;
text-align:left;
border-right:2px dotted #fff;
}
#planning li.col5{
width:60px;
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:11px;
}


.cssform select{ /*width of text boxes. IE6 does not understand this attribute*/
width: 350px;
font-size:11px;
}

.cssform input[type="submit"]{ /*width of text boxes. IE6 does not understand this attribute*/
font-size:11px;
background-color:#EA0A45;
color:#FFFFFF;
border:none;
padding:5px;

}



.cssform textarea{
width: 180px;
height: 130px;
overflow:auto;
font-size:11px;
}

/****************************************/
#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;
}

/******************************************/
.bloc_lien p, .bloc_lien_souligne p{
padding:00px;

}

#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/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/fleche-niveau-2-actif.png) no-repeat scroll 4px 5px;}

/*******************************************/
