/*POLICES
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Nunito);*/

/*COULEURS

*/


/*NORMALISATION*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0;padding: 0;font-size: 100%;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;color: #fff;font-weight: normal;}
ol,ul{list-style:none}
address, caption, cite, code, dfn, th, var{font-style:normal;font-weight:normal;}
abbr{margin:0;padding:0;text-decoration:none;border:none}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}


/*TEMPLATE*/
html{
	background-color:#34363A;
}
body{
	position:relative;
	width:100%; 
	font-family:Raleway, Helvetica, sans-serif;
	font-size:13px;color:#2E2F34;
	background-color:#201F24;
	margin:0px;
	text-align: center;

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

}


h1, h2, h3,h4, a{
	font-family: 'Pacifico';
	font-weight: normal;
	text-align: left;
}

p, a{
	font-family: 'arial';
	text-align: justify;
	text-decoration: none;
} 
p{
	padding: 10px;
	line-height: 160%;
	font-size: 16px;
	
}
h2{
	font-size: 25px;
	padding: 5px 20px 10px 20px;
	display:inline-block;
	margin-bottom: 20px;
	text-shadow:2px 2px 1px #fff;
}

h3{
	font-size: 25px;
	padding: 5px 0px 0px 0px;
	margin-bottom: 10px;
	color:#575656;
	text-shadow:2px 2px 1px #fff;
}

h4{
	font-size: 18px;
	padding: 5px 0px 0px 0px;
	margin-bottom: 10px;
	color:#575656;
	text-align: left;
	text-shadow:2px 2px 1px #fff;
}


p.ol{font-size:24px;font-style: oblique;margin-top:30px;}
span.num{border-radius: 40px;width:40px;height:40px;display: inline-block;text-align: center;background:#575656;color:#fff;font-size:24px;padding-top:0px;font-style: oblique;margin-right: 15px;margin-bottom: 00px;display:block;float: left; }

ul.choix1 {margin-bottom: 15px}

ul.choix1 li{display: inline-block;}

li.ou{font-size:24px;padding:0px 20px;}

ul.choix2 {margin-bottom: 15px; height: 100px;}

ul.choix2 li{display: inline-block;width: 200px}
ul.choix2 li.ou{width: auto;}




.btn{
	border-radius: 6px;
	padding:10px 20px;
	display: inline-block;
	color: #fff;
	text-decoration:none;
	font-size: 20px;
	background: #F6B444;font-weight: bold;
	text-shadow:1px 1px 0 #000;
}
.choix1 .btn{
	background: #575656;
}
.choix2 .btn{
	border-bottom: 5px solid #AE8325;
	position: relative;
	top:0px;
	text-shadow:1px 1px 0 #AE8325;
	-webkit-transition: all 0.2s ease-in-out;
  	-moz-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
  	cursor: pointer;
}
.choix2 .btn:hover{
	border:0px solid #AE8325;
	position: relative;
	top:5px;
	text-shadow:-1px -1px 0 #AE8325;
}

.txt{
	position: relative;
}


/*CONTENU*/

/*HEADER*/
#header{
	background: #381C45;
	position: fixed;
	width: 100%;
	z-index: 999;
	box-shadow: 0px 0px 10px #333;
	border-bottom:1px solid #fff;
}

#header h1{
float:left;padding:20px 0px;
}

#header h2{
float:right;width:425px;font-size: 30px;text-align: center;margin-right: 100px;line-height:1.5em;color: #fff;padding-top:20px;
}


#header h2 span{
font-size: 40px;color: #575656
}

#header h2 em{
font-size: 28px;color: #fff
}
#header.smallogo h1, #header.smallogo br{
	display: none;
}
#header.smallogo em{
	display: none;
}
#header.smallogo span{
	margin-left: 10px;
}
#header.smallogo h2{
	width: 100% !important;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	margin: 5px 0 10px 0;
}
#content{
	background:  url(../images/concrete_seamless.png), #FFF;padding-top:253px;color: #575656;padding-bottom:20px;box-shadow: 0px 0px 10px #333;position: relative;z-index: 2;
}

.left{width: 45%;float:left;margin-left:20px;}
.right{width: 45%;float:right;}

#content .wrapper{
overflow: auto;
}
#content .right{
	border-radius: 5000px;
	width: 330px;
	height: 330px;
	overflow: hidden;
	background: url(../images/buche1.jpg)no-repeat center center;
	border:5px solid #EDEDED;
	box-shadow: 0 0 8px #666 inset;
	margin-top: 5px;
}


#content .left{
	border-radius: 50px;
	width: 450px;
	height: 297px;
	overflow: hidden;
	background: url(../images/equipe.jpg)no-repeat center center;
	border:5px solid #EDEDED;
	box-shadow: 0 0 8px #666 inset;
	margin-top: 5px;
	display: block;
	float: left;


}

/*FIRST*/

.wrap{overflow: auto;}
ul{
	list-style: disc;
	padding-left: 40px;
	font-size: 16px;
	text-align: left;
	line-height: 30px;

}

.wrap ul{

	float: left;
	width:40%;
	margin-top: 80px
}


.step{width:30%;float:left;padding: 10px;height:300px;background: #D2D2D2;margin: 5px}

.step img{width:100%;}
.step span{display: block;margin:10px;}


span.form-error{display: block;font-style: italic;font-size:12px;font-family: nunito !important;background: #CD402E;display:inline-block;position:relative;top:2px;padding:5px 10px;border-radius: 8px;}

p.separator{border-bottom:1px dashed #fff;padding:0px;margin-bottom:10px;}



#bg{background: url("../images/veligo-gmap-8bit.png") center center;height: 400px
}

#bg a{display: block;text-indent: -9699px;width: 100%;height: 400px
}

#bg .step{margin-top:40px;background: #381C45;height: auto;}


/*FOOTER*/
#footer{
	background: #575656;color: #fff;padding:10px 0px;
	position:relative;
	z-index: 2;
	box-shadow: 0px 0px 5px #000;
	border-bottom:5px solid #F0B635;

}

#footer .wrapper{
overflow: auto;
}

#footer .left{width: 55%;text-align: left;}

#footer .right{width: 41%;text-align: right;height: 60px;position: relative;bottom: 20px;}


#footer img{
height:36px;background: #fff;border-radius: 6px;border:2px solid #fff;border-radius: 5px;
	}


#footer h3{
font-size: 24px;color: #fff;margin-bottom: 5px;padding: 0px
	
}
#footer  ul.sec {
	margin-top: 40px
}
#footer  ul.sec li{
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}

#footer  ul.info li{
	font-size: 12px;
	text-align: left;
	margin-bottom: 3px;
	display: inline-block;
	padding: 7px 10px;
	padding-left: 30px;
	margin-right: 10px;
	border-radius: 50px;
	color: #fff
}
#footer  ul.info li a{

	color: #fff
}

#footer  ul.info li:nth-child(1){
	background: url(../images/loc.png)no-repeat center left 8px #333;
}
#footer  ul.info li:nth-child(2){
	background: url(../images/tel.png)no-repeat center left 8px #333;
}
#footer  ul.info li:nth-child(3){
	background: url(../images/hor.png)no-repeat center left 8px #333;
}


/*OUTILS*/
.hidden{
	position: absolute;
	top:-9999px;
}
.clearfix{
	clear: both;
}





div.copyright{color: #666;background: #000;margin-top: 5px;padding: 5px 0px}

div.copyright a{color: #666}




/*SECU*/

div.secu{
	text-align: center !important;
	line-height: 180%;
	background: #F4F4F4;
	padding: 10px 20px;
	box-shadow: 0 0 6px #999 inset;
	border-radius: 10px;
	display: inline-block;
	width: 73%;
}
div.secu h3{
	color: #575656;
	font-size: 1.5em;
	float: left;
	padding-right: 30px;
}

div.secu p{
	padding-top:5px;
}