/* 
FEUILLE DE STYLE ARTICLE
Auteur:Bruno SIMON 21-12-2007 revue par Franck SAGE & Quentin LAUV été 2009
*/

/* POSITIONNEMENT GENERAL */
body,html{margin:0px; padding:0px; font-family:Verdana,sans-serif; font-size:12px; color:#000000;text-align:center;}
body{background-color:#f0efde;}

/* IMAGES SANS BORDURE */
img{border:0;}

/* FORMULAIRE */
form{display:inline;}

/* PAGE : TAILLE ET BORDURES */
#page { padding:0px; position:absolute; left: 50%; top: 0%; width: 960px; height: 100%; margin-left: -480px; text-align:left;}

/* ENTETE */
#header  {width:960px; height:160px; position:relative; z-index:2;}
#headerHaut     {float:left; width:960px; height:110px; background:url(../images/haut.png) no-repeat;}

#logoHaut   {margin:2px 5px 0px 15px;float:left;width:99px;height:110px;border:0;}
#boutonContact   {margin:5px 0px 0px 1px;width:153px;height:50px;border:0;}
#boutonAbonnement {margin: 5px 0px 0px 300px;width:153px;height:50px;border:0; }
#boutonsAccueil{ text-align: left;}
#MenuHaut           {margin:30px 15px 0px 10px;width:auto; text-align:right; font-weight:bold; color:#9E0B28;}
#MenuHaut    a      {float:left; font-size:13px;font-weight:bold; color:#FFFFFF; text-decoration:none;}
#MenuHaut    a:hover {text-decoration:underline;}
#MenuHaut    span {float:left;}
#MenuHaut    input.rechercheI   {float:left;padding:1px 3px;width:106px;height:19px;border:0px;background:#fff url(../images/recherche_fd.gif) 0px 0px no-repeat;}
#MenuHaut    input.rechercheS   {float:left;margin:0px; width:23px;height:19px;border:0px;}

#drapeau {float:right;margin:30px 15px 0px 0px; padding:0px; width:200px; text-align:right;}
#drapeau img {margin:2px;}
#drapeau input#fieldSearch {float:right; width:100px; height:15px; margin:0px 0px 0px 2px; padding:0px; font:bold 12px Arial,sans-serif;}
#drapeau input#imgSearch {float:right; margin:0px;}

/* DEBUT  MENU DEROULANT */
#nav-container{width:960px; height:50px;clear:both;text-decoration: none;}

ul#menulist, ul#menulistTri{text-transform :uppercase; text-decoration: none; text-align : center; }

ul#menulist, ul#menulist ul, ul#menulistTri, ul#menulistTri ul {
	margin:0px 0px 0px;
	padding: 0;
	list-style:none;
	line-height : 50px;
	text-align : center;
	text-decoration: none;
}

ul#menulist ul, ul#menulistTri ul{
	margin:20px 0px 0px;
	padding: 0;
	list-style:none;
	line-height : 30px;
	text-align : center;
	text-decoration: none;
}

ul#menulist ul, ul#menulistTri ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	left:0px;
	top:30px;
	text-decoration: none;}

ul#menulist, ul#menulistTri {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align : center;
	text-decoration: none;}

ul#menulist li ul, ul#menulistTri li ul{ 
	display:none; 
	position: absolute;   
	text-transform :none;
	text-decoration: none;}

ul#menulist li:hover>ul, ul#menulistTri li:hover>ul{ display:block; text-decoration: none;}


#menulist ul ul, #menulistTri ul ul {
	top: -1px;
	left:320px;
	text-decoration: none;}
	
ul#menulist > li, ul#menulistTri > li{
	cursor:pointer;
	display:block;
	padding:0;
	color : #fff;
	background:url(../images/menu.jpg);
	text-decoration : none;
	width: 320px;
	height: 50px;
}

ul#menulist ul li a, ul#menulistTri ul li a{
	display:block;
	padding:0;
	color : #efffee; 
	background:url(../images/ssmenu.png);
	text-decoration : none;
	width: 320px;
	height: 30px;
	overflow:hidden;
}

ul#menulistTri ul li a span{font:16px Arial, sans-serif; line-height:1.8em; text-decoration: none;}

ul#menulist ul li span a, ul#menulistTri ul li span a {
	background:url(../images/ssmenu.png);
	width: 320px;
	height: 30px;
	text-decoration: none;
}

ul#menulist li, ul#menulistTri li{
  position:relative;
  margin:0px;
  padding:0px;
  display:inline;
  float:left;
  text-decoration: none;
}

ul#menulist li.on, ul#menulistTri li.on {background:url(../images/menu_hover.jpg); text-decoration: none;}

ul#menulist li:hover, ul#menulist li a:hover, ul#menulistTri li:hover, ul#menulistTri li a:hover {
  color: #FFF;
  text-decoration: none;
}

ul#menulist ul li a:hover, ul#menulistTri ul li a:hover {
 background:url(../images/ssmenu_hover.png);
 color:#fff;
 text-decoration: none;
}

/* Plus des liens donc pas de hover */
ul#menulist a:hover, ul#menulistTri a:hover {
 background:url(../images/menu_hover.jpg);
 color:#fff;
 text-decoration: none;
}

/* FIN MENU DEROULANT */

/* ZONE PRINCIPALE */  
#ZonePrincipale   {width:960px; margin:0px; padding:0px;}
#ZonePrincipaleHaut {width:960px; height:170px; line-height:0px;}
#ZonePrincipaleHaut #barreTitreArticle {line-height:30px; width:960px; height:30px; margin:140px 0px 0px; padding:0px; background:url(../images/bandeau_noir1.png) repeat-x;}
#ZonePrincipaleHaut #titreArticle {float:right; height:27px; margin:0px; padding: 0px 10px 0px 5px; font-family:Arial,sans-serif; font-size:26px; color:#f0efde; font-weight:normal; background:url(../images/bandeau_noir3.png) repeat-x;}
#ZonePrincipaleHaut #titreArticleGauche {float:right; width:30px; height:30px; margin:0px; padding: 0px; background:url(../images/bandeau_noir2.png) no-repeat;}
#ZonePrincipaleHaut #soustitre {float:right; margin:0px; padding-top:12px; font-family:Arial,sans-serif; font-size:14px; color:#f0efde; font-weight:normal;}

/* hauteur minimal */
div.contenu {height:280px;} /*pour IE*/
html>body div.contenu {height:auto; min-height:280px;} /*pour FF*/

.contenu    {float:left; width:958px; background-color:#FAF9F4; padding:0px; border:1px solid black; overflow:hidden;}
.outils { font-family: Verdana; float:right; margin:0px; padding:10px 0px 10px 10px;}

.contenu h2 {margin:10px 0px;padding:0px; font-family:Verdana,Arial,sans-serif; font-size:18px; font-weight:bold; color:#000;}
.contenu h3 {margin: 15px 0px 5px;padding:0px; color:#5B3C11;	font: bold 17px Arial,sans-serif;}
.contenu h4 {margin: 15px 0px 5px;padding:0px; color:#363532;	font: bold 15px Arial,sans-serif;}
.contenu h5 {margin: 15px 0px 5px;padding:0px; color:#5B3C11;	font: bold 14px Arial,sans-serif;}
.contenu sup{font-size: 9px;}

.contenu .texte {float:left; width:718px; margin:0px; padding:0px 20px; text-align:justify; font-family:Arial,sans-serif; font-size:14px; color:#363532; line-height:1.5em; overflow:hidden;}
.contenu p {text-align: justify;}
.contenu ul {margin:3px 0px 3px 20px; padding:0px; list-style-image:url(../images/puce_rouge.gif);}
.contenu a  {color: #5b3c11;}
.contenu a:hover    {text-decoration:underline; color:#C90031;}
.contenu a:visited  {text-decoration:underline; color:#5B3C11;}

.margeDroite {float:right; width:200px; height:100%; overflow:hidden; margin:0px; padding:0px; background:url(../images/bandeaudroite2.jpg) repeat-y;/*#b3071b;*/}
.margeDroiteHaut {width:200px; height:60px; background:url(../images/bandeaudroite1v2.jpg) no-repeat;}
.margeDroiteBas {width:200px; height:60px; background:url(../images/bandeaudroite3.jpg) no-repeat;}

.margeDroite .contenuMarge {width:160px; padding: 0px 20px; margin:0px; color:#FFFFA5; font:13px Arial,sans-serif;}
.margeDroite .contenuMarge  h5 {margin: 15px 0px 0px;padding:0px; color:#F0EFDE; font: bold 14px Arial,sans-serif;  text-align:center; text-transform:uppercase;}
.margeDroite .contenuMarge a img {width:120px; height:40px; margin:5px 20px 0px;}

#cadre {width:170px; padding: 0px 5px; margin:0px; /*text-align:justify;*/ color:#F0EFDE; font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; /*overflow:hidden; -moz-border-radius:6px; border:1px solid black;*/}

/*  PIED DE PAGE*/
#pied         {float:left;width:960px;height:120px; display: block; position: relative;}   
#pied.talon   {background:url(../images/bas.png) no-repeat;}
#pied.talon p{float:left; width:100%; text-align:center; clear:both; color:#333333; font-size:10px; margin-top: 2.5em;}
#pied.talon a[name="localisation"], #pied.talon a[name="contact"] {color:#b3071B;}
#pied #menuBas1         {float:left;margin:14.5px 0px 0px 15px;width:650px; font-size:13px;font-weight:bold;color:#9e0b28;line-height: 1.7em;}
#pied #menuBas1 a       {color:#fff;text-decoration:none;}
#pied #menuBas1 a:hover {text-decoration:underline;}
#pied #logoVeritas {float:right;margin:10px 15px 0px;width:95px; height:44px;background:url(../images/logo_certif.gif) no-repeat; text-decoration:none;}



/* .spip {
	font-size: inherit;
	line-height: inherit;
}


img   {}

.spip_documents_center { clear: both; width: 100%; margin: auto; display: block;}
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }

.spip_documents_center img{ clear: both; margin: auto; display: block;}
.spip_documents_left img{ float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right img{ float: right; margin-left: 15px; margin-bottom: 5px; }


/* FORMULAIRE */

form{display:inline;}

.contenu form {background:#FAF9F4; clear: both; float: left; width: 900px; padding: 10px;}
.contenu textarea {overflow:auto; margin-left: 150px; display: block; width: 540px; height: 120px; font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;}
.contenu input {display: block; width: 260px; height:16px; font: 14px "Lucida Grande", Lucida, Verdana, sans-serif; margin: 0px 20px 10px 150px;}
.contenu select {display:block; width: 264px; margin: 0px 20px 10px 150px;}
.contenu fieldset{clear:both;color:brown; border-top: 1px solid #b3071b; border-right-style: none; border-bottom-style: none; border-left-style: none; margin:10px 0px 5px; text-shadow:5px; padding-bottom: 5px; font: 16px "Lucida Grande", Lucida, Verdana, sans-serif;}

.spip_forms .spip_form_label {text-align:left; color:black; display: block; margin-left: 150px; font: 15px "Lucida Grande", Lucida, Verdana, sans-serif;}

.spip_forms input[name="ajout_reponse"], .spip_forms input[name="id_donnee"], .spip_forms input[name="retour_form"] {visibility:hidden;position:absolute;}

.spip_forms .select_2 {float:left;}
.spip_forms .select_3 select {width:150px;}

.spip_forms .ligne_1 {float:left;}

.spip_forms .select_4 {float:left;}
.spip_forms .ligne_5, .spip_forms .ligne_6, .spip_forms .ligne_9, .spip_forms .ligne_10 {clear:both; float:left;}
.spip_forms .select_5 select, .spip_forms .code_postal_1 input {width:150px;}
.spip_forms .email_1 {clear:both;}
.spip_forms .email_1 span.spip_form_label_details {margin-left:150px;font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;}

.spip_forms .spip_bouton input {height:30px; width:120px; margin-left:auto;font: 18px "Lucida Grande", Lucida, Verdana, sans-serif;}

/* 
.contenu legend{
	color: #9d0618;
	font-size: 14px;
	padding-top: 5px;
	margin-top: 10px;
}

.contenu .spip_bouton input {
	width: 150px;
	text-align: center;
}

.reponse_formulaire {
	background-color: #eae9e4;
	border: 1px solid #a8a8a8;
	color: #000;
	padding: 3px;
}

#cartes
    {
    float: left;
	padding: 0;
	text-align: left; *//* Cancel IE Fix */
	/*}
.apparent       {visibility: visible; display: block;}
.cache          {visibility: hidden; display: none;}

#fragment {} /* SURCHARGE LES CSS SPIP */
/*.fragment {}

.erreur {
	display: block;
	clear: both;
	color: #941711;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 15px;
	padding: 3px;
	border-left: 1px solid #941711;
	border-bottom: 1px solid #941711;
	width: 200px;
}

div.socialtags { margin: 2px 0 0px 0; padding 0;}


.socialtags ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.socialtags ul li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.socialtags ul li:before { content: ""; }
.socialtags img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.socialtags-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.socialtags-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.spip_forms form label {
	float:none;
}
.spip_forms h2 {
	margin:.2em;
	color:#543E29;
}
.spip_forms {
	color: black;
	margin: 0px;
	margin-bottom: 16px;
	padding: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.spip_forms form {
	border:0;
	margin:0;
	padding:.5em 0 0 0;
}
.spip_forms div.spip_descriptif {
	border:0;
	margin:0;
	clear:both;
}
.spip_forms h3 {
	float:none;text-align:left;
}
.spip_forms legend {
	font-size:1.15em;
	padding:5px;
}
.spip_forms .spip_form_champ {
	margin-bottom: 0;
	display: block;
	clear: both;
	margin-top: 1em;
}

.spip_forms .spip_form_label label,
.spip_forms .spip_form_label .label {
	text-align:left;
  	font-weight: bold;
  	color:#494949;
}
.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 {
	display:block;
}

.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:auto;
	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;float:left;padding-left:5px;width:45%;
}

.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 #E2CEC1;
	border-right:solid 1px #E2CEC1;
	border-top:1px solid #AF896F;
	border-left:1px solid #AF896F;
	font-size:1em;
	padding:.25em;
}
.spip_forms .forml, .spip_forms .fondl {
	background: #FFFDE7;
	color:#4A4336;
	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 #C9AB97;
	border-right:solid 1px #C9AB97;
	border-top:1px solid #81593E;
	border-left:1px solid #81593E;
	background: #FFF2C8;
	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 #563033;
	cursor:pointer;
	padding:.4em;
	background: #b3071b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	width:100px ;
	color: white;
}
.spip_forms fieldset {
	border: 1px none #8F8181;
	padding: .4em .4em .4em 1em;
	margin:.5em 0 .5em 0;
	border-top-style: solid;
	border-left: 6px solid #b3071b;
	border-top-color: #b3071b;
}
.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.nettoyeur{
	clear:both;line-height:1px;font-size:1px;display:block;
}
span.erreur { display:block;} */