/*
beige : #bd8c65
marron : #403020
orange : #ff7b0f
vert : #cedc2e
-moz-border-radius
*/


/*GLOBAL*/
*{
    margin: 0;
    padding: 0;
}

body{
    scrollbar-face-color: #403020;
    scrollbar-shadow-color: black;
    scrollbar-highlight-color: #bd8c65;
    scrollbar-3dlight-color: #403020;
    scrollbar-darkshadow-color: black;
    scrollbar-track-color: #bd8c65;
    scrollbar-arrow-color: #bd8c65;
   
    background-color: black;
    color: #bd8c65;
    font-family: "trebuchet MS", "Comic Sans MS", Arial, "Times New Roman", serif;
    font-size : 13px;
}

#page{
    width: 980px;
    margin: auto;
    background-color: #403020;
	margin-bottom: 5px;
}

a{
    color: #ff7b0f;
	text-decoration: none;
}

a:hover{text-decoration: underline;}

a img{border: none;}                   /*pour retirer les bordures des images cliquables*/

strong{font-weight: normal;}


/*BANNIERE*/
h1{text-indent: -50000px;}
 
#en_tete1{
	background: url("/informations/img/banniere.gif") no-repeat;
	height: 136px;
}

#en_tete1_english{
	background: url("/informations/img/banniereen.gif") no-repeat;
	height: 136px;
}


/*ONGLETS*/
#en_tete2
{
    border-bottom : 2px solid #bd8c65;
	background-color: black;
	height: 35px;
}

#onglets{
	width: 254px;
	position: absolute;
	top: 141px;
	font-size: 18px;
	list-style-type: none;
	left: 50%;
	margin-left: -116px;
}

#onglets li{
    float: left;
	height: 31px;                   /* � modifier suivant la taille de la police pour centrer le texte dans l'onglet */ 
    padding: 0 5px 0 5px;
	margin-top: 1px !important;
	margin-top: 2px;               /* Pour IE */
	text-align:center;
}

#onglets li.active{
	margin-right: 2px;
	border-bottom: 2px solid #403020;
	background-image: url("/informations/img/onglet_actif.gif");
	width: 105px;
}

#onglets li.noactive{
	padding-top: 2px;
	background: url('/informations/img/onglet_noactif.gif') no-repeat;
	width: 101px;
	height: 31px;
}

#onglets a{
    display: block;
    color: #403020;
    text-decoration: none;
	padding: 3px 0;
}

#onglets li.active a{
    color: #bd8c65;
}

#onglets li.noactive:hover{
    background-image: url('/informations/img/onglet_hover.gif');
}

#langues{
    float:right;
	margin: 18px 4px 0 0;
}

#langues a img{
border: none;
opacity : 0.5;
-moz-opacity :0.5;
-ms-filter: "alpha(opacity=50)";     /* IE 8 */
 filter : alpha(opacity=50);         /* IE < 8 */
}

#langues a:hover img{
opacity:1;
-moz-opacity :1;
-ms-filter: "alpha(opacity=100)";   /* IE 8 */
 filter : alpha(opacity=100);       /* IE < 8 */
}


/*MENU*/
#menu{
   float: left;
   font-size: 22px;
}

#menu ul{
    list-style-type: none;
}

#menu_home{
    background: url('/informations/img/home.gif') no-repeat;
	width: 155px;
}

#menu_home:hover{
    background-image: url('/informations/img/homebeige.gif');
	width: 155px;
}

#menu_graines{
    background: url('/informations/img/graines.gif') no-repeat;
	margin-top: 5px;
	width: 209px;
}

#menu_graines:hover, #menu_graines_actif{
    background-image: url('/informations/img/grainesbeige.gif');
	margin-top: 5px;
	width: 209px;
}

#menu_sesame{
    background-image: url('/informations/img/sesame.gif');
	margin-top: 5px;
	width: 226px;
}

#menu_sesame:hover, #menu_sesame_actif{
    background-image: url('/informations/img/sesamevert.gif');
	margin-top: 5px;
	width: 226px;
}

#menu_tournesol{
    background-image: url('/informations/img/tournesol.gif');
	margin-top: 5px;
	width: 236px;
}

#menu_tournesol:hover, #menu_tournesol_actif{
    background-image: url('/informations/img/tournesoljaune.gif');
	margin-top: 5px;
	width: 236px;
}

#menu_courge{
    background: url('/informations/img/courge.gif') no-repeat;
	margin-top: 5px;
	width: 244px;
}

#menu_courge:hover, #menu_courge_actif{
    background-image: url('/informations/img/courgeorange.gif');
	margin-top: 5px;
	width: 243px;
}

#menu_chanvre{
    background-image: url('/informations/img/chanvre.gif');
	margin-top: 5px;
	width: 244px;
}

#menu_chanvre:hover, #menu_chanvre_actif{
    background-image: url('/informations/img/chanvrebleu.gif');
	margin-top: 5px;
	width: 244px;
}

#menu_algues{
    background: url('/informations/img/lin.gif') no-repeat;
	margin-top: 5px;
	width: 244px;
}

#menu_algues:hover, #menu_algues_actif{
    background-image: url('/informations/img/linviolet.gif');
	margin-top: 5px;
	width: 243px;
}

#menu_broye{
    background-image: url('/informations/img/broye.gif');
	margin-top: 5px;
	width: 238px;
}

#menu_broye:hover, #menu_broye_actif{
    background-image: url('/informations/img/broyebeige.gif');
	margin-top: 5px;
	width: 238px;
}

#menu_musique{
    background-image: url('/informations/img/musique.gif');
	margin-top: 5px;
	width: 215px;
}

#menu_musique:hover, #menu_musique_actif{
    background-image: url('/informations/img/musiquebeige.gif');
	margin-top: 5px;
	width: 215px;
}

#menu_soleil{
    background-image: url('/informations/img/soleil.gif');
	margin-top: 5px;
	width: 173px;
}

#menu_soleil:hover, #menu_soleil_actif{
    background-image: url('/informations/img/soleilbeige.gif');
	margin-top: 5px;
	width: 173px;
}

#menu a{
    display: block;	
	color: #403020;
	text-decoration: none;
}

#menu a:active, #menu a:focus {text-decoration: underline;}

#menu_home a {height: 64px;}

#menu_sesame a, #menu_tournesol a, #menu_courge a, #menu_chanvre a, #menu_algues a, #menu_sesame_actif a, #menu_tournesol_actif a, #menu_courge_actif a, #menu_chanvre_actif a, #menu_algues_actif a{
    height: 32px;
    padding: 5px 0 0 41px;
}

#menu_graines a, #menu_broye a, #menu_musique a, #menu_graines_actif a, #menu_broye_actif a, #menu_musique_actif a{
    height: 64px;
    padding: 10px 0 0 41px;
}

#menu_soleil a, #menu_soleil_actif a{
    height: 80px;
    padding: 10px 0 0 41px;
}


/*CORPS*/
#hautcorps{height: 20px;}

h2{
	text-align: center;
	margin: 0 20px 18px 259px;
	border: 2px solid;
	width: 694px;
	-moz-border-radius : 8px;	
}

#corps{
    height: 458px;
	overflow: auto;
}

#corps p, #corps h3{
	margin: 0 30px 14px 12px;
	text-align: justify;
	line-height:18px;
}

#corps h3{text-decoration:underline;}

#corps #facebook {
margin-top:10px;
float:right
}

#corps #facebook p {
text-align:right;
padding-right:35px;
padding-top:9px;
font-size:14px;
}

#corps #facebook img{
float: right;
margin-right: 25px;
}

#corps h4{text-align: center;}

#corps .image_droite{
    float: right;
	margin: 0 29px;	
}

.satinfo{
width:227px;
padding-top:17px;
font-size:14px;
}

#corps .image_droite2{
    float: right;
	margin: 5px 20px 5px 10px;	
}

#corps .image_gauche, #corps .image_gauche2, #corps .image_gauche3, #corps .image_gauche4, #corps .image_gauche5, #corps .image_gauche6, #corps .image_gauche7{float:left;}

#corps .image_gauche{margin: 3px 15px 10px 15px;}                 /*pour accueil, graines germ�es*/

#corps .image_gauche2{margin: 6px 15px 5px 0;}                    /*pour s�same*/

#corps .image_gauche3{margin: 0 10px 0 5px;}                      /*pour tournesol, soleils*/

#corps .image_gauche4{margin: 8px 15px 8px 5px;}                  /*pour meule de peirre*/

#corps .image_gauche5{margin: 15px 15px 25px 5px;}                /*pour algues*/

#corps .image_gauche6{margin-right: 15px;}                        /*pour chanvre, courge*/

#corps .image_gauche7{margin: 0 15px 3px 12px;}                   /*pour musique*/

/*page accueil*/
#bio{
margin: 8px 0 0 75px;
float: left;
width:350px;
}
#bio img{
float:left;
margin-right:9px;
}


/*pages graines : s�same, tournesol...algues*/
#corps .p_bas{
margin-top:20px
}

#corps .p_bas .texte_bas{
width:568px;
height:250px;
float:left;
}



#commander_sesame, #commander_tournesol, #commander_courge, #commander_chanvre{
	float: right;
	margin-right: 23px;
}

#commander_sesame{margin-top: 54px;}

#commander_tournesol{margin-top: 26px;}

#commander_courge{margin-top: 72px;}

#commander_chanvre{margin-top: 72px;}

h5{
	padding-top: 2px;
	text-align:center;
	font-size: 11px;
}

#corps .commander_marin{
    margin: 5px 18px 0 18px;
	float: right
	}

#corps .commander_marin2{
    margin: 5px 70px 0 15px;
	float: right
	}

#corps ul{padding: 0 0 10px 30px;}

/*page musique*/
#musique p{
line-height:17px;
margin: 5px;}

#colonne_droite{
    margin : 0 15px 5px 15px;
    width: 174px;
    float : right;
}

#musique{
border: 2px solid;
-moz-border-radius: 10px;
padding: 3px 5px;
margin-bottom: 25px;
}

#corps #titre_musique, #corps #texte_musique{font-size: 12px;}

#player{
text-align: center;
margin: 5px 0;
}

/*page "contactez-nous"*/
#corps ul#contact{
    text-align: center;
	font-size:14px;
}

#corps ul#contact li{
margin: 10px;
list-style-type:none;
}

#corps .joindre{font-weight: bold;}

#corps .center{text-align:center;}

#corps .image_centre {text-align:center;} 

#corps .image_centre img {
margin-top: 25px;}

/*page "lien"*/
.liens{margin-bottom:0px !important;}


/*POTS*/
#pots{
     height: 70px;
	 padding: 5px 20px 4px 0;
	 float: right;
}

#pots a{
    display: block; 
	height: 70px;
}

#sesame, #tournesol, #courge, #chanvre, #lin{
    background: url('/informations/img/potorange.gif') no-repeat;
    width: 57px;
    float: right;
    margin-left: 6px;
}

#sesame_actif, #tournesol_actif, #courge_actif, #chanvre_actif, #lin_actif{
    width: 57px;
    float: right;
    margin-left: 6px;
}

#sesame a:hover, #sesame_actif{background-image:url('/informations/img/potsesame.gif');}

#tournesol a:hover, #tournesol_actif{background-image:url('/informations/img/pottournesol.gif');}

#courge a:hover, #courge_actif {background-image:url('/informations/img/potcourge.gif');}

#chanvre a:hover, #chanvre_actif {background-image: url('/informations/img/potchanvre.gif');}

#lin a:hover, #lin_actif {background-image: url('/informations/img/potlin.gif');}


/*PIED DE PAGE*/
#pied_de_page{
    clear: right;
	border-top: 1px dotted;
    text-align: center;
}


/*
#pied_de_page ul{            Activer pour centrer avec le corps de la page ou desactiver pour centre avec la page
    width: 736px; 
	margin-left : 244px;
	padding: 0.3em 0
}
*/

#pied_de_page li{
    display: inline;
	font-size: 11px;
}

#pied_de_page .suivants{
    border-left: 1px solid #bd8c65;
	padding-left: 5px;
}

#pied_de_page a{ 
	color: #ff7b0f;
	text-decoration: none;
}

#pied_de_page a:hover{
    text-decoration: underline;
}

#pied_de_page a:active{
   color: #bd8c65;
}

#frise{
	height: 73px;
	background-image: url('/informations/img/baspage.gif');
}