/* ------------------------------------------------------ */

/* STRUCTURE GENERALE DE PAGE */

/* ------------------------------------------------------ */

/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : BALISES
--------------------------------------------------------- */

body {
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

table {
	width: 100%;
}

img {
	border-style: none;
}

h1, h2, h3, h4, h5, h6, label, fieldset, legend, ul, li, form, p, input, caption {
	margin: 0px;
	padding: 0px;
}

acronym, abbr {
	cursor: help;
}

strong {
	font-weight: bold;
}

caption {
	visibility: hidden;
}

.separateur {
	clear: both;
	visibility: hidden;
}


/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : CONTENEUR
--------------------------------------------------------- */

#conteneur {
	position: relative;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}


/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : HEAD
--------------------------------------------------------- */

#conteneur #head {
}

#head #contentHead {
}

/*-------------------- Drapeaux */

#contentHead #flags {
	display: none;
}


/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : PAGE
--------------------------------------------------------- */

#conteneur #page {
	width: 760px;
	background-color: #352f36;
	padding: 10px;
}


/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : TETIERE
--------------------------------------------------------- */

#page #tetiere {
	display: none;
}


/* ---------------------------------------------------------
   NAVIGATION DE HAUT DE PAGE : MENU PORTAIL
--------------------------------------------------------- */

#menuPortail {
	display: none;
}


/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : CONTENT
--------------------------------------------------------- */

#page #content {
	position: relative;
	padding: 5px 0px 5px 0px;
}


/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : LEFTBAR
--------------------------------------------------------- */

#content #leftBar {
	float: left;
	width: 200px;
}

#content #leftBar #leftBarHautTop {
}

#content #leftBar #leftBarHaut {
	padding: 0px 0px 10px 0px;
}

#content #leftBar #leftBarBas {
	margin-top: 10px;
}


/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : CENTERBAR
--------------------------------------------------------- */

#content #centerBar {
	float: left;
	width: 340px;  /* ou 550px pour 2 col */
	padding-left: 10px;
}


/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : RIGHTBAR
--------------------------------------------------------- */

#content #rightBar {
	float: right;
	width: 200px;  /* ou display: none; pour 2 col */
	padding-left: 10px;
}


/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : TITRE DE LA PAGE
--------------------------------------------------------- */

#titrePage {
	margin-bottom: 15px;
	padding: 4px 0px 4px 5px;
	border: 1px solid #352f36;
}

#titrePage h1 {
	display: inline;
	font-family: Helvetica, Arial, sans-serif;
	color: #352f36;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	text-transform: uppercase;
}

#titrePage h2 {
	display: inline;
	color: #352f36;
	text-indent: 10px;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}


/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : MENU HAUT
--------------------------------------------------------- */

#menuHaut {
	display: none;
}


/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : RECHERCHE
--------------------------------------------------------- */

#recherche {
	display: none;
}


/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : NEWS LETTER
--------------------------------------------------------- */

#newsLetter {
	display: none;
}


/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : MENU SITE
--------------------------------------------------------- */

#menuSite {
	display: none;
}


/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : GESTION DES PAGES
--------------------------------------------------------- */

#content #pageNext {
	display: none;
}

/* ---------------------------------------------------------
   STRUCTURE GENERALE DE PAGE : FOOTER
--------------------------------------------------------- */

#conteneur #footer {
	display: none;
}



/* ------------------------------------------------------ */

/* ARTICLE CENTRE */

/* ------------------------------------------------------ */


/* ---------------------------------------------------------
   ARTICLE CENTRE : MODE STANDARD
--------------------------------------------------------- */

#centerBar .article {
	clear: both;
	margin-bottom: 10px;
}

#centerBar .article .titre {
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
}

#centerBar .article .titre h3 {
	color: #000;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: inline;
	line-height: 15px;
}

#centerBar .article .titre h4 {
	color: #352f36;
	text-indent: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: inline;
}

#centerBar .article .titre a {
	color: #000;
	text-decoration: none;
}

#centerBar .article .titre a:hover {
	color: #57505a;
	text-decoration: none;
}

#centerBar .article .post {
}

#centerBar .article .post .texte01 {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px 0px 10px 0px;
	line-height: 1.4em;
}

#centerBar .article .post .texte02 {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #57505a;
	margin: 0px 0px 10px 0px;
	line-height: 1.4em;
}

#centerBar .article .post .imgGauche {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

#centerBar .article .post .imgDroite {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

#centerBar .article .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#centerBar .article .post a {
	color: #000;
}

#centerBar .article .post a:hover {
	color:#57505a;
}

#centerBar .article .finArticle {
	clear: both;
	border-bottom: 1px solid #352f36;
}


/*-------------------- Objet mediatheque */

#centerBar .article .post ul.media {
	clear: both;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 5px;
}

#centerBar .article .post ul.media li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type: none;
}

#centerBar .article .post ul.media img {
	margin-left: 2px;
	vertical-align: middle;
}

#centerBar .article .post ul.media li a {
	color: #000;
	text-decoration: none;
}

#centerBar .article .post ul.media li a:hover {
	color: #57505a;
}


/*-------------------- Requête TIF fixe */

#centerBar .article .post ul.tifFixe {
	clear: both;
	border: 1px solid #57505a;
	margin: 15px 0px 5px 0px;
	padding: 7px 0px 7px 5px;
}

#centerBar .article .post ul.tifFixe li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type: none;
}

#centerBar .article .post ul.tifFixe img {
	margin-right: 2px;
	vertical-align: middle;
}

#centerBar .article .post ul.tifFixe li a {
	color: #000;
	text-decoration: none;
}

#centerBar .article .post ul.tifFixe li a:hover {
	color: #57505a;
}


/* ---------------------------------------------------------
   ARTICLE CENTRE : MODE RESUME
--------------------------------------------------------- */

#centerBar .articleResume {
	clear: both;
	border: 1px solid #57505a;
	padding: 5px;
	margin-bottom: 10px;
	background-image: url(images/bgArtResum.gif);
}

#centerBar .articleResume .titre {
	margin-bottom: 10px;	
}

#centerBar .articleResume .titre h3 {
	color: #000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: inline;
	line-height: 15px;
}

#centerBar .articleResume .titre h4 {
	color: #352f36;
	text-indent: 10px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: inline;
}

#centerBar .articleResume .titre a {
	color: #000;
	text-decoration: none;
}

#centerBar .articleResume .titre a:hover {
	color: #57505a;
	text-decoration: none;
}

#centerBar .articleResume .post {
}

#centerBar .articleResume .post .texteResume {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px 0px 10px 0px;
	line-height: 1.4em;
}

#centerBar .articleResume .post .imgGauche {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

#centerBar .articleResume .post .imgDroite {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

#centerBar .articleResume .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#centerBar .articleResume .post a {
	color: #000;
}

#centerBar .articleResume .post a:hover {
	color:#57505a;
}

#centerBar .articleResume .finArticle {
	clear: both;
}


/*-------------------- Bouton Resume */

#centerBar .articleResume .post .flipResume,
#centerBar .article .post .flipResume {
	clear: both;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	border: 1px solid #57505a;
	padding: 1px 2px 0px 2px;
	width: 75px;
	margin-bottom: 5px;
}

#centerBar .articleResume .post .flipResume a,
#centerBar .article .post .flipResume a {
	color: #000;
	text-decoration: none;
}

#centerBar .articleResume .post .flipResume a:hover,
#centerBar .article .post .flipResume a:hover {
	color: #57505a;
}



/* ------------------------------------------------------ */

/* ARTICLE GAUCHE HAUT TOP */

/* ------------------------------------------------------ */

/* ---------------------------------------------------------
   ARTICLE GAUCHE HAUT TOP : MODE STANDARD
--------------------------------------------------------- */

#leftBarHautTop .article {
	clear: both;
	margin-bottom: 10px;
	margin-left: 10px;
}

#leftBarHautTop .article .titre {
	margin-bottom: 7px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
}

#leftBarHautTop .article .titre h3 {
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
	line-height: 15px;
}

#leftBarHautTop .article .titre h4 {
	color: #352f36;
	text-indent: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
}

#leftBarHautTop .article .titre a {
	color: #000;
	text-decoration: none;
}

#leftBarHautTop .article .titre a:hover {
	color: #57505a;
	text-decoration: none;
}

#leftBarHautTop .article .post {
}

#leftBarHautTop .article .post .texte01 {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#leftBarHautTop .article .post .texte02 {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #57505a;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#leftBarHautTop .article .post .imgGauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#leftBarHautTop .article .post .imgDroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#leftBarHautTop .article .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#leftBarHautTop .article .post a {
	color: #000;
}

#leftBarHautTop .article .post a:hover {
	color:#57505a;
}

#leftBarHautTop .article .finArticle {
	clear: both;
	border-bottom: 1px solid #352f36;
}


/*-------------------- Objet mediatheque */

#leftBarHautTop .article .post ul.media {
	clear: both;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 5px;
}

#leftBarHautTop .article .post ul.media li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type: none;
}

#leftBarHautTop .article .post ul.media img {
	margin-left: 2px;
	vertical-align: middle;
}

#leftBarHautTop .article .post ul.media li a {
	color: #000;
	text-decoration: none;
}

#leftBarHautTop .article .post ul.media li a:hover {
	color: #57505a;
}


/*-------------------- Requête TIF fixe */

#leftBarHautTop .article .post ul.tifFixe {
	clear: both;
	border: 1px solid #57505a;
	margin: 15px 0px 5px 0px;
	padding: 7px 0px 7px 5px;
}

#leftBarHautTop .article .post ul.tifFixe li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type: none;
}

#leftBarHautTop .article .post ul.tifFixe img {
	margin-right: 2px;
	vertical-align: middle;
}

#leftBarHautTop .article .post ul.tifFixe li a {
	color: #000;
	text-decoration: none;
}

#leftBarHautTop .article .post ul.tifFixe li a:hover {
	color: #57505a;
}


/* ---------------------------------------------------------
   ARTICLE GAUCHE HAUT TOP : MODE RESUME
--------------------------------------------------------- */

#leftBarHautTop .articleResume {
	clear: both;
	border: 1px solid #57505a;
	padding: 5px;
	margin: 0px 0px 10px 10px;
	background-image: url(images/bgArtResum.gif);
}

#leftBarHautTop .articleResume .titre {
	margin-bottom: 7px;	
}

#leftBarHautTop .articleResume .titre h3 {
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
	line-height: 15px;
}

#leftBarHautTop .articleResume .titre h4 {
	color: #352f36;
	text-indent: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
}

#leftBarHautTop .articleResume .titre a {
	color: #000;
	text-decoration: none;
}

#leftBarHautTop .articleResume .titre a:hover {
	color: #57505a;
	text-decoration: none;
}

#leftBarHautTop .articleResume .post {
}

#leftBarHautTop .articleResume .post .texteResume {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#leftBarHautTop .articleResume .post .imgGauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#leftBarHautTop .articleResume .post .imgDroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#leftBarHautTop .articleResume .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#leftBarHautTop .articleResume .post a {
	color: #000;
}

#leftBarHautTop .articleResume .post a:hover {
	color:#57505a;
}

#leftBarHautTop .articleResume .finArticle {
	clear: both;
}


/*-------------------- Bouton Resume */

#leftBarHautTop .articleResume .post .flipResume,
#leftBarHautTop .article .post .flipResume {
	clear: both;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	border: 1px solid #57505a;
	padding: 1px 2px 0px 2px;
	width: 75px;
	margin-bottom: 5px;
}

#leftBarHautTop .articleResume .post .flipResume a,
#leftBarHautTop .article .post .flipResume a {
	color: #000;
	text-decoration: none;
}

#leftBarHautTop .articleResume .post .flipResume a:hover,
#leftBarHautTop .article .post .flipResume a:hover {
	color: #57505a;
}



/* ------------------------------------------------------ */

/* ARTICLE GAUCHE HAUT */ 

/* ------------------------------------------------------ */


/* ---------------------------------------------------------
   ARTICLE GAUCHE HAUT : MODE STANDARD
--------------------------------------------------------- */

#leftBarHaut .article {
	clear: both;
	margin-bottom: 10px;
	margin-left: 10px;
}

#leftBarHaut .article .titre {
	margin-bottom: 7px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
}

#leftBarHaut .article .titre h3 {
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
	line-height: 15px;
}

#leftBarHaut .article .titre h4 {
	color: #352f36;
	text-indent: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
}

#leftBarHaut .article .titre a {
	color: #000;
	text-decoration: none;
}

#leftBarHaut .article .titre a:hover {
	color: #57505a;
	text-decoration: none;
}

#leftBarHaut .article .post {
}

#leftBarHaut .article .post .texte01 {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#leftBarHaut .article .post .texte02 {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #57505a;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#leftBarHaut .article .post .imgGauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#leftBarHaut .article .post .imgDroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#leftBarHaut .article .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#leftBarHaut .article .post a {
	color: #000;
}

#leftBarHaut .article .post a:hover {
	color:#57505a;
}

#leftBarHaut .article .finArticle {
	clear: both;
	border-bottom: 1px solid #352f36;
}


/*-------------------- Objet mediatheque */

#leftBarHaut .article .post ul.media {
	clear: both;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 5px;
}

#leftBarHaut .article .post ul.media li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type: none;
}

#leftBarHaut .article .post ul.media img {
	margin-left: 2px;
	vertical-align: middle;
}

#leftBarHaut .article .post ul.media li a {
	color: #000;
	text-decoration: none;
}

#leftBarHaut .article .post ul.media li a:hover {
	color: #57505a;
}


/*-------------------- Requête TIF fixe */

#leftBarHaut .article .post ul.tifFixe {
	clear: both;
	border: 1px solid #57505a;
	margin: 15px 0px 5px 0px;
	padding: 7px 0px 7px 5px;
}

#leftBarHaut .article .post ul.tifFixe li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type: none;
}

#leftBarHaut .article .post ul.tifFixe img {
	margin-right: 2px;
	vertical-align: middle;
}

#leftBarHaut .article .post ul.tifFixe li a {
	color: #000;
	text-decoration: none;
}

#leftBarHaut .article .post ul.tifFixe li a:hover {
	color: #57505a;
}


/* ---------------------------------------------------------
   ARTICLE GAUCHE HAUT : MODE RESUME
--------------------------------------------------------- */

#leftBarHaut .articleResume {
	clear: both;
	border: 1px solid #57505a;
	padding: 5px;
	margin: 0px 0px 10px 10px;
	background-image: url(images/bgArtResum.gif);
}

#leftBarHaut .articleResume .titre {
	margin-bottom: 7px;	
}

#leftBarHaut .articleResume .titre h3 {
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
	line-height: 15px;
}

#leftBarHaut .articleResume .titre h4 {
	color: #352f36;
	text-indent: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
}

#leftBarHaut .articleResume .titre a {
	color: #000;
	text-decoration: none;
}

#leftBarHaut .articleResume .titre a:hover {
	color: #57505a;
	text-decoration: none;
}

#leftBarHaut .articleResume .post {
}

#leftBarHaut .articleResume .post .texteResume {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#leftBarHaut .articleResume .post .imgGauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#leftBarHaut .articleResume .post .imgDroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#leftBarHaut .articleResume .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#leftBarHaut .articleResume .post a {
	color: #000;
}

#leftBarHaut .articleResume .post a:hover {
	color:#57505a;
}

#leftBarHaut .articleResume .finArticle {
	clear: both;
}


/*-------------------- Bouton Resume */

#leftBarHaut .articleResume .post .flipResume,
#leftBarHaut .article .post .flipResume {
	clear: both;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	border: 1px solid #57505a;
	padding: 1px 2px 0px 2px;
	width: 75px;
	margin-bottom: 5px;
}

#leftBarHaut .articleResume .post .flipResume a,
#leftBarHaut .article .post .flipResume a {
	color: #000;
	text-decoration: none;
}

#leftBarHaut .articleResume .post .flipResume a:hover,
#leftBarHaut .article .post .flipResume a:hover {
	color: #57505a;
}


/* ------------------------------------------------------ */

/* ARTICLE GAUCHE BAS */

/* ------------------------------------------------------ */


/* ---------------------------------------------------------
   ARTICLE GAUCHE BAS : MODE STANDARD
--------------------------------------------------------- */

#leftBarBas .article {
	clear: both;
	margin-bottom: 10px;
	margin-left: 10px;
}

#leftBarBas .article .titre {
	margin-bottom: 7px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
}

#leftBarBas .article .titre h3 {
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
	line-height: 15px;
}

#leftBarBas .article .titre h4 {
	color: #352f36;
	text-indent: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
}

#leftBarBas .article .titre a {
	color: #000;
	text-decoration: none;
}

#leftBarBas .article .titre a:hover {
	color: #57505a;
	text-decoration: none;
}

#leftBarBas .article .post {
}

#leftBarBas .article .post .texte01 {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#leftBarBas .article .post .texte02 {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #57505a;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#leftBarBas .article .post .imgGauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#leftBarBas .article .post .imgDroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#leftBarBas .article .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#leftBarBas .article .post a {
	color: #000;
}

#leftBarBas .article .post a:hover {
	color:#57505a;
}

#leftBarBas .article .finArticle {
	clear: both;
	border-bottom: 1px solid #352f36;
}


/*-------------------- Objet mediatheque */

#leftBarBas .article .post ul.media {
	clear: both;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 5px;
}

#leftBarBas .article .post ul.media li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type: none;
}

#leftBarBas .article .post ul.media img {
	margin-left: 2px;
	vertical-align: middle;
}

#leftBarBas .article .post ul.media li a {
	color: #000;
	text-decoration: none;
}

#leftBarBas .article .post ul.media li a:hover {
	color: #57505a;
}


/*-------------------- Requête TIF fixe */

#leftBarBas .article .post ul.tifFixe {
	clear: both;
	border: 1px solid #57505a;
	margin: 15px 0px 5px 0px;
	padding: 7px 0px 7px 5px;
}

#leftBarBas .article .post ul.tifFixe li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type: none;
}

#leftBarBas .article .post ul.tifFixe img {
	margin-right: 2px;
	vertical-align: middle;
}

#leftBarBas .article .post ul.tifFixe li a {
	color: #000;
	text-decoration: none;
}

#leftBarBas .article .post ul.tifFixe li a:hover {
	color: #57505a;
}


/* ---------------------------------------------------------
   ARTICLE GAUCHE BAS : MODE RESUME
--------------------------------------------------------- */

#leftBarBas .articleResume {
	clear: both;
	border: 1px solid #57505a;
	padding: 5px;
	margin: 0px 0px 10px 10px;
	background-image: url(images/bgArtResum.gif);
}

#leftBarBas .articleResume .titre {
	margin-bottom: 7px;	
}

#leftBarBas .articleResume .titre h3 {
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
	line-height: 15px;
}

#leftBarBas .articleResume .titre h4 {
	color: #352f36;
	text-indent: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
}

#leftBarBas .articleResume .titre a {
	color: #000;
	text-decoration: none;
}

#leftBarBas .articleResume .titre a:hover {
	color: #57505a;
	text-decoration: none;
}

#leftBarBas .articleResume .post {
}

#leftBarBas .articleResume .post .texteResume {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#leftBarBas .articleResume .post .imgGauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#leftBarBas .articleResume .post .imgDroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#leftBarBas .articleResume .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#leftBarBas .articleResume .post a {
	color: #000;
}

#leftBarBas .articleResume .post a:hover {
	color:#57505a;
}

#leftBarBas .articleResume .finArticle {
	clear: both;
}


/*-------------------- Bouton Resume */

#leftBarBas .articleResume .post .flipResume,
#leftBarBas .article .post .flipResume {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #57505a;
	padding: 1px 2px 0px 2px;
	width: 75px;
	margin-bottom: 5px;
}

#leftBarBas .articleResume .post .flipResume a,
#leftBarBas .article .post .flipResume a {
	color: #000;
	text-decoration: none;
}

#leftBarBas .articleResume .post .flipResume a:hover,
#leftBarBas .article .post .flipResume a:hover {
	color: #57505a;
}



/* ------------------------------------------------------ */

/* ARTICLE DROITE */

/* ------------------------------------------------------ */


/* ---------------------------------------------------------
   ARTICLE DROITE : MODE STANDARD
--------------------------------------------------------- */

#rightBar .article {
	clear: both;
	margin-bottom: 10px;
	margin-right: 10px;
}

#rightBar .article .titre {
	margin-bottom: 7px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
}

#rightBar .article .titre h3 {
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
	line-height: 15px;
}

#rightBar .article .titre h4 {
	color: #352f36;
	text-indent: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
}

#rightBar .article .titre a {
	color: #000;
	text-decoration: none;
}

#rightBar .article .titre a:hover {
	color: #57505a;
	text-decoration: none;
}

#rightBar .article .post {
}

#rightBar .article .post .texte01 {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#rightBar .article .post .texte02 {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #57505a;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#rightBar .article .post .imgGauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#rightBar .article .post .imgDroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#rightBar .article .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#rightBar .article .post a {
	color: #000;
}

#rightBar .article .post a:hover {
	color:#57505a;
}

#rightBar .article .finArticle {
	clear: both;
	border-bottom: 1px solid #352f36;
}


/*-------------------- Objet mediatheque */

#rightBar .article .post ul.media {
	clear: both;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 5px;
}

#rightBar .article .post ul.media li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type: none;
}

#rightBar .article .post ul.media img {
	margin-left: 2px;
	vertical-align: middle;
}

#rightBar .article .post ul.media li a {
	color: #000;
	text-decoration: none;
}

#rightBar .article .post ul.media li a:hover {
	color: #57505a;
}


/*-------------------- Requête TIF fixe */

#rightBar .article .post ul.tifFixe {
	clear: both;
	border: 1px solid #57505a;
	margin: 15px 0px 5px 0px;
	padding: 7px 0px 7px 5px;
}

#rightBar .article .post ul.tifFixe li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	list-style-type: none;
}

#rightBar .article .post ul.tifFixe img {
	margin-right: 2px;
	vertical-align: middle;
}

#rightBar .article .post ul.tifFixe li a {
	color: #000;
	text-decoration: none;
}

#rightBar .article .post ul.tifFixe li a:hover {
	color: #57505a;
}


/* ---------------------------------------------------------
   ARTICLE DROITE : MODE RESUME
--------------------------------------------------------- */

#rightBar .articleResume {
	clear: both;
	border: 1px solid #57505a;
	padding: 5px;
	margin: 0px 10px 10px 0px;
	background-image: url(images/bgArtResum.gif);
}

#rightBar .articleResume .titre {
	margin-bottom: 7px;	
}

#rightBar .articleResume .titre h3 {
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
	line-height: 15px;
}

#rightBar .articleResume .titre h4 {
	color: #352f36;
	text-indent: 10px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
}

#rightBar .articleResume .titre a {
	color: #000;
	text-decoration: none;
}

#rightBar .articleResume .titre a:hover {
	color: #57505a;
	text-decoration: none;
}

#rightBar .articleResume .post {
}

#rightBar .articleResume .post .texteResume {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#rightBar .articleResume .post .imgGauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#rightBar .articleResume .post .imgDroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#rightBar .articleResume .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#rightBar .articleResume .post a {
	color: #000;
}

#rightBar .articleResume .post a:hover {
	color:#57505a;
}

#rightBar .articleResume .finArticle {
	clear: both;
}


/*-------------------- Bouton Resume */

#rightBar .articleResume .post .flipResume,
#rightBar .article .post .flipResume {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #57505a;
	padding: 1px 2px 0px 2px;
	width: 75px;
	margin-bottom: 5px;
}

#rightBar .articleResume .post .flipResume a,
#rightBar .article .post .flipResume a {
	color: #000;
	text-decoration: none;
}

#rightBar .articleResume .post .flipResume a:hover,
#rightBar .article .post .flipResume a:hover {
	color: #57505a;
}


/* ------------------------------------------------------ */

/* ANNONCES */

/* ------------------------------------------------------ */

/* ------------------------------------------------------ */

/* ANNONCES RECHERCHE */

/* ------------------------------------------------------ */


#annonceCherche {
	display: none;
}


/* ------------------------------------------------------ */

/* ANNONCES RESULTATS */

/* ------------------------------------------------------ */


#annonceResult {
	margin-bottom: 15px;
}


/* ---------------------------------------------------------
   ANNONCES RESULTATS : Affichage des quantités
--------------------------------------------------------- */

#annonceResult h3 {
	border-top: 1px solid #57505a;
	border-bottom: 1px solid #57505a;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	line-height: 25px;
}


/* ---------------------------------------------------------
   ANNONCES RESULTATS : Affichage des objets
--------------------------------------------------------- */

#annonceResult .objet {
	position: relative;
	clear: both;
	margin-bottom: 10px;
}

#annonceResult .vignette {
	float: left;
	width: 60px;
	height: 60px;
}

#annonceResult .vignette .titre01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	padding: 2px 0px 1px 2px;
	margin: 0px 0px 2px 0px;
	background-color: #57505a;
}

#annonceResult .vignette .photo img {
	width: 60px;
	height: 60px;
}

#annonceResult .resume {
	width: 275px; /* pour ie au lieu d'un simple margin-left: 65px */
	float: left; /* pour ie au lieu d'un simple margin-left: 65px */
	margin-left: 5px; /* pour ie au lieu d'un simple margin-left: 65px */
	height: 77px;
	border-bottom: 1px solid #57505a;
}

#annonceResult  .resume .titre02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	padding: 2px 0px 1px 2px;
	margin: 0px 0px 2px 0px;
	text-transform: uppercase;
	background-color: #352f36;
}

#annonceResult .resume .titre02 a {
	text-decoration: none;
	color: #fff;
}

#annonceResult .resume .titre02 a:hover {
	color: #57505a;
}

#annonceResult .texte01 {
	color: #000;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 1px 0px;
}

#annonceResult .texte02 {
	color: #57505a;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 4px 0px;
}

#annonceResult .texte03 {
	color: #57505a;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#annonceResult .cadre {
	border-left: 1px solid #000;
	padding: 0px 0px 0px 5px;
	margin-left: 10px;
}

#annonceResult a {
	color: #000;
	text-decoration: none;
}

#annonceResult a:hover {
	color: #57505a;
}



/* ------------------------------------------------------ */

/* ANNONCES DETAIL */

/* ------------------------------------------------------ */

#conteneurAnnonce {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 520px;
}

#conteneurAnnonce #pageAnnonce {
	width: 500px;
	background-color: #352f36;
	padding: 10px;
}


#pageAnnonce #contentAnnonce {
	background-color: #fff;
	padding:  5px;
}


/* ---------------------------------------------------------
   ANNONCES DETAIL : CONTENU
--------------------------------------------------------- */


/*-------------------- Navigation photo */

#pageAnnonce #mediaAnnonce {
}

#mediaAnnonce #photoAnnonce {
	text-align: center;
}

#mediaAnnonce #photoAnnonce img {
	width: 500px;
}

#mediaAnnonce #navPhotoAnnonce {
	display: none;
}

#navPhotoAnnonce img {
	margin: 0px 5px 0px 5px;
	vertical-align: middle;
}

#navPhotoAnnonce a {
	color: #000;
	text-decoration: none;
}

#navPhotoAnnonce a:hover {
	color: #57505a;
}


/*-------------------- Menu Annonce */

#pageAnnonce #menuAnnonce {
	display: none;
}


/*-------------------- Titre */

#contentAnnonce #titreAnnonce {
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
}

#contentAnnonce #titreAnnonce h1 {
	display: inline;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}

#contentAnnonce #titreAnnonce h2 {
	display: inline;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #352f36;
}


/*-------------------- Chapitre Annonce */

#contentAnnonce h3 {
	clear: both;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px solid #57505a;
	text-decoration: none;
	display: block;
}

#contentAnnonce .texte01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: left;
	clear: both;
	margin: 0px 0px 7px;
	line-height: 1.4em;
}

#contentAnnonce .texte02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #57505a;
	text-align: left;
	clear: both;
	margin: 0px 0px 7px;
	line-height: 1.4em;
}

#contentAnnonce .bgligne {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 2px;
	background-color: #ececec;
}

#contentAnnonce .imgGauche {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

#contentAnnonce .imgDroite {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

#contentAnnonce .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#contentAnnonce a {
	color: #000;
	text-decoration: none;
}

#contentAnnonce a:hover {
	color:#57505a;
}


/*-------------------- Tableaux de prix */

#contentAnnonce fieldset {
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#contentAnnonce legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	font-weight: bold;
}

#contentAnnonce .tabCadre {
	border: 1px solid #57505a;
}

#contentAnnonce .tabLib {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	font-weight: bold;
}

#contentAnnonce .tabLib1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	font-weight: bold;
}

#contentAnnonce .tabLib2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	font-weight: bold;
}

#contentAnnonce .tabText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

#contentAnnonce .tabBgLib {
	background-color: #352f36;
}

#contentAnnonce .tabBgLig1 {
	background-color: #fff;
}

#contentAnnonce .tabBgLig2 {
	background-color: #ececec;
}


/* ---------------------------------------------------------
   ANNONCES DETAIL : MENU PRATIQUE
--------------------------------------------------------- */

#pageAnnonce #menuPratiqueAnnonce {
	display: none;
}


/* ---------------------------------------------------------
   ANNONCES DETAIL : NAVIGATION BAS DE PAGE
--------------------------------------------------------- */

#navAnnonce {
	display: none;
}


/* ------------------------------------------------------ */

/* CARTOGRAPHIE */

/* ------------------------------------------------------ */

/*-------------------- Pour la page popup uniquement */

#conteneurCarto {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 520px;
}

#conteneurCarto #pageCarto {
	width: 500px;
	background-color: #352f36;
	padding: 10px;
}


/* ---------------------------------------------------------
   CARTO : TITRE DE LA PAGE
--------------------------------------------------------- */

#titreCarto {
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

#titreCarto h1 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
}


/* ---------------------------------------------------------
   CARTO : MEDIA
--------------------------------------------------------- */

#mediaCarto {
	text-align: center;
}


/* ---------------------------------------------------------
   CARTO : MENU CADRAGE
--------------------------------------------------------- */

#menuCarto {
	display: none;
}


/* ---------------------------------------------------------
   CARTO : RECHERCHE
--------------------------------------------------------- */

#cartoCherche {
	display: none;
}


/* ---------------------------------------------------------
   CARTO : MENU PRATIQUE
--------------------------------------------------------- */

#pageCarto #menuPratiqueCarto {
	display: none;
}


/* ---------------------------------------------------------
   CARTO : NAVIGATION BAS DE PAGE
--------------------------------------------------------- */

#navCarto {
	display: none;
}




/* ------------------------------------------------------ */

/* CALCUL D'ITINERAIRE */

/* ------------------------------------------------------ */


#conteneurIti {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 520px;
}

#conteneurIti #pageIti {
	width: 500px;
	background-color: #352f36;
	padding: 10px;
}


/* ---------------------------------------------------------
   CALCUL D'ITINERAIRE : MENU PRATIQUE
--------------------------------------------------------- */

#pageIti #menuPratiqueIti {
	display: none;
}


/* ---------------------------------------------------------
   CALCUL D'ITINERAIRE : NAVIGATION BAS DE PAGE
--------------------------------------------------------- */

#navIti {
	display: none;
}


/* ---------------------------------------------------------
   CALCUL D'ITINERAIRE : ITI 1 & 2
--------------------------------------------------------- */


#pageIti #contentIti {
	background-color: #fff;
	padding: 5px;
}

#contentIti h1 {
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	text-indent: 160px;
}

#contentIti h2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #352f36;
	margin-bottom: 15px;
	text-indent: 160px;
}

#contentIti fieldset {
	position: relative;
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#contentIti legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 160px;
}

#contentIti p {
	position: relative;
	clear: left;
	margin-bottom: 5px;
}

#contentIti .text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	padding-top: 3px;
	margin-left: 160px;
}

#contentIti .libtext_iti {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 160px;
	float: left;
	background: url(images/82_arrowD.gif) no-repeat 150px center;
	color: #352f36;
	font-weight: bold;
	padding-top: 3px;
}

#contentIti .text_iti {
	width: 300px;
	height: 15px;
	border: 1px solid #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #352f36;
	text-indent: 2px;
}

#contentIti .libselect_iti {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 160px;
	float: left;
	background: url(images/82_arrowD.gif) no-repeat 150px center;
	color: #352f36;
	font-weight: bold;
	padding-top: 3px;
}

#contentIti .select_iti {
	width: 300px;
	height: 15px;
	border: 1px solid #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #352f36;
	text-indent: 2px;
}

#contentIti .submit {
	width: 300px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #352f36;
	border: 1px solid #352f36;
	margin-top: 10px;
	margin-left: 160px;
	background-color: #fff;
}

#contentIti .text_iti:focus, .select_iti:focus, .textarea_iti:focus {
	background: #fff;
}


/* ---------------------------------------------------------
   CALCUL D'ITINERAIRE : ITI 3
--------------------------------------------------------- */

#contentIti td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#contentIti td img {
	margin-right: 5px;
}

#contentIti .tbl_header {
	font-size: 10px;
	background-color: #352f36;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-left: 1px solid #352f36;
	border-right: 1px solid #352f36;
	text-transform: uppercase;
	line-height: 20px; /* hauteur du header */
}

#contentIti .time_distance_on {
	width: 60px; /* largeur des colonnes KM et DUREE */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #352f36;
	border-bottom: 1px solid #352f36;
	border-left: 1px solid #352f36;
	line-height: 20px; /* hauteur arrivee & depart */
}

#contentIti .time_td { 
  	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

#contentIti .distance_td {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

#contentIti .itistep {
	font-size: 11px;
	font-weight: bold;
	color: #352f36;
	border: 1px solid #352f36;
}

#contentIti .hc_bold {
  	color: #352f36
}


/* ------------------------------------------------------ */

/* PAGES POP-UP */

/* ------------------------------------------------------ */

#conteneurPopup {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 520px;
}

#conteneurPopup #pagePopup {
	width: 500px;
	background-color: #352f36;
	padding: 10px;
}


/* ---------------------------------------------------------
   PAGES POP-UP : NAVIGATION BAS DE PAGE
--------------------------------------------------------- */

#navPopup {
	display: none;
}


/* ---------------------------------------------------------
   PAGES POP-UP : ABONNEMENT NEW LETTER
--------------------------------------------------------- */

#pagePopup .libcheckbox {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 160px;
}

#pagePopup .checkbox {
	font-size: 5px;
	color: #000;
	border: 0px solid #fff;
}



/* ---------------------------------------------------------
   PAGES POP-UP : Affichage des pages
--------------------------------------------------------- */

#pagePopup #pageNext {
	display: none;
}



/* ------------------------------------------------------ */

/* PAGES POP-UP : CONTACT */

/* ------------------------------------------------------ */

#pagePopup #contentContact {
	background-color: #fff;
	padding: 5px;
}

#contentContact h1 {
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	text-indent: 160px;
}

#contentContact h2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #352f36;
	margin-bottom: 15px;
	text-indent: 160px;
}

#contentContact fieldset {
	position: relative;
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#contentContact legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 160px;
}

#contentContact p {
	position: relative;
	clear: left;
	margin-bottom: 5px;
}

#contentContact .libtext_cont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 160px;
	float: left;
	background: url(images/82_arrowD.gif) no-repeat 150px center;
	color: #352f36;
	font-weight: bold;
	padding-top: 3px;
}

#contentContact .text_cont {
	width: 300px;
	height: 15px;
	border: 1px solid #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #352f36;
	text-indent: 2px;
}

#contentContact .libselect_cont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 160px;
	float: left;
	background: url(images/82_arrowD.gif) no-repeat 150px center;
	color: #352f36;
	font-weight: bold;
	padding-top: 3px;
}

#contentContact .select_cont {
	width: 300px;
	height: 15px;
	border: 1px solid #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #352f36;
	text-indent: 2px;
}

#contentContact .libtextarea_cont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 160px;
	float: left;
	background: url(images/82_arrowD.gif) no-repeat 150px center;
	color: #352f36;
	font-weight: bold;
	padding-top: 3px;
}

#contentContact .textarea_cont {
	width: 300px;
	height: 150px;
	border: 1px solid #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #352f36;
	text-indent: 2px;
}

#contentContact .libcheckbox_cont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #352f36;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 160px;
}

#contentContact .checkbox_cont {
	font-size: 5px;
	color: #352f36;
	border: 0px solid #fff;
}

#contentContact .submit {
	width: 300px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #352f36;
	border: 1px solid #352f36;
	margin-top: 10px;
	margin-left: 160px;
	background-color: #fff;
}

#contentContact .text_cont:focus, .select_cont:focus, .textarea_cont:focus {
	background: #fff;
}



/* ------------------------------------------------------ */

/* PAGES POP-UP : BROCHURES */

/* ------------------------------------------------------ */

#pagePopup #contentProd {
	background-color: #fff;
	padding: 5px;
}

#contentProd h1 {
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	text-indent: 160px;
}

#contentProd h2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #352f36;
	margin-bottom: 15px;
	text-indent: 160px;
}

#contentProd fieldset {
	position: relative;
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#contentProd legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 160px;
}

#contentProd p {
	position: relative;
	clear: left;
	margin-bottom: 5px;
}

#contentProd .libtext_prod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 160px;
	float: left;
	background: url(images/82_arrowD.gif) no-repeat 150px center;
	color: #352f36;
	font-weight: bold;
	padding-top: 3px;
}

#contentProd .text_prod {
	width: 300px;
	height: 15px;
	border: 1px solid #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #352f36;
	text-indent: 2px;
}

#contentProd .libselect_prod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 160px;
	float: left;
	background: url(images/82_arrowD.gif) no-repeat 150px center;
	color: #352f36;
	font-weight: bold;
	padding-top: 3px;
}

#contentProd .select_prod {
	width: 160px;
	height: 15px;
	border: 1px solid #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #352f36;
	text-indent: 2px;
}

#contentProd .libtextarea_prod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 160px;
	float: left;
	background: url(images/82_arrowD.gif) no-repeat 150px center;
	color: #352f36;
	font-weight: bold;
	padding-top: 3px;
}

#contentProd .textarea_prod {
	width: 300px;
	height: 150px;
	border: 1px solid #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #352f36;
	text-indent: 2px;
}

#contentProd .libcheckbox_prod {
	float: left;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background: url(images/82_arrowD.gif) no-repeat 270px center;
	font-weight: bold;
	padding-top: 3px;
}

#contentProd .checkbox_prod {
	font-size: 5px;
	color: #352f36;
	border: 0px solid #fff;
}

#contentProd .submit {
	width: 300px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #352f36;
	border: 1px solid #352f36;
	margin-top: 10px;
	margin-left: 160px;
	background-color: #fff;
}


#contentProd .text_prod:focus, .select_prod:focus, .textarea_prod:focus {
	background: #fff;
}


/* ------------------------------------------------------ */

/* PAGES POP-UP : RECOMMANDATION */

/* ------------------------------------------------------ */

#pagePopup #contentRecommand {
	background-color: #fff;
	padding: 5px;
}

#contentRecommand h1 {
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	text-indent: 160px;
}

#contentRecommand h2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #352f36;
	margin-bottom: 15px;
	text-indent: 160px;
}

#contentRecommand fieldset {
	position: relative;
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#contentRecommand legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 160px;
}

#contentRecommand p {
	position: relative;
	clear: left;
	margin-bottom: 5px;
}

#contentRecommand .libtext_recommand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 160px;
	float: left;
	background: url(images/82_arrowD.gif) no-repeat 150px center;
	color: #352f36;
	font-weight: bold;
	padding-top: 3px;
}

#contentRecommand .text_recommand {
	width: 300px;
	height: 15px;
	border: 1px solid #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #352f36;
	text-indent: 2px;
}

#contentRecommand .libtextarea_recommand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 160px;
	float: left;
	background: url(images/82_arrowD.gif) no-repeat 150px center;
	color: #352f36;
	font-weight: bold;
	padding-top: 3px;
}

#contentRecommand .textarea_recommand {
	width: 300px;
	height: 150px;
	border: 1px solid #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #352f36;
	text-indent: 2px;
}

#contentRecommand .submit {
	width: 300px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #352f36;
	border: 1px solid #352f36;
	margin-top: 10px;
	margin-left: 160px;
	background-color: #fff;
}

#contentRecommand .text_recommand:focus, .select_recommand:focus, .textarea_recommand:focus {
	background: #fff;
}


/* ------------------------------------------------------ */

/* PAGES POP-UP : PLAN DU SITE */

/* ------------------------------------------------------ */

#pagePopup #contentPlan {
	background-color: #fff;
	padding: 5px;
}

#contentPlan h1 {
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	text-align: center;
}

#contentPlan ul.level01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#contentPlan ul.level01 li {
	list-style-type: none;
	border-bottom: 1px solid #fff; /* pour ie :(( */
}

#contentPlan ul.level01 li .a1 {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 5px 0px 5px 10px;
	background-color: #352f36;
	border-bottom: 1px solid #fff;
}

#contentPlan ul.level01 li .a1:hover {
	display: block;
	color: #57505a;
	background-color: #352f36;
	padding: 5px 0px 5px 10px;
}

#contentPlan ul.level01 li.dim1 {
}

#contentPlan ul.level02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#contentPlan ul.level02 li {
	list-style-type: none;
}

#contentPlan ul.level02 li .a2 {
	display: block;
	text-decoration: none;
	color: #352f36;
	padding: 3px 0px 3px 10px;
	border-top: 1px solid #352f36;
}

#contentPlan ul.level02 li .a2:hover {
	display: block;
	color: #fff;
	background-color: #57505a;
	padding: 3px 0px 3px 10px;
}

#contentPlan ul.level02 li.dim2 {
}

#contentPlan ul.level03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

#contentPlan ul.level03 li {
	text-indent: 20px;
	list-style-type: decimal;
	list-style-position: inside;
}

#contentPlan ul.level03 li .a3 {
	display: block;
	text-decoration: none;
	color: #352f36;
	padding: 2px 0px 2px 10px;
}

#contentPlan ul.level03 li .a3:hover {
	display: block;
	color: #57505a;
	padding: 2px 0px 2px 10px;
}

#contentPlan ul.level03 li.dim3 {
}



/* ------------------------------------------------------ */

/* PAGES POP-UP : RESULTAT RECHERCHE */

/* ------------------------------------------------------ */

#pagePopup #contentRecherche {
	background-color: #fff;
	padding: 5px;
}

#contentRecherche h1 {
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	text-align: center;
}

#contentRecherche h2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #352f36;
	margin-bottom: 15px;
}

#contentRecherche h3 {
	text-indent: 5px;
	display: block;
	color: #fff;
	background-color: #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0px 5px 5px;
	margin: 10px 0px 5px 0px;
}

#contentRecherche p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 0px 0px 7px 0px;
	line-height: 15px;
	text-decoration: none;
}

#contentRecherche p a:hover {
	color:#57505a;
}



/* ------------------------------------------------------ */

/* PAGES POP-UP : OBJETS MEDIATHEQUE */

/* ------------------------------------------------------ */

#pagePopup #contentMedia {
	background-color: #fff;
	padding: 5px;
}


/*-------------------- Navigation photo */

#pagePopup #mediaMedia {
}

#mediaMedia #photoMedia {
	text-align: center;
}

#mediaMedia #photoMedia img {
	width: 500px;
}

#mediaMedia #navPhotoMedia {
	position: absolute;
	left: 10px;
	top: 10px;
	height: 15px;
	line-height: 15px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*filter: Alpha(Opacity=50, FinishOpacity=0, Style=0, StartX=0, StartY=0, FinishX=0, Finish=0);*/
}

#navPhotoMedia img {
	margin: 0px 5px 0px 5px;
	vertical-align: middle;
}

#navPhotoMedia a {
	color: #000;
	text-decoration: none;
}

#navPhotoMedia a:hover {
	color: #57505a;
}


/*-------------------- Titre */

#contentMedia #titreMedia {
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
}

#contentMedia #titreMedia h1 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}


/*-------------------- Chapitre Media */

#contentMedia {
	margin-top: 5px;
}

#contentMedia h3 {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px solid #57505a;
	text-decoration: none;
	display: block;
}

#contentMedia .texte01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: left;
	clear: both;
	margin: 0px 0px 7px;
	line-height: 1.4em;
}


#contentMedia a {
	color: #000;
	text-decoration: none;
}

#contentMedia a:hover {
	color: #57505a;
}

#contentMedia .bgligne {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 2px;
	background-color: #ececec;
}



/* ------------------------------------------------------ */

/* PAGES POP-UP : SUIVI DES ECHANGES */

/* ------------------------------------------------------ */

#pagePopup #contentEchange {
	background-color: #fff;
	padding: 5px;
}

#contentEchange h1 {
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	text-indent: 160px;
}

#contentEchange h2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #352f36;
	margin-bottom: 15px;
}

#contentEchange h3 {
	text-indent: 5px;
	display: block;
	color: #fff;
	background-color: #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0px 5px 5px;
	margin: 10px 0px 5px 0px;
}

#contentEchange h4 {
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	line-height: 20px;
}

#contentEchange .texte01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 5px 0px 15px 0px;
}

#contentEchange .texte01 a {
	text-decoration: none;
	color: #000;
}

#contentEchange .texte01 a:hover {
	color:#57505a;
}

#contentEchange fieldset {
	position: relative;
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#contentEchange legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 160px;
}

#contentEchange p {
	position: relative;
	clear: left;
	margin-bottom: 5px;
}

#contentEchange .libcheckbox_echan {
	float: left;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #352f36;
	background: url(images/82_arrowD.gif) no-repeat 150px center;
	font-weight: bold;
	padding-top: 3px;
}

#contentEchange .checkbox_echan {
	font-size: 5px;
	color: #352f36;
	border: 0px solid #fff;
}

#contentEchange .libtextarea_echan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 160px;
	float: left;
	background: url(images/82_arrowD.gif) no-repeat 150px center;
	color: #352f36;
	font-weight: bold;
	padding-top: 3px;
}

#contentEchange .textarea_echan {
	width: 300px;
	height: 150px;
	border: 1px solid #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #352f36;
	text-indent: 2px;
}

#contentEchange .submit {
	width: 300px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #352f36;
	border: 1px solid #352f36;
	margin-top: 10px;
	margin-left: 160px;
	background-color: #fff;
}

#contentEchange .text_echan:focus, .select_echan:focus, .textarea_echan:focus {
	background: #fff;
}





/* ------------------------------------------------------ */

/* TOURINFRANCE */

/* ------------------------------------------------------ */

/* ------------------------------------------------------ */

/* TOURINFRANCE RECHERCHE */

/* ------------------------------------------------------ */

#tifCherche {
	display: none;
}


/* ------------------------------------------------------ */

/* TOURINFRANCE RESULTATS */

/* ------------------------------------------------------ */

#tifResult {
	margin-bottom: 15px;
}


/* ---------------------------------------------------------
   TOURINFRANCE RESULTATS : Affichage des quantités
--------------------------------------------------------- */

#tifResult h3 {
	border-top: 1px solid #57505a;
	border-bottom: 1px solid #57505a;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	line-height: 25px;
}


/* ---------------------------------------------------------
   TOURINFRANCE RESULTATS : Affichage des objets
--------------------------------------------------------- */

#tifResult .objet {
	position: relative;
	clear: both;
	margin-bottom: 10px;
}

#tifResult .vignette {
	float: left;
	width: 60px;
	height: 60px;
}

#tifResult .vignette .titre01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	padding: 2px 0px 1px 2px;
	margin: 0px 0px 2px 0px;
	background-color: #57505a;
}

#tifResult .vignette .photo img {
	width: 60px;
	height: 60px;
}

#tifResult .resume {
	width: 275px; /* pour ie au lieu d'un simple margin-left: 65px */
	float: left; /* pour ie au lieu d'un simple margin-left: 65px */
	margin-left: 5px; /* pour ie au lieu d'un simple margin-left: 65px */
	height: 77px;
	border-bottom: 1px solid #57505a;
}

#tifResult  .resume .titre02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	padding: 2px 0px 1px 2px;
	margin: 0px 0px 2px 0px;
	text-transform: uppercase;
	background-color: #352f36;
}

#tifResult .resume .titre02 a {
	text-decoration: none;
	color: #fff;
}

#tifResult .resume .titre02 a:hover {
	color: #57505a;
}

#tifResult .texte01 {
	color: #000;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 1px 0px;
}

#tifResult .texte02 {
	color: #57505a;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 4px 0px;
}

#tifResult .texte03 {
	color: #57505a;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#tifResult .cadre {
	border-left: 1px solid #000;
	padding: 0px 0px 0px 5px;
	margin-left: 10px;
}

#tifResult a {
	color: #000;
	text-decoration: none;
}

#tifResult a:hover {
	color: #57505a;
}



/* ------------------------------------------------------ */

/* TOURINFRANCE DETAIL */

/* ------------------------------------------------------ */

#conteneurTif {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 520px;
}

#conteneurTif #pageTif {
	width: 500px;
	background-color: #352f36;
	padding: 10px;
}


#pageTif #contentTif {
	background-color: #fff;
	padding: 5px;
}


/* ---------------------------------------------------------
   TOURINFRANCE DETAIL : CONTENU
--------------------------------------------------------- */


/*-------------------- Navigation photo */

#pageTif #mediaTif {
}

#mediaTif #photoTif, #mediaTif #cartoTif {
	text-align: center;
}

#mediaTif #photoTif img {
	width: 500px;
}

#mediaTif #navPhotoTif {
	display: none;
}


/*-------------------- Menu Tif */

#pageTif #menuTif {
	display: none;
}

/*-------------------- Titre */

#contentTif #titreTif {
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #57505a;
	border-bottom: solid 1px #57505a;
}

#contentTif #titreTif h1 {
	float: left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}

#contentTif #titreTif h2 {
	float: right;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #352f36;
}


/*-------------------- Chapitre TIF */

#contentTif h3 {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px solid #57505a;
	text-decoration: none;
	display: block;
}

#contentTif h3 a {
	color: #000;
	text-decoration: none;
}

#contentTif h3 a:hover {
	color: #57505a;
}

#contentTif .chapTif {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	margin-bottom: 20px;
}

#contentTif .chapTif p { /* Super important */
	position: relative;
	clear: left;
}

#contentTif .chapTif a {
	color: #57505a;
	text-decoration: none;
}

#contentTif .chapTif a:hover {
	color:#000;
}

#contentTif .libTif01 {
	color: #000;
}

#contentTif .valTif01 {
	color: #57505a;
}

#contentTif .libTif02 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}

#contentTif .valTif02 {
	color: #352f36;
	font-weight: bold;
	padding-bottom: 3px;
}

#contentTif .libTif03 {
	width: 40%;
	float: left;
	text-align: right;
}

#contentTif .valTif03 {
	float: left;
	margin-right: 10px;
	margin-left: 5px;
	color: #625F58;
}

#contentTif .libTif04 {
	width: 40%;
	float: left;
	text-align: right;
}

#contentTif .valTif04 { /* Réduction des checkbox */
	float: left;
	font-size: 5px;
	color: #000;
	border: 0px solid #fff;
	margin-right: 10px;
	margin-left: 5px;
}

#contentTif .interligne {
	margin-bottom: 3px;
}

#contentTif .bgligne {
	margin-bottom: 2px;
	background-color: #ececec;
}

#contentTif #tif06, #tif07a, #tif07b, #tif07c, #tif07d {
	display: none;
}


/* ---------------------------------------------------------
   TOURINFRANCE DETAIL : MENU PRATIQUE
--------------------------------------------------------- */

#pageTif #menuPratiqueTif {
	display: none;
}

/* ---------------------------------------------------------
   TOURINFRANCE DETAIL : NAVIGATION BAS DE PAGE
--------------------------------------------------------- */

#navTif {
	display: none;
}