/* GENERAL - début */
body, .body {
	background-image: url('images/bg.jpg');
	background-position: 0% 0%;
	background-repeat: repeat-x;
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.page {
	position: relative;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
}

img {
    border: 0px;
}

form, input {
	margin : 0px;
	padding : 0px;
}

	/* TEXTES - début */
	div,td,p {
		font-family: Arial, Tahoma;
		font-size: 12px;
		line-height: 15px;
		vertical-align: text-top;
		text-align: justify;
	}
	
	.intro {
		font-size: 12px;
		font-weight: normal;
		line-height: 17px;
		text-align: justify;
		padding: 0px 6px 0px 0px;
	}
	
	.paragraph {
		padding: 0px 0px 6px 0px;
		line-height: 16px;
		text-align: justify;
	}
	
	.question {
		padding: 18px 0px 6px 0px;
		font-weight: 700;
	}
	
	.author {
		padding: 6px 0px 6px 0px;
		font-size: 10px;
		line-height: 12px;
		text-align: right;
		bottom: 0;
	}
	
	.note {
		font-family: Arial, Tahoma;
		font-size: 9px;
		line-height: 12px;
		border: 0px;
		background:  transparent;
	}
	
	.success {
		color: #2D3;
		text-decoration: blink;
	}
	
	.error {
		color: #F00;
		text-decoration: blink;
	}
	
	.txtcolor1 { 
		
	}
	
	.txtcolor2 { /* BLEU SOUS-TITRE */
		color: #898989;
		text-transform: uppercase;
	}
	
	.txtcolor3 { /* BLEU BOX */
		color: #898989;
		text-align: left;
	}
	
	.txtcolor4 { /* BLEU OFFRE (KM) */
		color: #255888;
		font-weight: 700;
		font-size: 10px;
	}
	
	.txtcolor5 { /* BLEU OFFRE (PRIX) */
		color: #FFF;
		font-weight: 700;
		font-size: 16px;
		line-height: 26px;
		padding: 3px;
	}
	
	.txtcolor6 { /* BLEU PETIT */
		color: #003e6e;
		font-size: 9px;
		text-decoration: none;
	}
	
	a:hover.txtcolor6 { /* BLEU PETIT (LIEN HOVER) */
		text-decoration: underline;
	}
	
	/* TEXTES - fin */
	
	/* TITRES - début */
	h1.title {
		font-family: "Century Gothic", Arial, Tahoma;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
		height: 33px;
		text-align: left;
	}
	
	.title, a.title, a:visited.title, a:hover.title, h1.title {
		font-size: 20px;
		font-weight: normal;
		text-decoration: none;
	}

	.subcat-title, a.subcat-title, a:visited.subcat-title, a:hover.subcat-title {
		padding-bottom: 10px;
		font-size: 16px;
		font-weight: normal;
		text-decoration: none;
	}
	/* TITRES - fin */
	
	/* LIENS - début */
	.link, a.link, a:visited.link {
		color: #898989;
	}
	
	a.link:hover {
		color: #898989;
		text-decoration: underline;
	}
	.small-link {
		font-size: 9px;
		color: #f39930;
		white-space: nowrap;
	}
	
	a.small-link:hover {
		color: #f39930;
		text-decoration: underline;
	}
	/* LIENS - fin */

	/* FORMULAIRE - début */
	.small-form {
		color: #333333 ;
		font-size: 11px;
		font-family: "Century Gothic", Arial, Tahoma;
		border: 1px solid #666666;
	}
	/* FORMULAIRE - fin */

	/* FLUX RSS -- DEBUT */
	.rss-box {
		
	}
	
	.rss-title {
		text-align: left;
		line-height: 14px;
		padding: 6px 0px 1px 0px ;
	}
	
	div.rss-image {
		position: absolute;
		z-index: 20;
		width: 168px;
		height: 80px;
		text-align: left;
		vertical-align: middle;
	}
	
	.rss-image {
		position: absolute;
		z-index: 10;
		width: 170px;
	}
	
	.rss-description {
		text-align: justify;
		font-size: 10px;
		line-height: 14px;
		padding: 0px 0px 8px 0px ;
	}
	
	.rss-link {
	
	}
	/* FLUX RSS -- FIN */

	/* PRINT.PHP - début */
	#print body, #print div, #print td, #print a, #print a:hover, #print a:visited {
		font-family: "Century Gothic", Arial, Tahoma;
		font-size: 12px;
		line-height: 15px;
		vertical-align: text-top;
		text-align: justify;
		color: #000;
	}
	
	#print div {
		padding: 20px;
	}
	/* PRINT.PHP - fin */

	/* AUTRES - début */
	.fixed {
		position: fixed;
	}
	/* AUTRES - fin */

/* GENERAL - fin */

/* ENTETE - début */
.header {
	background-image: url('images/bg_header.jpg');
	background-position: 50% 0%;
	background-repeat: no-repeat;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: 185px;
	text-align: left;
}

div.logo {
	position: absolute;
	margin: 10px 0px 0px 5px;
	z-index: 10;
}

img.logo {
	width: 165px;
	height: 160px;
}

div.headline {
	position: absolute;
	margin: 160px 25% 0 25%;
	width: 550px;
	font-family: "Arial Narrow", Arial;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: #000 -1px 1px 1px;
	line-height: 19px;
	color: #FFF;
	z-index: 20;
}

div.language {
	float: right;
	margin: -2px 35px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: 100;
	height: 10px;
	width: auto;
	text-align: right;
	text-transform: uppercase;
}

a.language, a:visited.language {
	text-decoration: none;
}

div.subscribe {
	float: right;
	z-index: 10;
}

	/* FUSEAUX HORAIRES - début */
	img.imgFR {
		position: absolute;
		top: 134px;
		right: 215px;
		width: 26px;
	}
	
	div.timeFR {
		position: absolute;
		top: 140px;
		right: 150px;
		font-size: 24px;
		z-index: 10;
	}
	
	img.imgAU {
		position: absolute;
		top: 134px;
		right: 110px;
		width: 26px;
	}
	
	div.timeAU {
		position: absolute;
		top: 140px;
		right: 45px;
		font-size: 24px;
		z-index: 10;
	}
	
	div.timeJ {
		position: absolute;
		top: 144px;
		right: 26px;
		font-size: 10px;
		font-weight: 700;
		z-index: 10;
	}
	/* FUSEAUX HORAIRES - fin */

div.msg {
	position: absolute;
	margin: 66px 50px 0px 50px;
	background: #000;
	width: 950px;
	font-size: 15px;
	z-index: 10;
}

	/* FIL D'ARIANE - début */
	#breadcrumbs {
		margin-left: 30px;
		padding: 0px;
		font-size: 8px;
		font-weight: 100;
		height: 10px;
		color: #544;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
	}
	#breadcrumbs a, #breadcrumbs a:visited {
		text-decoration: none;
	}
	#breadcrumbs a:hover {
		text-decoration: underline;
	}
	/* FIL D'ARIANE - fin */

/* ENTETE - fin */

/* MENU - début */

	/* MENU HAUT - début */
	div#menutop {
		position: absolute;
		margin: 90px 0px 0px 0px;
	}
	
	#menutop, #menutop ul { /* Liste */	
		padding: 0; /* marge intérieure */
		margin: 0; /* marge extérieure */
		list-style: none; /* on supprime le style par défault de la liste */
		font-family: "Century Gothic", Arial, Tahoma;
		font-size: 12px;
		font-weight: 500;
		line-height: 15px; /* on défini une hauteur pour chaque élément */
		text-align: center; /* alignement du texte */
	}
	
	#menutop a { /* Contenu des listes */
		background: transparent url("images/bg_menutop1-S.png") 50% 0% no-repeat;
		display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
		padding: 10px 1px 5px 1px;; /* marge intérieure */
		color : #fff; /* couleur du texte */
		text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
		width : 90px; /* largeur */
		height : 15px; /* largeur */
		font-size: 12px;
		text-transform: uppercase;
		text-shadow: #000 -1px 1px 1px;
		/*border: 1px solid red;*/
	}
	
	#menutop li { /* Elements des listes */	
		float: left; 
	}
	
	/* ie ne reconnaissant pas le sélecteur ">" */
	html>body #menutop li { }
	
	#menutop li ul { /* Sous-listes */
		position: absolute; /* Position absolu */
		width: 150px; /* Largeur des sous-listes */
		left: -999em; /* Hop, on envoi loin du champ de vision */
	}
	
	#menutop li ul li { /* Eléments de sous-listes */
		background: transparent url("images/bg_menutop1.png") repeat;
		margin-left: -10px;
		margin-bottom: 1px;
		line-height: 10px;
		text-align: left;
		white-space: nowrap;
	}
	
	#menutop li ul li a {
		font-size: 10px;
	}
	
	/* ie ne reconnaissant pas le sélecteur ">" */
	html>body #menutop li ul li	{ }
	
	#menutop li ul ul {
		margin: -22px 0 0 125px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	}
	
	/* ie ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
	html>body #menutop li ul ul	{
		border-left	: 1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */
	}
	
	#menutop a:hover { /* Lorsque la souris passe sur un des liens */	
		background: url("images/bg_menutop2-S.png") 50% 0% no-repeat;
		color: #333; /* On passe le texte en noir ... */
		text-shadow: #FFF -1px 1px 1px;
	}
	
	#menutop li ul li a:hover { /* Lorsque la souris passe sur un des liens */	
		color: #FCD900; /* On passe le texte en noir ... */
		background: transparent url("images/bg_menutop2.png") repeat;
	}
	
	#menutop li:hover ul ul, #menutop li.sfhover ul ul { /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
		left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
	}
	
	#menutop li:hover ul, #menutop li li:hover ul, #menutop li.sfhover ul, #menutop li li.sfhover ul { /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
		left: auto; /* Repositionnement normal */
		min-height: 0; /* Corrige un bug */
	}

	/* MENU HAUT - début */

/* MENU - fin */

/* CONTENU - début */
.content {
	background-image: url('images/bg_ctt.jpg');
	background-position: 50% 0%;
	background-repeat: repeat-y;
	margin: auto;
    width: 100%;
	vertical-align: top;
}

div.ctt {
	background-image: url('images/bg_content.jpg');
	background-position: 50% 0%;
	background-repeat: no-repeat;
	padding-top: 60px;	
	height: auto;
	min-height: 825px;
	width: 900px;
}

div.ctt-main {
	background-color: #FFF;
	margin-left: 220px;
	padding: 15px 10px 0px 10px;
	height: auto;
	min-height: 415px;
	width: 436px;
}

	/* PROGRAMME ACCUEIL - début */
	#wrapper{
		width: 100%;
		height: 180px;
		margin-bottom: 20px;
	}
	#content1, #content2, #content3{
		height: 180px;
		width: 100%;
		float:left;
		background: #f5f5f5;
		overflow:hidden;
	}
	#content1 p{
		margin: 10px;
	}
	.scrollbar-vert{
		background-color: #DDD;
		height: 206px;
		width: 20px;
		float:left;
	}
	.handle-vert{
		height: 42px;
		width: 20px;
		background: url(images/handle.gif) no-repeat;
	}
	
	.scrollbar-hor{
		background-color: #DDD;
		height: 20px;
		width: 100%;
		float:left;
	}
	.handle-hor{
		height: 20px;
		width: 42px;
		background: url(images/handle-hor.gif) no-repeat;
	}
	
	#content3 p{
		width: 700px;
	}
	/* PROGRAMME ACCUEIL - début */

	/* EVENT - début */
	.event-home {
		background: url(images/bg_event.png) 50% 0% no-repeat;
		width: 144px;
		height: 175px;
		vertical-align: top;
		text-align: center; 
		text-transform: uppercase;
	}

	.event-date {
		background: url(images/bg_date.png) 50% 0% no-repeat;
		width: 100px;
		height: 80px;
		vertical-align: top;
		text-align: center; 
		text-transform: uppercase;
	}

	.event-mois {
		padding: 5px 0px 5px 0px;
		vertical-align: middle;
		color: #bf0022;
		font-weight: 700;
		text-align: center; 
		text-transform: uppercase;
	}

	.event-jour {
		vertical-align: middle;
		text-align: center; 
		color: #646567;
		font-size: 26px;
		font-weight: 700;
		text-transform: uppercase;
	}
	
	.event-text, a.event-text, a:hover.event-text, a:visited.event-text {
		padding: 2px;
		text-transform: none;
		color: #FFF;
	}
	/* EVENT - fin */

	/* HOME BOX - début */
	div.homebox { 
		margin: -30px 0px 10px 5px;
		background: url('images/bg_homebox1.png') 50% 0% no-repeat;
		width: 900px;
		height: 220px;
		font-size: 12px;
		padding: 1px;
	}
	
	div.homebox1 { 
		float: left;
		margin: 6px 0px 0px 35px;
		width: 245px;
		height: 200px;
		font-size: 12px;
		color: #FFF;
	}
	
	div.homebox3 {
		margin: 6px 0px 0px 330px;
		width: 245px;
		height: 200px;
		font-size: 12px;
		color: #FFF;
	}
	
	div.homebox2 {
		float: right;
		margin: 6px 30px 0px 0px;
		width: 245px;
		height: 200px;
		font-size: 12px;
		color: #FFF;
	}
	
	p.hometext {
		color: #FFF;
		margin: 100px 0px 0px 10px;
	}
	/* HOME BOX - fin */

	/* OZY COMMUNITY - début */
	div.ozycommunity {
		background: url(images/ozy-community.png) 0 0 no-repeat;
		width: 100%;
		height: 28px;
	}
	/* OZY COMMUNITY - fin */

	/* FORUM - début */
	div.latest {
		padding: 0px 0px 5px 0px;
	}
	
	div.latest-titre a, div.latest-titre a:visited { 
		background: url(images/ico_go.gif) 0px 0px no-repeat;
		padding: 0px 0px 0px 22px;
		font-size: 14px;
		font-weight: 700;
		color: #c7002c;
	}
	
	div.latest-forum a, div.latest-forum a:visited {
		padding: 0px 0px 0px 0px;
		font-size: 9px;
		font-weight: 700;
		text-decoration: none;
		color: #3d44a4;
	}
	
	div.latest-titre a:hover, div.latest-forum a:hover {
		text-decoration: underline;
	}
	/* FORUM - fin */


	/* MENU GAUCHE - début */
	.ml1, .ml2 {
		color: #FFF;
		font-family: Arial, Tahoma;
		text-decoration: none;
	}
	
	div#menuleft {
		float: left;		
		width: 174px;
		margin-left: 35px;
		cursor: pointer;
	}
	
	#menuleft a { /* Contenu des listes */
		display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
		text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
		cursor: pointer;
	}
		
	#menuleft a:hover { /* Contenu des listes */
		color: #ff0900; /* On passe le texte en noir ... */
	}
		
	div#menuleft ul {
		padding: 0;
		margin: 0;
	}
	
	div#menuleft li { /* Tous les niveaux */
		list-style: none;
		text-align: left;
	}
	
	div#menuleft ul li { /* Niveau 1 */
		background-image: url('images/boxL-top.png');
		background-position: 50% 0%;
		background-repeat: no-repeat;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		padding: 12px 10px 12px 10px;
	}
	
	div#menuleft ul ul li, div#menuleft ul ul li a { /* Sous-niveau 2 */
		background-image: none;
		background-color: #dcdcdc;
		color: #333;
		text-transform: none;
		font-size: 11px;
		font-weight: 700;
		padding: 2px 2px 2px 2px;
	}  
	
	div#menuleft ul ul li {
		width: 169px;
	}
	
	div#menuleft ul.ml1 li.sousmenu:hover ul.ml2,
	div#menuleft ul.ml2 li.sousmenu:hover ul.ml3 {
		display: block;
		cursor: pointer;
	}
	
	div.boxL-bottom {
		background-image: url('images/boxL-bottom.png');
		background-position: 0% 0%;
		background-repeat: no-repeat;
		height: 20px;
		width: 174px;
	}
	/* MENU GAUCHE - fin */

	/* MENU DROITE - début */
	.mr1, .mr2 {
		color: #FFF;
		font-family: Arial, Tahoma;
		text-decoration: none;
	}
	
	div#menuright {
		float: right;		
		width: 174px;
		margin-right: 35px;
		cursor: pointer;
	}
	
	#menuright a { /* Contenu des listes */
		display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
		text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
		cursor: pointer;
	}
		
	#menuright a:hover { /* Contenu des listes */
		color: #ff0900; /* On passe le texte en noir ... */
	}
		
	div#menuright ul {
		padding: 0;
		margin: 0;
	}
	
	div#menuright li { /* Tous les niveaux */
		list-style: none;
		text-align: left;
	}
	
	div#menuright ul li { /* Niveau 1 */
		background-image: url('images/boxR-top.png');
		background-position: 50% 0%;
		background-repeat: no-repeat;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		padding: 12px 10px 12px 10px;
	}
	
	div#menuright ul ul li, div#menuright ul ul li a { /* Sous-niveau 2 */
		background-image: none;
		background-color: #FFF;
		color: #333;
		text-transform: none;
		font-size: 11px;
		font-weight: 700;
		padding: 2px 2px 2px 2px;
	}  
	
	div#menuright ul ul li {
		width: 169px;
	}
	
	div#menuright ul.ml1 li.sousmenu:hover ul.ml2,
	div#menuright ul.ml2 li.sousmenu:hover ul.ml3 {
		display: block;
		cursor: pointer;
	}
	
	div.boxR-bottom {
		background-image: url('images/boxR-bottom.png');
		background-position: 0% 0%;
		background-repeat: no-repeat;
		height: 20px;
		width: 174px;
	}
	/* MENU DROITE - fin */

	/* PLAN DU SITE - début */
	#map-cat1 {
		padding: 8px 0px 8px 0px;
		font-size: 16px;
	}
	
	#map-cat2 {
		padding: 3px 0px 3px 10px;
		font-size: 14px;
	}
	
	#map-ctt, #map-ctt img {
		padding: 3px 0px 3px 10px;
		vertical-align: middle;	
	}
	/* PLAN DU SITE - fin */

/* CONTENU - fin */

/* PIED DE PAGE - début */
.footer-bg {
	background-color: #000;
	background-image: url('images/bg_footer.jpg');
	background-position: 50% 0%;
	background-repeat: no-repeat;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.footer {
/*
	background-image: url('images/bg_footer.jpg');
	background-position: 50% 0%;
	background-repeat: no-repeat;
*/
	margin-left: auto;
	margin-right: auto;
    padding: 20px 0px 0px 0px;
    width: 840px;
    height: 120px;
}

	/* MENU PIED DE PAGE - début */
	div.menufooter {
		position: absolute;
		margin-top: 30px;
		color: #FFF;
	}
	
	a.menufooter, a:visited.menufooter {
		color: #FFF;
		text-decoration: none;
	}
	
	a:hover.menufooter {
		color: #FFF;
		text-decoration: underline;
	}
	/* MENU PIED DE PAGE - fin */

	/* PARTENAIRES - début */
	div.partner {
		margin-top: 30px; 
		float: left;
		color: #FFF;
	}
	
	a.partner, a:visited.partner {
		color: #FFF;
		text-decoration: none;
	}
	
	a:hover.partner {
		color: #FFF;
		text-decoration: underline;
	}
	/* PARTENAIRES - fin */

	/* CREDITS - début */
	div.credit {
		margin-top: 23px; 
		float: right;
		color: #FFF;
	}
	
	a.credit, a:visited.credit {
		color: #FFF;
		text-decoration: none;
	}
	
	a:hover.credit {
		color: #FFF;
		text-decoration: underline;
	}
	
	img.credit {
		vertical-align: middle;
	}
	/* CREDITS - fin */

/* PIED DE PAGE - fin */	

/* ADMIN - début */
div.admin-loginbox {
	position:absolute;
    left: 50%; 
    top: 50%;
    width: 200px;
    height: 100px;
    margin-top: -50px; /* moitié de la hauteur */
    margin-left: -100px; /* moitié de la largeur */
    text-align: center;
}

.admin-menu {
	vertical-align: top;
	width: 20px;
}

.admin-left {
	vertical-align: top;
	width: 400px;
}

.admin-right {
	vertical-align: top;
	width: 300px;
}

.title-admin {
	font-family: "Century Gothic", Arial, Tahoma;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	color: #FFF;
	padding: 0px 0px 10px 5px;
	background-image: url(images/bg_title.gif) ;
}

.small-title {
	color: #888888;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	height: 32px;
	line-height: 32px;
	margin-bottom: 6px;
	border-bottom: #BBBBBB dashed;
	border-bottom-width: 1px;
}

.ctt-list {
	position: absolute; 
	top: 310px; 
	left: 60%; 
	width: 340px;
	overflow-y: auto;
	z-index: 100;
}
/* ADMIN - fin */