/* GENERAL - début */
body, .body {
	background-image: url('images/bg.jpg');
	background-position: 50% 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: 100%;
	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: 9pt;
		line-height: 18px;
		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;
	}
	
	.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, a.txtcolor1, a:visited.txtcolor1, a:hover.txtcolor1 { 
		color: #494B58;
	}
	
	.txtcolor2 {
		color: #898989;
		text-transform: uppercase;
	}
	
	.txtcolor3 {
		color: #898989;
		font-size: 12px;
		font-weight: 700;
		text-align: left;
		text-transform: uppercase;
	}
	
	.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, a.txtcolor6, a:visited.txtcolor6 { /* BLEU PETIT */
		color: #6a62b9;
		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: 10px 0px 0px 0px;
		height: 28px;
		text-align: left;
	}
	
	.title, a.title, a:visited.title, a:hover.title, h1.title {
		font-size: 18px;
		font-weight: normal;
		text-decoration: none;
		text-transform: uppercase;
	}

	.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: 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: 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-bg {
	background-image: url('images/bg_header.jpg');
	background-position: 50% 0%;
	background-repeat: no-repeat;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.header {
	margin-left: auto;
	margin-right: auto;
    padding: 0px 0px 0px 0px;
    width: 950px;
    height: 220px;
	text-align: left;
}

div.logo {
	background-image: url('images/logo.jpg');
	background-position: 0% 0%;
	background-repeat: no-repeat;
	position: absolute;
	top: 15px;
	margin-left: 25px;
	z-index: 10;
}

img.logo {
	width: 260px;
	height: 130px;
}

	/* FIL D'ARIANE - début */
	.breadcrumbs {
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 0px;
		font-size: 8px;
		font-weight: 100;
		width: 100%;
		height: 10px;
		color: #494b58;
		text-align: left;
		text-transform: uppercase;
	}
	/* FIL D'ARIANE - fin */

/* ENTETE - fin */

/* MENU - début */

	/* MENU HAUT - début */
	div#menutop {
		position: absolute;
		margin: 166px 0px 0px 0px;
		height: 52px;
		width: 950px;
		background: url("images/bg_menu.jpg") 50% 0% no-repeat;
	}
	
	a.mt1-1, a:visited.mt1-1 {
		background: transparent url("images/menutop1.jpg") 50% 0% no-repeat;
		margin-left: 25px;
		padding: 25px 30px 12px 30px;
		display: block;
		color: #000;
		text-decoration: none;
	}
	
	a.mt1-1-over, a:hover.mt1-1-over, #menutop a:hover.mt1-1 {
		background: transparent url("images/menutop1.jpg") 50% 0% no-repeat;
		margin-left: 25px;
		padding: 25px 30px 12px 30px;
		display: block;
		color: #38B8DE;
		text-decoration: none;
	}
	
	a.mt1-2, a:visited.mt1-2 {
		background: transparent url("images/menutop2.jpg") 50% 0% no-repeat;
		padding: 25px 16px 12px 16px;
		display: block;
		color: #000;
		text-decoration: none;
	}
	
	a.mt1-2-over, a:hover.mt1-2-over, a:hover.mt1-2 {
		background: transparent url("images/menutop2.jpg") 50% 0% no-repeat;
		padding: 25px 16px 12px 16px;
		display: block;
		color: #b4e227;
		text-decoration: none;
	}
	
	a.mt1-3, a:visited.mt1-3 {
		background: transparent url("images/menutop3.jpg") 50% 0% no-repeat;
		padding: 25px 16px 12px 16px;
		display: block;
		color: #000;
		text-decoration: none;
	}
	
	a.mt1-3-over, a:hover.mt1-3-over, a:hover.mt1-3 {
		background: transparent url("images/menutop3.jpg") 50% 0% no-repeat;
		padding: 25px 16px 12px 16px;
		display: block;
		color: #FDA934;
		text-decoration: none;
	}
	
	a.mt1-4, a:visited.mt1-4 {
		background: transparent url("images/menutop4.jpg") 50% 0% no-repeat;
		padding: 25px 16px 12px 16px;
		display: block;
		color: #000;
		text-decoration: none;
	}
	
	a.mt1-4-over, a:hover.mt1-4-over, a:hover.mt1-4 {
		background: transparent url("images/menutop4.jpg") 50% 0% no-repeat;
		padding: 25px 16px 12px 16px;
		display: block;
		color: #a582c8;
		text-decoration: none;
	}
	
	a.mt1-5, a:visited.mt1-5 {
		background: transparent url("images/menutop5.jpg") 50% 0% no-repeat;
		padding: 25px 16px 12px 16px;
		display: block;
		color: #000;
		text-decoration: none;
	}
	
	a.mt1-5-over, a:hover.mt1-5-over, a:hover.mt1-5 {
		background: transparent url("images/menutop5.jpg") 50% 0% no-repeat;
		padding: 25px 16px 12px 16px;
		display: block;
		color: #df6420;
		text-decoration: none;
	}
	
	a.mt1-6, a:visited.mt1-6 {
		background: transparent url("images/menutop6.jpg") 50% 0% no-repeat;
		padding: 25px 16px 12px 16px;
		display: block;
		color: #000;
		text-decoration: none;
	}
	
	a.mt1-6-over, a:hover.mt1-6-over, a:hover.mt1-6 {
		background: transparent url("images/menutop6.jpg") 50% 0% no-repeat;
		padding: 25px 16px 12px 16px;
		display: block;
		color: #a7b4c4;
		text-decoration: none;
	}
		
	a.mt1-7 {
		background: transparent url("images/menutop7.jpg") 100% 0% no-repeat;
		padding: 25px 0px 12px 0px;
		width: 214px;
		height: 20px;
		display: block;
	}
	
	a:hover.mt1-7 {
		background: transparent url("images/menutop7.jpg") 100% 0% no-repeat;
		padding: 25px 0px 12px 0px;
		width: 214px;
		height: 20px;
		display: block;
	}
	
	#menutop, #menutop ul { /* Liste */	
		padding: 0px 0px 0px 0px; /* marge intérieure */
		margin: 0; /* marge extérieure */
		list-style: none; /* on supprime le style par défault de la liste */
		font-family: Arial, Tahoma;
		font-size: 15px;
		font-weight: 700;
		line-height: 15px; /* on défini une hauteur pour chaque élément */
		text-align: center; /* alignement du texte */
		text-transform: uppercase;
	}
	
	#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: 220px;
		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: 0px;
		margin-bottom: 1px;
		width: 220px;
		line-height: 10px;
		text-align: left;
		white-space: nowrap;
	}
	
	#menutop li ul li a {
		display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
		padding: 5px 10px 5px 5px; /* marge intérieure */
		text-transform: uppercase;
		text-decoration : none;
		font-size: 10px;
		color : #FFF; /* couleur du texte */
	}
	
	/* 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 {	
		color: #38B8DE;
	}
	*/
	
	#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_content.jpg');
	background-position: 50% 0%;
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
    width: 950px;
	vertical-align: top;
}

div.ctt {
	background-image: url('images/bg_ctt.jpg');
	background-position: 50% 0%;
	background-repeat: no-repeat;
	margin: -2px 0px 0px 0px;
	height: auto;
	min-height: 900px;
	width: 950px;
}

	/* BOX - début */
	div.bg-box {
		position: absolute;
		margin: -50px 0px 0px 145px;
		background-position: 0% 100%;
		background-repeat: no-repeat;	
		width: 550px;
		height: 80px;
	}
	div.box {
		padding: 10px;
		color: #FFF;
		font-size: 18px;
		text-align: right;
		text-transform: uppercase;
	}
	/* BOX - fin */

	/* SEARCH - début */
	div.quicksearch {
		background: url('images/bg_quicksearch.png') 50% 30px no-repeat;
		padding: 10px 10px 10px 0px;
		height: 60px;
		color: #FFF;
		text-align: center;
		text-transform: uppercase;
	}
	/* SEARCH - fin */

	/* ICONES - début */
	div.ico-print {
		float: right; 
		margin-top: -25px; 
		z-index: 100;
	}
	
	div.ico-download {
		float: right; 
		margin-top: -25px; 
		margin-right: 25px; 
		z-index: 100;
	}
	/* ICONES - fin */

	/* MENU GAUCHE - début */
	div#menuleft {
		float: left;
		margin : 8px 0px 0px 32px;
		background: url('images/bg_menuleft.jpg') 0 0 no-repeat;
		width: 180px;
		height: 524px;
	}

	.ml1, .ml2 {
		color: #FFF;
		text-decoration: none;
	}
	
	#menuleft a { /* Contenu des listes */
		cursor: pointer;
		background-image: url('images/menuleft1.png');
		background-position: 0% 0%;
		background-repeat: no-repeat;
		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é) */
		color: #000;
		width: 150px;
		padding: 12px 0px 12px 18px;
	}
		
	#menuleft a:hover { /* Contenu des listes */
		background-image: url('images/menuleft2.png');
		background-position: 0% 0%;
		background-repeat: no-repeat;
	}
		
	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 */
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
	}
	
	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: 150px;
	}
	
	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 */

	/* DERNIERE MISE A JOUR - début */
	.lastupdate {
		margin-top: 100px;
		margin-left: 10px;
		line-height: 14px;;
		font-size: 11px;
		text-transform: uppercase;
		color: #aacae0;
	}
	/* DERNIERE MISE A JOUR - fin */
	
	/* LATEST NEWS (HOME) - début */
	.latestnews {
		position: absolute;
		margin: 10px 0px 0px 378px; 
		padding: 0px 10px 0px 30px; 
		width: 285px;
	}
	/* LATEST NEWS (HOME) - fin */
	
	/* CONTACT (HOME) - début */
	.contact {
		height: 230px;
		position: absolute;
		background: url(images/bg_contact.jpg) 100% 0% no-repeat;
		margin: 180px 0px 0px 555px;
		padding: 120px 8px 0px 0px;
		width: 140px;
		text-align: right;
	}
	/* CONTACT (HOME) - fin */
	
	/* PROMOTION - début */
	div.promo {
		background: url(images/bg_special.jpg) 100% 0% no-repeat;
		margin-top: 20px;
		padding: 10px 10px 0px 10px;
		width: 130px;
		height: 90px;
		line-height: normal;
		color: #FFF;
	}
	marquee.promo {
		font-size: 22px;
	}
	a.promo, a:hover.promo, a:visited.promo {
		color: #FFF;
		font-size: 10px;
	}
	/* PROMOTION - fin */
	
	/* TABLEAU - début */
	.table-topleft {
		background: url('images/bg_tabletop.jpg') 0% 0% no-repeat;
		width: 20px;
		height: 16px;
	}
	.table-top {
		background: url('images/bg_tabletop.jpg') 50% 0% no-repeat;
		height: 16px;
	}
	.table-topright {
		background: url('images/bg_tabletop.jpg') 100% 0% no-repeat;
		width: 20px;
		height: 16px;
	}
	.table-toptitle {
		background: #e7e9ea url('images/bg_tabletitle.jpg') 50% 0% no-repeat;
		border-width: 0px 8px 0px 8px; 
		border-style: solid;
		border-color: #e7e9ea;
	}
	.table-topsmall {
		background: #e7e9ea url('images/bg_tabletitle-small.jpg') 50% 0% no-repeat;
		width: 20px;
		height: 16px;
	}
	.table-title {
		text-align: center;
		text-transform: uppercase;
		font-size: 10px;
		font-weight: bold;
	}
	.table-bottomleft {
		background: url('images/bg_tablebottom.jpg') 0% 100% no-repeat;
		width: 20px;
		height: 12px;
	}
	.table-bottom {
		background: url('images/bg_tablebottom.jpg') 50% 100% no-repeat;
		height: 12px;
	}
	.table-bottomright {
		background: url('images/bg_tablebottom.jpg') 100% 100% no-repeat;
		width: 20px;
		height: 12px;
	}
	/* TABLEAU - fin */

	/* PLAN DU SITE - début */
	#map-cat1, .map-cat1 {
		padding: 2px;
		font-size: 12px;
		font-weight: 700;
		text-decoration: none;
		text-transform: uppercase;
		display: block;
	}
	
	a:hover.map-cat1 {
		background: #EEE;
	}
	
	#map-cat2 {
		padding: 3px 0px 3px 10px;
		font-size: 14px;
	}
	
	#map-ctt, #map-ctt img {
		background: #DDD;
		width: 150px;
		padding: 1px;
		text-align: center;
		vertical-align: middle;	
	}
	/* PLAN DU SITE - fin */

/* CONTENU - fin */

/* PIED DE PAGE - début */
.footer-bg {
	background-image: url('images/bg_page.jpg');
	background-position: 0% 0%;
	background-repeat: repeat-x;
    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: 950px;
    height: 100px;
    text-align: center;
}

	/* MENU FOOTER - début */
	.footer, a.menufooter {
		font-size: 11px;
		color: #FFF;
		text-transform: uppercase;
	}
	
	a.menufooter, a:visited.menufooter {
		color: #FFF;
		text-decoration: none;
	}
	
	a:hover.menufooter {
		color: #FFF;
		text-decoration: underline;
	}
	/* MENU FOOTER - fin */

	/* BASELINE (REFERENCEMENT) - début */
	#baseline {
		margin: auto;	
		width: 900px;
	}
	
	a.menufooter, a:visited.menufooter {
		color: #FFF;
		text-decoration: none;
	}
	
	a:hover.menufooter {
		color: #FFF;
		text-decoration: underline;
	}
	/* BASELINE (REFERENCEMENT) - 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: 250px;
}

.title-admin {
	font-family: Arial, Tahoma;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	color: #333;
	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;
}

.brioude {
	position: absolute; margin-top: 390px; width: 550px; border-top: 1px solid #CCC;
}

.label_sample {
	position: absolute; margin-left: 65px; width: 45px; color: #38B8DE;
}
.man_sample{
	position: absolute; margin-left: 115px; width: 150px;
}
.zoom{
	width: 150px;
	position: absolute;
	height: 200px;
	z-index: 2;
	display: block;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(images/zoom.jpg);
	font-family: sans-serif;
}
h1{
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	font-size: 14px;
}
h2{
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	font-size: 12px;
}
.table_special{
	margin-top: 110px;
	width: 700px;
}

.ctt-list {
	position: absolute; 
	top: 280px; 
	margin-left: 610px;; 
	width: 350px;
	overflow-y: auto;
	z-index: 100;
}
/* ADMIN - fin */