/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */

@import url(http://fonts.googleapis.com/css?family=Oxygen);

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color : #000}

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

*{ outline: none; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #BBBBBB; text-decoration:none}
a:visited { color: #BBBBBB; text-decoration:none }
a:hover { color: #FEAE01; text-decoration:none }
a:focus { outline: none; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
a.lien{
	text-decoration : underline;
	font-style : italic;
}

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { 
	cursor: pointer; 
	-webkit-appearance: button; 
	*overflow: visible;
	background-color: #66BC00;
    border: 1px solid #73D400;
    color: #FFFFFF;
    float: right;
    padding: 10px 14px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

#contact-form button, #contact-form input[type="button"], #contact-form input[type="reset"], #contact-form input[type="submit"] { 
	background: url("../images/bouton-input.png") no-repeat scroll center center transparent;
    border: 1px solid #283F35;
	padding: 10px 30px;
}
/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.galerie-3,
.galerie{
	margin : 0 0 0 130px;
	overflow: hidden;
}

/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

/* ------------------------------ */
/* -------- CSS3 & HTML5 -------- */
/* ----- Paraboot Corporate ----- */
/* ------------------------------ */

*{
	padding				: 0;
	margin				: 0;
}

body{
	width				: 100%;
	font				: 12px noto sans,trebuchet MS;
}

.fond{
	background-color	: #000;
	width				: 100%;
	height				: 100%;
	position			: absolute;
	left				: 0;
	top					: 0;
	z-index				: 5000;
}

.jaune{
	color				: #ffae00;
	font-weight			: bold;
}

/* ------------------------------ */
/* --------- Background --------- */
/* ------------------------------ */

#bg {
	position			: fixed;
	left				: 0;
	top					: 0;
	z-index				: 0;
	overflow			: hidden;
	height				: 100%;
	margin				: 0;
	padding				: 0;
	width				: 100%;
}

.slideshow li {
	width				: 100%;
	height				: 100%;
	overflow			: hidden;
	position			: absolute;
	display				: block;
}

/* ------------------------------ */
/* ----------- Header ----------- */
/* ------------------------------ */

header{
	background			: transparent url(../images/fond_header.png) top left repeat-x;
	position			: fixed;
	height				: 120px;
	width				: 100%;
	top					: 0px;
	z-index				: 10000;
}

header .logo{
	background			: transparent url(../images/logo.png) top left no-repeat;
	display				: block;
	float				: left;
	width				: 227px;
	height				: 120px;
	position			: absolute;
}

header .logo span{
	display				: none;
}

header #menu{
	width				: 620px;
	margin				: 0;
	overflow			: hidden;
	padding				: 0;
	float				: right;
}

header #menu li{
	display				: block;
	float				: left;
}

header #menu li a{
	z-index				: 200;
	display				: block;
	float				: left;
	height				: 120px;
	cursor				: pointer;
	position			: relative;
	-webkit-transition	: all 0.5s ease;
	-moz-transition		: all 0.5s ease;
	-o-transition		: all 0.5s ease;
	-ms-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
}

header #menu li.notre-marque a{
	background			: transparent url(../images/menu/notre-marque.png) bottom left no-repeat;
	width				: 188px;
}

header #menu li.les-chaussures-made-in-france a{
	background			: transparent url(../images/menu/les-chaussures-made-in-france.png) bottom left no-repeat;
	width				: 195px;
}

header #menu li.les-points-de-vente a{
	background			: transparent url(../images/menu/les-points-de-vente.png) bottom left no-repeat;
	width				: 230px;
}

header #menu li.contact a{
	background			: transparent url(../images/menu/contact.png) bottom left no-repeat;
	width				: 129px;
}

header #menu li.notre-marque a:hover,
header #menu li.les-chaussures-made-in-france a:hover,
header #menu li.les-points-de-vente a:hover,
header #menu li.notre-marque a:target,
header #menu li.les-chaussures-made-in-france a:target,
header #menu li.les-points-de-vente a:target,
header #menu li.notre-marque a:visited,
header #menu li.les-chaussures-made-in-france a:visited,
header #menu li.les-points-de-vente a:visited,
header #menu li.notre-marque a.selected,
header #menu li.les-chaussures-made-in-france a.selected,
header #menu li.les-points-de-vente a.selected{
	background-position	: top left;
}

header #menu li a span{
	display				: none;
}

div.sous-menu-trouver,
div.sous-menu-les-chaussures{
	position			: fixed;
	width				: 100%;
	height				: 160px;
	top					: 120px;
	left				: 0;
	margin				: 0;
	padding				: 0;
	z-index				: 100;
}

div.sous-menu-trouver div.fond-sous-menu,
div.sous-menu-les-chaussures div.fond-sous-menu{
	position			: absolute;
	width				: 100%;
	height				: 160px;
	top					: -225px;
	left				: 0;
	background			: transparent url(../images/menu/fond-sous-menu.png) top left repeat-x;
	color				: white;
	-webkit-transition	: all 0.5s ease;
	-moz-transition		: all 0.5s ease;
	-o-transition		: all 0.5s ease;
	-ms-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
}

div.sous-menu-les-chaussures div.fond-sous-menu ul{
	height				: 160px;
	width				: 1000px;
	text-align			: center;
	margin				: 0;
	padding				: 0;
	float				: right;
}

div.sous-menu-trouver div.fond-sous-menu ul{
	height				: 220px;
	width				: 750px;
	text-align			: center;
	margin				: 0;
	padding				: 0;
	float				: right;
}

div.sous-menu-trouver div.fond-sous-menu ul li,
div.sous-menu-les-chaussures div.fond-sous-menu ul li{
	float				: left;
	list-style			: none;
}

div.sous-menu-trouver div.fond-sous-menu ul li a,
div.sous-menu-les-chaussures div.fond-sous-menu ul li a{
	width				: 220px;
	height				: 10px;
	float				: left;
	margin				: 0 10px 0 0;
	color				: #595959;
	text-align			: left;
	text-decoration		: none;
	font				: 12px/18px noto sans;
	background-color	: #000;
	background-position	: top left;
	background-repeat	: no-repeat;
	padding				: 150px 5px 0 15px;
}

div.sous-menu-trouver div.fond-sous-menu ul li:last-child a,
div.sous-menu-les-chaussures div.fond-sous-menu ul li:last-child a{
	margin				: 0;
}

div.sous-menu-trouver div.fond-sous-menu ul li,
div.sous-menu-les-chaussures div.fond-sous-menu ul li a:hover{
	color				: #b2b2b2;
}

div.sous-menu-trouver div.fond-sous-menu ul li.savoir-faire a,
div.sous-menu-les-chaussures div.fond-sous-menu ul li.savoir-faire a{
	background-image	: url(../images/menu/sous-menu/savoir-faire.jpg);
}

div.sous-menu-trouver div.fond-sous-menu ul li.savoir-faire a:hover,
div.sous-menu-les-chaussures div.fond-sous-menu ul li.savoir-faire a:hover{
	background-image	: url(../images/menu/sous-menu/savoir-faire-hover.jpg);
}

div.sous-menu-trouver div.fond-sous-menu ul li.cousus-main a,
div.sous-menu-les-chaussures div.fond-sous-menu ul li.cousus-main a{
	background-image	: url(../images/menu/sous-menu/cousus-main.jpg);
}

div.sous-menu-trouver div.fond-sous-menu ul li.cousus-main a:hover,
div.sous-menu-les-chaussures div.fond-sous-menu ul li.cousus-main a:hover{
	background-image	: url(../images/menu/sous-menu/cousus-main-hover.jpg);
}

div.sous-menu-trouver div.fond-sous-menu ul li.matieres-premieres a,
div.sous-menu-les-chaussures div.fond-sous-menu ul li.matieres-premieres a{
	background-image	: url(../images/menu/sous-menu/matieres-premieres.jpg);
}

div.sous-menu-trouver div.fond-sous-menu ul li.matieres-premieres a:hover,
div.sous-menu-les-chaussures div.fond-sous-menu ul li.matieres-premieres a:hover{
	background-image	: url(../images/menu/sous-menu/matieres-premieres-hover.jpg);
}

div.sous-menu-trouver div.fond-sous-menu ul li.bureau-de-style a,
div.sous-menu-les-chaussures div.fond-sous-menu ul li.bureau-de-style a{
	background-image	: url(../images/menu/sous-menu/bureau-de-style.jpg);
}

div.sous-menu-trouver div.fond-sous-menu ul li.bureau-de-style a:hover,
div.sous-menu-les-chaussures div.fond-sous-menu ul li.bureau-de-style a:hover{
	background-image	: url(../images/menu/sous-menu/bureau-de-style-hover.jpg);
}

div.sous-menu-trouver div.fond-sous-menu ul li.nos-boutiques a,
div.sous-menu-les-chaussures div.fond-sous-menu ul li.nos-boutiques a{
	background-image	: url(../images/menu/sous-menu/nos-boutiques.jpg);
}

div.sous-menu-trouver div.fond-sous-menu ul li.nos-boutiques a:hover,
div.sous-menu-les-chaussures div.fond-sous-menu ul li.nos-boutiques a:hover{
	background-image	: url(../images/menu/sous-menu/nos-boutiques-hover.jpg);
}

div.sous-menu-trouver div.fond-sous-menu ul li.partenaires a,
div.sous-menu-les-chaussures div.fond-sous-menu ul li.partenaires a{
	background-image	: url(../images/menu/sous-menu/partenaires.jpg);
}

div.sous-menu-trouver div.fond-sous-menu ul li.partenaires a:hover,
div.sous-menu-les-chaussures div.fond-sous-menu ul li.partenaires a:hover{
	background-image	: url(../images/menu/sous-menu/partenaires-hover.jpg);
}

div.sous-menu-trouver div.fond-sous-menu ul li.dans-le-monde a,
div.sous-menu-les-chaussures div.fond-sous-menu ul li.dans-le-monde a{
	background-image	: url(../images/menu/sous-menu/dans-le-monde.jpg);
}

div.sous-menu-trouver div.fond-sous-menu ul li.dans-le-monde a:hover,
div.sous-menu-les-chaussures div.fond-sous-menu ul li.dans-le-monde a:hover{
	background-image	: url(../images/menu/sous-menu/dans-le-monde-hover.jpg);
}

/* ------------------------------ */
/* ------- Centre accueil ------- */
/* ------------------------------ */

section#centre-accueil{
	width				: 100%;
	margin				: 200px 0 0 0;
	position			: relative;
	overflow			: hidden;
	z-index				: 1000;
}

section#centre-accueil .centre{
	width				: 825px;
	margin				: 0 auto 0;
	position			: relative;
	overflow			: hidden;
	padding				: 0 0 0 25px;
}

section#centre-accueil .centre a {
	float				: left;
    overflow			: hidden;
}

section#centre-accueil .centre a span{
	margin				: 25px 25px 25px 0;
	display				: block;
	float				: left;
	opacity				: 1;
	box-shadow			: 0 0 7px rgba(0, 0, 0, 0.2);
	-webkit-transition	: all 0.5s ease;
	-moz-transition		: all 0.5s ease;
	-o-transition		: all 0.5s ease;
	-ms-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
}

section#centre-accueil .centre a.btn-collections span{
	background			: transparent url(../images/collections.jpg) top left no-repeat;
}

section#centre-accueil .centre a.btn-chroniques span{
	background			: transparent url(../images/actualites.jpg) top left no-repeat;
}

section#centre-accueil .centre a.btn-conseils span{
	background			: transparent url(../images/conseils.jpg) top left no-repeat;
}

section#centre-accueil .centre a.btn-collections span span,
section#centre-accueil .centre a.btn-chroniques span span,
section#centre-accueil .centre a.btn-conseils span span{
	background-color	: rgba(0, 0, 0, 0.4);
	float				: left;
	display				: block;
	color				: white;
	font				: 14px/20px 'Oxygen';
	position			: absolute;
	height				: 56px;
	width				: 210px;
	padding				: 15px 20px 0 20px;
	margin				: 0;
	background-image	: none;
	box-shadow			: none;
	top					: 269px;
	left				: -250px;
}

section#centre-accueil .centre:hover span{
	opacity				: 0.3;
}

section#centre-accueil .centre:hover span span,
section#centre-accueil .centre span:hover{
	opacity				: 1;
}

section#centre-accueil .centre a.btn-collections span:hover span,
section#centre-accueil .centre a.btn-chroniques span:hover span,
section#centre-accueil .centre a.btn-conseils span:hover span{
	left				: 0px;
}

section#centre-accueil .centre a:last-child span{
	margin				: 25px 0 25px 0;
}

section#centre-accueil .centre a span{
	float				: left;
	display				: block;
	height				: 340px;
	width				: 250px;
	position			: relative;
}

section#centre-intro{
	width				: 100%;
	margin				: 200px 0 0 0;
	position			: relative;
	overflow			: hidden;
	z-index				: 1000;
	text-align			: center;
}

section#flags-intro{
	width				: 100%;
	margin				: 25px 0 0 0;
	position			: relative;
	overflow			: hidden;
	z-index				: 1000;
	text-align			: center;
}

section#flags-intro a{
	margin				: 0 15px;
}

section#footer-intro{
	width				: 100%;
	margin				: 40px 0 0 0;
	position			: relative;
	overflow			: hidden;
	z-index				: 1000;
	text-align			: center;
	color				: #cacaca;
	font-size			: 11px;
}

/* ------------------------------ */
/* ----------- Slider ----------- */
/* ------------------------------ */

#conteneur-slider{
	background-color	: rgba(0,0,0,0.3);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000)";
	width				: 100%;
	position			: relative;
	overflow			: hidden; 
	margin				: 0 0 30px;
}

#slider{
	color				: white;
	overflow			: hidden; 
	position			: relative;
	margin				: 0 auto;
}

#slider ul, #slider li{
	margin				: 0 auto;
	padding				: 0;
	list-style			: none;
	width				: 900px;
}

#slider li{
	width				: 600px;
	height				: 180px;
	overflow			: hidden;
	padding				: 10px 50px 15px 50px;
	font				: 12px/20px noto sans;
}

#slider li img.photo{
	padding				: 6px 15px 10px 0;
}

#slider li p{
	padding				: 0 0 10px 0;
}

p#controls{
	margin				: 0 auto;
	position			: relative;
	width				: 800px;
}

#prevBtn, #nextBtn{ 
	display				: block;
	margin				: 0;
	overflow			: hidden;
	text-indent			: -8000px;		
	width				: 17px;
	height				: 77px;
	position			: absolute;
	left				: 10px;
	top					: -100px;
}

#nextBtn{ 
	left				: 770px;
}

#prevBtn a, #nextBtn a{  
	display				: block;
	width				: 17px;
	height				: 25px;
	background			: url(../images/btn_prev.png) top left no-repeat;	
}

#nextBtn a{ 
	background			: url(../images/btn_next.png) top left no-repeat;	
}

#prevBtn a:hover{
	background			: url(../images/btn_prev.png) top right no-repeat;
}

#nextBtn a:hover{ 
	background			: url(../images/btn_next.png) top right no-repeat;	
}

/* --------------------------------- */
/* ------- Page Notre Marque ------- */
/* --------------------------------- */

section#centre-marque {
	background-color	: rgba(0, 0, 0, 0.3);
	width				: 100%;
	margin				: 120px 0 0 0;
	position			: relative;
	overflow			: hidden;
	z-index				: 1000;
}

section#centre-marque div.centre {
	width				: 100%;
	margin				: 0 auto 0;
	position			: relative;
	overflow			: hidden;
	padding				: 0 0 0 0;
}

section#centre-marque div.centre div.contenu {
	background			: url(../images/fonds/notre-marque.jpg) repeat-x scroll left bottom transparent;
    color				: #FFFFFF;
    float				: left;
    text-align			: right;
    width				: 100%;
}

#marque {
	background			: #000000 url(../images/fonds/cuir.jpg) no-repeat scroll left top;
    color				: #CCC;
    float				: right;
    height				: 850px;
   /* overflow			: auto;*/
    text-align			: left;
    width				: 65%;
	position			: relative;
}

.interieur{
	overflow			: hidden;
    padding				: 0 50px 100px 50px;
}

.interieur a img{
	box-shadow			: 0 0 15px rgba(0,0,0,0.5);
}

.interieur ul{
	float				: left;
    padding				: 0 0 0 25px;
	margin				: 5px 0;
	width				: 100%;
}

.interieur ul li{
	color				: #feae01;
	font				: 13px/20px noto sans;
	margin				: 0 0 10px 0;
}

.interieur ul li span{
	color				: #CCC;
}

.interieur h3{
	color				: #FFFFFF;
    font				: 18px quicksand;
    margin				: 5px 0 10px;
}

.interieur p{
	float				: left;
}

.interieur p.normal{
	font: 13px/24px noto sans;
	margin:0 0 10px 0;
	float: none;
	text-align : justify;
}

#marque h1 {
	color				: #FFFFFF;
    font-family			: 'Quicksand',sans-serif;
    font-size			: 70px;
    font-weight			: lighter;
    margin				: 15px 0 0 13px;
	letter-spacing		: -4px;
}

#marque h2 {
	 position: absolute;
	 left: -140px;
	 top: 6px;
	 font-family: 'Quicksand',sans-serif;
	 font-size: 40px; 
	 font-weight: lighter; 
	 color: #FFFFFF; 
	 float: right; 
	 margin: 30px 25px 0 0;
}

.interieur ul.onglets{
	float				: left;
    padding				: 0;
	list-style			: none;
	margin				: 20px 0;
}

.interieur ul.onglets li{
	padding				: 0;
	float				: left;
	margin				: 0 20px 0 0;
}

.interieur ul.onglets li a{
	float				: left;
    font				: 30px trebuchet ms;
    padding				: 6px;
    text-shadow			: 0 0 2px rgba(0, 0, 0, 0.3);
	background-color	: #553a00;
	color				: #fff;
	text-decoration		: none;
	width				: 410px;
	text-align			: center;
}

.interieur ul.onglets li a:hover{
	background-color	: #7d5500;
}

.interieur ul.onglets li.selected-tab a{
	color				: #fff;
	background-color	: #feae01;
}

.tab-panel{
	float				: left;
	height: 400px;
}

.intro-marque{
	float: none;
	display: block;
	font: italic 14px/24px noto sans;
	margin: 0 0 0 25px;
	text-align:justify;
}

/* --------------------------------- */
/* ------------- Timeliner --------- */
/* --------------------------------- */
#timeline {
	width: 1135px;
	overflow: hidden;
	margin: 20px auto;
	position: relative;
	float : left;
	background: url('../images/dot.gif') left 45px repeat-x;
}

#dates {
	width: 800px;
	height: 50px; /* 60px */
	overflow: hidden;
	padding: 0;
}

#dates li {
	list-style: none;
	float: left;
	width: 100px;
	height: 50px;
	font-family: georgia;
	font-size: 20px;
	text-align: center;
}

#dates a {
	background: url('../images/biggerdot.png') center bottom no-repeat;
	color: #936400;
	line-height: 24px; /* 38px */
	padding-bottom: 10px;
	text-decoration: none;
}

#dates .selected {
	background: url('../images/biggerdotactif.png') center bottom no-repeat;
	color: #FFAE00;
	font-size: 38px;
}

#issues {
	overflow: hidden;
	padding: 0;
}

#issues li {
	width: 1105px;
	/*height: 350px;*/
	list-style: none;
	padding: 0;
	float: left;
}

#issues li.selected img {
	/*
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	*/
}

#issues li img {
	float: left;
	margin: 10px 30px 10px 30px;
	background: transparent;
	/*
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
	/*zoom: 1;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out; 
	transition: all 2s ease-in-out;
	-webkit-transform: scale(0.7,0.7);
	-moz-transform: scale(0.7,0.7);
	-o-transform: scale(0.7,0.7);
	-ms-transform: scale(0.7,0.7);
	transform: scale(0.7,0.7);
	*/
}

#issues li h3 {
	margin-bottom: 15px;
	float: none;
	margin-left : 30px;
}

#timeline #issues li span {
	color: #CCC;
    font: 12px/19px noto sans;
	margin: 0 0 0 30px;
	display: block;
	text-align:justify
}
	
#grad_left,
#grad_right {
	width: 100px;
	height: 350px;
	position: absolute;
	top: 0;
}

#grad_left {
	left: 0;
	background: url('../images/grad_left.png') repeat-y;
	height: 50px;
}

#grad_right {
	right: 0;
	background: url('../images/grad_right.png') repeat-y;
	height: 50px;
}

#next,
#prev {
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 170px;
	width: 22px;
	height: 38px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#next:hover,
#prev:hover {
	background-position: 0 -76px;
}

#next {
	right: 0;
	background-image: url('../images/next.png');
}

#prev {
	left: 0;
	background-image: url('../images/prev.png');
}

#next.disabled,
#prev.disabled {
	opacity: 0.2;
}

/* ------------------------------ */
/* --------- Infos Bulles ------- */
/* ------------------------------ */
#saviez-vous {
	bottom: 35px;
    float: left;
    position: fixed;
    right: 50px;
	z-index: 20000;
}

#saviez-vous a {
	color: #ffae00;
	text-decoration: none;
	font-family: 'Quicksand',sans-serif;
    font-size: 22px;
    font-weight: normal;
	cursor: pointer;
	height: 50px;
    padding-top: 15px;
	display:block;
}

#saviez-vous a:hover {
	text-decoration: none;
}

section #saviez-vous  a h2{
	font : bold 14px/20px noto sans;
	margin : 0 0 10px 0;
}

section #saviez-vous  a span {
    position: absolute;
	font : 11px/20px noto sans;
	color: #FFFFFF;
    padding: 15px 20px;
	opacity: 0;
	text-align: left;
	display: none;
	bottom: 65px;
	right: 0px;
}

section #saviez-vous a:hover span, section #saviez-vous a:focus span {
	font: 12px/21px noto sans;
	padding: 20px 30px;
	width: 1080px;
	/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);*/
	background: transparent url(../images/fonds/cuir.jpg) bottom right no-repeat;
	opacity:1;
	display: block;
}

/* --------------------------------- */
/* ------- Page Savoir Faire ------- */
/* --------------------------------- */
section#centre-savoir-faire {
	background-color	: rgba(0, 0, 0, 0.3);
	width				: 100%;
	margin				: 120px 0 0 0;
	position			: relative;
	overflow			: hidden;
	z-index				: 1000;
}

section#centre-savoir-faire div.centre {
	width				: 100%;
	margin				: 0 auto 0;
	position			: relative;
	overflow			: hidden;
	padding				: 0 0 0 0;
}

section#centre-savoir-faire div.centre div.contenu {
    color				: #FFFFFF;
    float				: left;
    text-align			: right;
    width				: 100%;
}

#savoir-faire {
	background-color	: #000000;
    color				: #CCC;
    float				: right;
    height				: 850px;
   /* overflow			: auto;*/
    text-align			: left;
    width				: 960px;
}

#savoir-faire .viewport {
	height				: 850px;
    margin				: 0 50px;
    overflow			: hidden;
    position			: relative;
    width				: 860px;
}

#savoir-faire h1 {
	color				: #FFFFFF;
    font-family			: 'Quicksand',sans-serif;
    font-size			: 70px;
    font-weight			: lighter;
    margin				: 20px 0 0 25px;
}

#savoir-faire div.sous-menu {
	float				: left;
	position			: absolute;
	left				: 0;
	top					: 0;
	padding				: 0;
}

#savoir-faire div.sous-menu ul {
	list-style			: none;
	padding				: 0;
}

#savoir-faire div.sous-menu ul li {
	width				: 570px;
	height				: 220px;
}

#savoir-faire div.sous-menu ul li a {
	background: url('../images/menu/sous-menu-savoir-faire/1.jpg') no-repeat scroll 0 0 transparent;
	display: block;
    height: 220px;
	width: 350px;
}

#savoir-faire div.sous-menu ul li a:hover {
	background: url('../images/menu/sous-menu-savoir-faire/1.jpg') no-repeat scroll 0 -220px transparent;
}

#savoir-faire div.sous-menu ul li a span {
    position: absolute;
    margin-left: 350px;
	color: #6d835c;
    background-color: #27490d;
    padding: 15px;
	opacity:0;
	width: 250px;
}

#savoir-faire div.sous-menu ul li a:hover span, 
#savoir-faire div.sous-menu ul li a:focus span {
	opacity:1;	
}

#savoir-faire div.sous-menu ul li a span h3{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 10px;
}

section#centre-savoir-faire #saviez-vous  a span {
    position: absolute;
	/*margin-top: -250px;
    margin-left: -535px;*/
	color: #FFFFFF;
    background:rgba(255, 255, 255, .1);
    padding: 15px;
	opacity: 0;
	font-size: 12px;
	width: 500px;
	text-align: left;
	display: none;
}

section#centre-savoir-faire #saviez-vous a:hover span,
section#centre-savoir-faire #saviez-vous a:focus span {
    transform:scale(1) rotate(0);
	opacity:1;	
	display: block;
	display: block;
    margin-left: -230px;
    margin-top: -290px;
    opacity: 1;
}

/* --------------------------------- */
/* ------- Page Cousus Main  ------- */
/* --------------------------------- */
section#centre-cousus-main {
	background-color	: rgba(0, 0, 0, 0.3);
	width				: 100%;
	margin				: 120px 0 0 0;
	position			: relative;
	overflow			: hidden;
	z-index				: 1000;
}

section#centre-cousus-main  div.centre {
	width				: 100%;
	margin				: 0 auto 0;
	position			: relative;
	overflow			: hidden;
	padding				: 0 0 0 0;
}

section#centre-cousus-main  div.centre div.contenu {
	background			: url(../images/fonds/notre-marque.jpg) repeat scroll right top transparent;
    color				: #FFFFFF;
    float				: left;
    text-align			: right;
    width				: 100%;
}

#cousus-main  {
	background-color	: #000000;
    color				: #CCC;
    float				: right;
    height				: 850px;
   /* overflow			: auto;*/
    text-align			: left;
    width				: 960px;
}

#cousus-main  .viewport {
	height				: 850px;
    margin				: 0 50px;
    overflow			: hidden;
    position			: relative;
    width				: 860px;
}

#cousus-main  h1 {
	color				: #FFFFFF;
    font-family			: 'Quicksand',sans-serif;
    font-size			: 70px;
    font-weight			: lighter;
    margin				: 20px 0 0 25px;
}

#cousus-main div.tab-panel { 
	clear:left; 
	border: 1px solid #d3d3d3; 
	background: #ffffff; 
	color: #222222; 
	padding: 1.5em 1.7em;
}

#cousus-main div.simple-tabs ul {
    margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	line-height: 1.3; 
	text-decoration: none; 
	font-size: 100%; 
	list-style: none;
    float: left; 
	position: 
	relative; 
	border-right: 1px solid #ddd; 
	bottom: -1px;
}

#cousus-main div.simple-tabs li {
    margin: 0;
	padding: 0; 
	border: 0; 
	outline: 0; 
	line-height: 1.3; 
	text-decoration: none; 
	font-size: 100%; 
	list-style: none;
    float: left; 
	border: 1px solid #ddd; 
	border-right: none;
}

#cousus-main div.simple-tabs li a {
    margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	line-height: 1.3; 
	text-decoration: none; 
	font-size: 100%; 
	list-style: none;
    float: left; 
	text-decoration: none; 
	padding: .5em 1.7em; 
	color: #555555; 
	background: #e6e6e6;
}

#cousus-main div.simple-tabs li a:hover { 
	background: #dadada; 
	color: #212121; 
}

#cousus-main div.simple-tabs li.selected-tab { 
	border-bottom-color: #fff; 
}

#cousus-main div.simple-tabs li.selected-tab a,
#cousus-main div..simple-tabs li.selected-tab a:hover { 
	background: #fff; 
}

#cousus-main div.simple-tabs ul ul {
}

#cousus-main div.simple-tabs ul ul li {
	list-style: disc;
	border: none;
}

section#centre-cousus-main #saviez-vous a span {
    position: absolute;
	color: #FFFFFF;
    background:rgba(255, 255, 255, .1);
    padding: 15px;
	opacity: 0;
	font-size: 12px;
	width: 500px;
	text-align: left;
	display: none;
}

section#centre-cousus-main #saviez-vous a:hover span,
section#centre-cousus-main #saviez-vous a:focus span {
	display: block;
    margin-left: -230px;
    margin-top: -240px;
    opacity: 1;
}

a.lexique{
	margin: 0 5px;
	padding : 5px 9px;
	background-color : #1C6001;
	color : #fff;
	font: 12px noto sans;
	text-decoration: none;
	text-shadow : 0px 0px 2px rgba(0,0,0,0.5);
}

a.lexique:hover{
	background-color : #237b00;
	text-decoration: none;
}

.etiquette{
	background:transparent url(../images/norvegien-goodyear.png) top left no-repeat;
	float:left;
	width:868px;
	height:200px;
	margin:30px 120px;
}

.etiquette-min{
	background:transparent url(../images/norvegien-goodyear-min.png) top left no-repeat;
	float:left;
	width:700px;
	height:162px;
	margin:20px 0 0 0;
	display:none;
}

.etiquette-1280{
	background:transparent url(../images/norvegien-goodyear-min.png) top left no-repeat;
	float:left;
	width:780px;
	height:175px;
	margin:20px 0 0 0;
	display:none;
}
	
.interieur ul.photoCoususMain{
	width: 74%;
	float: none;
	padding: 10px 0 0 270px;
}

#zommbox-int{
	padding:0;
	margin: 10px 20px 30px 50px
}

.map-france {
	margin:20px 0 0 180px;
}

.map-france-autre{
	display : block;
}

.map-france-1024{
	display : none;
}

/* --------------------------------- */
/* --- Page Mati�res Premi�res  ---- */
/* --------------------------------- */
section#centre-matiere-premiere {
	background-color	: rgba(0, 0, 0, 0.3);
	width				: 100%;
	margin				: 120px 0 0 0;
	position			: relative;
	overflow			: hidden;
	z-index				: 1000;
}

section#centre-matiere-premiere  div.centre {
	width				: 100%;
	margin				: 0 auto 0;
	position			: relative;
	overflow			: hidden;
	padding				: 0 0 0 0;
}

section#centre-matiere-premiere  div.centre div.contenu {
	background			: url(../images/fonds/notre-marque.jpg) repeat scroll right top transparent;
    color				: #FFFFFF;
    float				: left;
    text-align			: right;
    width				: 100%;
}

#matiere-premiere  {
	background-color	: #000000;
    color				: #CCC;
    float				: right;
    height				: 850px;
   /* overflow			: auto;*/
    text-align			: left;
    width				: 960px;
}

#matiere-premiere  .viewport {
	height				: 850px;
    margin				: 0 50px;
    overflow			: hidden;
    position			: relative;
    width				: 860px;
}

#matiere-premiere  h1 {
	color				: #FFFFFF;
    font-family			: 'Quicksand',sans-serif;
    font-size			: 70px;
    font-weight			: lighter;
    margin				: 20px 0 0 25px;
}

section#centre-matiere-premiere #saviez-vous a span {
    position: absolute;
	color: #FFFFFF;
    background:rgba(255, 255, 255, .1);
    padding: 15px;
	opacity: 0;
	font-size: 12px;
	width: 500px;
	text-align: left;
	display: none;
}

section#centre-matiere-premiere #saviez-vous a:hover span,
section#centre-matiere-premiere #saviez-vous a:focus span {
	display: block;
    margin-left: -230px;
    margin-top: -320px;
    opacity: 1;
}

/* --------------------------------- */
/* ------- Page Bureaux Styles  ---- */
/* --------------------------------- */
section#centre-bureau-style {
	background-color	: rgba(0, 0, 0, 0.3);
	width				: 100%;
	margin				: 120px 0 0 0;
	position			: relative;
	overflow			: hidden;
	z-index				: 1000;
}

section#centre-bureau-style  div.centre {
	width				: 100%;
	margin				: 0 auto 0;
	position			: relative;
	overflow			: hidden;
	padding				: 0 0 0 0;
}

section#centre-bureau-style  div.centre div.contenu {
	background			: url(../images/fonds/notre-marque.jpg) repeat scroll right top transparent;
    color				: #FFFFFF;
    float				: left;
    text-align			: right;
    width				: 100%;
}

#bureau-style  {
	background-color	: #000000;
    color				: #CCC;
    float				: right;
    height				: 850px;
   /* overflow			: auto;*/
    text-align			: left;
    width				: 960px;
}

#bureau-style  .viewport {
	height				: 850px;
    margin				: 0 50px;
    overflow			: hidden;
    position			: relative;
    width				: 860px;
}

#bureau-style  h1 {
	color				: #FFFFFF;
    font-family			: 'Quicksand',sans-serif;
    font-size			: 70px;
    font-weight			: lighter;
    margin				: 20px 0 0 25px;
}

section#centre-bureau-style #saviez-vous a span {
    position: absolute;
	color: #FFFFFF;
    background:rgba(255, 255, 255, .1);
    padding: 15px;
	opacity: 0;
	font-size: 12px;
	width: 500px;
	text-align: left;
	display: none;
}

section#centre-bureau-style #saviez-vous a:hover span,
section#centre-bureau-style #saviez-vous a:focus span {
	display: block;
    margin-left: -230px;
    margin-top: -240px;
    opacity: 1;
}

/* ------------------------------ */
/* --------- Points de vente -------- */
/* ------------------------------ */
section#centre-vente {
	background-color	: rgba(0, 0, 0, 0.3);
	width				: 100%;
	margin				: 120px 0 0 0;
	position			: relative;
	overflow			: hidden;
	z-index				: 1000;
}

section#centre-vente div.centre {
	width				: 100%;
	margin				: 0 auto 0;
	position			: relative;
	overflow			: hidden;
	padding				: 0 0 0 0;
}

section#centre-vente div.centre div.contenu {
	background			: url(../images/fonds/notre-marque.jpg) repeat scroll right top transparent;
    color				: #FFFFFF;
    float				: left;
    text-align			: right;
    width				: 100%;
}

#vente {
	background-color	: #000000;
    color				: #CCC;
    float				: right;
    height				: 850px;
   /* overflow			: auto;*/
    text-align			: left;
    width				: 960px;
}

#vente .viewport,
#marque .viewport  {
	height				: 650px;
    margin				: 0 50px;
    overflow			: hidden;
    position			: relative;
    width				: 860px;
}

#vente .overview,
#marque .overview { 
	list-style			: none;
	position			: absolute;
	top					: 0;
}


#vente .overview ul li,
#marque .overview ul li {
	line-height: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 0;
	color: #ffae00;
	font: 14px/8px noto sans;
	list-style-type: none;
}

#vente .overview ul li span,
#marque .overview ul li span {
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
}

#vente .overview h3,
#marque .overview h3 {
	font-family: 'Quicksand',sans-serif; 
	font-size: 18px; 
	font-weight: lighter; 
	color: #FFFFFF; 
	line-height: 18px;
}

#vente .overview p,
#marque .overview p {
	line-height: 24px;
	font-size: 14px;
	padding: 0 50px 0 0;
}

#vente .thumb,
#marque .thumb {
	background-color	: rgba(255, 255, 255, 0.2);
}

#vente .scrollbar,
#marque .scrollbar {
	position			: absolute;
	float				: left; 
	width				: 8px; 
	right				: 975px; 
	margin-top			: 115px;
}

#vente .track,
#marque .track {
	height				: 100%; 
	width				: 8px;
	position			: relative;
	padding				: 0 1px;
}
	
#vente .thumb,
#marque .thumb {
	height				: 20px; 
	width				: 8px; 
	cursor				: pointer; 
	overflow			: hidden;
	position			: absolute; 
	top					: 0;
	-moz-border-radius	: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius	: 4px;
    border-radius		: 4px;
}

#vente .disable, 
#marque .disable { 
	display				: none;
}

#vente h1 {
	color				: #FFFFFF;
    font-family			: 'Quicksand',sans-serif;
    font-size			: 70px;
    font-weight			: lighter;
    margin				: 20px 0 0 25px;
}

#france {
	width: 450px;
	height: 400px;
	float: left;
	margin: 50px 0 0 50px;
}

#coree-map {
	width: 350px;
	height: 400px;
	float: left;
	margin: 40px 0 0 0;
}

div.region {
	float: left;
    width: 600px;
	margin: 40px 0 0;
}

.jvectormap-region {
	cursor : pointer;
}

div.region ul {
	padding: 0 0 100px 15px;
}

div.region ul li {
	float: left;
	width: 275px;
	margin: 0 0 10px;
	font:  bold 12px/12px  noto sans;
}

div.coree-region {
	float: left;
    width: 600px;
	margin: 40px 0 0;
}

div.coree-region ul {
	padding: 0 0 100px 15px;
}

div.coree-region ul li {
	float: left;
	width: 300px;
	margin: 0 0 10px;
	font:  bold 12px/12px  noto sans;
}

div.coree-region ul li ul {
	padding: 0 0 0 15px;
}

div.coree-region ul li ul li {
	margin: 0;
	list-style : none;
	font:  11px/18px noto sans;
	width: 80%;
}

#prendreSoinDeSesParaboot div.region ul li span{
	height : 15px;
	float : left;
	width : 175px;
}

#prendreSoinDeSesParaboot div.region ul li ul li span{
	height: auto;
}

div.region ul li ul{
	padding: 0 0 0 15px;
}

div.region ul li ul li{
	margin: 0;
	list-style : none;
	font:  11px/18px noto sans;
}

#FR-Z{
	background: url(../images/fleche.png) no-repeat scroll center 60px transparent;
    height: 160px;
    margin: 130px 50px 0;
    text-align: center;
    width: 240px;
}

.interieur .monde {
	padding: 0 0 0 15px;
}

.interieur .monde li{
	float: left;
	width: 220px;
	margin: 0 0 10px;
	font:  bold 13px noto sans;
}

.interieur .monde li ul{
	padding: 0 0 0 15px;
}

.interieur .monde li ul li{
	margin: 0;
	list-style : none;
	font:  11px/18px noto sans;
}

#contact-form {
	margin: 110px 0 0 45px;
	float: left;
}

#contact-form .formblock{
	margin : 0 0 20px 0;
}

#contact-form label{
	float: left;
    padding: 8px 20px 0 0;
    text-align: right;
    width: 110px;
}

#contact-form input,
#contact-form textarea{
	border: 0 ;
    font: 15px noto sans;
    padding: 6px;
    width: 300px;
	background-color : #ddd;
}

#contact-form textarea{
	height :  100px;
}

#contact-form input:focus,
#contact-form textarea:focus{
	background-color : #fff;
}

.coordonnees{
	float: left;
    width: 390px;
	margin: 30px 0;
}

.success,
.alert{
	background-color: #66BC00;
    border: 1px solid #73D400;
    color: #FFFFFF;
    float: left;
    font: bold 13px noto sans;
    margin: 0 0 30px;
    padding: 15px 20px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    width: 380px;
}

.alert{
	background-color: #d43c00;
    border: 1px solid #ed4300;
}
	
.carteMapMonde{
}

#canada{
	top:210px;
	left:265px;
}

#usa{
	top:259px;
	left:192px;
}

#royaume{
	top:170px;
	left:488px;
}

#benelux{
	top:180px;
	left:543px;
}

#sualau{
	top:192px;
	left:529px;
}

#italie{
	top:229px;
	left:578px;
}

#russie{
	top:142px;
	left:683px;
}

#suenor{
	top:78px;
	left:552px;
}

#chine{
	top:313px;
	left:913px;
}

#coree{
	top:255px;
	left:976px;
}

#japon{
	top:256px;
	left:1049px;
}
	
.block{
	top:0;
}

.canada{
	padding : 20px 20px 0;
	height : 630px;
	left:303px;
}

.canada .fleche{
	top:213px;
}

.usa{
	padding : 58px 20px 0;
	height : 591px;
	left:219px;
}

.usa .fleche{
	top:264px;
}

.royaume{
	padding : 20px 20px 0;
	height : 630px;
	left:240px;
}

.royaume .fleche-right{
	top:172px;
}

.benelux{
	padding : 20px 20px 0;
	height : 630px;
	left:307px;
}

.benelux .fleche-right{
	top:183px;
}

.sualau{
	padding : 20px 20px 0;
	height : 630px;
	left:282px;
}

.sualau .fleche-right{
	top:195px;
}

.italie{
	padding : 20px 20px 0;
	height : 630px;
	left:342px;
}

.italie .fleche-right{
	top:232px;
}

.russie{
	padding : 20px 20px 0;
	height : 630px;
	left:721px;
}

.russie .fleche{
	top:145px;
}

.suenor{
	padding : 20px 20px 0;
	height : 630px;
	left:580px;
}

.suenor .fleche{
	top:82px;
}

.chine{
	padding : 20px 20px 0;
	height : 630px;
	left:666px;
}

.chine .fleche-right{
	top:315px;
}

.coree{
	padding : 51px 20px 0;
	height : 599px;
	left:729px;
}

.coree .fleche-right{
	top:258px;
}

.japon{
	padding : 53px 20px 0;
	height : 597px;
	left:812px;
}

.japon .fleche-right{
	top:259px;
}

/* ------------------------------ */
/* --------- jVectorMap -------- */
/* ------------------------------ */
.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}

.jvectormap-zoomin {
    top: 10px;
	display: none;
}

.jvectormap-zoomout {
    top: 30px;
	display: none;
}

/* --------------------------------- */
/* ---------- Page Contact --------- */
/* --------------------------------- */

section#centre-contact {
	background-color	: rgba(0, 0, 0, 0.3);
	width				: 100%;
	margin				: 120px 0 0 0;
	/*position			: relative;*/
	overflow			: hidden;
	z-index				: 1000;
}

section#centre-contact div.centre {
	width				: 100%;
	margin				: 0 auto 0;
	position			: relative;
	overflow			: hidden;
	padding				: 0 0 0 0;
}

section#centre-contact div.centre div.contenu {
	background			: url(../images/fonds/notre-marque.jpg) repeat scroll right top transparent;
    color				: #FFFFFF;
    float				: left;
    text-align			: right;
    width				: 100%;
}

#contact {
	background-color	: #000000;
    color				: #CCC;
    float				: right;
    height				: 850px;
   /* overflow			: auto;*/
    text-align			: left;
    width				: 960px;
}

#contact h1 {
	color				: #FFFFFF;
    font-family			: 'Quicksand',sans-serif;
    font-size			: 70px;
    font-weight			: lighter;
    margin				: 20px 0 0 25px;
}


/* ------------------------------ */
/* --------- page Collections -------- */
/* ------------------------------ */
section#centre-collections{
	width				: 100%;
	margin				: 120px 0 0 0;
	/*position			: relative;*/
	z-index				: 1000;
	overflow			: hidden;
}

section#centre-collections div.centre-collections {
	width				: 100%;
	overflow			: hidden;
	display: block;
    float: left;
}


/* ------------------------------ */
/* --------- page collections -------- */
/* ------------------------------ */
section#centre-collections div.sous-menu-gauche {
	float				: left;
    left				: 0;
    margin				: 57px auto 0 0;
    overflow			: hidden;
    padding				: 0 0 0 25px;
    position			: relative;
	width				: 100%;
	-webkit-transition	: all 0.5s ease;
	-moz-transition		: all 0.5s ease;
	-o-transition		: all 0.5s ease;
	-ms-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
}

section#centre-collections div.sous-menu-gauche ul {
	list-style			: none outside none;
	padding				: 0;
	width				: 350px;
}

section#centre-collections div.sous-menu-gauche ul  li a{
	color				: #fefefe;
    font-family			: 'Quicksand', sans-serif;
    font-size			: 22px;
	line-height			: 34px;
    text-decoration		: none;
}

section#centre-collections div.sous-menu-gauche ul  li a:hover,
section#centre-collections div.sous-menu-gauche ul  li a:active {
	color				: #ffae00;
}

section#centre-collections div.nouveautes, 
section#centre-collections div.legendes, 
section#centre-collections div.utilitaires, 
section#centre-collections div.collection-homme,
section#centre-collections div.collection-femme {
	float				: right;
	width				: 600px;
	background-color	: rgba(0, 0, 0, 0.5);
    padding				: 30px;
	margin				: 0 -660px 0 0;
	-webkit-transition	: all 0.5s ease;
	-moz-transition		: all 0.5s ease;
	-o-transition		: all 0.5s ease;
	-ms-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
}

section#centre-collections div.nouveautes h2, 
section#centre-collections div.legendes h2, 
section#centre-collections div.utilitaires h2, 
section#centre-collections div.collection-homme h2,
section#centre-collections div.collection-femme h2 {
	margin-bottom: 30px;
}

section#centre-collections div.nouveautes p, 
section#centre-collections div.legendes p, 
section#centre-collections div.utilitaires p, 
section#centre-collections div.collection-homme p,
section#centre-collections div.collection-femme p {
	font: 12px/20px noto sans;
}


/* --------------------------------- */
/* --------- Page Chroniques ------- */
/* --------------------------------- */

section#centre-chroniques {
	background-color	: rgba(0, 0, 0, 0.3);
	width				: 100%;
	margin				: 120px 0 0 0;
	position			: relative;
	overflow			: hidden;
	z-index				: 1000;
}

section#centre-chroniques div.centre {
	width				: 100%;
	margin				: 0 auto 0;
	position			: relative;
	overflow			: hidden;
	padding				: 0 0 0 0;
}

section#centre-chroniques div.centre div.contenu {
    color				: #FFFFFF;
    float				: left;
    text-align			: right;
    width				: 100%;
	position			: relative;
}

#affichage{
	background-color	: rgba(0, 0, 0, 0.7);
	margin				: 50px 50px 50px 400px;
	text-align			: left;
	position			: absolute;
	right				: 0;
	z-index				: 10;
	overflow			: hidden;
	float				: right;
	font				: 13px/22px noto sans;
	height				: 69%;
	opacity				: 1;
	width 				: 60%;
}

#affichage:hover{
	z-index				: 1000;
}

#affichage h1{
    font				: 70px/70px 'Quicksand',sans-serif;
	margin				: 30px 30px 10px;
}

#affichage h2{
    font				: 30px/42px 'Quicksand',sans-serif;
	margin				: 0 30px 10px;
}

#affichage h3{
	margin				: 20px 0 0 0;
    font				: 20px/28px 'Quicksand',sans-serif;
}

#affichage .viewport{
	margin				: 0 30px 30px;
}

#affichage #contenu-1 p,
#affichage #contenu-2 p,
#affichage #contenu-3 p,
#affichage #contenu-4 p{
	padding				: 10px 15px 0;
    font				: 12px/20px noto sans;
}

#affichage .fermer{
	background-color: #4EA600;
    color: #FFFFFF;
    float: right;
    font: 11px/18px noto sans;
    margin: 15px 0 0;
    padding: 5px 17px;
    text-decoration: none;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

#chroniques {
	background-color	: #000000;
    color				: #CCC;
    /* float			: right; */
    height				: 850px;
	/* overflow			: auto; */
    text-align			: left;
    width				: 350px;
	float				: left;
}

#chroniques .viewport {
	height				: 850px;
    margin				: 0 50px;
    overflow			: hidden;
    position			: relative;
    width				: 860px;
}

#chroniques h1 {
	color				: #FFFFFF;
    font-family			: 'Quicksand',sans-serif;
    font-size			: 70px;
    font-weight			: lighter;
    margin				: 20px 0 0 25px;
}

#chroniques div.sous-menu {
	width				: 350px;
	left				: 0;
	top					: 0;
	padding				: 0;
}

#chroniques div.sous-menu ul {
	list-style			: none;
	padding				: 0;
}

#chroniques div.sous-menu ul li {
	height				: 220px;
}

#chroniques div.sous-menu ul li a {
    height: 220px;
	width: 350px;
	display: inline-block;
	position: relative;
	-webkit-transition	: all 0.5s ease;
	-moz-transition		: all 0.5s ease;
	-o-transition		: all 0.5s ease;
	-ms-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
}

#chroniques div.sous-menu ul li.alain a {
	background: transparent url(../images/menu/sous-menu-savoir-faire/4.jpg) top left no-repeat;
}

#chroniques div.sous-menu ul li.philippe a {
	background: transparent url(../images/menu/sous-menu-savoir-faire/1.jpg) top left no-repeat;
}

#chroniques div.sous-menu ul li.marc a {
	background: transparent url(../images/menu/sous-menu-savoir-faire/3.jpg) top left no-repeat;
}

#chroniques div.sous-menu ul li.mathilde a {
	background: transparent url(../images/menu/sous-menu-savoir-faire/2.jpg) top left no-repeat;
}

#chroniques div.sous-menu ul li.richelieu a {
	background: transparent url(../images/menu/sous-menu-savoir-faire/5.jpg) top left no-repeat;
}

#chroniques div.sous-menu ul li.derby a {
	background: transparent url(../images/menu/sous-menu-savoir-faire/6.jpg) top left no-repeat;
}

#chroniques div.sous-menu ul li.mocassin a {
	background: transparent url(../images/menu/sous-menu-savoir-faire/7.jpg) top left no-repeat;
}

#chroniques div.sous-menu ul li.bottine a {
	background: transparent url(../images/menu/sous-menu-savoir-faire/8.jpg) top left no-repeat;
}

#chroniques div.sous-menu ul li.alain a:hover,
#chroniques div.sous-menu ul li.philippe a:hover,
#chroniques div.sous-menu ul li.marc a:hover,
#chroniques div.sous-menu ul li.mathilde a:hover,
#chroniques div.sous-menu ul li.richelieu a:hover,
#chroniques div.sous-menu ul li.derby a:hover,
#chroniques div.sous-menu ul li.mocassin a:hover,
#chroniques div.sous-menu ul li.bottine a:hover {
	background-position : top right;
}

#chroniques div.sous-menu ul li a.selected {
	background-position : top right;
}

#chroniques div.sous-menu ul li a span {
    position: absolute;
	left: -350px;
	color: #FFFFFF;
    background-color: rgba(39,73,13,0.6);
    padding: 15px;
	width: 320px;
	display:block;
	-webkit-transition	: all 0.5s ease;
	-moz-transition		: all 0.5s ease;
	-o-transition		: all 0.5s ease;
	-ms-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
}

#chroniques div.sous-menu ul li a:hover span {
	left: 0px;
}

#chroniques div.sous-menu ul li a.selected span {
    position: absolute;
	left: 350px;
    background-color: rgba(39,73,13,1);
    padding: 15px;
	width: 160px;
	display:block;
	color: #CCC;
	z-index: 100;
	font : 13px/20px noto sans;
	-webkit-transition	: all 0.5s ease;
	-moz-transition		: all 0.5s ease;
	-o-transition		: all 0.5s ease;
	-ms-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
}

#chroniques div.sous-menu ul li a span h3 {
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 10px;
	font-family: 'Quicksand',sans-serif;
}

.sous-menu ul {
	padding : 0;
	margin : 0;
}

.alain,
.philippe,
.marc,
.mathilde,
.richelieu,
.derby,
.mocassin,
.bottine{
	float:left;
	list-style: none;
	height: 220px;
    margin: 0;
    padding: 0;
    width: 350px;
	background : url(../images/chroniques/alain.jpg) no-repeat scroll left top transparent;
}

/* --------------------------------- */
/* ---------- Page Conseils -------- */
/* --------------------------------- */
section#centre-conseils {
	background-color	: rgba(0, 0, 0, 0.3);
	width				: 100%;
	margin				: 120px 0 0 0;
	position			: relative;
	overflow			: hidden;
	z-index				: 1000;
}

section#centre-conseils div.centre {
	width				: 100%;
	margin				: 0 auto 0;
	position			: relative;
	overflow			: hidden;
	padding				: 0 0 0 0;
}

section#centre-conseils div.centre div.contenu {
	background			: url(../images/fonds/notre-marque.jpg) repeat scroll right top transparent;
    color				: #FFFFFF;
    float				: left;
    text-align			: right;
    width				: 100%;
}

#conseils {
	background-color	: #000000;
    color				: #CCC;
    float				: right;
    height				: 850px;
   /* overflow			: auto;*/
    text-align			: left;
    width				: 960px;
}

#conseils .viewport {
	height				: 850px;
    margin				: 0 50px;
    overflow			: hidden;
    position			: relative;
    width				: 860px;
}

#conseils h1 {
	color				: #FFFFFF;
    font-family			: 'Quicksand',sans-serif;
    font-size			: 70px;
    font-weight			: lighter;
    margin				: 20px 0 0 25px;
}

#conseils div.sous-menu {
	float				: left;
	position			: absolute;
	left				: 0;
	top					: 0;
	padding				: 0;
}

#conseils div.sous-menu ul {
	list-style			: none;
	padding				: 0;
}

#conseils div.sous-menu ul li {
	width				: 570px;
	height				: 220px;
}

#conseils div.sous-menu ul li a {
	background: url('../images/menu/sous-menu-savoir-faire/1.jpg') no-repeat scroll 0 0 transparent;
	display: block;
    height: 220px;
	width: 350px;
}

#conseils div.sous-menu ul li a:hover {
	background: url('../images/menu/sous-menu-savoir-faire/1.jpg') no-repeat scroll 0 -220px transparent;
}

#conseils div.sous-menu ul li a span {
    position: absolute;
    margin-left: 350px;
	color: #6d835c;
    background-color: #27490d;
    padding: 15px;
	opacity:0;
	width: 250px;
	display:none;
}

#conseils div.sous-menu ul li a:hover span, 
#conseils div.sous-menu ul li a:focus span {
	opacity:1;
	display:block;
}

#conseils div.sous-menu ul li a span h3{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 10px;
}

section#centre-conseils #saviez-vous  a span {
    position: absolute;
	/*margin-top: -250px;
    margin-left: -535px;*/
	color: #FFFFFF;
    background:rgba(255, 255, 255, .1);
    padding: 15px;
	opacity: 0;
	font-size: 12px;
	width: 500px;
	text-align: left;
	display: none;
}

section#centre-conseils #saviez-vous a:hover span,
section#centre-conseils #saviez-vous a:focus span {
    transform:scale(1) rotate(0);
	opacity:1;	
	display: block;
	display: block;
    margin-left: -230px;
    margin-top: -290px;
    opacity: 1;
}

.galerie-style{
	margin-left : 150px;
}

/* --------------------------------- */
/* ---------- Page Lexique --------- */
/* --------------------------------- */

#lexique p{
	margin : 10px 0;
	float: left;
	clear: both;
}

#lexique p b{
	color : #ffae00;
}

/* ------------------------------ */
/* --------- sous-menu-gauche-liste -------- */
/* ------------------------------ */
section#centre-collections div.sous-menu-gauche ul.sous-menu-gauche-liste {
	position			: absolute;
}

/* ------------------------------ */
/* --------- Sous-sous menu collections -------- */
/* ------------------------------ */
section#centre-collections div.sous-menu-gauche ul.sous-sous-menu-gauche-collection-homme {
	float				: left;
    left				: 0;
    margin				: 0;
    overflow			: hidden;
    padding				: 0;
    position			: relative;
	width				: 100%;
	-webkit-transition	: all 0.5s ease;
	-moz-transition		: all 0.5s ease;
	-o-transition		: all 0.5s ease;
	-ms-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
}


section#centre-collections div.sous-menu-gauche ul.sous-sous-menu-gauche-collection-homme h2 {
	color				: #fefefe;
	font-family			: 'Quicksand', sans-serif;
	font-size			: 30px;
	font-weight			: normal;
	line-height			: 20px;
	margin-bottom		: 40px;
}

section#centre-collections div.sous-menu-gauche ul.sous-sous-menu-gauche-collection-homme h2 span {
	color				: #b6b6b6;
	display				: block;
	font-family			: 'Quicksand', sans-serif;
	font-size			: 22px;
	margin-bottom		: 8px;
}

section#centre-collections div.sous-menu-gauche ul.sous-sous-menu-gauche-collection-homme h2 a {
	float				: left;
	margin				: 20px 20px 0 0;
}

section#centre-collections div.sous-menu-gauche ul.sous-sous-menu-gauche-collection-homme h2 a img{
	border				: none;
}

section#centre-collections div.sous-menu-gauche ul.sous-sous-menu-gauche-collection-homme li {
	padding-left		: 25px;
}

/* ------------------------------ */
/* ----------- Sous menu bas ----------- */
/* ------------------------------ */
#sous-menu-bas {
	bottom				: 30px;
    height				: 80px;
    left				: 0;
    margin				: 0;
    padding				: 0;
    position			: fixed;
    width				: 100%;
    z-index				: 2000;
}

#sous-menu-bas div.fond-sous-menu-bas {
	position			: absolute;
	width				: 100%;
	height				: 70px;
	bottom				: 0;
	left				: 0;
	background			: transparent url("../images/menu/fond-sous-menu-bas.png") repeat-x scroll left top;
	/*
	-webkit-transition	: all 0.5s ease;
	-moz-transition		: all 0.5s ease;
	-o-transition		: all 0.5s ease;
	-ms-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
	*/
}

#sous-menu-bas div.fond-sous-menu-bas ul {
	height				: 60px;
	width				: 810px;
	text-align			: center;
	margin				: 20px auto 0;
	padding				: 0;
}

#sous-menu-bas div.fond-sous-menu-bas ul li{
	float				: left;
	list-style			: none;
}

#sous-menu-bas div.fond-sous-menu-bas ul li a{
	width				: 220px;
	height				: 50px;
	float				: left;
	margin				: 0 20px 0 0;
	color				: #595959;
	text-align			: left;
	text-decoration		: none;
	font				: 12px/18px noto sans;
	background-color	: #000;
	background-position	: -14px -5px;
	background-repeat	: no-repeat;
	padding				: 0;
}

#sous-menu-bas div.fond-sous-menu-bas ul li:last-child a{
	margin				: 0;
}

#sous-menu-bas div.fond-sous-menu-bas ul li a:hover{
	color				: #b2b2b2;
}

#sous-menu-bas div.fond-sous-menu-bas ul li.collections a{
	background-image	: url(../images/menu/sous-menu-bas/collections.jpg);
	-webkit-transition	: all 0.5s ease;
	-moz-transition		: all 0.5s ease;
	-o-transition		: all 0.5s ease;
	-ms-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
}

#sous-menu-bas div.fond-sous-menu-bas ul li.collections a:hover{
	background-position	: -264px -5px;
}

#sous-menu-bas div.fond-sous-menu-bas ul li.collections a.actif{
	background-position	: -264px -5px;
}

#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a{
	background-image	: url(../images/menu/sous-menu-bas/chroniques.jpg);
	-webkit-transition	: all 0.5s ease;
	-moz-transition		: all 0.5s ease;
	-o-transition		: all 0.5s ease;
	-ms-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
}

#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a:hover{
	background-position	: -264px -5px;
}

#sous-menu-bas div.fond-sous-menu-bas ul li.chroniques a.actif{
	background-position	: -264px -5px;
}

#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a{
	background-image	: url(../images/menu/sous-menu-bas/conseils.jpg);
	-webkit-transition	: all 0.5s ease;
	-moz-transition		: all 0.5s ease;
	-o-transition		: all 0.5s ease;
	-ms-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
}

#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a:hover{
	background-position	: -264px -5px;
}

#sous-menu-bas div.fond-sous-menu-bas ul li.conseils a.actif{
	background-position	: -264px -5px;
}

#sous-menu-bas div.fond-sous-menu-bas ul li.accessoires a{
	background-image	: url(../images/menu/sous-menu-bas/accessoires.jpg);
	-webkit-transition	: all 0.5s ease;
	-moz-transition		: all 0.5s ease;
	-o-transition		: all 0.5s ease;
	-ms-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
}

#sous-menu-bas div.fond-sous-menu-bas ul li.accessoires a:hover{
	background-position	: -250px 0;
}

#sous-menu-bas div.fond-sous-menu-bas ul li.entretien a{
	background-image	: url(../images/menu/sous-menu-bas/entretien.jpg);
	-webkit-transition	: all 0.5s ease;
	-moz-transition		: all 0.5s ease;
	-o-transition		: all 0.5s ease;
	-ms-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
}

#sous-menu-bas div.fond-sous-menu-bas ul li.entretien a:hover{
	background-position	: -250px 0;
}

a#collection-homme{
	background: #000 url(../images/collection-homme-hover.jpg) center right no-repeat;
	color: #FFFFFF;
	display: block;
	float: left;
	height: 0;
	width : 0;
}

a#collection-homme span{
	display:block;
	width:100%;
	height:100%;
	background: #000 url(../images/collection-homme.jpg) center right no-repeat;
	opacity				: 1;
	filter:alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	transition			: opacity 0.5s ease-in-out;
	-moz-transition		: opacity 0.5s ease-in-out;
	-webkit-transition	: opacity 0.5s ease-in-out;
}

a#collection-homme span:hover{
	opacity				: 0;
	filter:alpha(opacity=0);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

a#collection-femme{
	background: #000 url(../images/collection-femme-hover.jpg) center left no-repeat;
	color: #FFFFFF;
	display: block;
	float: left;
}

a#collection-femme span{
	display:block;
	width:100%;
	height:100%;
	background: #000 url(../images/collection-femme.jpg) center left no-repeat;
	opacity				: 1;
	filter:alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	transition			: opacity 0.5s ease-in-out;
	-moz-transition		: opacity 0.5s ease-in-out;
	-webkit-transition	: opacity 0.5s ease-in-out;
}

a#collection-femme span:hover{
	opacity				: 0;
	filter:alpha(opacity=0);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

a#prendre-soin-de-ses-paraboot{
	background: #000 url(../images/conseils-gauche-hover.jpg) center right no-repeat;
	color: #FFFFFF;
	display: block;
	float: left;
}

a#prendre-soin-de-ses-paraboot span{
	display:block;
	width:100%;
	height:100%;
	background: #000 url(../images/conseils-gauche.jpg) center right no-repeat;
	opacity				: 1;
	filter:alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	transition			: opacity 0.5s ease-in-out;
	-moz-transition		: opacity 0.5s ease-in-out;
	-webkit-transition	: opacity 0.5s ease-in-out;
}

a#prendre-soin-de-ses-paraboot span:hover{
	opacity				: 0;
	filter:alpha(opacity=0);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

a#paraboot-cest-aussi{
	background: #000 url(../images/conseils-droite-hover.jpg) center left no-repeat;
	color: #FFFFFF;
	display: block;
	float: left;
}

a#paraboot-cest-aussi span{
	display:block;
	width:100%;
	height:100%;
	background: #000 url(../images/conseils-droite.jpg) center left no-repeat;
	opacity				: 1;
	filter:alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	transition			: opacity 0.5s ease-in-out;
	-moz-transition		: opacity 0.5s ease-in-out;
	-webkit-transition	: opacity 0.5s ease-in-out;
}

a#paraboot-cest-aussi span:hover{
	opacity				: 0;
	filter:alpha(opacity=0);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/* ------------------------------ */
/* ---------- Map Monde --------- */
/* ------------------------------ */

div.block{
	position: absolute;
	display:none;
	color:white;
	background:transparent url(../images/fond-map.png) top left repeat;
	margin:0 0 0 15px;
	width : 180px;
}

span.fleche{
	background:transparent url(../images/fleche-map.png) top left no-repeat;
	width :13px;
	height:26px;
	position:inherit;
	left:-13px;
}

span.fleche-right{
	background:transparent url(../images/fleche-map-right.png) top left no-repeat;
	width :13px;
	height:26px;
	position:inherit;
	left:220px;
}

span.ferm{
	background:transparent url(../images/close.png) top left no-repeat;
	position:inherit; 
	top :-22px;
	width:42px;
	height:44px;
	right :-20px;
	color:white;
	font-size:20px;
	cursor:pointer;
}

img.icon{
	position:absolute;
	display : block;
	height : 57px;
	width : 41px;
}

.map-monde span.titre{
	display: block;
	font-size : 27px;
	margin:10px 0 0 0;
	font-family : 'Quicksand',sans-serif;
}

.map-monde a{
	background : url("../images/bouton-input.png") no-repeat scroll center center transparent;
	border : 1px solid #283F35;
	padding :10px 30px;
	margin :10px 0 20px 0;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    font-style: italic;
}

/* ------------------------------ */
/* ----------- Footer ----------- */
/* ------------------------------ */

footer{
	background-color	: #000;
	bottom				: 0px;
	position			: fixed;
	width				: 100%;
	color				: #939393;
	font				: 11px noto sans;
	z-index				: 10000;
}

footer span{
	float				: left;
	margin				: 8px 0 8px 20px;
}

footer p{
	float				: right;
	color				: #a7a7a7;
	margin				: 8px 10px 8px 0;
}

footer p span{
	margin				: 0 11px 0 0;
}

footer p a{
	color				: #a7a7a7;
	text-decoration		: none;
	margin				: 0 11px 0 7px;
}

footer p a:hover{
	color				: #ffae00;
}







/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}