/* conteneur de formulaire */

	.formulaire_spip
	{
	}
        
        .ui-datepicker{width: 17.65em;}
        .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top: 7px;}

/*     FROMULAIRE DE CONTACT    */

	.formulaire_spip{
		clear: both;
		width: 100%;
		float: left;
	}
	.formulaire_spip P{
            color: #4E4E4F;
	    float: left;
	    font: 13px Verdana,Arial;
	    margin-bottom: 15px;
	    margin-right: 0;
	    position: relative;
	}

	.formulaire_spip P.rech_date{
		width: 100%;
		float: left;
	}

	.formulaire_spip P.rech_date LABEL{
		width: 34px;
	}

	.formulaire_spip P.textarea_long LABEL{
		width: 140px;
	}

	.formulaire_spip P.textarea_long select{
		margin: 0 4px;
	}

	.formulaire_spip P.textarea_long selec#liste_des_themes{
		width: 200px;
	}

	.formulaire_spip P.rech_date select{
		margin: 0 2px;
		width: 98px;
	}

	#contenu #formulaire_recherche_justice

	.formulaire_spip P.message{width: 620px; }
	.formulaire_spip P.deca{margin-left: 40px; width: auto; }

	.formulaire_spip FIELDSET{ padding:0 ; margin: 0;  border: 0; width: 100%;}
	.formulaire_spip FIELDSET#renseignement{ padding:10px 0 0 40px; border-bottom: 0 solid #fff; border: 0; }
	.formulaire_spip FIELDSET#autres_infos{ border-top: 0 solid #fff; }

	.formulaire_spip INPUT.text,.formulaire_spip TEXTAREA{ width:215px;}

	.formulaire_spip INPUT.text, .formulaire_spip TEXTAREA{border:1px solid #3a3a3a; padding:5px;}
	.formulaire_spip INPUT.text:focus, .formulaire_spip TEXTAREA:focus{border-color:#ffffff; outline: none; }

	.formulaire_spip P.contact SELECT#pays{clear: both; width: 235px; float: left; }

	.formulaire_spip textarea
	{	background:none;
		height:194px;
		float: left;
		width: 465px;
	}

	.formulaire_spip TEXTAREA#adresse{padding:5px;width:240px; background:url(../img/textarea.gif) no-repeat; height:96px; border: 0;}

	.formulaire_spip INPUT.radio{margin: 0 3px 0 20px;}

	.formulaire_spip IMG{
		border: 2px solid #8CC5DF;
		float:left;
		 width: 22%;
	}

	.formulaire_spip P.je_veux, #col_gauche #formContact P.captcha{ width:89% }

	.formulaire_spip LABEL
	{	display: block;
	    float: left;
	}
         #pied .formulaire_spip form label{width: 100%;}
        
        #pied .formulaire_spip form li{
            float: left;
            margin-top: 19px;
            width: 100%;
        }
        #pied .formulaire_spip form li .checkbox{}
        #pied .formulaire_spip form li .checkbox + label{float: none; display: inline; margin-left: 5px;}
        
	.formulaire_spip P.civilite{width:100%;}
	.formulaire_spip P.civilite LABEL{display:inline;}
	.formulaire_spip P.civilite LABEL.text{margin-right:5px;}

	/* BOUTONS DE VALIDATION OU D'ANNULATION*/
	.formulaire_spip #envoy INPUT,
	.formulaire_spip input[type="submit"]{
                border: 0;
                color: #FFFFFF;
                cursor: pointer;
                font: bold 16px Verdana,Arial;
                padding: 5px;
	}

	.formulaire_spip P.select{position:relative;}
	.formulaire_spip #profession.select {top: -33px;}

	.formulaire_spip LEGEND{font-size:14px; font-weight:bold; text-transform:uppercase;}
	.formulaire_spip P#envoy{width: 500px;}

	.formulaire_spip P#message_erreur{
		color:red;
		margin-left:40px;
		width:100%;
	}

	.formulaire_spip .formulaire_erreur
	{	background: url("../img/bg_error.gif") no-repeat scroll 0 0 transparent;
	    color: #9C2929;
	    font: 14px Arial;
	    padding: 12px 12px 12px 46px;
	    width: 419px;
	}

	/*.formulaire_spip .formulaire_ok
	{	background: url("../img/bg_error.gif") no-repeat scroll 0 0 transparent;
	    color: #9C2929;
	    font: 14px Arial;
	    padding: 12px 12px 12px 46px;
	    width: 419px;
	}*/

	.erreur_saisie{
		/*background:url(../img/false.gif) no-repeat;*/
	}

	/* image en cas d'erreur */
	.formulaire_spip p .point_exclamation{display:none;}
	.formulaire_spip p.erreur_saisie .point_exclamation
	{	border: medium none;
	    display: block;
	    width: auto;
	}

	.formulaire_spip .erreur_saisie input,
	.formulaire_spip .erreur_saisie textarea{border-color:#bc2222;}

	.formulaire_spip P.grouperadio,.formulaire_spip P.textarea_long {width:100%;}

	/* --- FORMULAIRE RECHERCHE PAR THEME --- */
	form.myform{}
	form.myform div.bloc_droite{margin-left:135px;}
	form.myform div.bloc_droite div{  margin-bottom: 20px;}
	form.myform div.bloc_droite div#div_liste_des_themes{}
	form.myform div.bloc_droite div select#liste_des_themes{width:269px}
	#col_gauche form.myform div.bloc_droite p{margin-bottom: 20px;}
	form.myform label{margin-right:32px; font:16px ArialMT,Arial; color:#333231;font-weight:bold;}
	/* BOUTON VALIDER */
	#col_gauche form.myform div.bloc_droite  P.bouton{
		float: right;
		line-height: normal;
		margin-right: 22px;
	}

	#col_gauche form.myform div.bloc_droite DIV#motTheme{
		width: 268px;
	}

	#col_gauche form.myform div.bloc_droite DIV#motTheme SELECT{
		margin-bottom: 20px;
		width: 268px;
	}

	#col_gauche form.myform P#btn_ok{margin:28px 0 0;}
	#col_gauche form.myform P#btn_ok label{margin-top:7px;}
	#col_gauche form.myform P#btn_ok input.text{margin-right:6px;}
	#col_gauche form.myform P#btn_ok label,
	#col_gauche form.myform P#btn_ok input.text{display:block; float:left;}
	form.myform INPUT.submit
	{	background: url("../img/cpe_milieu.png") repeat-x scroll 0 0 transparent;
		border: medium none;
		color: #FFFFFF;
		display: block;
		float: left;
		height: 32px;
		padding-bottom: 3px;
		text-transform: uppercase;
		font:bold 13px "Helvetica Neue",Helvetica;
		cursor:pointer;
	}
	form.myform P.bouton span.btn_left{background:url(../img/arr_gau.png) no-repeat;}
	form.myform P.bouton span.btn_right{background:url(../img/arr_droi.png) no-repeat;}
	form.myform P.bouton span{display:block; float:left; width:5px; height:32px;margin-bottom: 14px;}
	form.myform INPUT.text
	{	width:268px; height:26px; border:none;
		outline:1px solid #D9D9D9;
		font:12px ArialMT,Arial;
		margin-left: 3px;
		margin-bottom: 8px;
	}
	form.myform p.rech_date span{font:12px ArialMT,Arial; color:#333231;}
	form.myform select{max-width:500px; font:12px ArialMT,Arial; color:#000000;margin-right:20px;}
	form.myform select#type_droit{ margin-right: 8px;width: 129px;}
	form.myform select#type_document{
		margin-right: 11px;
		width: 129px;
	}

	form#recherche_par_theme{
		width: 500px;
	}

	#col_gauche form#recherche_par_theme DIV.bloc_droite P.bouton{
		margin-right: 96px;
		margin-top: 30px;
		width: 75px;
	}

	h2.titre{
		font-size: 18px;
    	font-weight: bold;
    	margin: 10px;
		margin-right: 20px;
	}
	p.large{width:100%;}

	.result{margin-left:10px; width:80%;}


	/* FORMULAIRE INSCRIPTION NEWSLETTER */

	INPUT.text{border:0; }

	.formulaire_spip_listes_inscription INPUT.text{
             width: 84%; padding: 0 15px 0 7px; 
             height: 34px; background: none right center no-repeat #3a3a3a;
        }
	.formulaire_spip_listes_inscription INPUT.submit{
            width: 16%; height: 34px; 
            padding: 0 4px; 
            cursor:pointer;
            background: url("../img/fleche_pied.png") no-repeat scroll right center #3A3A3A;
        }
        .formulaire_spip_listes_inscription INPUT.text,
        .formulaire_spip_listes_inscription INPUT.submit{float: left;}

	.formulaire_reservation {
            position:absolute !important; 
            left:0;bottom:8px; 
            padding: 20px; 
            background: url("../img/px_trans_noir.png") right center repeat ; 
            max-width: 273px;
        }
        .formulaire_reservation p{width: 100%;}
        .formulaire_reservation p.label{margin-bottom: 0; padding: 0; white-space: normal; text-align: left;}
        .formulaire_reservation p.p_valider{margin-bottom: 0;}
        .formulaire_reservation form legend{
            font: 20px 'FuturaBt-Md',arial,sans-serif; 
            color: #fefefe; 
            text-transform: uppercase;
            border: 0;
        }
        .formulaire_reservation form p label{
            font: 14px 'FuturaBt-Lt',arial,sans-serif; 
            color: #c8c8c8; 
            text-transform: uppercase;
        }
        .formulaire_reservation form fieldset input.valide{
            font: 20px 'FuturaBt-Md',arial,sans-serif; 
            color: #fefefe; 
            background-color: #ab0132;
            text-transform: uppercase;
        }
        .formulaire_reservation form fieldset .selectpicker,
        .formulaire_reservation input.date{
            font: 13px 'FuturaBt-Lt',arial,sans-serif; 
            color: #3a3a3a;
            text-transform: uppercase;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            width: 100%;
        }
        .formulaire_reservation form fieldset button.selectpicker,
        .formulaire_reservation form input.text,
        .formulaire_reservation form input.date{height: 27px; border: 1px solid #82807f;}
        .formulaire_reservation form input.text,
        .formulaire_reservation form input.date{ text-indent: 8px; }
        .width50{width: 50% !important;}
        
        /* *************************************** */
        
.form_reserv_table  form .control-group{ margin-top: 25px; position: relative; left: 0; top: 0; }
.form_reserv_table  form .control-group span.etoile{
    color: #9F2943;
    position: relative;
    right: -10px;
    top: 1px;
}
.form_reserv_table  form .control-group .control-label{
     padding-left: 0;
     padding-right: 24px;
     white-space: nowrap;
     text-align: left;
 }
.form_reserv_table  form .control-group label{
     font-size: 0.875em;
     color: #807267;
 }
 .form_reserv_table  form .control-group label.radio{

 }
.form_reserv_table  form .control-group .controls{
     padding-left: 0;
     padding-right: 0;
 }
.form_reserv_table  form .control-group .controls input{}
.form_reserv_table  form .control-group .controls .input-xlarge{width: 98%; color:#696768; height:28px; border:#d4c9cd solid 2px; padding:4px;}
.form_reserv_table  form .control-group input[type="text"],
.form_reserv_table  form .control-group textarea{
     color: #807267;
     font: 0.913em 'HelveticaNeueLTStd-LtCn',dinot-light;
     padding-top: 1.1%;
     padding-left: 0;
     text-indent: 5px;
 }

.form_reserv_table  form div.erreur_saisie div.controls input[type="text"],
.form_reserv_table  form div.erreur_saisie div.controls textarea{
     border: 2px solid #FC533E;
     border-radius: 4px;
 }


.form_reserv_table form div.erreur_saisie div.controls select{
     box-shadow: 2px 1px #FC533E;
     font-size:10px;
 }

.form_reserv_table  form .control-group textarea{
     height: 130px;
     border:2px solid #d4c9cd;
 }
 
 #control-group-civilite .controls{max-width: 64%;}
 
 .form_reserv_table .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 66.6667%;}
 
 .form_reserv_table .radio + .radio, .checkbox + .checkbox{margin-top: 0;}
 
 #corps_reservation_table section div.controls input#valider{float: right;}