@charset "UTF-8";
/* CSS Document */





body{
	font-family: verdana;
	background: url("images/bgheader.png") repeat-x #e2d7c7;
}

.contenair{
	width: 980px;
	margin: auto;
}

#logoheader{
	text-align: center;
	margin-top: 12px;
}

.contenair h1{
	font-size: 22px;
	margin-top: 12px;
	text-align: center;
	color: #ffffff;
}

#photoindex{
	height: 400px;
	background: url("images/photosheader.jpg") no-repeat;
	margin-top: 34px;
}

#embellir{
	text-align: right;
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
    padding-top: 356px;
    padding-right: 62px;
}

.contenair h2{
	font-family: futura;
	font-size: 24px;
	font-weight: bold;
	color: #424242;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 42px;
}

#navigation{
	margin-bottom: 86px;	
}

#fond_gris{
	background-color: #424242;
}

#navigation a{
	float: left;
	display: block;
	line-height: 56px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 21px;
	text-transform:uppercase;
	width: 243px;
	margin: 0 1px;
	background: #d3be9a;
    transition: background-color 0.2s;
}

#navigation a:hover{
	background: #c3182c url("images/logonav.png") 200px center no-repeat;          /*x horizontale et y verticale*/
}

p{
	text-align: justify;
	color: #424242;
	line-height: 18px;
	margin-top: 18px;
	font-size: 13px;
}

.col2{
	width: 46%;
	padding: 0 2%;
	float: left;
}

.bordure{
	border-left: 1px solid #424242;
	width: calc(46% - 1px);
	margin-bottom: 20px;
}

.retour{
	clear: both;
}

.ensavoir{
	font-size: 14px;
	color: #424242;
}


.ensavoir img{
	margin-left: 4px;
}

li img{
	margin-right: 12px;
	border-radius: 50%;
    box-shadow: 0 1px 10px #424242;
}


ul p{
	padding-bottom: 6px;
	margin-top: 9px;
}

.traitement{
	float: right;
    margin-right: 180px;
    margin-top: 8px;
}

.decoration{
	float: right;
    margin-right: 208px;
    margin-top: 8px;
}

.peinture{
	float: right;
    margin-right: 198px;
    margin-top: 8px;
}

.revetements{
	float: right;
    margin-right: 128px;
    margin-top: 8px;
}

.boutonplus{
	border-bottom: 2px dotted #ab744c;
	margin-bottom: 8px;
	width: 94%;
}

.boutonplus a{
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	background: #c31a2d;
	display: block;
	padding: 6px;
	width: 48px;
	margin-left: 362px;
	transition: background-color 0.5s;
}

.boutonplus a:hover{
	background: #ffffff;
	color: #c31a2d;
}

.boutonplus1{
	margin-bottom: 42px;
}

.boutonplus1 a{
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	background: #c31a2d;
	display: block;
	padding: 6px;
	width: 48px;
	margin-left: 362px;
	transition: background-color 0.5s;
}

.boutonplus1 a:hover{
	background: #ffffff;
	color: #c31a2d;
}

.contour{
	width: 100%;
	height: 8px;
	border-top: 2px dotted #ab744c;
	border-bottom: 2px dotted #ab744c;
	margin-bottom: 28px;
}

.col4{
	width: 22%;
	margin: 0 1.5%;
	margin-bottom: 12px;
	text-align: center;
	float: left;
}

#footer p{
	color: #424242;
	text-align: center;
}

#fondfooter{
	background: #ece9b4;
	height: 72px;
	padding-top: 4px;
}

#email{
	margin-bottom: 8px;
}

#plandacces{
	margin-top: 4px;
	margin-bottom: 82px;
}

#questions{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 16px;
}

#questions fieldset{
    padding: 10px;
	margin-bottom: 32px;
	border: 2px solid #424242;
	color: #ab744c;
}

#questions p{
	font-weight: bold;
	margin-top: 5px;
}

#questions legend{
	margin-left: 20px;
}

#questions label{
	font-size: 12px;
}

#monform fieldset{
	padding: 14px;
	margin-bottom: 20px;
	border: 2px solid #424242;
	color: #ab744c;
}

#monform legend{
	margin-left: 20px;
}

#monform p{
	font-weight: bold;
	margin-top: 20px;
}

#monform label{
	font-size: 12px;
	width: 96px;
	display: block;
	float: left;
}

#monform input{
	width: 75%;
	border: 1px solid #ab744c;
	padding: 2px;
}

textarea{
	width: 75%;
	height: 102px;
	resize: none;
	border: 1px solid #ab744c;
	margin-bottom: 18px;
}

#logo_carre{
	display: block;
	float: right;
	margin-right: 198px;
}

#questions input[type="submit"]{
	border: 3px solid #424242;
	border-radius: 16px;
	padding: 6px;
    width: 86px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-left: 81%;
}

#questions input[type="submit"]:hover{
	color: #43e93f;
	background: #424242;
	cursor: pointer;
}

#monform .rdv{
	font-size: 12px;
	color: #ab744c;
	width: 38%;
}

#monform input[type="checkbox"]{
	width: 6%;
}

#style{
	margin-top: 6px!important;
}