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

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#fff; font-size:80%; font-family:"Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

h1, h2, h3, h4, h5, h6 { color:#ffe000; } 
h1 { font:700 1.23em Georgia, "Times New Roman", Times, serif; text-align:center; }
h2 { font:700 1.17em Georgia, "Times New Roman", Times, serif; text-align:center; }
h3 { font:700 1em Georgia, "Times New Roman", Times, serif; text-align:left; }
h4 { font-size:.9em; }
h5 { font-size:.83em; }
h6 { font-size:.67em; }
p, ul, ol, li { font-size:1em; }
a { color:#fff; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#000; border-width:thin; padding:3px; }

/* Elements Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding-bottom:0; margin:0 2em 0 0; /*border:1px solid #000;*/ }
.imgRight { float:right; padding-bottom:0; margin:0 0 0 2em; /*border:1px solid #000;*/ }

/* 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; }
.txtJaune {color:#ffdd00;}

/* 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; }
.nowrap { white-space:nowrap; }

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

/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end clearfix */

/*	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; } - Activer le CSS si le fond du site est blanc */

/*	Page d'accueil
----------------------------------------------------------*/
/*#chapeau { padding:1em 0 2em; }*/ 
/*#p_accueil { padding-top:.5em; } - Activer pour descendre le 1er paragraphe */

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


/*	isolation phonique + thermique
----------------------------------------------------------*/

#wrapContent h2 {
	background-color:#ffe000;
	padding:5px;
	color:#000;
	font-size:1.2em;
	text-align:left;
	-webkit-border-radius: 3px 0 3px 0;
	-moz-border-radius: 3px 0 3px 0;
	border-radius: 3px 0 3px 0;
	margin: 10px 0 7px 0;
}

#wrapContent ul li {
	list-style-image:url(../images/puce_menu_gauche.png);
	margin-bottom:5px;
}

#wrapContent .txtJaune {
	color:#ffe000;
	font-weight:bold;
	font-size:1.1em;
}

#wrapContent .encart {
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.6);
		padding:8px;
		-webkit-border-radius: 3px 0 3px 0;
		-moz-border-radius: 3px 0 3px 0;
		border-radius: 3px 0 3px 0;
		margin:10px 0 15px 0;
}

#wrapContent .encartFloat {
		width :300px;
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.6);
		padding:8px;
		float:left;
		-webkit-border-radius: 3px 0 3px 0;
		-moz-border-radius: 3px 0 3px 0;
		border-radius: 3px 0 3px 0;
		margin:10px 0 15px 0;
		border-top:1px solid #ffe000;
		min-height:207px;
}

#wrapContent .encartFloat:nth-of-type(2) {  
	margin:10px 0 15px 20px;
} 



/*	 Pose de revetements 
----------------------------------------------------------*/

/*
-------------------------------------------
MENU
-------------------------------------------
*/
ul#menu2 { }

ul#menu2 > li a {background: #fead00; color:#fff;}
ul#menu2 li.hover > a, ul#menu li:hover > a, 
ul#menu2 a.current, ul#menu a:hover, ul#menu a:focus {background: #2c62e8;color: #fff; text-shadow:none;}
ul#menu2 ul a {background:#fff;color:#000;font-size:70%; text-transform:none}

/*	
-------------------------------------------
div#navigation = STYLES
-------------------------------------------
*/
ul#menu2 {padding:2%;width:80%; margin:0 auto;}
ul#menu2 li {list-style:none;}
ul#menu2 > li { display:inline-block;line-height: 1.7em; margin-right:0.4em;position:relative; vertical-align:top;}
ul#menu2 > li span + span {float:right; font-size:80%;padding-left:0.4em;}
ul#menu2 li a {display:block; font-weight:bold; padding:0.4em 0.8em; position:relative; text-decoration:none; color:#000; font-size:1.1em;}
ul#menu2 li a:hover{
	-moz-box-shadow:    inset 0 0 10px #dc9703;
   -webkit-box-shadow: inset 0 0 10px #dc9703;
   box-shadow:         inset 0 0 10px #dc9703;
   color:#666;
}
ul#menu2 ul a:before { content:'› '; }
ul#menu2 ul a { text-shadow:none;}

ul#menu2 > li > a {border-radius: 0.2em;}
ul#menu2 > li > a:hover {border-radius: 0.2em 0.4em 0.2em 0.2em;}
ul#menu2 li.sub > a {border-radius: 0.4em 0.4em 0 0;}
ul#menu2 ul, 
ul#menu2 li li:last-child, 
ul#menu2 li li:last-child a, 
ul#menu2 li li:last-child a:hover {border-radius: 0 0 0.4em 0.4em}

ul#menu2.drop {padding:2% 2% 0;}
ul#menu2.drop > li > a {border-radius: 0.4em 0.4em 0 0;}
ul#menu2.drop li:hover > ul, ul#menu.drop li.hover > ul, ul#menu.drop li > a:focus + ul { left:0;}
ul#menu2.drop ul { left: -9999px; padding-top:7px;position: absolute;z-index:999;}
ul#menu2.drop ul a {width:10em;border-bottom:1px solid #dadada;border-left:1px solid #dadada;border-right:1px solid #dadada;}