@charset "utf-8";

/* ---------------------------------------------- FIXS ---------------------------------------------- */

.format {
	overflow: hidden;
	zoom: 1;
}

.format_ie6 {
	_width: 1%;
	_white-space: nowrap;
}



/* ---------------------------------------------- COULEURS ---------------------------------------------- */

.noir {	color: black; }	

.blanc { color: white; }	

.gris {	color: gray; }

.rouge { color: red }

.vert {	color: green; }

.bleu { color: blue; }

.jaune { color: yellow; }

/* Spécifique au site
---------------------------------------------- */
.gris { color: #929292 }

.gris_fonce { color: #6A6A6A }

.marron { color: #1d0d09 }

.marron_gris { color: #847069 }

/* ---------------------------------------------- TAILLES ---------------------------------------------------- */

.grand { font-size: 14px }

.moyen { font-size: 12px }

.petit { font-size: 10px; }


/* ---------------------------------------------- STYLES DU TEXTE ---------------------------------------------- */

.normal { font-weight: normal }

.gras {	font-weight: bold; }

.italic { font-style:italic; }

.non_souligner { text-decoration: none }

.souligner { text-decoration: underline }

.nobr {	white-space: nowrap; }


/* ---------------------------------------------- POSITIONNEMENT ---------------------------------------------- */

.gch { text-align: left; }
.drt { text-align: right; }
.ctr { text-align: center; }	

.fgch { float: left; }
.fdrt {float: right; }
.clear { clear: both; }

.blck { display: block; }
.iniine { display:inline; }





/* ---------------------------------------------- DIVERS ---------------------------------------------- */

.load { background: url(../_img/ajax-loader_2.gif) no-repeat center; } 


.JS .preload img { visibility: hidden /* résout bug sous IE */ }
.JS .hide { visibility: hidden; }
* html .JS .hide { visibility: visible; }

/* Affiche une loupe au survol d'une vignette (voir mootools_fonctions.js) */
.loupes {
	z-index: 1;
	display: block;
	position: relative;
	/position: static;
}


.loupes em { 
	visibility: hidden;
	display: block;
	position: absolute;
	margin-top: 2px;
	margin-left: 4px;
	width: 35px;
	height: 35px;
	background: transparent url('../_img/zoom.png') no-repeat; 
	_background: transparent url('../_img/zoom.gif') no-repeat; 
} 


/* ---------------------------------------------- TITRES ---------------------------------------------- */

/*
 h1,h2,h3,h4,em { font-family: Arial, Helvetica, sans-serif }
*/ 

.t1 {
	font-size: 12px;
	font-weight: bold;
	color: #847069;
	letter-spacing: 1px;
}

.t2 {
	color: #313032;
}

/* ---------------------------------------------- LISTES - PUCES - lIENS ---------------------------------------------- */

.l1 {
	float: left;
	overflow: hidden;
	zoom: 1;
}
	
	.l1 span {
		float: left;
		cursor: pointer;
	}
	.l1 .eye {
		width: 21px;
		height: 21px;
		margin-right: 10px;
		background: url(../_img/elements.png) no-repeat -90px -500px;
	}
	.l1 .txt {
		height: 30px;
		line-height: 29px;
		vertical-align: bottom;
		font-size: 12px;
	}


ul.puces {
	padding: 5px 0;	
}

ul.puces li {
	padding-left: 20px;
	margin-bottom: 8px;
	background-repeat: no-repeat;
	background-position: left 3px;
}

ul.coche li { background-image: url('../_img/puces_coche.gif'); }
ul li.coche { background-image: url('../_img/puces_coche.gif'); }

ul.non li { background-image: url('../_img/puces_non.gif'); }
ul li.non { background-image: url('../_img/puces_non.gif'); }

ul.oui li { background-image: url('../_img/puces_oui.gif'); }
ul li.oui { background-image: url('../_img/puces_oui.gif'); }


/* ---------------------------------------------- LEGENDES ---------------------------------------------- */

em {
	color: #313032;	
	font-style: normal;
}


.em {
	display: block;
	margin-bottom: 10px;
	word-spacing: 1px;
}



/* ---------------------------------------------- COLONNES ---------------------------------------------- */
 
.col_gauche {
	float: left;
}

.col_milieu {
	float: left;
	margin-left: 10px;
}

.col_droite {
	float: left;
	margin-left: 10px;
}


/* ---------------------------------------------- BLOCS ---------------------------------------------- */

/* blocs soulignés tirets */
.blc_tirets {
	padding: 0 10px 10px 20px;
	border-bottom: 1px dashed #1d0d09;
	margin-bottom: 10px;
}

.blc_tirets_last {
	padding: 0 10px 10px 20px;
	border-bottom: none;
	margin-bottom: 0;
}



/* blocs soulignés pointillé */
.blc_points {
	padding-bottom: 10px;
	padding-right: 20px;
	border-bottom: 1px dashed #CCC;
	margin-bottom: 10px;
}

.blc_points_last {
	padding: 0 10px 10px 20px;
	border-bottom: none;
	margin-bottom: 0;
}



/* ---------------------------------------------- TABLEAUX ---------------------------------------------- */

/* Tableaux ligne alternés - Blanche + grises */
#contenu table.zebre {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0;
	margin-left: 1px;

}
* html #contenu table.zebre {
	width: 95%;
}

	#contenu .zebre th {
		padding: 3px 5px;
		border: 1px solid #EEE;
		letter-spacing: .5px
	}
	
	#contenu .zebre .first {
		background: #F8F8F8;
		/*border-bottom: 1px solid #DDD;*/
	}
	
	#contenu .zebre .impaires {
		background: #F8F8F8;
	}
	
	#contenu .zebre td {
		padding: 3px 5px;
		border: 1px solid #EEE;
	}

	#contenu .zebre li {
		padding: 3px 5px;
	}

	#contenu .zebre .first {
		background: #FFF;
		border-top: 1px solid #EEE;
	}


/* ---------------------------------------------- INFOBULLES ---------------------------------------------- */
.infobulles {
	position: relative;
	float: left;
	padding: 10px;
	border: 1px solid #f9d395;
	margin: 10px 0;
	color: #fa9900;
	background: #faf2e6;
	zoom: 1;
}

	.infobulles .infobulles_hg, .infobulles .infobulles_hd, .infobulles .infobulles_bg, .infobulles .infobulles_bd {
		position: absolute;
		width: 10px;
		height: 9px;
		background-image: url(../_img/elements.png);
		background-repeat: no-repeat;
		overflow: hidden;
	}
	
	.infobulles .infobulles_hg {
		top: -1px;
		left: -1px;
		background-position: -10px -600px;
	}
	.infobulles .infobulles_hd {
		top: -1px;
		right: -1px;
		_right: -2px;
		background-position: -20px -600px;
	}
	.infobulles .infobulles_bg {
		bottom: -1px;
		_bottom: -2px;
		left: -1px;
		background-position: -10px -609px;
	}
	.infobulles .infobulles_bd {
		bottom: -1px;
		right: -1px;
		_bottom: -2px;
		_right: -2px;
		background-position: -20px -609px;
	}

	.infobulles .ampoules {
		float: left;
		width: 35px;
		height: 35px;
		margin: 0 20px 20px 0;
		background: url(../_img/elements.png) no-repeat -120px -500px;
	}



/* ---------------------------------------------- MINI FORM%ULAIRES ---------------------------------------------- */
/* Newsletter... */
.form_marron label {
	font-size: 14px;
	color: #FFF;
}

.form_marron input {
	padding: 4px;
	text-align: right;
	font-size: 14px;
	color: #FFF;
	background: #48312b;
}

.form_marron .submit {
	padding: 4px;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	background: none;
	cursor: pointer;
}


/* News Post... */
.form_post input {
	padding: 4px;
	text-align: right;
	font-size: 14px;
	background: #FFF;
}

.form_post .submit {
	padding: 4px;
	text-align: center;
	font-size: 13px;
	color: #847069;
	background: none;
	cursor: pointer;
	letter-spacing: 1px;
}




/* ---------------------------------------------- ELEMENTS ---------------------------------------------- */

a {	color: #313032; text-decoration: none; outline:none; }
a:hover, a:focus { text-decoration: underline; }

p { margin-bottom: 10px; }



/* ------------------------------------------------------------------------------------------------------ */
/* -------------------------------------- STRUCTURE DE LA PAGE ------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------ */

/* Lucida Grande Hybrid | http://www.brownbatterystudios.com/sixthings/2007/03/14/lucida-hybrid-the-grande-alternative/
body {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
*/

/* Transparence IE */
/*img, div, a, input { behavior: url(css/iepngfix.htc) }*/
/** { behavior: url(css/iepngfix.htc) }*/
/** { _behavior: url(css/iepngfix_1.htc) }*/

body {
	font: 12px/140% "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #a19d9c;
	background: #1d0d09;
}


#page {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 990px;
	height: 426px;
	margin-top: -213px;
	margin-left: -495px;
}


#choix_lang {
	position: absolute;
	right: 0;
	top: -20px;
}

/* accueil */
#accueil #page { 
	background: none;
	text-align: center;
}
#accueil #choix_lang { 
	display: none;
}
#accueil #menu { 
	display: none;
}


/* ---------------------------------------------- ENTETE ---------------------------------------------- */



/* ---------------------------------------------- MENU ---------------------------------------------- */
/* voir _menu.css */


/* ---------------------------------------------- CONTENU ---------------------------------------------- */

/* personnalisation du modèle de mise en page en fonction de la classe du <body>
---------------------------------------------------------------------------------------- */

/* modèle 1 index2... */
.modele_1 #contenu {
	background: #FFF
}

	.modele_1 .col_gauche,
	.modele_1 .col_droite {
		height: 336px;
	}

	.modele_1 .col_gauche {
		position: relative;
		z-index: 1;
		width: 392px;
	}

	.modele_1 .col_droite {
		width: 598px;
		margin: 0;
		
		background: #EEE;	
	}

	.modele_1 #p2p {
		position: relative;
		height: 90px;
		background: #1d0d09;	
	}


/* modèle 2 news... */
.modele_2 #contenu {
	z-index: 1;
	position: relative;	
	background: #FFF;
	padding: 55px 20px 20px 20px;
}

	.modele_2 .col_gauche,
	.modele_2 .col_milieu, 
	.modele_2 .col_droite {
		height: 261px;
	}

	.modele_2 .col_gauche {
		width: 270px;
	}

	.modele_2 .col_milieu {
		width: 150px;
		margin-left: 20px;
		
	}

	.modele_2 .col_droite {
		width: 490px;
		margin-left: 20px;
		
		background: #e8e3e1;	
	}


/* modèle 3 campagnes... */
.modele_3 #menu {
	display: none;
}

.modele_3 #contenu {
	background: #FFF
}

	.modele_3 .col_gauche,
	.modele_3 .col_droite {
		width: 465px;
		height: 296px;
	}

	.modele_3 .col_gauche {
		background: #DDD;
	}

	.modele_3 .col_droite {
		margin-left: 20px;
		
		background: #EEE;	
	}

	.modele_3 #p2p {
		position: relative;
		height: 90px;
		background: #1d0d09;	
	}


/* modèle 4 preinscription... */
.modele_4 #menu { display: none; }
.modele_4 #choix_lang { display: none; }

body.modele_4 {
	color: #313032;
	background: #FFF;
}

.modele_4 #page {
	position: static;
	width: 990px;
	height: auto; /* ecrase */ 
	margin: 20px auto 0 auto;
}

.modele_4 #contenu {
	height: 552px;
	background: #FFF url(../_img/eshop/bg_preinscription.jpg) no-repeat center bottom;
}


.modele_4 .f_preinscription label {
	font-size: 13px;
}

.modele_4 .f_preinscription label {
}

.modele_4 .f_preinscription input {
	padding: 2px;
	background: #e3ddda;
}

.modele_4 .f_preinscription  .submit {
	padding: 4px;
	text-align: center;
	background: none;
	cursor: pointer;
}


/* modèle 5 Avant-première... */
.modele_5 #menu { display: none; }
.modele_5 #choix_lang { display: none; }

body.modele_5 {
	color: #FFF;
	background: #000;
	line-height: 160%;
}

.modele_5 #page {
	position: static;
	width: 1210px;
	height: 630px; /* ecrase */ 
	margin: -1px 0 0 0;
	background: url(../_img/bg_preview.jpg) no-repeat;
}

.modele_5 #contenu {
	padding: 20px 0;
	text-align: center;
	font-size: 15px;
}

.modele_5 #contenu h1 {
	width: 315px;
	height: 80px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url(../_img/ttr_preview.jpg) no-repeat;
}

.modele_5 #contenu a {
	color: #FFF;
	font-weight: bold;
}









#newsletter_desabonnement #menu { display:none }
/* --------------------------------------------------------------------------------------- */
	
/* ---------------------------------------------- PAGES ---------------------------------------------- */
 
/***** news *****/
.nav_contenus a {
	text-decoration: underline;
	
}



	
/* ---------------------------------------------- PIED DE PAGE ---------------------------------------------- */