@charset "UTF-8";
/* CSS KANTARMEDIA_FR */
/* GABARIT BODY*/

body {
	width: 100%;
	background-color: #000000;
	margin: 0px;
	background-repeat: repeat-x;
}
h1{
font-size:inherit;
}
h2{
font-size:inherit;
}

/* LIEN PAGE*/

#roll_arial_11_noir
{
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-style: normal;
	font-family: Arial;
}
.txt_arial_11_orange{
	color: #f78302;
	text-decoration: none;
	font-size: 13px;
	font-style: normal;
	font-family: Arial;
	font-weight: bold;
	}
.txt_arial_11{
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-style: normal;
	font-family: Arial;
	}
#roll_arial_11_noir:hover
{
	color: #f78302;
	text-decoration: none;
	font-size: 12px;
	font-style: normal;
	font-family: Arial;
}
a:link
{
	color: inherit;
	text-decoration: none;
}
a:visited
{
	color: #969696;
	text-decoration: none;

}
a:hover
{
	color: inherit;
	text-decoration: none;
}

	
/* GABARIT PAGE*/
.info_titre_section {
	height: 70px;
	font-family: Arial;
	font-size: 55px;
	color: #FFF;
	padding-left: 50px;
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	background-image: url(../img/transparent.png);
	background-repeat: repeat;
    }
#page_gab {
	width: 962px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial;
	position: relative;
	z-index: 20;
   }
   
    #page_gab #nav_gab{
	font-family: Arial;
	color: #FFF;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	}
	#page_gab #header_gab {
	height: 109px;
	width: 100%;
	background-image: url(../img/bd_head_back.jpg);
	z-index: 20;
	    }
		#page_gab #header_gab #menu_acc {
		font-family: Arial;
		font-size: 12px;
		color: #FFF;
		height: 30px;
		top: 35px;
		position: relative;
		padding-right: 20px;
		padding-left: 20px;
		vertical-align: middle;
		font-style: normal;
		font-weight: normal;
		}
		#page_gab #header_gab .logo_gab {
		height: 42px;
		width: 266px;
		text-align: left;
		position: relative;
		top: 24px;
		padding-left: 15px;
		margin-bottom: 10px;
		}
		#page_gab #header_gab .info_nav {
		float: right;
		height: 40px;
		width: 200px;
		font-family: Arial;
		font-size: 11px;
		color: #9c9c9c;
		font-weight: bold;
		text-align: right;
		vertical-align: middle;
		padding-right: 20px;
		padding-top: 10px;
		position: relative;
		}
		#page_gab #header_gab #form_lang .info_nav label #langue {
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		background-color: #353535;
		font-family: Arial;
		font-weight: bold;
		color: #FFF;
		width: 100px;
		}
	#content_gab_double{
	width: 100%;
	padding-top: 0px;
	margin-top: 30px;
	}
	#page_gab #content_gab_double #info_page_gauche {	
	background-color: #FFF;
	padding-top: 10px;
	width: 342px;
	float: left;
	background-image: url(../img/bg_produit_gauche.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position: right top;
	top: 0px;
    }
	#page_gab #content_gab_double #info_page_droit {
	float: right;
	width: 600px;
	background-color: #FFF;
	padding-right: 5px;
	padding-left: 15px;
	font-size: 12px;
	padding-top: 10px;
    }
	#info_page_droit div ul li {
	list-style-image: url(../img/puce_produit.jpg);
	margin-top: 15px;
    }	
	#footer_gab {
	width: 100%;
	min-width:1110px;
	height: 46px;
	background-image: url(../img/bd_footer_back.jpg);
	background-repeat: repeat-x;
	margin-top: 50px;
	z-index: 10;
	font-family: Arial;
	font-size: 10px;
	color: #CCC;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	    }
		#footer_gab .footer_gauche{
		width: 350px;
		font-family: Arial;
		float: left;
		margin-left: 5px;
		height: 20px;
		vertical-align: middle;
		margin-top: 15px;
		color: #ccc;
		text-decoration: none;
		}
		#footer_gab .footer_droit{
		width: 400px;
		float: right;
		font-family: Arial;
		height: 20px;
		vertical-align: middle;
		margin-top: 15px;
		color: #CCC;
		text-decoration: none;
		text-align: left;
		}	
	
	#encart_bt{
	width: 100px;
	text-align: center;
	vertical-align: middle;
	float: right;
	margin-right: 90px;
	position: relative;
	}
	#page_gab #content_gab .info_content {
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	width: 435px;
	height: 230px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	float: left;
	font-family: Arial;
	font-size: 31px;
	color: #FFF;
	}
	#page_gab #content_gab .info_content_droit {
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	width: 430px;
	height: 230px;
	padding-top: 0px;
	float: right;
	padding-right: 15px;
	padding-left: 15px;
	background-image: url(../img/fond_acc_content_droit.png);
	background-repeat: no-repeat;
	background-position: right top;
	}


/* CLASS IDENTIFICATION*/
.txt_user {
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 30px;
}
/* GABARIT FLASH */
#globalFlashHome{
	width:1200px;
	margin:0 auto;
	z-index:20;
}
#flashHome{
	position:absolute;
	width:1024px;
	height:620px;
	z-index:10;
	margin:3px 0 0 80px;
}

/* GABARIT MENU */
/* Standard horizontal rule.. ([hr], etc.) */
#gab_menu{
	display: block;
	margin-left: 30px;
	padding-top: 20px;
	}
#menu, #menu ul /* Liste */     
{
	padding : 0px; /* 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 : 27px; /* 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 : 1 pixels */
}
#menu a /* Contenu des listes */
{
	display : block;
	padding : 0; /* aucune marge intérieure */
	color : #fff; /* couleur du texte */
	text-decoration : none;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
#menu li /* Elements des listes */      
{
	float : left;
	/* pour IE qui ne reconnaît pas "transparent" */
    border-right : 1px solid #000; /* on met une bordure blanche à droite de chaque élément */
	background-image: url(../img/ligne_menu.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 9px;
	color: #f78302;
	padding-right: 10px;
	padding-left: 4px;
}
#menu li ul a/* Elements des listes */      
{
	font-size: 10px;
	color: #f78302;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
    border-right: 1px solid transparent ;
	
}
#menu li ul /* Sous-listes */
{
	position: absolute; /* Position absolue */
	left: -999em;
	padding-bottom: 10px;
	color: #FFF;
	font-size: 9px;
}
#menu li ul li /* Éléments de sous-listes */
{
	font-size: 9px;
	color: #CCC;
	background-color: #000;
	margin-top: 10px;
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
    border-top : 1px solid transparent;
}
#menu li ul ul 
{
    border-left: 1px solid #fff;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
}
html>body #menu li ul ul                
{
    border-left: 1px solid transparent ;
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
	color: #CCC; /* On passe le texte en noir... */
}
#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 */
}

/* GABARIT MENU FIN*/

/*TEXTES*/
#titre_orange{
	margin: 5px;
	text-align: left;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #f78302;
	}
.txt_ident {
	font-family: Arial;
	color: #d55100;
	font-size: 18px;
	padding: 4px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}
.txt_titre {
	font-family: Arial;
	color: #d55100;
	font-size: 16px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}
/*PAGE ACCUEIL*/
.boutton_acc{
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	width: 100px;
	height: 24px;
	font-family: Arial;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
	background-image: url(../img/bt_acc.jpg);
	padding-top: 5px;
	background-repeat: no-repeat;
	font-weight: bold;
	}
.boutton_acc a{
	color: #FFF;
	}
#content_gab {
	height: 237px;
	width: 100%;
	position: relative;
	padding-top: 0px;
	background-image: url(../img/fond_acc_content.png);
	margin-top: 40px;
	background-repeat: repeat-x;
	}
#page_gab #content_list_produit div #encart_list_produits {
	background-image: url(../img/encart_page_produits.jpg);
	background-repeat: no-repeat;
	height: 203px;
	width: 204px;
	float: left;
	padding: 10px;
	margin: 10px;
	background-position: center top;
	position: static;
    }
#content_accueil_foot {
	height: 200px;
	width: 900px;
	position: relative;
	padding-top: 15px;
	margin-top: 15px;
	vertical-align: top;
	margin-left: 40px;
	}
#page_gab #content_accueil_foot #bloc_content_foot {
	background-color: #000;
	height: 235px;
	width: 293px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	margin-right: 5px;
	margin-left: 0px;
	text-align: left;
    }
/* PAGE PRODUITS */

#page_gab #content_gab_double #info_page_gauche #encart_noir_produit {
	font-family: Arial;
	color: #FFF;
	background-color: #181818;
	height: 200px;
	width: 300px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-image: url(../img/encart_produits_noir.jpg);
	background-repeat: no-repeat;
	font-size: 23px;
    }

#content_list_produit{
	width: 100%;
	padding-top: 0px;
	margin-top: 30px;
	}
#box_produit{
	background-image: url(../img/fond_box_produit.jpg);
	background-repeat: no-repeat;
	height: 250px;
	width: 575px;
	margin-right: 0px;
	margin-left: 20px;
	margin-top: 10px;
	}
/* PAGE EXEMPLE */
 #content_droit{
	background-color:#FFF;
	float:right; 

	background-image:url(../img/encart_droit_simple.jpg);
	background-repeat:no-repeat;
	padding-top:25px;
	padding-left:40px; 
	padding-right:10px; 
	position:relative
    }
	
/* PAGE ACTUS */
 #content_list_actus{
	width: 100%;
	padding-top: 0px;
	margin-top: 30px;
    }
 #content_actu_gauche {
	background-color:#FFF;
	float:left; 
	width:660px; 
	padding-left:15px; 
	padding-right:15px; 
	position:relative;
    }
 #content_actu_droit{
	background-color:#FFF;
	float:right; 
	width:203px; 
	background-image:url(../img/encart_droit.jpg);
	background-repeat:no-repeat;
	padding-top:25px;
	padding-left:49px; 
	padding-right:20px; 
	position:relative
    }
 /* PAGE ACTUS EN SAVOIR PLUS*/
  #page_gab #content_list_actus div #content_actu_gauche div p a strong {
	color: #ed3a01;
    }
 /* PAGE ACTUS ENCART TEXTE GAUCHE*/
  #content_actu_encart_txt_gauche{
	text-align:left; 
	margin-top:20px; 
	margin-bottom:20px; 
	background-image:url(../img/ligne_produit.jpg); 
	background-position:left bottom; 
	background-repeat:no-repeat; 
	padding-bottom:1px;
	color:#000; 
	font-size:12px; 
	width:550px;
    }

/* Ligne KANTAR HAUT/BAS */
#ligne_haut {
	background-color: #ffb100;
	background-image: url(../img/head_haut.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	min-width:1024px;
	background-attachment: fixed;
	height: 3px;
}
#ligne_bas {
	background-color: #ffb100;
	background-image: url(../img/head_haut.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 3px;
	width: 100%;
	min-width:1024px;
	margin: 0px;
	padding: 0px;
}

