/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";


/* STYLE TITRES */
#contenu h1{
	background-repeat:no-repeat;
	color:#C2003F;
	line-height:16px;
	font-size:25px;
	font-family:"Century Gothic" Arial;
	font-variant:small-caps;
	font-weight:bold;
	margin:0 0 0 20px;
	}

#contenu h1#sous-titre{
	background-repeat:no-repeat;
	margin-top:10px;
	color:#9EA4AC;
	line-height:18px;
	margin:10px 0 25px 125px;
	font-size:19px;
	font-weight:bold;
	font-variant:smallcaps;
	font-family:"Trebuchet MS";
}

#contenu h1#sous-titre02{
	background-repeat:no-repeat;
	color:#9EA4AC;
	line-height:18px;
	margin:10px 0 30px 210px;
	font-size:19px;
	font-weight:bold;
	font-variant:small-caps;
	font-family:"Trebuchet MS";
	}
	
#contenu h2{
	font-family:"Century Gothic" Arial;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	color:#c2003f;
	line-height:18px;
	margin:10px 0 5px 0;
	font-variant:small-caps;
}


/* STYLE LIEN */
#texte a:link, #texte a:visited{
	color: #E64432;
	text-decoration:underline;
	font-weight:bold;
}
#texte a:hover, #texte a:active{
	color: #9EA4AC;
	text-decoration:none;
}
#texte a:link img, #texte a:visited img  {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	border:none;
}
#texte a:hover img, #texte a:active img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
	border:none;
}


/* STYLE TEXTE */
#texte p, #texte-accueil p{
	padding-bottom:5px;
	text-align:justify;
	color:#595E5B;
	line-height:18px;
	font:normal 11px  "Trebuchet MS" Arial, Helvetica, sans-serif;
}

/* rouge */ #contenu .couleur01, #contenu p.couleur01 {color:#E64432;}
/* rose */ #contenu .couleur02, #contenu p.couleur02 {color:#C2003F;}
/* gris */ #contenu .couleur03, #contenu p.couleur03 {color:#9EA4AC;}
/* noir */ #contenu .couleur04, #contenu p.couleur04 {color:#000;}

#contenu p.bigc, #contenu .bigc 
{font:normal 15px "Trebuchet MS" Arial, Helvetica, sans-serif; text-align:center; margin:5px 0;}
#contenu p.big, #contenu .big 
{font:normal 15px "Trebuchet MS" Arial, Helvetica, sans-serif; text-align:left; margin:5px 0;}

#contenu p.medium, #contenu .medium 
{font:normal 13px "Trebuchet MS" Arial, Helvetica, sans-serif; margin:5px 0; }
#contenu p.mediumc, #contenu .mediumc 
{font:normal 13px "Trebuchet MS" Arial, Helvetica, sans-serif; text-align:center; margin:5px 0; font-weight:bold;}

#contenu p.normalc, #contenu .normalc 
{font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif; text-align:center; margin:5px 0;}


#contenu p.nota, #contenu .nota 
{font:normal 10px "Trebuchet MS" Arial, Helvetica, sans-serif; font-style:italic; color:#9EA4AC; text-align:left;}

#contenu-accueil p.nota, #contenu-accuei .nota 
{font:normal 10px "Trebuchet MS" Arial, Helvetica, sans-serif; font-style:italic; color:#9EA4AC; text-align:left;}



/* STYLE CONTENU */
ul.liste {
	list-style:none;
	margin:10px 0 15px 20px;
	color:#595E5B;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	}
	
ul.liste li {
	background:url(../images/charte/puce.gif) left 1px no-repeat;
	padding-left:20px;
	padding-bottom:2px;
	}

ul.liste-decale {
	list-style:none;
	margin:10px 0 15px 30px;
	color:#595E5B;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	}
	
ul.liste-decale li {
	background:url(../images/charte/puce.gif) left 0px no-repeat;
	padding-left:20px;
	padding-bottom:8px;
	}
	
#texte .separe {
	width:520px; 
	height:2px; 
	border-top:1px dotted #e6e6e6; 
	margin:20px 0;
	clear: both;
	}


		
/**************************************************** -- *************************************************/
#contenu-accueil p.mediumc, #contenu-accueil .mediumc 
{font:normal 13px "Trebuchet MS" Arial, Helvetica, sans-serif; text-align:center; margin:5px 0; font-weight:bold;}
/* rouge */ #contenu-accueil .couleur01, #contenu-accueil p.couleur01 {color:#E64432;}
/* rose */ #contenu-accueil .couleur02, #contenu-accueil p.couleur02 {color:#C2003F;}
/* gris */ #contenu-accueil .couleur03, #contenu-accueil p.couleur03 {color:#9EA4AC;}
/* noir */ #contenu-accueil .couleur04, #contenu-accueil p.couleur04 {color:#000;}


/* RUBRIQUE ACCUEIL */
#texte-accueil h2{
	font-size:15px;
	font-weight:bold;
	color:#c2003f;
	line-height:18px;
	margin:0 0 10px 0;
	font-family:Arial;
	text-align:center;
}

#bloc-gche-accueil {
	float:left;
	margin:10px 0 20px 0;
	width:330px;
	border-right:1px solid #e6e6e6;
	padding-right:10px;
	}
#bloc-gche-accueil p {text-align:center;}
	
	
/* DECOUVRIR */
#adecouvrir{
	float:left;
	width:325px;
	height:290px;
	background:#e64432;
	margin:12px 1px 0 0;
	padding:0px 0 0 0;
	text-align:right;
}
#anim-adecouvrir{
	float:left;
	width:50px;
	height:290px;
	padding:0 5px 0 0;
	background-color:#c2003f;
}
#adecouvrir-offres{
	float:left;
	display:block;
	width:140px;
	height:285px;
	padding:3px 0 0 0;
	margin:0 0 0px 0;
}

#adecouvrir-texte{
	float:left;
	width:115px;
	height:250px;
	overflow:hidden;
	margin:0 0px 0 0;
	color:#fff;
	text-align:center;
	padding:20px 5px 0 5px;
	border-left:1px solid #f16657;
	line-height:1.5em;
}



/* ACTUALITES */
#actualite{
	float:right;
	width:180px;
	border:1px solid #c2003f;
	margin:20px 30px 10px 0;
	background-color:#C2003F;
	color:#FFF;
	text-align:center;
	line-height:16px;
}
#contenu-accueil #actualite p {text-align:center; color:#FFF;}

#actualite-anim{
	width:180px;
	height:30px;
	background-color:#c2003f;
	padding:2px 0 0 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #FFF;
}

#img-actualite {width:180px; margin:10px 0 0 0;}

span.tit-actualite {font-size:12px; font-weight:bold; display:block; margin:5px 0;}
span.date-actualite {font-style:italic; font-size:11px; display:block;margin:5px 0;}

#texte-accueil #actualite a:link, #texte-accueil #actualite a:visited{
	display:block;
	background-color:#c2003f;
	width:180px;
	font-weight:bold;
	font-variant:small-caps;
	height:20px;
	color:#fff;
	padding:5px 0 0 0;
	text-align:center;
}
#texte-accueil #actualite a:hover{background-color:#e64432;}




/*********************************************** -- ******************************************/

/* NOTRE CARTE - POSITIONNEMENT */
#bloc-gche-positionnement {
	float:left;
	margin:10px 0 5px 0;
	padding:5px 0;
	width:300px;
	border-right:1px solid #e6e6e6;
	padding-right:10px;
	}
	
#bloc-img-positionnement {
	float:left;
	margin:20px 0 0 0;
	width:367px;
	height:165px;
	}
#bloc-img-positionnement a:link img, #bloc-img-positionnement a:visited img {
	float:left;
	margin:0;
	}

#legende-positionnement-matin {
	float:left;
	margin-left:10px;
	width:100px;
	height:21px;
	}
#legende-positionnement-midi {
	float:left;
	margin-left:15px;
	width:100px;
	height:21px;
	}
#legende-positionnement-soir {
	float:left;
	margin-left:15px;
	width:100px;
	height:21px;
	}

	 
/* NOTRE CARTE - LE PRODUIT DU MOMENT */
#bloc-gche-moment {
	float:left;
	margin:10px 0 5px 0;
	padding:10px 10px 10px 10px;
	width:340px;
	text-align:center;
	}

#bloc-img-moment{
	float:right;
	margin:20px 5px 20px 0;
	width:290px;
	text-align:center;
	}	
#bloc-img-moment img {border:1px solid #e6e6e6;}

#bloc-promotion-moment {
	float:left;
	margin:0 0 20px 0;
	padding:10px 8px;
	width:340px;
	}
	
#contenu h2#tit-promotion-moment {
	font-family:"Trebuchet MS";
	text-transform:uppercase;
	font-variant:small-caps;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	margin:20px 0 0 0;
	padding:1px 0 0 5px;
	width:355px;
	height:18px;
	float:left;
	background-color:#1C1B20;
	}
	
#formulaire-moment{
	width:340px;
	float:left;
	margin:10px 0 10px 0 ;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border:1px solid #e6e6e6;
	padding:10px 5px 0 5px;
}



	
	
/* NOTRE CARTE - L'OFFRE DU MATIN */
#bloc-matin {
	float:left;
	margin:10px 0 5px 0;
	padding:25px 20px 5px 0;
	width:350px;
	/*border-right:1px solid #e6e6e6;*/
	}
	
#bloc-matin p{
	margin-bottom:20px;
}
	
#diaporama-matin {
	width:280px;
	height:490px;
	float:right;
	margin:40px 19px 0 0;
	border:1px solid #e6e6e6;
	}



/* NOTRE CARTE - L'OFFRE DU MIDI */
#bloc-midi {
	float:left;
	margin:10px 0 5px 0;
	padding:25px 20px 5px 0;
	width:350px;
	/*border-right:1px solid #e6e6e6;*/
	}
	
#bloc-midi p{
	margin-bottom:20px;
	}
	
#diaporama-midi {
	width:280px;
	height:490px;
	float:right;
	margin:40px 19px 0 0;
	border:1px solid #e6e6e6;
	}
	
	
/* NOTRE CARTE - L'OFFRE DU SOIR */
#bloc-soir {
	float:left;
	margin:10px 0 5px 30px;
	padding:5px 0;
	width:520px;
	padding-right:20px;
	}

#diaporama-soir {
	width:600px;
	float:left;
	margin:10px 5px 20px 20px;
	}
#diaporama-soir img {border:1px solid #e6e6e6;}

/******************************************************* -- *************************************************/

/* BONNE JOURNEE - EDITO */
#bloc-edito {
	float:left;
	margin:20px 0 5px 0;
	padding:5px 0;
	width:290px;
	border-right:1px solid #e6e6e6;
	padding-right:20px;
	}
	
#img-edito {
	width:350px;
	height:400px;
	float:left;
	margin:40px 0 20px 10px ;
	}


/* BONNE JOURNEE - LE CONCEPT */
#bloc-concept {
	float:left;
	margin:10px 0 5px 0;
	padding:5px 0;
	width:290px;
	border-right:1px solid #e6e6e6;
	padding-right:10px;
	}
	
#diaporama-concept {
	width:354px;
	height:403px;
	float:right;
	margin:10px 10px 0 0 ;
	border:1px solid #e6e6e6;
	}

	
/* BONNE JOURNEE - QUELQUES DARTS */
#bloc-historique {
	float:left;
	margin:0 0 15px 0;
	padding:5px 0;
	width:600px;
	}

#anim-historique {
	width:650px;
	height:400px;
	margin:0 0 0 0;
	}

ul.liste-historique {
	list-style:none;
	margin:0 0 25px 0;
	color:#FFF;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	}
	
ul.liste-historique li {
	padding:20px 10px 10px 10px;
	background-color:#C2003F;
	display:block;
	float:left;
	width:90px;
	height:60px;
	text-align:center;
	margin:0 10px 10px 0;
	font-weight:bold;
	font-size:13px;
	font-variant:small-caps;
	}
	
	
/* BONNE JOURNEE - NOS ENGAGEMENTS */
#bloc-engagement {
	float:left;
	margin:10px 0 5px 0;
	padding:5px 0;
	width:350px;
	/*border-right:1px solid #e6e6e6;*/
	padding-right:20px;
	}
	
#diaporama-engagement {
	width:278px;
	height:490px;
	float:right;
	margin:70px 19px 0 0;
	border:1px solid #e6e6e6;
	}



/******************************************************* -- *************************************************/


/* NOS BOUTIQUES - BJ S'AGRANDIT */
#bloc-boutiques {
	float:left;
	margin:10px 0 5px 0;
	padding:5px 0;
	width:290px;
	padding-right:20px;
	}
	
#diaporama-boutiques {
	width:350px;
	height:400px;
	float:right;
	margin:20px 10px 0 0;
	}


/* NOS BOUTIQUES - SACHEZ NOUS TROUVER */
#bloc-trouver {
	float:left;
	margin:10px 10px 0 0;
	width:460px;
	height:530px;
	}

#contenu-trouver {
	width:200px;
	border-left:1px solid #e6e6e6;
	float:left;
	margin:50px 0 0 0;
	padding-left:5px;
	}
#contenu #contenu-trouver p, #contenu #contenu-trouver02 p{text-align:left;}

#contenu-trouver02 {
	width:350px;
	border-left:1px solid #e6e6e6;
	float:left;
	margin:30px 0 0 40px;
	padding-left:5px;
	}
	
#contenu #contenu-trouver h1, #contenu #contenu-trouver02 h1{
	background-repeat:no-repeat;
	margin-top:0px;
	margin-left:0;
	color:#C2003F;
	line-height:16px;
	font-size:18px;
	font-family:"Century Gothic" Arial;
	text-align:left;	
}
#contenu #contenu-trouver h2, #contenu #contenu-trouver02 h2{margin:8px 0 0 0; font-size:14px; color:#000;}

#icone-trouver{
	position:absolute;
	top:60px;
	right:0px;
	width:240px;
	height:20px;
	border-left:5px solid #c2003f;
	padding-left:3px;
	}

#item-paris {
	float:left;
	margin:10px 10px 0 0;
	width:600px;
	}

/******************************************************* -- *************************************************/


/** SUGGESTIONS - NOUS CONTACTER **/
#bloc-adresse-contact {
	float:left;
	width:230px;
	margin:30px 20px 20px 10px;
	padding: 0 5px;
}
#contenu #bloc-adresse-contact p {text-align:center}
.cnil {
	font:italic 9px Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
	margin:0 5px 0 0 ;
	width:300px;
	float:right;
	}

.nota {
	font:italic 9px Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
	}

/** **/

#contenu #bloc-contact {
	width: 320px;
	float:left;
	margin:20px 0 20px 0;
}
#bloc-contact, #bloc-postuler, #formContact input, #formContact textarea, #formContact select.liste, #formContact .bouton {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#9ea4ac;
	padding-left:2px;
}

#formContact input, #formContact textarea{
	width:178px;
	border:1px solid #CCC;
	background:#FFF;
}
#formContact input.offreMoment{
	width:auto;
	border:0;
}

#formContact select.liste-boutique{
	width:150px;
	border:1px solid #e6e6e6;
	color:#333;
	background:#FFF;
	text-align:left;	
}

#formContact select.liste{
	width:150px;
	border:1px solid #e6e6e6;
	color:#333;
	background:#FFF;
	text-align:left;	
}

#contenu #bloc-contact label, #contenu #bloc-postuler label {
	text-align:right;
	display:block;
	padding-right:10px;
	color:#333;
	font:normal 11px  "Trebuchet MS" Arial, Helvetica, sans-serif;
}

#contenu #bloc-contact span.libelle, #contenu #bloc-postuler span.libelle  {
	text-align:right;
	display:block;
	font-weight:bold;
	color:#333;
}

#formContact .radio{
	width:10%;
	border:none;
	margin-bottom:3px;
	color:#333;
}

#formContact .check{
	width:10%;
	border:none;
	margin:0 3px 3px 0;
	color:#333;
}

#formContact .bouton{
	width:80px;
	border:1px solid #CCC;
	background-color:#FFF;
	cursor:pointer;
	color:#333;
}
#formContact .bouton:hover {color:#e61132;}

#bloc-merci {
	font:normal 11px Arial, Helvetica, sans-serif;
	width:500px;
	margin:30px 50px 20px 0;
	color:#333;
}
.champRequis{color:#E53625; font-size:9px;}



/******************************************************* -- *************************************************/


/* RECRUTEMENT - UNE ENSEIGNE DYNAMIQUE */
#bloc-recrutement {
	float:left;
	margin:10px 0 5px 0;
	padding:5px 0;
	width:350px;
	}
	
#diaporama-recrutement {
	width:280px;
	height:490px;
	float:right;
	margin:20px 25px 0 0;
	border:1px solid #e6e6e6;
	}


/* RECRUTEMENT - LES POSTES PROPOSÉS */
.back-postes {
	width:660px;
	height:115px;
	position:relative;
	margin:30px 0 0 0;
	}
	
.img-poste {
	width:115px;
	height:115px;
	position:absolute;
	top:0;
	left:50px;
	z-index:10000;
	}

#contenu .color-poste01 {color:#E64432;}
#contenu .color-poste02 {color:#C2003F;}
#contenu .color-poste03 {color:#9EA5AD;}
#contenu .color-poste04 {color:#E64432;}	

#contenu .tit-poste {
	font-family:"Century Gothic" Arial;
	font-size:16px;
	font-variant:small-caps;
	font-weight:bold;
	margin:10px 0 0 180px;
	line-height:18px;
	}
	
.back-poste01 {background-color:#E64432;}
.back-poste02 {background-color:#C2003F;}
.back-poste03 {background-color:#9EA5AD;}
.back-poste04 {background-color:#E64432;}

#contenu p.contenu-poste {
	width:420px;
	color:#FFF;
	float:left;
	margin:0 0 20px 0;
	height:55px;
	padding:20px 40px 10px 180px;
	}

#contenu a.savoir:link, #contenu a.savoir:visited  {color:#000; text-decoration:none;}
#contenu a.savoir:hover, #contenu a.savoir:active  {color:#FFF; text-decoration:none;}

#contenu a:link.bt-postuler {}


/* RECRUTEMENT - LES POSTES > DETAIL */
.back-postesdetail {
	width:660px;
	position:relative;
	margin:50px 0 0 0;
	}
	
.img-postedetail {
	width:115px;
	height:115px;
	position:absolute;
	top:0px;
	left:45px;
	z-index:10;
	}

#contenu .tit-postedetail {
	font-family:"Century Gothic" Arial;
	font-size:16px;
	font-variant:small-caps;
	font-weight:bold;
	line-height:18px;
	color:#C2003F;
	margin:10px 0 0 195px;
	}

.contenu-postedetail {
	width:420px;
	color:#FFF;
	float:left;
	margin:0 0 0 20px;
	height:55px;
	padding:20px 40px 10px 160px;
	background-color:#C2003F;
	}

.mission-postedetail {
	width:440px;
	color:#FFF;
	float:left;
	margin:10px 0 0 20px;
	padding:0 40px 0 160px;
	}
#contenu .mission-postedetail h2 { font-size:13px; margin:5px 0 0 0;}



/* RECRUTEMENT - POSTULER EN LIGNE */
#bloc-postuler {
	width: 300px;
	float:left;
	margin:0 20px 0 0;
	border-right:1px dotted #e6e6e6;
	padding-right:20px;
}

#bloc-texte-postuler {
	width: 620px;
	margin:10px 0 10px 10px;
	border-bottom:1px dotted #e6e6e6;
	padding-bottom:5px;
}

#bloc-texte-postuler a.no-under{
text-decoration:none;
}

#bloc-postuler h2 {
	font-family:"Century Gothic" Arial;
	font-size:16px;
	font-weight:bold;
	font-variant:small-caps;
	text-align:left;
	color:#c2003f;
	line-height:18px;
	margin:10px 0 10px 0;
	background:url(../images/charte/puce.gif) left 2px no-repeat;
	padding-left:12px;
	}

/* MENTIONS LEGALES */
#bloc-mentions {
	margin:30px 0 0 40px;
	border-left:1px solid #e6e6e6;
	padding-left:5px;
	width:450px;
	}

#contenuTexte h2{
	margin:20px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:1.6em;
	text-align:left;
	color:#7C8B84;
}


/* RUBRIQUE ACTUALITE */
.bloc-actualite {
	width:600px;
	margin:20px 0 0 0;
	float:left;
}

#actualite-img{
	width:200px;
	margin:0 10px 0 20px;
	float:left;
	text-align:center;
}
#actualite-img img {border:1px solid #e6e6e6;}

#actualite-contenu{
	width:300px;
	float:left;
	font-size:11px;
	border-left:1px dotted #e6e6e6;
	padding-left:10px;
}

#contenu-accueil p.actualite-titre{
	font-size:16px;
	font-variant:small-caps;
	color:#C2003F;
	text-align:left;
	line-height:16px;
	font-weight:bold;
}

#contenu-accueil p.actualite-date{
	font-size:13px;
	font-variant:small-caps;
	font-weight:bold;
	color:#9EA4AC;
	text-align:left;
	font-style:italic;
}

.actualite-texte {
	width:300px;
	text-align:justify;
	font-size:11px;
}

.para-espace {
font:normal 13px "Trebuchet MS" Arial, Helvetica, sans-serif; 
text-align:center; 
margin:12px 0; 
font-weight:bold;
}

#contenu h1 a.lien-paris {
text-decoration:none;
color:#C2003F;
}