/* CSS Document */

body{
background-color:#FFFFFF;
margin:0px;
padding:0px;
font-family: arial;
font-size:13px;
font-weight:normal;
min-height:100%;
height:100%;
}
html,body,td,div{
font-family: arial;
font-size:13px;
font-weight:normal;
}


.topLogo{
display:block;
padding: 10px 20px 10px 45px; 
width:906px;
height:30px;
background-image:url(../images/bkg_logo.jpg);
background-repeat:repeat-y;
}

.LogoAttach{
width:300px;
float:left;
}


#tableauPrincipale{
width:982px;
}

#cellulePrincipale{
width:971px;
}


/* Bar de navigation du haut et principale ********************************************/
.BtnTop{
color:#FFF;
padding: 0 15px 0 0px;
float:right;
text-align:right
}

.BtnTop a, .BtnTop a:visited, .BtnTopnav a:active{
color:#FFF;
text-decoration:underline
}

.BtnTop a:hover{
color:#ccccff;
}


.MainNav{
background-image:url(../images/bkg_btn.gif);
background-repeat:repeat-x;
background-color:#c7defd;
height:29px;
width:100%;
color:#666666;
text-align:center;
font-size:11px;
}
#NavBtn{float:left; width:933px;color:#0066cc;font-family:Arial,Helvetica,sans-serif; font-size:1.1em;line-height:1.2em;font-weight:bold; padding:2px 4px 0px 34px;}
#NavBtn ul{margin:0;padding:0;zoom:100%;list-style:none; }
#NavBtn li{float:left; margin:0;padding:0;}
#NavBtn a{float:left; margin:0;padding:0px 0  0 8px; text-decoration:none; border-right: 1px solid #99b9e2}
#NavBtn a span{display:block; padding:6px 12px  4px 4px; font-weight:bold; color:#0066cc;}
#NavBtn .current a{background-repeat:no-repeat;background-image:url(../images/left_both_on.gif); background-position:0 -150px; border-width:0;border-bottom:1px solid #dfebfc;}
#NavBtn .current a span{background-repeat:no-repeat;background-image:url(../images/right_both_on.gif); background-position:100% -150px; padding:5px 12px  6px 4px; color:#11449E;}
#NavBtn a span{float:none;}
#NavBtn a:hover{background-position:0 -150px; color:#003399;}
#NavBtn a:hover span{background-position:100% -150px; color:#003399;}





/* Contenue principale de la page ******************************************/
.MainContent{
background-image:url(../images/bkg_main.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
heigh:auto;
width:939px;
padding:20px 0px 20px 32px;
color:#666666;
text-align:left;
float:left

}

.MainContentRight, .contentRightCalendar{
	float:right;
	margin: 0 0 0 10px;
	display:block;
	width:374px;
}
.contentRightCalendar{
	width:280px;
	
}

.boiteContent{
border: 1px solid #b2cbff;
display:block;
width:360px;
margin: 0 0 14px 0;
height:auto
}

.boiteContentLink{
border-bottom: 1px solid #b2cbff;
border-top: 1px solid #FFFFFF;
padding: 2px 2px 2px 8px;
background-image:url(../images/bkg_link_right.jpg); background-repeat:repeat-y; background-color:#FFFFFF;
}

.boiteContentLink h3, .boiteContentLink h4{color:#ff6600; font-size:11px; font-weight:bold; margin:0; padding:0}
.boiteContentLink h4 {color:#006699;}
.boiteContentLink p.date { color:#000000}
.boiteContentLink p.name { color:#000000}
.boiteContentLink p { margin:3px 0px 0px 0px}
.boiteContentLink a, .boiteContentLink a:visited, .boiteContentLink a:active{color:#003399; text-decoration:underline}
.boiteContentLink a:hover{color:#ff6600; text-decoration:underline}


.boiteCalendrier{padding: 8px; display:block; float: left;}

.mainTable {border: 1px solid #B2CBFF;}
.mainTableTitle {color:#003399; font-weight:bold; background-color:#cee1fd; padding:4px; text-align:center}
.DayNames {color:#333333; font-weight:bold; background-color:#f5f4d3; padding:4px; text-align:center; font-size:10px}
.DayOff {background-color: #eeeeee; color:#999999; font-size:10px; text-align:center}
.DayOn {background-color: #a4cae6; color:#333333; font-size:10px; text-align:center}
.DayOnToday {background-color: #a4cae6; color:#333333; font-size:10px; text-align:center}
.DayOn a, .DayOnToday a{ text-decoration:none; color:#ff6600}

.boiteInfoCalendrier{
padding: 8px;

}
form{ margin:0px; padding:0px; display:inline}

.boiteTitre{
border: 1px solid #b2cbff;
background-image: url(../images/bkg_sousTitre.jpg);
width:348px;
height:18px;
padding: 8px 0 8px 12px;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
text-align:left;
}

.MainContentLeft{
float:left;
display:block;
width:554px;
}
.pageTextBox{
	width:600px; 
	float:left; 
	margin:0 0 0 0px;
	padding:14px;
	/*border: 1px solid #b2cbff;*/
	display:block;
}

/* texte ********************/
.MainContentTexte{
	text-align:left;
	color:#333333;
}

.MainContentTexte h2, h3, h4, form h2{ padding:0px; line-height:1.1em; font-weight:bold; margin:10px 0px 5px 0px;}
.MainContentTexte h2 {font-size:16px; color:#ff6600;}
.MainContentTexte h3{font-size:14px; color:#006699;}
.MainContentTexte h4{font-size:14px; font-weight:bold; display:inline}
.MainContentTexte p, ul{padding:0; margin:8px 0px 8px 0px}
.MainContentTexte ul li { margin-left:0px; padding-left:0px;}
.MainContentTexte ul{ list-style:none; margin-left:15px; padding-left:0px;}
.MainContentTexte ol li { margin:5px 0px 5px 0px; }
.MainContentTexte ol{ margin-top:15px; margin-right:5px; margin-bottom: 5px; }

p.error{ color:#FF0000; font-size:14px}
.MainContentTexte p.date { color:#666666; font-style:italic; font-size:11px; margin: 5px 0px 0px 0px}
.MainContentTexte a, .MainContentTexte a:visited, .MainContentTexte a:active{ color:#000000; text-decoration:underline}
.MainContentTexte a:hover{ color:#999999; text-decoration:underline}

.MainContentTexte input{ color:#006699; border: solid 1px #006699;}

.separator{ border-bottom: 1px solid #B2CBFF; margin:0px; padding:0px; clear:both}
.email{ margin:5px 0px 5px 0px}

.blockPerson{ margin:20px 0px 20px 0px; clear:both}
.blockPerson p{ margin:5px 0px 5px 0px; }
.blockPerson p.titre{ font-size:14px}
.blockPerson img { float:left; margin-right:5px; margin-bottom:1px; border:solid 1px #B2CBFF}

.BoiteOnglet{margin: 0 8px 30px 0;  border:1px solid #B2CBFF; background-image:url(../images/bkg_onglet.jpg); background-repeat:repeat-y; float:left; display:block; padding:6px; width:160px; height:67px; font-size:11px;}
.BoiteOnglet h3{color:#003399; font-size:11px; font-weight:bold; margin:0; padding:0}
.BoiteOnglet a, .BoiteOnglet a:visited, .BoiteOnglet a:active{color:#003399; text-decoration:underline}
.BoiteOnglet a:hover{color:#ff6600; text-decoration:underline}

.ImgPrincipale{
width:554px;
}




/* Layout pour le footer du site ***************************************************/
.Footer{
float:left;
width:971px;
background-image:url(../images/bkg_footer.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
padding:15px 0px 20px 0px;
color:#336699;
text-align:center;
}

.FooterFirst{
border-bottom:1px solid #b2cbff;
height:23px;
color:#336699;
text-align:center;
}

.FooterFirst a, .FooterFirst a:visited, .FooterFirst a:active{
color:#336699;
text-decoration:none;
}

.FooterFirst a:hover{
text-decoration:underline;
}


.FooterSecond{
padding: 10px 0 0 0;
color:#003399;
font-weight:bold;
text-align:center;
}

.FooterSecond a, .FooterSecond a:visited, .FooterSecond a:active{
color:#003399;
text-decoration:none
}

.FooterSecond a:hover{
text-decoration:underline
}



.PageTitre{
background-image: url(../images/bkg_TitrePage.gif); background-repeat:repeat-x; background-color:#487ce2;
height:50px;
width:909px;
padding:20px 20px 20px 42px;
color:#FFFFFF;
text-align:left;
}

.PageTitre h1{
font-size:18px;
font-weight:bold;
padding:0px;
margin:0px 0px 7px 0px;
}
.PageTitre p{
font-size:14px;
font-weight:normal;
padding:0px;
margin:0px;
}

.ContentPage{
border: 1px solid #b2cbff;
display:block;
width:512px;
padding:14px;
}
.blocBillet{border-bottom: 1px solid #B2CBFF; padding: 0px 0px 0px 0px; margin:0px 0px 15px 0px;}
.ContentPage h2{font-size:14px; color:#ff6600; padding:0px;  font-weight:bold; margin:0px 0px 5px 0px;}
.ContentPage p{ margin:5px 0px 8px 0px;}
.ContentPage p.date{color:#666666; font-style:italic; font-size:11px; margin: 5px 0px 0px 0px}
.ContentPage a, .BoiteOnglet a:visited, .BoiteOnglet a:active{color:#006699; text-decoration:underline}
.ContentPage a:hover{color:#ff6600; text-decoration:underline}
.ContentPage p img{ vertical-align:text-bottom;}

.BlueStrong {color:#003399; font-weight:bold}





#sousMenu {
	width:929px; 
	color:#006699;
	font-size:11px;
	font-weight:bold;
	background-color:#dee9fd;
	border-bottom:1px solid #b2cbff;
	text-align:left;
	padding:6px 0px 6px 42px;
}

#sousMenu A{
	color:#006699;
	margin:0 10px 0 10px;
	text-decoration:none;
}

#sousMenu A:hover{
	text-decoration:underline;
	color:#ff6600;
}

#sousMenu A.on{
	text-decoration:none;
	color:#ff6600;
	/*color:#003399;*/
}
#sousMenu A.on:hover{
	text-decoration:underline;
	color:#ff6600;
	/*color:#003399;*/
}

/*  pages centrale  */
#agenda img{
	float: left;
	margin: 3px 5px 5px 0px;
}
#rightFrancoisImage{float:right; width:280px}

#pages_navigation{ margin:8px 2px 3px 2px; font-size:12px;}