﻿/*** RAZ des marges ***/
*{
	margin:0;
	padding:0;
}

/*** Balises ***/
body{
	background-color:#11628C;
                font-family:"Verdana",sans-serif;
	font-size:small;
	margin-top:10px;
}

p{
	margin:10px;
	margin-left:0;
}

/*** Cadres communs ***/
#page{
	width:950px;
	margin:auto;
	border:1px solid #11628C;
	background-color:#FFFFFF;
}

#center{
	float:left;
	padding:10px;
	width:718px;
	background-color:#FFFFFF;
	min-height:417px;
}

#footer{
	clear:both;
}

/*** Cadres communs (hors accueil) ***/
/*Menu horizontal*/
#menu{
	background-image:url(/upload/CEEI/charte/banniere.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:25px;
	padding-top:70px;
}

/*Cadre de gauche*/
#left{
	float:left;
	width:200px;
}

#left img{
	margin-left:20px;
	margin-bottom:10px;
	display:block;
}

/*** Page d'accueil ***/
#left_index{
	float:left;
	width:200px;
	height:437px;
	background-image:url(/upload/CEEI/Charte/perchiste.jpg);
	background-repeat:no-repeat;
}

/*** Menus ***/
#menu ul,#menuv ul{
	list-style-type:none;
}	

#menu ul #item_3 a{
	color: #FFFFFF; 
	background-color: #076086;
}

#menu ul #item_4 a,#menuv #smenu_1 li a{
	color: #FFFFFF; 
	background-color: #006B98
}

#menu ul #item_5 a,#menuv #smenu_2 li a{
	color: #FFFFFF; 
	background-color: #0081B7;
}

#menu ul #item_6 a,#menuv #smenu_3 li a{
	color: #000000; 
	background-color: #97B4D4;
}

#menu ul #item_7 a{
	color: #000000; 
	background-color: #B5CEEA;
}

#menu ul #item_8 a,#menuv #smenu_4 li a{
	color: #000000; 
	background-color: #DEE7F0;
}

#menu ul #item_9 a{
	color: #000000; 
	background-color: #BACEE3;
}

#menu ul #item_3 a:hover {
	color: #000000; 
	background-color: #E1E8E9;
}

#menu ul #item_4 a:hover,#menuv #smenu_1 li a:hover, #smenu_1 li#over_on a{
	color: #000000; 
	background-color: #EDE5A2;
}

#menu ul #item_5 a:hover,#menuv #smenu_2 li a:hover,#smenu_2 li#over_on a{
	color: #FFFFFF; 
	background-color: #B59BB3;
}

#menu ul #item_6 a:hover,#menuv #smenu_3 li a:hover,#smenu_3 li#over_on a{
	color: #000000; 
	background-color: #D2B777;
}

#menu ul #item_7 a:hover{
	color: #000000; 
	background-color: #EDC7A2;
}

#menu ul #item_8 a:hover,#menuv #smenu_4 li a:hover,#smenu_4 li#over_on a{
	color: #FFFFFF; 
	background-color: #9A6C97;
}

#menu ul #item_9 a:hover{
	color: #FFFFFF; 
	background-color: #9CD3A0;
}

#menu ul #item_3_on a{
	color: #FFFFFF; 
	background-color: #E1E8E9;
}

#menu ul #item_4_on a{
	color: #FFFFFF; 
	background-color: #EDE5A2;
}

#menu ul #item_5_on a{
	color: #FFFFFF; 
	background-color: #B59BB3;
}

#menu ul #item_6_on a{
	color: #FFFFFF; 
	background-color: #D2B777;
}

#menu ul #item_7_on a{
	color: #FFFFFF; 
	background-color: #EDC7A2;
}

#menu ul #item_8_on a{
	color: #FFFFFF; 
	background-color: #9A6C97;
}

#menu ul #item_9_on a{
	color: #FFFFFF; 
	background-color: #9CD3A0;
}

#menu #menuv #smenu_2_on li a{
	color: #FFFFFF; 
	background-color: #B59BB3;
}
#menu #menuv #smenu_3_on li a{
	color: #FFFFFF; 
	background-color: #B59BB3;
}
#menu #menuv #smenu_4_on li a{
	color: #FFFFFF; 
	background-color: #B59BB3;
}
#menu #menuv #smenu_5_on li a{
	color: #FFFFFF; 
	background-color: #B59BB3;
}




/*Menu horizontal*/
#menu ul li{
	float:left;
	margin-left:20px;
}

#menu ul li a{
	width:112px;
}

#menu ul li a{
	display:block;
	min-height:14px;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
	text-align:center;
}

/*Menu vertical*/
#menuv ul li a{
	width:175px;
	margin-top:5px;
}

#menuv ul{
	margin-left:20px;
	margin-bottom:10px;
	margin-top:20px;
}

#menuv ul li a{
	display:block;
	min-height:14px;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
	text-align:center;
}

/*** Mise en page ***/
/*Listes*/
#center ul li{
	padding-top:3px;
	margin-left:30px;
	list-style-type:round;
}

/*Liens*/
#center a{
	text-decoration:none;
	color:#11628C;
	font-weight:bold;
}

#center a:hover{
	text-decoration:overline underline;
}

/*Paragraphes*/
#accueil p{
	width:625px;
}

/*** Toolbox ***/
.floatLeft{ float:left; }
.clearer{ clear:both; }
.centerText{ text-align:center; }

/***classes***/
.marron{
	color:#936B00;
	font-weight:bold;
}