/******************/
/****** TAGS ******/
/******************/
body {
	margin:0px;
	background:#1c1c1c url(../images/bg_site.jpg) fixed no-repeat top center;
}
h1 {
	color:#393939;
	font-family:Arial, Helvetica, sans-serif;
	font-size:21pt;
}
h2 {
	color:#393939;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16pt;
}
h3 {
	color:#393939;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
}
h4 {
	color:#393939;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
}
h5 {
	font-weight:bold; 
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}
p, div, span, ol, ul {
	color:#393939;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
}

a 		{ color:#b97832; text-decoration:none; }
a:hover { color:#4782ad; text-decoration:none; }

hr
{
	border:none;
	height:1px;
	color:#b97832;
	background-color:#b97832;
	margin:20px 0px;
}

/********************/
/****** HEADER ******/
/********************/
div#header {
	background:transparent url(../images/bg_header.jpg) repeat-x top left;
	width:100%;
	height:200px;
}
div#ombrage {
	background:transparent url(../images/header_ombrage.png) no-repeat top center !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header/header_ombrage.png', sizingMethod='scale');
	width:100%;
	height:200px;
}
div#header div#ombrage div#haut {
	width:960px;
	height:200px;
	margin:auto;
	position:relative;
}
div#logo {
	background:url(../images/header/logo.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header/logo.png', sizingMethod='scale');
	width:315px;
	height:185px;
	position:absolute;
}
div#infos {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#FFF;
	text-align:right;
	
	width:220px;
	position:absolute;
	right:7px;
	top:10px;
}
div#infos a { color:#FFF; text-decoration:none; }
div#infos a:hover { color:#FFF; text-decoration:underline; }

div#cv a
{
	display:block;
	width:188px;
	height:28px;
	position:absolute;
	right:7px;
	bottom:73px;
	background:url(../images/header/telecharger_CV.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header/telecharger_CV.png', sizingMethod='scale');
}
div#cv a:hover
{
	display:block;
	width:188px;
	height:28px;
	position:absolute;
	right:7px;
	bottom:73px;
	background:url(../images/header/telecharger_CV_r.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header/telecharger_CV_r.png', sizingMethod='scale');
}

div#innovation {
	background:url(../images/header/innovation_globale.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header/innovation_globale.png', sizingMethod='scale');
	width:213px;
	height:49px;
	position:absolute;
	right:7px;
	bottom:10px;
}

div#langue 
{
	width:125px;
	position:absolute;
	top:0px;
	left:333px;
}
div#menuLangues
{
	width:125px;
	height:49px;
	background:url(../images/header/bg_menu_langues.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header/bg_menu_langues.png', sizingMethod='scale');
}

div#menuLangues div#lang_en a /* Affiche l'image « english » */
{
	display:block;
	width:59px;
	height:19px;
	background:url(../images/header/lang_en.gif) no-repeat top left;
	top:14px;
	left:34px;
	position:relative;
}

div#menuLangues div#lang_en a:hover /* Affiche l'image « english » */
{
	display:block;
	width:59px;
	height:19px;
	background:url(../images/header/lang_en_r.gif) no-repeat top left;
	top:14px;
	left:34px;
	position:relative;
}

div#header div#ombrage div#haut div#ftpClient
{
	position:absolute;
	top:0px;
	left:475px;
	width:125px;
	height:49px;
	background:url(../images/header/bg_menu_langues.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header/bg_menu_langues.png', sizingMethod='scale');
}
div#header div#ombrage div#haut div#ftpClient a#lienFTP
{
	position:relative;
	top:14px;
	left:23px;
	display:block;
	width:84px;
	height:18px;
	background:url(../images/header/client_ftp.png) no-repeat top left;	
}
div#header div#ombrage div#haut div#ftpClient a#lienFTP:hover
{
	background:url(../images/header/client_ftp_r.png) no-repeat top left;	
}
/****************************/
/****** DIV DES CARTES ******/
/****************************/
div#header div#ombrage div#haut div#cartes
{
	position:absolute;
	bottom:0px;
	left:333px;
	z-index:3;
    width:267px; 
    height:149px;
}
div#header div#ombrage div#haut div#cartes a
{
	display:block;
	width:267px; 
    height:149px;
	cursor:pointer;
	background:url(../images/cartes/bouton_cartes.png) no-repeat !important;
    background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cartes/bouton_cartes.png'); 
}
div#header div#ombrage div#haut div#cartes a:hover
{
	background:url(../images/cartes/bouton_cartes_over.png) no-repeat !important;
    background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cartes/bouton_cartes_over.png');
}

/****************************/
/****** MENU PRINCIPAL ******/
/****************************/
div#menu {
	position:relative;
	z-index:500;
	background:transparent url(../images/bg_menu.gif) repeat-x top left;
	width:100%;
	height:60px;
}
div#menu div#nippour_menu {
	margin:auto;
	width:960px;
	position:relative;
}
div.espace { float:left; }

/*bouton Accueil*/
a#accueil {
	background:url(../images/menu/fr/bt_accueil.png) no-repeat top left;
	width:114px;
	height:60px;
	border:none;
	float:left;
}
a#accueil:hover, a#accueil_r, a#accueil_r:hover {
	background:url(../images/menu/fr/bt_accueil_r.png) no-repeat top left;
	width:114px;
	height:60px;
	border:none;
	float:left;
}
/*bouton entreprise*/
a#entreprise {
	background:url(../images/menu/fr/bt_entreprise.png) no-repeat top left;
	width:153px;
	height:60px;
	border:none;
	float:left;
}
a#entreprise:hover, a#entreprise_r, a#entreprise_r:hover {
	background:url(../images/menu/fr/bt_entreprise_r.png) no-repeat top left;
	width:153px;
	height:60px;
	border:none;
	float:left;
}
/*bouton services*/
a#services {
	background:url(../images/menu/fr/bt_services.png) no-repeat top left;
	width:125px;
	height:60px;
	border:none;
	float:left;
}
a#services:hover, a#services_r, a#services_r:hover {
	background:url(../images/menu/fr/bt_services_r.png) no-repeat top left;
	width:125px;
	height:60px;
	border:none;
	float:left;
}
/*bouton clients*/
a#clients {
	background:url(../images/menu/fr/bt_clients.png) no-repeat top left;
	width:116px;
	height:60px;
	border:none;
	float:left;
}
a#clients:hover, a#clients_r, a#clients_r:hover {
	background:url(../images/menu/fr/bt_clients_r.png) no-repeat top left;
	width:116px;
	height:60px;
	border:none;
	float:left;
}
/*bouton partenaires*/
a#partenaires {
	background:url(../images/menu/fr/bt_partenaires.png) no-repeat top left;
	width:168px;
	height:60px;
	border:none;
	float:left;
}
a#partenaires:hover, a#partenaires_r, a#partenaires_r:hover {
	background:url(../images/menu/fr/bt_partenaires_r.png) no-repeat top left;
	width:168px;
	height:60px;
	border:none;
	float:left;
}
/*bouton produits*/
a#produits {
	background:url(../images/menu/fr/bt_produits.png) no-repeat top left;
	width:105px;
	height:60px;
	border:none;
	float:left;
}
a#produits:hover, a#produits_r, a#produits_r:hover {
	background:url(../images/menu/fr/bt_produits_r.png) no-repeat top left;
	width:105px;
	height:60px;
	border:none;
	float:left;
}
/*bouton contact*/
a#joindre {
	background:url(../images/menu/fr/bt_joindre.png) no-repeat top left;
	width:159px;
	height:60px;
	border:none;
	float:left;
}
a#joindre:hover, a#joindre_r, a#joindre_r:hover {
	background:url(../images/menu/fr/bt_joindre_r.png) no-repeat top left;
	width:159px;
	height:60px;
	border:none;
	float:left;
}

/****** SOUS MENU ******/
div.sousMenu
{
	border:1px #1c1c1c solid;	
	position:absolute;
	top:59px;
	padding:1px;
	background-color:#6b7b87;
	z-index:9000;
}

div.sousMenu div.smEspace 
{ 
	padding:15px 17px;
	background: url(../images/bg_sous_menu.png) repeat top center;
	font-size:12pt;
	font-weight:bold;
	line-height:23px;
}

div.sousMenu div.smEspace a
{
	
	color:#bdbdbd;
	text-decoration:none;
}
div.sousMenu div.smEspace a:hover
{
	
	color:#FFFFFF;
	text-decoration:none;
}

div#sm_services
{
	display:none;
	left:276px;
}
div#sm_produits
{
	display:none;
	left:685px;
}

/*****************************/
/****** ZONE DE CONTENU ******/
/*****************************/
div#contenu {
	position:relative;
	z-index:300;
	width:100%;
}
div#contenu div#texte {
	margin:auto;
	width:940px;
	padding-top:25px;
}
div#contenu div#texte div#defautContenu
{
	background-color:#FFF;
}

/********************/
/****** FOOTER ******/
/********************/
div#footer {
	background:transparent url(../images/bg_footer.jpg) repeat-x top left;
	width:100%;
	padding-bottom:25px;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	font-size:10pt;
}
div#footer a {
	color:#FFFFFF;
	text-decoration:none;
	line-height:18px;
}
div#footer a:hover {
	color:#bdbdbd;
	text-decoration:none;
	line-height:18px;
}

div#footer div#baspage {
	display:block;
	margin:auto;
	width:940px;
	padding-top:25px;
}
div#footer div#copyright {
	float:left;
	color:#FFFFFF;
}
div#footer span.footer_titre {
	font-size:11pt;
	color:#a5631c;
	font-weight:bold;
	padding-bottom:4px;
}
div#footer div#accessrapide,
div#footer div#nosservice,
div#footer div#nosproduits {
	float:left;
	padding-left:30px;
}

/*************************************************************************/
/****** BOITE DE CONTENU AVEC LA PARTIE DU HAUT EN NOIR ET ARRONDIE ******/
/*************************************************************************/
div.boite
{
	display:block;
}

/****** HAUT ******/
div.boite div.boxTop_67
{
	height:67px;
}

div.boite div.boxTop_67 div.boxTopLeft
{
	float:left;
	width:12px;
	height:67px;
	background:url(../images/boxTopLeft_67.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxTopLeft_67.png', sizingMethod='scale');
}

div.boite div.boxTop_67 div.boxTop
{
	float:left;
	height:67px;
	background:url(../images/boxTop_67.gif) repeat-x center top;
}

div.boite div.boxTop_67 div.boxTopRight
{
	float:left;
	width:12px;
	height:67px;
	background:url(../images/boxTopRight_67.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxTopRight_67.png', sizingMethod='scale');
}

/****** CONTENU ******/
div.boite div.boxContent
{
	padding:25px;
}

/****** BAS ******/
div.boite div.boxBottom_138
{
	height:138px;
	background:url(../images/boxBottomTrans_138.png) repeat-x top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxBottomTrans_138.png', sizingMethod='scale');
}
div.boite div.boxBottom_197
{
	height:197px;
	background:url(../images/boxBottomTrans_197.png) repeat-x top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxBottomTrans_197.png', sizingMethod='scale');
}

/****** STYLES DE TEXTE ET DE BOITE DE CONTENU ******/
div.boite div.boxContent p, div.boite div.boxContent span, div.boite div.boxContent div, div.boite div.boxContent ol, div.boite div.boxContent ul
{
	color:#393939;
	font-size:10pt;
}


/****************************************/
/****** AUTRE STYLES (ID OU CLASS) ******/
/****************************************/
.texteNonBoite h1, .texteNonBoite h2, .texteNonBoite h3, .texteNonBoite h4, .texteNonBoite p, .texteNonBoite div, .texteNonBoite span, .texteNonBoite ol, .texteNonBoite ul
{
	color:#FFF;
}

div#carte_dynam
{
	margin-left:35px;
}

a.reseau_distribution
{
	display:block;
	width:600px;
	height:60px;
	background:url(../images/cartes/bouton_res_dis.png);
}

a.reseau_distribution:hover
{
	display:block;
	width:600px;
	height:60px;	
	background:url(../images/cartes/bouton_res_dis.png);
}
	h1#entetecartes
{
	font-size:18px;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	color:#FFF;
}