/* ----------------------------- */
/* =        Généralités          */
/* ----------------------------- */
html {
	font-size: 100%;
}

body {
	font: normal 62.5%/1em Verdana,Arial,Helvetica,sans-serif;
	margin: 0;
	line-height: normal;
	background-color: #D3D3D5;
}

html, ol, ul, form, fieldset, input {
  margin: 0;
  padding: 0;
}

ul {  list-style-type: none; }

img, a img { border: 0; }

img.gauche { float: left; }
img.droite { float: right; }

.clairance {
	clear: both;
	background: none;
	font-size: 0.01em;
}


/* ----------------------------- */
/* =  Typographie globale        */
/* ----------------------------- */

h1, h2, h3, h4, h5 {
	margin: 0;
}

h2 { font-size: 3.2em; }

h3, h3 a {
	color: #F58220;
	font-size: 2.2em;
}

h4, h4 a {
	color: #880B24;
	font-size: 1.3em;
}

a													 { text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }

p.important {
	margin: 0;
}

label { cursor: pointer; }


/* ----------------------------- */
/* =   Mise en page globale      */
/* ----------------------------- */

.global_out {
	background: url(../img/global_fond_centre.png) left top repeat-y;
	margin: 0 auto 0 auto;
	width: 990px;
}

.global_in {
	/*background: url(../img/global_fond_bas.png) left bottom no-repeat;*/
	idth: 985px;
}

/* ------------------------------------- */
/* text replacement, float clearing, etc */
/* ------------------------------------- */
/* pour le texte remplacé par une image de fond */
.image_remplace {
	font-size: 1px;
	line-height: 1px;
	text-decoration: none;
	text-indent: -9001px;
	text-align: left;
}

/* pour le lien qui recouvre l'image de fond */
.cache {
	position: absolute;
	left: 0px;
	top: 0px;
	text-indent: -5000px;
	font-size: 0px;
	line-height: 1px;
	text-decoration: none;
}

/* raz vis-à-vis des flottants qui précèdent */
.clearance {
	background: none;
	clear: both;
	font-size: 0.01em;
}


/* ------------------------------------                                      */
/* =Spécifique au footer riche en 3 items (mais commun à chacun des 3 items) */
/* ------------------------------------                                      */
.bottom_item {
	color: white;
	width: 244px;
	float: left;
	margin-right: 16px;	/* problème de 244/18/245/18/245/10 ou 244/16 x 3 ou ... */
	margin-bottom: 12px;
}

#bottom h2 {
	color: white;
	margin-left: 12px;
}

#bottom h3 {
	color: #F58220;
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 3px 0 0 15px;
}

#bottom h3 a {
	font-size: 1.0em;
}

/* un (sous-)sous-titre de news dans footer riche = footerriche de couleur bleue uniquement */
#bottom h4 {
	color: #004B71;
	margin: 0 27px 0 15px;
}

#bottom p {
	margin: 0 10px 0 15px;
	padding-bottom: 10px;
}

/* =bandeaux lien "important" du footer riche */
#bottom .bottom_bandeau_liens {
	background: none;
}

#bottom .bottom_bandeau_liens p {
	background: #6C0617 url(../img/fond_important2.png) left top no-repeat;
	min-height: 37px;
	margin: 0;
	padding: 4px 10px 0 41px;
}

#bottom .bottom_bandeau_liens a {
	color: white;
}

/* il y en a aussi des bleus dans ce gabarit juridique */
#bottom .bottom_bandeau_liens_bleu {
	background: none;
}

#bottom .bottom_bandeau_liens_bleu p {
	background: #2D637D url(../img/fond_important_bleu.png) left top no-repeat;
	min-height: 32px;
	margin: 0;
	padding: 6px 10px 0 40px;
}

#bottom .bottom_bandeau_liens_bleu a {
	color: white;
}