/* GENERAL */
body {font:normal 12px arial; color: #2A2A2A; background:#0055A6; margin:0px; }

p{margin:8px 0px 5px 0px; padding:0px;}

.bleu{color: #0055A6; font:bold 12px arial;}
.jaune{color: #FFC801; font:bold 12px arial;}


.cartouche_logo{float:left; margin:0px 5px 0px 0px; }


.grandbleu{color: #0055A6; font:bold 16px arial;}
.grandjaune{color: #FFC801; font:bold 16px arial;}

a {color:#0055A6; font-weight:normal;text-decoration: underline}
a:hover {color:#FFC801; text-decoration: none}
a:visited {color:#9ABED8;}

.ariane  {color:#0055A6; font:normal 11px arial;text-decoration: none}
.ariane a {color:#999; font:normal 11px arial;text-decoration: none}


.lien_simple a {color:#555566; font-weight:normal;text-decoration: none}

img#puce {margin:0px 0px 0px 0px;border:0px;}
.clearboth{clear:both; margin:0px;padding:0px; visibility:hidden;}
#logo{border:#0055A6 1px outset;float:left;
	width:240px; height:120px;cursor:pointer;margin:0px;
	position:absolute; top:5px; margin-left:5px;
	background:#FFFFFF url(images/logo-SupdeCO.gif) no-repeat right bottom;
}
#logo:hover{background:#FFFFFF url(images/logo-SupdeCO.gif) no-repeat right bottom; border:#FFC801 1px INSET;}

H1, H1 a {color:#0055A6; font:bold 15px arial ; margin:3px 0px;padding:3px;}  
H3 , H3 a {text-decoration:none; color: #000;  font:bold 12px Helvetica; text-align:left; padding:2px 5px; margin:0}	
H2, H2 a {color:#0055A6; font:bold 14px arial ; margin:0px 0px;padding:2px 0; text-decoration:none}  
.tablo H4{text-decoration:none; color: #0055A6; background-color:#FFC801; font:normal 12px arial; text-align:left; padding:2px; margin:0}	




.slogan{position:absolute; top:130px; margin-left:5px; color:#FFFFFF; font:bold 12px arial; letter-spacing:1px;  border:#FF6600 0px solid;}
.senegal-afrique{background:url(images/senegal-afrique1.gif) no-repeat left top ;
position:absolute; top:5px; margin-left:340px;  border:#FF6600 0px solid; width:655px; height:135px;}



/* CADRES */
#page{
	position:relative;
	width:1000px;
	margin-left:auto; margin-right:auto;
	text-align:left;
}
#pagehome{
	border-right:#FFC801 2px solid;
	position:relative;
	width:900px;
	margin-left:auto; margin-right:auto;
	text-align:left;
}
#etudiant {width:314px;  height:442px; position:absolute; right:0px; background:url(images/etudiant-accueil.jpg) no-repeat left top ;	}
.barre-jaune{width:690px;  height:55px; position:absolute; left:0px;top:69px; background:url(images/barre-jaune.gif) repeat-x left top ;	}
.barre-jaune H2 {color:#FFFFFF; font:bold 24px arial ; margin:0px;padding:3px;text-align:right}  
.flash-home {width:600px;  height:300px; position:absolute; left:0px;top:140px; margin-left:10px; 	}
.bas-home {width:900px;  position:absolute; left:0px;top:440px; border-top:2px solid #FFC801; padding:5px;}
#coord-home { position:absolute; margin-left:270px; top:10px; color:#FFFFFF}


#head{
	border:#FF6600 0px solid;
	width:1000px;height:145px;margin:0px;
}

#barre{width:1000px;height:41px;margin:0px;	background:url(images/barre.gif) repeat-x left top ; text-align:left; z-index:1; }

table.bar_nav{color:#FFC801; margin:10px 0px 0px 0px; padding:0px 5px 5px 5px; font:bold 12px arial ;  border:none; width:960px}
div.bar_nav{color:#FFC801; margin:0px 0px 0px 0px; padding:10px 5px 5px 5px; font:bold 12px arial ;  border:none; width:1000px}

TD{vertical-align:top; }
a.nav{text-decoration: none;color:#FFF; 	font:BOLD 12px arial ;	margin:0px 0px;  padding:0px 2px ; }
a.nav:hover  {text-decoration: none;color:#FFC801;  font:BOLD 12px arial ;margin:0px 0px;  padding:0px 2px ;}
 a.nav:visited {color:#9ABED8;}


.snav{	visibility:hidden;
 position:absolute; top:185px;
	margin:0px 0px 0px 0px; padding:3px 0px 3px 5px;
}
.snav a {
	display: block; margin:0px; padding:5px  2px ;
	color:#000; text-decoration:none;text-transform:none; border-bottom:#EB8023 1px solid;
	background:#FFC801;
}
.menunav{	background:#234C87 ;  position:absolute; top:170px;  text-align:left; float:left;
	margin:0px 0px 0px 0px; padding:3px 0px 3px 5px;
}
.menunav a {
	display: block; margin:0px; padding:5px  2px ; 
	color:#FFF; text-decoration:none;text-transform:none; border-bottom:#ABC9E1 1px solid;
	
}
.menunav a:hover {display: block; color: #FFC801; text-decoration:none; 
 border-bottom:#FFC801 1px solid;
}




















#centre_int{margin:0;padding:0; background:#FFF;}
	#gauche{background:url(images/coinmenu.jpg) no-repeat right top;
		width:250px;
		float:left;
		padding:0px; margin:0px;
	}			
	#banav{
		background:url(images/banav.jpg) repeat-y 9px top  ;
		width:151px;height:26px;
		padding:0px; margin:0px;
	}		
	#droite{
		width:750px; 
		float:right;margin:0px;
		padding:0px; font-size:12px;
	}	


/* ----------------            Menu           ------------------------	*/
#nav_menu {width:200px; border:#DEDEDE 0px solid; margin:50px 0 0 30px; padding:2px }

#rub {vertical-align:top; font:bold 12px arial ; margin:1px 0px ; padding:0px ; width:196px;}
#rub a {
	display: block; margin:0px 0px ; padding:3px 5px 6px 5px;
	color:#555; text-decoration:none;
	background:url(images/menu.png) no-repeat center bottom;
	
}
#rub a:hover {display: block; color: #FFC801; text-decoration:none;
	background:url(images/menu.png) no-repeat center bottom;
}
#rub a:visited {color:#9ABED8;}
.on{
	display: block; margin:0px 0px 1px 0px; padding:3px 5px 3px 13px;
	background:url(images/menu.png) no-repeat center bottom;
	color:#FFC801; text-decoration:none; 
}

H1#rub a{color:#0055A6; font:bold 13px arial ;margin:0px;padding:3px 0px 8px 5px; }  


#newsl{width:231px;height:67px; padding:0px;	font:normal 11px arial ; margin:0px auto 0px auto ;
 	background:#fff url(images/newsletter.jpg) repeat-x left bottom ; }

#news_titre{color:#0055A0;font:normal 14px arial;	width:140px; padding:10px 0px 0px 45px; }
#news_titre2{color:#555;font:normal 12px arial;	width:140px; padding:10px 0px 0px 45px; }
	
#news_texte{color:#000000;font:normal 11px arial; padding:0px ; z-index:0; }	
#news_err{	color:red; z-index:2; position:absolute; top:15px; right:100px; padding:0px ; background-color:#FFcccc ; width:200px; }
	
input.bouton{ margin:0px;padding:2px 5px; background:#FFC801; color:#FFF; cursor:pointer}

input#sinscrire {width:160px;margin:0px 0px 0px 5px;padding:2px; border:1px inset #555; color:#555; font:normal 11px arial;}

		


/*#############################################################################################################""*/
/*#############################################################################################################""*/
/*#############################################################################################################""*/
/*#############################################################################################################""*/






/*  ----------- Log form on nav--------------*/

#Form_Home {color:#444; margin:0px 0px 0px 0px;padding:3px; width:115px;background-color:#ccc; border:#cccccf 2px inset; }
#Form_Home input{width:110px;margin:0px;background: url(images/login.gif) no-repeat bottom right; }
#chk_admin{border:#FFFF66 1px solid;background-color:#66FFFF}
#Form_Home a {color:#ffffff;text-decoration: none;}
#Form_Home a:hover {text-decoration: underline;color: #0055A6;}
#Form_Home h1{font:bold 12px arial; background: url(images/separateur.jpg) no-repeat bottom left;margin:0px;padding-bottom:5px;}
#Form_Home h2{font:normal 12px arial; margin:0px}
input#valider {width:58px; height:16px;margin:0px;padding:0px; background: url(images/valider.gif) no-repeat bottom right;border:none;}



/* CONTENU ACCUEIL*/
		#accueil, #milieu{
			border:#0ffc0c 0px solid;
			float:left;
			padding:0px; margin:0px ;
			width:500px;
		}	

#edito{	width:750px;height:185px;	background:#FFC801 url(images/bandeaugroupe.jpg) no-repeat top left;}	

 .intro{width:370px; padding:0 20px; color:#000;  padding:0px 10px; letter-spacing:0.5px;font:normal 12px arial; line-height:16px;}
	


#edito h1{color:#5B7F9D; PADDING:5px 0px 8px 10px;margin:0;	font:BOLD 16px ARIAL;text-align:left}

H1#titre {color:#0055A6; font:bold 18px arial ; margin:0px 5px 5px 10px;padding:10px 3px 0px 3px;border-left: 3px #FFC801 solid}  
#chapo{font:bold 12px arial;letter-spacing:0.5px;  line-height:16px; color:#555;	border-bottom:#FFC801 1px dotted;	PADDING:0px  5px; margin:5px  5px 5px 20px;}	
.texte{font:normal 12px arial;color:#333; letter-spacing:0.5px; line-height:14px;  margin:10px  10px 0px 10px; text-align:justify}




.laune{	width:540px; clear:both; font:normal 12px arial;}

.laune  H2{MARGIN:5px;font:BOLD 14px arial;}
#left{	float:left; padding:5px 0px;margin:0 2px; width:240px;	 }
#right{	float:left;	border-left: 1px #fEEE0E dotted; padding:5px 0px 5px 5px;margin:0px 0px 0px 4px; width:240px; }




#news{	width:230px;	padding:0px; margin:5px 0px ;  border:#FFC801 1px dotted; margin:5px auto; background:url(images/flashnews.gif) BOTTOM left;  }	
#news H4{text-decoration:none; color: #000;  font:bold 12px arial; text-align:left; padding:2px 5px; margin:0}	


#colone3{
	width:245px;
	float:right;
	margin:0px 0px 0px 5px ;
	padding:0px 0px 0px 0px ;
}
#cadre{	/**/width:240px;	padding:0px; margin:5px 0px ;  border:#9ABED8 1px solid; }	
#cadre_b{	width:240px; margin:0px ; background:url(images/cadre_b.gif) repeat-x BOTTOM left;height:19px; text-align:center}	

#colone3 h1, #colone3 h1 a {
	font:bold 16px arial;
	color:#0055A6; 
	letter-spacing:1px;
	text-align:center;
	padding: 0 ;margin: 0;
}
#colone3 h1 a{/**/
}

#colone3 a{ text-decoration:none;}
#colone3 a:hover{ text-decoration:none;}

.soom{
	position:relative;
	border-bottom:#CCC 1px dotted;
	color:#666;letter-spacing:0.5px; line-height:14px;
	display: block;
	padding:2px; margin:0px 10px;
	text-align:left;
}.soomTop{
	position:relative;
	border-bottom:#FFC801 1px solid;
	color:#0055A6;letter-spacing:0.5px; line-height:14px;
	display: block;
	padding:2px; margin:0px 10px;
	text-align:left;
	cursor:pointer;
}
.soom a {text-decoration:none}


	
.tablo{width:210px; 
	padding:5px; margin:0px 5px  ;
	border: 1px #fff solid; 
	border-bottom:#ccc 1px dotted;
	cursor:pointer;
}	
.tabloTop{width:210px;
	padding:5px; margin:0px 5px  ;
	border-bottom:#ccc 1px dotted;
	cursor:pointer;
	border: 1px #fff solid; 
	background-color:#FFC801;
}
.tabloTop a:hover{color:#000000}



.outcadre{display:none} /**/
.incadre{ }


	
#rech{	margin-left: 0px;height:25px;}
#rech input{width:200px;margin:0px 0px 0px 5px;padding:2px; border:1px inset #0055A6; color:#0055A6; font:normal 11px arial;}
input#ok {width:24px; height:24px;margin:0px;padding:0px; background: url(images/rechercher.jpg) no-repeat bottom right;border:none; cursor:pointer}


	




















.img-home{  margin: 0 5px}

.pti_logo{float:left; margin:0 5px 0 0}
#suite a  {color:#0055A6; }
#suite{margin:0px;padding-right:10px;font:bold 12px arial;text-align:right; clear:both}

.realisation{padding-right:10px; color:#999999;font:bold 12px arial;
	width:191px;height:27px;margin:5px 30px; padding: 0px ;
	text-align:right;background:url(images/reference.jpg) no-repeat center right;
}
.realisation a  {color:#2A2A2A;  padding:5px 10px ;line-height:22px}
.realisation a:hover {color:#000;}


/* PUB  */
.pub{border: 1px #aaa solid; background-color:#eee;padding:5px; margin:auto;cursor:pointer;text-align:center;}
#colone3 .pub{width:150px;height:60px;}


#footer{font:normal 11px arial;color:#555;
	border:#555 0px solid;
	width:1000px;height:80px;
	margin-left:auto; margin-right:auto;
	clear:both;
	background:url(images/courbebas.jpg) no-repeat top left;
}
#footer a {color:#ddd; font-weight:normal;text-decoration: none;}
#footer a:hover {text-decoration: none;color:#ccc;}

#qualite img {margin:35px 0px 0px 50px; border:0;float:right}
#coord {margin:0px 0px; padding:0px;text-align:left;width:240px;float:right}

#ecoles{width:1000px;height:70px; border-top: 1px #FFC801 solid; color:#FFC801;
	margin-left:auto; margin-right:auto; margin-top:10px ;
	background:url(images/bandebas.jpg) repeat-y bottom left;
}

.school {margin:5px 0px 5px 1.5px; width:108px;height:60px;float:left; }
.schoolon {margin:-5px 0px 5px 1.5px; width:108px;height:60px;float:left; }


#bas {color:#999; width:1000px; margin-left:auto; margin-right:auto;}
#bas a {color:#ddd; font-weight:normal;text-decoration: none;}
#bas a:hover {text-decoration: none;color:#ccc;}





/* SPIP */

.spip_documents { text-align: center; } .spip_documents img{ border:0px}
.spip_documents_center { clear: both; width: 100%; margin: auto;text-align:center; }
span.spip_documents_center { display: block; margin-top:1em; text-align:center; }
.spip_documents_left { float: left; margin-right: 10px; margin-bottom: 5px; }
.spip_documents_left img { border:1px solid #FFC801 }
.spip_documents_right { float: right; margin-left: 10px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 11px; color:#999; margin-left: auto; margin-right: auto;}
.spip_doc_descriptif { clear: both; font-size: 11px; color:#999; margin-left: auto; margin-right: auto;}

.spip li { margin-left:10px}


img.spip_logos {margin:5px;border:1px solid #FFC801;float:right; margin:0px 0px 0px 5px;}

table.spip tr.row_first { background: #E0F3E0;color:#000; font-weight:bold; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }



/* Style AGENDA*/
.agenda{border: 0px #aaa outset; background-color:#f9f9f9; width:200px; margin:0 10px 0 0px ;}
.calendrier-mois	 {font-family: arial; text-decoration: none; font-size: 12px; font-weight: bold; color: #0055A6; text-align: center}
.lundi	 {font-family: arial; text-decoration: none; font-size: 10px; font-weight:bold; color: #000;}
.tay             	 {text-decoration: none;padding-bottom: 2px;  font-weight: bold; color: #cc0000}
.weekday             {text-decoration: none;  color: #333 ; padding-bottom: 2px;}
.weekendday          {text-decoration: none; color: #99aa99 ; padding-bottom: 2px;}
.activeday           {text-decoration: none; color: #ff0000}
.outday				 {text-decoration: none;  color: #ff0000}
.activeweekendday    {text-decoration: none;  color: #ff0000}

.jour	 			 {text-decoration: none; color: #0055A6; font-size: 9px;margin:0;padding:0; font-weight: bold}
.jour_selectionne 	 {text-decoration: none; color: #cc0000; font-size: 8px; FONT-WEIGHT: bold}

.today   	a {text-decoration: none;padding-bottom: 2px;  font-weight: bold; color: #cc0000; background-color:#FFC801}
.outday	 	a {text-decoration: none;   font-weight: bold; color: #0055A6}
.activeday  a {text-decoration: none;   font-weight: bold; color: #0055A6; background-color:#FFC801}
.weekday    a {text-decoration: none;  font-weight: bold; color: #0055A6 ; padding-bottom: 2px ; background-color:#FFC801}
.weekendday a {text-decoration: none;  font-weight: bold;	  color: #0055A6; background-color:#FFC801}




	@import url(spip_style.css);