/* Ateliers de Provence formulaires */

/************* ALERTES **********************/
.alerte { text-align: center; 
margin-top: 20px;
	margin-bottom: 20px;
	}
.alerte span {
	background-color: #C90037;
	color: #FFFFFF;
	max-width: 66%;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	border-radius: 15px 0 0 0;
	font-size: 15px;
	display: inline-block;
	}
form p, .champ_formulaire {
	overflow: hidden;
	width: 100%;
	margin-bottom: 12px;
	clear: left;
}
body#pop_up form p {width:auto;}

input[type="submit"] {
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 700;
	background-color: #00a1ff;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-radius: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	font-size: 17px;
	}
input[type="submit"]:hover    {
	background-color: #0081CE;
	cursor: pointer;
}

input[type="text"], input[type="password"], textarea{
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid #B7D6E7;
	background-color:#F0FBFF;
	display: inline;
	font-size: 15px;
	color: #002F4D;
	width: 70%;
	padding: 1%;
	vertical-align: middle;
	margin: 0px;
	font-weight: normal;
}
#colonne2 input[type="text"] { width: 93%; 
	padding: 3%;
margin-bottom:10px;
	font-size: 13px;
	}
/*select { max-width: 70%; }*/
#colonne2 select { width: 100%; }
/*textarea { height: 200px; }
*/
input[type="radio"], input[type="checkbox"] {
	width: 15px;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: inline;
	float:left;
	margin-right: 10px;
}
/*input[type="radio"] { margin-top: 0px; }
/*
input[type="hidden"] {
	display: none;
	visibility: hidden;
}*//*
input[type="text"].moyen, input[type="password"] { width: 50%; }
input[type="text"].court, #cote_petit_ardennais input[type="text"] { width: 100px; }/*
input[type="text"].trescourt { width: 40px; }
input[type="password"].court { width: 120px; }
input[type="password"].trescourt { width: 40px; }

/************* LABEL **********************/
label {
	float:left;
	width:20%;
	margin-right:3%;
	text-align:right;
	font-weight:700;
	color: #3C5766;
	clear: both;
	padding-top: 2px;
	margin-bottom: 5px;
	font-size: 14px;
  }
 #colonne2 label {
	font-size: 13px;
	font-weight: 500;
	float: none;
	display: inline-block;
	text-align: left;
	width: auto;
	margin-right: 0px;
	margin-bottom: 3px;
}
label  .label_info {
	display: block;
	font-size: 90%;
	font-weight: normal;
}/*
.label_second {
	float: none;
	width: auto;
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	color: #333d33;
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
}
.label_second:hover { cursor: pointer; }
.post_label {
	width: 82%;
	float: right;
	display: block;
}/*
.pre_champ { font-size: 13px; }

/************* ABÉCÉDAIRE **********************/
#abecedaire {
	line-height:26px;
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
	clear:both;
}
#abecedaire a:link, #abecedaire a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF849B;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-right: 2px;
	margin-left: 2px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	}
#abecedaire a:hover { background-color: #d00027; }
#abecedaire .page_en_cours {
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-right: 10px;
	margin-left: 10px;
	color: #000;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

/************* POP UP **********************/
#pop_up {
	width: 90%;
	text-align: center;
	margin: 5%;
	margin-top:20px;
	background-position:0 0;
	}
#pop_up .vignette_cartouche img {
	border: 1px solid #FFF;
	-webkit-box-shadow: 3px 3px 5px rgba(25,58,83,0.27);
	box-shadow: 3px 3px 5px rgba(25,58,83,0.27);
}
#pop_up .detail_reference {color:#33393d;}
#pop_up p {color:#d4f0ff;
font-weight: 500;}
#pop_up h3 {color:#FFFFFF;
font-size: 26px;
}
#pop_up h4 {color:#86cbe6;
margin:0;
}
#pop_up .bouton a {
	color: #00a1ff;
	background-color: #FFFFFF;
}
#pop_up .bouton a:hover  { color: #00598E; }
#pop_up .prix {
	display: block;
	float: none;
	color: #610012;
	font-weight:bold;
	font-size: 29px;
}
#pop_up .prix_ttc {color: #d00027;
font-weight:normal;
}
#pop_up .vignette_cartouche img {max-height:250px;}

/************* CASES À COCHER **********************//*
.case_et_intitule {
	display: inline-block;
	float: left;
	margin-bottom: 9px;
}
.formulaire_a_cocher .post_label { padding-top: 2px; }
.formulaire_a_cocher_deux .case_et_intitule {
	width: 48%;
	margin-right: 2%;
}
.formulaire_a_cocher_trois .case_et_intitule {
	width: 31%;
	margin-right: 2%;
}
.case_et_intitule input[type="checkbox"] {
	display: inline-block;
	width: 12%; 
	margin-right: 3%;
	float: left;
	margin-left: 0px;
}
.case_et_intitule span { 
	width: 85%;
}
.formulaire_a_cocher_deux .case_et_intitule input[type="checkbox"] {	margin-right: 0%; 	}
.formulaire_a_cocher_deux .case_et_intitule span { width: 88%; }
/*
.formulaire_liste {
	margin-left: 20%;
	display: list-item;
	list-style-image: url(../images/icones/puce.png);
	width: 80%;
	}

/************* FORMULAIRE DE CONTACT **********************/
#id_f_captcha, #espace_perso_captcha {
	width: 30%;
	font-size: 20px;
}
.AFC_captcha_img {
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 20px;
}
#bouton_valider {
	text-align: center;
}
span.ArkoFormError {
	display : block;
	color : #A7535D;
	font-style: italic;
	margin-bottom: 10px;
}
.AFC_invalid  {
	border-top-color: #A71024!important;
	border-right-color: #A71024!important;
	border-bottom-color: #A71024!important;
	border-left-color: #A71024!important;
}
.AFC_cont_invalid label { color: #A73142; }

/************* BOUTONS **********************/
.bouton {
	clear:both;
	text-align:center;
margin-bottom: 20px;
font-size: 14px;
}
.bouton a {
	font-weight:700;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #00a1ff;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	margin-right: 2px;
	margin-left: 2px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.bouton a:hover  { background-color: #0081CE; }