﻿@charset "utf-8";
/*******    FEUILLE DE STYLE      ********/
/*******    © MBA MULTIMEDIA      ********/
/*******  www.mba-multimedia.com  ********/

#obligatoire								{ margin:20px 0; border-left:1px solid #DBDBDB; padding:0 0 0 5px; }
#obligatoire p 								{ color:#646062; }
#obligatoire p.orange,
#obligatoire p.red							{ color:#AAA; font-family:Arial,Helvetica,sans-serif; font-size:10px; }
#obligatoire p.orange strong				{ color:#F5A03A; }
#obligatoire p.red strong					{ color:#f5271d; }

/******** Mise en page du formulaire *******/
#formulaire fieldset,
#formulaire-contact fieldset 				{ position:relative; border:medium none; }
.formulaire-ctn								{ font-size:11px; }
.formulaire-ctn legend 						{ }
.formulaire-ctn label 						{ color:#6e6f74; font-size:11px; }
.formulaire-ctn input, 
.formulaire-ctn select, 
.formulaire-ctn textarea 					{ margin:1px 0; padding:2px; color:#667366; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.formulaire-ctn input 						{ border:1px solid #dbdbdb; }
.formulaire-ctn select 						{ background:#fcfcfc; border:1px solid #dbdbdb; }
.formulaire-ctn textarea 					{ font-size:11px; background:#fff; border:1px solid #dbdbdb; }

.formulaire-ctn .input-text					{ background:#fcfcfc; }
.formulaire-ctn .input01on 					{ background:#fff; border: 1px solid #667366; }
.formulaire-ctn .input01off					{ }
.formulaire-ctn .input01error				{ border:1px solid #f5271d; background:#fff8f8; }
.formulaire-ctn .input01warning				{ border:1px solid #F5A03A; background:#FEF4E9; }
.formulaire-ctn .input01ok					{ border:1px solid #a6d19c; }

.formulaire-ctn .no-style 					{ border:none; background:none; font-size:1%; line-height:1%; }
.formulaire-ctn .submit 					{ font-weight:bold; font-size:11px; border:none; background:#CCCCCC; cursor:pointer; }

.formulaire-ctn button.off					{ border:none; }
.formulaire-ctn button.on					{ border:none; cursor:pointer; }
.formulaire-ctn button						{ border:none; background-color:#E42522; padding:0px 20px 2px 20px; color:#FFFFFF; }
.formulaire-ctn button:hover				{ background-color:#667366; cursor:pointer; }
.formulaire-ctn button span					{ font-size:12px; }
.formulaire-ctn button.envoyer				{ font-weight:bold; }

.formulaire-ctn 							{ margin-bottom:50px; } 

/* Formulaire de renseignement type */
.formulaire-ctn  							{ }
.formulaire-ctn h3 							{ font-size:15px;  }
.formulaire-ctn h3 span 					{ background:#E42522; color:#FFFFFF; font-weight: bold; padding:0 4px; }

.formulaire-ctn fieldset 					{ margin:10px 0; position:relative; }
.formulaire-ctn dl		 					{ height:1%; padding:4px 0; }
.formulaire-ctn dt		 					{ width:180px; display:block; float:left; text-align:right; margin-top:2px; }
.formulaire-ctn dt label 					{ text-align:right; }
.formulaire-ctn dd		 					{ margin-bottom:3px; margin-left:185px; vertical-align:top; line-height:20px; }

.formulaire-ctn dl.dl2		 				{ }
.formulaire-ctn dl.dl2 dt		 			{ width:230px; }
.formulaire-ctn dl.dl2 dt label 			{ }
.formulaire-ctn dl.dl2 dd		 			{ margin-left:235px; width:405px; overflow:hidden; }
.formulaire-ctn dl.dl2 dd input	 			{ width:300px; }

.formulaire-ctn dt.o label 					{ font-weight:bold; }
.formulaire-ctn dd.o input					{ }
.formulaire-ctn dd.o select					{ }

.formulaire-ctn dd select 					{ width:175px; }
.formulaire-ctn dd .input-text				{ width:350px; }
.formulaire-ctn dd .input-date				{ border:1px solid #DBDBDB; height:17px; width:140px; padding:0 5px; }
.formulaire-ctn dd .textarea					{ width:350px; }
.formulaire-ctn dd table 					{ width:350px; }
.formulaire-ctn dd table td.radio			{ width:10px; }
.formulaire-ctn dd table label				{ margin:0 3px; display:block; }

.formulaire-ctn label.input01error			{ color:#f5271d; font-weight:bold; border:none; background:none; } 
.formulaire-ctn label.input01warning		{ color:#F5A03A; border:none; background:none; } 
.formulaire-ctn label.input01ok				{ border:none; background:none; } 
.formulaire-ctn label.input01on				{ border:none; background:none; } 
.formulaire-ctn label.input01off			{ } 

.formulaire-ctn select.input01error,
.formulaire-ctn select.input01warning		{ }
.formulaire-ctn input.input01error,
.formulaire-ctn input.input01warning		{ }

.formulaire-ctn #adresse					{ height:50px; }
.formulaire-ctn #telephone					{ width:175px; }
.formulaire-ctn #fax						{ width:175px; }
.formulaire-ctn #portable					{ width:175px; }
.formulaire-ctn #codepostal					{ width:80px; }
.formulaire-ctn #demande					{ height:100px; }
.formulaire-ctn #code						{ width:180px; }

.formulaire-ctn dt.pro,
.formulaire-ctn dd.pro						{ margin-top:10px; }
.formulaire-ctn div.pro						{ background:#f7f8fa; margin:0 auto 10px auto; padding:10px 0; }
.formulaire-ctn div.pro p					{ text-align:center; padding:3px; }

/* formulaire identification */
.identification label						{ color:#6e6f74; font-size:11px;  }
.identification input,
.identification select,
.identification textarea	 				{ margin:1px 0; padding:2px; color:#4c4b4b; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.identification input 						{ background:#ffffff url(/media/gabarit/identification_input.gif) 0 0 repeat-x; border:1px solid #c5c5c5; }
.identification select 						{ background:#fcfcfc; border:1px solid #c5c5c5; }
.identification textarea 					{ font-size:12px; border:1px solid #c5c5c5; }
.identification input.valider				{ border:none; background:#E42522; padding:0px 20px 2px 20px; color:#FFFFFF; }
.identification input.valider:hover			{ background:#667366; cursor:pointer; }


