/* CSS Document */

/* common
--------------------------------------------------*/

body {
	background-color:#6DB362;
	font: 1.0em verdana, arial, sans-serif;
	color: #424242;
	font-weight: normal;
	background-image: url(images/bg.png);
}
.clear{
	clear:both;
}

* {margin:0;padding: 0;}
ul {margin:0; padding:0;}
li {margin:0; padding:0;}
.center, .judacontent p.center{ text-align:center; }

#conteneur {
border: 0px solid black;
	position: absolute;
	width: 1009px;
	background-image: url(images/fondpano.png);
	background-repeat: repeat-y;
	left: 50%;
	margin-left: -505px;
}



#logo {
	border:0px solid red;
	background-image: url(images/logomvng.png);
	background-repeat: no-repeat;
	width:949px;
	height: 180px;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
}

#vegetation {
	border:0px solid red;
	position: absolute;
	top:0;
	right: -104px;
	background-image: url(images/vege.png);
	width: 164px;
	height: 312px;
}
#pagename {
	z-index:20;
	border:0px solid black;
	visibility: visible;
	position:absolute;
	left: 824px;
}
#pagename a {
	background-image:none;
	width:151px;
	height:132px;
}

.devis {
	right:61px;
	top:10px;
	width:151px;
	height:132px;
	background-image: url(images/devistel.png);
	background-repeat: no-repeat;
}
.renseignements {
	right:61px;
	top:10px;
	width:151px;
	height:132px;
	background-image: url(images/info.png);
	background-repeat: no-repeat;
}

#ombre {
border:0px solid yellow;
	background-image: url(images/opanob.png);
	width:1009px;
	height: 120px;
	position: relative;
	bottom: -80px;
	background-repeat: no-repeat;
}
#footer {
	border: 0px solid red;
	position: relative;
	bottom:-15px;
	left: 60px;
	height: 15px;
	width: 889px;
}


/* links
--------------------------------------------------*/


a, a:link, a:visited {
	color: #6A6A6A;
	text-decoration: none;
	line-height: 1em;
	display: inline;
	background-image: none;
}

a:hover {
	color: #80FF00; 
	text-decoration:underline; 
}
.lienmenu{
	color:#9EFF3E
}
.invisible  {
	text-indent: -5000px;
	display: none;
}
#back a {
	border: 0px solid red;

	width:330px;
	height: 87px;
	display: block;
	background-image: none;
}
#back a:active, a:focus {
      outline: none;
}

#flags a {
	border:0px solid lime;
	text-decoration: none;
	border-right: 0px solid #fff;
	background-image: none;
	height: 18px;
	width: 22px;
}
.fr {background-image: url(images/fr.png);}
.en {background-image: url(images/en.png);}
.ru {background-image: url(images/ru.png);}



#plusbox a, a:link, a:visited {
	background-image: none;
	display:inline;
	color: FFF;
	text-decoration: underline;
	font-size: 1em;
	font: Geneva, Arial, Helvetica, sans-serif;
}
#plusbox a:hover {
	background-image: none;
	display:inline;
	color: #80FF00;
	text-decoration:none;
}

#postit a, a:link, a:visited {
	border: 0px solid red;
	display: block;
	width:189px;
	height: 115px;
	background-image: url(images/postit.png);
}
#postit a:hover {
	border: 0px solid red;
	display: block;
	width:189px;
	height: 115px;
	background-image: url(images/postit.png);
}
#postit a:active, a:focus {
      outline: none;
}

.clickable {
	border-bottom:1px dotted #DCDBC0;
	margin:0;
}

#rac .clickable a, a:link, a:visited {
	display: block;
	font-size:1em;
	text-align:right;
	color: #FFFFFF;
	text-decoration: none;
	border: none;
	width:195px;
	background-image: none;
	height:auto;
}
#rac .clickable a:hover {
	color: #FFF;
	text-decoration:none;
	background-color: #509845;	
	width:196px;
	background-image: none;
	height:auto;
}




	
/* -------liens CASES grille------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

#case1 a, a:link, a:visited {
border:0px solid black;
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(images/ligne11.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #333333;
	}
#case1 a:hover {
	display: block;
	background-image: url(images/ligne11.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	color: #FFF;
}
#case1 a:active, a:focus {
      outline: none;
}
#case2 a, a:link, a:visited {
border:0px solid black;
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(images/ligne12.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #333333;
	}
#case2 a:hover {
	display: block;
	background-image: url(images/ligne12.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	color: #FFF;
}
#case2 a:active, a:focus {
      outline: none;
}
#case3 a, a:link, a:visited {
border:0px solid black;
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(images/ligne13.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #333333;
	}
#case3 a:hover {
	display: block;
	background-image: url(images/ligne13.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	color: #FFF;
}
#case3 a:active, a:focus {
      outline: none;
}
#case4 a, a:link, a:visited {
border:0px solid black;
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(images/ligne21.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #333333;
	}
#case4 a:hover {
	display: block;
	background-image: url(images/ligne21.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	color: #FFF;
}
#case4 a:active, a:focus {
      outline: none;
}
#case5 a, a:link, a:visited {
border:0px solid black;
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(images/ligne22.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #333333;
	}
#case5 a:hover {
	display: block;
	background-image: url(images/ligne22.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	color: #FFF;
}
#case5 a:active, a:focus {
      outline: none;
}
#case6 a, a:link, a:visited {
border:0px solid black;
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(images/ligne23.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #333333;
	}
#case6 a:hover {
	display: block;
	background-image: url(images/ligne23.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	color: #FFF;
}
#case6 a:active, a:focus {
      outline: none;
}
#case7 a, a:link, a:visited {
border:0px solid black;
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(images/ligne31.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #333333;
	}
#case7 a:hover {
	display: block;
	background-image: url(images/ligne31.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	color: #FFF;
}
#case7 a:active, a:focus {
      outline: none;
}
#case8 a, a:link, a:visited {
border:0px solid black;
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(images/ligne32.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #333333;
	}
#case8 a:hover {
	display: block;
	background-image: url(images/ligne32.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	color: #FFF;
}
.case8 a:active, a:focus {
      outline: none;
}
#case9 a, a:link, a:visited {
	border:0px solid black;
	display: block;
	width: 130px;
	height: 130px;
	background-image: url(images/ligne33.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #333333;
	}
#case9 a:hover {
	display: block;
	background-image: url(images/ligne33.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	color: #fff;
}
#case9 a:active, a:focus {
      outline: none;
}

#pdf a, a:link, a:visited {
border:0px solid black;
	display: block;
	height: 29px;
	width: 302px;
	background-image: url(images/bouton_pdf.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	}
#pdf a:hover {
	display: block;
	background-image: url(images/bouton_pdf.png);
	background-repeat: no-repeat;
	background-position: 100% -28px;
}
#pdf a:active, a:focus {
      outline: none;
}

#up a, a:link, a:visited {
border:0px solid black;
	display: block;
	width: 81px;
	height: 79px;
	background-image: url(images/up.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	}
#up a:hover {
	display: block;
	background-image: url(images/up.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
#up a:active, a:focus {
      outline: none;
}

/* textes
--------------------------------------------------*/
#rac p {
	font-family:"Times New Roman", Times, serif;
	font-style: normal;
	line-height:1.2em;
	padding: 10px 6px;	
	margin: 1px 0;
	font-weight: normal;
	font-size: 1.1em;
}

#flags ul{
	margin:0px;
	padding: 0;
	border:0px solid red;
}
#flags li{
	border:0px solid red;
	margin-right: 10px;
	padding: 0;
	float: right;
	width: 22px;
	height: 15px;
	list-style-type: none;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background-repeat: no-repeat;
}





#plusbox h1{
border:0px solid red;
	margin: 10px 10px 30px 60px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #9EFF3E;
	font-style: normal;
}
.presta {
	margin: 20px 20px 0 58px;
}
.presta p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	text-align: left;
	margin:.6em 0 0 0;
}
.blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #FFFFFF;
}
.blanc_loca {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #FFFFFF;
}

.blancTimes {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.1em;
	font-weight: normal;
	color: #FFFFFF;
}


.blancitalic {
	color:#FFFFFF;
	font-style: italic;
}
.texteplus p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	text-align: left;
	margin: 7px 20px 0 15px;
	font-style: normal;
}

.titreplus p{
	border:0px solid red;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:2.5em;
	color: #9EFF3E;
	text-align: right;
	line-height: 1em;
}
.judacontent p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	text-align: left;
	margin: 7px 20px 20px 35px;
	font-style: normal;
}

.puce p{
	border:0px solid red;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	color: #9EFF3E;
	text-align: right;
	line-height: 1em;
	margin-top: 0px;
}


.fancybox, .fancybox:hover{
    display:block;
    position:relative;
    background:none;
    width:262px;
    margin:0 auto;
    height:auto;
}

.fancybox:hover img{
    border:1px solid #E5FFE0;
}

.fancybox img{
    padding:5px;
    border:1px solid #B6F2AC;
    cursor:pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(border-radius.htc);
}

.fancybox .zoom_in{
    position:absolute;
    bottom:10px;
    right:10px;
    width:27px;
    height:27px;
    background:url(images/icone_loupe.png) 0 0 no-repeat;
    cursor:pointer;
}


.orange {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #9EFF3E;
	font-weight: normal;
	font-size: 1.4em;
}
.vert {
	color: #9EFF3E;
	font-weight: bold;
	font-size: 1.1em;
}
#footer p{
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
/* boxes
--------------------------------------------------*/

.petit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
font-size: 0.8em;
}
.sup { 
	vertical-align: super; 
	font-size: 50%; 
} 
.titrepage {
border:1px solid red;
	position: relative;
	width:100%;
	height: auto;
	float: left;
	margin: 20px 0 -50px 0px;
	border:0px solid red;
	font: normal 2.5em "Times New Roman", Times, serif;
	color: #7db473;
	text-align: left;
}
.titre_blancitalic {
	color: #fff;
	font: normal 1em/1.7em Verdana, Arial, Helvetica, sans-serif;
}

#design {
	border: 0px solid red;
	height: auto;
	width: 385px;
	float:left;
	/*margin-top: 10px;*/
	margin-left: 10px;

}

.arrondi {  
	padding: 20px 20px; 
	background: #70976e; 
    color: #fff; 
    border: 1px solid #b6f2ac; 
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
    behavior: url(border-radius.htc); 
}
.arrondi p, ol {  
	margin: 15px 0px; 
	font-size:0.8em;
}

.arrondi_lien {  
	padding: 10px 20px 13px 20px; 
	background: #6b8c64; 
    color: #fff; 
    border: 1px solid #b6f2ac; 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    behavior: url(border-radius.htc); 
}
.arrondi_lien p {  
	margin: 15px 0; 
	font-size:0.8em;
}

.arrondi_tr {  
	padding:0px; 
    color: #fff; 
	background: #4c9247; 
    border: 1px solid #b6f2ac; 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    behavior: url(border-radius.htc); 
}
.arrondi_BdNav {
	padding: 5px 20px;
	background-image: url(images/fondBdNav.png);
	color: #fff;
	border: 0px solid #b6f2ac;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	behavior: url(border-radius.htc);
}


#judabox {
border:0px solid black;
	position: relative;
	margin: 50px auto -50px 110px;
	height:auto;
	width:790px;
}


#juda {
	border:0px solid red;
	float:right;
	margin: -30px 15px 8px 0;
	width:232px;
	height:346px;
	background-image: url(images/kompouni.png);
	background-repeat: no-repeat;
}

#boxfooter {
Border: 0px solid red;
height: 2px;
weight:100%;
clear:both;
}

.judacontent {
	height: auto;
	width:auto;
	float: left;
	margin-top:10px;
	margin-left:10px;
}

.judacontent p{
	margin:7px 15px 0 15px;
	padding:0px;
}
.judacontent p a{
	border:0px solid yellow;
	background-image:none;
	height:auto;
	text-decoration:none;
	color:#b6f2ac;
	font-size: 0.8em;
}
.judacontent p a:hover {
	background-image:none;
	text-decoration:underline;
	color:#9EFF3E;
}

#selectbox1 .boutonpersonnaliser {
	border:0px solid black;
	position: relative;
	width: 260px;
	height: 37px;
	padding:0;
	margin: 12px auto 0 auto;
	left: 12px;
}
#selectbox1 .boutonpersonnaliser a, a:link, a:visited {
border:0px solid black;
	display: block;
	width: 260px;
	height: 37px;
	background-image: url(images/bouton_personnaliser.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	}
#selectbox1 .boutonpersonnaliser a:hover {
	display: block;
	background-image: url(images/bouton_personnaliser.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
#selectbox1 .boutonpersonnaliser a:active, a:focus {
      outline: none;
}
 .retrait {
 	margin: 10px 30px;
 }

#selectbox1 .location{
    margin:0 auto;
    width:100%;
}
#selectbox1 .location p{
    margin:0;
}
#selectbox1 .location p a{
    display:inline;
    margin:0;
}

 /*  PROMOTION
-----------------------------------------------------
-----------------------------------------------------
-----------------------------------------------*/

#promo-red {
	z-index:50;
	border:0px solid black;
	visibility: visible;
	position:absolute;
	width:229px;
	height: 220px;
	top: 109px;
	left: 716px;
	background-image: url(images/promo-red.png);
	background-repeat: no-repeat;
}
#promo-red a {
	display: block;
	background-image:none;
	width:229px;
	height: 220px;
	outline: none;
}
#promo-bleu {
	z-index:50;
	border:0px solid black;
	visibility: visible;
	position:absolute;
	width:144px;
	height: 144px;
	top: 214px;
	left: 876px;
	background-image: url(images/promo-bleu.png);
	background-repeat: no-repeat;
}
#promo-bleu a {
	display: block;
	background-image:none;
	width:144px;
	height: 144px;
	outline: none;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
#promo-red {
	z-index:50;
	border:0px solid black;
	visibility: visible;
	position:absolute;
	width:229px;
	height: 220px;
	top: 180px;
	left: 830px;
	background-image: url(images/promo-red.png);
	background-repeat: no-repeat;
}
#promo-red a {
	display: block;
	background-image:none;
	width:229px;
	height: 220px;
	outline: none;
}
#promo-bleu {
	z-index:50;
	border:0px solid black;
	visibility: visible;
	position:absolute;
	width:144px;
	height: 144px;
	top: 100px;
	left: 730px;
	background-image: url(images/promo-bleu.png);
	background-repeat: no-repeat;
}
#promo-bleu a {
	display: block;
	background-image:none;
	width:144px;
	height: 144px;
	outline: none;
}
xxxxxxxxxxxxxxxxxxxxxxxxx*/


 
 /*  BOUTIQUE
-----------------------------------------------------
-----------------------------------------------------
-----------------------------------------------*/


#pavebox {
border:0px solid black;
	position: relative;
	margin: 0px auto -50px 370px;
	height:auto;
	width: 530px;
}
.titrepave {
border:3px solid red;
	position: relative;
	width:100%;
	height: auto;
	margin: 20px 0 0px 0px;
	border:0px solid red;
	font: normal 2.5em "Times New Roman", Times, serif;
	color: #7db473;
	text-align: left;
}

#pavebox h1{
border:0px solid red;
	margin: -10px 10px 20px 10px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #9EFF3E;
	font-style: normal;
}
#pave{
padding: 4px 10px;
margin: 15px 0 0 0;
}
#pave p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	text-align: left;
	margin-top: 6px;

}	



#pave ul {
margin-left: 40px;
}
#pave li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFF;
	text-align: left;
	margin-top: 6px;

}	

#pave p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFF;
	text-align: left;
	margin-top: 6px;
	display:inline;
	text-decoration:underline;

}	




.toto {
	margin: 20px 20px 0 10px;
}
.toto p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	text-align: left;
	margin:.6em 0 0 0;
}
#bouton_devis {
	border:0px solid black;
	position: relative;
	height: 34px;
	width: 159px;
	margin: 20px 0 15px 0;
	left: 335px;
}

#bouton_devis a, a:link, a:visited {
border:0px solid black;
	display: block;
	height: 34px;
	width: 159px;
	background-image: url(images/bouton_devis.png);
	background-repeat: no-repeat;
	background-position: 0% -1px;
	}
#bouton_devis a:hover {
	display: block;
	background-image: url(images/bouton_devis.png);
	background-repeat: no-repeat;
	background-position: 0% -34px;
}
#bouton_devis a:active, a:focus {
      outline: none;
}

#bouton_parler {
	border:0px solid black;
	position: relative;
	height: 34px;
	width: 159px;
	margin: 20px 0 15px 0;
	left: 335px;
}

#bouton_parler a, a:link, a:visited {
border:0px solid black;
	display: block;
	height: 34px;
	width: 159px;
	background-image: url(images/bouton_parler.png);
	background-repeat: no-repeat;
	background-position: 0% -1px;
	}
#bouton_parler a:hover {
	display: block;
	background-image: url(images/bouton_parler.png);
	background-repeat: no-repeat;
	background-position: 0% -34px;
}
#bouton_parler a:active, a:focus {
      outline: none;
}


 
 
/*  IDEES RECUES
-----------------------------------------------------
-----------------------------------------------------
-----------------------------------------------*/

#ideebox {
border:0px solid black;
	position: relative;
	margin: 20px auto -50px 290px;
	height:auto;
	width: 580px;
	left: 50px;
}

#idee {
border-bottom:1px dotted #b6f2ac;
	width:100%;
}
 .id_txt {
border:0px solid yellow;
	height: auto;
	width:230px;
	float: right;
	margin:0px 5px 7px 7px;
}
#id_illustr {
border:0px solid red;
	width:331px;
	height: 100px;
	margin:-5px 5px 3px 12px;
}
.mainverte{
	background-image: url(images/idee_illustr_4.png);
}
.humidite{
	background-image: url(images/idee_illustr_1.png);
}
.insectes{
	background-image: url(images/idee_illustr_8.png);
}
.travo{
	background-image: url(images/idee_illustr_2.png);
}
.sombre{
	background-image: url(images/idee_illustr_9.png);
}
 
.entretien{
	background-image: url(images/idee_illustr_7.png);
}
.oxy{
	background-image: url(images/idee_illustr_5.png);
}
.parfait{
	background-image: url(images/idee_illustr_6.png);
}
.lifetime{
	background-image: url(images/idee_illustr_3.png);
}
.soleil{
	background-image: url(images/idee_illustr_9.png);
}
 
 .id_txt p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	text-align: left;
	margin: 0px 10px 0 15px;
	font-style: normal;
}
.id_puce {
border:0px solid red;
	float: left;
	width:50px;
	height: auto;
	margin-top:-10px;
	padding-bottom:3px;
}
.id_puce p{
	border:0px solid red;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:2.4em;
	color: #9EFF3E;
	text-align: right;
	line-height: 1em;
}

.id_titre {
border:0px solid yellow;
	height: auto;
	width:360px;
	float: left;
	margin-top:10px;
}
.id_titre p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #9EFF3E;
	text-align: left;
	margin: 0px 20px 0 15px;
	font-style: normal;
}

.id_bas {
margin-left:-95px;
}


/*
#id_illustr p{
	border:0px solid red;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:3em;
	color: #9EFF3E;
	text-align: right;
	line-height: 1em;
}
 */
 
 
/*  GALERIE
-----------------------------------------------------
-----------------------------------------------------
-----------------------------------------------*/


#galerie {
	border:0px solid yellow;
	position: relative;
	margin: 40px auto -50px 0px;
	height: auto;
	width: 750px;
	left: 120px;
}
.clear {
clear:both;
}
.photocontener {
border:0px solid black;
	position: relative;
	height: auto;
	width: 446px;
	padding:0;
	margin: 10px 0 0px 0;
	float:right;
	clear:both;
}
.photobox {
	border:0px solid red;
	background-image: url(images/ombphotofond.png);
	background-repeat: repeat-y;
	width:446px;
	height:auto;
	margin:0;padding: 0;
}

.boxtop{
border:0px solid lime;
	background-image: url(images/ombphototop.png);
	width: 446px;
	height: 20px; 
	background-repeat: no-repeat;
	margin:0;padding: 0;
}
.boxbottom{
border:0px solid yellow;
	background-image: url(images/ombphotobottom.png);
	width: 446px;
	height: 20px;
	background-repeat: no-repeat;
}

.photo_comment{
	border:0px solid lime;
	position: relative;
	height: auto;
	width: 240px;
	padding:0px;
	margin: 140px 20px 0px 0;
	float:right;
}
.photo_comment_first{
border:0px solid black;
	position: relative;
	height: auto;
	width: 240px;
	padding:0;
	margin: 340px 20px 0px 0;
	float:right;
}
 
/*  FORMULAIRE
-----------------------------------------------------
-----------------------------------------------------
-----------------------------------------------*/


/* bouton JS remplacé par image*/.subm {
     border:none;
     color:#fff;
     background-image: url(images/bouton_envoyer.png);
	 background-position:top left;
     width:92px;
     height:27px;
margin:10px;}


.test a {
	background-image: none;
}

.az {
	border: 0;
	background: transparent;
	font: normal verdana, arial, sans-serif;
	color: #fff;
	/* margin:10px; */
}



/*  POP-UP
-----------------------------------------------------
-----------------------------------------------------
-----------------------------------------------*/


  .arrondi ol a {
	background-image: none;
	height: auto;
	display:inline;
	font: normal .8em Verdana, Arial, Helvetica, sans-serif;
	color:#a4dff7;
	text-decoration:none;
  }
    
	.arrondi ol a:hover {
	 background-image: none;
	 height: auto;
	 display:inline;
	 font: normal .8em Verdana, Arial, Helvetica, sans-serif;
	 color:#9EFF3E;

  } 
  
  #check p a{
border:0px solid yellow;
	background-image:none;
	height:auto;
	text-decoration:none;
	color:#a4dff7;
font-size: 0.9em;
	line-height:1.5em;
}
#check p a:hover{
	background-image:none;
	text-decoration:none;
	color:#9EFF3E;
}


#loca a{
	border:0px solid yellow;
	background-image:none;
	height:auto;
	text-decoration:none;
	color:#ADE1F8;
	font-size: 0.9em;
	line-height:1.5em;
}
#loca a:hover{
	background-image:none;
	text-decoration:none;
	color:#9EFF3E;
}
.judacontent p a{
border:0px solid yellow;
	background-image:none;
	height:auto;
	text-decoration:none;
	color:#c1e8f8;
font-size: 0.9em;
	line-height:1.5em;
}
.judacontent p a:hover{
	background-image:none;
	text-decoration:none;
	color:#9EFF3E;
}

   a.bulle {
     position:relative;
	 background-image: none;
   }
   
   a.bulle:hover {
      background: none; 
      z-index: 50; 
   }
   
   a.bulle span { 
     display: none;
   }
   
   a.bulle:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: 100px;
	font:normal 1.2em arial, verdana, sans-serif;
	text-align:left;
	
	width:350px;
	background: #4f6d49;
	padding: 8px 10px 13px 10px;
	
	border: 1px solid #b6f2ac;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);

   }

   a.bullegauche {
     position:relative;
	 background-image: none;
   }
   
   a.bullegauche:hover {
      background: none; 
      z-index: 50; 
   }
   
   a.bullegauche span { 
     display: none;
   }
   
   a.bullegauche:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: -380px;
	font:normal 1.2em arial, verdana, sans-serif;
	text-align:left;
	
	width:350px;
	background: #4f6d49;
	padding: 8px 10px 13px 10px;
	
	border: 1px solid #b6f2ac;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);

   }


/*  PANIER
-----------------------------------------------------
-----------------------------------------------------
-----------------------------------------------*/

#panier {
	position: absolute;
	top:75px;
	left:600px;
	width:195px;
	height: auto;
	margin: 0;
	background-image: none;
	background-color: #4c9247; 
	border: 0px solid #b6f2ac;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	}
#bascket_price_title {
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px 10px;

	background: #77ac6d;
    border-top: 1px solid #b6f2ac; 
    border-left: 1px solid #b6f2ac; 
    border-right: 1px solid #b6f2ac; 
    border-bottom: 0px solid #b6f2ac; 
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;    
	color: #fff; 
    behavior: url(border-radius.htc); 
}
#bascket_price {
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px;
	background-color: #4c9247;
	background-image: none;
	border: 1px solid #b6f2ac;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	behavior: url(border-radius.htc);
}
#total {
	font: normal 1.3em/2.5em verdana, arial, sans-serif;
	color: #fff;
}

#fabrication {
	font: normal .9em verdana, arial, sans-serif;
	color: #fff;
	margin-top:5px;
}

#instal {
	font: normal .9em verdana, arial, sans-serif;
	color: #fff;
}


#boutonvalid_bascket {
	border:0px solid black;
	position: relative;
	width: 81px;
	height: 27px;
	padding:0 0 10px 0;
	margin: 0px 0 0px 0;
	left:40px;
}
#boutonvalid_bascket a, a:link, a:visited {
border:0px solid black;
	display: block;
	width: 81px;
	height: 27px;
	background-image: url(images/boutonvalid_bascket.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	}
#boutonvalid_bascket a:hover {
	display: block;
	background-image: url(images/boutonvalid_bascket.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
#boutonvalid_bascket a:active, a:focus {
      outline: none;
}


#bascket_contents_title {
	width: auto;
	height: auto;
	padding: 5px 10px;
	margin-top: 20px;
	color: #fff;
	background: #77ac6d;
    border-top: 1px solid #b6f2ac; 
    border-left: 1px solid #b6f2ac; 
    border-right: 1px solid #b6f2ac; 
    border-bottom: 0px solid #b6f2ac; 
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;    
	behavior: url(border-radius.htc);

}

#bascket_contents {
	width: auto;
	height: auto;
	margin-top: 0px;
	padding: 10px;
	background-image: none;
	background-color: #4c9247;
	border: 1px solid #b6f2ac;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	behavior: url(border-radius.htc);
	}
#bascket_contents p{
	font: .8em verdana, arial, sans-serif;
	color: #fff;
}


#alachat,#loca {
	margin-top:10px;
	border-top:1px solid #B6F2AC;
	border-bottom:1px solid #B6F2AC;
	background:#74A66B;
	border:1px solid #B6F2AC;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
}
.bloc-continuer{
	float:right;
	width:68px;
	height:75px;
	font-size:0.8em;
	color:#fff;
	text-align:center;
	
}
.bloc-info{
	font-size:0.8em;
	width:100px;
	height:75px;
	float:left;
	color:#fff;
	text-align:center;
	background:#6B9363;
	-webkit-border-bottom-left-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-topleft: 5px;
		border-bottom-left-radius: 5px;
		border-top-left-radius: 5px;
	border-right:1px solid #B6F2AC;
}
.bloc-info p{
	padding:3px;
}
.shopping{
	text-indent:-5000px;
	width:50px;	
	height:33px;	
	border:none;	
	background: transparent url(images/fleche_cart.png) no-repeat top;
	margin-top:19px;
	cursor:pointer;
}
.shopping:hover{
	background-position : center -33px;
}

/*  BARRE DE NAVIGATION
-----------------------------------------------------
-----------------------------------------------------
-----------------------------------------------*/

.arrondi_BdNav {
	padding: 5px 20px;
	background-image: url(images/fondBdNav.png);
	color: #fff;
	border: 0px solid #b6f2ac;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
}

#nav {
	position: absolute;
	top:177px;
	left:110px;
	width:795px;
	height: 33px;
	margin: 0;
	background-image: url(images/fondBdNav.png);
	border: 0px solid #b6f2ac;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	}

#nav ul {
	margin: O;
	padding: 0;
}
#nav li {
border:0px solid red;
	height: 33px;
	width: auto;
	float: left;
	list-style-type: none;
}


#nav .home li a {
border:0px solid lime;
	background-image: url(images/maisonBdNav.png);
	width:10px;
	height: 33px;
	background-repeat:  no-repeat;
	background-position: center top;
	margin: 0px 0 0 10px;
}

#nav .home li a:hover {
	background-position: center -33px;
}

.normal li  {
	background-image: url(images/flecheBdNav.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 5px; 
}
.activ li p {
	background-image: url(images/flecheBdNav.png);
	background-repeat: no-repeat;
	background-position: left;
	color: #b6f2ac;
}

#nav li a {
	background-image: none;
	font-size: 15px;
	color: #b6f2ac;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	line-height: 2.2em;
	display: block;
	padding: 0 20px 0 20px;
	width: auto;
	height: 33px;
}
#nav li a:hover {
	color: #9EFF3E;  
	text-decoration:none; 
}

#nav p {
	font-size: 15px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	line-height: 2.2em;
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 20px 0 25px;
}
.grise p {
	background-image: url(images/flechegriseBdNav.png);
	background-repeat: no-repeat;
	background-position: left;
	color: #689b60;
}
#nav .droite li{
	float: right;
	border-left: 1px solid #88cc7c;
}
#nav .chariot li a {
border:0px solid lime;
	background-image: url(images/chariotBdNav.png);
	width:45px;
	height: 33px;
	background-repeat:  no-repeat;
	background-position: center top;
	margin-top: 1px;
	padding: 0 20px;
}

#nav .chariot li a:hover {
	background-position: center -33px;
}


/* CHECK SELECTION BOX
-----------------------------------------------------
-----------------------------------------------------
-----------------------------------------------*/
#checkbox  {
	border:0px solid black;
	position: relative;
	margin: 50px auto -50px 110px;
	height:auto;
	width:587px;
}
#selectbox1 	{
	height: auto;
	width: 100%;
	padding: 10px 0;
/*	border: none;*/
}


#check {
	height: auto;
	width: 100%;
}


#image_check {
border:0px solid yellow;
	height: 92px;
	width:100px;
	float: left;
	margin: 10px 0px 0px 30px;
}

.dim {
	background-image: url(images/image_check_dim.png);
}
.orchi {
	background-image: url(images/image_check_orchi.png);
}
.color {
	background-image: url(images/image_check_color.png);
	background-repeat:no-repeat;
}
.ecl {
	background-image: url(images/image_check_ecl.png);
	background-repeat:no-repeat;
}
.livr {
	background-image: url(images/image_check_livr.png);
	background-repeat:no-repeat;
}
.entr {
	background-image: url(images/image_check_entr.png);
	background-repeat:no-repeat;
}

#boite_check {
border:0px solid red;
	height: auto;
	width:400px;
	float: left;
	margin: 8px 0px 8px 0px;
}



.arrondiH { 
	
	padding: 5px 20px 5px 20px; 

	background-color: #6b9363; 
    color: #fff; 
    border-top: 1px solid #b6f2ac; 
    border-left: 1px solid #b6f2ac; 
    border-right: 1px solid #b6f2ac; 
    border-bottom: 0px solid #b6f2ac; 
		-webkit-border-top-left-radius: 7px;
		-webkit-border-top-right-radius: 7px;
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-topright: 7px;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;    
    behavior: url(border-radius.htc); 
}
.arrondiB {
	padding: 10px 20px;
	background-color: #74a66b;
	color: #fff;
	border: 1px solid #b6f2ac;
		-webkit-border-bottom-right-radius: 7px;
		-webkit-border-bottom-left-radius: 7px;
		-moz-border-radius-bottomright: 7px;
		-moz-border-radius-bottomleft: 7px;
		border-bottom-right-radius: 7px;
		border-bottom-left-radius: 7px;
	behavior: url(border-radius.htc);
	font:normal .9em/1.6em Verdana, Arial, Helvetica, sans-serif;
}

#txt_livr{
	display:none;
}

/* -------ONGLETS------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/


#onglets1{
	border:0px solid lime;
	position: absolute;
	top:225px;
	left:520px;
	width:780px;
	height: 35px;
	margin: 0;
	padding: 0;
	      z-index: 50; 

}

#onglets1 ul{
border:0px solid red;
	margin:0px;
	padding: 0;
	width: 100%;
	height: 35px;
}
#onglets1 li{
border:0px solid white;
	margin:0px 0 0px 0;
	padding: 0;
	float: left;
	list-style-type: none;
}

#onglets1 .ong a, a:link, a:visited {
border:0px solid black;
	display: block;
	width: 160px;
	height: 35px;
	background-image: url(images/onglet_XXX.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	text-decoration: none;
	color:#ffffff;
	font-style: normal;
	text-align: center;
	font:normal 0.8em/1.4em Arial, Helvetica, sans-serif;
}

#onglets1 .ong a:hover {
	display: block;
	background-image: url(images/onglet_XXX.png);
	background-repeat: no-repeat;
	background-position: 0px -35px;
	text-decoration: none;
	font-size:.8em;
	line-height:1.3em;
}
#onglets1 .ong a:active, a:focus {
      outline: none;
}

#onglets1 .ong_ON a, a:link, a:visited, a:hover, a:active, a:focus {
	border:0px solid black;
	padding: 0 0 0 0;
	display: block;
	width: 160px;
	height: 35px;
	background-image: url(images/onglet_XXX.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	outline: none;
	color: #ffffff;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 1em;
	line-height:1em;
	text-align: center;
}

.boutgauche {
	background-repeat: no-repeat;
	background-image: url(images/ongboutgauche.png);
	width: 10px;
	height: 35px;	
}
.lignelumgauche {
	background-image: url(images/onglum.png);
	background-repeat: repeat-x;
	width: 60px;
	height: 35px;
}
.ong1 {
	background-image: url(images/onglet_vide.png);
	background-repeat: no-repeat;
	width: 160px;
	height: 35px;
}

.lignelumdroit {
	background-image: url(images/onglum.png);
	background-repeat: repeat-x;
	width: 0px;
	height: 35px;
}
.boutdroit {
	background-image: url(images/ongboutdroit.png);
	background-repeat: no-repeat;
	width: 10px;
	height: 35px;
}

/*-------------------------------------------------------------------------------------*/



#sizes {
border-top:0px solid black;
	visibility: visible;
	position:relative;
	left:0px;
	top:50px;
	color: #EEFBEA;
}

#sizes a, a:link, a:visited {
	font-size:0.9em;
	text-align:right;
	color: #EEFBEA;
	text-decoration: none;
	border: none;
	width:300px;
	background-image: none;
	height:auto;
}
#sizes a:hover {
	color: #80FF00;
	text-decoration:none;
	width:300px;
	background-image: none;
	height:auto;
}



#back {
	border: 0px solid red;
	width:330px;
	height: 87px;
}
#flags{
border:0px solid lime;
	position: absolute;
	top:128px;
	left:85px;
	width:120px;
	height: 15px;
	margin: 0;	padding: 0;
}
#illustr {
	border-top:0px solid black;
	visibility: visible;
	position:absolute;
}
.boutique {
	left:150px;
	top:500px;
	width:168px;
	height:224px;
	background-image: url(images/notre_boutique.png);
	background-repeat: no-repeat;
}
.form {
	left:600px;
	top:100px;
	width:180px;
	height:265px;
	background-image: url(images/file.png);
	background-repeat: no-repeat;
}
.vega {
	left:66px;
	top:460px;
	width:193px;
	height:387px;
	background-image: url(images/vega.png);
	background-repeat: no-repeat;
}
.co {
	left:150px;
	top:435px;
	width:147px;
	height:181px;
	background-image: url(images/co.png);
	background-repeat: no-repeat;
}
.naus{
	left:66px;
	top:460px;
	width:191px;
	height:357px;
	background-image: url(images/naus.png);
	background-repeat: no-repeat;
}
.engagement{
	left:150px;
	top:500px;
	width:191px;
	height:357px;
	background-image: url(images/naus.png);
	background-repeat: no-repeat;
}
.offres {
	left:126px;
	top:500px;
	width:193px;
	height:387px;
	background-image: url(images/vega.png);
	background-repeat: no-repeat;
}
.noscontacts {
	left:88px;
	top:222px;
	width:132px;
	height:162px;
	background-image: url(images/co.png);
	background-repeat: no-repeat;
}
.liens {
	left:-176px;
	top:284px;
	width:132px;
	height:162px;
	background-image: url(images/co.png);
	background-repeat: no-repeat;
}
.kompo1 {
	left:230px;
	top:350px;
	width:207px;
	height:258px;
	background-image: url(images/kompo1.png);
	background-repeat: no-repeat;
}


.mvi {
	left:140px;
	top:520px;
	width:147px;
	height:181px;
	background-image: url(images/co.png);
	background-repeat: no-repeat;
}

#rapp {
border:0px solid black;
	height: auto;
}

#postit {
	border-top:0px solid black;
	visibility: visible;
	position:absolute;
	width:189px;
	height:115px;
}
.postitsuroffres{
	left:-233px;
	top:772px;
}
#rac {
	border-top:1px dotted #DCDBC0;
	visibility: visible;
	position:absolute;
	left:114px;
	top:200px;
	width:200px;
	z-index: 20;
}

#boite {
	border-top:0px solid blanc;
	visibility: visible;
	position:absolute;
}
.basic {
	background-image: url(images/boiteslimEtPlots.jpg);
	background-repeat: no-repeat;
	left:160px;
	top:500px;
	width:157px;
	height: 227px;

}
.offre {
	background-image: url(images/boitek2.png);
	background-repeat: no-repeat;
	left:180px;
	top:500px;
	width:141px;
	height: 176px;
}


#galerie {
	border:0px solid yellow;
	position: relative;
	margin: 40px auto -50px 0px;
	height: auto;
	width: 750px;
	left: 120px;
}
.clear {
clear:both;
}

.photocontener {
border:0px solid black;
	position: relative;
	height: auto;
	width: 446px;
	padding:0;
	margin: 10px 0 0px 0;
}
.photobox {
	border:0px solid red;
	background-image: url(images/ombphotofond.png);
	background-repeat: repeat-y;
	width:446px;
	height:auto;
	margin:0;padding: 0;
}

.boxtop{
border:0px solid lime;
	background-image: url(images/ombphototop.png);
	width: 446px;
	height: 20px; 
	background-repeat: no-repeat;
	margin:0;padding: 0;
}
.boxbottom{
border:0px solid yellow;
	background-image: url(images/ombphotobottom.png);
	width: 446px;
	height: 20px;
	background-repeat: no-repeat;
}


#plusbox {
border:0px solid black;
	z-index:10;
	position: relative;
	margin: 0px auto -50px 290px;
	height:auto;
	width: 540px;
	left: 60px;
}



.texteplus {
border:0px solid yellow;
	height: auto;
	width:440px;
	float: right;
	margin-top:4px;
}
.titreplus {
border:0px solid red;
	width:100px;
	height: auto;
	margin-top:0px;
	padding-bottom:0px;
}
#planchecontact {
border:0px solid black;
	position: relative;
	margin: 40px auto 50px 240px;
	width: 500px;
	height: 320px;
}

hr {
clear: both;
visibility: hidden;
}

#grillecentre {
visibility: hidden;
	border:0px solid red;
	width:410px;
	height: 410px;
	margin-top: 70px;
	margin-left: 0px;
	margin-bottom: 0px;
	position: relative;
	background-color: #3A4938;
}
/* -------TAB------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/



#pricetable{
border:0px solid black;
	position: relative;
	width:auto;
	height: auto;
	top: 0px;
	left: 270px;
	margin: 0;	padding: 0;

}
tbody tr:hover {
  background-color: #3f8f41;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
	background-color: #3f8f41;
  }


.boutonpanier{
border:0px solid lime;
	width: 446px;
	height: 20px; 
	background-repeat: no-repeat;
	margin:0;padding: 0;

}


.bouton_ajaupa{
	border:0px solid lime;
	background-color:white;
	padding: 0;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #424242;
	text-align: left;
}
*/


/* -------INDEX------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

#entrer_index {
border:0px solid lime;
	width:240px;
	height: auto;
	position: relative;
	background-image:none;
}
#entrer_index p{
border:0px solid lime;
	padding: 50px 5px 0 0;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
}
#entrer_index p a{
	background-image:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	text-decoration: underline;
	color: #333333;
	display:inline;
}
#entrer_index p a:hover{
	text-decoration: none;
	font-size: 1.1em;
	display:inline;
	color:#8EED0D;
}
#slogan_index {
	margin: 0 0px 0 25px;
}
#slogan_index p{
	border:0px solid lime;
	width:240px;
	height: auto;
	position: relative;
	background-image:none;
	top: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #484848;
	font-size: 0.8em;
}


#flags_index {
border:0px solid lime;
	margin: 0px 0px -20px 308px;
	width:100px;
	height: 15px;
	padding: 0;
}
#flags_index ul {
border:0px solid lime;
	margin-right:5px;
	padding: 0;
}
#flags_index li {
border:0px solid red;
	margin-left:8px;	
	padding: 0;
	float: right;
	width: 22px;
	height: 15px;
	list-style-type: none;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background-repeat: no-repeat;
}

#flags_index a {
border:0px solid lime;
	text-decoration: none;
	border-left: 0px solid #fff;
	margin: 0px 0px 0px 0px;
	background-image: none;
	height: 15px;
	width: 22px;
}

#footer_index {
border: 0px solid red;
	position: relative;
	bottom:-20px;
	font-size: 0.8em;
	width: 410px;
}

#footer_index p{
	text-align: center;
}


#conteneur_index {
border: 0px solid red;
	position: absolute;
	left: 50%;
	margin-left: -420px;
	width: 680px;
	height: auto;
	top: 20%;
}
#colonne_index_1{
border:0px solid black;
	float:left;
	width: 240px;
}
#colonne_index_2{
border:0px solid white;
	float:right;
	width: 410px;
}
#logo_index {
border:0px solid red;
	background-image: url(images/logoindex.png);
	background-repeat: no-repeat;
	width:240px;
	height: 67px;
	position: relative;
	top: 10px;
	left:0px;
}



/*-------------------------------------------------------------------------------------*/



/* -------GRILLE boxes------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
#grille {
border:0px solid black;
	width:410px;
	height: 410px;
	top: 20px;
	position: relative;
}
#fondgrille {
	border:0px solid white;
	background-color:#3A4938;
	width: 396px;
	height: 396px;
	position: absolute;
	left: 7px;
	top: 7px;
}
#ombleft {
border:0px solid black;
	background-image: url(images/ombleft.png);
	width:7px;
	height:410px;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}

#ombtop {
border:0px solid white;
	background-image: url(images/ombtop.png);
	width:396px;
	height:7px;
	background-repeat: no-repeat;
	position: absolute;
	top:0px;
	left:7px;
}
#ombright {
border:0px solid red;
	background-image: url(images/ombright.png);
	width:7px;
	height:410px;
	background-repeat: no-repeat;
	position: absolute;
	margin-top:0px;
	margin-left:403px;
}
#ombbottom {
border:0px solid yellow;
	background-image: url(images/ombbottom.png);
	width:396px;
	height:7px;
	background-repeat: no-repeat;
	position: absolute;
	top:403px;
	left:7px;
}

#case1 {
border:0px solid red;
	margin:0 padding:0;
	width:130px;
	height:130px;
	position: absolute;
	top: 7px;
	left:7px;
	background-color: #50F905;
}


#case2 {
border:0px solid red;
	width:130px;
	height:130px;
	position: absolute;
	top: 7px;
	left:140px;
	background-color: #78F93E;
}
#case3 {
border:0px solid red;
	width:130px;
	height:130px;
	position: absolute;
	top: 7px;
	left:273px;
	background-color: #A4FA7D;
}
#case4 {
border:0px solid red;
	width:130px;
	height:130px;
	position: absolute;
	top: 140px;
	left:7px;
	background-color: #3BBA04;
}
#case5 {
border:0px solid red;
	width:130px;
	height:130px;
	position: absolute;
	top: 140px;
	left:140px;
	background-color: #5BBB30;
}
#case6 {
border:0px solid red;
	width:130px;
	height:130px;
	position: absolute;
	top:140px;
	left:273px;
	background-color: #7FC460;
}
#case7 {
border:0px solid red;
	width:130px;
	height:130px;
	position: absolute;
	top:273px;
	left:7px;
	background-color: #298103;
}
#case8 {
border:0px solid red;
	width:130px;
	height:130px;
	position: absolute;
	top:273px;
	left:140px;
	background-color: #468E26;
}
#case9 {
border:0px solid red;
	width:130px;
	height:130px;
	position: absolute;
	top:273px;
	left:273px;
	background-color: #568342;
}
/*-------------------------------------------------------------------------------------*/


#pdf {
	border:0px solid black;
	position: relative;
	height: 29px;
	width: 302
	margin: 0px 0 0px 0;
	left: 112px;
}
#up {
	border:0px solid black;
	position: relative;
	height: 79px;
	width: 81px;
	padding:0;
	margin: 0px 0 0px 0;
	left: 140px;
	clear:both;
}
#preload1 {
	z-index:0;
	border-top:0px solid black;
	visibility: visible;
	position:absolute;
	left:101%;
	top:100%;
	width:1px;
	height:1px;
	background-image: url(images/logomvng.png);
	background-repeat: no-repeat;
}
#preload2 {
	z-index:0;
	border-top:0px solid black;
	visibility: visible;
	position:absolute;
	left:100%;
	top:100%;
	width:1px;
	height:1px;
	background-image: url(images/mur-vegetal-restaurant-2.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
#preload3 {
	z-index:0;
	border-top:0px solid black;
	visibility: visible;
	position:absolute;
	left:99%;
	top:100%;
	width:1px;
	height:1px;
	background-image: url(images/naus.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#preload4 {
	z-index:0;
	border-top:1px solid black;
	visibility: visible;
	position:absolute;
	left:98%;
	top:100%;
	width:1px;
	height:1px;
	background-image: url(images/ombphototop.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#preload5 {
	z-index:0;
	border-top:1px solid red;
	visibility: visible;
	position:absolute;
	left:97%;
	top:100%;
	width:1px;
	height:1px;
	background-image: url(images/ombphotobottom.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}
#preload6 {
	z-index:0;
	border-top:1px solid yellow;
	visibility: visible;
	position:absolute;
	left:96%;
	top:100%;
	width:1px;
	height:1px;
	background-image: url(images/ombphotofond.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#preload7 {
	z-index:0;
	border-top:1px solid yellow;
	visibility: visible;
	position:absolute;
	left:95%;
	top:100%;
	width:1px;
	height:1px;
	background-image: url(images/mur-vegetal-restaurant-1.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}


#linker {
	position: relative;
	bottom:70px;
	left:70px;
	width:800px;
	height: auto;
	padding:0px 30px;
	border-top:1px dotted #66CD66;
	text-align: center;
	}
#linker a {
	display: inline;
	width: auto;
	font-size:0.7em;
	color: #66CD66;
	text-decoration: none;
	border-left: 0px solid #4DC44D;
	padding: 0px 0px;
	background-image: none;
	line-height: 1.5em;
}

.date {
	font-size:0.8em;
	color: #66CD66;
	line-height: 1.5em;
}
.article {
	margin: 20px 20px 0 25px;
}
.article p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	text-align: left;
	margin:.7em 0 0 0;
}
#gotoArticles {
	position: absolute;
	width:auto;
	height: auto;
	margin: -100px 0 0 40px;
	border:0px solid black;
	text-align:left;
}

#gotoArticles a, a:link, a:visited {
	background-image: none;
	font-size:1em;
	color: #74A76A;
	text-decoration: none;
}
#gotoArticles a:hover{
	color: #80FF00;
	text-decoration:none;
	background-image: none;
	height:auto;
}
#plusbox .article a, a:link, a:visited {
	font-size: 1em;
	color: #66CD66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#plusbox .article a:hover {
	font-size: 1em;
	color: #80FF00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p.abzac {
font-family: "Times New Roman", Times, serif;
font-size: 1em;
padding: 0 0px 5px 0px;
font-style:italic;
}