/* 
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 0px 0px 15px;float:left;width:99px;height:110px;border:0;}
#boutonContact   {margin:35px 0px 0px 30px;float:left;width:175px;height:60px;border:0;}

#MenuHaut           {float:right;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:10px 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) no-repeat;
	text-decoration : none;
	width: 320px;
	height: 30px;
}

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;
}

/* 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; margin:0px; border:1px solid black; overflow:hidden;}
.outils { font-family: Verdana; float:right;  padding: 0px; margin: 0px;}

.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:#CC0000;	font:bold 16px Arial,sans-serif;text-transform:uppercase;}
.contenu h4 {margin: 15px 0px 5px;padding:0px; color:#CC0000;	font: 14px Arial,sans-serif; text-transform:uppercase;}
.contenu div.left {float:left;}
.contenu div.right {float:right;}
.contenu sup{font-size: 9px;}

.contenu .texte {float:left; width:728px;  font-style: justify; margin: 0px; padding: 0px; padding-left: 20px; text-align:justify; font-family:Arial,sans-serif; font-size:14px; color:#363532; line-height:1.5em; overflow:hidden;}
.contenu .texte  sub {font: 9px Arial,sans-serif; vertical-align:middle;}
.contenu p {text-align: justify;}
.contenu p.centrer {text-align:center;}
.contenu ul {margin:3px 0px 3px 30px; padding:0px; list-style-image:url(../images/puce_rouge.gif);}
.contenu a {text-decoration:underline; color:#553300;}
.contenu a:visited{text-decoration:underline; color:#810102;}
.contenu a:hover {text-decoration:underline; color:#810102;}
.contenu .texte img.imgLightbox {padding:0px 10px;}
.contenu .texte span.nettoyeur {clear:both;line-height:1px;font-size:1px;display:block;}

.barreOnglets {float:left; width:738px; height:30px; margin:0px; padding: 0px 0px 0px 20px; overflow:hidden; background:url(../images/onglet-back.jpg) repeat-x;}
.barreOnglets a .onglet .titreOnglet {float:left; margin:0px; padding:12px 0px 0px;  font:bold 14px Arial,sans-serif;}
.barreOnglets span .onglet .titreOnglet {float:left; margin:0px; padding:6px 0px 0px; font:bold 16px Arial,sans-serif;}
.barreOnglets a .onglet {height:30px; float:left; margin:0px; padding: 0px; cursor:pointer; text-decoration:none; background:url(../images/onglet-center.jpg) repeat-x;}
.barreOnglets span .onglet {height:30px; float:left; margin:0px; padding: 0px; border:none; cursor:default; background:url(../images/onglet-center-hover.jpg) repeat-x;}
.barreOnglets a .onglet .gaucheOnglet {width:10px; height:30px; float:left; margin:0px; padding: 0px; background:url(../images/onglet-left.jpg) no-repeat;}
.barreOnglets span .onglet .gaucheOnglet {width:10px; height:30px; float:left; margin:0px; padding: 0px; background:url(../images/onglet-left-hover.jpg) no-repeat;}
.barreOnglets a .onglet .droiteOnglet {width:10px; height:30px; float:left; margin:0px; padding: 0px; background:url(../images/onglet-right.jpg) no-repeat;}
.barreOnglets span .onglet .droiteOnglet {width:10px; height:30px; float:left; margin:0px; padding: 0px; background:url(../images/onglet-right-hover.jpg) no-repeat;}

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

.margeDroite .contenuMarge {width:180px; padding: 0px 10px; margin:0px; color:#FFFFA5; font:13px Arial,sans-serif;}
.margeDroite .contenuMarge  h5 {margin:0px 0px 8px;padding:0px; color:#F0EFDE; font: bold 14px Arial,sans-serif;  text-align:center; text-transform:uppercase;}
.margeDroite .contenuMarge input, .margeDroite .contenuMarge a img {width:120px; height:40px; margin:0px; border:0;}
.margeDroite .contenuMarge a {text-align:left; color:#F0EFDE; clear:both; text-decoration:none; font:bold 12px Arial,sans-serif;}
.margeDroite .contenuMarge a#btnContacter {margin:5px 30px;}
.margeDroite .contenuMarge #logoAuteur img {margin:0px 45px 0px;}
.margeDroite .contenuMarge #nomAuteur {text-align:center;}
.margeDroite .contenuMarge hr {color:black;margin:10px 0px;}
.margeDroite .contenuMarge sub {color:#FFFFA5; font: 8.5px Arial,sans-serif; vertical-align:middle;}
.margeDroite .contenuMarge ul {padding:0px; margin:5px;}

.margeDroite .contenuMarge #logosEntreprises {text-align:center; margin:auto; padding:0; overflow:hidden;}
.margeDroite .contenuMarge #logosEntreprises  a img {width:90px; height:25px; margin:0; padding:0;}

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

.contenu .texte .actuTemContent {float:left; width:322px; height:150px; margin:19px; overflow:hidden;}
.contenu .texte .actuTemContent h3 {margin:0px;padding:0px; color:#CC0000;	font:bold 16px Arial,sans-serif; text-transform:uppercase; line-height:1em;}

.contenu .texte .temoignage, .contenu .texte .actualite {width:300px; height:100px; text-align:justify; padding:10px; border:1px solid #AAAA55; overflow:hidden; -moz-border-radius:8px; background-color:white;}
.contenu .texte .temoignage .temoignageTitre, .contenu .texte .actualite .actualiteTitre {font:bold 14px Arial,sans-serif; text-align:left;}
.contenu .texte .temoignage .temoignageTexte, .contenu .texte .actualite .actualiteTexte {float:left; width:300px; height:80px; overflow:hidden;}
.contenu .texte .temoignage a, .contenu .texte .actualite a {float:right; text-decoration:none; font:bold 11px Arial,sans-serif;}

.contenu .texte .commPresse {width:700px; height:100px; text-align:justify; margin:10px 0px 10px; padding:10px; border:1px solid #AAAA55; overflow:hidden; -moz-border-radius:8px; background-color:white;}
.contenu .texte .commPresse .commPresseLogo {text-align:left; float:left; width:60px; height:100px; margin:0px; padding:0px; overflow:hidden;}
.contenu .texte .commPresse .commPresseLogo img {margin:10px;}
.contenu .texte .commPresse .commPresseTitre {font:bold 14px Arial,sans-serif;}
.contenu .texte .commPresse .commPresseTexte {float:left; width:640px; height:80px; overflow:hidden;}
.contenu .texte .commPresse a {float:right; text-decoration:none; font:bold 11px Arial,sans-serif;}

.contenu .texte .newsLetter {width:700px; height:50px; text-align:justify; margin:10px 0px 10px; padding:10px; border:1px solid #AAAA55; overflow:hidden; -moz-border-radius:8px; background-color:white;}
.contenu .texte .newsLetter .newsLetterLogo {float:left; width:75px; height:50px; margin:0px; padding:2px; overflow:hidden;}
.contenu .texte .newsLetter .newsLetterTitre {font:bold 14px Arial,sans-serif; padding:3px;}
.contenu .texte .newsLetter .newsLetterTexte {float:left; width:620px; height:40px; overflow:hidden;}
.contenu .texte .newsLetter a {float:right; text-decoration:none; font:bold 11px Arial,sans-serif;}

.contenu .texte .video {margin:40px auto 0px; width:400px;}

.contenu #btnBas {clear:both; margin:0px; width:958px; height:40px; overflow:hidden;}
.contenu #btnBas div {width:478px; height:20px; padding:6px 0px 0px; margin:0px; text-align:center; text-transform:uppercase; color:black; font:bold 15px Arial,sans-serif; border-bottom:1px solid black; overflow:hidden; background:url(../images/onglet-back-bas.jpg) repeat-x;}
.contenu #btnBas div:hover {background:url(../images/onglet-back-bas-hover.jpg) repeat-x;}
.contenu #btnBasGauche {float:left; border-right:1px solid white; }
.contenu #btnBasDroit {float:right; border-left:1px solid #8A8984; }

/*  PIED DE PAGE*/
#pied         {float:left;width:960px;height:100px; 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: 1.5em 0px 0px;}
#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 inscription newsletter "lettres.html"*/
#formulaire_lettres fieldset {text-decoration: none; border:none; margin:0px; padding:0px;}

.contenu form {background:#FAF9F4; float:left; clear:both; width:600px; margin:10px 50px; padding:10px; border:1px solid #AAAA55; -moz-border-radius:8px;}
.contenu form ul {margin:0px; padding:0px; list-style:none;}
.contenu label, .contenu span {color:black; font:normal 14px Arial, sans-serif;}
.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;}

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