/* CSS Document - General */
* {
	margin:0; padding:0;
}
body {
	background:url(../images/bg.gif) repeat-x #5e8dbf; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0; padding:0;
}

/********************* GENERAL BLOC *********************/
#conteneur {
	margin-left:auto; margin-right:auto; width:1000px; background:url(../images/bg_content.gif) repeat-y 38px;
}
.floatleft {
	float:left;
}

.floatright{
	float:right;
	margin-right:50px;
}

.spacer {
	clear:both;
}

img {
	border:none 0px;
	max-width: 100%;
}

/********************* HEADER *********************/
.logo {
	margin:0 0 0 42px;
}
.logo h1, .phone {
	display:none;
}
.contact {
	background-image:url(../images/telephone.jpg); width:201px; height:241px; font-size:10px; color:#FFFFFF; padding:0 0 0 130px;
}
a.whitelink {
	color:#FFFFFF; text-decoration:none; font-size:10px;
}
a.whitelink:hover {
	text-decoration:underline;
}


/********************* MENU *********************/
.menu {
	background:url(../images/bg_menu.gif) no-repeat; width:252px; height:523px; margin:0 0 0 42px;
}
.menu_page {
	background:url(../images/bg_menu_page.gif) no-repeat; width:252px; height:560px; margin:0 0 0 0px;
	/*background:url(../images/bg_menu_page.gif) no-repeat; width:252px; height:690px; margin:0 0 0 0px;*/
}
	
.menu ul li, .menu_page ul li {
	padding:7px 0 0 10px; list-style:none; height:23px; 
}
.menu ul li a, .menu_page ul li a {
	background:url(../images/puce-menu.jpg) no-repeat 3px; color:#0863b4; font-size:12px; text-decoration:none; display:block; text-indent:25px; height:24px;border-bottom:1px dotted #fe840d; padding-top:5px;
}
.menu ul li span, .menu_page ul li span {
	background:url(../images/puce-menu_hover.jpg) no-repeat #e0e2e0 3px; color:#0863b4; font-size:12px; text-indent:25px; height:24px;border-bottom:1px dotted #fe840d; padding-top:5px; display:block;
}
.menu ul li a:hover, .menu_page ul li a:hover {
	background:url(../images/puce-menu_hover.jpg) no-repeat #e0e2e0 3px;
}
.firstmenu { width:208px; }
.secondmenu { width:203px; }
.thirdmenu { width:195px; }
.fourthmenu { width:189px; }
.fivemenu { width:187px; }
.sixmenu { width:185px; }
.sevenmenu { width:200px; }
.eightmenu { width:205px; }
.neufmenu { width:215px; }
.tenmenu { width:222px; }

/********************* CORPS *********************/
.content {
	background:url(../images/bg_corps.gif) no-repeat; width:676px; height:550px;

}
.content_top {
	float:left; height:230px;
}
.content_top h1 {
	color:#acacac; font-size:30px;
}
.content_top h2 {
	background:url(../images/puce-h2-content.jpg) no-repeat 2px; text-indent:25px; color:#45a029; font-size:12px; margin-left:10px; border-bottom:1px dashed #363636; width:430px; height:18px;
}

.titre {
	background:url(../images/puce-h2-content.jpg) no-repeat 2px; padding-left:25px; color:#45a029; font-size:12px; border-bottom:1px dashed #363636; width:456px; height:18px; font-weight:bold; margin-bottom:5px; display:block; float:left;
}
.content_top p {
	color:#363636; font-size:11.5px; margin:5px 0 0 10px; width:440px; line-height:14px;
}
.content_top img {
	border:3px solid #f0f0f0;
}

.content_bottom h1 {
	background:url(../images/puce-h2-content.jpg) no-repeat 2px; text-indent:25px; color:#45a029; font-size:12px; border-bottom:1px dashed #363636; width:650px; height:18px;
}
.content_bottom p {
	color:#363636; font-size:11px; line-height:14px; margin:10px 0 0 ; 
}

/*.content_bottom img {
	position:absolute; margin:-80px 0 0 450px;
}*/

/********************* CORPS PAGE *********************/
.actu1 strong {
	color:#bf7051
}

.content_page {
	background:url(../images/bg_corps_page.gif) no-repeat right top; width:928px; min-height:600px; margin: -1px 0 0 42px;
}

.content_page h1 {
	color:#acacac; font-size:30px; margin-bottom:5px;
}

.content_page h2 {
	background:url(../images/puce-h2-content.jpg) no-repeat 2px; text-indent:25px; color:#45a029; font-size:12px;  border-bottom:1px dashed #363636; width:505px; height:18px; margin-bottom:10px;
}

.content_page h3 {
	background:url(../images/puce-h2-content.jpg) no-repeat 10px; text-indent:33px; color:#45a029; font-size:12px;  border-bottom:1px dashed #363636; width: 620px; height:18px; margin-bottom:10px;
}

.content_page h3.small {
	background:url(../images/puce-h2-content.jpg) no-repeat 2px; text-indent:25px; color:#45a029; font-size:12px;  border-bottom:1px dashed #363636; width:610px; height:18px; margin-bottom:10px; margin-left:30px;
}

.content_page h4 {
	background:url(../images/puce-h2-content.jpg) no-repeat 10px; text-indent:33px; font-size:12px; width: 600px; height:18px; margin-bottom:10px;margin-left:20px;font-size:11px;text-decoration : underline;
}

.content_page p {
	color:#363636; font-size:11px; margin:15px 0 0 230px; line-height:14px; width:672px;
}
.content_page .smallp { 
	color:#363636; font-size:10px; margin:15px 0 0 30px; line-height:14px; width:610px; 
}

p.para { 
	color:#363636; font-size:10px; margin:10px 0 0 5px; line-height:14px; width:105px;
}

p.parabig { 
	color:#363636; font-size:10px; margin:2px 0 0 5px; line-height:14px; width:200px;
}

a.zoom {
	color:#0863b2; font-size:10px; background:url(../images/zoom.jpg) no-repeat; padding-left:15px; text-decoration:none; text-align:right; margin-left:55px;
}

a.zoom3s {
	color:#0863b2; font-size:10px; background:url(../images/zoom.jpg) no-repeat; padding-left:15px; text-decoration:none; text-align:right; margin-left:145px;
}

p.para2 { 
	color:#363636; font-size:10px; margin:2px 0 0 5px; line-height:14px; width:149px;
}

p.para3{ 
	color:#363636; font-size:10px; margin:10px 0 0 1px; line-height:14px; width:140px;
}

p.para4{ 
	color:#363636; font-size:10px; margin:20px 0 0 1px; line-height:14px; width:125px;
}


a.zoom2 {
	color:#0863b2; font-size:10px; background:url(../images/zoom.jpg) no-repeat; padding-left:15px; text-decoration:none; text-align:right; margin-left:5px;
}

a.normallien {
	color:#0863b2; font-size:10px; text-decoration:none;
}

a.sitemapslien:hover, a.normallien:hover {
	text-decoration:underline;
}

a.sitemapslien {
	color:#0863b2; font-size:11px; text-decoration:none; line-height:17px;
}

a.sitemapslien:hover {
	text-decoration:underline;
}


.img_introduction {
	border:6px solid #f1f1f1; margin:10px;
}

.img_introduction2 {
	border:6px solid #f1f1f1; margin:10px;
}


.img_certification {
	float:left; padding:10px;
}

.red {
	color:#FF0000;
}

/********************* TAGS *********************/
.tag{
clear:both;
color:#7297B2;
width:850px;
margin:10px 0 0 35px;
text-align:justify;
padding-top:10px;
padding-bottom:10px;
font-size:12px;
}

.tag a{
color:#7297B2;
text-decoration:none;
font-size:12px;
}

.tag h1{
color:#7297B2;
font-size:13px;
text-align:left;
margin-left:5px;
}

.tag fieldset{
padding:10px;
padding-top:5px;
padding-bottom:10px;
border-color:#d5d6d7;
border-style:solid;
border-width:1px;
}

.tag_acc{
clear:both;
color:#7297B2;
width:860px;
margin:10px 0 0 80px;
text-align:justify;
padding-top:25px;
font-size:12px;
}

.tag_acc a{
color:#7297B2;
text-decoration:none;
font-size:12px;
}

.tag_acc h1{
color:#7297B2;
font-size:13px;
text-align:left;
margin-left:5px;
}

.tag_acc fieldset{
padding:10px;
padding-top:5px;
padding-bottom:10px;
border-color:#d5d6d7;
border-style:solid;
border-width:1px;
}

/********************* R?eaux sociaux *********************/
#reseaux{
clear:both;
padding:5px;
margin-right:40px;
margin-top: -15px;
}

/********************* FOOTER *********************/
.footer {
	background:url(../images/bg_footer.gif) no-repeat; width:935px; height:43px; margin:0 0 0 38px;
}

.footer p { 
	color:#7297b2; font-size:10px; line-height:12px; width:100%; text-align:center;
}

/* FORMULAIRE DE CONTACT */

label {
	width:110px;
	float:left;
	text-align:right;
	font-size:11px;
	color: #666666;
	font-weight:bold;
}

textarea {
	width:400px;
	height:3.5em;
	border:1px solid #45A029;
	padding:3px;
	margin:4px; margin-top:0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

input.textfield {
	width:400px;
	height:1.4em;
	border:1px solid #45A029;
	padding:1px;
	margin:4px; margin-top:0px;
	font-size: 11px;
}

input.textfield2 {
	width:200px;
	height:1.4em;
	border:1px solid #45A029;
	padding:1px;
	margin:4px; margin-top:0px;
	font-size: 11px;
}

input.textfield:focus, input.textfield2:focus, textarea:focus {
	background:#c5dff6;
}

.box  { 
	color: #FFFFFF; 
	font-size: 11px; 
	font-weight: bold; 
	background-color: #0952a1; 
	border: 1px outset #FFFFFF;
}

/* Accueil */

#image {
/*margin-top:-68px;
margin-left:170px;*/
}

#txt{
width:185px;
float:left;
font-size:10px;
color:#363636;
padding:6px;
}

.txt-contact{
color:#666666;
font-size:11px;
width:450px;
margin-left:auto;
margin-right:auto;
padding-left:50px;
}

.txt-contact ul{
margin-left:20px;
margin-top:5px;
}




/********************************************************************/
#responsive_menu, .display_in_responsive{
	display: none;
}


 .gallerie_img_poignee{
 	padding: 5px;
 }

 .decalage_normal_menu_100{
 	margin-left: 100px;
 }

 .decalage_normal_menu_250{
 	margin-left: 250px;
 }

 label, input.textfield, input.textfield2{
 	margin-top: 10px;
 }
	 
/********************************************************************/
.img_presentation{
	margin-top: -10px;
	float: right;
}

.presentation_solo ,.side_by_side{
	display: table;
	margin: auto;
}

.presentation_solo .zoom, .side_by_side .zoom{
	margin-left: 0px;
}

.presentation_solo img, .side_by_side img {
  vertical-align: middle;
  display: table-cell;
}
.presentation_solo > span,.side_by_side > span {
  vertical-align: middle;
  display: table-cell;
  font-size: 11px;
}

.content_page h3{
	/*width: 100%;*/
}

.side_by_side{
	box-sizing: border-box;
	padding: 1em;
	width: 33%;
	float: left;
}

.side_by_side_quic, .side_by_side_fen_pvc, {
	width: 49%;
}

.ddl_cata_ligne_solo{
	width: 60%;
}

.side_by_side p{
	width: 100%;
	margin: 0px !important;
}

.ddl_cata {
	float: left;
}


.gallerie_img{
	float: left;
	box-sizing: border-box;
	/*padding: 1em;*/
	display: inline-block;
	width: 22%;
	margin-right: 10px;
}

.gallerie_img a, .gallerie_img p{
	display: table-row;
	text-align: left;
}

 .gallerie_img p{
 	padding: 0px !important;

 }

 .gallerie_img_poignee, .gallerie_img_porte{
 	min-height: 260px;
 }