/*  ------------------------------------------
/*  Rˇglages par dˇfaut
/*  ------------------------------------------ */

/* couleur des liens */
a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #333333;
}

.lienon, .lienon a {
	text-decoration: underline;
}

#contenu a {
	text-decoration: underline;
}

#contenu a:hover {
	text-decoration: overline;
}

#contenu h1 a {
	text-decoration: none;
}

#contenu h2 a {
	text-decoration: none;
}

#contenu h3 a {
	text-decoration: none;
}

#contenu h1 a:hover {
	text-decoration: overline;
}

#contenu h2 a:hover {
	text-decoration: overline;
}

#contenu h3 a:hover {
	text-decoration: overline;
	}
	
/* utilitaires */

img a {
	border: 0px;
	}

.spacer {
	clear: left;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.sans_bord {
	border: 0px;
	padding: 0px;
}

.avec_bord {
	border: solid 1px #000000;
	padding: 0px;
}

.flash {
	font-family: Verdana,Helvetica,sans-serif;
	font-size: x-small;
	color: #ffcc00;
	padding-bottom: 1em;
}


#logoprint{display:none;}


/*  ------------------------------------------
/*  Structure gˇnˇrale
/*  ------------------------------------------ */



body {
	font-family: Verdana,Helvetica,sans-serif;
	background-color: #d6efef;
	margin-left: 0px;
	margin-top: 10px;
	text-align: center;
}



#bloc_general {
	width: 100%;
	height: 100%;
	min-height:800px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	border: 0px;
	margin-top: 0px;
}

#pourtour {
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	padding: 0px;
	border: solid 1px #336633;
	background-color: #ffffff;
	}
	

#menu_haut {
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 800px;
	height: 250px;
	padding: 0px;
	border: 0px;
}


#bloc_bas {
	width: 800px;
	min-height: 500px;
	margin: 0px;
	margin-bottom: 0px;
	text-align: left;
	padding: 0px;
	border: 0px;
	background: url(fond_col_gauche.png) repeat-y top left;
}


/*  ------------------------------------------
/*  Arsenal du menu de gauche
/*  ------------------------------------------ */

#decale_logo {
	height: 400px;
}

html>body #decale_logo {
	height: auto;
	min-height: 400px;
}

/* bouton retour accueil en rollover */

.retour_accueil a {
	display:block;
	width: 40px;
	height: 300px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.retour_accueil a {
	background: url(retour_accueil.gif) no-repeat 0 top;
}

.retour_accueil a:hover {
	background: url(retour_accueil.gif) no-repeat -40px top;
}

/* bloc en float avec image de fond gˇnˇrale */
#gauche,#gauche_accueil {
	float: left;
	width: 240px;
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
	border: 0px;
}

/* image de fond */
#fond_gauche {
	background: url(fond_gauche.png) no-repeat top left;
	width: 240px;
	height: 500px;
}

/* image de fond du menu */
#menu {
	background: url(fond_col_gauche_bis.png) repeat-y top left;
	}
	
#haut_menu_1 {
	background: url(haut_menu_1.png) no-repeat top left;
	height: 40px;
}

#haut_menu_2 {
	background: url(haut_menu_2.png) no-repeat top left;
	height: 40px;
}
#haut_menu_3 {
	background: url(haut_menu_3.png) no-repeat top left;
	height: 40px;
}
#haut_menu_4 {
	background: url(haut_menu_4.png) no-repeat top left;
	height: 40px;
}
#haut_menu_5 {
	background: url(haut_menu_5.png) no-repeat top left;
	height: 40px;
}
#haut_menu_6 {
	background: url(haut_menu_6.png) no-repeat top left;
	height: 40px;
}

#fond_menu {
	background: url(fond_menu.png) no-repeat top left;
}

#bas_menu {
	height: 24px;
}

#menu_texte {
	margin: 0px;
	padding: 0px;
	padding-left: 80px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-top: 8px;
}

#hautbis_menu_1 {
	background: url(hautbis_menu_1.png) no-repeat top left;
	height: 40px;
}

#hautbis_menu_2 {
	background: url(hautbis_menu_2.png) no-repeat top left;
	height: 40px;
}
#hautbis_menu_3 {
	background: url(hautbis_menu_3.png) no-repeat top left;
	height: 40px;
}
#hautbis_menu_4 {
	background: url(hautbis_menu_4.png) no-repeat top left;
	height: 40px;
}
#hautbis_menu_5 {
	background: url(hautbis_menu_5.png) no-repeat top left;
	height: 40px;
}
#hautbis_menu_6 {
	background: url(hautbis_menu_6.png) no-repeat top left;
	height: 40px;
}

#titre_rubrique {
	width: 180px;
	font-family: Arial, Geneva, Verdana, Helvetica, SunSans-Regular, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	padding: 0px;
	padding-left: 8px;
	padding-top: 8px;
}

#titre_rubrique a, #titre_rubrique a:visited {
	color: #ffffff;
}

.menugauche-niv1, .menugauche1-niv1, .menugauche2-niv1,
.menugauche3-niv1,.menugauche4-niv1,
.menugauche5-niv1,.menugauche6-niv1 {
	font-family: Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
}


.menugauche-niv2, .menugauche1-niv2,.menugauche2-niv2,
.menugauche3-niv2,.menugauche4-niv2,
.menugauche5-niv2,.menugauche6-niv2 {
	font-family: Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: x-small;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: 0px;
	margin-left: -40px;
}

.menugauche-niv2 li, .menugauche1-niv2 li,.menugauche2-niv2 li,
.menugauche3-niv2 li,.menugauche4-niv2 li,
.menugauche5-niv2 li,.menugauche6-niv2 li {
	list-style-type: none;
}

.menugauche-niv2 a, .menugauche-niv2 a:visited,
.menugauche1-niv2 a, .menugauche1-niv2 a:visited,
.menugauche2-niv2 a, .menugauche2-niv2 a:visited, 
.menugauche3-niv2 a, .menugauche2-niv3 a:visited,
.menugauche4-niv2 a, .menugauche2-niv4 a:visited,
.menugauche5-niv2 a, .menugauche5-niv2 a:visited,
.menugauche6-niv2 a, .menugauche6-niv2 a:visited {
	color: #000000;
}

.menugauche-niv1 a, .menugauche-niv1 a:visited,
.menugauche1-niv1 a, .menugauche1-niv1 a:visited {
	color: #99cc00;
}

.menugauche2-niv1 a, .menugauche2-niv1 a:visited {
	color: #df0024;
}

.menugauche3-niv1 a, .menugauche3-niv1 a:visited {
	color: #91007b;
}

.menugauche4-niv1 a, .menugauche4-niv1 a:visited {
	color: #336633;
}

.menugauche5-niv1 a, .menugauche5-niv1 a:visited {
	color: #00a7cc;
}

.menugauche6-niv1 a, .menugauche6-niv1 a:visited {
	color: #f4c100;
}

/*  ------------------------------------------
/*  Structure du milieu
/*  ------------------------------------------ */

#bloc_central {
	float: left;
	width: 560px;
	min-height: 500px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	       margin-left: 0px;
	border: 0px;
	background-color: #ffffff;
	background: url(fond_centre.png) no-repeat top left;
}



#le_contenu {
	width: 520px;
	padding: 0px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 10px;
	margin: 0px;
	margin-top: 0px;
	text-align: left;
	}
	
#bloc_contenu_1 #le_contenu {
	width: 530px;
	padding-left: 8px;
	padding-right: 0px;
}	

#adresse {
	width: 780px;
	border: 0px;
	margin: 0px;
	margin-top: 0.5em;
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	text-align: center;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: small;
	padding: 0em;
	}

#deroule_mois {
	float: left;
	width: 200px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: right;
}

#agenda {
	float: left;
	width: 250px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#pied {
	left: 5%;
	right: 5%;
	padding: 0px;
	text-align: center;
}

#conception,#conception a {
	font-family: Verdana,Helvetica,sans-serif;
	font-size: x-small;
	color: #ffffff;
}

#chemin {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: xx-small;
	color: #999999;
	margin: 0px;
	padding: 0em;
	border: 0px;
}

#chemin a, visited {
	color: #999999;
}

.logoart {
	float: left;
	width: 80px;
	margin: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	z-index: 100;
}

.logoactu {
	float: left;
	width: 110px;
	margin: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	z-index: 100;
}

.theme_actu {
	z-index: 1;
}

.largeur_contenu {
	padding: 0px;
}



.liens_utiles {
	float: right;
	width: 140px;
	background-color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: x-small;
	padding: 0px;
	padding-left: 0px;
	margin: 0px;
	margin-left: 8px;
}

.spip_logos {
	z-index: 100;
	border: 0;
}

.spip_documents {
	font-family: Verdana,Arial,Sans,sans-serif;
	font-size: x-small;
}

.spip_documents_center {
	margin: auto;
	text-align: center;
	width: 70%
}
.spip_documents_center .spip_doc_titre {margin:auto;}

.spip_documents_left {
	margin: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	text-align: center;
}

.spip_documents_right {
	margin: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
	text-align: center;
}

.portfolio {
	float: left;
	width: 120px;
	min-height: 150px;
	text-align: center;
	margin: 10px;
}

#recherche_tableau_head {
	display: none;
}

.recherche_tableau {
	width: 100%;
	border: 0px;
	margin: 0px;
	padding-left: 15px;
}

.recherche_titre {
	background: #669900;
	color: #ffffff;
	padding: 5px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: small;
	font-weight: bold;
}

.recherche_titre a {
	color: #ffffff;
}

.recherche_titre h2 {
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.recherche_soustitre {
	background: #99cc00;
	color: #ffffff;
	padding: 5px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: xx-small;
}

.recherche_soustitre a {
	color: #ffffff;
}

.recherche_descriptif {
	background: transparent;
	color: #666666;
	padding: 5px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: small;
}

.recherche_descriptif a {
	color: #666666;
}

.recherche_url {
	background: transparent;
	color: #666666;
	padding: 5px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: small;
	font-style: italic;
}

.recherche_url a {
	color: #666666;
}

.recherche_logo {
	background: transparent;
	color: #666666;
	padding: 5px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: xx-small;
}

.recherche_logo a {
	color: #666666;
}

.recherche_chapo {
	display: block;
	font-family: Verdana,Helvetica,sans-serif;
	font-weight: bold;
	font-size: medium;
	color: #000;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.accesskey {
	text-decoration: none;
	font-size: x-small;
	color: #335f9b;
}

.hide {
	display: none;
}

.spip_extrait {
	display: block;
	position: relative;
	width: 95%;
	height: 10em;
	overflow: auto;
	padding: 5px;
	margin: 0px;
	border: 1px solid #888888;
}

.barre-nav {
	font-family: Verdana,Helvetica,sans-serif;
	font-weight: bold;
	font-size: small;
	color: #FFCC66;
	text-align: right;
	/*border-bottom: solid 1px #f7e5cf;*/
	margin-bottom: 5px;
	padding: 0em;
}

.barre-nav a:link,
.barre-nav a:visited,
.barre-nav a:hover,
.barre-nav a:active {
	padding: 2px 8px 2px 8px;
	background: url(rond_plein.gif) no-repeat top center;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-left: 0.0em;
	text-align: center;
}

.bouton_off {
	padding: 2px 8px 2px 8px;
	background: url(rond_vide.gif) no-repeat top center;
	color: #FFCC66;
	margin-left: 0.0em;
	text-align: center;
}

/* ajout mathieu */

#colonne_droite {
	position: relative; /* IE fix */
	float: right;
	width: 155px;
	margin: 0px;
	padding-left: 10px;
	background-color: transparent;
}

.droite_texte {
	font-family: Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: x-small;
	text-align: left;
	margin: 0px;
	padding: 0;
	padding-left: 30px;
	padding-right: 5px;
}


.adresse_agenda {
	float: right;
	width: 160px;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-left: solid 1px #999999;
	padding-left: 8px;
	}
	
	


/*  ------------------------------------------
/*  Habillage du calendrier mini
/*  ------------------------------------------ */

	
#calendar {
	width: 150px;
	}
	
#calendar table{
	border: solid 1px #666666;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular;
	font-size: small;
	color: #666666;
	}

#calendar summary {
	display: none;
	}	

#calendar td {
	width: 20px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #666666;
	background-color: #ffffff;
	padding:3px;
	}
	
#calendar th {
	border: 0px;
	color: #333333;
	background-color: #a5a5a5;
	}		

#calendar caption {
	caption-side: top;
	/* bottom pas pris en compte par IE */
	text-align: center;
	padding: 3px;
	font-weight: bold;
	font-family: Verdana,Arial,Sans,sans-serif;
	font-size: small;
	color: #ffffff;
	background: #666666;
}

#calendar a {
	font-weight: bold;
	color: #000000;
	}
	
#calendar a:visited {
	font-weight: bold;
	color: #000000;
	}

/* bloc service public local ----------------- */
.spl_conteneur{
	float:left;
	width:500px;
}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: 0; background: none; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
}

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted; }
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
	background: #FFF; /* Sinon, superposition dans MSIE */
}

.formulaire_spip label {}
.formulaire_spip .forml {
	width: 99%;
	padding: 1px;
	border: 1px solid;
	font-family: inherit;
	font-size: inherit; }

.spip_bouton { text-align: right; }
.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	font-weight: bold;
	float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #F00; }
fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { text-align: left; width:95%;}
.formulaire_recherche label { display: none; }


/* Styles des mod?les ------------------------------------------*/

/* MODELE SITES_REFERENCES */

.sites_references h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, SunSans-Regular;
	font-weight: bold;
	font-size: medium;
	color: #99cc00;
	margin-left: 0px;
	margin-top : 0px;
	margin-bottom : 8px;
	border-bottom: solid 1px #99cc00;
	padding: 0em;
}

.sites_references a {
	color: #99cc00;
}

.sites_references a:hover {
	color: #000000;
	text-decoration: underline;
}

.sites_references a:visited {
	color: #99cc00;
}

.sites_references_box {
	float: left;
	width: 180px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: small;
	color: #666666;
	margin: 0px;
	padding: 0em;
	margin-left: 20px;
	padding-bottom: 5px;
}

.sites_references_box a {
	color: #333333;
}

.sites_references_box a:hover {
	color: #333333;
	text-decoration: underline;
}

.sites_references_box a:visited {
	color: #666666;
}