@charset "iso-8859-1";
/* CSS Document */

html {
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
}
body {
	position:relative;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#545454;
}

img.bg {
	/* Set rules to fill background */
	min-height: 600px;
	min-width: 1500px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1500px){
	img.bg {
		left: 50%;
		margin-left: -750px;
		margin-top:40px;
	}
}

.multiBoxDesc a:link, .multiBoxDesc a:visited, .multiBoxDesc a:active {
	text-decoration:underline;
	color:#f3892d;
}
.multiBoxDesc a:hover {
	text-decoration:none;
	color:#f3892d;
}

tr,
td {
	margin: 0 auto; /* iCATS - obligatoire pour coller en haut à gauche sous FF3 */
	padding:5px;
	/* border:solid 1px #666; */
}
td p {
	margin:0;
	padding:0;
}

form, fieldset {
	font-size:10px;
	margin: 0 auto; /* iCATS - obligatoire pour coller en haut à gauche sous FF3 */
	padding:0;
	width:95%;
}

/* ---------------------------------- */
/* PNG Transparence IE			      */
/* ---------------------------------- */
/*img, div {
	behavior: url(/Plugins/iepngfix/iepngfix.htc);
}*/

/* ---------------------------------- */
/* Polices et formes des textes       */
/* ---------------------------------- */

/* ---------------------------------- */
/* Insertion des CSS du CMS FCKEditor */
/* ---------------------------------- */

.small
{
	font-size:0.8em;
	margin:0.5em 0; /* iCATS Espace sous le texte */
}

.medium
{
	font-size:1.0em;
	margin:0.5em 0; /* iCATS Espace sous le texte */
}

.large
{
	font-size:1.2em;
	margin:0.5em 0; /* iCATS Espace sous le texte */
}

/* ---------------------------------- */
/* Fin de la section commune CMS FCKEditor */
/* ---------------------------------- */
.titre-trace,
h1 {
	min-width:330px;
	margin:0px 0 0 10px;
	padding-left:10px;
	padding-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform:none;
	color:#f3892d;
}
h2 {
	margin:0px 10px 10px 10px;
	font-size:14px;
	text-align:left;
	text-decoration:underline;
	font-weight:bold;
	color:#fe8202;
}
h3 {
	margin:0px 10px 10px 20px;
	font-size:12px;
	text-align:left;
	text-decoration:underline;
	font-weight:bold;
	color:#fe8202;
}
h4 {
	margin:0px 10px 10px 20px;
	font-size:11px;
	text-align:left;
	text-decoration:underline;
	font-weight:bold;
	color:#fe8202;
}
p {
	padding-top:0px;
	margin-top:0px;
	margin-left:30px;
}
img {
	border:0px;
}
.clearfloat {
	clear:both;
	height:0px;
}

/* ---------------------------------- */
/* Mise en page - Zones d'affichage   */
/* ---------------------------------- */
#page {
	position:relative; /* ------- ATTENTION: obligatoire pour fixer les objets absolute ------------ */
	width:1000px;
	min-height:660px; /* body:height = 100%; FIX répétition cadre div.content jusqu'en bas, derrière le footer */
	margin: 0px auto;
	padding: 0px auto;
	z-index:2;
}

/* ---------------------------------- */
/* OBJETS POSITIONS FIXES             */
/* en fin du code HTML - non utiles   */
/* pour le SEO      				  */
/* ---------------------------------- */

.headerANNONCEURS {
	position:fixed; /* ------- ATTENTION: la div père doit être relative ou absolute ------------ */
	/* background:transparent url(images/barrebandeau.png) repeat-y top left; */
	width:100%;
	top:40px;
	left:50%; /* centrage du header qq soit la taille du navigateur */
	margin-left:187px; /* width / 2 + 20px calage avec le bloc news */
	z-index:500;
}

.headerGPS {
	position:fixed; /* ------- ATTENTION: la div père doit être relative ou absolute ------------ */
	/* background:transparent url(images/barrebandeau.png) repeat-y top left; */
	width:100%;
	top:40px;
	left:50%; /* centrage du header qq soit la taille du navigateur */
	margin-left:400px; /* width / 2 + 20px calage avec le bloc news */
	z-index:1;
}

/* ########################## */
/* HEADER position fixe */
#header {
	position:fixed; /* ------- ATTENTION: la div père doit être relative ou absolute ------------ */
	/* background:transparent url(/images/barrebandeau.png) repeat-y top left; */
	width:100%;
	top:0;
	left:50%; /* centrage du header qq soit la taille du navigateur */
	margin-left:-500px; /* width / 2 + 20px calage avec le bloc news */
	z-index:1000;
}
#header .headerLogo {
	position:relative;
	margin:0;
	z-index:2000;
	float:left;
}
#header .barreUnivers {
	position:relative;
	background:transparent url(/images/barreunivers.png) repeat-x top left;
	border-right:#FFF solid 1px;
	height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:right;
}
#header .barreUnivers ul{
	margin:0;
	padding:0;
	text-transform:uppercase;
	list-style-type:none;
}
#header .barreUnivers ul li{
	position: relative;
	display: inline;
	height:22px;
	line-height:22px;
	color: #FFF; /* iCATS - couleur texte menu */
	float: left;
}
#header .barreUnivers ul li a {
	display: block;
	border-left:1px solid #FFF;
	padding:0px 25px; /* iCATS - hauteur menu / Espace avant */
	text-decoration:none;
	text-align:center;
	color:#FFF;
}
* html #header .barreUnivers ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
#header .barreUnivers ul li a:hover {
	background:transparent;
	color:inherit;
}
#header .barreUnivers .separateur {
	color:#FFF;
}
/* ########################## */
/* MENU */
div#barreslidemenu {
	position:fixed; /* ------- ATTENTION: la div père doit être relative ou absolute ------------ */
	top:0px; /* position = hauteur des blocks header = 162px; */
	left:0px;
	background:url(/images/barremenu.png) repeat-x top left;
	width:100%;
	height:40px;
	margin:0px 0px 0px 0px;
}
div#myslidemenu {
	position:absolute; /* ------- ATTENTION: la div père doit être relative ou absolute ------------ */
	width:800px;
	height:40px;
	margin:0px 0px 0px 0px;
	margin-left:240px;
	overflow:visible; /* n�cessaire pour permettre les menus d�roulants en ie8 et ff3 */
	z-index:1000;
}

/* ---------------------------------- */
/* OBJETS POSITIONS FLOAT             */
/* en début du code HTML - utiles     */
/* pour le SEO      				  */
/* ---------------------------------- */
/* ########################## */
/* MAIN */
#main {
	position:relative;
	width:700px;
	color:inherit;
	margin:240px 47px 30px 0px;
	padding:0;
	font-size:11px;
	float:right;
}
#main a {
	padding: 0px; /* iCATS - hauteur menu / Espace avant */
	text-decoration:underline;
	color:#fe8202;
}
#main a:hover {
	text-decoration:none;
}
#main .contentHaut {
	position:relative;
	background:transparent url(/images/fond-main-haut.png) no-repeat top left;
	width:700px;
	height:44px;
	float:left;
	z-index:10;
}
#main .content {
	position:relative;
	background:transparent url(/images/fond-main.png) repeat-y top left;
	width:700px;
	min-height:800px;
	float:left;
	z-index:10; /* Index content > index colG */
}
#main .content .divPleine {
	width:660px;
	margin:0px 0px 0px 10px;
	float:left;
}
#main .content .divGauche {
	width:440px;
	margin:30px 10px 0px 10px;
	float:left;
}
#main .content .divGauche table {
	margin:0 15px;
}
#main .content .divDroite {
	width:190px;
	margin:30px 0px 0px 0px;
	float:left;
}
#main .content .ariane {
	margin:5px 20px 10px 0px;
	font-size:9px;
	float:right;
}
#main .content .ariane div {
	display:inline;
	float:left;
}
#main .content .separateur {
	border-top:#383739 solid 1px;
	width:650px;
	height:15px;
	margin-left:30px;
	clear:both;
}
#main .contentBas {
	position:relative;
	background:transparent url(/images/fond-main-bas.png) no-repeat top left;
	width:700px;
	height:14px;
	font-size:9px;
	float:left;
	z-index:10;
}

/* ---------------------------------- */
/* Objets - Boite des rubriques       */
/* ---------------------------------- */
#main .content .boxRub {
	width:660px;
	margin-left:10px;
	padding:5px;
	float:left;
}
#main .content .boxRub a h3 {
	text-decoration:underline;
}
#main .content .boxRub a:hover h3 {
	text-decoration:none;
}
#main .content .boxRub .txtRubPos {
	margin:5px 0px 0px 15px;
	float:left;
}
#main .content .boxRub .imgRubPos {
	position:relative;
	background-color:#FFF;
	width:140px;
	min-height:110px;
	margin:0px 20px 0px 10px;
	padding:0;
	border:none;
	float:left;
}
#main .content .boxRub .imgRubPos a.imgGal {
	width:128px;
	height:96px;
	margin:-3px 0px 0px -3px;
	padding:0;
	font-size:1.0em;
	font-weight:normal;
	text-decoration:none;
	float:left;
}
/* --- Mise en page photos des rubriques --- */
#main .content .blocGal {
	position:relative;
	background-color:#FFF;
	width:190px;
	min-height:150px;
	margin-bottom:10px;
	border:#edc9aa solid 1px;
	float:left;
}
#main .content .blocGal a.imgGal {
	width:170px;
	margin:0px 0px 0px 0px;
	font-size:1.0em;
	font-weight:normal;
	text-decoration:none;
	float:left;
}
#main .content .boxRub a.imgGal .imgGalMini,
#main .content .blocGal a.imgGal .imgGalMini {
	margin:10px 0px 0px 10px;
}
#main .content .blocGal a {
	text-decoration:none;
}

/* ---------------------------------- */
/* Objets - de mise en page GMAPS     */
/* ---------------------------------- */
#main .content .divGpsInfos {
	width:100%;
	min-height:1px;
	margin:0px 10px 0px 10px;
	padding:0px;
}
#main .content .divGpsInfos .divHautGauche {
	width:440px;
	min-height:340px;
	border:0px;
	border-right:#f3892d solid 1px;
	margin:0px;
	margin-bottom:15px;
	padding:0px;
	padding-right:20px;
	float:left;
}
#main .content .divGpsInfos .divHautDroite {
	width:210px;
	height:165px;
	border: 0px;
	margin: 0px;
	padding-left:15px;
	padding:0px;
	float:left;
}
#main .content .divGpsInfos .divHautDroite .caract {
	background:transparent url(/images/fond-caract.png) no-repeat top left;
	width:210px;
	height:75px;
	margin:0;
	padding-left:10px;
	padding-top:0px;
}
#main .content .divGpsInfos .divHautDroite .caract p {
	width:180px;
	margin:0.5em 0;
	font-weight:normal;
	text-transform:none;
}
#main .content .divGpsInfos .divHautDroite h3 {
	text-decoration:none;
	font-size:10px;
	margin:5px 0 0 5px;
}
#main .content .divGpsInfos .divHautDroite .caract p span {
	font-weight:bold;
}
#main .content .divGpsInfos .divHautDroite .caract span {
	width:100px;
	font-weight:bold;
	margin-left:0px;
}
#main .content .divGpsInfos .divHautDroite img {
	margin:0.5em 0;
	padding:0 0.5em;
}
#main .content .divGpsInfos .divHautDroite .separateurCaract {
	background:transparent url(/images/separateurCaract.png) no-repeat top left;
	width:210px;
	height:3px;
	margin:1.0em 0;
	padding:0;
	clear:both;
}
#main .content .divGpsInfos .divHautDroite .caract .titre {
	width:210px;
	height:20px;
	margin:0;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
	color:#f3892d;
}
#main .content .divGpsInfos .divHautDroite a {
	width:210px;
	margin-left:10px;
	text-decoration:none;
	font-weight:bold;
	font-size:9px;
	color:#343536;
	float:left;
}
#main .content .divGmap {
	color:#000; /* div Google Maps - couleur de texte noir */
	font-weight:bold;
	width:650px;
	height:450px;
	margin:0px;
	margin-left:25px;
	margin-bottom:20px;
	padding:0px;
	float:left;
}
#main .content .divGmap p ,
#main .content .divGmap div,
#main .content .divGmap h3 {
	margin:0px;
	padding:0px;
}

/* ---------------------------------- */
/* Objets - GAPI           */
/* ---------------------------------- */
#main .content .divMarker {
	color: #000;
	font-weight: normal;
	max-width: 560px;
	height: 200px;
	margin:0;
	padding:0;
}
#main .content .divMarker a {
	color: #0000FF;
}
#main .content .divMarker img {
	margin:0px 10px 0px 0px;
}

/* ---------------------------------- */
/* OBJETS POSITIONS FIXES             */
/* en fin du code HTML - non utiles   */
/* pour le SEO      				  */
/* ---------------------------------- */

/* #################################### */
/* COLONNE de Droite - relative à #main */
.colG {
	position:relative;
	width:250px;
	margin:276px 0px 0px 0px;
	float:left;
	z-index:1; /* Index content > index colG */

}
/* Boite Annonceurs */
.colG .annonceursHaut {
	background:transparent url(/images/boxAnnonceursHaut.png) no-repeat top left;
	width:260px;
	height:44px;
	float:left;
}
.colG .annonceursHaut p {
	margin:15px 15px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
}
.colG .annonceursMilieu {
	background:transparent url(/images/boxAnnonceursMilieu.png) repeat-y top left;
	width:260px;
	height:310px;
	overflow:hidden;
	margin:0;
	padding:10px;
	padding-right:0;
	font-size:11px;
	color:#fff;
	float:left;
}
.colG .annonceursBas {
	background:transparent url(/images/boxAnnonceursBas.png) no-repeat top left;
	width:260px;
	min-height:14px;
	margin:0;
	padding:0px;
	padding-right:0;
	color:#fff;
	float:left;
}

/* Boite Parcours */
.colG .parcoursHaut {
	background:transparent url(/images/boxInfosHaut.png) no-repeat top left;
	width:260px;
	height:44px;
	float:left;
}
.colG .parcoursHaut p {
	margin:15px 15px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#759632;
}
.colG .parcoursMilieu {
	background:transparent url(/images/boxInfosMilieu.png) repeat-y top left;
	width:250px;
	height:320px;
	overflow:hidden;
	margin:0;
	padding:10px;
	padding-right:0;
	color:inherit;
	float:left;
}
.colG .parcoursMilieu .contenu {
	width:230px;
	min-height:100px;
	margin:0;
	padding:5px 10px;
	font-size:10px;
}
.colG .parcoursMilieu .contenu h2 {
	margin:0;
	padding:0;
	font-size:11px;
	text-decoration:none;
}
.colG .parcoursMilieu .contenu a {
	font-weight:bold;
	text-decoration:underline;
	color:#f3892d;
}
.colG .parcoursMilieu .contenu a:hover {
	text-decoration:none;
}
.colG .parcoursMilieu .contenu p {
	margin:0;
	padding:0;
}
.colG .parcoursMilieu .contenu .separateur {
	margin:5px 0;
}
.colG .parcoursBas {
	background:transparent url(/images/boxInfosBas.png) no-repeat top left;
	width:260px;
	height:14px;
	margin:0;
	padding:0px;
	padding-right:0;
	color:#fff;
	float:left;
}

/* ########################## */
/* Social */
.social {
	position:fixed; /* ------- ATTENTION: la div père doit être relative ou absolute ------------ */
	width:90px;
	min-height:90px;
	top:150px;
	right:-15px; /* centrage du header qq soit la taille du navigateur */
	margin:0;
	padding:0;
	z-index:1000;
}
.social div#bloc {
	position:relative;
	background:transparent url(/images/box-reseau.png) no-repeat top left;
	width:80px;
	height:80px;
	margin:0;
	margin-top:-10px;
	padding:0;
	padding-top:10px;
	padding-left:10px;
	cursor:pointer;
	float:right;
}

/* ########################## */
/* Bouton Retour Haut*/
#btn-up {
	position:fixed;
	display:none;
	bottom:35px;
	right:25px;
	cursor:pointer;
	z-index:100;
}

/* ########################## */
/* Footer */
#footer {
	position:fixed;
	background-color:#759632;
	width:100%;
	height:35px;
	bottom:0;
	left:0;
	color:#FFF;
	z-index:2000;
}
#footer .content {
	position:relative; /* ------- ATTENTION: obligatoire pour fixer les objets absolute ------------ */
	width:980px;
	margin:0px auto;
	padding:0px auto;
}
#footer .content .separateur {
	border-bottom:#FFF solid 1px;
	height:15px;
	clear:both;
}

/* ########################## */
/* BOX BAS MENTIONS */
#footer .content .mentions {
	width:370px;
	height:30px;
	margin:15px 0px 0px 10px;
	padding:0 0px;
	font-size:9px;
	text-align:left;
	color:#FFF;
	float:left;
}
#footer .content .mentions p {
	margin:0;
	margin-top:15px;
}
#footer .content .mentions a {
	color:#FFF;
	text-decoration:underline;
	margin:0px;
}
#footer .content .mentions a:hover {
	text-decoration:none;
}
/* BOX BAS RESEAU */
#footer .content .reseau {
	width:340px;
	height:30px;
	margin:8px 0px 0px 10px;
	padding:0 0px;
	font-size:9px;
	text-align:center;
	color:#FFF;
	float:left;
}
/* BOX BAS HOST */
#footer .content .host {
	width:240px;
	height:30px;
	margin:8px 0px 0px 10px;
	padding:0 0px;
	font-size:9px;
	text-align:right;
	color:#FFF;
	float:right;
}
#footer .content .host p {
	margin:0;
	margin-top:15px;
}
#footer .content .host a {
	color:#FFF;
	text-decoration:underline;
	margin:0px;
}
#footer .content .host a:hover {
	text-decoration:none;
}

#noir {
	color:#000;
}
#blanc {
	color:#fff;
}