/*
POUR LES TOUTES LES PAGES EN LIEN DANS LE FOOTER
*/

/****************************
*****	LAYOUT GENERAL	*****
****************************/

/*----- Styles généraux -----*/
#legale h1 {margin-top: 0; padding: 10px;}
#legale h3 {margin: 15px 1px; padding: 3px 0 3px 10px;}
#legale p {margin: 20px 20px; line-height: 1.6em}
/*Classe first pour le premier paragraphe de chaque page*/
#legale p.first {margin-top: 0}

/*----- Mise en page deux colonnes -----*/
#legale #col1{border-right: solid 1px #d9d9d9; margin-right: 269px}
#legale #col2{border-left: solid 1px #d9d9d9; width: 267px; float: right; padding-left: 2px}

/*----- Listes de définition -----*/
/*Mise en forme générale de la liste de définition*/
#legale .histo {margin: 0 0 0 75px}

/*Termes de définition*/
#legale .histo dt
{
	float: left;
	clear: both;
	width: 6ex;
	text-align: center;
}

/*Définition aligné sur le terme*/
#legale .histo dd {margin:0 0 18px 6.5ex} /*La marge gauche doit être >= à la largeur d'un dt*/
#legale .histo dd.first {margin-bottom: 0}

/*Hauteur de chaque item. Appliquer la classe double pour un dt à 2 dd*/
#legale .histo dt, #legale .histo dd{height: 3em; line-height: 3em}
#legale .histo .double{height: 6em; line-height: 6em}

/*---- Paragraphe centré, typiquement pour insérer des coordonnées -----*/
#legale .center {text-align: center;}
#legale .center a {display: block; margin: 5px 0;}

/*----- Pour le visuel principal (ex: page Qui sommes nous) -----*/
#legale #visuel{float: right; margin-bottom: 10px}

/*----- Correctifs spécifiques -----*/
#date {clear: right}

/*----- Remise en forme colonne droite -----*/
.divTitreBloc, .pub2{margin-top: 3px}
.divCorpusRight .divTitreBloc{margin: 0}
.divCorpusRight{height: 110px}
.corpusRightBlocBg{min-height: 66px}


/********************************
*****	LAYOUT FORMULAIRE	*****
********************************/

/*Aérer la présentation*/
#legale fieldset {padding: 10px;}
#legale fieldset fieldset {margin-bottom:20px}
#legale fieldset div {margin-bottom:6px;}

/*Aligner les champs et leurs labels*/
#legale #col1 input
{
	vertical-align:middle;
	margin: 0;
	padding: 0;
}

#legale #col1 label, #legale .label
{
	display: inline-block;
	width: 12em;
	text-align: right;
	margin-right: 5px;
}

/*Champs obligatoire*/
#legale label em {padding-left: 5px}

/*Pour les questions à choix multiple sur une ligne(ex: civilite)*/
#legale #col1 .radio label
{
	width: 3em;
	text-align: left;
	margin-right: 0
}

/*Pour les questions à choix multiples sur 3 lignes*/
#legale #col1 .multi label {width: auto; text-align: left}
#legale .multi span {float: left; margin: 0}
#legale .multi div {margin: 0 0 0 12em; padding-left: 7px}

/*Newsletter*/
#legale .news {margin-left: 7px; padding-left: 12em}
#legale #col1 .news label {width: auto}

/*Label du champ de commentaires*/
#legale .textAreaLabel {vertical-align: top}

/*Le bouton de validation*/
#legale .submit {text-align: center; margin: 10px 0}


/****************************
*****	LAYOUT IPHONE	*****
****************************/

#legale.iphone h1
{
	background: white url(/collections/img/visuel-C.jpg) no-repeat center top;
	padding-top: 120px; /*Réserver la place pour le visuel*/
}

#legale.iphone ol
{
	margin: 20px 20px 20px 40px;
	padding: 0;
}

#legale.iphone li
{
	margin: 10px 0 0;
	padding: 0;
}

#legale.iphone ul li {list-style-type: square}

#legale a.bouton
{
	display: block;
	text-align: center;
}

#legale a.boutonIphone
{
	min-width: 195px;
	padding: 5px;
	white-space: pre;
}

#legale.iphone #visuel
{
	margin-right:10px;
	text-align: center;
}

#legale .iphone-chc
{
	display: block;
	margin: 0pt auto;
}

#legale .trademark small {vertical-align: top;}


/********************
*****	TYPO	*****
********************/

/*----- Fonte générale -----*/
body {color: #6F6C6A; font: 12px Arial, Helvetica, sans-serif;}

/*----- Majuscules? -----*/
#legale h1, #legale h3, #legale a.bouton {text-transform: uppercase}
#legale h1 .trademark{text-transform: none;}

/*----- Taille de police -----*/
#legale h1 {font-size: 16px;}
#legale h3 {font-size: 13px;}
#legale a.boutonIphone {font-size: 12px;}
#legale dl {font-size: 11px;}

/*----- Couleur de police -----*/
#legale a:link {color: #6F6C6A}
#legale a:hover, #legale a:focus {color: #504B46}
#legale .erreurMsg, #legale label em {color: red}
#legale h1, #legale h3, #legale a.bouton, #legale .erreurField {color: white}

#legale .bouton:hover, #legale .bouton:focus {color:white;}
#legale.iphone h1 {color:#EB690B;}

/*----- Graisse et décoration -----*/
#legale h1, #legale h3, #legale p {font-weight: normal;}
#legale h1 span, #legale dt, #legale .center em, #legale legend, #legale a.bouton, #legale.iphone em, #legale.iphone h1 {font-weight: bold}
#legale em {font-style: normal}
#legale a.bouton {text-decoration: none;}


/************************************
*****	BORDURE ET BACKGROUND	*****
************************************/

#legale a img {border: none}
#legale h1 {background: #413868;}
#legale h3 {background: #544886;}
#legale a.bouton {background-color: #0097D3;}
#legale .odd {background: #ddd;}
#legale .even {background: #bbb;}
#legale .erreurField {background: red}

/*Effet de survol sauf sur le bouton de validation*/
#legale fieldset div:hover, #legale .multi:hover span {background: #ccc}
#legale .multi:hover, #legale .noHover:hover {background: none}

/*Fieldset externe plus foncé*/
#legale fieldset {border: solid 1px; border-color:#6F6C6A;}
#legale fieldset fieldset {border-color:#aaa;}

/*Mise en évidence des champs au focus*/
#legale input[type=text]:focus, #legale textarea:focus, #legale select:focus {border-color: red}



.pdf{vertical-align: bottom; margin-bottom: -1px;}