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

/* Styles DIV */

#body{
	background-color:#ea7075;
	background-repeat:repeat;
	background-position:top center;
	width:100%;
	margin:0;
	padding:0; font-family:"Lato",Arial, Helvetica, sans-serif;
	}
	
#mainbody{
	width:100%;
	}
	
#header{
	height:50px;
	background-color:black;
	}
  
  
#topmenu{
	width:100%;
	margin:auto;
	height: 50px; /* hauteur du parent */
  	line-height: 50px; /* hauteur de ligne (identique) */
 	white-space: nowrap; /* interdiction de passer à la ligne */
  }
  
 #logo{
	background-image:url(../images/logobg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}
	
  
 #logocontent{
	max-width:163px; width: 100%;
	white-space: nowrap;
	margin:auto;
	}

#logocontent img {
	width: 100%;
	max-width: 259px; margin: 0 auto; display: inherit;
}

	
#maincontainer{
	    max-width: 1024px;
    margin: auto;
    min-height: 500px;
    width: 100%;

	}
	
#maintop{
	background-color:black;
	padding-top:50px;
	padding-bottom:50px;
	padding-left:20px;
	padding-right:20px;
	}

#formulaire{
	background-image:url(../images/formulairebg.png);
	background-repeat:repeat-x;
	background-position:top;
	padding-bottom:100px;
	}
	
#formulairecontent{
	max-width:635px; width: 100%;
	margin:auto;
	}
	
#formulairetop{
	max-width:635px; width: 100%;
	background-image:url(../images/formulairetop.png);
	background-repeat:no-repeat;
	height:50px;
	}

#formulairemain{
	max-width:635px; width: 100%;
	background-image:url(../images/formulairemain.png);
	background-repeat:repeat-y;
	min-height:120px;
	}

#formulairebottom{
	max-width:635px; width: 100%;
	background-image:url(../images/formulairebottom.png);
	background-repeat:no-repeat;
	height:50px;
	}
	
#formulairemaincontent{
	width:90%;
	margin:auto;
	}
	
#footer{
	height:50px;
	background-color:black;
	}
	
#footercontainer{
	max-width:1024px; width: 100%;
	margin:auto;
	}
	
#mentionslegales{
	height: 50px; /* hauteur du parent */
  	line-height: 50px; /* hauteur de ligne (identique) */
 	
	vertical-align:middle;
	}
	
/* Styles Textes */

.topmenu{
	color:white;
	font-family:"Lato",Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	}

a.topmenu{
	color:white;
	font-family:"Lato",Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	}
	
.footer{
	color:white;
	font-family:"Lato",Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	}
	
a.footer{
	color:white;
	font-family:"Lato",Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	}
	
.h1{
	color:#ea7075;
	font-family:"Lato",Arial, Helvetica, sans-serif;
	font-size:35px;
	text-align:left;
	font-weight:bold;
	}

.h2{
	color:#ea7075;
	font-family:"Lato",Arial, Helvetica, sans-serif;
	font-size:25px;
	text-align:left;
	}

.h3{
	color:white;
	font-family:"Lato",Arial, Helvetica, sans-serif;
	font-size:25px;
	text-align:left;
	}

.p{
	color:white;
	font-family:"Lato",Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:left;
	}
	
.formulaire{
	color:black;
	font-family:"Lato",Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left; display: block;
	}
	
.Envoyer
{
background-image:url("../images/Envoyer.png");
height:36px;
Width:160px;
border:none;
cursor:pointer;margin: 10px auto 0;
display: block;
}
#formulairemaincontent .h2 {
	margin-left: 20px;
}
.bloc {
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
}
label {
	width: 80px;
	display: inline-block;
}
a {
	color: #ea7075;
}
#contactForm {
	margin-top: 10px;
}
.couleur {color:#ea7075;}
@media only screen and (min-width: 481px) {
.bloc {
	float: right;
	width: 47%;
}
	.bloc.blocg {
	width: 53%;
	float: left;
}
	
}
@media only screen and (min-width: 769px) {
	#logocontent img {max-width: 339px;
}
	
}
@media only screen and (min-width: 1024px) {}