/* Intégration xHTML et CSS par Webserviteur.com */
/**** Contantes ****/
* {
	margin: 0;
	padding: 0;
}
body {
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #404040;
}

#centre hr.spacer {clear: both; visibility:hidden; height:0px; margin-bottom:0px; margin-top:0px; margin-left:0px; margin-right:0px; }

a {
	color: #597D99;
	text-decoration: none;
}
a:hover {
	color: #B81115;
}
a img {
	border: none;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

.spip_surligne {padding:1px 2px; background-color:#1f4867; color:#fff;}
.logo-droite { text-align:right; float:right; margin:0 0 5px 5px;}

/**** Contenu ****/
#contenu {
	background: url("/actu/squelettes/Design/bg.gif") right bottom no-repeat;
	width: 950px;
	margin: 0 auto;
	position: relative;
}
#contenu2 {
	background: url("/actu/squelettes/Design/bg_contenu2.gif") left top repeat-y;
	margin: 0 0 -20px 0;
	padding: 20px 0;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
clear:both;
}
#header {
	background: url("/actu/squelettes/Design/Accueil/HeaderAccueil.gif") left top no-repeat;
	height: 74px;
}
#header h1 {
	display: none;
}
/**** Navigation ****/
#navigation {
	color: #E9D5AA;
	background: url("/actu/squelettes/Design/bg_navigation.gif") left top no-repeat;
	height: 34px;
	font-size: 0.7em;
}
#navigation a {
	color: #E9D5AA;
}
#navigation a:hover {
	color: #FE3E21;
}
#navigation ul {
	list-style-type: none;
	margin-left: 10px;
}
#navigation ul li {
	display: block;
	vertical-align: middle;
	float: left;
	width: 110px;
	background: url("/actu/squelettes/Design/bg_li_nav.gif") 0 50% no-repeat;
	padding: 3px 3px 0 13px;
	height: 31px;
}
#navigation ul li.on a {
	color: #FE3E21;
	font-weight: bold;
}
#navigation ul li.accueil {
	background-image: none;
	border: none;
	width: 50px;
	padding-left: 3px;
}
/**** Gauche ****/
#gauche {
	position: absolute;
	left: 0;
	top: 125px;
	width: 180px;
	font-size: 0.8em;
	height:auto;
}
#gauche div.bloc {
	border-bottom: 1px dotted #ACABAB;
	margin: 15px 5px;
	padding-bottom: 5px;
	width: 160px;
}

#gauche div.Boutons {
	margin-left: 5px;
}
#gauche p.message-newsletter {font-size:1.5em; font-weight:bold; color:#B81115;}
#gauche form label {
	margin-top: 3px;
	margin-bottom: -18px;
}
#gauche form p {
	font-size: 0.9em;
	margin-left: 3px;
}
#gauche form input.text {
	border: 1px solid #fff;
	z-index: 0;
	margin-top: 4px;
	margin-left: 6px;
	width: 100px;
	height: 13px;
	font-size: 0.9em;
}
html>body #gauche form input.text { /* IE ne voit pas ça */
	border: 1px solid #fff;
	z-index: 0;
	width: 110px;
	height: 11px;
	margin-top: 3px;
	margin-left: 7px;
	font-size: 0.9em;
}
#gauche form label.text {
	display: block;
	z-index: 1;
	font-size: 1.1em;
	background: url("/actu/squelettes/Design/input_text.gif") left top no-repeat;
	width: 125px;
	height: 24px;
}

#gauche form input.btn {
	position: relative;
	top: -3px;
	left: 130px;
	background: url("/actu/squelettes/Design/Btn_OK.gif") left top no-repeat;
	}
#gauche h4 {
	color: #B81115;
	font-size: 1.1em;
}
#gauche h4.on {
	text-decoration: underline;
}
#gauche h4 a {
	color: #B81115;
}
#gauche h4 a:hover {
	color: #1F4867;
}
#gauche h5 {
	color: #1F4867;
	font-weight: bold;
	font-size: 1em;
	margin: 3px 0;
}
#gauche a.on {
font-weight:bold;
color:#FE3E21;
	text-decoration:none;
}
#gauche h5 a {
	color: #1F4867;
}
#gauche h5 a:hover {
	color: #B81115;
}
#gauche ul {
margin-left:-2px;
}
#gauche li {
list-style-type:none;
background-image:url(/actu/squelettes/puce.gif);
background-repeat:no-repeat;
background-position:0% 0%;
padding-left:12px;
}
/**** Centre ****/
#centre {
	margin: 0 200px;
	height: 650px;
}
html>body #centre { /* Hack parcequ'IE ne connait pas min-height ! */
	min-height:650px;
	height:auto;
} 

#centre a.recommander {background:url("/actu/squelettes/Design/enveloppes.gif") 0 0 no-repeat; padding:4px 0 0 18px; border:none; margin:0 0 0 5px;}
#centre a:hover.recommander {background:url("/actu/squelettes/Design/enveloppes.gif") 0 -19px no-repeat;}
#centre a.reduiretexte {background:url("/actu/squelettes/Design/taille-moins.gif") 0 0 no-repeat; padding:7px 0 0 18px; border:none; margin:0 0 0 5px;}
#centre a:hover.reduiretexte {background:url("/actu/squelettes/Design/taille-moins.gif") 0 -22px no-repeat;}
#centre a.agrandirtexte {background:url("/actu/squelettes/Design/taille-plus.gif") 0 0 no-repeat; padding:7px 0 0 18px; border:none; margin:0 0 0 5px;}
#centre a:hover.agrandirtexte {background:url("/actu/squelettes/Design/taille-plus.gif") 0 -22px no-repeat;}

#centre div.bloc {

}
#bloc form{
	margin: 15px 5px;
	padding-bottom: 5px;
	width: 530px;
}
#bloc fieldset{
border:thin;
font-size:0.8em;	
color:#666666;
}
#bloc legend{
	font-size: 1em;
}
#bloc form input.forml{
height:20px;
	padding: 5px 5px 5px 10px;
	border:none;
	background: url("/actu/squelettes/Design/input_text_long.gif") no-repeat;
	font-size: 0.9em;
}

html>body #centre form input.text { /* IE ne voit pas ça */
	border: 1px solid #fff;
	z-index: 0;
	width: 110px;
	height: 11px;
	margin-top: 3px;
	margin-left: 7px;
	font-size: 0.7em;
}


#portfolio {font-size:1em;}
p.clic-vignette {font-size:0.8em; color:#9f9f9f; margin-bottom:10px;}
div.portfolio-image {font-size:0.8em; border: 1px solid #ddd; width:150px; text-align:center; float:left; margin: 0px auto 10px 10px; padding: 15px 10px; background-color:#fff;}
#portfolio p.spip_doc_titre{
text-align:center;
padding-top:5px;
font-size:1em
}
#portfolio p.spip_doc_descriptif{
margin-left:15px;
font-size:1em;
}
#centre h2 {
	margin: 10px 0;
	font-weight: bold;
	color: #B81115;
	font-size: 1.5em;
}
#centre h2 a {
	color: #B81115;
}
#centre h2 a:hover {
	color: #1F4867;
}
#centre h3 {
	margin-top: 20px;
	/*background: url("/actu/squelettes/Design/bg_h3.gif") 0 50% no-repeat;*/
	text-indent: 10px;
	color: #1F4867;
}
#centre h4 {
	margin-top: 20px;
	color: #5A809C;
}
#centre h5 {
	margin: 5px 0;
	font-size: 1em;
	color: #A4A072;
}
#centre h6 {
	margin-top: 15px;
	font-size: 0.8em;
	line-height: 15px;
	color: #1F4867;
}
#centre h6.un {
	background: url("/actu/squelettes/Design/Symbolesh6/1.gif") 0 50% no-repeat;
	text-indent: 20px;
}
#centre h6.deux {
	background: url("/actu/squelettes/Design/Symbolesh6/2.gif") 0 50% no-repeat;
	text-indent: 20px;
}
#centre h6.trois {
	background: url("/actu/squelettes/Design/Symbolesh6/3.gif") 0 50% no-repeat;
	text-indent: 20px;
}

#centre p.fil {
	font-size: 0.7em;
	color: #B81115;
}
#centre p.fil a {
	color: #B81115;
}
#centre p.fil a:hover {
	color: #1F4867;
}
#centre p.fil span {
	color: #1F4867;
}
#centre p.fil span a {
	color: #1F4867;
}
#centre p.fil span a:hover {
	color: #B81115;
}

#centre p.spip{
    font-size:0.9em;
	margin: 1em 0;
}

#centre p.spip_note{
font-size:0.85em;
}

#centre h3.spip{
text-indent:0px;
font-size: 1em;
}

img.spip_logos {
margin:0 15px 0 15px;
border: 1px solid #000 !important;
}

#centre p {
	text-align: justify;
}
#centre ul.spip li {
	list-style-image:url(/actu/squelettes/Design/Accueil/bg_li_droite.gif);
	margin: 5px 0 5px 2em;
}
#centre div.chapeau {
	color: #1F4867;
	font-size: 0.9em;
	font-weight: bold;
}
#centre p.soustitre {
	color: #A4A072;
	font-size: 0.9em;
	margin-top: 10px;
}
#videoplayer {
	clear:both;
	margin: 10px 0 10px 0;
	text-align:center;
}
#centre p.intertitre {
	color: #B81115;
	font-weight: bold;
}
#centre p.joint {
	color:#597D99;
	font-size: 0.85em;
	text-indent: 24px;background: url("/actu/squelettes/Design/Dossier.gif") 0 -3px no-repeat;
	margin-bottom:10px;
}
#centre p.joint a {
	color: #B81115;
}
#centre p.joint a:hover {
	color: #597D99;
}
#centre p.reagir {
	line-height: 20px;
 	font-size: 1em;
	text-indent: 20px;
	background: url("/actu/squelettes/Design/Smiley.gif") 0 50% no-repeat;
}
#centre p.reagir a {
	color: #B81115;
}
#centre p.reagir a:hover {
	color: #597D99;
}
#centre blockquote {
	background: url("/actu/squelettes/Design/quote.gif") left top no-repeat;
	margin:20px;
	font-size: 0.9em;
	padding-left: 20px;
	width: 450px;

}
#centre blockquote p {
	padding-right: 20px;
	background: url("/actu/squelettes/Design/quote2.gif") right bottom no-repeat;
	font-size: 1em;
}
#centre blockquote.spip {
	background: url("/actu/squelettes/Design/quote_disent.gif") left top no-repeat;
	margin-top:10px;
	margin-bottom:18px;
	padding-left: 40px;
	padding-top:40px;
	width: 450px;
}
#centre p.davinci {
	padding-right: 20px;
	background: url("/actu/squelettes/Design/quote2.gif") right bottom no-repeat;
	font-size: 1em;
}

#centre ol {margin-left:35px;}

#centre blockquote.forum {
margin-left:-20px;
	background-image: none;
	font-size:1.2em;
}
#centre blockquote.forum p {
	padding-right: 20px;
	background-image: none;
}
.forum{

font-weight:normal;
}
.forum_header{
border:dotted #ACABAB 1px;
font-weight:bold;
padding:20px 20px 20px 20px;
margin:10px 10px 10px 0;
}

.droite {
	float: right;
	margin: -15px 5px 0 15px;
}
.mini {
	font-size: 0.8em;
	margin:0 0 20px 0;
}
#centre p.left {

}
#centre p.auteur {
	margin: 15px 0;
	color: #907D61;
	font-size: 0.85em;
}
#centre hr {
	margin: 15px 0;
	background-color: #B81115;
	color: #B81115;
	height: 1px;
	border: 1px solid #B81115;
}
span.titre {
	color: #B81115;
	font-size: 0.7em;
}
span.description {
	color: #A4A072;
	font-size: 0.7em;
}
#plus {
	float: right;
	width: 220px;
	margin-top: -77px;
	font-size: 0.9em;
	border: 2px solid #B81115;
}
#plus p.titre {
	width: 220px;
	background-color: #B81115;
	color: #fff;
	font-weight: bold;
}
#plus p.description {
	text-indent: 20px;
}

/**** Centre-Rubrique ****/
#centre h3.rubrique {
	color: #1F4867;
	font-size: 1em;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ACABAB;
}
#centre h3.un {
height:22px;
	background: url("/actu/squelettes/Design/Symboles/1.gif") 0 30% no-repeat;
	text-indent: 25px;
	font-size: 0.9em;	
}
#centre h3.deux {
height:22px;
	background: url("/actu/squelettes/Design/Symboles/2.gif") 0 30% no-repeat;
	text-indent: 25px;
	font-size: 0.9em;
	clear:both;
}
#centre h3.trois {
	background: url("/actu/squelettes/Design/Symboles/3.gif") 0 30% no-repeat;
	text-indent: 25px;
	font-size: 0.9em;
	clear:both;
}
#centre h3.quatre {
height:22px;
	background: url("/actu/squelettes/Design/Symboles/4.gif") 0 30% no-repeat;
	text-indent: 25px;
	font-size: 0.9em;	
}
#centre h3.cinq {
	background: url("/actu/squelettes/Design/Symboles/5.gif") 0 30% no-repeat;
	text-indent: 25px;
	font-size: 0.9em;
	clear:both;
}
#centre img.rubrique {
	float: right;
	border: 1px solid #000;
	margin:0 0 10px 10px;
}
#centre img.rubrique2 {
	float: right;
	border: 1px solid #000;
	margin-top: -40px !important;
	margin-top: -20px;
}

#centre p.rubrique {
	font-size: 0.8em;
	margin: 25px 0 5px 0;
}
#centre div.rubrique {
	font-size: 0.8em;
	margin: 5px 0;
}

#centre p.annuaire {
font-size:1em;
margin: 2em 0 0.5em 0;
background-image:url(/actu/squelettes/puce.gif);
background-repeat:no-repeat;
background-position:0% 0%;
padding-left:12px;
}
#centre div.annuaire {
	font-size: 0.9em;
	margin: 0.5em 0;
	padding-left:12px;
}
#centre div.annuaire > p.spip {
	font-size:1em;
}

#contact span.legende-formulaire {font-size:0.75em;}
#contact input {font-size:0.75em; padding:1px 2px; border:#1F4867 1px solid; margin:0 1px;}
#contact form input.envoyer {font-size:0.75em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; padding:1px 2px; color:#1F4867; border-color:#1F4867; border-width:1px; border-style:solid; cursor:pointer; background-color:#fff;}
#contact form input:hover.envoyer {color:#B81115; border-color:#B81115; cursor:pointer;}
#contact form input.spip_bouton {font-size:0.75em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; padding:1px 2px; color:#1F4867; border-color:#1F4867; border-width:1px; border-style:solid; cursor:pointer; background-color:#fff;}
#contact form input:hover.spip_bouton {color:#B81115; border-color:#B81115; cursor:pointer;}


#notice-legale {border-top: 1px solid #B81115; margin-top:15px;}

div.spip_forms form {margin:1em 0; border:none; font-family:arial, helvetica, sans-serif;}
div.spip_forms fieldset {margin:0.5em 0; border:none;}
div.spip_forms div.spip_form_champ {margin:1.5em 0; border:none;}
div.spip_forms  .spip_form_label {display:block; margin-bottom:0.5em; font-weight:bold;}
div.spip_forms  .spip_form_label_obligatoire {color:red;}
div.spip_forms input.spip_bouton {padding:1px 2px; margin:0 1px; border:#B81115 1px solid; background-color:#fff; font-size:0.75em; color:#B81115; font-weight:bold; cursor:pointer;}
div.spip_forms input:hover.spip_bouton {border-color:#1f4867; color:#1f4867; cursor:pointer;}

/**** Droite ****/
#droite {
	position: absolute;
	right: 0;
	font-size: 0.8em;
	top: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 180px;
	padding-left: 8px;
}

#droite form {margin-bottom:10px;}
#droite input.recommander {width:176px; font-family:verdana, arial, sans-serif; font-size:1em; cursor:pointer; color:#B81115; background:url("/actu/squelettes/Design/enveloppes.gif") 0 0 no-repeat; padding:0 0 0 14px; border:none; margin:0 0 0 5px;}
#droite input:hover.recommander {color:#1f4867; background:url("/actu/squelettes/Design/enveloppes.gif") 0 -19px no-repeat; cursor:pointer;}

#droite a {
	color: #3D617B;
}
#droite a:hover {
	color: #B81115;
}
#droite p {
	margin-bottom: 2px;
	margin-right: 5px;
}
#droite ul {
	margin-left: 5px;
}
#droite ul li {
	list-style-type: none;
}
#droite h4 {
	text-transform: uppercase;
	font-size: 1.3em;
	margin-right: 5px;
	border-bottom: 1px dotted #ACABAB;
	color: #1F4867;
}
#droite h4.enbref {
}
#droite a.enbref {
	background: url("/actu/squelettes/Design/bg_enbref.gif") 0 50% no-repeat;
}
#droite a.enbref:hover{
	background: url("/actu/squelettes/Design/bg_enbref_over.gif") 0 50% no-repeat;
}

#droite h4.evenements {
	margin-top: 10px;
}
#droite a.evenements {
	background: url("/actu/squelettes/Design/bg_evenements.gif") 0 50% no-repeat;
}
#droite a.evenements:hover {
	background: url("/actu/squelettes/Design/bg_evenements_over.gif") 0 50% no-repeat;
}


#droite h4.enparler {
	margin-top: 10px;
}
#droite a.enparler {
	background: url("/actu/squelettes/Design/bg_enparler.gif") 0 50% no-repeat;
}
#droite a.enparler:hover {
	background: url("/actu/squelettes/Design/bg_enparler_over.gif") 0 50% no-repeat;
}

img.carre {
	float: left;
	margin: 3px;
}
#droite img.carre {
	margin: 6px 6px 6px 0;
}
#droite h5 {
	font-size: 1em;
	color: #C80206;
	margin-right: 5px;
	margin-top:5px;
	margin-bottom:5px;
	background:url(/actu/squelettes/puce.gif) 0 0 no-repeat;
}
#droite h5 a.entete {
margin-left:0px;
}
#droite h5 a {
	color: #C80206;
	margin-left:16px;
}

/**** LIVRES LIES A CET ARTICLE ****/
#livres {margin:0; padding:0;}
#livres div.livre {margin:1.3em 0; padding:0;}
#livres img.spip_logos {margin:0 0 1px 1px; float:right;}
#livres h5 {background:none;}
#livres h5 a {margin-left:0;}
#livres p.lienachat {text-align:right; margin:0.5em 0;}
#livres p.lienachat a {color:#c80206;}

/**** Footer ****/
#footer {
	clear:both;
	color: #B81115;
	background: url("/actu/squelettes/Design/bg_footer.gif") left top no-repeat;
	font-size: 0.7em;
	height: 34px;
	padding-top: 9px;
	text-align: center;
}
#footer a {
	color: #E9D5AA;
}
#footer a:hover {
	color: #B81115;
}

.spip_doc_titre{
	color: #B81115;
	font-size: 0.7em;
}
.spip_doc_descriptif{
	color: #A4A072;
	font-size: 0.7em;
}
.spip_puce{

}

.spip_documents {
	margin:10px auto;
	}

.spip_documents_center{
	width: 80%;
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
}

.spip_documents_right{
	float: right;
	margin-left: 15px; 
}
/********************************/


#reponsearticle {list-style-type:none;}
#reponsearticle li {margin-bottom:15px;}

#reponsearticle ul {list-style-type:none; position:relative; margin-top:10px; padding:2px 10px 2px 10px;}
#reponsearticle ul.pair {}
/* si couleur de fond change une fois sur deux :
#reponsearticle ul {list-style-type:none; position:relative; margin-top:10px; padding:2px 10px 2px 10px; background-color:#f7f4ed; border-width:1px; border-style:solid;}
#reponsearticle ul.pair {background-color:#f7f7f7;} */

#reponsearticle ul{margin-top:10px; margin-bottom:0px;}
#reponsearticle li {font-size:0.9em; margin-top:10px; margin-bottom:0px;}
#reponsearticle ul ul {margin-top:10px; margin-bottom:0px;}
#reponsearticle ul p.intro-message {}
#reponsearticle ul div.message {font-size:1em; color:#4f4f4f; margin-top:0.4em; margin-bottom:0.4em; padding-left:0px;}
#reponsearticle ul div.message p.spip {font-size:1em; margin-bottom:0.75em;}
#reponsearticle ul div.message blockquote.spip {margin-left:25px; margin-bottom:5px; padding: 4px 4px 4px 4px; background-color:#f7f4ed;}
#reponsearticle p.lien-repondre {margin-top:0.5em; font-weight:normal; text-align:right;}