/* CSS Document */
body {
	position:relative;
	margin: 0px;
	padding: 0px;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	background: #000 url(../images/fonds/fond_body.jpg) top center no-repeat fixed;	
	overflow: visible;
}
/*-------------------------------- general au site -----------------------------*/
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl,div,form {
	margin:0;
	padding:0;
}
a img  {
	border:none;
}
table{
	border-collapse:collapse;
}
ul,ol {
	list-style-type:none;
}

p {
	font-size:12px;
	color:#ffffff;
}
p.rouge, 
span.rouge{
	color:#e2001a ;
}
p.noir, 
span.noir{
	color:#000 ;
}
p.gras, 
span.gras{
	font-weight:bold;
}
p.noir, 
span.noir{
	color:#000000 ;
}

a {
	text-decoration:none;
	color:#e2001a;
}
a:active, a:focus{
   outline:none;
}
a:hover{
text-decoration:none;
}
/*-------------------------------- global -----------------------------*/
div#global{
	position:relative;
	width:970px ;
	margin:0 auto ;
	padding:0 0 0 4px;
}

/*--------------------------------------------- ENTETE-------------------------------------------*/
div#header{
	position:relative;
	float:left;
	width:100%;
	border-bottom:2px solid #ffffff;
}
#header_message {
	width:950px;
	float:left;
	background:#292929 url(../images/fonds/header_message.jpg) repeat-x top left;
	border-bottom:3px double #ccc;
	padding:20px 10px 10px 10px;
	position:relative;
}
#header_message p.illu_message {
	float:left;
	margin:0 10px 0 0;
}
#header_message p.close_header_mess a {
	position:absolute;
	bottom:0;
	right:0;
}
#header_message p.close_header_mess a img{
	float:right;
}
#header_message p.illu_message img {
	float:left;
	border:1px solid #000;
}
#header_message h2{
	float:left;
	font-size:14px;
	color:#e00018;
	font-weight:400;
	width:500px;
	margin:0 0 10px 0;
}
#header_message p.desc{
	color:#fff;
	font-size:12px;
	float:left;
	width:500px;
}
div#header div.header_top{
	position:relative;
	float:left;
	width:100%;
	height:75px ;
	background:#000;
}
div#header div.header_top h2 a img{
float:left;
margin:8px 0 0 16px;
}
div#header div.header_top h2.slogan_entete{
	position:absolute;
	top:20px;
	left:230px;
	color:#e20019;
	font-size:12px;
	font-weight:400;	
}
div#header div.header_top h2.slogan_entete a{
font-weight:700;
}
div#header div.header_top h2.slogan_entete a:hover{
text-decoration:underline;
}
div#header div.header_top p.text_header{
	position:absolute ;
	top:42px;
	left:255px;
}
div#header div.header_top div.header_panier{
	position:relative;
	float:right;
	width:140px;
	margin:4px 14px 0 0;
}
div#header div.header_top div.header_panier p.btn{
	float:right;
	margin:0 0 0 10px;
}
div#header div.header_top div.header_panier p {
	text-align:right;
}
div#header div.header_top div.header_panier p a{
	color:#fff;
}
div#header div.header_banniere{
	position:relative ;
	float:left;
	width:100%;
	height:206px;
	background:#000;
	border:none;
}

#header p.infos_contact span.num_tel {
	position:absolute;
	top:38px;
	right:14px;
	font-size:18px;
	font-weight:400;
}
#header p.infos_contact span.num_tel span.text_tel {
	color:#e20019;
	font-size:12px;
}
#header p.infos_contact span.horaires {
	position:absolute;
	top:58px;
	left:16px;
	font-size:12px;
	font-weight:400;
	color:#fff;
}
#header p.infos_contact span.email_contact {
	position:absolute;
	top:58px;
	right:14px;
	font-size:12px;
	font-weight:400;
	color:#cdcdcd;
}
/*-------------------------------------------- BLOCS RAPIDE ------------------------------------------*/

div.bloc_mobile{
float:left;
width:166px;
padding:4px 4px 4px 4px;
background:#eaeaea;
}
div.bloc_mobile div{
float:left;
width:100%;
margin:4px 0 0 0;
}
div.bloc_mobile div p input{
float:left;
width:130px;
height:14px;
}
div.bloc_mobile div p input.submit{
width:20px;
height:20px;
padding:0 1px 3px 1px;
margin:0 0 0 6px;
}

div.bloc_newsletter,
div.bloc_recherche_rapide{
height:40px;
}

div.bloc_newsletter{
margin:10px 0 0 0;
}

div.bloc_panier,
div.bloc_compte{
height:98px;
}

h4.sous_titre_bloc{
float:left;
width:100%;
color:#b16a2d;
font-weight:400;
font-size:10px;
border-bottom:1px solid #b16a2d; 
}

div.bloc_panier p{
	font-size:10px;
}
div.bloc_panier p.total_liste_panier{
	font-size:10px;
	margin-top:5px;
}
div.bloc_panier h6.lien_puce_droite{
	font-size:10px;
	float:right;
	margin-right:0px;
}
div.bloc_panier h6.lien_puce{
	font-size:10px;
}
div.bloc_compte p{
	font-size:10px;
	margin-top:5px;
}
/*-------------------------------------------- MENU HORIZONTAL ------------------------------------------*/
div#menu{
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px solid #ffffff;
	background:#4f4f4f;
}
div#menu ul{
	width:100%;
	height:36px;
	padding:0px 0;
	background: url(../images/fonds/fond_menu.jpg) repeat-x ;
}
div#menu ul li{
	position:relative;
	float:left;
	height:36px;
	line-height:36px;
	background: url(../images/fonds/separation_menus.jpg) left center no-repeat ;
}

div#menu ul li.prem_liste{
	margin-left:0px;
	background:none;
}
div#menu ul li a{
	float:left;
	font-size:11px;
	color:#ffffff;
	padding:0 8px;
}
div#menu ul li a:hover{
	text-decoration:none;
}
div#menu ul li.separateur{
	position:relative;
	float:left;
	color:#ffffff;
	margin:0;
	padding:0;
}


/*-------------------------------- forfait-----------------------------*/
div#forfait{
	position:relative ;
	float:left;
	width:100%;
	background:#000000;
	border-bottom:1px solid #ffffff ;
	height:140px;
	
}
div#forfait div.choix{
	position:relative;
	float:left;
	width:100%;
	height:103px;
	border-bottom:1px solid #ffffff ;
}
div#forfait h3.titre_forfait{
	color:#ffffff;
	font-size:20px;
	font-weight:normal;
}
div#forfait h4.titre_forfait{
	color:#e2001a;
	font-size:15px;
	font-weight:normal;
}
/*---- formulaire recherche-----*/
div#forfait div.choix div.recherche_formulaire{
	position:relative ;
	float:left;
	width:170px;
	height:103px;
}
div#forfait div.choix div.recherche_formulaire select{
	position:relative ;
	float:left;
	width:150px;
	margin-left:10px;
	margin-top:10px;
}
div#forfait div.choix div.recherche_formulaire select option{
	width:300px;
}
div#forfait div.choix div.recherche_formulaire input.loupe{
	position:absolute;
	top:90px;
	left:115px;
	z-index:2;
}
div#forfait div.choix div.pub img.loupe2{
	position:absolute;
	position:absolute;
	top:90px;
	left:115px;
	z-index:3;
}
div#forfait div.choix div.pub img.cheque{
	position:absolute;
	position:absolute;
	top:45px;
	left:13px;
	z-index:3;
}
/*----- menu images------*/
div#forfait div.choix div.menu_image{
	position:relative ;
	float:left;
	width:640px;
	background:#000000;
	height:103px;
}
div#forfait div.choix div.menu_image ul{
	width:640px ;
	height:103px;
	background:#000000;
}
div#forfait div.choix div.menu_image ul li{
	position:relative ;
	float:left ;
	border-right:1px solid #ffffff;
	height:103px;
	width:126px;
}
div#forfait div.choix div.menu_image ul li.prem_liste{
	border-left:1px solid #ffffff ;
}
div#forfait div.choix div.menu_image ul li p a img{
	float:left;
}
div#forfait div.choix div.menu_image ul li h2 a{
	font-size:11px;
	color:#e0e0e0;
	position:absolute;
	top:88px;
	left:0;
	background: url(../images/fonds/translucide.png) ;
	width:100%;
	text-decoration:none;
	text-indent:2px;
	font-weight:400;
}
div#forfait div.choix div.menu_image ul li h2 a span.rouge{
	font-weight:700;
}

/*------ pub -----*/
div#forfait div.choix div.pub{
	position:relative;
	float:left;
	width:160px;
}
div#forfait div.choix div.pub h3,
div#forfait div.choix div.pub h4{
	float:right;
	margin-right:10px;
}
div#forfait div.choix div.pub img{
	position:absolute ;
	top:40px;
	left:10px;
}
div#forfait div.choix div.pub img.loupe{
	position:absolute;
	top:90px;
	left:115px;
}

/*-------------------------------- bandeau-----------------------------*/
div#forfait div.bandeau{
	position:relative;
	float:left;
	width:100%;
	height:35px;
}

/*-------------------------------- colonne-----------------------------*/
div#colonne{
	position:relative ;
	float:left;
	width:294px;
	background:#000000;
	border-right:1px solid #ffffff;
	z-index:10;
}
div#colonne h4.titre_colonne{
	float:left;
	width:274px;
	height:31px;
	color:#ffffff;
	font-size:16px;
	font-weight:normal;
	background: url(../images/fonds/titre.png) no-repeat top right;
	margin:10px;
	display:inline;
	padding-top:5px;
}
div#colonne div.circuit{
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px solid #ffffff;
}
div#colonne div.circuit img.loupe{
	position:absolute ;
	top:235px ;
	left:240px;
}
div#colonne div.circuit p{
	position:absolute ;
	top:242px ;
	left:190px;
}
div#colonne div.circuit a{
	color:#ffffff ;
}
div#colonne div.paiement{
	float:left;
	width:100%;
	border-bottom:1px solid #ffffff;
}
div#colonne div.paiement img.gauche{
	float:left;
	width:51px;
	margin-top:5px;
	margin-left:10px;
}
div#colonne div.paiement img.droite{
	float:right;
	width:142px;
	margin:10px 10px 0 0;
}
div#colonne div.video{
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px solid #ffffff;
	z-index:7;
}
div#colonne div.video #pub_video_stage{
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid #000;
	border-width:4px 35px;

	z-index:12;
	display:none;
	height:320px;
	background:#000;
}
#pub_video_stage p{
	background:#000;
	color:#fff;
	float:left;
	text-align:right;
	width:100%;
	margin:0;
	padding:0;
	height:20px;
	line-height:20px;
	font-size:12px;	
}
#pub_video_stage p a{
	color:#fff;
}



div#colonne div.video p{
	margin-left:10px;
	margin-bottom:10px;
}
div#colonne div.video p span.gras{
	font-size:14px ;
}
div#colonne div.video img.video{
	position:absolute;
	top:60px ;
	left:240px;
}
div#colonne div.galerie{
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px solid #ffffff;
}

div#colonne div.galerie img.prem_liste{
	margin-left:10px;
}
div#colonne div.galerie img{
	margin-bottom:10px ;
}
div#colonne div.galerie img.loupe{
	position:absolute;
	top:80px ;
	left:240px;
}
div#colonne div.exp{
	float:left;
	width:274px;
	display:inline;
	margin:10px;	
}

div#colonne div.exp h4.exp{
	float:left;
	width:274px;
	height:31px;
	color:#ffffff;
	font-size:16px;
	font-weight:normal;
	margin:0 0 10px 0;
}
div#colonne div.exp h3{
	float:left;
	width:270px;
	height:31px;
	color:#ffffff;
	font-size:12px;
	font-weight:normal;

	margin:0 0 5px 0;
}
div#colonne div.exp h3 a{
	float:left;
	width:100%;
	background: url(../images/fonds/titre.png) no-repeat top right;
}
div#colonne div.exp h3 a:hover{
	background: url(../images/fonds/titre_hover.png) no-repeat top right;
}
div#colonne div.exp h3.exp a span strong.first_word{
	font-weight:700;
	color:#fff;
}
div#colonne div.exp h3 a img{
float:left;
}
div#colonne div.exp h3 a span{
float:left;
height:31px;
line-height:31px;
margin:0 0 0 10px;
}
/*---    infos bulles sur la carte des circuits   -------*/
#jHelperTipAttrContainer{ 
 background:#000;
 border:1px solid #f00; 
 color:#fff; 
 display:none;
 padding:4px 10px;
 font-size:12px;
 font-weight:700;
 z-index:1500;
 position:relative;
}
#jHelperTipContainer {
display:none;
} 
/*-------------------------------- corps -----------------------------*/
div#corps{
	position:relative ;
	float:left;
	width:675px ;
	min-height:1150px;
	background:#fff;
	z-index:9;
}

/*--------------------------------------PAGES CONTENUS FRONT-----------------------------------*/
div.colonne_gauche,
div.colonne_droite,
div.illustration_cpc{
float:left;
width:100%;
background:url(../images/fonds/fond_bloc_int.jpg) repeat-x bottom left;
margin-bottom:10px;
padding-bottom:10px;
}
div.colonne_gauche h1,
div.colonne_gauche h2,
div.colonne_gauche h3,
div.colonne_gauche h4,
div.colonne_gauche h5,
div.colonne_gauche h6,
div.colonne_droite h1,
div.colonne_droite h2,
div.colonne_droite h3,
div.colonne_droite h4,
div.colonne_droite h5,
div.colonne_droite h6,
div.illustration_cpc h1,
div.illustration_cpc h2,
div.illustration_cpc h3,
div.illustration_cpc h4,
div.illustration_cpc h5,
div.illustration_cpc h6{
float:left;
width:100%;
color:red;
font-size:13px;
margin:0 0 20px 0;
}
div.colonne_gauche p,
div.colonne_droite p,
div.illustration_cpc p{
float:left;
color:#000;
padding-bottom:10px;
}
div.colonne_gauche ul,
div.colonne_droite ul,
div.illustration_cpc ul{
float:left;
width:100%;
}
/*--STYLE COLONNE IMAGES GAUCHE--*/
div.colonne_gauche div.gauche{
float:left;
width:200px;
margin:0 20px 0px 0;
padding-bottom:10px;
}
div.colonne_gauche div.gauche h5 img{
float:left;
width:200px;
border:2px solid #000;
}
div.colonne_gauche div.droite{
float:left;
width:394px;
padding-bottom:10px;
}
/*--STYLE COLONNE IMAGES DROITE--*/
div.colonne_droite div.droite{
float:left;
width:200px;
padding-bottom:10px;
}
div.colonne_droite div.droite h5 img{
float:left;
width:200px;
border:2px solid #000;
}
div.colonne_droite div.gauche{
float:left;
width:394px;
margin:0 20px 0px 0;
padding-bottom:10px;
}

/*--STYLE IMAGES 100%--*/
div.illustration_cpc div.haut{
float:left;
width:100%;
margin:0 0 20px 0;

}
div.illustration_cpc div.haut h5{
float:left;
width:100%;
}
div.illustration_cpc div.haut h5 img{
float:left;
}
div.illustration_cpc div.bas{
float:left;
width:100%;
}
div.illustration_cpc div.bas{
float:left;
width:100%;
}
div.illustration_cpc div.bas p{
float:left;
}
/*-------------------------------- index -----------------------------*/
/*--------- top ----------*/
div#corps div.top{
	float:left;
	width:100% ;
	height:130px;
	border-bottom:1px solid #ffffff ;
}
div#corps div.top div.bloc_top a:hover{
text-decoration:underline;
}
div#corps div.top div#top_vente{
	float:left;
	width:228px ;
	margin:1px 0 0 0;
}
div#corps div.top div#top_vente div.int ul{
float:left;
width:200px;
margin:10px 0 0 10px;
display:inline;
}
div#corps div.top div#top_vente div.int ul li{
float:left;
width:100%;
line-height:24px;
display:inline;
}
div#corps div.top div#top_promo{
	float:left;
	width:182px ;
	margin:1px 0 0 0;
}
div#corps div.top div#top_ecole{
	float:left;
	width:265px ;
}
div#corps div.top div#top_ecole div.int ul{
float:left;
width:45%;
margin:0 0 0 4%;
}
div#corps div.top div#top_ecole div.int ul li{
float:left;
width:100%;
line-height:20px;
}
div#corps div.top div#top_ecole div.int ul li h2 a{
font-weight:700;
}
div#corps div.top div.bloc_top div.int{
float:left;
width:100%;
height:94px;
background:url(../images/fonds/fond_top.jpg) bottom left repeat-x;
display:inline;
}
div#corps div.top div.bloc_top p.titre{
float:left;
background:#d0d0d0;
width:100%;
}
div#corps div.top div.bloc_top p.titre img{
float:left;
}

div#corps div.top div.bloc_top h2 a{
	float:left;
	font-size:12px;
	text-decoration:none;
}
div#corps div.top div.bloc_top h2 a img{
float:left;
}
/*--------- img exp ----------*/
div#corps div.img_exp{
	position:relative ;
	float:left;
	width:100%;
}
div#corps div.img_exp img{
	position:relative ;
	float:left;
	width:100%;
}
/*--------- catalogue ----------*/
div#corps div.catalogue{
	position:relative ;
	float:left;
	width:100%;
}
/*--------- bloc_accueil ----------*/
div#corps div.catalogue div.bloc_accueil{
	position:relative ;
	float:left;
	width:332px;
	background:#ededed;
	margin:1px 0 0 0;
}
div#corps div.catalogue div.bloc_accueil_g{
	margin:1px 11px 0 0;
}
div#corps div.catalogue div.bloc_accueil h2.titre_bloc_accueil {
	float:left;
	width:100%;
	background:url(../images/fonds/fond_titre.jpg) repeat-x;
	height:31px;
	border-bottom:1px solid #fff;
}
div#corps div.catalogue div.bloc_accueil h2.titre_bloc_accueil a{
	float:left;
	width:322px;
	font-weight:bold;
	height:31px;
	line-height:31px;
	color:#ffffff;
	font-size:14px;
	padding:0 0 0 10px;
}
div#corps div.catalogue div.bloc_accueil h2.titre_bloc_accueil span.prix{
	position:absolute ;
	top:0px;
	right:10px;
	font-weight:400;
	font-size:12px;
}
div#corps div.catalogue div.bloc_accueil p.vignette {
	float:left;
	border-right:1px solid #000000;
}
div#corps div.catalogue div.bloc_accueil p.vignette img{
	float:left;
}
div#corps div.catalogue div.bloc_accueil ul.infos{
	float:left;
	width:97px;
	margin:10px 0 0 10px;
}
div#corps div.catalogue div.bloc_accueil ul.infos li{
	font-weight:bold;
	float:left;
	font-size:11px;
}
div#corps div.catalogue div.bloc_accueil p.promo{
	float:left;
	margin:6px 0 0 8px
}
div#corps div.catalogue div.bloc_accueil a.loupe{
	position:absolute;
	top:125px;
	left:240px;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}
div#corps div.catalogue div.bloc_accueil p.btn a{
	position:absolute;
	bottom:0px;
	right:0px;
	background:url(../images/boutons/btn_liste_offres.png) no-repeat center right;
	font-size:12px;
	line-height:34px;
	height:34px;
	color:#000;
	width:100px;
	text-align:left;
	text-indent:14px;
	font-weight:700;
}
div#corps div.catalogue div.bloc_accueil p.btn a:hover{
	background:url(../images/boutons/btn_liste_offres_hover.png) no-repeat center right;
}


/*----------   titre principal    ---------*/
div#corps h1.titre_principal {
	font-size:18px;
	background:url(../images/fonds/fond_titre_principal.jpg) center left repeat-x;
	height:68px;
	line-height:68px;
	font-weight:700;
	color:#e20019;
	position:relative;
	border-bottom:1px solid #e7100e;
	margin:0;
}
div#corps h1.titre_principal span.visu{
	color:#000;
}
div#corps h1.titre_principal span.droite{
	position:absolute;
	right:10px;
	top:0;
	color:#000;
	font-weight:400;
}
div#corps h1.titre_principal span.petit{
	font-size:13px;
}
/*-------------------------------------------LISTE DES SOUS CATEGORIES INT-------------------------------*/
div.liste_ss_categ{
	float:left;
	width:100%;
	background:url(../images/fonds/fond_bloc_int.jpg) repeat-x bottom left;
	padding:10px 0 20px 0;
}
div.liste_ss_categ div{
float:left;
width:167px;
margin:0 1px 0 0;
}
div.liste_ss_categ div p,
div.liste_ss_categ div p img{
float:left;
width:100%;
}
div.liste_ss_categ div h2 a{
float:left;
width:100%;
font-size:12px;
color:#fff;
height:20px;
margin:1px 0 0 0;
line-height:20px;
background:#000;
text-indent:6px;
}
div.liste_ss_categ div  p.fleche{
float:left;
height:20px;
width:100%;
}
div.liste_ss_categ div  p.categ_active{
background:url(../images/puces/fleche_rouge.gif) no-repeat center;
}
div.liste_ss_categ div  p.categ_inactive{
background:url(../images/puces/fleche_grise.gif) no-repeat center;
}
/*--------------------------------------------- LISTE DES PRODUITS -------------------------------------------*/
#corps div.bloc_liste_produits{
float:left;
position:relative;
width:100%;
margin:0 0 6px 0;
position:relative;
z-index:0;
}
div.bloc_liste_produits h2.titre_produit {
width:100%;
float:left;
 position:relative;
	
}
div.bloc_liste_produits h2.titre_produit a{
float:left;
position:relative;
color:#fff;
width:663px;
padding:0 0 0 12px;
font-size:13px;
height:28px;
line-height:28px;
background:url(../images/fonds/fond_titre.jpg) repeat-x top left;
}
div.bloc_liste_produits h2.titre_produit a span.light{
font-weight:400;
}
div.bloc_liste_produits h2.titre_produit span.promo{
height:59px;
color:#fff;
	
}
div.bloc_liste_produits h2.titre_produit a span.prix{
position:absolute;
right:10px;
top:0px;
font-size:15px;
font-weight:700;
}
div.bloc_liste_produits div.infos_produit{
float:left;
height:132px;
width:100%;
background:#ededed;
}
div.bloc_liste_produits div.infos_produit h3.img_produit img{
float:left;
border-right:1px solid #000;
width:222px;
height:132px;
}
div.bloc_liste_produits div.infos_produit div.description{
float:left;
border-right:1px solid #000;
width:316px;
height:112px;	
padding:10px;
background:#fff;
overflow:hidden;
}
div.bloc_liste_produits div.infos_produit div.description p{
float:left;
width:100%;
color:#000;
}
div.bloc_liste_produits div.infos_produit div.infos{
float:left;
position:relative;
width:90px;	
height:116px;
padding:16px 10px 0 10px;
}
div.bloc_liste_produits div.infos_produit div.infos ul{
float:left;
width:100%;
}
div.bloc_liste_produits div.infos_produit div.infos ul li{
float:left;
width:100%;
font-size:11px;
}
div.bloc_liste_produits div.infos_produit div.infos h6.info_plus a{
	position:absolute;
	bottom:0px;
	right:0px;
	background:url(../images/boutons/btn_liste_offres.png) no-repeat center right;
	font-size:12px;
	line-height:34px;
	height:34px;
	color:#000;
	width:100px;
	text-align:left;
	text-indent:14px;
}
div.bloc_liste_produits div.infos_produit div.infos h6.info_plus a:hover{
	background:url(../images/boutons/btn_liste_offres_hover.png) no-repeat center right;
}


div.bloc_liste_produits div.produit_bas{
float:left;
width:100%;
height:24px;
background:#000;

}
div.bloc_liste_produits div.produit_bas p{
float:left;
width:100%;
font-size:13px;
line-height:24px;
height:24px;
text-indent:12px;
}
#corps div.bloc_liste_produits div.produit_bas div.liste_circuits_offre{
float:left;
width:300px;
height:24px;
position:relative;
}
#corps div.bloc_liste_produits div.produit_bas p.liste_circuits{
background:url(../images/puces/puce_liste_circuits.png) no-repeat 4px center ;
text-indent:14px;

}


/*--------------------------------------------- FICHE PRODUIT -------------------------------------------*/

div.fiche_produit{
float:left;
width:100%;
}

/*
 *	DIV PHOTOS PRODUIT
 *
*/
div.fiche_produit div.photos{
float:left;
width:288px;
}
div.fiche_produit div.photos h4.photo_grande{
float:left;
width:286px;
height:214px;
border:1px solid #dfdfdf;
}
div.fiche_produit div.photos h4.photo_grande img{
float:left;
}
div.fiche_produit div.photos div.miniatures{
float:left;
width:100%;
margin:19px 0 0 0;
}
div.fiche_produit div.photos div.miniatures h5{
float:left;
width:81px;
height:60px;
border:1px solid #dfdfdf;
margin:0 19px 19px 0;
}
div.fiche_produit div.photos div.miniatures h5.photo_mini_droite{
margin:0 0 19px 0;
}
div.fiche_produit div.photos div.miniatures h5 img{
float:left;
}

/*
 *	DIV INFORMATIONS PRODUIT
 *
*/

div.fiche_produit div.description{
float:left;
width:407px;
margin:0 0 0 19px;
}
div.fiche_produit div.description h3.titre_produit{
float:left;
width:100%;
font-size:13px;
color:#b16a2d;
}
div.fiche_produit div.description p.prix{
float:left;
width:100%;
color:#e7d0b1;
font-weight:700;
font-size:14px;
margin:14px 0 0 0;
}
div.fiche_produit div.description p.prix span.promo{
float:left;
color:#7c7c7c;
text-decoration: line-through;
margin:0 10px 0 0; 
}
div.fiche_produit div.description p.description{
float:left;
width:100%;
margin:14px 0 0 0;
}

/*
 *	DIV ATTRIBUTS
 *
*/

div.fiche_produit div.description div.attributs{
float:left;
width:395px;
background:#e7d0b1;
margin:14px 0 0 0;
padding:6px;
}
div.fiche_produit div.description div.attributs p.titre_attribut{
float:left;
height:18px;
line-height:18px;
background:#b16a2d;
color:#fff;
padding:0 60px 0 4px;
font-size:12px;
}
div.fiche_produit div.description div.attributs p select{
float:left;
width:100%;
margin:4px 0 0 0;
}

/*
 *	LISTE DETAILS PRODUIT
 *
*/

div.fiche_produit div.description ul.liste_details{
float:left;
margin:14px 0 0 0;
width:100%;
}
div.fiche_produit div.description ul.liste_details li{
color:#7c7c7c;
padding:0 0 8px 0;
}
div.fiche_produit div.description ul.liste_details li span{
color:#b16a2d;
}

/*
 *	DIV AJOUT PANIER
 *
*/

div.fiche_produit div.description div.ajout_panier{
float:left;
position:relative;
width:395px;
background:#e7d0b1;
margin:14px 0 0 0;
padding:6px;
}
div.fiche_produit div.description div.ajout_panier p.label{
float:left;
font-weight:600;
height:20px;
line-height:20px;
}
div.fiche_produit div.description div.ajout_panier p.quantite{
float:left;
margin:0 0 0 14px;
}
div.fiche_produit div.description div.ajout_panier p.quantite select{
float:left;
width:50px;
}
div.fiche_produit div.description div.ajout_panier p.prix{
float:left;
margin:0 0 0 14px;
font-weight:700;
color:#b16a2d;
width:120px;
height:20px;
line-height:20px;
}
div.fiche_produit div.description div.ajout_panier p.btn input{
position:absolute;
top:8px;
right:6px;
}

/*
 *	DIV COMPLEMENT INFORMATIONS
 *
*/

div.complement_infos{
float:left;
width:100%;
margin:14px 0 0 0;
}

/* ----- AFFICHAGE DES PAGES SUIVANTES - PRECEDENTES --------*/

div.sous_pages{
	float:left;
	position:relative;
	width:100%;
	margin:20px 0 20px 0;
}
div.sous_pages div.select_page{
float:left;
margin:5px 0 0 35%;
}
div.sous_pages div.select_page p{
float:left;
color:#000;
}
div.sous_pages div.select_page select{
float:left;
margin:0 0 0 10px;
}
div.sous_pages h6.btn_gauche{
	position:absolute;
	left:0px;
	top:0px;
}
div.sous_pages h6.btn_droit{
	position:absolute;
	right:5px;
	top:0px;
}

.btnDroit a{
	background:url(../images/fonds/boutons/btn_vers_droite_droite.png) no-repeat center right;
	height:22px;
	line-height:22px;
	padding:0 32px 0 10px;
	font-weight:700;
	font-size:12px;
	color:#fff;
	border:1px solid #000;
	display:block;
}
.btnDroit a:hover{
	background:url(../images/fonds/boutons/btn_vers_droite_droite_hover.png) no-repeat center right;
	border-color:#000;
	color:#000;
}

.btnGauche a{
	background:url(../images/fonds/boutons/btn_vers_gauche.png) no-repeat center left;
	height:22px;
	line-height:22px;
	padding:0 10px 0 32px;
	font-weight:700;
	font-size:12px;
	color:#fff;
	border:1px solid #000;
	display:block;
}
.btnGauche a:hover{
	background:url(../images/fonds/boutons/btn_vers_gauche_hover.png) no-repeat center left;
	border-color:#000;
	color:#000;
}

/*--------------------------------------------- PANIER -------------------------------------------*/

div.panier{
float:left;
width:100%;
}

div.panier table.produits_panier{
float:left;
width:100%;
border:1px solid #dfdfdf;
border-width:1px 1px 0 0;
}
div.panier table.produits_panier td,
div.panier table.produits_panier th{
border:1px solid #dfdfdf;
border-width:0 0 1px 1px; 
padding:6px;
}
div.panier table.produits_panier th{
font-size:12px;
color:#3c3c3c;
background:#ccc url(../images/fonds/fond_th_panier.jpg) repeat-x top left;
}
div.panier table.produits_panier td{
font-size:12px;
}
div.panier table.produits_panier td p{
color:#000;
}
div.panier table.produits_panier td p.suppl{
margin:4px 0 0 0;
padding:4px 0 0 0;
border-top:1px solid #ccc;
}
div.panier table.produits_panier td input{
width:35px;
}
div.panier table.produits_panier tr.ligne_total td{
background:#ccc url(../images/fonds/fond_th_panier.jpg) repeat-x top left;
color:#000;
font-weight:700;
}
div.panier table.produits_panier tr.ligne_couleur td{

}
div.panier table.produits_panier td.ligne_total{
text-align:right;
}
div.panier p.erreur_stock{
	color:#ff0000;
	border:1px solid #ff0000;
	padding:5px;
	background:#FAEBE7;
	text-align:center;
}
div.panier div.form_promo_panier{
float:left;
width:100%;
}
div.panier div.form_promo_panier div.formulaire{
float:left;
width:100%;
}
div.panier div.form_promo_panier div.formulaire p.label{
float:left;
text-align:right;
width:370px;
}
div.panier div.form_promo_panier div.formulaire  p{
float:left;
line-height:34px;
margin:0 10px 0 0;
}
div.panier div.form_promo_panier p.btn_submit input{
	float:left;
	margin:3px 0 0 0;
}
div.btns_cmd {
	width:100%;
	float:left;
}
div.btns_cmd  p{
	float:right;
	margin:10px 10px 0 0px;
}

/*--------------------------------------------- PAGES COMMANDE ---------------------------------------------*/
.lien_cmd{
float:right;
margin:20px 0 0 0;
}
div.formulaire_beneficiaire{
	float:left;
	width:100%;
}

/*--------------------------------------------- PAGES PROGRESSION COMMANDE ---------------------------------------------*/

div.progression_commande{
float:left;
width:100%;
text-align:center;
margin:0 0 20px 0;
}
div.progression_commande h4{
float:left;
margin:0 0 0 0.5%;
border-bottom:4px solid #c0c0c0;
width:19.5%;
min-height:36px;
}
div.progression_commande h4.actif{
border-bottom:4px solid #b16a2c;
}
* html div.corps div.div.progression_commande h4{
height:36px;
}
div.progression_commande h4 a{
display:block;
font-size:13px;
color:#c0c0c0;
padding:0 0 4px 0;
text-align:center;
}
div.progression_commande h4.actif a{
color:#b16a2c;
}

/*--------------------------------------------- PAGES VUE COMMANDE ---------------------------------------------*/

div.bloc_infos_commande{
float:left;
width:100%;
}
div.bloc_infos_commande div.cmd_details{
float:left;
width:100%;
margin:20px 0 0 0;
}
div.bloc_infos_commande div.cmd_details table.cmd_liste_items{
float:left;
width:100%;
border-right:1px solid #dcdcde;
border-top:1px solid #dcdcde;
}
div.bloc_infos_commande div.cmd_details table.cmd_liste_items td,
div.bloc_infos_commande div.cmd_details table.cmd_liste_items th{
border-left:1px solid #dcdcde;
border-bottom:1px solid #dcdcde;
padding:1% 0%;
text-align:left;
font-size:12px;
}
div.bloc_infos_commande div.cmd_details table.cmd_liste_items th{
font-weight:700;
background:#ccc url(../images/fonds/fond_th_panier.jpg) repeat-x top left;
}
div.bloc_infos_commande div.cmd_details table.cmd_liste_items td.item_nom_produit {
width:35%;
}
div.bloc_infos_commande div.cmd_details table.cmd_liste_items th.item_nom_produit{
width:35%;
text-indent:10px;
}
div.bloc_infos_commande div.cmd_details table.cmd_liste_items td.item_ref,
div.bloc_infos_commande div.cmd_details table.cmd_liste_items th.item_ref{
width:25%;
text-indent:10px;
}
div.bloc_infos_commande div.cmd_details table.cmd_liste_items td.item_prix_unitaire,
div.bloc_infos_commande div.cmd_details table.cmd_liste_items th.item_prix_unitaire,
div.bloc_infos_commande div.cmd_details table.cmd_liste_items td.item_sous_total,
div.bloc_infos_commande div.cmd_details table.cmd_liste_items th.item_sous_total{
width:16%;
padding:3px 10px 3px 0;
text-align:right;
}
div.bloc_infos_commande div.cmd_details table.cmd_liste_items td.item_qte,
div.bloc_infos_commande div.cmd_details table.cmd_liste_items th.item_qte{
width:7%;
text-align:center;
}
div.bloc_infos_commande div.cmd_details table.cmd_liste_items td.details_cmd{
text-align:right;
text-indent:10px;
padding:0 10px 0 0;
}
#corps div.bloc_infos_commande div.cmd_details p{
margin:0 6px;
}
#corps div.bloc_infos_commande div.cmd_details p.suppl{
margin:4px 6px 0 6px;
padding:4px 0px 0 0px;
border-top:1px solid #ccc;
}
div.bloc_infos_commande div.cmd_details table.cmd_liste_items tr.total_ttc td{
background:#ccc url(../images/fonds/fond_th_panier.jpg) repeat-x top left;
font-weight:700;
}
div.bloc_infos_commande div.bloc_adresse{
float:left;
width:45%;
border:1px solid #dcdcde;
margin:20px 0 0 0;
}
div.bloc_infos_commande div.premier{
margin:20px 50px 0 0;
}
div.bloc_infos_commande div.bloc_adresse div{
float:left;
width:100%;
padding:0 0 10px 0;
}
#corps div.bloc_infos_commande div.bloc_adresse div p{

margin:0 10px;

}
div.bloc_infos_commande div.bloc_adresse div h4{
float:left;
width:100%;
font-size:12px;
font-weight:700;
line-height:26px;
color:#000;
height:26px;
background:#ccc url(../images/fonds/fond_th_panier.jpg) repeat-x top left;
text-indent:6px;
}
/*--------------------------------------------- PAGES TRANSPORT - PAIEMENT---------------------------------------------*/
div.liste_selection{
float:left;
width:100%;
}
div.liste_selection div{
float:left;
width:100%;
margin:0 0 20px 0;
padding:0 0 20px 0;
border-bottom:1px solid #dfdfdf;
}
div.liste_selection div p.titre{
float:left;
width:50%;
font-weight:700;
}
div.liste_selection div p.montant{
float:left;
width:40%;
}
div.liste_selection div p.selection{
float:left;

}

div.liste_paiements div h5.titre{
font-size:12px;
color:#3c3c3c;
background:#ccc url(../images/fonds/fond_th_panier.jpg) repeat-x top left;
width:100%;
float:left;
padding:6px 0;
text-indent:10px;
}
div.liste_paiements div p.description{
float:left;
width:80%;
color:#000;
padding:10px;
}
div.liste_paiements div p.selection{
padding:10px;
}
/*--------------------------------------------- BLOC FULL -------------------------------------------*/

div.bloc_full{
float:left;
width:100%;
}
div.bloc_full_marge{
margin:20px 0 0 0;
}

/*--------------------------------------------- BLOC MOITIE -------------------------------------------*/

div.bloc_moitie{
float:left;
position:relative;
width:48%;
border:1px solid #dfdfdf;
min-height:270px;
margin:0 0 20px 0;
}
div.bloc_moitie_droit{
float:right;
}
div.bloc_moitie div.bloc_moitie_contenu{
float:left;
width:90%;
padding:5%;
}
div.bloc_moitie  div.bloc_moitie_contenu h4{
float:left;
width:100%;
color:#b16a2d;
font-size:15px;
padding:0 0 4px 0;
border-bottom:1px solid #dfdfdf;
}
div.bloc_moitie  div.bloc_moitie_contenu p.texte{
float:left;
width:100%;
margin:12px 0 0 0;
color:#7c7c7c;
}
div.bloc_moitie  div.bloc_moitie_contenu  div.sepa_form{
margin:12px 0 0 0;
}
div.bloc_moitie div.bloc_moitie_pied{
position:absolute;
left:0px;
bottom:0px;
width:100%;
background:#e7d0b1;
height:40px;
line-height:40px;
}
div.bloc_moitie div.bloc_moitie_pied p a{
position:absolute;
left:5%;
bottom:0px;
}
div.bloc_moitie div.bloc_moitie_pied h6,
div.bloc_moitie div.bloc_moitie_pied input.submit{
position:absolute;
right:5%;
bottom:7px;
}

/*------------------------------------------- COMPTE CLIENT ------------------------------------*/
div.bloc_menu_compte{
float:left;
width:100%;
}
div.bloc_menu_compte h4{
float:left;
width:100%;
height:28px;
line-height:28px;
background:#b16a2d;
font-size:12px;
color:#fff;
text-indent:12px;
}
div.bloc_menu_compte ul{
float:left;
width:100%;
background:#e7d0b1;
}
div.bloc_menu_compte ul li{
float:left;
width:95%;
padding:6px 0 6px 5%;
border-bottom: 1px solid #fff;
}
div.bloc_menu_compte ul li a{
color:#b16a2d;
font-weight:700;
}

/*------------------------------------------- Liste des commandes ------------------------------------*/

ul.liste_commandes{
float:left;
width:100%;
}
ul.liste_commandes li.ligne{
float:left;
width:100%;
border-left:1px solid #dcdcde;
}
ul.liste_commandes li.ligne ul{
float:left;
width:100%;
}
ul.liste_commandes li.ligne ul li{
float:left;
border-right:1px solid #dcdcde;
border-bottom:1px solid #dcdcde;
font-size:12px;
padding:1% 0;
text-indent:8px;
}
ul.liste_commandes li.ligne ul li.titre{
font-weight:700;
border-top:1px solid #dcdcde;
}
ul.liste_commandes li.ligne ul li.moyen{
width:16%;
}
ul.liste_commandes li.ligne ul li.grand{
width:25%;
}


/*----------------------   PAGE DETAILS D'UNE OFFRE -------------*/
#corps div.bloc_int {
	width:635px;
	padding:20px 20px 32px 20px;
	float:left;
	background:url(../images/fonds/fond_bloc_int.jpg) repeat-x bottom left;
}
#corps div.bloc_int.ss_fond {
	padding:20px 20px 20px 20px;
	background:none;
}
#corps div.bloc_int.ac_menu {
	padding:0px 0px 22px 0px;
	width:675px;
}
#corps div.bloc_int.ss_padding {
	padding:0px 0px 22px 0px;
	width:675px;
}
#corps div.bloc_int p{
	font-size:12px;
	color:#000;
	margin:0 0 10px 0;

}
#corps div.bloc_int h4{
	font-size:14px;
	color:#e7100e;
	margin:0px 0 10px 0;
	padding:0;
}

#corps div.bloc_int h5.slogan{
	background:url(../images/fonds/fond_slogan.jpg) no-repeat top left;
	height:36px;
	line-height:36px;
	color:#ea0e0e;
	font-size:12px;
	font-weight:700;
	text-align:center;
	width:100%;
	float:left;
	margin:20px 0 0 0;
}
#corps div.bloc_int p.illu{
	float:right;
}
#corps div.bloc_int p.illu img{
	border:2px solid #000;
	float:right;
}
#corps div.bloc_int p span.couleur {
	color:#ea0e0e;
}

/*---- menu page intérieure offre  ----*/
#corps div.bloc_int ul.menu_int_offre{
	float:left;
	width:100%;
	margin:0 0 20px 0;
	background:url(../images/fonds/fond_menu_int_offre.jpg) repeat-x top left;
}
#corps div.bloc_int ul.menu_int_offre li {
	float:left;
}
#corps div.bloc_int ul.menu_int_offre li a{
	float:left;
	padding:0 20px; 
	font-size:11px;
	color:#434242;
	border-right:1px solid #a4a4a4;
	height:25px;
	line-height:24px;
	font-weight:700;
}
#corps div.bloc_int ul.menu_int_offre li a:hover{
	background:url(../images/fonds/fond_menu_int_offre_hover.jpg) repeat-x top left;
}
#corps div.bloc_int ul.menu_int_offre li.actif {
	background:url(../images/fonds/fond_menu_int_offre_actif.jpg) repeat-x center left;
}

#corps div.bloc_int ul.menu_int_offre li.actif a{
	background:url(../images/fonds/fond_menu_int_offre_actif_puce.jpg) no-repeat center right;
	color:#fff;
	padding:0 30px 0 20px; 
	border-right:1px solid #ea0e0e;
}


/*------ zone contenu --------*/
#corps div.bloc_int div.contenu {
	float:left;
	width:100%;
	margin:0;
}

#corps div.bloc_int.ac_menu div.contenus {
	float:left;
	width:635px;
	margin:0 20px 0 20px;
	display:inline;
}
#corps div.bloc_int.ac_menu div.contenus.close {
	display:none;
}

#corps div.bloc_int div.col1{
	float:left;
	width:317px;
	margin:0 0 0 0;
}

#corps div.bloc_int.ac_menu div.col1{

}

#corps div.bloc_int div.col1 p.caution{
	margin:50px 0 0 0px;
}
#corps div.bloc_int div.col2{
	float:right;
	width:298px;
	margin:0 0px 0 0px;
}
#corps div.bloc_int.ac_menu div.col2{

}
#corps div.bloc_int div.col2 p.illu{
	margin:0 0px 10px 0px;
		
}
#corps div.bloc_int div.col2 p.illu img{
	float:left;
}
/*--------   affichage des dates   -------*/
#corps div.zone_blocs_dates {
	width:100%;
	float:left;
	margin:0 0 20px 0;	
}

#corps div.bloc_int div.ss_date {
	width:100%;
	float:left;
}
#corps div.bloc_int div.ss_date p{
	font-size:12px;
	font-weight:700;
}
#corps div.bloc_int div.zone_bloc_date{
float:left;
width:100%;
margin:0 0 10px 0;
}
#corps div.bloc_int div.bloc_dates {
	float:left;
	margin:0 0 0 10px;
	width:205px;
}
#corps div.bloc_int div.bloc_dates.prems {
	margin:0 0 0 0;
}
#corps div.bloc_int div.bloc_dates h5{
	background:#ea0e0e;
	color:#fff;
	padding:4px 0;
	text-indent:4px;
	font-size:12px;
}
#corps div.bloc_int div.bloc_dates ul {
	margin:6px 0 0 0;
}
#corps div.bloc_int div.bloc_dates ul li{
	font-weight:700;
	font-size:12px;
	color:#000;
}
#corps div.bloc_int div.bloc_dates ul li span.complet{
	color:#ea0e0e;
}
#corps div.bloc_int div.bloc_dates ul li.sin_fecha label{
	color:red;
}
/*------ mise en page des options d'offre   --------*/
#corps div.bloc_int div.option_offre{
	width:615px;
	padding:4px 10px; 
	background:#ededed;
	border-bottom:1px solid #fff;
	float:left;
}
#corps div.bloc_int div.option_offre p.illu_option{
	float:left;
	margin: 0 10px 0 0;
	width:62px;
}
#corps div.bloc_int div.option_offre h6 {
	float:left;
	color:#ea0e0e;
	font-size:14px;
	width:543px;
	position:relative;
}
#corps div.bloc_int div.option_offre h6 input.text{
width:24px;
}
#corps div.bloc_int div.option_offre h6 span.tarif
{
	color:#000;
	position:absolute;
	top:0;
	right:0;
	font-size:12px;
}
#corps div.bloc_int div.option_offre p.desc
{
	font-size:11px;
	margin:0;
	width:450px;
	float:left;
}

#corps div.bloc_int div.desc_commmander {
	float:left;
	width:615px;
	padding:10px;
	background:#ededed;
}
#corps div.bloc_int div.zone_commander {
	width:100%;
	float:left;
	position:relative;
	margin:10px 0 0 0;
}
#corps div.bloc_int div.zone_commander p.btn1 {
	float:left;
}
#corps div.bloc_int div.zone_commander p.btn2 {
	position:absolute;
	bottom:0;
	right:0;
}


/*---- affichage d'infos dans une offre, comme la liste des voitures ou des circuits  ----------*/
#corps div.bloc_int div.offre_det_info {
	width:100%;
	float:left;
	padding:20px 0 0 0;
	display:inline;	
	border-top:2px solid #dbdbdb;
}
#corps div.bloc_int div.offre_det_info_ssbord{
	border-top:none;
	padding:0;
}
#corps div.bloc_int div.offre_det_info  h5{
	font-size:13px;
	color:#000;
	font-weight:700;
}

#corps div.bloc_int div.offre_det_info  p.illu{
	float:right;
}

/*---------------------   ZONE DE TEXTE   --------------*/
#corps div.zone_texte {
	float:left;
	width:635px;
	padding:0 20px;
	margin:10px 0 0 0;
}
#corps div.texte ul,
#corps div.bloc_int ul {
	
}
#corps div.texte ul.puces,
#corps div.bloc_int ul.puces,
#corps div.zone_texte ul.puces {
	list-style-type:square;
	list-style-position:inside;
	margin:0 0 12px 0;
}
#corps div.texte ul.puces li,
#corps div.bloc_int ul.puces li {

}
#corps div.texte ul li,
#corps div.bloc_int ul li,
#corps div.zone_texte ul li{
	font-size:12px;
}
#corps div.texte dt,
#corps div.bloc_int dt,
#corps div.zone_texte dt{
	font-size:12px;
	font-weight:700;
}
#corps div.zone_texte p {
	color:#000;
}
#corps div.zone_texte h2 {
	font-size:14px;
	color:#e20019;
	margin:20px 0 10px 0;
}
#corps div.zone_texte h3 {
	font-size:14px;
	color:#000;
	margin:10px 0 10px 0;
}
/*-------------------   PAGE PARTENAIRES   -------------*/
#corps div.partenaires {
	width:100%;
	float:left;
}
#corps div.partenaires  div{
	width:28%;
	float:left;
	border:1px solid #aeaeae;
	background:#cecece;
	padding:10px;
	margin:10px 0 0 10px;
}
#corps div.partenaires  div h4{
	color:#000;
	font-size:14px;
}

/*-----------------------  GALLERIE ----------------------*/
#corps div.gallerie {
	float:left;
	width:655px;
	padding:10px;
}
#corps div.gallerie h3.titre_gallerie {
	font-size:14px;
	float:left;
	width:100%;
	color:#e20019;
	margin:0 0 10px 0;
}
#corps div.gallerie p.illuGal {
	float:left;
	margin:0 0 10px 10px;
	border:1px solid #ccc;
}
#corps div.gallerie p.prems.illuGal {
	margin:0 0 10px 0px;
}
#corps div.gallerie p.illuGal  img{
	float:left;
}
/*-------------------------------- pied -----------------------------*/
div#pied{
	position:relative ;
	width:950px;
	clear:both ;
	background:#000000;
	border-top:1px solid #ffffff ;
	padding:10px;
	
}
div#pied p{
	color:#ccc;
	margin:0 0 10px 0;
}
div#pied p a{
	color:#fff;	
}

#pied p.liste_entrees {
	width:100%;
	margin:0 10px 4px 0;
	color:#ccc;
	font-size:11px;
}
#pied p.liste_entrees a{
	color:#a7a9ad;
}