/* reset general */
:link,:visited { text-decoration: none; }
ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div { margin: 0; padding: 0; }

/* style global body */
body { background-color: #FFF; min-height: 800px; }
p { text-align: justify; line-height: 13px; margin: 15px 0 5px 0; clear: left; float: left; }

/* bloc contenu general pour centrage avec une height pour IE*/
div#contenu {
	position: relative;
	width: 830px; height: auto;
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 0 auto;
	z-index: auto;
	border: 1px solid #CCC;
}

#bandeau {
	position: relative;
	width: 830px; height: 200px;
	border: 0;
	background-color: #C9C9C9;
}

#logo { position: relative; top: 100px; left: 143px; width: 200px; height: 62px; }

/* menu principal */
.menu {
	position: relative;
	left: 150px; top: 110px;
	width: 680px; height: 28px;
	margin: 0; padding: 0; border: 0;
}
.menu a {
	display: block;
	margin: 0; padding: 0; border: 0;
	outline: none;
}
.menu a img { margin: 0 2px 0 0; padding: 0; border: 0; }
.menu img { float: left; margin: 0 2px 0 0; padding: 0; border: 0; }

/* sous menu  */
.ss_menu {
	float: right; position: relative;
	padding: 0; border: 0;
	width: 707px; height: 30px;
	font-family: verdana, sans-serif; font-size: 11px; color: #666; text-indent: 10px; line-height: 30px;
	background-image: url(../img/ss_menu.jpg); background-repeat: no-repeat;
}
.ss_menu a { outline: none; font-weight: normal; font-size: 11px; color: #666; padding: 0 2px; }
.ss_menu a:hover { outline: none; font-weight: normal; color: #f69; text-decoration: none; }
.ici { font-weight: bold; padding: 0 2px; }

.spacer { width: 100%; margin: 0; padding: 0; height: 1px; clear: both; }

/* bloc centre */
#centre { position: relative; float: left; width: 620px; left: 123px; }

/* bloc centre gauche */
#gauche { position: relative; float: left; width: 50%; }

/* bordure photo ou contenu */
#dentelle {
	position: relative; float: left;
	width: 42px; height: auto; min-height: 450px; 
	border-color: transparent #F9C; border-style: none dotted; border-width: 0 1px;
	margin: 14px 0 0 10px; padding: 0px 1px 0px 0px;
}

/* photo ou contenu */
#visuel {
	position: absolute;
	top: 50px; left: -80px;
	width: auto; height: auto; 	
}
#visuel img { box-shadow: 5px 5px 5px #888888; }
#visuel img.vignettes { box-shadow: none; }


#gauche .legende { margin: 10px 0 0 0; clear: both; }
#droit .legende { margin: 10px 0 0 0; }
.telec .legende { margin: 10px 0 0 0; width: 100%; }
.legende h6 { margin: 0; padding: 0; font-weight: bold; color: #8F5F9B; font-size: 10px; text-align: left; }
.legende p { margin: 0; padding: 0; font-weight: normal; color: #8F5F9B; font-size: 10px; text-align: left; }

.legendeaccueil {
	width: 150px; height: auto;
	position: absolute;
	bottom: -100px; right: -100px;
}
.legendeaccueil p {
	margin: 0; padding: 0; color: gray; font-size: 20px; text-align: left; font-family: serif;
}

.accueil {
	width: 290px; height: auto;
	margin:30px 0 0 30px;
	float: left;
}
.accueil p {
	float: left;
	width: 90%; height: auto;
	margin: 5px 0 10px 0; 
	color: gray; text-align: left; 
}

/* block media photo */
.vignettes {
	position: relative; float: left;
	width: 80px; height: 80px;
	padding: 0; margin: 0 3px 3px 0;
	border: 0;
}
.bigphot { position: relative; display: none; }

#droit .bigphot p>strong
{
	display: inline;
	float: none;
	width: 100%;
	text-align: left;
	margin-bottom: 0;
}


/* postit visuel */
.postvisu {
	position: absolute;
	top: 100px; left: -110px; z-index: 100;
	width: 105px;
	margin: 0; padding: 3px 2px 0 3px;
	background: url(../img/posthaut.gif) no-repeat #F3BED8;
	border-color: transparent transparent #9A8696 #9A8696; border-width: 0 0 1px 1px; border-style: none none solid solid;
}
.postvisu h3.spip { font-family: trebuchet, sans-serif; color: #333; font-weight: bold; font-size: 11px; text-align: left; margin-top: 1px; }
.postvisu p { font-family: arial, sans-serif; margin: 0 0 0.6em 0; line-height: 1.2em; font-weight: normal; text-align: left; font-size: 9px; color: #333;}

/* toute actualite */
#actus {
	position: absolute;
	width: 94px; height: 28px;
	top: 2px; left: -110px;
	cursor: pointer;
}
#postit {
	position: absolute; 
	width: 250px; height: auto;
	top: 35px; left: -110px;
	display: none; z-index: 1000;
	background-color: #FEF49C;
	border: 1px #BCA902 solid; 
}
#postit h4 { width: 240px; margin: 0; padding: 5px 5px 2px 5px; border-bottom: 1px solid #BCA902; font-family: Arial, sans-serif; font-size: 1.1em; color: #333; text-align: left; font-weight: bold; background-color: #F8E647; cursor: move; }
#postit h4 img.close { float: right; position: relative; top: -3px; cursor: pointer; }
#postit h5 { width: 240px; margin: 3px 0 3px 5px; font-family: Arial, sans-serif; font-size: 1em; color: #333; text-align: left; font-weight: bold; }
#postit p { margin: 0 5px 10px 8px; font-family: Arial, sans-serif; font-size: 0.9em; color: #333; text-align: left; font-weight: normal; }

/* bloc centre droit */
#droit {
	float: left; position: relative;
	width: 40%;
	padding: 0; margin: 1.5em 0 0 40px;
}
#droit .anneecrea { text-align: left; font-size: 1em; color: #333; font-weight: normal; }
#droit .chapeau { text-align: left; font-size: 1.2em; line-height: 1.2em; color: #666; font-weight: bold; }
#droit p { margin: 0 0 1em 0; }
#droit p>strong { display: block; float: left; width: 100%; text-align: left; margin: 6px 0 2px 0;}

/* h2 { height: 20px; text-align: left; font-weight: bold; font-size: 13px; color: #c99; } */
h2 { 
	float: left; position: relative; clear: both;
	width: 100%;
	text-align: left; font-weight: bold; font-size: 1.3em; color: #333;
	padding: 0 5px 10px 0;
}
h3.spip { width: 100%; clear: both; font-weight: bold; font-size: 1.1em; margin: 0 0 0.3em 0; color: #777; }


/* liens defaut */
a { color: #f69; text-decoration: none; font-weight: bold; outline: none; }
a:hover { color: #f69; text-decoration: underline; font-weight: bold; }

/* bloc pied de page */
#footer {
	position: relative; clear: both;
	width: 830px; height: 20px;
	margin: 0 auto;
	text-align: center; text-indent: 120px;
	font-family: arial, sans-serif; font-size: 10px; color: #666;
}
#footer a { text-decoration: none; color: #666; font-size: 10px; font-weight: normal; }
#footer a:hover { color: #F69; }

.motcle { font-family: arial; font-size: 6px; color: #fff; }

/* liens sortants */
.spip_out { padding-right: 12px; background-image: url(../img/lien_externe.gif); background-repeat: no-repeat; background-position: right; }
/* logos spip */
.spip_logos { border: 0; }
.spip_documents_left {
	margin: 1.5em 1em 0.2em 0; box-shadow: 5px 5px 5px #888888;
}

/* formulaires spip */
#formulaire_formidable_contact { float:left; width: 330px; margin: 0.5em 0 2em 0; background-color: #FFFFFF; }
#formulaire_formidable_contact label { float: left; width: 18%; line-height: 1.9em; margin: 0 1em 0.3em 0; }
#formulaire_formidable_contact input { float: left; width: 72%; height: 1.8em; margin: 0 0 0.3em 0; border: 1px dotted gray; }
#formulaire_formidable_contact input.erreur { border: 1px solid red; background-color: #FFCCCC; }
#formulaire_formidable_contact textarea { width: 72%; margin: 0 0 0.3em 0; border: 1px dotted gray; }
#formulaire_formidable_contact textarea.erreur { border: 1px solid red; background-color: #FFCCCC; }
.erreur, .formulaire_erreur { color: red; }
.formulaire_ok { color: green; }
#formulaire_formidable_contact #soumission { width: 50%; margin: 0 0 0 21%; border: 1px solid #F1BCD6; background-color: #FFCCCC; }
#formulaire_formidable_contact .message_retour_defaut {
	float:left; width: 330px; margin: 0.5em 0 2em 0; color: red;
}

/* telechargement */
.telec { width: 100%; clear: both; margin: 1em 0 0.5em 0; }
.telec img { float: left; border: 1px dotted gray; margin: 0 1em 0 0; }
hr.separ { width: 100%; clear: both; color: white; background-color: white; height: 0; border: 0; }