@charset "iso-8859-1"; /* Définition de règle */

* {margin:0px;padding:0px;}
body {padding: 0px; margin: 0px; font-size: small; font-family: Tahoma; color: #000091}

img {border: none}
hr {background-color: #FA8072;height: 1px;border: 0;}

/* Toute la page -centrée automatiquement */
.page{width:1024px;position:relative;margin-left: auto;margin-right: auto;}

/* Partie entete */
#entete{border-bottom: 1px solid #FA8072;}
#entete a:hover {background-color: #711515;color: #FFFFFF;}

/* Colonne de menu*/
#menu {position:absolute;left:0px;width: 180px; padding:5px 0px 5px 0px; background: url(images/bckgr_menu2.png);background-repeat:repeat-y}
#menu ul {list-style: none}
#menu li.titre {margin-left:8px;padding-left:8px;}
#menu a{display:block;color: white; text-decoration: none;border-bottom: 1px solid #FA8072;}
#menu a:hover {background-color: #711515;color: #FFFFFF;}
#menu p {padding:0px;margin:0px;text-align:center;}
#menu p a {border:none}

.sous_menu  {display:inline;list-style: none}
.sous_menu a {display:block;margin-left:16px;color: white; text-decoration: none;border-bottom: 1px solid #FA8072;}

/* partie centrale du site */
.contenu {margin-left:181px;width:824px;padding:10px;}
/* .contenu h1 {text-align: center; border-bottom: 2px solid #FA8072; font-style: normal; font-weight: normal} */
.contenu h1 {text-align: center; /* color: white; border-top: 1px solid #711515; background-color:#FA8072; background: url(images/bckgr_h2.png); background-repeat: repeat-y */;  font-style: normal; font-weight: normal;font-size:25px}
.contenu h2 {margin-top: 1em; margin-bottom:5px;border-bottom: 2px solid #FA8072; font-size:17px}
.contenu h3 {margin: 1em 0em 5px 1em;font-size:15px;border-bottom: 1px solid #FA8072;}
.contenu p {text-align:justify;padding:5px 1em 5px 1em;}
.contenu table {padding:5px 1em 5px 1em;}
.contenu ul{padding-left:30px;}
.contenu li {list-style-type: circle; list-style-image: url(images/puce.png); list-style-position: outside;text-align:justify}

.contenu #accueil {margin-right:193px}

#contenu_accueil {float:left;width:78%}

/*  cadre pour la page d'accueil */
.cadre_accueil {background: url(images/cadre_accueil.gif) no-repeat;float:left;width:205px;margin:10px 5px 10px 5px}
.cadre_accueil p {text-align: center; padding-top:0px;padding-left:5px;padding-right:5px;margin:0px 0px 0px 7px; display: block; width: 220px;}
.cadre_accueil img {width:205px;display: block; margin-top:8px;padding-bottom:3px;margin-left: auto; margin-right: auto;padding-top:3px}

p.fil-ariane{padding-left:20px;background-image:url(images/fleche.png); background-repeat:no-repeat; background-position: 0px 2px;}

/* Espace pour la vidéo */
.cadre_video {float:left;padding:30px 0px 0px 0px}

.citation {margin: 10px; padding: 5px; border: 1px solid black; background-color: #FFFFCC}
.citation p {font-style: italic}
.notice {font-style: italic}
.message_information {color: red; font-weight:bold}
.attention {font-weight: bold; text-decoration: underline}
p.legende {font-style: italic;text-align:center;width:100%;color:#0F0F0F}

.caracteristique td{padding:5px;text-align: center;border-bottom: 1px solid #FA8072}

.nouvelle-cadre {float:right;width:180px;padding:5px}
.nouvelle-contenu {margin:0px 0px 10px 10px;padding-top:3px;padding-bottom:8px;background: url(images/arrondi_bas.png) no-repeat;background-position: left bottom;}
.nouvelle-contenu h1 {padding:0px;margin:0px;font-size:large;width:160px;background: url(images/arrondi_haut.png) no-repeat; color: white; text-align: center; border-bottom: 2px solid #711515;}
.nouvelle-contenu p {padding:0px 4px 0px 4px;margin:0px;width:148px;border-left: 2px solid #711515;border-right: 2px solid #711515;}
.nouvelle-contenu p.info {text-align: justify}
.nouvelle-contenu p{text-align: center;padding-top:2px}
.nouvelle-contenu ul{padding-left:25px;border-left: 2px solid #711515;border-right: 2px solid #711515;}
.nouvelle-contenu li {list-style-type: circle; list-style-image: url(images/puce.png); list-style-position: outside;text-align:justify;}

/* mise en forme des contenus selon position de l'image (droite ou gauche) */
.image_gauche ul{position:relative;left:20px}
.image_gauche img{float:left;margin:1em;}

.image_droite img{float:right;margin:1em;}

/* Mise en forme des photos de la page "nos réalisations" */
.nosrealisations p{padding: 0px; margin: 0px; text-align: center}
.nosrealisations img{padding-left:15px}

/* Mise en forme du formulaire de contact */
#contacter input {border: 1px solid #FA8072; font-family: Tahoma; color: #000091;}
#contacter textarea{border: 1px solid #FA8072;font-size: small; font-family: Tahoma; color: #000091;}
#contacter span {font-style:italic}
form p label {float: left;width: 155px;}
fieldset {border: 1px solid #FA8072;padding: 5px;}
fieldset legend{font-family: Tahoma; color: #000091}

#pied-de-page{border-top: 1px solid #FA8072;text-align:center;}
#pied-de-page span {font-style: italic; font-size: small}

/* Page des produits */
.imagette_produit{width:370px;height:180px;float:left;margin:10px 20px 5px 20px;}
.imagette1{width:370px;height:180px;float:left;margin:10px 20px 5px 20px;border-right:1px solid #FA8072}
.imagette_produit p{text-align: center;padding:2px}
.imagette_produit img{float:left;margin:0px 1em 1em 0px;}
.imagette_produit ul{position:relative;left:10px}

.produit_gauche, .produit_droit{margin:0px; padding:0px;float:left;width:400px;}
.produit_gauche p, .produit_droit p {font-weight: bold;}
.produit_gauche img, .produit_droit img{float:left;margin:0px 10px 10px 0px;padding-right:10px;}
.produit_gauche {clear:left}

/* Nouveau layout de gestion des produits */
.produits {clear:left;height:100%;padding:5px;border-bottom:1px solid #ff0000}
.item_produit {margin:5px; padding:0px;float:left;width:385px;}
.item_produit p {font-weight: bold;}
.item_produit img {float:left;margin:0px 10px 10px 0px;padding-right:10px;}

/* Page des liens */
.imagette_lien {width: 230px; height: 220px; float: left; margin: 0px 20px 5px 20px;}
.imagette_lien p {font-style: italic; text-align: center}

/* Cadre pour la page de présentation des galeries */
.galerie {background: url(images/cadre_gal5.png) no-repeat;float:left;width:200px;height:185px;margin:10px 25px 10px 45px}
.galerie p {text-align: center; padding-top:0px;padding-left:5px;padding-right:5px;margin:0px 0px 0px 7px; display: block; width: 175px; height: 32px;}
.galerie img {width:150px;height:100px;display: block; margin-top:8px;padding-bottom:3px;margin-left: auto; margin-right: auto;padding-top:3px}

.galerie_item {}
.galerie_item p {text-align:center;}
.galerie_item p.legende {font-style: italic}
.galerie_item img.image {margin-bottom:0px;}
.galerie_item img.imagette{margin:5px 1px 1px 1px}
.galerie_item img.imagette_select{margin:3px 1px 0px 1px;border:2px solid #FA8072}
#lien_photo_precedente{float:left;width:100px;position:relative;left:100px;top:100px;}
#lien_photo_precedente p{text-align:center;}
#lien_photo_suivante{float:right;width:100px;position:relative;left:-100px;top:100px;}
#lien_photo_suivante p{text-align:center;}
 
#index_galeries {float:right}
#index_galeries p{padding:0px;margin:7px 0px 0px 0px;}

/* Partie contenant un tableau des logos des fabricants */
.logo-fabricants{}
.logo-fabricants table{margin-left: auto;margin-right: auto}
.logo-fabricants td{width:33%}
.logo-fabricants img{display:block;margin-left: auto;margin-right: auto}

/* Clear des div */
.clear {clear: both}