@charset "UTF-8";
/* CSS Document */


body{
	font-family: Helvetica, arial, sans-serif;
	background-color:#FFF;
	margin:0;
	font-size:11.5px;
	line-height:14.5px;
}

/********************  Liens et balises r?currentes   *******************/
a,
a:link,  
a:visited
{
	color:#333;
	text-decoration:none;
	outline:none;
	
}
a:hover{
	color:#999;
	text-decoration:none;
	outline:none;
}

.cal_haut a{
color:#fff;
font-size:1.3em;
}

hr{
	border:0;
	border-top:solid 1px #ccc;
	margin-bottom:0;
	padding-bottom:0;
}

h2{
	color:#C71325;
	font-size:1.5em;
}
h3{
	color:#333;
	font-size:1.3em;
}

img{
border:0px;
}

.liresuite{
display:block;
width:100%;
text-align:right;
font-size:.9em;
padding-top:3px;
}
/********************   Blocs BASE   *******************/


div#page{
	position:relative;
	width:1030px;
	margin:0 auto;
}



div#page #container{
	position:relative;
	margin:0;
	width:1200px;
	height:auto;
	background-image:url(../img-design/bg-page.jpg);
	background-repeat:repeat-y;
}





/********************   BLOCS HEADER > Header  *******************/


div#header div#menu{
	float:left;
	top:5px;
	margin-left:23px;
	margin-top:7px;
	width:480px;
	height:auto;
	z-index:500;
}

div#header div#menu ul{
	padding:0px;
	margin:0px;
	height:30px;
}
div#header div#menu ul li{
	height:30px;
	margin:0 0 6px 0;
	padding:0px;
}

div#header div#menu div#lang{
	margin:5px 0 5px 0;
}

div#header div#menu h1{
	width:500px;
	background-repeat:no-repeat; 
	color:#FFF;
	font-size:1.3em;
	padding:0 0 0 10px;
	margin:0 0 8px 0;
}

div#header div#menu h1.arrow_red{
	background-image:url(../img-design/menu-bg-red.gif);
}
div#header div#menu h1.arrow_blue{
	background-image:url(../img-design/menu-bg-blue.gif);
}
div#header div#menu h1.arrow_green{
	background-image:url(../img-design/menu-bg-green.gif);
}


div#header div#shortcut{
	float:right;
	margin-top:32px;
	width:110px;
	height:auto;
	z-index:500;
	text-transform:uppercase;
	line-height:1.4em;
	font-size:0.85em;
	font-weight:bold;
	margin-right:110px;
}
div#header div#shortcut div.item{
	display:block;
	width:110px;
	height:38px;
}
div#header div#shortcut a img{
border:none;
}

div#header div#shortcut div:after {
	content: "";
	display: block;
	clear: both;
	margin:0 0 6px 0;
}



div#header div#shortcut div img{
	margin:0 10px 0 0;
	float:left;
}




/********************   BLOCS CONTAINER > container  *******************/


div#container div#col_left{
	position:relative;
	float:left;
	margin:0;
	width:210px;
	height:auto;
	padding:0;

}
div#container div#header{
	margin:0;
	width:800px;
	height:147px;
	float:left;
	background-color:#FFF;
	overflow:visible;
	background-image:url(../img-design/bg-header.gif);
	background-repeat:no-repeat;
	background-position:480px 80px;
	
}

div#container div#col_center{
	float:left;
	margin:0;
	width:580px;
	height:auto;
	border-right:dotted 1px #ccc;
}


div#container div#col_right{
	float:left;
	margin:0;
	width:225px;
	min-height:300px;
	height:auto;

}



/********************   BLOCS COL_LEFT > bloc_actu  *******************/

div#container div#col_left div#logo{
	top:-5px;
	left:0px;
	width:220px;
	height:190px;
	float:left;
	z-index:500;
	margin-bottom:30px;
}
div#container div#col_left div#logo a img{
	border:none;
}
div#container div#col_left h1{
	display:block;
	width:180px;
	font-size:1.1em;
	color:#C71325;
	margin:0 0 15px 15px;
	text-transform:uppercase;
}



div#col_left div.bloc_actu {
	color:#333;
	margin:0 0 15px 15px;
	width:180px;
	border-top:solid 1px #CCC;
}

div#col_left div.bloc_actu:after {
	content: "";
	display: block;
	clear: both;
}


div#col_left div.bloc_actu div.vignette {
	margin:15px 0;
	width:150px;
	height:auto;

}
.vignette a img{
	border:0;
}

div#col_left div.bloc_actu div.titre {
	color:#333;
	font-size:1.5em;
	line-height:1.3em;
	font-weight:bold;
}

div#col_left div.bloc_actu div.soustitre {
	color:#DD343A;
	font-size:1em;

}

div#col_left div.bloc_actu div.chapo {
	font-size:1em;
}

div#col_left div.bloc_actu div.telecharger {
	font-size:0.9em;
	margin:10px 0;
	color:#DD343A;
}
div#col_left div.bloc_actu div.telecharger img {
	float:left;
}
div#col_left div.bloc_actu div.telecharger div {
	padding-top:5px;
}

/******  BLOCS COL_CENTER > menu  ****************************************/



div#col_center div#sous_menu{
	position:relative;
	float:left;
	background-color:#333;
	margin:0 0 0 5px;
	padding:0 0 0 10px;
	width:560px;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
}
div#col_center div#sous_menu li.on,div#col_center div#sous_menu a.on{
color:#fff;
}
div#col_center div#sous_menu.rouge{
	background-color:#d21648;
}
div#col_center div#sous_menu.bleu{
	background-color:#73cde5;
}

div#col_center div#sous_menu.vert{
	background-color:#bdc720;
}

div#col_center div#sous_menu.gris{
	background-color:#999;
}

div#col_center div#sous_menu ul{
	text-transform:uppercase;
	margin:0;
	font-weight:bold;
	color:#fff;
	font-size:1.2em;
	line-height:1.3em;
}
div#col_center div#sous_menu ul li a:hover{
	color:#fff;
}

div#col_center div#sous_menu span.lien-sousrub{
	color:#fff;
}
div#col_center div#sous_menu ul li ul{
	font-size:.9em;
	text-transform:none;
	list-style-type:none;

}
div#col_center div#fil_ariane{
	position:relative;
	float:left;
	background-color:#333;
	margin:0 0 0 5px;
	padding:0 0 0 10px;
	width:560px;
	height:30px;

}
div#col_center div#fil_ariane a{
	color:#FFF;
	font-size:1em;
	line-height:1.9em;
	margin:5px 0 0 0;
	text-transform:uppercase;
}



div#col_center div#photo_center{
	width:570px;
	height:285px;
	position:relative;
	float:left;
	margin:0 0 0 5px;

}


div#col_center div#footer{
	position:absolute;
	float:left;
	background-color:#666;
	margin:0 0 0 5px;
	padding:0 0 0 10px;
	width:560px;
	height:30px;
	bottom:0;

}
div#col_center div#footer a{
	display:block;
	color:#FFF;
	font-size:1em;
	line-height:1.9em;
	margin:5px 0 0 0;
	text-transform:uppercase;
}




/********************   BLOCS COL_CENTER > bloc_article  *******************/


div#col_center div.bloc_article {
	position:relative;
	float:left;
	color:#333;
	margin:10px 0 0 15px;
	border-top:dotted 1px #CCC;
	width:545px;
	background-image:url(../img-design/bg-bloc_article.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}


div#col_center div.bloc_article div.vignette_left {
	position:relative;
	float:left;
	margin:15px 0 0 15px;
	float:left;
	width:150px;

}

div#col_center div.bloc_article div.text {
	position:relative;
	float:left;
	margin:5px 0 0 15px;
	float:left;
	width:350px;
	height:auto;


}

div#col_center div.bloc_article div.text h1 {
	color:#C71325;
	font-size:1.1em;
	text-transform:uppercase;
}



div#col_center div.bloc_article div.text div.titre {
	color:#333;
	font-size:1em;
	line-height:1.3em;
	font-weight:bold;
	text-transform:uppercase;
}

div#col_center div.bloc_article div.text div.soustitre {
	color:#DD343A;
	font-size:1em;
	
}

div#col_center div.bloc_article div.text div.chapo {
	font-size:0.9em;
	color:#808080;
}





div#col_center div.bloc_photo {
	position:relative;
	float:left;
	color:#333;
	margin:10px 0px 20px 15px;
	border-top:1px solid #ccc;
	width:150px;
}


div#col_center div.bloc_photo div.vignette {
	position:relative;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	float:left;
	width:150px;

}


div#col_center div.bloc_photo h1 {
	color:#C71325;
	font-size:1.1em;
	text-transform:uppercase;
}

div#col_center div.bloc_photo div.titre,div#col_center div.bloc_photo div.titre a {
	color:#C71325;
	font-size:1em;
	line-height:1.3em;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:10px;
}

div#col_center div.bloc_photo div.soustitre {
	color:#DD343A;
	font-size:1em;
	
}

div#col_center div.bloc_photo div.chapo {
	font-size:0.9em;
	color:#808080;
}





/********************   BLOCS COL_RIGHT  *******************/


div#col_right div#rechercher{

	background-color:#333;
	margin:0;
	width:225px;
	height:30px;

}

div#col_right h1{
	width:180px;
	font-size:1.5em;
	text-transform:uppercase;
	margin:15px 0 15px 0;
	color:#C71325;
}



div#col_right div#rechercher h1{
	display:block;
	width:100%;
	font-size:1em;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	margin:0px 0 0 10px;
}






/********************   BLOCS COL_RIGHT > bloc_info  *******************/



div#col_right div.bloc_info {
	float:left;
	color:#fff;
	margin:0 0 15px 15px;
	width:200px;
	border-bottom:solid 1px #ccc;
}


div#col_right div.bloc_info:after {
	content: "";
	display: block;
	clear: both;
}


div#col_right div.bloc_info div.vignette {
		margin-top:0px;
	margin-bottom:15px;

}

div#col_right div.bloc_info div.titre {
	text-transform:uppercase;
	color:#C71325;
	font-weight:bold;
	font-size:1.1em;
	line-height:2em;
}

div#col_right div.bloc_info div.soustitre {
	text-transform:uppercase;
	color:#333;
	font-size:.8em;
	font-weight:bold;
	width:150px;
	margin-bottom:15px;
}

div#col_right div.bloc_info div.chapo {
	font-size:1em;
}

div#col_right div.bloc_info div.telecharger {
	font-size:0.9em;
	margin:10px 0;
}

/********************   Calendrier ##� modifier##  *******************/

#calendar{
	color:#ccc;
	text-align:center;
	font-size:1em;
	margin:1px;
	width:185px;
}
#calendar table{
	width:185px;
	line-height:1.3em;
	margin-top:-2px;
}
#calendar td{
	padding:1px;
	font-size:0.95em;
	background-color:#fff;
}
#calendar .occupe a{
	font-weight:bold;
	color:#1A1A1A;
}
#calendar .today a{
	color:#DD343A;
}
#calendar .horsperiode{
	visibility:hidden;
}
#calendar th{
	background-color:#f5f5f5;
	border-top:1px dashed #b2b2b2;
	border-bottom:1px dashed #b2b2b2;
	text-transform:capitalize;
	text-decoration:none;
	color:#333;
	height:20px;
}

#calendar h2{
	color:#00A3DE;
	padding-left:10px;
	padding-top:5px;
	text-align:left;
	font-size:1.3em;
}
.cal_haut{
	background-color:#4d4d4d;
	color:#fff;
	height:20px;
	text-transform:uppercase;
	padding-top:3px;
	font-weight:bold;
}
a.cal_lien{
	color:#fff;
}
/********************  Menu haut  *******************/
.fleche0{
	display:block;
	float:left;
	height:30px;
	width:22px;
}
#menu ul{
	list-style-type:none;
	padding:0;
	margin:0;

}
#menu li{
	margin-bottom:7px;

}
#menu span{
	padding:0;
	margin:0;
}
.fleche1{
	display:block;
	float:left;
	height:30px;
	width:15px;
}
a.item_menu{
	display:in-line;
	color:#fff;
	height:22px;
	float:left;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	padding:8px 80px 0px 15px;
}
a.item_menu:hover{
	text-decoration:underline;
	color:#fff;
}
.rouge_fleche0{
	background-image:url(../img-design/fleche-rouge-0.gif);
}
.bleu_fleche0{
	background-image:url(../img-design/fleche-bleu-0.gif);
}
.vert_fleche0{
	background-image:url(../img-design/fleche-vert-0.gif);
}
.gris_fleche0{
	background-image:url(../img-design/fleche-gris-0.gif);
}
.rouge_fleche1{
	background-image:url(../img-design/fleche-rouge-1.gif);
}
.bleu_fleche1{
	background-image:url(../img-design/fleche-bleu-1.gif);
}
.vert_fleche1{
	background-image:url(../img-design/fleche-vert-1.gif);
}
.gris_fleche1{
	background-image:url(../img-design/fleche-gris-1.gif);
}
.rouge_menu{
	background-color:#d21648;
}
.bleu_menu{
	background-color:#73cde5;
}
.vert_menu{
	background-color:#bdc720;
}
.gris_menu{
	background-color:#CCC;
}
.clear{
	width:100%;
	height: 0px;
	margin: 0;
	padding: 0;
	color: #F00;
	background-color: #00ff00;
	border: 0;
	clear:both;
	border:none;
	visibility:hidden;
}
/********************  Map  *******************/
.titremap{
width:100%;
text-align:center;
font-size:1.2em;
text-decoration:underline;
margin-bottom:10px;
}
.sstitremap{
width:150px;
font-size:.9em;
text-align:right;
color:#666;
margin-bottom:3px;
}
.descmap{
width:150px;
color:#333;
font-size:.85em;
text-align:justify;
}
.uneimage{
width:150px;
float:left;
margin-left:7px;
}
.fenetremap{
width:314px;
margin-right:7px;
}
.detailsmap{
width:307px;
margin-top:10px;
text-align:justify;
padding-left:7px;
padding-right:7px;
color:#333;
font-size:.85em;
}

/********************  Article  *******************/
#article{
width:530px;
margin:auto;
margin-top:15px;
}
#article div.texte{
color:#808080;
font-size:.9em;
text-align:justify;
padding:10px;
}
#article div.texte h2{
	font-size:1.25em;
	line-height:auto;
}

#article div.texte {
	font-size:1.08em;
	line-height:1.35em;
}

#art-gallerie{
}
/*****************Formulaire*****************/
.select_rubrique{
display:none;
}
#formulaire_1{
height:250px;
}
#form_open{
width:500px;
margin:auto;
}
.envoiami{
float:right;
cursor:pointer;
}


textarea{
	width:400px;
	background-color:#FFF;
	border:0px;
	padding:10px;
	margin:5px;
	text-align:left;

}

label{
	border:0px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}



.spip_forms form label{margin:0 0 0 0; padding:0px; font-size:13px;}
.spip_forms h2{margin:.2em;color:#333;}
.spip_forms{color:black;margin:0px;margin-bottom:16px;padding:6px;}
.spip_forms form{border:0;margin:0;padding:.5em 0 0 0;}
.spip_forms div.spip_descriptif{border:0;margin:0; padding:10px; clear:both; background:#D21648; color:#FFF; }
.spip_forms h3{float:none;text-align:left;}
.spip_forms legend{font-size:1.15em;padding:5px; font-weight:bold; color:#333;}
.spip_forms .spip_form_champ{margin-bottom:0;display:block;clear:both;margin-top:1em;}
.spip_forms .spip_form_label{font-weight:bold;text-align:left;color:#BBB;display:block; margin:0 0 10px 0; font-size:1.2em;}
.spip_forms .spip_form_label label,.spip_forms .spip_form_label .label{text-align:left;font-weight:bold; color:#D21648;}

.spip_forms .spip_form_label_obligatoire{font-weight:normal;font-style:italic;font-size:.9em;}
.spip_forms .obligatoire_oublie{color:red;}

.spip_forms .spip_form_label_details{display:block;font-style:italic;text-align:left;}

.spip_forms .spip_form_choix_multiple{color:#333;  }
.spip_forms .spip_form_choix_unique input,.spip_forms .spip_form_choix_unique input.fondo,.spip_forms .spip_form_choix_unique input.fondl{width:auto;}
.spip_forms .spip_form_choix_unique label{margin:0 0 5px 0;}
.spip_forms .spip_form_choix_multiple input,.spip_forms .spip_form_choix_multiple input.fondo,.spip_forms .spip_form_choix_multiple input.fondl,ul.choix_mots li input{width:20px; margin:0 5px 0 0;  }
.spip_forms ul.choix_mots,.spip_forms ul.spip_form_choix_multiple,.spip_forms ul.spip_form_choix_unique{list-style:none;padding:0px; margin:0 0 10px 0; width:80%; float:left;}
.spip_forms .spip_sondage{margin:auto;}
.spip_forms .spip_form_erreur{font-weight:bold;color:red;}
.spip_forms .spip_form_ok{font-weight:bold;background:#262626;color:#F1F1F1;margin:1em 0 0 0;padding:.6em;}
.spip_forms .spip_form_ok a{color:#FFF9E2;}
.spip_forms .spip_form_ok a:hover{color:#DEB55E;}
.spip_forms .spip_form_ok_confirmation{display:block;}
.spip_forms .spip_sondage strong{display:block;clear:both;margin-left:5px;color:#494949;}
.spip_forms .spip_sondage .ligne_nom{width:19%;text-align:right;padding-right:1%;}
.spip_forms .spip_sondage .ligne_nom:after{content:":";}
.spip_forms .spip_sondage ligne.chiffres{color:#525252;}
.spip_forms .spip_sondage .ligne_barre{height:16px;background:url(ligne.gif) repeat-x;border:1px solid black;width:80%;}
.spip_forms .spip_sondage .sondage_table{display:table;width:100%;}
.spip_forms .spip_sondage .sondage_ligne{display:table-row;}
.spip_forms .spip_sondage .sondage_ligne > div{display:table-cell;vertical-align:middle;padding:2px;white-space:nowrap;}
.spip_forms .forml,.spip_forms .formo{width:85%;border-bottom:solid 1px #CCC;border-right:solid 1px #E2CEC1;border-top:1px solid #EEE;border-left:1px solid #888;font-size:1em;padding:.25em;}
.spip_forms .forml,.spip_forms .fondl{background:#DDD;color:#333;width:85%;}
.spip_forms .formo,.spip_forms .fondo{background-color:white;color:#4A4336;width:85%;}
.spip_forms .champ_obli_oubli{border:2px solid red;}
.spip_forms form .forml-focus,.spip_forms form input.forml-focus:focus,.spip_forms form textarea.forml-focus:focus,.forml-focus{border-bottom:solid 1px #999;border-right:solid 1px #999;border-top:1px solid #999;border-left:1px solid #999;background:#EEE;color:#433817;font-weight:normal;font-size:1em;padding:.25em;width:85%;}
.spip_forms form .formo-focus,.spip_forms form input.formo-focus:focus,.spip_forms form textarea.formo-focus:focus,.spip_forms .formo-focus{border-bottom:solid 1px #C9AB97;border-right:solid 1px #C9AB97;border-top:1px solid #81593E;border-left:1px solid #81593E;background:#FFF9EE;color:#433817;font-weight:normal;font-size:1em;padding:.25em;width:85%;}
.spip_forms form .champ_obli_oubli-focus,form input.champ_obli_oubli-focus:focus,form textarea.champ_obli_oubli-focus:focus{border-top:solid 2px #980F1B;border-left:solid 2px #980F1B;border-bottom:2px solid #F3192B;border-right:2px solid #F3192B;background:#FFF2C8;color:#4D161B;font-weight:normal;font-size:1em;padding:.25em;}
.spip_forms .spip_bouton input{border:1px solid #CCC;cursor:pointer;padding:.4em;background:#D21648;font-weight:bold;font-size:1em;width:100px;color:#FFF;}


.spip_forms fieldset{border:1px none #8F8181;padding:.4em .4em .4em 1em;margin:.5em 0 .5em 0;border-top:dotted 3px #EEE ;border-left:0px solid #333;}
.spip_forms a.resultats_sondage{display:block;float:right;background:#FFFBED;color:#444040;padding:.2em;border:1px solid #A07D7A;text-decoration:none;}
.spip_forms a.resultats_sondage:hover{background:#444040;color:#F8F5EC;text-decoration:none;}
.spip_forms p.spip_form_ok,.spip_forms p.spip_form_erreur,.spip_forms form{clear:both;}




span.erreur{
width:100%;
display:block;
color:#ff0000;
font-weight:bold;
}
.lbl_login{
width:120px;
display:inline-block;
font-size:0.85em;
font-weight:normal;
text-align:right;
padding-right:15px;
}

#connexion_col{
width:350px;
border:1px solid #ddd;
text-align:center;
margin:auto;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
}
#connexion_col h3{
font-family:Helvetica,arial,sans-serif;
text-transform:uppercase;
font-size:1.2em;
}
#connexion_col input{
height:15px;
margin-bottom:3px;
font-size:0.85em;
}
input.submit_colloque{
height:20px!important;
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
padding-bottom:2px;
margin-bottom:10px!important;
background-color:#bdc720;
color:#fff;
border:none;
cursor:pointer;
margin-top:5px;
}
.spip_form_choix_unique{
float:none!important;
}