* {background-repeat:no-repeat;margin:0;padding:0;  }


body {
	background-color:#336699;
	margin:0 auto 30px;
	
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	font-size:76%;

}


/*-----------------------------------------------------------------------------------------------------*/
body img{border:0;}
hr {clear:both;visibility: hidden;}
.spacer{float:none !important; clear:both; visibility: hidden; mdroite-haut.gifargin:0px; padding:0px; background:none;}
.invisible{display:none;}
form {margin:0}
#logo {z-index:1000; position:absolute; top:0;}
#logo_print{display:none}
/*-------------------------------------------------------------------------------------------------------*/

/* SKIPLINK ==================================================== */
ul#skiplink{position:absolute; top:0;left:0;background-color:#000000;   z-index:1000;}
ul#skiplink li { list-style-type : none; position:absolute; top:0;}
ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em;}
ul#skiplink li a:focus, ul#skiplink li a:active { top:0px; left:0px; background-color:#FFFF00}

/*-------------------------------------------------------------------------------------------------------*/
#global {margin:0 auto; width:951px; text-align:left;}
#corps {width: 951px; z-index:0; text-align:left;  background:url(../img/bg-corps.gif) left repeat-y;}
#corps2{background:url(../img/droite-bas.gif) bottom right no-repeat; padding-bottom:50px}

#contenu {float:left; margin:28px 0 0 0;  width: 460px;font-size:110%; line-height:1.4em}

.accueil #corps {background:none}
.accueil #contenu { width:550px;}

#colonneNormal,#colonneNormalActu {clear:both;}

/* CHEMIN
/*-------------------------------------------------------------------------------------------------------*/
#contenu #chemin {color:#666;font-size:80%;}
#contenu #cheminContenu {padding-top:24px;}
#contenu #chemin h2{ display:none;   color:#666; font-weight:normal; font-size:100%}
#contenu #chemin a {color:#666;  text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
#contenu #chemin a:hover {text-decoration: underline; background:none!important; color:#000!important}
#contenu #chemin p, #chemin div { }
#contenu #cheminContenu {width:430px;}

#outilsIconTop  { float:right; text-align:center;}
#outilsIconTop{padding-top:25px!important;}
#outilsIconTop img {margin:0 0 0 3px;}
#outilsIconTop a{text-decoration:none}




/* RECHERCHE
/*-------------------------------------------------------------------------------------------------------*/
#recherche{position:absolute; top:3px;  z-index:150; margin-left:790px;width:155px;height:27px; text-align:right;}
#recherche h2,#recherche label {display:none; }
#recherche form, #recherche p {}
#recherche span{ }
#recherche input{font-size:9px;}
#recherche .rechercheChamp{
	font-family:Arial, Helvetica, sans-serif;
	width: 100px;
	padding: 3px;
	font-size: 9px;
	border:1px solid #333!important; margin:0!important
	}
	
#recherche .FORMvalider input{background-color:#99CC33;color:#000;border:0;	padding: 1px;
	font-size: 9px;	border:1px solid #fff!important; margin:0!important}

/* PIED DE PAGE
/*-------------------------------------------------------------------------------------------------------*/
#piedDePage {background-color:#FFD520;background:url(../img/bg-haut.gif) left repeat-y; padding:0 0 0 13px;height:27px;font-size:110%;color:#CC6600;}
#piedDePage a {color:#CC6600; text-decoration:none;font-weight:bold;}
#piedDePage a:hover {text-decoration:underline;}
#piedDePage p { padding:7px 0 7px 5px;}	
#piedDePage #copyright {font-size:90%}


/* Haut DE PAGE
/*-------------------------------------------------------------------------------------------------------*/
#hautDePage{ text-align:center; font-size:90%; border-top:1px solid #ccc; padding-top:10px;}
/* OUTILS
/*-------------------------------------------------------------------------------------------------------*/
#outils {position:absolute; z-index: 100; top:0; width:791px;padding:7px 160px 0 0;font-size:80%;background:url(../img/bg-haut.gif) left repeat-y;height:20px; text-align:right}
#outils li {display:inline;  }
#outils a{ text-decoration:none;font-size:110%;font-weight:bold;color:#336699;}
#outils a:hover{text-decoration:underline;}

/* COLONNE DE DROITE  + COLONNE GAUCHE
/*-------------------------------------------------------------------------------------------------------*/
#colonneDroite,#colonneAccueil {float:right; width:198px; margin:27px 0 0 0; padding:0px 80px 40px 0;color:#003366;font-family: Verdana, Arial, Helvetica, sans-serif;background:url(../img/droite-haut.gif) top right no-repeat; font-size:90%}
#colonneDroite #actualite{padding:10px;}
#colonneDroite #actualite h2{color:#99CC33;border-bottom:1px solid #99CC33;margin:0 0 10px 0 ;font-size: 150%;}
#colonneDroite p, #colonneAccueil p {}
#colonneDroite ul, #colonneAccueil ul {  list-style-type:none; text-align:left;}
#colonneDroite li, #colonneAccueil li { padding:10px 0; line-height:1.3em}
#colonneDroite a, #colonneAccueil a {text-decoration:underline;color:#336699;font-weight:bold;}
#colonneDroite a:hover, #colonneAccueil a:hover { text-decoration:none;}

#colonneAccueil{ text-align:center;} 
#colonneAccueil #calendrier, #colonneDroite #calendrier{background:url(../img/droite-haut-cal.gif) no-repeat top; background-position:0 30px; padding-top:10px}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////
ACCUEIL
//////////////////////////////////////////////////////////////////////////////////////////////////////*/


#colonneNormalActu{}
#colonneNormalActu .actuPrincipal{}
#colonneNormalActu .actuPrincipal img{float:right;padding:0  0 5px 5px;}

#contenu #colonneNormalActu ul {  list-style-type:none; margin:0}
#colonneNormalActu li {clear:both;border-top:1px solid #99CC33;padding: 10px 0 0 0;}
#colonneNormalActu a {font-weight:bold;}
#colonneNormalActu li img{float:left;padding:0 5px 0 0;}
/*#colonneNormalActu p {}*/

.toutesActus{padding:11px 0;border-top:1px solid #99CC33;}
.toutesActus a{display:block;float:right;width:208px;height:17px;background-image:url(../img/toutes-actus.gif);}
.toutesActus span{ display:none}
/*-------------------------------------------------------------------------------------------------------*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////
RUBRIQUE
//////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contenu #rubrique{ margin:0}

#rubrique img{
float:left;
margin-right:10px;
margin:0 0 10px 0;
}
#rubrique li{
	list-style-type:none;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
}
#rubrique li a{
	font-weight:bold;
	color:#336699;
	padding:0;
	margin:0;
}

#rubrique img{
margin-right:10px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////
STYLE EN RAPORT AVEC MANAGER
//////////////////////////////////////////////////////////////////////////////////////////////////////*/
.ImageBoite{border:0px; background-color:#e2e2e2;}
.ImageCopyright{font-size:80%;color:#666666;padding:0;margin:0 2px;}
.ImageLegende{font-size:80%;color:#000000;padding:0;margin:2px;}


.ImageCliquer{
text-align:center;
}

p.datePublication{ color:#999999; font-size:85%; text-align:center; border-top:1px solid #cccccc; padding-top:5px; margin-top:10px; clear:both;}

.fichierAssocie{ color:#666666}


.libelle_date{ font-style:italic}