@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#fbc7a1; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:11px; height: 100%;}

h1 { color:#fbc7a1; font-size: 1.2em; }
h2 { color:#fbc7a1; font-size: 1.3em; }
h3 { color:#fbc7a1; font-size: 1.17em; }
h4 { color:#fbc7a1; font-size: 1em; }
h5 { color:#fbc7a1; font-size: 0.83em; }
h6 { color:#fbc7a1; font-size: 0.67em; }

p { color:#fbc7a1; font-size:1em; }
ul, ol{ color:#fbc7a1; font-size:1em; }
li { color:#fbc7a1; font-size:1em; }
a { color:#fbc7a1; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#4e170d; padding:3px; }
input { color:#3c0f15; padding:3px; background-color:#461218;}
.border, #code, #civilite select, #imgcaptcha, input { color:#4e170d; padding:3px; background-color:#461218;}
/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding:0 2em 0 0; }
.imgRight { float:right; padding:0 0 0 2em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }

/*	Mise en page
----------------------------------------------------------*/

/* Page d'accueil */
.chapeau { font-family: verdana, Times, serif; text-align:left; margin:.5em 0 1.5em; }
.illustration { float:left; padding:0 .5em 0 0; }
.diapo{height:335px; width:265px; padding-left:200px; background-image:url(../images/logo_fond.jpg); background-position:10px; background-repeat:no-repeat}
.coord{float:right; height:312px; padding:10px 0 10px 10px; width:260px}

/* Page en construction */
.constrution { margin-top:8em; text-align:center; } /* Réajuster la hauteur du margin si besoin */

/* Page Produit */
.diapoP{height:335px; padding-left:220px; background-image:url(../images/logo_fond.jpg); background-position:40px; background-repeat:no-repeat}
.bulle{color:#d9b290}
.width{width:290px}
.prod{width:50%; float:left; margin-right:5%}
.colonne-prod1{float:left; width:225px; border-left:solid 2px #561917; padding-left:5px; margin-right:20px; height:130px}
.colonne-prod1-sans{float:left; width:225px; border-left:solid 2px #561917; padding-left:5px; height:130px}
.width-col{width:253px}
.width-col2{width:505px}


/*	Mentions Légales */
#infoclient { float:left; padding:0 0 2em; }
#hebergeur { float:right; padding:0; }


/* CoverFlow */
#myinnercontainer {text-align:center; vertical-align: center; margin:auto;}

/*Carousel index*/
.style {
height:300px;
padding-right:120px;
}

#holder_images { display: none; padding-top: -200px; }
	
	
#carousel img
{
border: 1px solid #ddd;  cursor:pointer;
}
#carousel img.link:hover
{
border: 1px solid #0e0893;
}
.divfram{
	width:720px;
	height:700px;
	margin-top:20px;
}

/* Colonne */
.colonne{float:left; width:30%; border-left:solid 2px #fbc7a1; padding-left:5px; margin-right:20px; height:150px}
.colonne-sans{float:left; width:30%; border-left:solid 2px #fbc7a1; padding-left:5px; height:150px}

/* FICHES PRATIQUES */
.colonneFiches{float:left; width:30%;  padding-left:5px; margin-right:20px; height:220px}
.colonne-sansFiches{float:left; width:30%; padding-left:5px; height:220px}

#agenda2127 { position:absolute; left: 50%; top: 50%; width: 700px; height: 340px; margin-top: -170px; /* moitié de la hauteur */  margin-left: -350px; /* moitié de la largeur */ border: 1px solid #000; z-index:1; background-color:#571b1a; padding:15px; font-size:12px; display:none;}

#finition { position:absolute; left: 50%; top: 50%; width: 700px; height: 550px; margin-top: -275px; /* moitié de la hauteur */  margin-left: -350px; /* moitié de la largeur */ border: 1px solid #000; z-index:1; background-color:#571b1a; padding:15px; font-size:12px; display:none;}

#chantier { position:absolute; left: 50%; top: 50%; width: 700px; height: 360px; margin-top: -180px; /* moitié de la hauteur */  margin-left: -350px; /* moitié de la largeur */ border: 1px solid #000; z-index:1; background-color:#571b1a; padding:15px; font-size:12px; display:none;}

#matiere { position:absolute; left: 50%; top: 50%; width: 700px; height: 400px; margin-top: -200px; /* moitié de la hauteur */  margin-left: -350px; /* moitié de la largeur */ border: 1px solid #000; z-index:1; background-color:#571b1a; padding:15px; font-size:12px; display:none;}

#grille { position:absolute; left: 50%; top: 50%; width: 700px; height: 360px; margin-top: -180px; /* moitié de la hauteur */  margin-left: -350px; /* moitié de la largeur */ border: 1px solid #000; z-index:1; background-color:#571b1a; padding:15px; font-size:12px; display:none;}

#reliure { position:absolute; left: 50%; top: 50%; width: 700px; height: 360px; margin-top: -180px; /* moitié de la hauteur */  margin-left: -350px; /* moitié de la largeur */ border: 1px solid #000; z-index:1; background-color:#571b1a; padding:15px; font-size:12px; display:none;}

img.finitionImage { float:left; margin:4px;}

.decal {padding-right:15px;}

.fermer{text-align:right; font-size:10px;}
.fermer a{ font-size:10px;}
.gauche { width:30%; float:left;}
.droite { width:70%; float:left; margin-top:15px;}

/* FABRICATION */
.colonneFab{float:left; width:30%; border-left:solid 2px #fbc7a1; padding-left:5px; margin-right:20px; height:200px}
.colonne-sansFab{float:left; width:30%; border-left:solid 2px #fbc7a1; padding-left:5px; height:200px}
#flashcontent { height: 100%; }
#test{ margin-left:auto; margin-right:auto; width:800px; height:500px; margin-bottom:-100px;}

/*======================================================================================>/*Header hack*/
/*html>*/
/*body{ padding-right:2px;}*/
/*======================================================================================> Li Titre*/
.titreListe{color:#fbc7a1;padding:0; margin:0;}
.titreListe:first-letter{ font-size:1.5em; letter-spacing:-2px; text-transform:uppercase; }
/*======================================================================================> Titre aide centrage txt accueil*/
.homeTitle{ color:#fbc7a1; font-size:2em; padding:40px 0 0 0;}
/*======================================================================================> Lettrine*/
.Lettrine:first-letter{ font-size:3em; float:left;
color: #4e170d; font-style:italic;
margin: 0 2px;
padding: 5px;
}

/* plan d'acces */

.plan {
	width: 640px;
	height: 480px;
}
#map .infosbulle {
	width: 210px;
	border: none;
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}