﻿@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								{ }
.formulaire-ctn legend 						{ }
.formulaire-ctn label 						{ color:#6e6f74; }
.formulaire-ctn input, 
.formulaire-ctn select, 
.formulaire-ctn textarea 					{ margin:1px 0; padding:2px; color:#667366; font-size:1.1em; 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:1.1em; background:#ffffff; border:1px solid #dbdbdb; }

.formulaire-ctn .input-text					{ }
.formulaire-ctn .input01on 					{ font-size:1.05em; background:#ffffff; 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:#b6bdb3; padding:2px 10px; 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:24px; font-family:LaneNarrowRegular,Verdana,Geneva,sans-serif; font-weight:bold; color:#4F7D96; text-shadow:0 1px 1px #DCE5EA; border-bottom:1px dotted #DCE5EA; }
.formulaire-ctn h3 span 					{ }

.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; }

.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 .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; }

.comment									{ font-style:italic; color:#999; }
