/* GENERAL - début */
body {
	background-image: url('images/bg.jpg');
	background-position: 0% 0%;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

#global {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 1000px;
	height: 575px;
	margin-top: -290px; /* moitié de la hauteur */
	margin-left: -500px; /* moitié de la largeur */
}

.page {
	background-image: url('images/bg_page.jpg');
	background-position: 50% 0%;
	background-repeat: no-repeat;
	position: relative;
	height: 575px;
	width: 990px;
	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: "Lucida grande", Lucida, 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: 6px 0px 0px 0px;
		line-height: 16px;
		text-align: justify;
	}
	
	.note {
		font-family: "Lucida grande", Lucida, 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 { /* GRIS */
		color: #686868;
		font-size: 11px;
	}
	
	.txtcolor2 { /* BLEU SOUS-TITRE */
		color: #008ecd;
		font-weight: 700;
		font-size: 14px;
	}
	
	.txtcolor3 { /* BLEU BOX */
		padding: 6px 0px 0px 0px;
		color: #008ecd;
		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 {
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 0px 135px;
		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 {
		color: #f39930;
	}
	
	a.link:hover {
		color: #f39930;
		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: "Lucida grande", Lucida, Arial, Tahoma;
		border: 1px solid #666666;
	}
	/* FORMULAIRE - fin */

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

/* GENERAL - fin */

/* ENTETE - début */
.header {
	background-image: url('images/bg_header.jpg');
	background-position: 0% 0%;
	background-repeat: no-repeat;
	margin: auto;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: 90px;
	text-align: left;
	border-bottom: 4px solid #ff9000;
}

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

img.logo {
	width: 275px;
	height: 40px;
}

.language {
	float: right;
	width: 36%;
	padding: 5px 0px 5px 0px;
	text-align: right;
	border-bottom: 6px solid #edff05;
	z-index: 0;
}

.breadcrumbs {
	position: absolute;
	padding: 5px;
	margin-top: 80px;
}
/* ENTETE - fin */

/* MENU - début */

	/* MENU HAUT - début */
	div#menutop {
		position: absolute;
		margin: 60px 0px 0px 350px;
	}
	
	#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: "Lucida grande", Lucida, Arial, Tahoma;
		line-height: 20px; /* on défini une hauteur pour chaque élément */
		text-align: left; /* alignement du texte */
	}
	
	#menutop a { /* Contenu des listes */
		display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
		padding: 5px 65px 5px 5px; /* marge intérieure */
		color : #bfbbb9; /* couleur du texte */
		text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
		width : auto; /* largeur */
	}
	
	#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: 60px; /* Largeur des sous-listes */
		left: -999em; /* Hop, on envoi loin du champ de vision */
	}
	
	#menutop li ul li a { /* Eléments de sous-listes */
		background: #edff05;
		color: #000;
		margin-bottom: 1px;
		width: 60px; /* Largeur des sous-listes */
	}
	
	/* 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 */	
		color: #ff0900;
	}
	
	#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 GAUCHE - début */
	.ml1, .ml2 {
		color: #bfbbb9;
		font-family: "Lucida grande", Lucida, Arial, Tahoma;
		text-decoration: none;
		width: 155px;
	}
	
	div#menuleft {
		float: right;
		cursor: pointer;
	}
	
	#menuleft a { /* Contenu des listes */
		display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
		padding: 5px; /* marge intérieure */
		color : #bfbbb9; /* couleur du texte */
		text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
		min-height: 22px;
		cursor: pointer;
	}
		
	#menuleft a:hover { /* Contenu des listes */
		color: #ff0900; /* On passe le texte en noir ... */
	}
		
	div#menuleft ul {
		padding: 0;
		width: 140px;
		margin:0px;
	}
	
	div#menuleft li { /* Tous les niveaux */
		list-style: none;
		text-align: left;
	}
	
	div#menuleft ul li { /* Niveau 1 */
		position: relative;
	}
	
	li:hover#menuleft ul li { /* Tous les niveaux */
		background: #edff05;
		color: #000;
	}
	
	div#menuleft ul ul { /* Niveau 2 */
		position: absolute;
		top: 0;
		left: 155px; /*correspond au décalage a droite, on décale de la taille du ul de base*/
		display: none;
	}  
	
	div#menuleft ul ul ul { /* Niveau 3 */
		position: absolute;
		top: -1px;
		left: 141px;
		display: none;
	}  
	
	div#menuleft ul ul li, div#menuleft ul ul li a { /* Sous-niveau 2 */
		background: #edff05;
		color: #000;
		margin-bottom: 1px;
		width: 130px;
	}  
	
	div#menuleft ul.ml1 li.sousmenu:hover ul.ml2,
	div#menuleft ul.ml2 li.sousmenu:hover ul.ml3 {
		display: block;
		cursor: pointer;
	}
	/* MENU GAUCHE - fin */

/* MENU - fin */

/* CONTENU - début */
.content {
	padding: 0px 0px 0px 0px;
	margin: auto;
    width: 100%;
    min-height: 475px;
	vertical-align: top;
}

.ctt {
    width: 100%;
}

.ctt-left {
	float: left;
}

.ctt-main {
	float: right;
}

.ctt-right {
	background: transparent url("images/bg_content.png") repeat;
	padding: 10px;
	margin: 5px 0px 0px 5px;
	height: 340px;
	overflow: auto;
}

	/* DIAPORAMA (Accueil) - début */
	div.dp-home {
		position: absolute;
		margin: 32px 12px 12px 12px; 
	}
	/* DIAPORAMA (Accueil) - fin */

	/* LECTEUR MP3 (Accueil) - début */
	div.player-home {
		position: absolute; 
		bottom: 15px; 
		right: 5px;
	}
	/* LECTEUR MP3 (Accueil) - fin */

	/* DIAPORAMA (Navigation) - début */
	div.dp-nav {
		position: absolute; 
		bottom: 58px; 
		right: 685px;; 
	}
	/* DIAPORAMA (Accueil) - 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-image: url('images/bg_footer.jpg');
	background-position: 100% 0%;
	background-repeat: no-repeat;
    width: 100%;
    margin: -12px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.footer {
	margin-left: auto;
	margin-right: auto;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: 50px;
}

	/* HEADLINE - début */
	div.headline {
		float: right;
		margin: 33px 12px 0px 0px;
		font-size: 16px;
		color: #573b0f;
		text-align: right;
	}
	/* HEADLINE - fin */

	/* CONTACT - début */
	div.contact {
		padding: 8px 0px 0px 5px;
		font-size: 12px;
		height: 14px;
		color: #FFF;
	}
	
	a.contact, a:visited.contact {
		color: #FFF;
		text-decoration: none;
	}
	
	a:hover.contact {
		color: #FFF;
		text-decoration: underline;
	}
	/* CONTACT - fin */

	/* CREDITS - début */
	div.credit {
		margin: 8px 0px 0px 5px;
		font-size: 9px;
		color: #2d2121;
	}
	
	a.credit, a:visited.credit {
		color: #2d2121;
		text-decoration: none;
	}
	
	a:hover.credit {
		color: #2d2121;
		text-decoration: underline;
	}
	/* 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 {
	background: transparent url("images/bg_content.png") repeat;
	vertical-align: top;
	width: 440px;
}

.admin-right {
	background: transparent url("images/bg_content.png") repeat;
	vertical-align: top;
	width: 270px;
}

.title-admin {
	font-family: "Lucida grande", Lucida, Arial, Tahoma;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	color: #edff05;
	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: 170px; 
	left: 65%; 
	width: 262px;
	overflow-y: auto;
	z-index: 100;
}
/* ADMIN - fin */