/* Général */
body {
	margin: 0;
	padding: 0px;	
	background: #FFFFFF;
	/*background: url(../images/charte/fond.jpg) repeat-y;*/
	background: url(../images/charte/fond.jpg) fixed;
	background-position:center top;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;	
	line-height: 1.25; /* -> 5 */
}


a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	text-decoration: underline;
	color: #333333;
}
a:hover, a:focus, a:hover {
	color: #333333;
	text-decoration: none;
}



/* --- POSITIONNEMENT --- */

/* Page */

#global {
	width: 944px;
 	margin-left: auto;
    margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#FFFFFF;
}

/* En-tête */
#entete {
	width: 944px; 
 	margin-left: auto;
    margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	height:115px;
}
#entete h1 {
	margin: 0;
}

/* Bloc central */
#conteneur-1col {
	width: 944px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-bottom: 0px;
}

#conteneur-2cols {
	width: 920px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-bottom: 0px;
}

#conteneur-3cols {
	width: 920px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-bottom: 0px;
	
}
#contenus-1col{
	width: 922px;
	float: left;
	display: block;
	position: relative;
	padding-bottom: 10px;
	margin-right: 14px;
	/*background-color:#FF0000;*/ /* rouge*/
	margin-left: 10px;
	
}
#contenus-2cols{
	width: 766px;
	float: left;
	display: block;
	position: relative;
	padding-bottom: 10px;
	margin-right: 14px;
}

#contenus-2colsRight{
	width: 708px;
	float: right;
	display: block;
	position: relative;
	padding-bottom: 10px;
	margin-right: 0px;
	/*background-color:#FF0000;*/ /* rouge*/
}

#contenus-2colsLeft{
	width: 660px;
	float: left;
	display: block;
	position: relative;
	padding-bottom: 10px;
	margin-right: 0px;
	/*background-color:#FF0000;*/ /* rouge*/
	
}

#contenus-3cols{
	width: 613px;
	float: left;
	display: block;
	position: relative;
	padding-bottom: 10px;
	/*background-color:#FF0000;*/ /* rouge*/
	margin-right:10px;

}
#infos {
	display: block;
	width: 140px;
	float: right;
	position: relative;
	margin-top: 1px;
	/*background-color:#0F0;*/ /* vert*/
	
}
#cadeau {
	display: block;
	width: 245px;
	float: right;
	position: relative;
	margin-top: 1px;
	/*background-color:#0F0;*/ /* vert*/
	
}
#col-gauche {
	width: 157px;
	float: left;
	display: block;
	position: relative;
	min-height:600px;
}

.clear{
	clear: both;
	height: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}


/* Contenu footer */
#footer {
	width: 920px; 
 	margin-left: auto;
    margin-right: auto;
	margin-top:0px;
	margin-bottom:20px;
	background-color:#FFF;
	text-decoration: none; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#666666;
	background-image:url(../images/charte/footer.jpg);
	background-position: bottom right;
	background-repeat:no-repeat;
	
}
#footer a { color:#666666;}
#footer a:link {text-decoration: none;}
#footer a:visited {text-decoration: none;}
#footer a:hover { text-decoration: underline;}
#footer .titreVert { color:#b3cc0e; text-transform:uppercase; font-weight: bold;}


/* Mention de copyright */
#copyright {
	margin: 20px 0;
	font-size: .85em;
	text-align: left;
}

#coupCoeur {
	float: center;
	width:	145px;
	background-image:url(../images/charte/fond_cc.gif);
	background-repeat:repeat-y;
	margin-bottom:10px;	
}
#coupCoeur contenuCC {
	background-image:url(../images/charte/fond_cc.gif);
	background-repeat:repeat-y;
}

#boiteTheme {
	float: center;
	width:	145px;
	max-width: 145px;
	background-image:url(../images/charte/fond_theme.gif);
	background-repeat:repeat-y;
	margin-bottom:10px;	
}
#boiteTheme contenuTheme {
	background-image:url(../images/charte/fond_theme.gif);
	background-repeat:repeat-y;
}
#boiteTheme200 {
	float: center;
	width:	200px;
	background-image:url(../images/charte/fond_boite_200.gif);
	background-repeat:repeat-y;
	margin-bottom:10px;	
}
#boiteTheme200 contenuBoite200 {
	background-image:url(../images/charte/fond_boite_200.gif);
	background-repeat:repeat-y;
}

#TopVentes {
	float: center;
	width:	145px;
	background-image:url(../images/charte/fond_tv.gif);
	background-repeat:repeat-y;	
	margin-bottom:10px;
}
#TopVentes contenuTV {
	background-image:url(../images/charte/fond_tv.gif);
	background-repeat:repeat-y;
	padding-left:10px;
	padding-right:10px;
}

/* page des thèmes loisir : recherche.php*/
#ThemeLoisir {
	float: left;
	width:	145px;
	margin-bottom:5px;	
	margin-right:4px;
	margin-left:4px;
}
#coupure {
	float: left;
	width:	600px;
	margin-top:5px;
}

/* page top des ventes : top_ventes.php*/
#TopVentes1 {
	float: left;
	width:	300px;
	margin-bottom:5px;	
	margin-right:4px;
	margin-left:4px;
}




/*Page d'accueil*/
.flashAccueil {
	float: left;
	width:	766px;
	height:360px;
	/*background-color:#090;*/ /* vert */
	
}
/*fin Page d'accueil*/







/* Menu de navigation */
#nav {
	background-image:url(../images/charte/fond_recherche.jpg);
	background-repeat: no-repeat;	
	height:205px;
	margin-left:10px;
	margin-bottom:0px;
	padding:0px;
	
}

#nav, #nav ul { /* toutes les listes */
	padding: 0;
	list-style: none;	
}

#nav li { /* tous les items de liste */
	float: left;
}



.bouton1{
	background-image:url(../images/charte/menu/bouton1.gif) ;
	background-repeat: no-repeat;
}
#nav li:hover a img.bout1, #nav li.sfhover a img.bout1{
	background-image:url(../images/charte/menu/bouton1_roll.gif) ;
	background-repeat: no-repeat;
}
.bouton2{
	background-image:url(../images/charte/menu/bouton2.gif) ;
	background-repeat: no-repeat;
}
#nav li:hover a img.bout2, #nav li.sfhover a img.bout2{
	background-image:url(../images/charte/menu/bouton2_roll.gif) ;
	background-repeat: no-repeat;
}
.bouton3{
	background-image:url(../images/charte/menu/bouton3.gif) ;
	background-repeat: no-repeat;
}
#nav li:hover a img.bout3, #nav li.sfhover a img.bout3{
	background-image:url(../images/charte/menu/bouton3_roll.gif) ;
	background-repeat: no-repeat;
}
.bouton4{
	background-image:url(../images/charte/menu/bouton4.gif) ;
	background-repeat: no-repeat;
}
#nav li:hover a img.bout4, #nav li.sfhover a img.bout4{
	background-image:url(../images/charte/menu/bouton4_roll.gif) ;
	background-repeat: no-repeat;
}
.bouton5{
	background-image:url(../images/charte/menu/bouton5.gif) ;
	background-repeat: no-repeat;
}
#nav li:hover a img.bout5, #nav li.sfhover a img.bout5{
	background-image:url(../images/charte/menu/bouton5_roll.gif) ;
	background-repeat: no-repeat;
}
.bouton6{
	background-image:url(../images/charte/menu/bouton6.gif) ;
	background-repeat: no-repeat;
}
#nav li:hover a img.bout6, #nav li.sfhover a img.bout6{
	background-image:url(../images/charte/menu/bouton6_roll.gif) ;
	background-repeat: no-repeat;
}
.bouton7{
	background-image:url(../images/charte/menu/bouton7.gif) ;
	background-repeat: no-repeat;
}
#nav li:hover a img.bout7, #nav li.sfhover a img.bout7{
	background-image:url(../images/charte/menu/bouton7_roll.gif) ;
	background-repeat: no-repeat;
}
.bouton8{
	background-image:url(../images/charte/menu/bouton8.gif) ;
	background-repeat: no-repeat;
}
#nav li:hover a img.bout8, #nav li.sfhover a img.bout8{
	background-image:url(../images/charte/menu/bouton8_roll.gif) ;
	background-repeat: no-repeat;
}

.bouton9{
	background-image:url(../images/charte/menu/bouton9.gif) ;
	background-repeat: no-repeat;
}


/*classes*/

/* LIENS*/

/* Lien gris - 10 px*/
a.lien_gris10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; text-decoration: none;}
a.lien_gris10:link {text-decoration: none; color: #CCCCCC; }
a.lien_gris10:visited {text-decoration: none; color: #CCCCCC;}
a.lien_gris10:hover { text-decoration: underline; color: #CCCCCC;}

/* Lien blanc - 10 px*/
a.lien_blanc10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
a.lien_blanc10:link {text-decoration: none; color: #FFFFFF; }
a.lien_blanc10:visited {text-decoration: none; color: #FFFFFF;}
a.lien_blanc10:hover { text-decoration: underline; color: #FFFFFF;}

/* Lien blanc - 11 px*/
a.lien_blanc11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none;}
a.lien_blanc11:link {text-decoration: none; color: #FFFFFF; }
a.lien_blanc11:visited {text-decoration: none; color: #FFFFFF;}
a.lien_blanc11:hover { text-decoration: underline; color: #C3C3C3;}


/* Lien blanc - 11 px*/
a.lien_blanc11_2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none;}
a.lien_blanc11_2:link {text-decoration: none; color: #FFFFFF; }
a.lien_blanc11_2:visited {text-decoration: none; color: #FFFFFF;}
a.lien_blanc11_2:hover { text-decoration: underline; color: #FFFFFF;}


/* Lien blanc souligné - 11 px*/
a.lien_blanc_soul11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: underline;}
a.lien_blanc_soul11:link {text-decoration: underline; color: #FFFFFF; }
a.lien_blanc_soul11:visited {text-decoration: underline; color: #FFFFFF;}
a.lien_blanc_soul11:hover { text-decoration: none; color: #C3C3C3;}


/* Lien fushia - 11 px*/
a.lien_fushia11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #b41974; text-decoration: none;}
a.lien_fushia11:link {text-decoration: none; color: #b41974; }
a.lien_fushia11:visited {text-decoration: none; color: #b41974;}
a.lien_fushia11:hover { text-decoration: underline; color: #C3C3C3;}

/* Lien fushia - 11 px souligné */
a.lien_fushia_soul11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #b41974; text-decoration: underline;}
a.lien_fushia_soul11:link {text-decoration: underline; color: #b41974; }
a.lien_fushia_soul11:visited {text-decoration: underline; color: #b41974;}
a.lien_fushia_soul11:hover { text-decoration: none; color: #C3C3C3;}

/* Lien gris foncé en capitales - 18 px*/
a.lien_grisFonce18B {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #3c3c3c; text-decoration: none; text-transform:uppercase;}
a.lien_grisFonce18B:link {text-decoration: none; color: #3c3c3c; }
a.lien_grisFonce18B:visited {text-decoration: none; color: #3c3c3c;}
a.lien_grisFonce18B:hover { text-decoration: underline; color: #C3C3C3;}

/* Lien gris foncé - 12 px*/
a.lien_grisFonce12B {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #3c3c3c; text-decoration: none;}
a.lien_grisFonce12B:link {text-decoration: none; color: #3c3c3c;}
a.lien_grisFonce12B:visited {text-decoration: none; color: #3c3c3c;}
a.lien_grisFonce12B:hover { text-decoration: underline; color: #C3C3C3;}



/* couleur par défaut - 13 px  */
.defaut13 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; }

/* fushia - 12 px - Bold */
.fushia12B {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #b41974; }

/* fushia - 15 px - Bold */
.fushia15B {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #b41974; }

/*contenu de Ticketac, car on le trouve dans le texte dans la bdd*/
.green {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #b41974; }

.green_infos {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #FFFFFF;	
	background-color:#c1c00c;
	width:100%;
	text-align:left;
	border:0px;
	padding:3px;
	
}

.grisFonceB10 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-weight: bold; font-size: 10px;}
/* vert - 13 px  */
.vert13 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #c1c00c;}

/* vert - 15 px  */
.vert15 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #c1c00c;}

/* vert - 19 px - Bold */
.vert19B {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold; color: #c1c00c;}

/* gris - 15 px  */
.gris15 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #333333;}

/* gris2 - 11 px  */
.gris11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #C3C3C3;}

/* blanc - 13 px - Bold */
.blanc13B {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; }

/* blanc - 11 px - Bold */
.blanc11B {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; }

/* blanc - 11 px  */
.blanc11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }

.inputForm {
	width:260px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;		
}

hr {
	height: 1px;
	color:#d0d0d0;
	width:100%;
}

select, input, textarea {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;			
}