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

/* CSS3 fonts
----------------------------------------------------------*/
@font-face {
	font-family: 'TrajanProBold';
	src: url('../trajanpro-bold-webfont.eot');
	src: local('../trajanpro-bold-webfont.eot');
	src: local('TrajanProBold'),
		 url('../trajanpro-bold-webfont.woff') format('woff'),
		 url('../trajanpro-bold-webfont.ttf') format('truetype'),
		 url('../trajanpro-bold-webfont.svg#webfontDti7fgEh') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

h1, h2, h3, h4, h5, h6 { color:#e7d0bc; }
h1 { font-weight:bold; font-size:12px; font-weight:bold; padding-bottom:20px; line-height:10px; }
h2 { font-weight:700; font-size:1.3em; padding-bottom:10px; }
h3 { font-weight:700; font-size:1.17em; padding-bottom:10px; }
h4 { font-weight:700; font-size:1em; }
h5 { font-size:.83em; }
h6 { font-size:.67em; }
a img{ border:none;}
p, ul, ol, li { font-size:1em; }
a { color:#fa9b74; text-decoration:none; }
a:hover { text-decoration:underline; } /* si changement de couleur au survol */
textarea { color:#e7d0bc; padding:3px; }
input { color:#e7d0bc; padding:3px; }

/* Intro */
#intro h1 { color:#000; } /* couleur du h1 de l'intro */
#intro p, #intro a { color:#000; } /* couleur du texte de l'intro */
#intro p { font-size:.9em; }

/* Adresse : Liens de bas de page
----------------------------------------------------------*/
#adresse p, #adresse a { color:#fff; } /* couleur des liens de bas de page */
#adresse p { font-size:.9em; }

/* Image de validation W3C
----------------------------------------------------------*/
/*#validator a img { background-color:#000; } */


/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement et styles d'images */
.imgLeft { float:left; padding-bottom:0; margin:0 2em 1em 0; /*border:1px solid #000;*/ }
.imgLeft2 { float:left; padding-bottom:0; margin:0 1.3em 1em 0; /*border:1px solid #000;*/ }
.imgRight { float:right; padding-bottom:0; margin:0 0 1em 2em; /*border:1px solid #000;*/ }

.border{ border:2px solid #E4BE91;}

/* 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; }
.souligne { text-decoration:underline; }
.br { display:block; }
.petit{ font-size:0.9em;}
.normal{font-weight:normal; font-style:normal;}

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

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

/* Bouton */
.bouton{ font-family:'TrajanProBold'; display: block; float:left; border:solid 1px #a60000; padding:5px; background:#e9bb89 url(../images/bg_onglet.jpg) 0 0 repeat-x; color:#FFFFFF; text-decoration:none; margin:0.4em; font-size:1.2em; text-decoration:none;} /* IE <= 7 *margin:0.4em;}*/
.bouton:hover{ background:#e9bb89 url(../images/bg_onglet_hover.jpg) 0 0 repeat-x; border:solid 1px #a60000; text-decoration:none;}

.galerie img{ margin-right:1em;}


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

/*	Page d'accueil
----------------------------------------------------------*/
.illustration { float:left; padding:0 10px 0 0; }

/*	Techniques de fabrication
----------------------------------------------------------*/
ul.essences{ width:190px; float:left; position:relative; top:18px;}
ul.essences li{ list-style-type:none; padding: 0.8em 0}
ul.essences li a{ font-weight:bold; background-repeat:no-repeat; padding:4px 0 4px 25px;}

#bg_hetre{ background-image: url(../images/techniques/essences/bg_hetre.jpg);}
#bg_chene{ background-image: url(../images/techniques/essences/bg_chene.jpg);}
#bg_hevea{ background-image: url(../images/techniques/essences/bg_hevea.jpg);}
#bg_iroko{ background-image: url(../images/techniques/essences/bg_iroko.jpg);}
#bg_sapin{ background-image: url(../images/techniques/essences/bg_sapin.jpg);}

#vue{ width:360px; height:200px; float:right; position:relative;}
#vue img{ position:absolute; top:0; left:0; border:3px solid #E4BE91;}

.actif{ color:#FF1003;}

.masquer {
	display:none;
	width: 360px;
}
.open { visibility:visible; }

/*	Site en cours de réalisation
----------------------------------------------------------*/
#site { text-align:center; padding-top:5em; }

/*	Mentions Légales
----------------------------------------------------------*/
#infoclient { float:left; padding:10px 0 0 5px;}
#hebergeur { float:left; padding:20px 0 0 5px ; }

.fixcodanha
{
width:910px;
margin:0 auto;
}

.floatleftha
{
float:left;
margin-left:20px;
margin-right:7px;
vertical-align:middle;
padding:0px;
margin-top:3px;
#margin-top:0px;
}

.fieldha{ margin-bottom:20px; }
.fieldha p
{

}

.highslide {
	cursor: url("../images/graphics/zoomin.cur"), pointer;
	#cursor: url("images/graphics/zoomin.cur"), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
/*.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}
*/
.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    padding-left: 24px;
	background-image: url("../images/graphics/loader.white.gif");
    #background-image: url(../images/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url("../images/graphics/fullexpand.gif") no-repeat;
	#background: url(../images/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


.slideshowha
{
float:left;
margin-top:25px;
}

.boderha
{
border:solid 1px #ed0500;
padding:20px 10px 10px 10px;
text-align:center;
margin-top:20px;
}


/*plan du site*/
#page-plan-du-site{margin:0 auto; width:910px;}
#head-plan-du-site{
height:210px;
background: url(../images/plan-du-site/head-plan.jpg) no-repeat center 2px;

}
#bg-plan-du-site{	background: url(../images/plan-du-site/bg-plan.jpg) repeat-y;	}
#body-plan-du-site{
	background: url(../images/plan-du-site/contenu-plan.jpg) no-repeat;
	min-height:200px;
	width:910px;
}
#content-plan-du-site{text-align:justify;}
#foot-plan-du-site{
	background:url(../images/plan-du-site/foot-plan-du-site.jpg) no-repeat;
	width:950px;
	height:40px;
}

.widthcolapha
{
width:550px;
margin:0 auto;
}

a.tabcolapha
{
display:block;
margin:5px 0 0 0;
border:solid 1px #a60000;
text-align:center;
font-size:1.1em;
font-weight:bold;
padding:6px 0px 6px 0px;
text-decoration:none;
width:100%;
background:#e9bb89 url(../images/bg_onglet.jpg) 50% 50% repeat-x;
color:#fff;
}
a.tabcolapha:hover { background:#e9bb89 url(../images/bg_onglet_hover.jpg) 50% 50%  repeat-x; border:solid 1px #a60000;}
/*a.tabcolapha:active { background-color:#666666 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;; }*/
/*  khong kha thi. ka ka. do co the co link a trong widthcolapha 
.widthcolapha a { background-color:#000; display:block; text-decoration:none; }
.widthcolapha a:hover { background-color:#FF0000; }
.widthcolapha a:active { background-color:#FF0000; }
.widthcolapha a:visited { background-color:#FF0000; }
*/

.contencolapha
{
margin:0px 0px 0px 0px;
text-align:justify;
border:solid 1px #a60000;
border-top:none;
width:100%;
}

.insidetextha{padding:10px;}

.spaceha1{word-spacing:40px;}

.bulletL{float:left; padding-bottom:0px; margin-top:5px; padding-left:0px; padding-right:7px;}
.bulletL2{padding-bottom:0px; margin-top:3px; padding-left:0px; padding-right:7px; vertical-align:middle;}
.bulletL3{padding-bottom:0px; margin-top:0px; padding-left:0px; padding-right:7px; vertical-align:middle;}
.bulleth2{margin-bottom:20px; margin-top:4px;}
.bulleth3{margin-bottom:40px; margin-top:4px;}
.bulleth4{margin-bottom:60px; margin-top:4px;}
.bulleth5{margin-bottom:90px; margin-top:4px;}



.bulletN{float:left; padding-bottom:0px; margin-top:2px; padding-left:20px; padding-right:7px;}

.fbplaceleft
{
width:280px;
text-align:left;
}
.fbplaceright
{
width:190px;
text-align:left;
}


/*----------------- Plan d'accès */

#map, #map2, #map3 {
	width: 530px;
	height: 398px;
	border: #E9BB89 solid 3px;
	margin-top:25px;
}

.infosbulle {
	width: 250px;
	height: 83px;
	border: none;
	margin: 0;
	padding-bottom:30px;
	text-align:center;
	
}
.infosbulle p {
	display: block;
	margin: 0;
	padding: 0px 200px 10px 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 13px;
	color: #FF1003;
	font-weight: bold;
	margin-bottom: 1em;
	text-align:center;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
	text-align:center;
	!text-align:center;
}
.plan-printer {
	display:block;
	text-align: right;
	padding-bottom:15px;
}

.plan-printer img,
.plan-printer a {
	border: none;
}

.wdiv_d { width:550px; margin:0 auto; /*border:solid 1px #000;*/ }

.macaron {	width:84px; height:86px; position:relative; margin-top:-60px; z-index:100; float:right; margin-right:-30px; }