/*****************/
 * Ajout Capgemini
 *
 * Auteur : Sylvain DELBOSC
 * Date : 19/06/2007
 * Source : toulouse.fr
 *
 * Mise en forme du formulaire de contact
 *****************/

/********************************/
/* En tête de la page           */
/********************************/
#loginbox{top:70px}


/********************************/
/*Contenu des pages de rubrique */
/********************************/
body.contact #contenuContact{
	display: block;
	float: left;
	width: 430px;
	margin: 10px 0px 0px 0px;
	/*padding: 4px 4px 8px 4px;*/
	/*border: 2px solid #909CAF;*/
}


body.contact #header{background-image: url('pg_museum_h_bg.jpg');}
body.contact #header h2{background:#88c80c;}
body.contact #header h2 em{background: url('pg_museum_h2_bg.gif') no-repeat;}

body.contact #contenuContact h1{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 36px;
	color: #000000;
}
body.contact #contenuContact h2.destinataire{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
}
body.contact #contenuContact h1.titreContact{
	padding: 3px 0px 0px 45px;
	margin: 0px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #89c808;
	height : 30px;
	background: url(../images/Crystal_Clear_action_forward.png) no-repeat 5px 0px;
}
body.contact #contenuContact h3.etape, body.contact h3.etape{
	display: block;
	padding: 2px;
	margin: 10px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	background: #89c808;
}
/*******************************/
/* Mise en forme du formulaire */
/*******************************/
/*form fieldset et label*/
body.contact #content form.contact {
	padding: 0px;
	margin: 0px;
}
body.contact #content form.contact fieldset{
	clear: both;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border-color: #89c808;
	border-width: 1px 0px 0px 0px;
	border-style: solid none none none;
}
body.contact #content form.contact fieldset legend{
	margin: 0px 0px 0px 0px;
	padding: 0px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #89c808;
}
body.contact #content label {
	font-size: 12px;
	color: #60656c;
}
body.contact #content textarea {
	overflow: auto;
}

body.contact #content form.contact label {
	display:block;
	float:left;
	width:115px;
	margin-bottom:0px;
	font-family:Arial,Helvetica,sans-serif;
}
body.contact #content form.contact div {
	background:none;
	margin:4px 0px;
	padding:0px;
}
body.contact #content p.infosLegales {
	margin:10px 0px;
}
body.contact #content form.contact fieldset#civilite label {
	display:inline;
	float:none;
}

body.contact #content form.contact div{
	display: block;
	clear: left;
	width: 430px;
	padding: 0px;
	margin: 4px 0px 4px 0px;
}
body.contact #content form.contact div fieldset{
	display: block;
	width: 300px;
	clear: none;
	padding: 0px;
	margin: 0px 0px 0px 120px;
	border: 1px solid #909CAF;
}
body.contact #content form.contact div fieldset legend{
	font-size: 12px;
	color: #909CAF;
}
body.contact #content form.contact div label{
	display: block;
	float: left;
	width: 115px;
	padding: 0px 5px 0px 0px;
	margin: 0px;
	text-align: right;
}
body.contact #content form.contact div fieldset label{
	display: inline;
	width: auto;
	float: none;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	text-align: left;
}
body.contact #content form.contact div.obligatoire legend, body.contact #content form.contact div.obligatoire label{
	font-weight: bold;
}
body.contact #content form.contact fieldset.zoneBoutons{
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;	
}
/*input, select et textarea*/
body.contact #content form.contact div input, body.contact #content form.contact div select, body.contact #content form.contact div textarea {
	width: 300px;
	padding: 2px;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333344;
	border: 1px solid #909CAF;
	background: #F1F2F9;
}
body.contact #content form.contact input:hidden{
	display: none;
}
body.contact #content form.contact div input:focus, body.contact #content form.contact div select:focus, body.contact #content form.contact div textarea:focus {
	background: #FFFFFF;
}
body.contact #content form.contact div input.radio {
	width: auto;
	color: #FE8249;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	border: none;
	background: none;
}
body.contact #content form.contact fieldset.zoneBoutons input.bouton{
	padding: 1px 5px 1px 5px;
	margin: 0px 4px 0px 4px;
	text-align: center;
	background: #89c808;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	border: 1px solid #89c808;
}
body.contact #content form.contact fieldset.zoneBoutons input.bouton:hover{
	background: #50BCD9;
	border: 1px solid #80BCD9;

}
/*checkbox*/
body.contact #content form.contact div input.checkbox {
	margin: 4px 0px 0px 0px;
	padding: 0px;
	width: auto;
	border: none;
	background: none;
}
* html body.contact #content form.contact div input.checkbox {
	margin: 0px 0px 2px 0px;
}
/*Les erreurs*/
body.contact #content form.contact .erreurGros{
	display: block;
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF0000;
	font-weight: bold;
	text-align: center;
	border: 2px solid #FF0000;
	background: url(../images/fondErreur.gif) repeat;
}
body.contact #content form.contact .erreur{
	display: block;
	width: auto;
	padding: 4px 4px 4px 20px;
	margin: 5px 5px 5px 5px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF0000;
	font-weight: bold;
	text-align: center;
	background: #FFFFFF url(../images/contactErreur.gif) no-repeat 5px 4px;
	border: 1px solid #FF0000;
}
body.contact #content form.contact div.obligatoireErreur{
	padding: 4px 0px 4px 0px;
	border: 1px solid #FF0000;
	background: url(../images/fondErreur.gif) repeat;
}
body.contact #content form.contact div.obligatoireErreur legend, body.contact #content form.contact div.obligatoireErreur label{
	color: #FF0000;
}
/*Infos legales*/
body.contact #content p.infosLegales{
	padding: 4px;
	margin: 10px 0px 10px 0px;
	border: 1px solid  #909CAF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: justify;
}
/*Verifications*/
body.contact #contenuContact blockquote.entree {
	display: block;
	width: 300px;
	padding: 2px;
	margin: 0px 0px 0px 125px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333344;
	border: 1px solid #909CAF;
	background: #F1F2F9;
	clear: none;
}
body.contact #contenuContact span.nonRenseignee {
	color: #996699;
	font-style: italic;
}
/*Confirmation de l'envoi*/
body.contact #contenuContact #confirmation {
	padding: 4px 55px 4px 10px;
	margin: 20px 0px 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../images/fondOk.gif) no-repeat right top;
	border: 1px solid #909CAF;
}
body.contact #contenuContact #confirmation p{
	padding: 0px;
	margin: 5px 0px 5px 0px;
}
body.contact #contenuContact #confirmation p strong{
	color: #FE8249;
}
body.contact #contenuContact #confirmation a.retour{
	display: block;
	width: 50px;
	padding: 0px 4px 0px 12px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FE8249;
	background: url(../images/retour.gif) no-repeat 2px 4px;
	border: 1px solid #FE8249;
}
body.contact #contenuContact #confirmation a.retour:hover{
	background: #FFCC33 url(../images/retour.gif) no-repeat 2px 4px;
}
/*Echec de l'envoi*/
body.contact #contenuContact #echec {
        padding: 4px 55px 4px 10px;
        margin: 20px 0px 20px 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        background: url(../images/fondOk.gif) no-repeat right top;
        border: 1px solid #909CAF;
}
body.contact #contenuContact #echec p{
        padding: 0px;
        margin: 5px 0px 5px 0px;
}
body.contact #contenuContact #echec p strong{
        color: #FE8249;
}
body.contact #contenuContact #echec a.retour{
        display: block;
        width: 50px;
        padding: 0px 4px 0px 12px;
        margin: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        color: #FE8249;
        background: url(../images/retour.gif) no-repeat 2px 4px;
        border: 1px solid #FE8249;
}
body.contact #contenuContact #echec a.retour:hover{
        background: #FFCC33 url(../images/retour.gif) no-repeat 2px 4px;
}

/* surcharge d'une propriete CSS erronee dans styles_ie6.css */
/* ne change en rien l'apparence des pages, mais permet a IE */
/* de bien afficher l'enveloppe en background du titre       */
/* "Formulaire de contact" dans ce formulaire                */
/* il faut garder la valeur de cette propriete a relative    */
/* pour la prehome 					     */
body.contact #content{
	position:static;
	padding-top:5px;
}
body.contact #content #breadcrumb{
	position:static;
	width: 440px;
	margin-bottom:25px;
}
body.contact #content form{
        width:auto;
}