/* 
FEUILLE DE STYLE ARTICLE CONTACT
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:30px;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);
	width: 320px;
	height: 50px;
	text-decoration: none;
}

ul#menulist ul li a, ul#menulistTri ul li a{
	display:block;
	padding:0;
	color : #efffee; 
	background:url(../images/ssmenu.png) no-repeat;
	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;
}

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:Arial,sans-serif; font-size:18px; font-weight:bold; color:#000;}
.contenu h3 {margin: 15px 0px 5px;padding:0px; color:#CC0000;	font:bold 16px Arial,sans-serif;text-transform:uppercase;}
.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:918px; 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;}

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


ul.plansite, ul.plansite ul {list-style: none; margin: 0; padding: 0; padding-left: 1.5em; font-size: 12px; }
ul.plansite li {color: black; margin: 0; padding: 0; }
ul.plansite li a, ul.plansite li a:visited {color:#666600; margin:0; padding:0; text-decoration:none;}
ul.plansite li a:hover {text-decoration:underline;}
ul.plansite li strong {font-size: 105%;}
ul.plansite li ul li ul li {border-left:1px solid #AAAAAA; padding:0 1em;/*display:none;*/}
/*ul.plansite li ul li:hover ul li {display:block;}*/

/*  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;
}
*/
.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 */

.formulaire_spip {display:inline; list-style:none;}

.contenu form {background:#FAF9F4; float:left; clear:both; width:878px; margin:10px; padding:10px; border:1px solid #AAAA55; -moz-border-radius:8px;}
.contenu textarea {overflow:auto; margin:0px 0px 10px 150px; display: block; width: 540px; height: 120px; font: 14px Arial, sans-serif;}
.contenu label, .contenu span {color:black;font:normal 14px Arial, sans-serif; list-style:none;}
.contenu input[type="text"] {display: block; width: 260px; height:16px; font: 14px Arial, sans-serif; margin: 0px 20px 10px 150px;}
.contenu input#input-7-ligne_2, .contenu input#input-8-ligne_1 {width: 540px; height:16px; font: 14px Arial, 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:bold 14px Arial, sans-serif;}
#formAuteurContact{list-style:none;}
.contenu #formAuteurContact label {margin-left:150px; list-style:none;}
.contenu #formAuteurContact{list-style:none;}
.contenu .texte #imgAuteurContact {float:left; width:100px; height:100px; margin:10px 20px 0px; overflow:hidden;}
.contenu .texte #bioAuteur {float:right; margin:10px 0px 0px; padding:0px; width:760px;}
.contenu .texte #bioAuteur ul {margin:0px; list-style:disc;}

.spip_forms .erreur {display:block;margin:0px 0px 5px 150px; padding:0px; color:red; font:15px Arial, sans-serif; border-bottom:1px dotted #AAAA55;}

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

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


.spip_forms .select_3 select, .spip_forms .select_5 select, .spip_forms .code_postal_1 input {width:150px;}

.spip_forms .ligne_5, .spip_forms .ligne_6, .spip_forms .ligne_8, .spip_forms .ligne_9, .spip_forms .ligne_10 {clear:both; float:left;}
.spip_forms .email_1, .spip_forms .texte_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 div.spip_descriptif {margin-left:150px;font: 12px "Lucida Grande", Lucida, Verdana, sans-serif; }

.spip_forms .spip_form_label_details{margin-left:150px;font: 12px "Lucida Grande", Lucida, Verdana, sans-serif; }

.spip_forms .spip_form_choix_unique {list-style:none; }
.spip_forms .spip_form_choix_unique input {height:16px; margin-left:125px; font: 18px "Lucida Grande", Lucida, Verdana, sans-serif; width: }
input[type="submit"]  {display: block; cursor: pointer; height:30px; font:bold 16px Arial, sans-serif; margin: 0px 20px 10px 600px;}