/* 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: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;	
	line-height: 1.25; /* -> 5 */
}


a:link, a:visited {
	font-family: Arial, Verdana, 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: 980px;
 	margin-left: auto;
    margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#FFFFFF;
}

/* En-tête */
#entete {
	width: 980px; 
 	margin-left: auto;
    margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	height:113px;
	/*background-color:#CCCCCC;*/ /* gris*/
	
}
#entete h1 {
	margin: 0;
}

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

#conteneur-2cols {
	width: 940px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-bottom: 0px;
	/*background-color:#CCCCCC;*/ /* gris*/	
}

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

#contenus-2colsRight{
	width: 710px;
	float: right;
	display: block;
	position: relative;
	padding-bottom: 10px;
	/*background-color:#0F0;*/ /* vert */
}

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

#contenus-3cols{
	width: 625px;
	float: left;
	display: block;
	position: relative;
	padding-bottom: 10px;
	margin-right:6px;
	/*background-color:#0F0 /* vert*/
	
}
#infos {
	display: block;
	width: 158px;
	float: right;
	position: relative;
	margin-top: 1px;
	/*background-color:#FF0000 /* rouge*/
	
}
#cadeau {
	display: block;
	width: 245px;
	float: right;
	position: relative;
	margin-top: 1px;
	/*background-color:#0F0;*/ /* vert*/
	
}
#col-gauche {
	width: 163px;
	float: left;
	display: block;
	position: relative;
	min-height:600px;
	margin-right:4px;
	/*background-color:#FF0000;*/ /* rouge*/	
}

.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:9px; 
	color:#999999;
	background-image:url(../images/charte/footer.jpg);
	background-position: bottom right;
	background-repeat:no-repeat;
	
}
#footer a { font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#999999;}
#footer a:link {text-decoration: none;}
#footer a:visited {text-decoration: none;}
#footer a:hover { text-decoration: underline;}
#footer .titreVert { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999;}
/* Lien gris - 10 px*/
#footer a.lien_gris10 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #262626; text-decoration: none;}
#footer a.lien_gris10:link {text-decoration: none; }
#footer a.lien_gris10:visited {text-decoration: none; }
#footer a.lien_gris10:hover { text-decoration: underline; }
.grisFonceB10 {font-family: Arial, Verdana, Helvetica, sans-serif; color: #262626; font-weight: bold; font-size: 10px;}
/* vert - 13 px  */


/* 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;	
	margin-left: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;
}
#partieCentrale {
	float: left;
	width:	630px;
	margin-top:10px;		
	margin-bottom:10px;	
}
#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*/




/*classes*/

/* LIENS*/


/* Lien blanc - 11 px*/
a.lien_blanc11 {font-family: Arial, Verdana, 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: Arial, Verdana, 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: Arial, Verdana, 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: Arial, Verdana, 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: Arial, Verdana, 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 fushia - 13 px*/
a.lien_fushia13 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #b41974; text-decoration: none;}
a.lien_fushia13:link {text-decoration: none; color: #b41974; }
a.lien_fushia13:visited {text-decoration: none; color: #b41974;}
a.lien_fushia13:hover { text-decoration: underline; color: #b41974;}

/* Lien gris foncé en capitales - 18 px*/
a.lien_grisFonce18B {font-family: Arial, Verdana, 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: Arial, Verdana, 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;}

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

a.lien_vert16 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #999900; text-decoration: none;}
a.lien_vert16:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #999900;}
a.lien_vert16:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #999900;}
a.lien_vert16:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: underline; color: #999900;}

a.lien_vert14 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #999900; text-decoration: none;}
a.lien_vert14:link {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #999900;}
a.lien_vert14:visited {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #999900;}
a.lien_vert14:hover { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: underline; color: #999900;}

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

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

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

/* fushia - 15 px - Bold */
.fushia15B {font-family: Arial, Verdana, 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: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #b41974; }

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

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

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

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

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

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

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

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

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

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

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

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



/* Menu de navigation */
#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 31px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #990066; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #990066; /* On passe le texte en fuschia... */
        background: #d2a4c3; /* ... et au contraire, le fond en blanc */
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

#menu li:hover ul ul, #menu 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 */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu 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 sous IE */
}


/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
		
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		z-index:10;
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 11px; /* hauteur du texte : 12 pixels */
        color: #262626; /* On passe le texte en fuschia... */
        background: #ebebeb; /* ... et au contraire, le fond en blanc */
		z-index:10;
}

#menu li ul li a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #ebebeb; /* couleur de fond */        
        color : #262626; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */
}
#menu li ul li a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #990066; /* On passe le texte en fuschia... */
        background: #d2a4c3; /* ... et au contraire, le fond en blanc */
}


/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}