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

.newsletter {
                     padding : 0 0 0 27px;
                    position : relative;
}

/******** Mise en page du formulaire *******/
form {
                     display : inline;
}

fieldset {
                      border : medium none;
}

legend {
}

label {
                       color : #547981;
}

input, select, textarea {
                      margin : 1px 0;
                     padding : 2px;
                       color : #09a2c6;
                   font-size : 1.1em;
                 font-family : Verdana, Arial, Helvetica, sans-serif;
}

select {
                  background : #fcfcfc;
                      border : 1px solid #dbdbdb;
}

textarea {
                   font-size : 1.1em;
                  background : #ffffff;
                      border : 1px solid #dbdbdb;
}

.input-text {
                 font-weight : bold;
                  background : url('http://www.vacances-directes.com/media/gabarit/input.png') 0 0 repeat-x;
                      border : 1px solid #bfe4ee;
}

.input-text.input01on {
                       color : #547981;
                  background : #ffffff;
/*
                   font-size : 1.05em;
                      border : 1px solid #547981;
*/
}

.input01off {
}

.input01error {
                      border : 1px solid #f5271d;
                  background : #fff8f8;
}

.input01warning {
                      border : 1px solid #F5A03A;
                  background : #FEF4E9;
}

.input01ok {
                      border : 1px solid #a6d19c;
}

.no-style 								{ border:none; background:none; font-size:1%; line-height:1%; }
.submit 								{ font-weight:bold; font-size:11px; border:none; background:#CCCCCC; cursor:pointer; }

/*button.valider						{ width:100px; height:20px; margin-right:10px; background:transparent url('http://www.vacances-directes.com/fr/media/form/btn_valider.png') no-repeat;  }
button.envoyer							{ width:100px; height:20px; margin-right:10px; background:#FFFFFF url('http://www.vacances-directes.com/fr/media/form/btn_envoyer.png') no-repeat;  }
button.annuler							{ width:100px; height:20px; margin-right:10px; background:#FFFFFF url('http://www.vacances-directes.com/fr/media/form/btn_annuler.png') no-repeat; display:none; }*/
button.on								{ border:none; cursor:pointer; }
button									{ border:none; background-color:#b6bdb3; padding:2px 10px; color:#FFFFFF; background-position:left top; background-repeat:no-repeat; }
button:hover							{ background-color:#667366; cursor:pointer; background-position:left bottom; }
button span								{ font-size:12px; }
button.envoyer							{ width:62px; height:18px; }
button.envoyer span						{ display:none; }

#formulaire								{ margin-bottom:50px; } 

/* Formulaire de renseignement type */
#contenu_f h3 							{ margin:10px 0 0 0; font-weight:bold; }
#contenu_f h3 span 						{ font-size:1.5em; }

#contenu_f fieldset						{ margin:10px 0; }

#contenu_f fieldset 					{ }
#contenu_f dl		 					{ height:1%; padding:4px 0; }
#contenu_f dt		 					{ width:30%; display:block; float:left; text-align:right; margin-top:2px; }
#contenu_f dt label 					{ text-align:right; }
#contenu_f dd		 					{ margin-bottom:3px; margin-left:31%; vertical-align:top; }


#contenu_f dt.o label 					{ font-weight:bold; }
#contenu_f dd.o input					{  }
#contenu_f dd.o select					{  }

#contenu_f dd select 					{ width:175px; }
#contenu_f dd .input-text				{ width:350px; }
#contenu_f dd .textarea					{ width:350px; }
#contenu_f dd table 					{ width:350px; }
#contenu_f dd table td.radio			{ width:10px; }
#contenu_f dd table label				{ margin:0 3px; display:block; }

#contenu_f label.input01error			{ color:#f5271d; font-weight:bold; border:none; background:none; } 
#contenu_f label.input01warning			{ color:#F5A03A; border:none; background:none; } 
#contenu_f label.input01ok				{ border:none; background:none; } 
#contenu_f label.input01on				{ border:none; background:none; } 
#contenu_f label.input01off				{  } 

#contenu_f select.input01error,
#contenu_f select.input01warning		{  }
#contenu_f input.input01error,
#contenu_f input.input01warning			{  }

#contenu_f #adresse						{ height:50px; }
#contenu_f #telephone					{ width:175px; }
#contenu_f #fax							{ width:175px; }
#contenu_f #portable					{ width:175px; }
#contenu_f #codepostal					{ width:80px; }
#contenu_f #demande						{ height:100px; }

#contenu_f dt.pro,
#contenu_f dd.pro						{ margin-top:10px; }
#contenu_f div.pro						{ background:#f7f8fa; margin:0 auto 10px auto; padding:10px; }
#contenu_f div.pro p					{ text-align:center; padding:3px; }