/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: url(../images/bg.gif) top center repeat; border:0; font:13px Arial, Helvetica, sans-serif; color:#6e6e6e; line-height:18px; min-width:960px; overflow:hidden}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 980px; }

.block {height:97px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -97px; position:relative; background:url(../images/bg_top.gif) top repeat-x; overflow:hidden}
body, html {height:100%;}

.bg1{ background: url(../images/bg_footer.gif) top repeat-x; position:relative; z-index:1; height:97px;}

.spinner{ position:absolute; z-index:99; background:url(../images/bg.gif) repeat #000; width:100%; height:100%; top:0; left:0}
.spinner div{position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat; width:100%; height:100%; top:0; left:0}

/* ============================= main layout ====================== */

a{ color:#000; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ padding:21px 0 0 10px; float:left; font-size:34px}
h2{ font-size:34px; color:#000; line-height:1.2em; padding:18px 0 37px 0;} 
/* h2{ font-size:34px; color:#fff; line-height:1.2em; padding:18px 0 37px 0;} */

p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{}

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.jpg) 0 0 no-repeat; width:426px; height:102px;}
/* Code d'origine: #logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:213px; height:51px;}
 */


#sign_in{ float:right; padding:42px 10px 0 0;}
#sign_in li{ padding-right:9px; background:url(../images/marker_sign_in.gif) right 7px no-repeat; margin-right:6px; float: left;}
#sign_in .last{ padding-right:0; margin-right:0; background:none;}
#sign_in a{ font-size:13px; text-decoration:none;}
#sign_in a:hover{ color:#343434}


/* .menu{ padding:134px 10px 62px; height:212px;}
#menu {}
#menu > li { position:relative; float:left; padding-top:16px;}
#menu > li > span{ position:absolute; top: -98px; left:-114px; width:416px; height:424px; z-index:1}
#menu > li > span img{ position:absolute; margin-top:212px; margin-left:208px; width:0; height:0}
#menu > li > strong{ height:16px; background:url(../images/bg_menu.png) 0 0 repeat-x; width:100%; top:0; left:0; position:absolute; z-index:2}

#menu > li > a{ display:block; position:relative; width:188px; height:104px; padding-top:92px; font-size:24px; color:#fff; line-height:1.2em; z-index:2; text-decoration:none; text-align:center; letter-spacing:-1px; background:url(../images/menu_active.png) repeat;}
#menu > li > a > span{ position:absolute; height:14px; width:100%; background:#000; top:0; left:0}
#menu > li > a > strong{ position:absolute; width:100%; height:100%; top:0; left:0}
#menu > li > a:hover{}
#menu > .active > a{}

#nav1 a strong{background:#5a5c21}
#nav2 a strong{background:#f2b807}
#nav3 a strong{background:#f27507}
#nav4 a strong{background:#d93d04}
#nav5 a strong{background:#a60505}

.submenu_1{ position:absolute; top:213px; left:0; width:148px; background:url(../images/submenu_bg.png) repeat; padding:26px 20px; z-index:3}
.submenu_1 li{ position:relative; line-height:30px;}
.submenu_1 a{ display:block; font-size:24px; line-height:27px; padding-top:3px; color:#fff; text-align:center; text-decoration:none;}
.submenu_1 li:hover > a{ background:#fff; color:#000}
*/

.menu{ padding:80px 10px 62px; height:212px;}
#menu {}
#menu > li { position:relative; float:left; padding-top:16px;}
#menu > li > span{ position:absolute; top: -98px; left:-114px; width:416px; height:424px; z-index:1}
#menu > li > span img{ position:absolute; margin-top:212px; margin-left:208px; width:0; height:0}
#menu > li > strong{ height:16px; background:url(../images/bg_menu.png) 0 0 repeat-x; width:100%; top:0; left:0; position:absolute; z-index:2}

#menu > li > a{ display:block; position:relative; width:188px; height:104px; padding-top:92px; font-size:24px; color:#fff; line-height:1.2em; z-index:2; text-decoration:none; text-align:center; letter-spacing:-1px; background:url(../images/menu_active.png) repeat;}
#menu > li > a > span{ position:absolute; height:14px; width:100%; background:#000; top:0; left:0}
#menu > li > a > strong{ position:absolute; width:100%; height:100%; top:0; left:0}
#menu > li > a:hover{}
#menu > .active > a{}

#nav1 a strong{background:#be1e2d}
#nav2 a strong{background:#f2b807}
#nav3 a strong{background:#f27507}
#nav4 a strong{background:#d93d04}
#nav5 a strong{background:#a60505}

/* Couleurs d'origines */
/*
#nav1 a strong{background:#5a5c21}
#nav2 a strong{background:#f2b807}
#nav3 a strong{background:#f27507}
#nav4 a strong{background:#d93d04}
#nav5 a strong{background:#a60505}
*/

.submenu_1{ position:absolute; top:213px; left:0; width:148px; background:url(../images/submenu_bg.png) repeat; padding:26px 20px; z-index:3}
.submenu_1 li{ position:relative; line-height:30px;}
.submenu_1 a{ display:block; font-size:24px; line-height:27px; padding-top:3px; color:#fff; text-align:center; text-decoration:none;}
.submenu_1 li:hover > a{ background:#fff; color:#000}

/* ============================= content ====================== */

#content{ height:0;}

#content > ul > li{}

.box{ position:relative; padding-bottom:107px}
#page_about .box{ padding-bottom:57px;}
#page_services .box{ padding-bottom:44px;}
#page_works .box{ padding-bottom:52px;}
#page_contacts .box{ padding-bottom:40px;}
#page_privacy .box{ padding-bottom:22px;}
#page_more .box{ padding-bottom:40px;}


.prev, .next{ float:left; margin-right:6px; width:35px; height:35px; position:relative; background:url(../images/markers.gif) 0 0 no-repeat; margin-top:15px;}
.next{ background-position:right 0;}
.prev span, .next span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/markers.gif) 0 bottom no-repeat; z-index:2}
.next span{ background-position: right bottom}

#page_about .prev, #page_about .next{ float:right; margin-right:0; margin-left:6px; margin-top:19px;}

.gallery2{ width:281px !important}
.gallery2 img{ padding-top:4px; padding-bottom:13px}
.gallery2 p{ padding-bottom:32px}
.gallery2 li{ float:left; margin-right:20px;}

.gallery3 { padding-top:6px;}
.gallery3 a{ display:block; margin-bottom:36px; color:#717171; position:relative; text-decoration:none}
.gallery3 a img{ padding-bottom:16px}
.gallery3 a .bg{ background:#fff; position:absolute; top:0; left:0; width:100%; height:100%}
.gallery3 a .img_act{ position:absolute; top:0; left:0}
.gallery3 a .title{ text-decoration:underline; display:block}
.gallery3 a p{ position:relative; padding:0 20px 16px; }
.gallery3 a:hover{ color:#7d7d7d}
.gallery3 a:hover .title{ color:#000}

.pad_bot1{ padding-bottom:51px;}
.pad_bot2{ padding-bottom:36px;}
.marg_right1{ margin-right:19px;} 
#page_services .pad_bot2{ padding-bottom:30px;}


.button1{ display:inline-block; font-size:12px; color:#000; height:35px; line-height:34px; padding:0 16px; position:relative; background:#fff; text-decoration:none;}
.button1 strong{ position:relative;}
.button1 span{ background:#000; position:absolute; top:0; left:0; width:100%; height:100%}
.button1:hover{ color:#fff}

.list1{ margin:-3px 0}
.list1 li{ line-height:24px;}
.list1 a{ padding-left:30px; color:#6e6e6e; text-decoration:none; background:url(../images/marker_1.gif) 0 4px no-repeat; display:inline-block}
.list1 a:hover{ color:#be1e2d;}

.color1{ color:#000;} /* .color1{ color:#fff;} */

.font1{ font-size:16px; color:#000; text-transform:uppercase; line-height:22px;}

.link1{ text-decoration:none;}
.link1:hover{ color:#6e6e6e}

.testimonials{ background:url(../images/bg_testimonials.png) repeat; padding:14px 20px 18px; overflow:hidden;}
.testimonials_caption{ background:url(../images/bg_testimonials2.png) 150px 0 no-repeat;padding:12px 0 64px 20px;}

.address a{ text-decoration:none}
.address a:hover{ text-decoration:underline}
.address .left{ width:74px;}


/* ============================= footer ====================== */

footer { padding: 24px 10px; font-size:13px; color:#fff; line-height:1.2em;}
/* footer a{ text-decoration:none} */
footer a{ color:#fff}

/* footer a:hover{ color:#343434} */
footer a:hover{ color:#fff}

#social{ float:right; padding:0 0 0 0; } 
#social li{ float:left; padding-right:9px; background:url(../images/marker_social.gif) right 6px no-repeat; margin-right:5px;}
#social a{ color:#343434}
#social a:hover{ color:#fff}
#social .last{ padding-right:0; margin-right:0; background:none;}

 
/* ============================= forms ============================= */

#ContactForm{ padding-top:5px; position:relative;}
#ContactForm .wrapper{ overflow:inherit; min-height:50px;}
#ContactForm .success{display:none; position:absolute; top:180px; background:#fff; padding:15px 30px; color:#000; width:340px; z-index:99}
#ContactForm label{ position:relative;min-height:41px; display: inline-block;}
#ContactForm .message{ height:241px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#a60505; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:23px; float:right; margin-top:37px;}
#ContactForm .input { margin:0;width:264px; height:15px; background: none; padding:13px 8px;color:#6e6e6e; font:13px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:384px; height:215px; background: none; padding:13px 8px;color:#6e6e6e; font:13px Arial, Helvetica, sans-serif;}


#ContactForm  .bg{ background: url(../images/bg_form.png) repeat; float:left;}


.tarif{
	text-align:center;
	margin-left:7%;
	
}


.tarifHeader{
	background-color:#bf1e2e;
}
.tarifHeader h3{
	color:white;
	font-size:large;
	padding:5%;
}

.tarifBody{
	border:solid;
	border-color:#bf1e2e;
	
	border-bottom:none;

}
.tarifBody :hover{
	border:solid;
	border-bottom:none;
	border-color:#bf1e2e;
	background-color:#bf1e2e;
	color:white;
}



.tarifFooter{
	border:solid;
	border-top-width:none;
	padding-top:5%;
	border-top-color:#f2b807;
	border-color:#bf1e2e;
	background-color:#f2b807;
}
.tarifFooter p{
	color:#bf1e2e;
	font-size:small;
}
span.prix{
	color:#bf1e2e;
	font-size:x-large;
}