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

body{
background:#ffffff url("images/shutterstock_532036402.jpg") no-repeat fixed;
background-size:auto 75vh;

font-family:"avenir", Helvetica, Arial, sans-serif;
font-size:16px;
color: #1b3930;
margin: 0;
padding: 0;
background-position-x: right;
	background-position-y: top;
}

h3, legend {
color:#1b3930;
padding:10px 6% ;
margin: 0 0 3% 0;
background:rgba(221,196,103,1);;
font-size:1.2em;
font-weight:bold;

}
/*legend { position: relative;
left: -2em;
top: -1em; font-weight:bold;
}*/

img{
border:0;
padding:0;
margin:0;
max-width:100%;
    height: auto;

}

#container{
width:100%;
text-align:center;}

#page{
width:980px;
margin:auto;
text-align:left;
}

#header{
background: #ffffff none repeat scroll 0 0;
    border-bottom: 4px solid #9faa00;
   color: #9faa00;
   
    margin: 0;
   padding: 30px 0 10px 0;
    text-align: right;
  /*  display: flex;
justify-content: space-between;
    align-items: center;*/
	width: 650px;
}

#header img{

	}
	
#header h1{
	margin: 0 10px;
    font-size: 1.7em;
    font-weight: bold;}

#intro { 
background:rgba(166, 178, 68,0.74);
 color: #ffffff;
    font-size: 1.6em;
    margin: 50px 0 0 0;
    padding:  1em;
    text-align: center;
	font-weight: bold;

}

#intro .header{
background:#6c5e5e;
color:#FFFFFF;
text-transform:capitalize;
padding:1% 2%;
}

#intro .article{
padding:1% 2%;
}

#content {
width: 650px;
	
}

.wrapper {
	overflow: hidden;
	width: 650px;
	position: relative;
	margin:0 ;
	
}
form{
	display: flex;
	flex-wrap: wrap;
}

.section{
	width:100%;
	background: rgba(255,255,255,0.74);
	float:left;
	padding: 30px 0;
	margin:2% 0;
	border:0;
	color:#333333;
	}

fieldset {
 border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;
	
}

#bottom{
font-size:0.9em;
text-align:center;
padding:0;
width: 650px;
 color: rgba(145, 138, 138, 0.76);
}

.une_ligne { 
clear:both ; position: relative;
    /* height:2.5em;*/
background:#ffffff;
margin:1% 6%;
line-height:2em;
padding:1% 0;
overflow:hidden;
width:88%;
border: solid 1px #ccc;

}

input{
background:url(images/point.gif) repeat-x left 80%;
border:0;
padding:0.38em;
	width: 60%;

}


/*.fonction, .type, .effectif{
background:none;
border:0;
padding:0.38em;
text-align:center;
color:#000000;
width:60%;}*/

.fonction:focus,.type:focus, .effectif:focus{
background:#FFFFFF;}

label{
display: block;
    float: left;
    padding-right: 2%;
    text-align: right;
    width: 30%;}

.civ{
padding:1% 0 0 0;}

.par3{
line-height: 0.9em;
    margin: 0;
    padding: 1% 0 0 0;
    width: 30%;}
.par3 input{
	width: inherit;
}

input:focus{
background:#FFFFFF;}

.button, .reinit{
background:#557555;
color:#ffffff;
font-size:1.4em;
padding:1em 2em;
width:100%;
font-family: "avenir", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

/*input.button:focus{ background:#f12b60;}*/

.button:hover, .reinit:hover, .button:focus, .reinit:focus{
background:#1b3930;
}

.button:active, .reinit:active{
background:#ff6991;
color:#FFFFFF;}

.reinit{
background:#b5ada2;
margin: 2% 0;
}

/*.reinit, input.reinit:focus
{
background:#b5ada2;
margin: 2% 0;
}*/

/*input.reinit:focus, input.button:focus{ color:silver;}*/

#boutons{
margin:6%;}


.erreurs_entete {
	
	color:#000000;
	padding: 1%;
	background:url(images/fond_alerte.png);
	border:solid 1px #f12b60;
	width:18%;
	_width:25%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 40%;
	_margin:0;
	_left:37%;
	position:absolute;
	z-index:1;

}

.wrapperror{
background:url(images/fond_erreur.gif);
padding: 1.5% 0 1% 0;
text-align:right;}

.errmsginfo {
display:block;

font-weight:normal;
font-size:0.9em;
line-height: 1.2em;
    margin: 0 0 0 32%;
}

.contenu_ligne{
background:#EFEDEA;
padding:1% 0 0 0;
text-align:left;
}

.error{
background:url(images/fond_erreur.gif);
}
.error_checkbox 	{}
.error_empty	{}
.error_text		{}
.error_digits	{}
.error_phone	{}
.error_mail 		{}
.error_select 	{}

.ok_entete { 
	
	 margin: 0 15%;
	 _margin: 0;
	 _left:25%;
	
	 font-size: 1.5em;
     width: 50%;
    padding: 5% 10%;
}

ul{
	 background: #ffcc66;
    color: #6a3512;
    margin: auto;
    padding: 20px 40px;
    width: 90%;
}

@media (min-width:1300px){
.wrapper {
	
	margin:0 ;
	
}}
@media (min-width:1024px){
#page{
width:980px;
	}

.valeurs{
margin:0 auto;
width:1031px;
margin-top:-60px;
margin-left:-28.5px;}



}



@media (max-width:980px){
/*body{
background:#ffffff url(images/backgroung_1500.jpg) no-repeat center 100%;
background-size:100%;}*/

#page{
width:95%;}

.erreurs_entete {

	width:25%;
	margin:0 35%;

}
	#content, .wrapper, #bottom, #header{
		margin: auto;
	
	}


}

@media (max-width:800px){

#header h1 {
   /* font-size: 1.2em;*/
   margin: 0 10px;
}
.section{
font-size:0.9em;}

#bottom{
font-size:0.8em;}

.erreurs_entete {

	width:50%;
	margin:0 auto;
	 position: relative;

}

.ok_entete {
margin:0 10%;
width:60%;}
	
	#content, .wrapper, #bottom, #header{
		margin: auto;
		width: 100%;
	}

}

@media (max-width:600px){
	#header h1 {
   /* font-size: 1.2em;*/
    margin: 0 5px 0 0;
 
}

.wrapper{

margin:auto;}
.section{
width:100%;
margin:0;
padding:0 0 5% 0;
}

#header{


}

.erreurs_entete {
 position: relative;

	width:80%;
	margin:0 auto;

}
}

@media (max-width:480px){
	#header h1 {
    font-size: 1.2em;
    margin: 5px 5px 0 0;
    width: 50%;
}
    #header img{
        width: 50%;
        height: auto;
    }

.wrapper{
width:100%;
margin:auto;}

.erreurs_entete {

	 margin: 0;
    position: relative;
    width: 97%;

}
.erreurs_entete {

	 margin: 0 auto;
    position: relative;
    width: 76%;

}
.ok_entete {
font-size:1.3em;}}