/* ----- STYLE GENERAUX */
*,html {margin:0;padding:0;outline:0;}
body{list-style-position:inside;font:12px arial;background:black;color:black;}
h1{font-size:3em;}
h2{font-size:1.3em;padding:15px 15px;}
h3{}
h4{margin-bottom:10px;}

/* ----- STYLE CONTENEUR GLOBAL */
#wrapper {margin:0 auto; width:790px;}

/* ----- STYLE HEADER */
#header {margin-top:10px;background:#000;position:relative;width:790px;left:0;top:0;color:white;}
#headercontent{padding:20px 0px 20px 20px;min-height:100px;margin:0 auto;}
#headercontent a{color:white;text-decoration:none;}
#headercontent a.logo img{max-height:100px;max-width:280px;}
#headercontent a:hover{color:#FF3300;}
#headercontent p.slogan{font-size:1.3em;position:absolute;right:20px;top:30px;width:300px;text-align:right}

/* ----- STYLE MENU */
#navigation{margin:0 auto;background:#FF3300;overflow:hidden;width:790px;}
#navigation li {display:inline;}
#navigation li a{display:block;float:left;color:white;padding:4px;margin:5px;text-decoration:none;font-weight:bold;}
#navigation li a:hover{background:white;color:black;}


/* ----- STYLE CONTENU */
#content{min-height:500px;margin:0px;padding:20px;background:white;}
#contentfull{overflow:hidden;}
#contentfull ul, #contentfull ol {margin-left :20px;}
#contentfull a {color:#FF3300;text-decoration:underline;}
#contentfull a:hover{color:black;text-decoration:none;}

/* ----- STYLE SLIDER */
#slider{width:380px;}
#slider ul {width:939px; margin:0;}
#slider ul li {width:253px;padding:25px 30px;z-index:9999;background:white;}
#slider ul li img{height:190px;border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:10px;}
#slider a {color:black;text-decoration:none;font-size:0.8em;}
#slider a:hover {text-decoration:underline;}

/* ----- STYLE CONTENU PAGE */
#contentpage {width:380px;float:right;}

/* ----- STYLE BLOC BOUTIQUE ACCUEIL */
#boutiqueaccueil {margin-top:50px;clear:both;}

/* ----- POUR L'AFFICHAGE DES PRODUITS DE LA BOUTIQUE SUR L'ACCUEIL */
.produitsaccueil {float:left;height:260px;width:145px;margin:10px 10px;border:1px solid silver;padding:10px;text-align:center;}
.produitsaccueil p.titreprod {font-weight:bold;font-size:1.2em;height:30px;}
.produitsaccueil p.attr {font-weight:bold;font-size:0.85em;height:30px;}
.produitsaccueil:hover {border:1px solid black;}
.produitsaccueil p {text-align:center; font-size:0.85em;}
.produitsaccueil img {border:1px solid silver;margin:10px 0;}
.produitsaccueil a.addbasket {cursor:pointer;display:block;background:url('../images/panier_add.png') no-repeat;padding:5px 5px 5px 20px;margin-left:8px;}

/* ----- POUR L'AFFICHAGE DES PRODUITS DE LA BOUTIQUE */
.produits {float:left;height:260px;width:145px;margin:10px 10px;border:1px solid silver;padding:10px;text-align:center;}
.produits p.titreprod {font-weight:bold;font-size:1.2em;height:30px;}
.produits p.attr {font-weight:bold;font-size:0.85em;height:30px;}
.produits:hover {border:1px solid black;}
.produits p {text-align:center; font-size:0.85em;}
.produits img {border:1px solid silver;margin:10px 0;}
.produits a.addbasket {cursor:pointer;display:block;background:url('../images/panier_add.png') no-repeat;padding:5px 5px 5px 20px;margin-left:8px;}

/* ----- POUR L'AFFICHAGE DES PHOTOS DE LA GALERIE */
.galerie {float:left;height:200px;width:145px;margin:10px 10px;border:1px solid silver;padding:10px;text-align:center;}
.galerie:hover {border:1px solid black;}
.galerie p {text-align:center; font-size:0.85em;}
.galerie a{color:white;}
.galerie img {border:1px solid silver;margin:10px 0;}

/* ----- POUR LE LIEN DU DIAPORAMA */
.diaporama  {text-align:center;text-decoration:none;color:white;margin-top:20px;border-top:1px solid #ccc;padding-top:20px;}
.diaporama  a{text-decoration:none;color:white;}
.diaporama  a:hover{text-decoration:underline;}

/* ----- POUR LA MISE EN FORME DU LIVRE D'OR */
.message_lo{margin: 15px 15px;background:#eee;border:1px solid #ccc; position:relative;text-align:left;padding:10px}
.message_lo p {text-align:justify;margin-bottom:5px;}
.message_lo p.message {font-style:italic; font-size:1em;}
.message_lo p.note {position:absolute; right:15px; top:15px; font-weight:bold;}
.message_lo p.web {font-weight:bold; text-align:justify;margin:10px 0 5px 0;font-size:0.8em;}
.message_lo p.web a {color:#222;}
#contentfull a.addmsglo {color:white;font-weight:bold;display:block;background:#FF3300;border:1px solid #ccc;width:210px;padding:10px;text-decoration:none;margin-left:20px;}
#contentfull a.addmsglo:hover {background:#444;}

/* ----- POUR ANNULER UN FLOAT */
.clearer{clear:both;}

/* ----- STYLE LIVRE D'OR */
#addmsg{}
#addmsg input{padding:5px;border:1px solid #ccc;margin-top:8px;margin-bottom:20px;}
#addmsg textarea{padding:5px;border:1px solid #ccc;width:400px;margin-bottom:10px;}
#addmsgleft{float:left;margin-right:50px;}
#addmsg input[type=submit]{margin-left:400px;background:#FF3300;border:1px solid #ccc;color:white;font-size:1em;width:230px;padding:10px;font-weight:bold;}
#addmsg input[type=submit]:hover{background:#444;}
#addmsg a{color:black;text-decoration:none;}
#addmsg a:hover{color:#FF3300;}

/* ----- STYLE FORMULAIRE DE CONTACT */
.texthautcontact{text-align:center;padding-top:20px;}
#contactright {margin-left:70px;text-align:center}
#contactleft {margin:20px 0 20px 0;text-align:center}
#form1{position:relative;padding-top:10px;border:1px solid silver;width:728x;background:#eee;}
#form1 fieldset{margin:0;padding:0;border:none;float:left;display:inline;width:200px;margin-left:20px;}		
#form1 legend{display:none;}	
#form1 p{margin:.5em 0;}	
#form1 label{display:block; font-size:12px;font-family:Arial, Helvetica, sans-serif;margin:3px;}	
#form1 input, #form1 textarea{width:202px;border:1px solid #ccc;background:#fff url(../../../images/form1/form_input.gif) repeat-x;padding:5px;margin:3px;}
#form1 textarea{height:125px;width:340px;overflow:auto;}
#form1 input.button {font-size:1em;clear:both;color:white;font-weight:bold;display:block;background:#FF3300;border:1px solid #ccc;width:230px;padding:10px;text-decoration:none;margin-left:400px;margin-bottom:20px;}
#form1 input.button:hover {background:#444;}	

/* ----- STYLE FOOTER */
#footer{clear:both;padding:20px 0;text-align:center;margin:0px;background:#FF3300;}
#footer p a{color:black;}
#pub{margin:0 auto;background:#ccc;width:728px;height:90px;margin-bottom:15px;}
#facebook{}
