/**
	couleurs :
	vert sombre : 687104
	violet : 6B2980
	bleu p�tant (liens dans "nos convictions") : 1CCFE3
	bleu (liens top-nav) : 71B2DC
*/

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    overflow:hidden;
	}

.clearfix{
	display: inline;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%; font-size: 0px;}
.clearfix{display: block;}
/* End hide from IE-mac */

body {
	/*background: url(../IMG/structure/bg_body.png);*/
	font: normal normal 0.8em sans-serif;
	color: #333;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

body *{
	margin: 0px;
	padding: 0px;
}

/* ---------------------------------------------------------------- structure des pages */
#conteneur{
	width: 746px;
	margin: 0px auto 0px auto;
	margin-top: 0px;	
	text-align: left;
	position: relative;
	background: url(../IMG/structure/bg_container.jpg) left top repeat-y;
}

#logo{
	display: block;
	margin: 0px 15px 15px 25px;
}

#header{
	position: relative;
	height: 354px;
	padding: 0px 22px 0px 22px;
	margin-bottom: 10px;
	background: url(../IMG/structure/header.jpg) 22px 0px no-repeat;
}

#header img{

}

#header #top-nav{
	float: left;
}

#header #top-nav li{
	float: left;
}

#header #top-nav li a{
	display: block;
	float: left;
	line-height: 15px;
	padding: 0px 10px 2px 10px;
	margin-left: 1px;
	color: #A0A0A0;
	text-decoration: none;
	text-transform: uppercase;
}

#header #top-nav a:hover,
#header #top-nav li.en-cours a{
	color: #000;
}

#header div#main-nav{
	position: absolute;
	top: 292px;
	left: 22px;
	float: left;
	width: 702px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	background-color: #048437;
}

#header div#main-nav *{
	font-size: 95%;
}

#header div#main-nav ul{
	float: left;
	width: 550px;
	margin: 0px 0px 0px 0px;
}

#header div#main-nav ul li{
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

#header div#main-nav a{
	display: block;
	float: left;
	width: 88px;
	height: 35px;
	padding: 5px 5px 0px 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	background-image: url(../IMG/structure/nav_bg_rubrique.png);
	text-decoration: none;
}

#header div#main-nav a:hover,
#header div#main-nav li.en-cours a{
	/*background-image: url(../IMG/structure/nav_bg_rubrique_encours.jpg);*/
	background-position: left bottom;
}

#header #frm-invitation{
	float: left;
	width: 140px;
	height: 40px;
	background: url(../IMG/structure/nav_bg_frm_invitation.png) left top no-repeat;
}

#header div#main-nav #text-row-code_production_menu{
	float: right;
	width: 130px;
	padding: 2px 4px 4px 4px;
	margin: 0px 0px 0px 0px;
}

#header div#main-nav #text-row-code_production_menu label{
	display: block;
	font-weight: bold;
	color: #FFF;
}

#header div#main-nav #code_production_menu{
	float: left;
	width: 92px;
}


#header div#main-nav #text-row-code_production_menu #btn-meuh{
	float: right;
	width: 28px;
	height: 19px;
	border: none;
	background: url(../IMG/structure/bg_btn_meuh_nav.jpg) left top no-repeat;
}

#header #notification-identification{
	position: absolute;
	top: 332px;
	right: 30px;
	width: 698px;
	height: 20px;
	line-height: 20px;
	padding-right: 4px;
	text-align: right;
}

#milieu{
	clear: both;
	margin: 20px 32px 0px 32px;
	border: 1px solid #FFF; /* �vite un espace parasite en bas de page sous ie */
}

#v-spacer{
	float: left;
	width: 0px;
}

#pied{
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0px -2px 0px;
	padding: 0px 0px 0px 0px;
}

#pied #copyright{
	margin: 0px;
	text-align: center;
	color: #FFF;
}

#pied div#liens-pied{
	height: 35px;
	line-height: 25px;	
	margin: 0px 22px 0px 22px;
	background-color: #AECC29;
}

/*#pied div a{
	display: none;
	padding: 0px 4px 0px 4px;
}*/

#pied div a.en-cours{
	font-weight: bold;
}

#pied #marqueur-xiti{
	display: none;
	width: 45px;
	margin: 0px auto 0px auto;
}

#pied #liens-pied{
	margin: 50px 0px 0px 0px;
	
}

#sites-references{
	margin: 10px 30px 30px 30px;
	color: #999;
}

#sites-references a{
	display: inline !important;
	color: #999;
}

/* red�finition de tags */

ul{
	list-style: none;
}

h1{
	margin: 0em 0em 0.5em 0em;
	font-size: 1.5em;
	color: #6B2980;
}

h2{
	margin: 0em 0em 0.2em 0em;
	font-size: 1.2em;
	color: #6B2980;
}

h3{
	margin: 0.3em 0em 0.1em 0em;
	font-size: 0.9em;
	color: #6B2980;
}

h4{
	margin: 0.3em 0em 0.1em 0em;
	font-size: 0.9em;
	color: #666;
}


p{
	padding-bottom: 10px;
}

img{
	border: none;
}

a{
	/*color: #006699;*/
	/*color: #1793D5;*/
	color: #6B2980;
}

a.spip_out{
	/*padding-right: 9px;*/
	/*background: url(../IMG/structure/externe.png) right 4px no-repeat;*/
}

.error{
	color: #F00;
}

/* -------------------------------------------------------------- formulaires de saisie */
form.formulaire{
	float: left;
	width: 500px;
	display: block;
	margin: 0px auto 10px auto;
}

form.formulaire fieldset.hidden{
	display: none;
}

form.formulaire .text-row,
form.formulaire .textarea-row,
form.formulaire .select-one-row,
form.formulaire .radios-set-row{
	float: left;
	clear: left;
	width: 100%;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	position: relative;
}

form.formulaire .radios-set-row{
	border: none;
}

form.formulaire .radios-set-row span,
form.formulaire .text-row label,
form.formulaire .textarea-row label,
form.formulaire .select-one-row label,
form.formulaire .checkbox-row label{
	float: left;
	width: 290px;
	font-weight: bold;
}

form.formulaire .textarea-row label{
	width: 90px;
}

form.formulaire .radios-set-row ul{
	float: right;
	width: 200px;
	list-style: none;
}

form.formulaire .radios-set-row ul li{
	float: left;
	margin-right: 10px;
}

form.formulaire .radios-set-row ul li label{
	margin-left: 4px;
}

/* renvoi des contr�les � droite */
form.formulaire .text-row input,
form.formulaire .text-row textarea-row{
	float: right;
	width: 200px;
}

form.formulaire .select-one-row select{
	float: right;
	width: 204px;
}

form.formulaire .textarea-row textarea{
	float: right;
	width: 400px;
	height: 50px;
}

/* correction des positions verticales */
form.formulaire .radios-set-row ul li input,
form.formulaire .checkbox-row input{
	position: relative;
	top: 3px;
}

/* �tiquettes radio-set-row */
form.formulaire .radios-set-row ul li span{
	padding-left: 3px;
}

form.formulaire span.required{
	display: block;
	position: absolute;
	top: 0px;
	width: 5px;
	right: -10px;
}

/* conteneur boutons � la fin du formulaire */
form.formulaire .barre-boutons{
	float: left;
	width: 100%;
	clear: left;
	text-align: right;
}

form.formulaire .barre-boutons input{
	width: 80px;
}


/* --------------------------------------------------------------- contenu des articles */
#chapeau{
	margin: 1em 0.5em 1.5em 0em;
	color: #80844A;
	border-bottom: 1px dotted #80844A;
	padding: 0em 0.5em 0.5em 0.5em;
}

#chapeau p{
	margin: 0px;
}

.contenu-article{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.contenu-article h3{
	margin-left: 10px;
}

.contenu-article ul{
	clear: left;
	list-style: disc;
	margin-left: 2em;
	margin-bottom: 8px;
}

.contenu-article ul li{
	margin-left: 4px;
}

.contenu-article p{
	margin-left: 15px;
}

.contenu-article .spip_documents_left{
	clear: left;
	margin-bottom: 10px;
}

.contenu-article .spip_documents{
	margin-bottom: 10px;
	margin-left: 15px;
}

.contenu-article p .spip_documents{
	margin-left: 0px;
}

.contenu-article .spip_documents .spip_doc_titre{
	text-align: center;
}

.spip_documents_left,
.contenu-article .spip_documents_left{
	margin-right: 10px;
}

.spip_documents_right,
.contenu-article .spip_documents_right{
	margin-left: 10px;
}


.contenu-article .spip_documents_center{
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	text-align: center;
}

.contenu-article .spip_documents_center .spip_doc_titre{
	margin: 0px auto 0px auto;
}

/* ------------------------------------------------------------------------------ index */
#index #partie-1,
#index #partie-2{
	width: 330px;
}

#index #partie-1{
	float: left;
}

#index #partie-2{
	float: right;
}

#index #presentation{

}

#index #presentation img{
	margin: 0px 10px 20px 0px;
}

#index .cartouche{
	float: left;
	width: 330px;
	margin-bottom: 10px;
	background: url(../IMG/structure/cart_accueil_bas.png) left bottom no-repeat;
}

#index .cartouche h2{
	height: 55px;
	background: url(../IMG/structure/cart_accueil_haut.png) left bottom no-repeat;
}

#index .cartouche h2 span{
	display : block;
	float: left;
	height: 30px;
	line-height: 30px;
	color: #FFF;
}

#index .cartouche h2 span.gauche{
	padding-left: 10px;
	background: url(../IMG/structure/cart_accueil_titre_gauche.png) left top no-repeat;
}

#index .cartouche h2 span.droite{
	padding-right: 10px;
	background: url(../IMG/structure/cart_accueil_titre_droite.png) right top no-repeat;
}


#index .cartouche-contenu{
	margin-top: -20px;
	padding: 0px 10px 0px 10px;
}

#index .cartouche-contenu .spip_logos{
	float: left;
	margin: 0px 10px 15px 0px;
}

#index #vache-du-mois-gauche .texte-article img,
#index #vache-du-mois-droite .texte-article img{
	float: right;
	margin: 0px 0px 15px 10px;
}

#index #vache-du-mois-gauche .texte-article a,
#index #vache-du-mois-droite .texte-article a{
	text-decoration: none;
	color: #333;
}

#index #index-links{
	width: 698px;
	margin: 5px auto 0 auto;
	text-align: left;
	color: #999;
}

#index #index-links a{
	color: #999;
}

/* --------------------------------------------------------------------------- produits */
/* mosa�que */
#produits .categorie-produit{
	float: left;
	display: inline;
	width: 222px;
	height: 240px;
	text-align: center;
	
}

#produits #article-12{
	margin-left: 120px;
}

#produits .categorie-produit h2{
	height: 40px;
	line-height: 40px;
	margin-bottom: 0px;
}

#produits ul#images-article{
	float: left;
	margin-bottom: 10px;
}

#produits ul#images-article li{
	float: left;
	width: 226px;
	text-align: center;
}

#produits ul#images-article li a{
	display: block;
	color: #858585;
	font-weight: bold;
	text-decoration: none;
}

#produits ul#images-article li a span{
	display: block;
}

#produits .contenu-article{
	clear: both;
}

#produits #lien-retour{
	clear: both;
}

/* ---------------------------------------------------------------------- popup-article */
body#popup-article{
	padding: 10px;
	text-align: left;
}

/* -------------------------------------------------------------------- qui-sommes-nous */
#qui-sommes-nous #v-spacer{
	height: 520px;
}

#qui-sommes-nous h2{
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 1px;
	height: 24px;
}

#qui-sommes-nous #milieu #conteneur-onglets{
	float: left;
	position: relative;
	width: 660px;
	height: 50px;
	padding-left: 10px;
	background: url(../IMG/structure/onglet_qui_haut.png) left bottom no-repeat;
}

#qui-sommes-nous .contenu-onglet{
	display: none; /* �vite un effet de clignotement au chargement -> l'onglet actif est ensuite affich� */
	position: absolute;
	left: 0px;
	top: 35px;
	width: 650px;
	height: 450px;
	padding: 10px;
	background: url(../IMG/structure/onglet_qui_bas.png) left bottom no-repeat;
}

#qui-sommes-nous h2 *{
	display: block;
	float: left;
	height: 24px;
	line-height: 24px;
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
}

#qui-sommes-nous h2.off a,
#qui-sommes-nous h2 a{
	padding-left: 10px;
	background-image: url(../IMG/structure/onglet_qui_bg.png);
	background-position: left -58px;
}

#qui-sommes-nous h2.off span,
#qui-sommes-nous h2 span{
	padding-right: 10px;
	background-image: url(../IMG/structure/onglet_qui_bg.png);
	background-position: right -58px;
}

#qui-sommes-nous h2 a:hover,
#qui-sommes-nous h2.en-cours a{
	background-position: 0px 0px;
}

#qui-sommes-nous h2 a:hover span,
#qui-sommes-nous h2.en-cours span{
	background-position: right 0px;
}

#qui-sommes-nous #onglet-rubrique-9 .contenu-article{
	float: left;
	width: 120px;
	height: 100px;
	margin: 0px 10px 10px 0px;
	position: relative;
	text-align: center;
	background-color: #FFF;
}

#qui-sommes-nous #onglet-rubrique-9 .contenu-article img{
	position: absolute;
	top: 0px;
	left: 0px;
}

#qui-sommes-nous #onglet-rubrique-9 .contenu-article h3{
	display: block;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 4px;
	text-align: center;
}

/* popup-vache */
body#vache{
	
}

body#vache .contenu-article{
	float: none;
	width: 500px;
	margin: 10px auto 0px auto;
	padding: 0px;
	text-align: center;
}

body#vache .contenu-article p{
	margin: 0px 0px 10px 0px;
}


/* ------------------------------------------------------------------------ convictions */
#convictions h2#authentique{
	background: url(../IMG/structure/authentique.jpg) left top no-repeat;
}

#convictions h2#naturel{
	background: url(../IMG/structure/naturel.jpg) left top no-repeat;
}

#convictions h2#ethique{
	background: url(../IMG/structure/ethique.jpg) left top no-repeat;
}

#convictions #milieu{
	
}

#convictions #article-intro{
	padding: 0px 10px 10px 10px;
}

#convictions #article-intro .texte-article{
	padding-left: 15px;
}

#convictions #article-intro .lien-detail{
	padding-left: 15px;
	text-align
}

/* mosa�que */
#convictions .categorie-convictions{
	float: left;
	width: 186px;
	padding: 0px 20px 0px 20px;
	text-align: center;
}

#convictions .categorie-convictions h2{
	margin: 0px auto 0px auto;
	width: 185px;
	height: 48px;
	margin-bottom: 20px;
}

#convictions .categorie-convictions h2 span{
	display: none;
}

#convictions .categorie-convictions .descriptif-article{
	text-align: left;
	height: 170px;
	padding-left: 10px;
}

#convictions .categorie-convictions .lien-detail a{
	color: #1CCFE3;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}

/* d�tail cat�gorie */
#convictions #contenu-article{
	clear: left;
	padding-left: 10px;
}

/* ---------------------------------------------------------------------------- contact */
.formulaire_contact{
	float: left;
	width: 500px;
	margin-left: 10px;
}

.formulaire_contact fieldset{
	border: none;
}

.formulaire_contact fieldset legend{
	display: none;
}

.formulaire_contact .reponse_formulaire{
	float: left;
}

.formulaire_contact form{
	clear: left;
}
  
.formulaire_contact p{
	float: left;
	clear: left;
	width: 100%;
}

.formulaire_contact p label{
	float: left;
}

.formulaire_contact p input,
.formulaire_contact p textarea{
	float: right;
}

.formulaire_contact .spip_bouton{
	clear: both;
	width: 500px;
	float: left;
	text-align: right;
}

/* pr�visualisation */
.formulaire_contact .previsu{
	border: 1px solid #CCC;
	padding: 4px;
	margin: 4px 4px 15px 4px;
	background: #EEE;
}

.formulaire_contact .previsu legend{
	display: block;
	font-weight: bold;	
}

.formulaire_contact .previsu em,
.formulaire_contact .previsu strong,
.formulaire_contact .previsu p{
	float: left;
	clear: left;
}

/* r�ponse "message en voy�" */
.formulaire_contact .reponse_formulaire{
	border: none;
	font-weight: bold;
}

.formulaire_contact .reponse_formulaire legend{
	display: none;
}


/* ------------------------------------------------------------------------- invitation */
#invitation .contenu-article{
	float: left;
}

#invitation #vignettes-lots{
	float: left;
	width: 140px;
	text-align: center;
}

#invitation #vignettes-lots li{
	margin-bottom: 10px;
}

#invitation #vignettes-lots span{
	display: block;
}

#invitation .contenu-article{
	width: 525px;
	margin-bottom: 0px;
}

#invitation #frm-code-production{
	margin-left: 20px;
	display: inline;
	width: 505px;
}


#invitation #frm-code-production .barre-boutons #btn-ok{
	width: 36px;
	height: 24px;
	background: url(../IMG/structure/meuh.gif) left top no-repeat;
	border: none;
}



/* ------------------------------------------------------------------------ inscription */
#inscription #frm-client{
	margin-left: 15px;
	display: inline;
}

#inscription #frm-client .barre-boutons #btn-ok{
	width: 36px;
	height: 24px;
	background: url(../IMG/structure/meuh.gif) left top no-repeat;
	border: none;
}

/* --------------------------------------------------------------------- identification */
body#identification #frm-identification{
	margin-left: 20px;
	display: inline;
}

/* --------------------------------------------------------------------------- password */
body#password #user-msg,
body#password #frm-password{
	margin-left: 20px;
	display: inline;
}

body#password #user-msg{
	float: left;
	clear: left;
	font-weight: bold;
}

body#password #frm-password .barre-boutons input{
	width: 200px !important;
}

/* ------------------------------------------------------------------------------- blog */
#blog .auteur-article{
	color: #687104;
	padding-left: 10px;
}

#blog .contenu-article,
#blog .commentaires-article{
	float: left;
	clear: left;
	display: inline;
}

#blog .contenu-article{
	width: 657px;
	padding-left: 10px;
}

#blog .lien-lire{
	text-align: right;
	margin-bottom: 10px;	
}


#blog .commentaires-article{
	width: 640px;
	margin: 0px 0px 5px 10px;
	padding: 8px;
	border: 1px solid #DDD;
}

#blog .commentaires-article h4{
	padding-left: 10px;
}

#blog .commentaires-article .infos-commentaire{
	padding-left: 10px;
	color: #687104;
}

#blog .commentaires-article .contenu-commentaire{
	padding-left: 15px;
	margin: 0px 0px 0px 0px;
}

/* formulaire forum */
#blog .formulaire_forum{
	clear: left;
	margin-left: 15px;
}

#blog .formulaire_forum fieldset{
	margin: 0px 0px 10px 0px;
	padding: 5px;
	border: 1px solid #687104;
}

#blog .formulaire_forum fieldset legend{
	font-weight: bold;
}

#blog #pagination{
	text-align: right;
}

#sondage{
	width: 450px;
}

#sondage .spip_encadrer{
	width: 450px;
}

#sondage .spip_encadrer p{
	margin: 5px 0px 5px 10px !important;
}

#sondage .spip_encadrer .spip_bouton{
	margin: 0px 0px 0px 5px !important;
	width: 100px;
}

/* ------------------------------------------------------------------------ popup-image */
body#popup-image{
	padding: 5px;
	text-align: left;
}

body#popup-image .contenu-article p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

/* ------------------------------------------------------------------------------- plan */
body#plan .rubrique{
	margin-left: 10px;
}

body#plan .article{
	margin-left: 10px;
}