/* --- STYLES DE BASE --- */
/* Page */
html {font-size: 100%;} /* Évite un bug d'IE 6-7. (1) */
body {
	margin:0;padding:0;
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-size: 12px; /* À adapter pour la police choisie. (3) */
	line-height: 1.4; /* À adapter au design. (4) */
	font-style: inherit;
	font-weight: inherit;
	color: #000000;
}
/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0;  /*Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-weight: normal; /* Valeur par défaut. (6) */
    font-style: normal;
}
h1 {font-size: 1.75em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1em;}
/* Listes */
ul {list-style-type: none;margin: 0;padding: 0;}

/* Paragraphes */
p {margin: .75em 0;} /* Marges plus faibles que par défaut. (7) */
address {margin: .75em 0;font-style: normal;}
/* Liens */
a {text-decoration: none;color:#00957E;}
a:hover, a:focus, a:active {text-decoration: underline;}
a img {border: none;}
/* Divers éléments de type en-ligne (8) */
em {font-style: italic;}
strong, .gras {font-weight: bold;}
/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {vertical-align: middle;} /* Solution pb. d'alignement. (9) */
table {
    margin: 0;
	 border: none;
    border-collapse: collapse; /* Valeur par défaut: "separate". */
    border-spacing: 0;
	 width: 100%;
}
abbr, acronym {border-bottom: 1px dotted;cursor: help;}
acronym.syllabe, abbr.syllabe {speak: normal;}/*Façon dont sont prononcés les acronymes*/
acronym.lettre, abbr.lettre {speak: spell-out;}
/* Pour les liens qui s'ouvrent dans une nouvelle fenêtre (ou image) */
a.externe:after {
	content: "\0000a0[\2197]";
/*	content: url(../../images/site/lien_externe.gif);*/
}
.orange {color: #EF7E2C;}
.vert {color: #00957E;}
body {height: 100%;text-align: center;background-color: #778D9B;} /* pour corriger le bug de centrage IE */
/*structure*/
#conteneur {
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: url(../../images/site/tranche.jpg) repeat-y;
	width: 955px;
}
#bloc_banniere {width: 955px;height:189px;}
#main1 {
	margin: 0;padding: 0;
	background: #ffffff url(../../images/site/tranche_rubrique.gif) repeat-y top left;
	z-index:10;
}
#main2 {
	margin: 0;padding: 0;
	background: none repeat-y top right;
}
#left {
	float:left;
	width:224px;
	margin:0;
	padding:20px 0;
	z-index: 1;
}
#rightbig {
	float:right;
	width:309px;
	margin:0;padding:0;
}
#middlebig {margin:0px 309px 30px 224px;padding: 0px 20px 0px 30px;}
#middleall {margin:0px 30px 30px 224px;padding: 0px 20px 0px 30px;}
#rightsmall {
	float:right;
	width:208px;
	margin:0;padding:0;
}
#middlesmall {margin:0px 208px 30px 224px;padding: 0px 20px 0px 30px;}
#middleright {margin:0px 0px 30px 224px;padding: 0px 20px 0px 30px;}
/*.column-in {
	margin:0;
	padding:0.5em 1em;
}*/
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
/*Memu*/
.menuG {	padding: 0px 0px 0px 20px;}
	.menuG li {margin: 0px 0px 2px 0px;line-height: 1.1em;}
		.menuG li a {color: #ffffff;font-size:0.9em;}
/*Droite*/
div.agenda, div.bloc_savoirplus, div.bloc_listefiche {position: relative;}
.titre_cartouche {
	display: block;
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}

.agenda div#actuagenda, .agenda div#liste_actuagenda {
	background: #666666 url(../../images/site/tranche_droite_g.gif) repeat-y;
	width: 279px;
	min-height: 100px;
	margin: -3px 0px -3px 0px;
	padding: 10px 10px 10px 20px;
}
p.date {font-size: 10px;color: #EB690B;}
div.elem_liste {padding-bottom: 10px;}
	div.elem_liste h2 {
		font-size: 0.9em;
		font-weight: bold;
		text-transform: uppercase;
	}
/*Savoir plus*/
div#savoirplus, #listefiche {
	background: transparent url(../../images/site/tranche_droite_p.gif) repeat-y;
	margin: -3px 0px -3px 0px;
	padding: 10px 10px 10px 20px;
}
	div#savoirplus h3 {
		font-size: 1em;
		font-weight: bold;
		padding-bottom: 10px;
		text-transform: uppercase;
	}
	div#savoirplus li {background: url(../../images/site/bouton-vert.gif) no-repeat;padding-left: 15px;}
	div#savoirplus li.suite a {
		display: block;
		margin-top: 5px;
		font-weight: bold;
	}
	a.suite:hover {text-decoration: underline;}
	div#savoirplus li.pj{background-image: none;
	font-size: 0.9em;}
/*Concessionnaire*/
#choixconcess {padding-top: 40px;font-weight: bold;}
table#concess {width: 656px;margin: 20px 20px 20px 0px;}
	table#concess th {
		font-size: 1.1em;
		color: #ffffff;
		background-color: #778D9C;
		padding: 2px 0px 2px 5px;
		text-transform: uppercase;
		font-weight: normal;
	}
	table#concess th, table#concess td {
		border: 1px solid #ffffff;
		padding: 5px;
		vertical-align: top;
	}
		table#concess td a {color: #00957E;}
		table#concess td a:hover {text-decoration: underline;}
.alt1 {background-color: #CDDCE3;}
.alt2 {background-color: #EFFAFF;}
td.localisation {vertical-align: middle;}
	td.localisation a {display:block;text-align:center;}
/*Articles*/
div#chemindefer {margin-bottom: 0px;font-size: 0.9em;}
	div#chemindefer span{color: #BF151B;font-size: 1em;}
div.bloc_article {margin-top:-10px;}
h1.titre_art {
	color: #BF151B;
	font-size: 2em;
	line-height: 1;
}
h2.stitre_art {line-height: 1;}
.date_evt_art {font-size: 0.9em;padding-bottom: 5px;}
.chapo_art {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#B92027;
	padding-bottom: 15px;
}
.temoignage {
	padding: 20px;
}
.corps_article li {
	list-style-type: disc;
	margin-left: 20px;
}
/*FCK*/
.surtitre2{
	font-size: 14px;
	background-color:#B92027;
	color: #ffffff;
	margin-bottom: 5px;
	padding: 2px;
}
.intertitre1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	background-color: #778D9C;
	padding: 2px 0px 2px 5px;
	text-transform: uppercase;
	margin: 10px 0px 0px 0px;
}
.intertitre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #434343;
	background-color: #CDDCE3;
	padding: 2px 0px 2px 2px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}