/* 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 }

/* Global properties ======================================================== */
body { 
	background:#f8f8f9; 
	font-family:Arial, Helvetica, sans-serif;
/*	font-size:1.3em; */
	line-height:1.0625em;
	color:#858484;
	}
	
body {font-size: 200%}

@media screen and (max-width: 64em) {
 body {
      font-size: 175%;
   }
}

@media screen and (max-width: 50em) {
 body {
       font-size: 140%;
   }
}

@media screen and (max-width: 42em) {
   body {
        font-size: 115%;
  }
}
@media screen and (max-width: 34em) {
   body {
        font-size: 90%;
  }
  
}
html, body {
	width:98%;
	margin-left: auto;
	margin-right: auto;
	max-width:980px;
/*	font-size:100%; */
}

/* Header
---------------------------------------- */

.header-bg {
	background: url(../images/main-banner.jpg) no-repeat;
	background-position: 0 2em;
	background-size: cover;
	max-width:950px;
	margin:auto;
	height:12em;
	}


/* Logo */
.logo {
	
	margin-top:10px;
	margin-left:10px;
	}
.logo a:link{	color:white;}
.logo a:visited{	color:white;}
.logo a:hover{	color:white;}
.logo a:active {  color: white;}

.logo a img{
	height:8em;
	opacity: 0.90;
}
/* Navigation */
header nav {
	top:13px;
}
header nav ul li {
	float:left;
}
header nav li a {
	float:left;
	padding:0.2em;
	padding-top:0.3em;
	padding-bottom:0.3em;
	font-size:1.1em;
	line-height:1.2em;
	color:#fff;
	text-decoration:none;
	text-shadow:1px 1px 0 #004376;
	position:relative;
	margin-left:auto; /*px;*/
	margin-right:auto; /*2px;*/
}
header nav li a.current {
	background:darkgreen;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
header nav li a:hover{
	background:darkgreen;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}	
			

/* Main banner */
.main-banner {
	display:block;
	left:9px;
	top:73px;
	}




/* DIVERS ============================================================= */


a.packCom{
	border:1px solid #777;
	background:#fff;
	padding:5px 15px 5px 15px;
}

/* Global Structure ============================================================= */
.container_24 {
	position: relative;
	font-size:1em;
}

	/* Header */
	header{ width:100%;
	
		height:100%;
		/*overflow:hidden;*/
		background:url(../images/header-tailOrange.gif) 0 -80px repeat-x #fff;
		}
	
	/* Content */
	section#content {
		background:url(../images/content-tailOrange.gif) 0 -80px repeat-x #f8f8f9;
		padding-bottom:20px;
		}
	
	/* Sidebar */
	aside{
		
		}
			
	/* Footer */
	footer{
		background-color:#FF4500; /*Orange /*url(../images/footer-tailOrange.gif) 0 100% repeat-x darkgreen;*/
		padding:25px 0 25px 0;
		}

label.labelClick{
	color:#30383a;
	border: 1px solid #777; 
	background:#fa6a02;
	padding:5px 15px 5px 15px;
}

label.tarif{
	font-size:2em;
	line-height:2em;
}
a.devis{
	margin-left:17px;
	margin-right:17px;
}

/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	/*width:100%;*/
	overflow:hidden;
	font-size:1em;
}

/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
	}
.img-box { 
	/*width:100%; */
	overflow:hidden; 
	padding-bottom:20px;
	}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
		}

.extra-wrap { 
	overflow:hidden;
	}

p {margin-bottom:17px;}
.p1 { margin-bottom:8px;}
.p2 { margin-top:17px;margin-bottom:7px;}
.p3 { margin-bottom:26px;}


/*----- txt, links, lines, titles -----*/
a {
	color:#f86314; 
	outline:none;
	}
a:hover{
	text-decoration:none;
	}

h1 {
	font-size:2em;
	line-height:1.2em;
	font-weight:normal;
	color:#30383a;
	letter-spacing:-2px;
	font-weight:700;
	margin-bottom:18px;
	}
	h1 span {
		font-size:0.75em;
		line-height:1.2em;
		font-weight:500;
		display:inline-block;
		position:relative;
		top:13px;
		}
h3 {
	font-size:1.5em;
	line-height:1.2em;
	font-weight:500;
	color:#30383a;
	background:url(../images/line-hor.gif) 0 100% repeat-x;
	margin-bottom:20px;
	}
h2 {
	font-size:1.4em;
	color:#454f51;
	margin-top:0;
	line-height:1.2em;

	}
h2.i {
	font-size:1.4em;
	color:#454f51;
	margin-top:1.6em;
	line-height:1.2em;

	}
	h2.alt {
		padding-top:10px;
		}
h5 {
	
	}
h6 {
	
	}
	
.button { 
	display:inline-block;
	width:120px;
	height:37px;
	line-height:37px;
	font-size:1em;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background:#d85304;
}

.button2 { 
	display:inline-block;
	height:37px;
	line-height:37px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background:#d85304;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	
}

.button:hover{
	background:#f86314;
}
input[type=submit] { 
	background-color:#d85304;
	cursor:pointer;
	display:inline-block;
	width:120px;
	height:37px;
	line-height:37px;
	font-size:1em;
	color:#000;
	text-decoration:none;
	text-align:center;
	 /*#d85304;*/
}

/*input[type=submit]:hover{
	background:#f86314;
}*/
span.button{
	margin-top:-37px;
	background-color:#d85304;
}
span.button:hover{
	background-color:#f86314;
}

/* Boxes */
.box {
	background:#eaedf0;
	border:1px solid #c4c4c3;
	padding:10px;
	position:relative;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(js/PIE.htc);
	width:92%;
	margin:auto;
}


.address { 
	float:left;
	padding-bottom:3px;
}
	.address dt {
		margin-bottom:17px;
	}
	.address dt:first-line {
		font-weight:bold;
		color:#454f51;
		font-size:13px;
		}
	.address dd { 
		clear:both;
	}
		.address dd span { 
			float:left;
			
		}


/* IMG REALISATION:

----------------------------------------- */

img.vignette{
	left:auto;
	right:auto;
	
	width:335px;
	transform: rotate(2deg);
	margin-top:-15px;
	border: solid 1px #999;
}
img.vignette_8{
	width:250px;
	transform: rotate(2deg);
	margin-top:-15px;
	border: solid 1px #999;
}
img.vignette:hover{
	cursor:pointer;
}
img.vignette_8:hover{
	cursor:pointer;
}
div.Vrealisation{
	z-index:1;
	position: absolute;
	display: none;
	/*width:100%;*/
	border:solid 1px #999;
	border-radius: 5px;
	padding:15px;
	background-color:#ddd;
	color:#000;
	font-size:.75em;
	-webkit-backdrop-filter: blur(15px); /* assure la compatibilité avec safari */
    backdrop-filter: blur(15px);
    background-color: rgba(182, 182, 182, 0.2);
	
}
div.Vrealisation:hover{
	cursor:pointer;
}
img.realisation{
	width:630px;
}


/*----------------------------------- PACK ---------------------------*/
div.divpackmobile{
	display:none;
/*	width:100%;*/
	margin-left:-15px;
	padding:0;
}
div.packmobile{
	border:solid 1px #999;
	border-radius: 5px;
	padding:15px;
	background-color:#ddd;
	color:#000;
	font-size:.75em;
	-webkit-backdrop-filter: blur(15px); /* assure la compatibilité avec safari */
    backdrop-filter: blur(15px);
    background-color: rgba(182, 182, 182, 0.2);	
}
div.pack{
	float:left;
/*	width:100%;*/
	margin:10px;
	border:#aaa solid 1px;
	border-radius: 5px;
	font-size:14px;
	font-size:1em;
}
div.pack:hover{
	background-color:#ddd; /*#FF4500;*/
}
div.pack h2{
	padding:15px;
	text-align:center;
	font-size:22px;
	border-bottom:#aaa solid 1px;
}
div.pack span.packspan{
	margin:5px;
	color:#454f51;
}
div.pack ul li {
	margin:5px;
	font-size:0.9em;
}
div.tarifpack{
	background-color: #d85304;
	color:#fff;
	font-size:1em;
	padding:5px;
	height:35px;
	
}
div.tarifpack span{
	font-size:1.2em;
	right:5px;
	float:right;
}
input.buttonpack{
	margin-top:-8px;
	height:34px;
	margin-bottom:-8px;
		/*background-color:#d85304;*/

}
input.buttonpack:hover{
	cursor:pointer;
}
input.tarifPack{
	border:0;
	font-size:20px;
	size:6;
	background:transparent;
	text-align:right;
	color:#fff;
}
input.ValidPack{
		background-color:#d85304;
	cursor:pointer;
	display:inline-block;
	
	height:37px;
	line-height:37px;
	font-size:18px;
	color:#000;
	text-decoration:none;
	text-align:center;
}





/* Content
---------------------------------------- */
#content {
	
}
	.inside {
		padding:0 0 0 10px;
		}
		.inside .inside {
			padding:40px 0 0 0;
			}
	.row {
		padding-bottom:34px;
		}

/* List */
.list1 li {
	background:url(../images/marker2.png) no-repeat 0 5px;
	padding:0px 0px 5px 25px;
	line-height:29px;
	/*font-size:13px;*/
	}


.list2 dt {
	font-weight:bold;
	font-size:16px;
	color:#454f51;
	}
.list2 dd {
	border-bottom:1px dashed #e1e5e6;
	padding:0 0 10px 0;
	margin-bottom:11px;
	}
.list2 dd:last-child {
	border-bottom:none;
	}


.list3 dt {
	font-weight:bold;
	font-size:16px;
	color:#454f51;
	}
.list3 dd {
	margin-bottom:17px;
	}
.list3 dd:last-child {
	margin-bottom:0;
	}




/* Footer
---------------------------------------- */
footer {
	color:darkgreen;
	width:100%;
	padding: 10px;
	}
footer a {
	text-decoration:none;
	color:darkgreen;
	}
footer a:hover {
	text-decoration:underline;
	}
	

/* Copy */
footer .copy {
	/*float:left;*/
}
footer .copy a {
	color:#fff;
}

/* Footer navigation */
footer a.navfooter {
	border-top:1px solid darkorange;
	width:100%;
	}
footer a.navfooter:hover{
	color:#fff;
	}
footer a.navfootercurrent {
	color:#ffffff;
	text-decoration:none;
}


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
	width:100%;
	overflow:hidden;
	display:block;
	color:#373732;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1em;
}
	#contacts-form label {
		display:block;
		height:58px;
		overflow:hidden;
	}
		#contacts-form input {
			color:#fff;
			border:1px solid #a09b96;
			padding:3px 0 3px 5px;
			width:400px;
		}
		#contacts-form textarea {
			color:#111;
			border:1px solid #a09b96;
			background:#fff;
			padding:3px 0 3px 5px;
			overflow:auto;
			height:128px;
			margin-bottom:18px;
		}
		#contacts-form .button {
			float:right;
			margin-left:14px;
		}

/*==========================================*/