/*Style du corps de la page (contient le conteneur)*/
/*-----------------------------------------------------------*/
body {
	margin-top : 10px; /*Marge externe haute*/
	margin-bottom : 10px; /*Marge externe basse*/
	padding : 0; /*Pas de marge interne*/	
	text-align: center ;/*Centre la page*/
	/*Définition de la police de la page, si elle n'existe pas, on prends celles qui la précéde*/ 
	font : 0.8em "Trebuchet MS", helvetica, sans-serif; 
	background : #fffff0; /*Couleur de font (proche du blanc ~beige)*/
	height : 100%; /*on utilise 100% de la largeur de la fenêtre*/ 
} 

/*Style du conteneur (contient le header, le menu, et le contenu)*/
/*------------------------------------------------------------------------------*/
div#conteneur {
	width : 940px; /*Largeur fixe de 940 px (donc optimisé pour une résolution de 1024 * 768*)*/ 
	margin : 0 auto; /*Pas de marges intérieures */
	text-align : left; /*On aligne le text à gauche*/
	border : 2px solid ; /*Le conteneur est placé dans un cadre (largeur du trait = 2 pixel)*/
	background : url("bas_de_page.jpg") repeat-x ; /*arrière plan du conteneur (on le repete sur l'axe des x)*/
	background-position: bottom right; /* Position du background (en bas à droite)*/
	background-color : #fdfdfc; /*Couleur de l'arriere plan (proche du blanc)*/	
} 

/*Pour supprimer le cadre autour des images*/
div#conteneur img{
	border-style:none;
}

/*Style du header*/
/*-------------------*/
div#header {
	width:940px;/*Largeur du header*/
	height : 110px; /*Hauteur du header*/

	background-color : #fdef00; /*Couleur du background (jaune DD)*/
	margin : 0; /*Pas de marge externe*/
	padding : 0; /*Pas de marge interne*/
	border-bottom: 0px;/*Pas de bordure en bas*/
} 

div#header img{
	position:absolute;
	margin-top:10px;
	margin-left:30px;
}

/*Zone situé à droite du header contenant le swf*/
div#headerAnime{
	float: right;
	width:261px;
	height:110px;
}

div#headerAnime img{
	float: right;
	position:relative;
	width:261px;
	height:110px;
	margin-top:0px;
	margin-right:0px;
}

/*Style du menu*/
/*-----------------*/
div#conteneurmenu {
	width : 940px; /*taille du conteneur du menu (100% de la largeur du conteneur général (940px))*/
	height : 37px; /*Hauteur de 30px*/
	background-color : #fdef00; /*Couleur jaune*/
	border-bottom : 1px solid; /*trait de 1px séparant le menu du contenu*/
	/*Pour centrer le menu ie*/
	text-align: center;
}

/*Pour centrer le menu mozilla*/
div#conteneurmenu  table{
	text-align: center;
  margin-left: auto; 
  margin-right: auto; 
}

div#conteneurmenu  td{
	text-align: left;
	font-family :   "cursive"; 
	font-size:14px;
	font-weight : bold; 
	background : url("bg_menu.gif") repeat-x; 
	height:31px;
	vertical-align:top;			
}

.bgMenuGauche {
	background : url("bg_menu_gauche.gif") no-repeat; 
	display : block; 
	height:31px;
	width:12px;
} 

.bgMenuDroite {
	background : url("bg_menu_droite.gif") no-repeat; 
	display : block; 
	height:31px;
	width:10px;
} 

.ddmx {
	width : 100%; 
	cursor: default;
} 

.ddmx .item1:hover , .ddmx .item2:hover {
	color : black; 
} 

.ddmx .item1 , .ddmx .item1-active , .ddmx .item1-active:hover {
	padding-left:3px;
	padding-right:3px;
	padding-top:5px;
	color : #fdef00; /*couleur de la police (jaune)*/
	text-decoration : none; 
	display : block; 
	white-space : nowrap; 
	position : relative; 
	letter-spacing:0px;
} 

.menuMiddle{
	width:15px;
	height:31px;
	background : url("bg_menu_middle1.gif") no-repeat ; 
}

.ddmx .item2 , .ddmx .item2-active , .ddmx .item2-active:hover {
	padding-top:1px;
	padding-bottom:1px;
	padding-left:10px;
	padding-right:7px;
	text-align: left;
	color : #fdef00; /*couleur de la police (jaune)*/
	text-decoration : none; 
	display : block; 
	white-space : nowrap; 
	position : relative; 
	z-index : 500; 
} 

.ddmx .item2:hover , .ddmx .item2-active , .ddmx .item2-active:hover {
	color : black; 
} 

.ddmx .item2 img , .ddmx .item2-active img {
	position : absolute; 
	top : 40px; 
	right : 1px; 
	border : 0 none; 
} 

.ddmx .section {
	border : 1px solid #000000; 
	position : absolute; 
	visibility : hidden; 
	z-index : -1; 
	background : #fd0017; /*couleur de fond du sous menu (rouge)*/
	margin-top:7px;
} 

/* ie 5.0 fix (permet de mettre le sous menu sous le menu correspondant)*/
* html .ddmx td {
	position : relative; 
} 

/*Style du contenu du site*/
/*-----------------------------*/
div#contenu {
	padding : 10px 50px 0px 80px; /*h d b g*/
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 150px;
	padding-left: 80px;
	background : url(bg_page.gif) repeat-y 0% 50%; 
	background-position : 0 0; /* X - Y */
	/*Pour mozilla*/
	
	min-height : 460px; 

} 

/* Pour IE */
* html div#contenu {
	height : 460px; 
} 

/*Style des titres h1*/
div#contenu h1 { 
	font-size : 14px; 
	text-align : center; 
} 

/*Style des titres h2*/
div#contenu h2 { 
	padding-top : 20px; 
	padding-left : 33px; 
	line-height : 18px; 
	font-size : 16px; 
	background : url(DD.gif) no-repeat; 
	background-position : 0% 100%; 
	color : black; 
	border-bottom : 1px solid black; 
} 

/*Style des titres h3*/
div#contenu h3 {
	padding:1px;
	font-size:14px;
	text-align:center;
	background: url(bgTitle.jpg) repeat-y ;
	background-position: center;
}

/*Style des paragraphes*/
div#contenu p { 
	text-align : justify; 
	text-indent : 2em; 
	line-height : 1.7em; 
} 

/*Style des tableau*/
div#contenu table { 
	font-size : 12px; 
} 

div#contenu li {
	margin-left:20px;
}



/*Page d'accueil*/
/*-----------------*/
div#accGauche{
	text-align:center;
	width:550px;
	height:445px;
	float:left;
	margin-bottom:-90px;
	/*background-color:red;*/
}

div#accDroite{
	width:260px;
	height:445px;
	float:left;
	margin-bottom:-90px;
	/*background-color:blue;*/
}

div#accCadreJauneHaut{
	background:url('accueil/cadre_jaune_haut.gif') no-repeat;
	width:224px;
	height:21px;
	margin-left:30px;

}
div#accCadreJauneContenu{
	background:url('accueil/cadre_jaune_content.gif') repeat-y;
	width:224px;
	padding-left:10px;
	margin-left:30px;
	padding-top:10px;
	padding-bottom:10px;
}

div#accCadreJaunebas{
	background:url('accueil/cadre_jaune_bas.gif') no-repeat;
	width:224px;
	height:15px;
	margin-left:30px;
}

div#accCadreRougeHaut{
	background:url('accueil/cadre_rouge_haut.gif') no-repeat;
	width:384px;
	height:20px;
	margin-left:83px;
	margin-right:83px;
}

div#accCadreRougeContenu{
	background:url('accueil/cadre_rouge_content.gif') repeat-y;
	width:384px;
	height:120px;
	text-align:left;
	padding-left:50px;
	margin-left:83px;
	margin-right:83px;
}
div#accCadreRougeContent{
	background:#fd0017;
	position:absolute;
	width:288px;
	margin-top:-10px;
	margin-bottom:-10px;
	text-align:center;
}

div#accCadreRougebas{
	background:url('accueil/cadre_rouge_bas.gif') no-repeat;
	width:384px;
	height:19px;
	margin-left:83px;
	margin-right:83px;
}

div#accPoliceRouge{
	color:#fd0017;
	font-size:30px;	
	margin-bottom:-10px;
	margin-top:7px;
}

div#policeRouge{
	color:#fd0017;
	font-size:12px;
	font-weight:bold;
}


/*Pages de présentation*/
/*--------------------------*/
div#flecheDroite{
	background: url('presentation/flecheD.jpg') no-repeat;
	width:162px;
	height:144px;
	float:left;
}

div#flecheGauche{
	background: url('presentation/flecheG.jpg') no-repeat;
	width:162px;
	height:144px;
	float:left;
}

div#flecheGauche td{
	padding-left:10px;
	text-align:center;
}

div#flecheDroite td{
	padding-right:10px;
	text-align:center;
}

#policeNoir{
	font-size:14px;
	font-family:'arial';
	font-weight:bold;
}

#policeBleue{
	font-size:16px;
	color:#070cc3;
	font-family:'arial';
	font-weight:bold;
}

#policeBleueFleche {
	font-size:20px;
	color:#070cc3;
	font-family:'arial';
	font-weight:bold;
}


/*Style spécifique à la page des magasins*/
/*------------------------------------------------*/
div#contenuMag p{
	text-align:center;
}

div#contenuMag table{
	text-align: center;
  margin-left: auto; 
  margin-right: auto; 
}

div#contenuMag td{
	width:400px;
}

div#contenuAnnuaireMag {
	width:100%;
}

div#contenuAnnuaireMag td { 
	border-bottom : 1px dashed black; /*Pour séparer chaques magasins par un trait en pointillé*/
} 

div#contenuAnnuaireMagAdr {
	font-size : 16px;
	font-weight : bold;
}

/*Style spécifique à la page pub*/
/*-------------------------------------*/
div#contenuPub{
	text-align: center;
}

div#contenuPub img{
	border-style:solid;
	border-width:1px;
	border-color:black;
}

div#contenuPub a{
	float: left;
	font-size:16px;
	color: black;
	font-weight : bold;
	text-decoration : none;
	margin-bottom:10px;
	margin-top:-3px;
}

div#contenuPubBgG{
	float: left;
	height: 15px;
	width:11px;
	background : url(bgLienPubG.gif) no-repeat;
	margin-right:5px;
}

div#contenuPubBgD{
	float: left;
	height: 15px;
	width:11px;
	background : url(bgLienPubD.gif) no-repeat;
	margin-left:5px;
}

/*Style spécifique à la page autre pub*/
/*-------------------------------------------*/
.contenuPubPrix{
	font-family: Arial;
	font-size : 24px;
	font-weight : bold;
}		

.contenuPubType{
	font-family: Arial;
	font-size : 20px;
	font-weight : bolder;
	color: #fd0017;
}		



/*Style spécifique à la page produits*/
/*------------------------------------------*/

#titleSsProd{
	color:#fd0017;
	font-size:40px;
	font-weight: bold;
	font-family:verdana;
	margin-bottom:40px;
}

#policeRougeGrdeArial{
	color: red;
	font-size:34px;
	
	font-weight:bolder;
	font-family:arial;
	text-align:right;
}

#policeRougeGrde{
	color: red;
	font-size:24px;
	line-height:30px;
	font-weight:bolder;
	font-family:arial;
}

#policeRougeNormal{
	margin-top:5px;
	font-weight:100;
	color: red;
	font-size:18px;
	line-height:20px;
	font-family:arial;
}
	
#cadreOmbreHaut{
	background: url(cadreJauneOmbre/haut.gif) no-repeat ;
	width:764px;
	height:30px;
	margin-left:15px;
	float:left;
}

div#cadreOmbreHaut img{
	position: absolute;
	margin-left:50px;
	margin-top:-20px;
}

div#cadreOmbreMiddle{
	background: url(cadreJauneOmbre/middle.gif) repeat-y;
	padding:0px;
	width:764px;
	margin-left:15px;
	float:left;
}

div#cadreOmbreMiddle table{
	margin:0px;
	padding:0px;
}

div#cadreOmbreBas{
	float:left;
	background: url(cadreJauneOmbre/bas.gif) no-repeat ;
	width:764px;
	height:36px;
	margin-left:15px;
	margin-bottom:50px;
}


/*Style cadre page de présentation*/
/*----------------------------------------*/
div#cadreOmbreHautPres{
	background: url(cadreJauneOmbre/hautSmall.gif) no-repeat ;
	width:600px;
	height:30px;
	margin-left:15px;
	float:left;
}



div#cadreOmbreMiddlePres{
	background: url(cadreJauneOmbre/middleSmall.gif) repeat-y;
	padding:0px;
	width:600px;
	margin-left:15px;
	float:left;
}



div#cadreOmbreBasPres{
	float:left;
	background: url(cadreJauneOmbre/basSmall.gif) no-repeat ;
	width:600px;
	height:36px;
	margin-left:15px;
	margin-bottom:50px;
}


/*Style spécifique à la page contactez-nous*/
/*--------------------------------------------------*/
div#contenuContact table{
	font-size:12px;
	font-weight : bold; 
}

/*Style spécifique à la page de recrutement*/
/*---------------------------------------------------*/
div#contenuRecrutement  h3{
	text-align:center;
	background: url(bgTitleRecr.jpg) repeat-y ;
	background-position: center;
	color:black;
	font-size:14px;
	margin-bottom:10px;
	margin-top:20px;
	padding:2px;
}

div#contenuRecrutement p{
	margin-top:0px;
}

div#contenuRecrutement{
	width:100%;
	margin:auto;
}

/*Style du cadre rouge*/
/*--------------------------*/
div#cadreG {
	margin: 10px 10px 10px 30px; /*h d b g*/
	width:95%;
	background:url('cadre/area_left.gif');
	background-repeat: repeat-y;
	background-color : #FFFFFF;
}
        
div#cadreD{
	background:url('cadre/area_right.gif');
	background-repeat: repeat-y;
	background-position: right;
}

div#cadreHaut {
	height:16px;
	background:url('cadre/area_top.gif');
	background-position:bottom;
}
div#cadreHaut img {
	vertical-align:top; /* for ie5*/
	position: absolute;
	margin-top:-5px;
	margin-left:120px;
}

div#cadreCoinGH {
	width:16px;
	height:16px;
	background:url('cadre/area_top_left.gif') no-repeat;
	float: left;
	background-position:bottom;
}

div#cadreCoinDH {
	width:16px;
	height:16px;
	background:url('cadre/area_top_right.gif') no-repeat;
	float: right;
	background-position:bottom ;
}

div#cadreBas {
	height:16px;
	background:url('cadre/area_bottom.gif');
	background-position:top;
}

div#cadreBas img {
	vertical-align:top; /* for ie5*/
	position: absolute;
	margin-top:5px;
	margin-left:-20px;
}
div#cadreCoinGB {
	width:16px;
	height:16px;
	background:url('cadre/area_bottom_left.gif') no-repeat;
	float: left;
	background-position:top;
}
			
div#cadreCoinDB{
	width:16px;
	height:16px;
	background:url('cadre/area_bottom_right.gif') no-repeat;
	float:right;
	background-position:top;
}

/*Style du cadre Jaune*/
/*--------------------------*/
div#cadreJauneG {
	margin: 10px 0px 15px 0px; /*h d b g*/
	/*width:640px;*/
	background:url('cadreJaune/area_left.gif');
	background-repeat: repeat-y;
	background-color : #FFFFFF;
}
        
div#cadreJauneD{
	background:url('cadreJaune/area_right.gif');
	background-repeat: repeat-y;
	background-position: right;
}

div#cadreJauneHaut {
	height:22px;
	background:url('cadreJaune/area_top.gif');
	background-position:bottom;
}
div#cadreJauneHaut img {
	vertical-align:top; /* for ie5*/
	position: absolute;
	margin-top:-5px;
	margin-left:120px;
}

div#cadreJauneCoinGH {
	width:22px;
	height:22px;
	background:url('cadreJaune/area_top_left.gif') no-repeat;
	float: left;
	background-position:bottom;
}

div#cadreJauneCoinDH {
	width:22px;
	height:22px;
	background:url('cadreJaune/area_top_right.gif') no-repeat;
	float: right;
	background-position:bottom ;
}

div#cadreJauneBas {
	height:22px;
	background:url('cadreJaune/area_bottom.gif');
	background-position:top;
}

div#cadreJauneBas img {
	 vertical-align:top; /* for ie5*/
	 position: absolute;
	 margin-top:5px;
	 margin-left:-20px;
}

div#cadreJauneCoinGB {
	width:22px;
	height:22px;
	background:url('cadreJaune/area_bottom_left.gif') no-repeat;
	float: left;
	background-position:top;
}
			
div#cadreJauneCoinDB{
	width:22px;
	height:22px;
	background:url('cadreJaune/area_bottom_right.gif') no-repeat;
	float:right;
	background-position:top;
}

/*Permet d'étirer le cadre lorsque l'image de la news est plus haute que le texte*/
div.spacer { 
  clear: both; 
}

/*Style du footer*/
/*-------------------*/
div#footer {
	height:55px;
	margin-top:-60px;
	padding-right:5px;
	width:100px;
	color : black; 

	position:absolute ;
	left:840px;
} 

.bouton {
	width:100px;
	padding-left:5px;
	padding-right:5px;
	
	margin-top:5px;
	margin-bottom:5px;
	background-color:#fd0017;	/*Couleur rouge*/
	border: 1px solid black;	/*Encadrement noir*/
	text-align:center;
}

.bouton a {
	font-weight: bold;
	color: #fdef00; /*couleur jaune */
	cursor: hand;
	text-decoration: none; 
}