@charset "iso-8859-1";
/* styles jeunes libournais */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CSS pour les balises HTML */

body {margin-top: 10px;font-family: sans-serif;/*font-size: 13px;text-align: center;*/background: url(img_squelette/bodybg.gif);background-color: #ffffff;color:#000000;}
h1 {margin: 10px 0px 5px 0px;font-size: 16px;}
h2 {margin: 20px 0px 5px 0px;font-size: 14px;}
h3 {margin: 10px 0px 5px 0px;font-size: 12px;}
p {margin: 6px 0px 6px 0px;}
ul {margin: 0px 0px 5px 0px;padding: 0px 0px 0px 0px;line-height: 18px;list-style:none;}
/*ul {margin: 5px 0px 5px 0px;padding: 0px 0px 0px 10px;line-height: 18px;list-style:none;}*/
li {padding-left:12px;background: url(li_atypik.gif) no-repeat;}
/*li {padding-left:20px;background: url(li_atypik.gif) no-repeat;}*/
/* .legeritalique {color: #cccccc;font-size: 11px;font-style: italic;}*/
form {margin: 0px;}
hr {margin-top: 5px;margin-bottom: 5px;height: 1px;}
img {border: 0;padding: 0px;}


/* Divers */
.en_valeur {color:#fc9A53;}
.en_erreur {color:#d30303;}
.poursuite_dessous {clear:both;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre permettant un affichage à gauche */

#principal {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	/*text-align: left;*/

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadres pour les images du bandeau haut */

/*#entete_1 {float: left;width: 800px;height: 150px;background: url(img_squelette/fond_entete-1b.jpg) no-repeat;}*/
#entete_2 {float: left;width: 800px;height: 115px;background: url(img_squelette/fond_entete-2.jpg) no-repeat;}		
#entete_2 #menus {float:left;width: 800px;height:15px; margin:10px 16px 0px 0px;font-family:verdana,sans-serif;font-size:10px;}

#entete_1_rub1 {float: left;width: 800px;height: 150px;background: url(img_squelette/fond_entete-1_rub1.jpg) no-repeat;}	
#entete_1_rub2 {float: left;width: 800px;height: 150px;background: url(img_squelette/fond_entete-1_rub2.jpg) no-repeat;}
#entete_1_rub3 {float: left;width: 800px;height: 150px;background: url(img_squelette/fond_entete-1_rub3.jpg) no-repeat;}
#entete_1_rub4 {float: left;width: 800px;height: 150px;background: url(img_squelette/fond_entete-1_rub4.jpg) no-repeat;}
#entete_1_rub5 {float: left;width: 800px;height: 150px;background: url(img_squelette/fond_entete-1_rub5.jpg) no-repeat;}


#entete_2 #menus a, 
#entete_2 #menus a:link, 
#entete_2 #menus a:visited {color:#666666 ;text-decoration: none;}
#entete_2 #menus a:hover {color:#FFCC00; text-decoration: none; background-color:#666666;} 

#entete_2 #menus a.menurub1, 
#entete_2 #menus a.menurub1:link{color: #ffffff; text-decoration: none; background-color:#0066FF;}
#entete_2 #menus a.menurub1:visited {color: #FFFFFF;text-decoration: none;}
#entete_2 #menus a.menurub1:hover {color: #000000; text-decoration: none; background-color: #0066FF;}

#entete_2 #menus a.menurub2, 
#entete_2 #menus a.menurub2:link {color: #ffffff; text-decoration: none; background-color:#339933;} 
#entete_2 #menus a.menurub2:visited {color: #FFFFFF;text-decoration: none;}
#entete_2 #menus a.menurub2:hover {color: #000000; text-decoration: none; background-color: #339933;}

#entete_2 #menus a.menurub3, 
#entete_2 #menus a.menurub3:link{color: #ffffff; text-decoration: none; background-color: #ff6600;}
#entete_2 #menus a.menurub3:visited {color: #FFFFFF;text-decoration: none;}
#entete_2 #menus a.menurub3:hover {color: #000000; text-decoration: none; background-color: #ff6600;}

#entete_2 #menus a.menurub4, 
#entete_2 #menus a.menurub4:link {color: #ffffff; text-decoration: none; background-color: #339999;}
#entete_2 #menus a.menurub4:visited {color: #FFFFFF;text-decoration: none;}
#entete_2 #menus a.menurub4:hover {color: #000000; text-decoration: none; background-color: #339999;}

#entete_2 #menus a.menurub5, 
#entete_2 #menus a.menurub5:link {color: #ffffff; text-decoration: none; background-color: #cc00ff;}
#entete_2 #menus a.menurub5:visited {color: #FFFFFF;text-decoration: none;}
#entete_2 #menus a.menurub5:hover {color: #000000; text-decoration: none; background-color: #cc00ff;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre comprenant les contenus */

#milieu {float:left;width: 800px;background: url(img_squelette/fond_milieu.jpg) repeat-y;}

#milieu #gauche {
	float:left;
	width: 120px;
	padding-left:10px;
	font-family:verdana,sans-serif;
	font-size:10px;
	font-weight: bold;
}
#milieu #gauche a, a:link, a:visited {color: #000000;text-decoration: none;}
#milieu #gauche a:hover {color: #0033cc;text-decoration: none;}

#milieu #droite {
	float:left;
	width:420px;
	padding-right:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: justify;
}
#milieu #droite a, a:link, a:visited {color:#FFFFFF /*#003399*/;text-decoration: none;}
#milieu #droite a:hover {color: #ff6600;text-decoration: none;}

#milieu #droiteplus_emploi {
	float:left;
	width: 210px;
	padding-right:5px;
	padding-left:5px;
	background-color:#0066FF;
	font-family:verdana,sans-serif;
	font-size:10px;
	color:#000000;
}
#milieu #droiteplus_emploiform a, a:link, a:visited {color:#FFFFFF ;text-decoration: none;}
#milieu #droiteplus_emploiform a:hover {color: #FFCC00;text-decoration: none;}

#milieu #droiteplus_formation {
	float:left;
	width: 210px;
	padding-right:5px;
	padding-left:5px;
	background-color:#339933;
	font-family:verdana,sans-serif;
	font-size:10px;
	color: #333333;
}
#milieu #droiteplus_viequot a, a:link, a:visited {color: #ffffff;text-decoration: none;}
#milieu #droiteplus_viequot a:hover {color: #000000;text-decoration: none;}


#milieu #droiteplus_viequot {
	float:left;
	width: 210px;
	padding-right:5px;
	padding-left:5px;
	background-color:#ff6600;
	font-family:verdana,sans-serif;
	font-size:10px;
	color: #333333;
}
#milieu #droiteplus_cultloi a, a:link, a:visited {color: #ffffff;text-decoration: none;}
#milieu #droiteplus_cultloi a:hover {color: #000000;text-decoration: none;}

#milieu #droiteplus_mli {
	float:left;
	width: 210px;
	padding-right:5px;
	padding-left:5px;
	background-color:#339999;
	font-family:verdana,sans-serif;
	font-size:10px;
	color: #333333;
}
#milieu #droiteplus_mli a, a:link, a:visited {color: #ffffff;text-decoration: none;}
#milieu #droiteplus_mli a:hover {color: #000000;text-decoration: none;}

#milieu #droiteplus_histpro {
	float:left;
	width: 210px;
	padding-right:5px;
	padding-left:5px;
	background-color:#cc00ff;
	font-family:verdana,sans-serif;
	font-size:10px;
	color: #333333;
}
#milieu #droiteplus_initpro a, a:link, a:visited {color: #ffffff;text-decoration: none;}
#milieu #droiteplus_initpro a:hover {color: #000000;text-decoration: none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Cadre pour les mentions en bas de page */

#bas {
	float: left;
	width: 800px;
	height: 60px;
	font-size: 9px;
	font-family: verdana, arial;
	padding-top:20px;
	text-align:center;
	background: url(img_squelette/fond_bas.jpg) no-repeat;
	text-decoration: none;
}
#bas a, a:link, a:visited {/*color: #cccccc;*/text-decoration: none;}
#bas a:hover {color: #c76b2b;text-decoration: none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Cadre pour les annonces */

/* 
#annonces {
	float: left;
	width: 200px;
	font-size: 9px;
	font-family: verdana, arial;
	text-align:center;
	color:#ffffff;
	text-decoration: none;
}

#annonces a, a:link, a:visited {color: #ffffff;text-decoration: none;}
#annonces a:hover {color: #c76b2b;text-decoration: none;} 
*/


.cadre_vignette {
	width: auto;
	border: 10px #666666;
}	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Styles pour les formulaires hors SPIP */
.formtext {padding: 1px;background-color: #f7fae1;border: solid 1px #cccccc;text-align: center;}
.formbouton {padding: 1px;border-width: 1px;border-style: dashed;background-color: #f7fae1;font-size: 11px;font-family: verdana, geneva;border: solid 1px #cccccc;}
.formradio {vertical-align: middle ;}	
.formarea {text-align: left;background-color: #f7fae1;font-size: 12px;font-family: verdana, geneva;border: solid 1px #cccccc;scrollbar-base-color: #f7fae1;scrollbar-3dlight-color: #f7fae1;scrollbar-arrow-color: #f7fae1;scrollbar-darkshadow-color: #f7fae1;scrollbar-face-color: #f7fae1;scrollbar-highlight-color: #f7fae1;scrollbar-shadow-color: #f7fae1;scrollbar-track-color: #f7fae1;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Styles SPIP */



a.spip_url { }

a.spip_in { }

a.spip_out { }

a.spip_glossaire { }



.spip_code { }



p.spip_note { }



h3.spip {

	font-family: Verdana,Arial,Helvetica,sans-serif;

	font-weight: bold;

	font-size: 120%;

	text-align: center;

	margin-top: 2em;

	margin-bottom: 1.5em;

	padding: 0em;

}



.spip_documents{

	font-family: verdana,Arial,helvetica,sans-serif;

	font-size : 70%;

}





table.spip {

}



table.spip tr.row_first {

	background-color: #FCF4D0;

}



table.spip tr.row_odd {

	background-color: #C0C0C0;

}



table.spip tr.row_even {

	background-color: #F0F0F0;

}



table.spip td {

	padding: 1px;

	text-align: left;

	vertical-align: center;

}



hr.spip { }

b.spip { }

i.spip { }


/*
.forml {

	width : 90%;

	background-color: #666666;

	font-size: 14px;

	color: #cccccc;

	border: #ff9966 1px solid;

}

*/

.spip_encadrer {

	width: 100%;

	margin-top: 10px;

	text-align: left;

	scrollbar-base-color: #666666;

	scrollbar-3dlight-color: #666666; 

	scrollbar-arrow-color: #666666;

	scrollbar-darkshadow-color: #666666;

	scrollbar-face-color: #666666;

	scrollbar-highlight-color: #666666;

	scrollbar-shadow-color: #666666; 

	scrollbar-track-color: #666666; 

}

.spip_cadre {

	width : 100%;

}

.spip_bouton { 

	background-color: #999999;

	font-size: 11px;

	color: #000000;

	border: #cccccc 1px solid;

	text-align: center;

}

.formrecherche { 

	width : 90%;

	background-color: #ff9900;

	font-size: 10px;

	color: #333333;
/*
	border: #ff9966 1px solid;
*/	
	border: none;

	text-align: center;

}

.reponse_formulaire {

	font-family: Verdana,Arial,Helvetica,sans-serif;

	font-weight: bold;

	font-size: 100%;

	color: red;

}

.spip_surligne {
	background-color: #000000;
	color: #FFFFFF;
}

.spip-admin {

	clear: both;

}

.plan-secteur {

	margin-left: 20px;

}

.TEXTEAERE {
	line-height: 16px;
}

.TEXTESERRE {
	line-height: 13px;
}
.titre_n_index {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6666FF;
	text-decoration: none;
	font-style: italic;
}
.titre_index {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
.titre_page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #003399;
}
.titre_page_emploiform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #669900;
}
.lien_noir {
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
.lien_noir a, a:link, a:visited {
	text-decoration: none;
}	
.lien_noir a:hover {
	color: #FFCC00;
	text-decoration: none;
	background-color: #000000;
}		

.lien_blanc_petit {
	color: #ffffff;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	}
.lien_blanc_petit a, a:link, a:visited {
	text-decoration: none;
}	
.lien_blanc_petit a:hover {
	color:#FFCC00;
	text-decoration: none;
}
.lien_rub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.cadre_photos {
	width: auto;
	background-color: #666666;
/*	padding: 10px;
	margin: 10px;*/
	border: 1px solid #666666;
	height: auto;
}