﻿body {
	font-size: 9pt;
	font-family: sans-serif;
	background: #323765 url(style_2007/bg_body.jpg) repeat-x;
	margin: 0;
	padding: 0;
}




#titre a img {
	border: 0;
}

#titre img {
	position: absolute;
	top: -200px;
	left: 20px;
}

#titre h1 {
	position: absolute;
	left: -999em;
}

#titre h2 {
	display: block;
	width: 475px;
	height: 999px;
	position: absolute;
	top: -870px;
	right: 29%;
	background: url(style_2007/bg_titre_h.gif) bottom no-repeat;
}

#langues {
	position: absolute;
	top: 0;
	height: 4ex;
	width: 100%;
	background: #ffa500 url(style_2007/bg_nav.gif) repeat-x;
	border-bottom: 1px solid #fff;
}

#langues ul {
	padding: 0.5ex 0 0 0;
	margin: 0;
	list-style: none;
}

#langues a {
	display: block;
	width: 5em;
	padding-left: 20px;
	text-decoration: none;
	color: #000;
	font-size: 8pt;
}

#langues a:hover {
	text-decoration: underline;
}

#langues li {
	float: right;
}

#sponsors {
	position: absolute;
	height: 592px;
	width: 27%;
	right: 0;
	top: 7ex;
	background: url(style_2007/tableau_sponsors.gif) no-repeat;
}

#sponsors img {
	position: absolute;
	top: -999em;
	left: -999em;
}

#francais {
	background: url(style_2007/flag-fr.png) 0 50% no-repeat;
}

#english {
	background: url(style_2007/flag-en.png) 0 50% no-repeat;
}

#page {
	position: absolute;
	top: 150px;
	width: 69%;
	margin-left: 0;
	margin-right: 210px;
	padding: 0 1em 0 1em;
	background-color: #fff;
	border-top: 2px solid #ffa500;
	border-right: 2px solid #ffa500;
	border-bottom: 2px solid #ffa500;
}

#page p {
	text-align: justify;
	text-indent: 3em;
	margin: 1em;
}

#page p img {
	margin: 5px;
	float: left;
}

#page a {
	color: #ffa500;
}

#page a:hover {
	font-weight: bold;
}

#page a:visited {
	color: #323765;
}

#page a img {
	border: 2px solid #ffa500;
}

#page table ul {
	padding-left: 1em;
}

#page table li {
	list-style-type: none;
}

#page td.image {
	border: 2px solid #ffa500;
}

#page td.image  img {
	border: 1px solid #fff;
}

#page div.miniature {
	position: relative;
	display: block;
	height: 30em;
	width: 164px;
	float: left;
}

#page div.miniature p {
	text-indent: 0;
	margin: 5px;
	text-align: center;
	font-size: 8pt;
}

#page div.miniature img {
	float: none;
	-moz-opacity: 0.5; /* pour mozilla */
	opacity: 0.5; /* pour safari */
	khtml-opacity: 0.5 /* pour konquerer et vieux safari */
}

#page div.miniature img:hover {
	-moz-opacity: 1; /* pour mozilla */
	opacity: 1; /* pour safari */
	khtml-opacity: 1 /* pour konquerer et vieux safari */
}

#news {
	font-size: 9pt;
}

#news ul {
	margin: 4px 4px 4px 4px;
	padding: 0;
}

#news ul li {
	list-style-type: none;
	margin: 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}

#txt_accueil {
	margin-left: 190px;
}

#page h1 {
color: #ffa500;
font-size: 18pt;
font-variant: small-caps;
}

#page h2 {
	font-size: 14pt;
	text-align: left;
	color: #323765;
}

#page h3 {
	font-size: 11pt;
}

#page p.legende {
	text-align: center;
	font-style: italic;
	font-weight: bold;
}

#download {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 180px;
	background: #fff;
}

#download h2 {
	position: absolute;
	top: -999em;
}

#download a img {
	border: none;
	margin-bottom: 10px;
}

#nav {
	position: absolute;
	top: 0px;
	left: 0px;
	/*font-size: 10pt;
	font-weight: bold;*/
}

#nav ul {
	float: left;
}
 
#nav, #nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 13em;
	height: 4ex;
	text-align: center;
	line-height: 4ex;
	text-decoration: none;
	color: #fff;
}

#nav a:hover {
	color: #fff;
	background-color: #323765;
}

#nav li { /* tous les items de liste */
	float: left;
	width: 13em; /* largeur obligatoire, sinon opera devient fou */
	height: 4ex;
	border-right: 1px dotted #fff;
}



#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	background: #ffa500;
	width: 13em;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
	filter: alpha(opacity=80); /* pour IE */
	-moz-opacity: 0.8; /* pour mozilla */
	opacity: 0.8; /* pour safari */
	khtml-opacity: 0.8 /* pour konquerer et vieux safari */
}

#nav li ul a {
	text-align: center;
}

#nav li ul li {
	border: 0;
}

#nav #nav_accueil, #nav #nav_accueil a {width: 5em;}
#nav #nav_motorhome , #nav #nav_motorhome * {width: 8em;}
#nav #nav_voiture, #nav #nav_voiture * {width: 8em;}

#nav li ul ul { /* listes de troisième niveau et plus */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}

#visites {
	position: relative;
	bottom: 0;	
	color: #777;
	font-size: 7pt;
	margin-bottom: 1ex;
}

#visites p {
	text-align: center;
	margin: 0;
	padding: 0;
}

#page table.fiche td {
	font-size: 8pt;
	text-align: left;
	margin: 10pt;
}

#page table.fiche td.header {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	font-size: 9pt;
}

#page table.fiche td.partenariat {
	background-color: #ffa500;
	font-weight: bold;
	text-align: center;
}

#page table.fiche td.sponsoring {
	background-color: #ffc510;
}

#page table.fiche td.sponsoringbis {
	background-color: #ffa500;
}

#page a.apercu_entreprise img {
	border: none;
}

#nav li.courant a {
	background-color: #323765;
}

#nav li.courant a:hover {
	background-color: #ffa500;
}
