/* General */

body {
	text-align : center;
	margin : 0;
	font-family : "Arial","Helvetica",sans-serif;
	font-size : 12px;
}

#header,
#footer,
#contenu,
#menu {
	width : 1000px;
	margin : 0 auto 0 auto;
	padding : 0;
	list-style : none;
	text-align : left;
}

.invisible { display : none; }

#banniere { padding-bottom : 3px; }

.clear { clear : both; }

li { list-style-position : inside; }


/* Couleurs */

/*

General : 
1. Fond : bgcolor
10. Liens : linkcolor

Zone d'affichage :
2. Fond : affichagefond
5. Texte : affichagetext

Menu
4. Fond : menufond
5. Fond actif : menufondactif
7. Texte : menutexte
8. Texte actif : menutexteactif
9. Couleur de la séparation : menuseparation

Sousmenu
3. Fond : sousmenufond
10. Texte : sousmenufondtexte
11. Texte actif : sousmenufondtexteactif
11. Puce normale : sousmenupuce
12. Puce actif : sousmenupuceactif

Footer
4. Fond du footer : footerfond
20. texte du footer : footertext

*/


/* Couleur de fond + texte */
body { background-color : #3b002b; color : #0d0c0c; }
a { color : #000000; }
/* Fond de la zone d'affichage principale */ #page3 { background : #ffffff; }

/* Titre de la page */
#header { color : white; height : 250px; }

/* Couleur du Menu */
/* Fond du menu */ #menu { background : #680885; }
/* Texte */ #menu a { font-weight:bold; color : #e0ddca; }
/* Fond actif et texte */ /*#menu a:hover, */#menu a.actif { /*background : ;*/ color : #ffffff; }
/* Séparation boutons */ #menu li { border-right : 1px solid #b82bc2; }
/* Séparation boutons */ #menu li.debut { border-left : 1px solid #b82bc2; }
/* Menu bande basse */ #menu { border-bottom : 10px solid #b82bc2; }

/* Couleurs du sousmenu */
/* Couleur de fond et bordure haute */ #contenu { background : #b82bc2; }
/* Couleur du petit carré */ #sousmenu { color : #f04dea;}
/* Couleur du lien */
#sousmenu a { color : #333333; }
/*#sousmenu a:hover { color : #ffffff; }*/
/* Couleur du lien actif */
#sousmenu .actif { color : #ffffff; }
#sousmenu .actif a { color : #ffffff; }

/* Couleurs du Footer */
/*Couleur de fond et texte */ #footer { background : #b82bc2; color : #ffffff; }
/*Couleur du lien */ #footer a { color : #ffffff; }




/* Header */
#header * {
	margin : 0;
	padding : 0;
	text-align : center;
}

#header h1 { padding : 2em 0 1em 0; }

#header {
	background-position : -500px 0;
	margin-top : 50px;
	position : relative;
}

#banniere { position : absolute; }

#header,
#headergauche,
#headerdroite {
	background-image : url("/zoneclient/2971/2959/bannieres/1226663999_leuco.swf");
}

#header.swf,
.swf #headergauche,
.swf #headerdroite {
	background-image : url("/zoneclient/2971/2959/logos/1226673486_leucoV3.jpg");
}

#headergauche {
	height : 600px;
	width : 500px;
	position : absolute;
	left : -500px;
	background-position : 0 0;
}

#headerdroite {
	height : 600px;
	width : 500px;
	position : absolute;
	left : 1000px;
	background-position : -1500px 0;
}

#limitation {
	overflow : hidden;
	width : 100%;
	min-height : 600px;
	position : relative;
}




/* Menu */
#menu {
	position : absolute;
	top : 0;
	width : 100%;
	left : 0;
	line-height : 40px;
	text-align : center;
}

#menu li {
	list-style : none;
	display : inline;
	margin : 0;
}

#menu a {
	text-decoration : none;
	padding : 0 1em 0 1em;
	white-space : nowrap;
}



/* Sousmenu */

#sousmenu {
	float : left;
	width : 160px;
	padding : 20px;
	line-height : 2em;
	font-size : 0.9em;
	font-weight : bold;
}

#sousmenu li {
	list-style-type : square;
	list-style-position : inside;
}

#sousmenu a { text-decoration : none; }

#sousmenu ul { padding : 0; }


/* Footer */

#footer {
	text-align : center;
	padding : 0.3em 0 0.3em 0;
	font-size : smaller;
}

#footer * { font-weight : normal; }

/* Page3 */

#page3 {
	width : 960px;
	float : right;
	padding : 20px;
	height : auto !important;
	height : 310px;
	min-height : 310px;
}

#page3.decale { width : 760px; }



/* Photoflow */

#photoflow .partie1 { margin-right : 52% !important; }

#photoflow .partie2 {
	width : 50% !important;
	height : 270px !important;
}



/* Ecommerce */
.ecoStyle {
	margin : 0 !important;
	padding : 0 !important;
	width : 100%;
}

.article {
	margin : 0 !important;
	padding : 11px !important;
}


/* Formulaire */

label {
	float : left;
	width : 400px;
	text-align : right;
	padding-right : 0.5em;
}


/* Recherche */

#searchbar {
	z-index : 1;
}



/* Page 38 avec sousmenu */

.decale .page38 {
	padding-left : 3em;
	padding-right : 3em;
}