body {
	background: #fff;
	color: #000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}


.topLogo{
	display:block;
	height:30px;
	padding:2px;
}


.LogoAttach{
	float:left;
}


#tableauPrincipale{
	width:640px;
}

#cellulePrincipale{
	width:640px;
}

div.BtnTop, div.MainContentRight, div.contentRightCalendar, #rightFrancoisImage, #sousMenu{
	 display:none; !important;	
}

.PageTitre{
height:50px;
width:100%;
padding:2px;
color:#FFFFFF;
text-align:left;
padding:0px;
}

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

.ContentPage{
border: 1px solid #b2cbff;
display:block;
width:512px;
}


.MainNav{
height:29px;
width:100%;
color:#666666;
text-align:left;
padding:2px;
}
#NavBtn{float:left; width:90%;color:#0066cc;font-size:10px;font-weight:bold; padding:2px;}
#NavBtn ul{margin:0;padding:0; display:list-item;  }
#NavBtn li{margin:0;padding:0;}
#NavBtn a{margin:0;padding:2px; text-decoration:none; border-right: 1px solid #99b9e2}
#NavBtn a span{ padding:2px; font-weight:bold; color:#0066cc;}
#NavBtn .current a{border-width:0;border-bottom:1px solid #dfebfc;}
#NavBtn .current a span{padding:2px; color:#11449E;}
#NavBtn a span{float:none;}
#NavBtn a:hover{ color:#003399;}
#NavBtn a:hover span{ color:#003399;}





/* Contenue principale de la page ******************************************/
.MainContent{
background-color:#FFFFFF;
heigh:auto;
width:100%;
padding:0px;
color:#666666;
text-align:left;
float:left
	
}

.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;
width:348px;
height:18px;
padding: 8px 0 8px 12px;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
text-align:left;
}

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

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

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

p.error{ color:#FF0000; font-size:12px}
.MainContentTexte p.date { color:#666666; font-style:italic; font-size:11px; margin: 2px}
.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:12px}
.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:100%;
padding:2px;
color:#336699;
text-align:left;
}

.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
}