/* CSS Document */
* {margin:0px;padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
* a {text-decoration:underline;}
* a:hover {text-decoration:none;}
a img {border:none;}
* a:focus {outline:none;}
.clear_both {clear:both;font-size:1px;height:1px;}
.justifie {text-align:justify;}
.centrer {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.marge {margin-top:20px;}
ol {padding-left:30px;margin-bottom:5px;margin-left:17px;}

/* BODY */
body {background:#7C842E;text-align:center;}

/* CONTAINER */
#full_container {background:#8dcde3 url(../images/background.png) repeat-x bottom;}
#container {position:relative;width:790px;margin:0 auto;text-align:left;}

/* ENTETE */
#header {height:195px;}
#header #logo{float:left;width:162px;height:195px;}
#header #head{float:left;width:628px;height:195px;background:url(../images/header.png) no-repeat;position:relative;}
#header #head * strong {font-size:13px;}
#header #head #slogan{position:absolute;top:18px;left:178px;}
#header #head #adresse{position:absolute;top:75px;left:17px;width:215px;height:80px;text-align:center;line-height:14px;font-size:11px;}
#header #head #tags{position:absolute;top:75px;left:320px;width:160px;height:90px;text-align:center;line-height:16px;}
#header #head #tags a{font-size:12px;text-decoration:none;position:relative;}
#header #head #tags a:hover{text-decoration:underline;}


/* NAV */
#nav {height:30px;background:url(../images/nav.png) no-repeat;list-style:none;}
#nav li {float:left;margin:0 5px;}
#nav li a{display:block;padding:4px;color:#FFF;text-decoration:none;font-size:11px;position:relative;}
#nav li a:hover{text-decoration:underline;}
#nav li.on a{padding:3px;background:url(../images/nav_li.png) repeat-x left center;border:1px solid #a8a8a9;color:#000;text-decoration:none;font-weight:bold;}


/* CONTENT */
#content {background:#FFF url(../images/content.png) no-repeat 703px top;border-left:1px solid #6a6a6a;border-right:1px solid #6a6a6a;padding:10px 10px 10px 10px;}
#content h1 {background:url(../images/h1.png) no-repeat left;height:31px;padding:0px 5px 0px 26px;font-size:16px;margin:10px 0;}
#content h1 span {float:left;display:block;background-color:#7C7D82;color:#FFF;height:19px;font-size:16px;padding:3px 8px 3px 3px;}
#content h2 {background:url(../images/h1.png) no-repeat left;height:31px;padding:0px 5px 0px 26px;font-size:16px;margin:20px 0 10px 0;}
#content h2 span {float:left;display:block;background-color:#7C7D82;color:#FFF;height:19px;font-size:16px;padding:3px 8px 3px 3px;}
#content p {text-indent:5px;margin-bottom:5px;line-height:15px;text-align:justify;}
#content p.marges {margin-left:17px;}
#content p.marques {text-align:center;margin:20px 0 20px 17px;}
#content a {}
#content a:hover {}
#content_end {clear:both; background:url(../images/footer.png) no-repeat;height:122px;background-color:#FFF;border-left:1px solid #6a6a6a;border-right:1px solid #6a6a6a;}

.texte_gauche {float:left;margin-left:17px;width:210px;padding:10px 5px 30px 5px;text-align:justify;background:#e5e6d5 url(../images/presentation.jpg) bottom no-repeat;}
.image_droite {float:left;margin-left:10px;border:5px solid #e5e6d5;}
.texte_droite {float:left;margin-left:10px;width:210px;padding:10px 5px 30px 5px;text-align:justify;background:#e5e6d5 url(../images/presentation.jpg) bottom no-repeat;}
.image_gauche {float:left;margin-left:17px;border:5px solid #e5e6d5;}
.attention {background:url(../images/attention.jpg) no-repeat 17px center;padding:10px 0px 10px 80px;}
.attention p {color:#BE360C;font-weight:bold;}
.gdtexte_droite {float:left;margin-left:10px;width:355px;padding:10px 5px 30px 5px;text-align:justify;background:#e5e6d5 url(../images/presentation.jpg) bottom left no-repeat;}
.gdtexte_gauche {float:left;margin-left:17px;width:355px;padding:10px 5px 30px 5px;text-align:justify;background:#e5e6d5 url(../images/presentation.jpg) bottom left no-repeat;}

/* FOOTER */
#full_footer {background-color:#7C842E;color:#FFF;text-align:center;}
#footer { margin:0 auto; width:790px;background-color:#7C842E;color:#FFF;text-align:center;}
#footer a {color:#FFF;text-decoration:none;}
#footer a:hover {text-decoration:underline;}


/* SLIDE */
#slide { position:relative;position:relative;width:532px;height:250px;overflow:hidden;float:left;}
#slide #herbes { position:absolute;width:515px;height:19px;bottom:0px;left:17px;background:url(../images/herbe_kwicks.png) no-repeat;}
.kwicks {list-style:none;margin-left:17px;}
.kwicks li{float:left;display:block;height:250px;overflow:hidden;}
.kwicks li img{border-left:1px solid #FFF;}
.presentation {float:left;margin-left:10px;width:210px;height:230px;padding:10px 5px;text-align:justify;background:#e5e6d5 url(../images/presentation.jpg) bottom no-repeat;}

/* MAGASIN */
.magasin_presentation {background:url(../images/magasin/fond_texte.jpg) no-repeat 6px;height:40px;padding:10px 40px 0px 50px;text-indent:5px;}
.magasin {float:left;margin:0 0 0 17px;width:210px;height:358px;padding:10px 5px;text-align:justify;background:#e5e6d5 url(../images/presentation.jpg) bottom no-repeat;}
.magasin_opticien {float:left;margin:0 0 0 17px;width:210px; height:140px; padding:20px 5px 5px 5px;text-align:center;background:#e5e6d5 url(../images/presentation_top.jpg) top no-repeat;}
.magasin_texte {float:left; width:490px; height:145px; background-color:#e5e6d5; margin-left:10px; padding:10px 5px; text-align:justify;}

#gallery {float:left;margin-left:10px;width:490px;height:368px;border:5px solid #e5e6d5;background-color:#e5e6d5;}
#gallery #magasin_gallery {list-style:none;margin:0;padding:0;}

#gallery #magasin_gallery li {float:left;background-color:#e5e6d5;width:490px;height:368px;}
#gallery .carousel-next{display:none;}
#gallery .carousel-previous{display:none;}
#gallery .carousel-pagination {margin-top:6px;}
#gallery .carousel-pagination a {display:block;cursor:pointer;background:url(../images/magasin/number.jpg) no-repeat right center;color:#000;text-decoration:none;font-size:10px;text-align:center;width:19px;height:17px;float:left;margin-right:3px;padding-top:2px;}
#gallery .carousel-pagination a.active{background:url(../images/magasin/number_current.jpg) no-repeat right center;color:#FFF;} 

/* CONTACT */
#contact_plan {float:left;margin-left:17px;width:500px;height:415px;background:#e5e6d5;border:5px solid #e5e6d5;}
.contact_presentation {float:left;margin-left:10px;width:210px;padding:10px 5px 30px 5px;text-align:center;background:#e5e6d5 url(../images/presentation.jpg) bottom no-repeat;}
form {margin-left:17px;padding:10px;width:650px;background:#e5e6d5 url(../images/presentation.jpg) bottom right no-repeat;}
form label {display:inline-block;width:110px;text-align:right;margin-right:5px;}
form input {display:inline-block;width:200px;}
form textarea {display:inline-block;width:520px;height:70px;}
form label.area {vertical-align:top;}

/* INFORMATIONS UTILES */
.infos {height:330px;}
.gdinfos {height:500px;}

.presentation_188 {float:left;background:#e5e6d5;width:470px;height:178px;padding:10px;}
.pdf {padding:13px 0 13px 35px;border:1px dashed #7C7D82;background:#e5e6d5 url(../images/alert.png) 5px center no-repeat;}
.pdf a {font-size:14px;}

/* SOLAIRE */
.img_utilite{float:left;margin-left:17px;}
.txt_utilite{float:left;margin-left:10px;width:580px;}
.img_enfants{float:left;margin-left:17px;}
.txt_enfants{float:left;margin-left:10px;width:500px;}

/* BAS DE PAGE */
.foot_image {text-align:right;height:180px;}