/*Erik Soulard 4 HYPTIQUE*/
* {margin: 0; padding: 0;}
img {border: none}
body {
	background: #8c7d73;
	color: #000000;
	font: normal 62.5% Arial,sans-serif;
	padding: 2% 0;
	
}

/*style des polices*/
.bold {font-weight: bold}
.italic {font-style: italic;}
.chapo {font-weight: bold; color: #b10058; font-size:1.2em; }
.caractencadre-spip{color:#8c7d73}

/*liens déclinable selon l'id de la rubrique avec le selecteur .l_rubx a et .l_rubx a:hover 
ou x correspond à l'id de la rubrique */
a, a.spip_in, a.spip_out, a.spip_glossaire {color: #b10058;}
a:hover, a:active, a:focus {color: #FFF; background:#b10058;text-decoration: none  }

.lien_accueil{color: #b10058; font-size:14px;font-family:Arial, Helvetica, sans-serif; text-decoration: none;}

.lien_accueil:hover, .lien_accueil:active, .lien_accueil:focus{color:#b10058;text-decoration: none; left:0px;font-size:14px;font-family:Arial, Helvetica, sans-serif; background-color:#FFF;  }

/*titres*/
h1,h2,h3,h4, h3.spip, h4.spip, h5.spip {color: #b10058; padding: 8px 0 0px;text-align:left;}
h1 {font: normal 2.4em sans-serif,serif;}
h1 a, h2 a, h3 a, h4 a {text-decoration: none;}
h2 {font: normal 1.6em sans-serif,serif; font-weight: bold;}
h3.spip {font: normal 1.6em sans-serif,serif;text-align:left;padding: 8px 0 0px;margin:0px 0px}
h3 {font: 1.2em sans-serif,serif; margin-top: 5px}
h4 {font: 1.2em sans-serif,serif; margin-top: 5px; font-weight:bold;}
h5 {font: 1em sans-serif,serif; margin-top: 5px}
/*temoin de navigation*/
.fil {margin-top: 5px; padding: 0 0 13px 0; font: normal 0.9em Arial,sans-serif; font-weight: bold; color: #94867c;}

form,table {margin-bottom: 1.2em;}
label {display: block;}
li {line-height: 1.5em;}
p, div.spip {padding: 2px 0 10px;}
ul,ol {padding: 0 2em 1.2em;}
div.texteencadre-spip {
background:#FFF;
border:1px solid #8c7d73;
color:#333;
margin:1em 0pt;
padding: 10px;
position:relative;
}
textarea{
	font: normal 1em Arial,sans-serif;
}

/*structure de la page*/
#principale {
	background: #fff;
	margin: 0 auto;
	width: 130em;
}
/*conteneur titre*/
#conteneur {
	border-top: 6px solid #fff;
	font-size: 1.3em;
	line-height: 1.3em;
	margin-left: 6px; margin-right: 6px;
	width:auto;
}
.titre {
	border-top: 1px solid #996;
	background-color: #e2ded4;
}
/*titre texte au dessus de l'image bandeau
.titre h1 {
	color: #441;
	font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
	padding: 10px 0 10px 18px;
}*/

/*bandeau image*/
.bandeau {
	border-top: 2px solid #fff;
	background: #e4dfd9;
	font-size: 1em; height: 12.8em; width: 100%;
	border-bottom:9px solid #FFFFFF;
}
.bandeau img {width: 100%; height: 100%;display:block;}/* > si on veut que firefox grossisse les images*/

/*navigation > menu horizontal*/
.navigation {
	position: relative; background: #e4dfd9; font-size: 0.77em; height: 3em; width: 78.8em; float: left;
	/*background: #006699;*/ 
	border-top: 2px solid #8c7d73; border-bottom: 2px solid #8c7d73;	
  float:left;
	position:relative;
	/*width:107.5em;*/
	width:128em;
	
}
.navigation ul{
	float: left; padding: 0px;
}
.navigation li{
	float: left; list-style: none;
}
.navigation a, .navigation span  {
	background: #e4dfd9;
	border-right: 1px solid #8c7d73;
	color: #8c7d73;
	float: left;
	font: 1.3em Arial,sans-serif;
	font-weight:bold;
	padding: 0 5px;
	line-height: 2.3em;
	text-align: center;
	text-decoration: none;
}
/*couleurs de roll (hover) + état sélectionné des rubriques
si on veut des couleur spécifiques entre les états roll et selectionnés, il faut faire deux lignes 
comme pour la partie 'accueil' (ici réglée sur la même couleur
*/

.navigation a.rubrik:hover, .navigation a.rubrik:focus {background-color:#8c7d73; color: #fff}
.navigation a.rubrik:active, .navigation span.activeRubrik {background-color:#b10058; color: #fff}

/*moteur de recherche*/
.mrecherche {
/*background:#e4dfd9;*/
/*border-bottom:2px solid #8c7d73;*/
/*border-top:2px solid #8c7d73;*/
float:left;
/*padding:5px 0px 5px 0px; */
padding:5px 0px 6px 1100px;
font-size:0.77em;
margin-top:-2px;
position:relative;
top:-80px;
width:19.8em;
}

* html .mrecherche {
padding:5px 0px 4px 0px;
padding /**/:6px 0px 6px 0px;
}

*+html .mrecherche {
padding:5px 0px 4px 0px;
}

#searchform{
	margin:0px 5px 0px 0px;
	padding:0px;
}

/*
* html #searchform input{
margin-top:-4px;
}
*/
#searchform input.btsubmit{
background-color:#8c7d73;
font-size:1.2em;
font-weight:bold;
border:none;
color:#FFF;
margin-left:15px;
padding:1px 4px;
}

#formulaire_recherche{border:none;}

#searchform #recherche {
color:#8c7d73;
font-size:1.2em;
height:1.2em !important;
left:10px;
padding:0pt 0px 0pt 0pt;
position:relative;
text-indent:2px;
top:0px !important;
width:11em;
}

#liste_recherche{
	list-style-type:none;
	padding:0 2em 0.5em 0em;	
}

#liste_recherche li{
	border-bottom:1px solid #e4dfd9;
	padding:0.6em 1em 2em;	
}

#liste_recherche li h3{
	font-weight:normal;
	font-size:1em;
}

#liste_recherche li h3 span{
	color:#000;
	
}

/*conteneurs gauche et droit*/
.deuxColonnes{background: url(../img/pix.gif) bottom left no-repeat}
.deuxColonnes .colonne_gauche {width: 20%; background: #e4dfd9}
.deuxColonnes .colonne_droite {width: 60%}
.contenu {padding: 18px 20px}
.colonne_droite {float: left;}
.colonne_gauche {float: left;}
#contenuGauche h2 {font-size: 1.2em; color: #8c7d73;font-weight:bold;}
#contenuGauche h2 a{color: #8c7d73;}
#contenuGauche h2 a:hover, #contenuGauche h2 a:active, #contenuGauche h2 a:focus {background:#8c7d73; color:#FFF;}
.colonne_droite div.contenu p{line-height: 1.6em;  padding: 0.6em 0 10px 0;}
.colonne_droite div.contenu ul{line-height: 1.2em; padding-top: 0.5em;}
/*bloc news extreme droite*/
.deuxColonnes .news {width: 20%; float: left}
.deuxColonnes .news .contenuNews {margin: 29px 0 0 0; background: #E4DFD9;}
.deuxColonnes .news .contenuNews2 {margin: 30px 0 0 0; background: #E4DFD9; min-height:300px;}
.contenuNews2 .boutonph {padding: 200px 0 0 42px; background: #E4DFD9; min-height:450px;}
.contenuNews p {padding: 0 10px 10px 10px; color: #8C7D73;}
.contenuNews .dateNews {font-weight: bold;padding: 0 10px 10px 10px;}
.contenuNews h3 {padding: 10px; color: #8C7D73; font-weight: bold;}
.contenuNews2 h3 {padding: 10px; color: #B10058; font-weight: bold;}
.contenuNews a {color: #8C7D73;}
.contenuNews a:hover {background:#ffffff none repeat scroll 0%; color:#8c7d73;}

/*liens déclinable selon l'id de la rubrique avec le selecteur .c_rubx a et .c_rubx a:hover 
ou x correspond à l'id de la rubrique */

/*style du tableau*/
table.spip{width:550px;}
table.spip caption {font-family:Arial,sans-serif; font-weight: bold; text-align: left; color: #8c7d73; padding: 0 0 8px 0;}
table.spip th{font-family:Arial,sans-serif; font-weight: bold; text-align: left; color: #ffffff; background: #8c7d73;padding: 10px 3px 10px 5px;}
table.spip td{padding: 8px; width: 33%; border: 2px solid #FFF; font-size:1.2em; vertical-align: top; color: #000000;}
table.spip tr.row_even {background: #FFF}
table.spip tr.row_odd {
background:#FFF;
}
table.spip tr.row_first {
border: 2px solid #b6aba3;
}
/*menu vertical*/
ul.blocListe {
	border-top: 2px solid #b10058;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.blocListe li {
	border-bottom: 1px  #8c7d73;
	list-style: none;
	font-weight:bold;
	display: block;
	font-size:0.9em;
}
.blocListe li a,.blocListe li em {
	color: #8c7d73;
	display: block;
	font-size:12px;
}
.blocListe li em {
	font-size: 0.9em;
	font-style: normal;
}
.blocListe li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.blocListe li a span {font-weight: bold;}
.blocListe li a:hover, .blocListe li a:active, .blocListe li a:focus  {
	background: #E4DFD9;
	color: #ffffff;
	font-weight:bold;
}
.blocListe li span {font-weight: bold; color: #FFF;padding: 0px;display: block; width:100px; }
/*pied de page*/
.pied {background: #8c7d73; color: #FFF; font-size:11px; height: 4em; border-bottom: 4px solid #FFF; margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:13px; font-weight:bold; width:100%;  }
.p1 {font-family:Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold; position:absolute;  margin:0px; padding:0px;}
.p2 {left:106em; position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-top:0em; width:100px;}
.p2_sup1280 {left:136em; position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-top:-20px; padding:0px;width:100px;}
.p2_1280 {left:102em; position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-top:-20px;padding:0px; width:100px;}
.p2_1024 {left:108em; position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:11px;padding:0px; width:100px; margin-top:-20px;}
.p3_1024 {left:55em; position:absolute;font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-top:-18px;  padding:0px; width:140px;}
.p3_1280 {left:54em; position:absolute;font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-top:-20px;  padding:0px; width:140px;}
.p3_sup1280 {left:84em; position:absolute;font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-top:-18px;  padding:0px; width:140px;}
.p3 {left:54em; position:absolute;font-family:Arial, Helvetica, sans-serif; font-size:11px;  margin:0px; padding:0px; width:140px;}
.p4 {left:0em; position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0px; width:100px;}
.p4_sup1280 {left:30em; position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0px;}
.p4_1280 {left:30em; position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0px;padding:0px; width:100px;}
.p4_1024 {left:3em; position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0px; padding:0px; width:100px;}
.pied a {color: #ffffff; text-decoration: none;font-family:Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold; font-style:normal }/*lien pied de page*/
.pied a:hover, .pied a:active, .pied a:focus  {color: #8c7d73; background: #ffffff;font-family:Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold; }


/*********************************************************************/

/*mise à zero // float*/
.clear,.clearer {clear: both;height:0px;overflow:hidden;} 
.clearerGris {clear: both; border-bottom: 1px dashed #8c7d73; margin-bottom: 20px;}
.clearerGris_ {clear: both; border-bottom: 1px dashed #8c7d73; margin-top: -20px}
.invisible {position: absolute; top:-300em; left:-300em; overflow:hidden; height:1px;}

/*********************************************************************/

/*spécificités article + Accueil*/
.titreArticle_Accueil {
	font-size: 2.2em;
}

.titreArticle_Accueil a{
	text-decoration:none;
}

/*spécificités article*/
/*titre*/
.cTitreText {
	width: 80%; float: right;
}
.cTitreIco {
	width: 20%; float: right;
}
.cTitreIco p {text-align: right; margin-top: 8px;}

.cTitreIco p a:hover{background:transparent;}
.cTitreIco p a:hover span {background:#b10058;}
/*image chapeau*/
#chapo_ img{
	float: left; margin-right: 10px;
}
#chapo_ {
	color: #94867c;
	font-weight: bold;
}



/*bloc news extreme droite*/
.conteneurArticle {width: 80%; float: left;}
.conteneurArticle .article_long {width: 99.1%; background: #FFF; float: left; margin: 10px 0 0;}
.article_long p.image img{float: right;}
.conteneurArticle .article_court {width: 49.6%; float: left; margin: 7px 0 0;}
/*séparation entre les 2 articles / colonne du milieu, il faut que le contenu de gauche soit le plus long pour les pointillés*/
#premierArticleGauche {border-right: 1px dashed #8c7d73;}
/*colonne des entrées d'articles de droite*/
.listArticle {width: 20%; float: right}
.introArticle {margin: 7px 0 0 0; background: #E4DFD9}
.introArticle_ {margin: 10px 0 0 0; background: #E4DFD9}/*première intro*/
.introArticle_ p, .introArticle p {padding: 0 10px 10px; color: #fff;}
.introArticle_ p.dateNews, .introArticle p.dateNews {padding: 0 10px 0 10px; color: #8C7D73;}
.introArticle_ h3, .introArticle h3 {padding: 10px 10px 0; color: #fff; font-weight:bold;}
.contenu {padding: 18px 20px}
.article_droite .contenu {padding: 18px 0; margin: 0 20px}

/*spécificités liste*/
.titreList { border-bottom:2px solid #8C7D73;  color: #b10058; line-height: 30px; padding: 0 5px; margin-top: 5px; margin-bottom:5px; font-size 3em; background-color:#FFF;}
.titreList a{color:#b10058; background-color:#FFF;}
.titreList a:hover, .titreList a:active, .titreList a:focus {color: #b10058; background-color:#FFF;}
.pListImg {line-height: 1.6em; padding-top: 0.6em;}
.pListImg img{float: right;}

/*paragraphe avec lien de téléchargement*/
.dlLink {line-height: 2.5em; padding-top: 0em; font-weight:bold; font-size:1.2em;}
.dlLink img{float: left; margin-right: 3px;}
.dlLink a {color: #b10058;}
.dlLink a:hover, .dlLink a:active, .dlLink a:focus {color: #FFF; background: #b10058;}

/*formulaire envoye ami*/
form.envoyer {
clear:both;
margin:0pt;
padding:0pt;
text-align:center;
}
form.envoyer fieldset {
border:1px solid #e4dfd9;
margin:10px;
padding:10px;
text-align:left;
}
form.envoyer fieldset input, form.envoyer fieldset textarea {
margin-bottom:3px;
width:240px;
}
form.envoyer fieldset select {
margin-bottom:3px;
}
form.envoyer fieldset textarea {
height:80px;
}
form.envoyer fieldset input.checkbox {
width:auto;
}
form.envoyer legend {
font-weight:bold;
}
form.envoyer label {
float:left;
margin-top:2px;
width:160px;
}
form.envoyer label.label {
width:260px;
}

.format_png { behavior: url(win_png.htc); }

.td_be_titre
 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 border-bottom : 1px solid black;
 }

.row_1
 {
	 border-bottom : 1px solid black; 
	 background-color:#E4DFD9;
 }
 
 .row_2
 {
	 border-bottom : 1px solid black; 
	 background-color:#FFF;
 }
 

 
 .be_form
 {
  width:350px;
 }

#conteneurArticle td tr {
	background-color:#FFF;
	border-color:#FFF;
}

.lnbt:hover, lnbt:active, lnbt:focus { background:#E4DFD9;text-decoration: none  }

.liste_pep{
	list-style:none;
}