BODY {
font-size: 12px;
line-height: 130%;
font-family: Arial,Helvetica,sans-serif;
background: white;
margin:0;
width:100%;
}
#container
{
	max-width:1100px;
	width:100%;
	margin:0 auto 0 auto;
}

#zone
{
max-width:1100px;
width:100%;
}
H2{
line-height:1.5;
text-align:center;
}

H4{
background: #ff7f27;
color:white;
padding:5px;
font-size:1.1rem;
}
/* FORMULAIRE */
.reponse_formulaire_ok,.alerte_valide,.reponse_ok{
	padding:3px;
	margin:3px;
	background:#d1fcd1;
	color:#19b830;
	border:1px solid #19b830;
	border-left:4px solid #19b830;
}
.erreur,.alerte_erreur{
	display:inline-block;
	padding:3px;
	margin:3px;
	background:#fdd4d4;
	color:#fa1717;
	border:1px solid #fa1717;
	border-left:4px solid #fa1717;
}

.obligatoire::after{
content:"*";
color:red;
font-weight:bold;
}


FIELDSET{
	border:3px solid #ff7f27;
	padding:50px 10px 20px 10px;
	position:relative;
	font-family: 'Cairo', sans-serif;
}

LEGEND{
	position: absolute;
	background: #ff7f27;
	display: block;
	color: white;
	width: 100%;
	left: 0px;
	padding: 10px;
	font-size: 1.4rem;
	text-align: center;
	text-transform: uppercase;
	top: 0;
}

.cadre{
	border:1px solid #ff7f27;
	padding:15px;
	position:relative;
	line-height:2.5;
	margin:12px 0;
}
.cadregris{
	background:#c0c0c0;
	border:1px solid white;
	padding:0 15px 15px 15px;
	position:relative;
	margin:0 0 20px 0;
	color:white;
}
.cadregris b{
display:inline-block;
margin:0 0 5px 0;
}

#deduc_calcul{
font-weight:bold;
}

LABEL{
	display: inline-block;	
	min-width:200px;
	text-align: left;
	line-height: 1.4;
	margin:0 20px 0 0;
	color:black;
	font-weight:normal;
}
.box{
float: left;
font-size: 20px;
color: black;
background: #efe4b0;
padding: 12px 4px;
margin: 2px;
width: 66px;
text-align: center;
min-width: 20px;
}
.boxorange{
background:#ff7f27;
}

INPUT, SELECT{
	border: 1px solid #C0C0C0;
	color: black;
	background-color: white;
	height: 39px;
	padding: 0;
	font-size: 15px;
	margin:2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	

}

.selectmenu SELECT{
	background: transparent;
	color:white;
	width: 100%;
font-family: 'Cairo', sans-serif;
font-size:1.1rem;	
	padding: 0 0 0 10px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 35px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
}
div.selectmenu{
	display:inline-block;
	position:relative;
	margin:4px;
	padding:0;
	width: 300px;
	max-width:100%;
	height: 39px;
	overflow: hidden;
	background:url(/images/select.png) no-repeat 100% center #4675db;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input[type="text"] {
    max-width:300px;
	width:95%;
}

TEXTAREA{
border: 1px solid #C0C0C0;
color: black;
padding: 8px;
font-size: 13px;
margin:2px;
width:90%;
height:200px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

input[type="submit"],input[type="button"],  A.lien_bouton {
    display:inline-block;
	height:auto;
	background: #ff7f27;
	border:1px solid #ff7f27;
	color:white;
	font-size:1.3rem;
    padding:15px;
	margin:5px 0;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	text-transform:uppercase;
	margin:5px;
	font-family: 'Cairo', sans-serif;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}
input[type="submit"]:hover,input[type="button"]:hover, A.lien_bouton:hover {
   background:white;
	color: #ff7f27;
	}
	
input[type="image"].bouton_don{
border:0 none;
width:77%;
max-width:335px;
height:auto;
margin:15px 0;
}

.decale{
	top:-19px;
	}
input[type="image"] {
    padding:0;
	height:auto;
}