* {padding:0; margin:0; background-repeat:no-repeat;}
ul {list-style:none;}
a {text-decoration:none; color:#3b6d14;}
a img {border:0;}
body {background-image:url(images/background.png);background-repeat:repeat-x;background-color:#999; font-family:Arial; font-size:14px; color:#000000;}

#cadre {width:1100px; margin:0 auto;}



#header {background-image:url(images/header.png); width:1100px; height:176px;}
.Logo{ width:227px; height:63px; padding-top:38px; padding-left:77px; float:left}
.border0{ border:0px;}

.vente_produit{ font-family:Arial; font-weight:bold; font-size:16px; color:#000000; width:70px; height:60px; margin-left:935px; padding-top:45px; text-align:center;}
.Txt_vente{ display:block; }
.magasin_ouvert{ font-family:Arial; font-weight:bold; font-size:15px; color:#000000;height:17px; padding-top:15px; text-align:center;}
.heurs{ font-family:Arial; font-weight:bold; font-size:15px; color:#000000;text-align:center; padding-top:5px;}

h1{ font-family:Arial; font-weight:bold; font-size:18px; color:#99cc33; padding-bottom:3px;margin-bottom:12px;}
h2{  font-family:Arial; font-weight:bold; font-size:14px; color:#000000; padding-bottom:3px;margin-bottom:5px;} 
.Liens{ font-size:14px; font-family:Arial; color:#3b6d14;}

/**** MENU ****/

#menu { width:1051px; padding-left:49px; text-align:center; background-image:url(images/menu.png); background-repeat:repeat-x; height:39px;}
#menu ul{  text-align:center; height:39px;}
#menu ul li{float:left;}
#menu  li a{ height:39px;}
#menu  .selected { font-weight:bold; }
#menu  .selected a { font-weight:bold; color:#996699; font-size:12px;}
#menu  a { color:#ffffff; font-weight:bold; font-size:12px; font-family: "Lucida Sans";  }
#menu  a:hover	{ font-weight:bold; color:#996699; font-size:12px;}

li#index a{ display:block; width:142px; height:39px; background-image:url(images/btAccueil.png); background-repeat:no-repeat;}
li#index a#selected{ display:block; width:142px; height:39px; background-image:url(images/btAccueil_over.png); background-repeat:no-repeat;}
li#index a:hover{ display:block; width:142px; height:39px; background-image:url(images/btAccueil_over.png); background-repeat:no-repeat;}

li#engagements a{ display:block; width:219px; height:39px; background-image:url(images/btNosengagements.png); background-repeat:no-repeat;}
li#engagements a#selected{ display:block; width:219px; height:39px; background-image:url(images/btNosengagements_over.png); background-repeat:no-repeat;}
li#engagements a:hover{ display:block; width:219px; height:39px; background-image:url(images/btNosengagements_over.png); background-repeat:no-repeat;}

li#evenements a{ display:block; width:167px; height:39px; background-image:url(images/btEvenements.png); background-repeat:no-repeat;}
li#evenements a#selected{ display:block; width:167px; height:39px; background-image:url(images/btEvenements_over.png); background-repeat:no-repeat;}
li#evenements a:hover{ display:block; width:167px; height:39px; background-image:url(images/btEvenements_over.png); background-repeat:no-repeat;}

li#produits a{ display:block; width:132px; height:39px; background-image:url(images/btProduits.png); background-repeat:no-repeat;}
li#produits a#selected{ display:block; width:132px; height:39px; background-image:url(images/btProduits_over.png); background-repeat:no-repeat;}
li#produits a:hover{ display:block; width:132px; height:39px; background-image:url(images/btProduits_over.png); background-repeat:no-repeat;}

li#photos a{ display:block; width:190px; height:39px; background-image:url(images/btGaleriephotos.png); background-repeat:no-repeat;}
li#photos a#selected{ display:block; width:190px; height:39px; background-image:url(images/btGaleriephotos_over.png); background-repeat:no-repeat;}
li#photos a:hover{ display:block; width:190px; height:39px; background-image:url(images/btGaleriephotos_over.png); background-repeat:no-repeat;}

li#contact a{ display:block; width:150px; height:39px; background-image:url(images/btContact.png); background-repeat:no-repeat;}
li#contact a#selected{ display:block; width:150px; height:39px; background-image:url(images/btContact_over.png); background-repeat:no-repeat;}
li#contact a:hover{ display:block; width:150px; height:39px; background-image:url(images/btContact_over.png); background-repeat:no-repeat;}




/**** DEB MOD NEWS ****/
.BlocNews{  width:224px; margin-top:35px;}
#news {width:224px; background-image:url(images/blocnews_mid.png); background-repeat:repeat-y;font-family:Arial; font-size:10px; color:#000000;}
.News_top{ background-image: url(images/blocnews_top.png); background-repeat:no-repeat; height:62px; width:224px; font-family:Verdana; font-weight:bold; font-size:16px; color:#FFFFFF; }
.News_bot{background-image: url(images/blocnews_bot.png); background-repeat:no-repeat; height:23px; width:224px;}

#news a {text-decoration:none;}
#news .bloc { width:184px; padding-left:20px; padding-right:20px;}
#news .bloc .titre {font-size:13px;font-weight:bold;padding:5px 0}
#news .bloc .date {font-family:Arial;font-size:12px; font-weight:bold; color:#333333; padding-bottom:3px; padding-top:10px;}
#news .bloc .texte {font-size:12px;font-family:Arial; color:#333333; padding-top:5px; padding-bottom:5px;}
#news .bloc .texte a.suite{display:block;height:10px;width:100%;color:#336600; font-family:Arial; font-size:10px; text-align:left;text-decoration:underline;}
#news .bloc .texte a.suite:hover{display:block;height:10px;width:100%; color:#336600; font-family:Arial; font-size:10px; text-align:left; text-decoration:underline;	}

/**** FIN MOD NEWS ****/

/**** CONTENU ****/
#contenu { background-image:url(images/fond-du-site.png); background-color:#FFFFFF; width:1100px; min-height:546px;}
.Content{ width:600px; float:left;}
#contenu .center{text-align:center;}
.Bloc_gauche { float:left; width:224px; padding-top:45px; padding-bottom:40px; margin-left:78px;}
.Bloc_droite { float:left; width:600px; padding-top:80px; padding-bottom:20px; margin-left:92px; }

#contenu ul li{margin-left:20px;}
#contenu li {background-image:url(images/puce.png);background-repeat:no-repeat;height:9px;padding-left:26px; padding-bottom:10px;}
#contenu p { padding-bottom:5px;}
#contenu ul{ padding-bottom:8px;}

.Clear{ clear:both;}
/*** formulaires de contact ***/
.BlocContact{ background-image:url(images/bloccontact.png); background-repeat:no-repeat; width:224px; height:191px;}
.TextContact { width:160px; height:80px; text-align:center; margin-left:32px; padding-top:70px; font-family:Arial; color:#000000; font-weight:bold;}
.Adresse15 { font-size:15px; font-family:Arial; color:#000000; font-weight:bold; width:100%; display:block;}
.Adresse { font-size:13px; font-family:Arial; color:#000000; font-weight:bold; width:100%; display:block;}
.TextContact a { font-size:12px; font-family:Arial; color:#000000; font-weight:bold;  width:100%;}


/* message d'erreur et d'information */
/* positionnement de l'icone */
.contact .formulaire p.info, .contact .formulaire p.alerte{background-repeat:no-repeat; background-position:left center; text-indent:20px;}
/* choix de l'icone + couleur contour information */
.contact .formulaire p.info{background-image:url(images/information.png); border:1px solid #69c;}
/* choix de l'icone + couleur contour erreur */
.contact .formulaire p.alerte{background-image:url(images/warning.png); border:1px solid #F00;}


/* formulaire */
.contact .formulaire{float:left; width:100%; text-align:left; color:#483027;}
.contact .formulaire  p{padding: .2em 0; margin: 0 0 .2em 0;}
/* mise en forme label */
.contact .formulaire label {float: left; width: 125px; text-align: right; margin: 0; padding: 0 .5em 0 0; line-height: 1.6;}
.contact .formulaire label:hover, .contact .formulaire input {cursor: pointer;}
.contact .formulaire label.haut {width:100%;text-align:left;}
/* mise en forme champs */
.contact .formulaire input{width:390px; height:1.2em; border:1px solid #999;}
.contact .formulaire input.imgBouton{background-image:url(images/btEnvoyer.png); width:94px; height:25px; border:0;}
.contact .formulaire textarea{width:390px; border:1px solid #999; height:40px;}
.contact .formulaire .radio{margin:0 5px 0 10px; padding:0; border:0; width:20px;}
.contact .formulaire select{width:392px; border:1px solid #999;}
/* mise en forme legende / info champs */
.contact .formulaire .legende {font-style : italic;}
/* mise en forme champs obligatoires */
.contact .formulaire label.oblig {font-weight: bold;}
.contact .formulaire label.oblig:before {content:"* ";}
/* décoration lien pour google maps */
a.googlemaps:after{content:" " url(images/googlemaps.png);}



/************ plan d'acces ************/
/* définir hauteur et largeur du plan */
#map {width:500px; height:350px;}


/******** mentions légales *********/
#col1 #contenu p.center{text-align:center}


/*** pied de page (solixis + mentions) ***/
#footer{color:#FFFFFF;clear:both;text-align:left; background-image:url(images/footer.png); background-repeat: repeat-x; height:29px; width:1100px; margin:auto; font-family:Arial; font-size:11px; font-weight:bold;  padding-top:10px; margin-bottom:15px;}
#footer a{color:#FFFFFF;text-decoration:none; font-size:13px; font-weight:bold}
#footer a:hover{text-decoration:underline;font-size:13px; font-weight:bold;color:#FFFFFF;}

.FooterLIEN{float:left; width:515px; padding-right:10px; text-align:right}
.FooterSOLIXIS{float:left; width:390px; padding-left:90px;}

.baseline {
	font-size: 10px;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	}