/*--------------------------------------------------------------------------------------- */
/* Polices locales via font-face */
/*--------------------------------------------------------------------------------------- */

.item { width: 25%; }
.item.w2 { width: 50%; }

@font-face {
    font-family: 'novecento_widebook';
    src: url('../font/novecentowide-book-webfont.eot');
    src: url('../font/novecentowide-book-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/novecentowide-book-webfont.woff') format('woff'),
         url('../font/novecentowide-book-webfont.ttf') format('truetype'),
         url('../font/novecentowide-book-webfont.svg#novecento_widebook') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'novecento_wide_bookbold';
    src: url('../font/novecentowide-bold_0-webfont.eot');
    src:  url('../font/novecentowide-bold_0-webfont.svg#novecento_wide_bookbold') format('svg'),
      url('../font/novecentowide-bold_0-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/novecentowide-bold_0-webfont.woff') format('woff'),
         url('../font/novecentowide-bold_0-webfont.ttf') format('truetype');
        ;
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'novecento_widenormal';
    src: url('../font/novecentowide-normal-webfont.eot');
    src: url('../font/novecentowide-normal-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/novecentowide-normal-webfont.woff') format('woff'),
         url('../font/novecentowide-normal-webfont.ttf') format('truetype'),
         url('../font/novecentowide-normal-webfont.svg#novecento_widenormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'novecento_widedemibold';
    src: url('../font/novecentowide-demibold-webfont.eot');
    src: url('../font/novecentowide-demibold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/novecentowide-demibold-webfont.woff') format('woff'),
         url('../font/novecentowide-demibold-webfont.ttf') format('truetype'),
         url('../font/novecentowide-demibold-webfont.svg#novecento_widedemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'novecento_widemedium';
    src: url('../font/novecentowide-medium-webfont.eot');
    src: url('../font/novecentowide-medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/novecentowide-medium-webfont.woff') format('woff'),
         url('../font/novecentowide-medium-webfont.ttf') format('truetype'),
         url('../font/novecentowide-medium-webfont.svg#novecento_widemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'novecento_widelight';
    src: url('../font/novecentowide-light-webfont.eot');
    src: url('../font/novecentowide-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/novecentowide-light-webfont.woff') format('woff'),
         url('../font/novecentowide-light-webfont.ttf') format('truetype'),
         url('../font/novecentowide-light-webfont.svg#novecento_widelight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'guifx_v2_transportsregular';
    src: url('../font/guifx_v2_transports-webfont.eot');
    src: url('../font/guifx_v2_transports-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/guifx_v2_transports-webfont.woff') format('woff'),
         url('../font/guifx_v2_transports-webfont.ttf') format('truetype'),
         url('../font/guifx_v2_transports-webfont.svg#guifx_v2_transportsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?81183195');
  src: url('../font/fontello.eot?81183195#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?81183195') format('woff'),
       url('../font/fontello.ttf?81183195') format('truetype'),
       url('../font/fontello.svg?81183195#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?81183195#fontello') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-search:before { content: '\e800'; cursor:pointer;} /* '' */
.icon-facebook:before { content: '\e801'; } /* '' */
.icon-email:before { content: '\e802'; color:#000; font-size:22px; margin: 0; margin-right:0.5rem;} /* '' */
.ie8 .icon-email:before { margin-right:0.5em;} /* '' */
.icon-fax:before { content: '\e803'; color:#000; font-size:19px; margin: 1.4rem 0.5rem 0 0rem} /* '' */
.ie8 .icon-fax:before { margin: 1.4em 0.5em 0 0em} /* '' */
.icon-phone:before { content: '\e804'; color:#000; font-size:19px; margin: 0; margin-right:0.5rem;} /* '' */
.ie8 .icon-phone:before {  margin-right:0.5em;} /* '' */

button.icon-search{background:transparent;}
button.icon-search:hover{background:transparent;}

/*--------------------------------------------------------------------------------------- */
/* Style Reset - Normalize */
/*--------------------------------------------------------------------------------------- */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,picture,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}article,aside,details,figcaption,figure,footer,header,picture,main,nav,section,summary,iframe{display:block}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}caption,th{text-align:left}a:active,embed,object{outline:0}audio,canvas,video{vertical-align:middle;display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus,button:focus{outline:thin dotted}abbr[title]{border:0}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;height:0;padding:0;border:0}mark{background:#ff0;color:#000}p,pre{margin:0 0 1rem}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:100%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}nav ol,nav ul{list-style:none;list-style-image:none;margin:0}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button{padding:0;border:0 none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width: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-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*--------------------------------------------------------------------------------------- */
/* Styles generaux */
/*--------------------------------------------------------------------------------------- */

/* - - - - - Box-model - - - - - */
/*
*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/

td, th { vertical-align:top; }
hr{ margin: 1em 0; border-top: 1px solid #ccc; }
img{ display:block; vertical-align: middle; }
blockquote{ margin-bottom:1em; font-style:italic; }
cite{ font-weight:bold; }
q{ font-style:italic; }

/* Méthode de clear float */
.clear{ clear:both; }
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:'.'; clear:both; height:0; }
.ie8 .clearfix { zoom:1; }

/* Cacher pour les lecteurs d'écrans et navigateurs */
.hidden, .champCache{ display: none !important; visibility: hidden; }

/* Passe la navigation, pour screen reader */
.passeNav { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Correction pour AddThis */
#_atssh{ top:0; }

.nouva, .nouva:hover{color:#707070;}
/* Body et HTML
--------------------------------------------------------------------------------------- */
body{
	background:#000;
	font:13px/16px Arial, Helvetica, sans-serif;
	color:#333;
}


/* Conteneurs
--------------------------------------------------------------------------------------- */
.conteneur{
	position:relative;
	width:100%;
	margin:0 auto;
}



.losange{
  	border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    position: relative;
    width: 0;
    margin:0 auto;
    top:-10px;
}

.logosquare{ background: #fff}
.customSelect {
    background: #fff url(../gx/custom-drop.jpg) no-repeat right center;
    border: 1px solid #363636;
    color: #707070;
    display: inline-block;
    font: italic 12px/0.5em Arial,Helvetica,sans-serif;
    outline: medium none;
    padding: 10px;
    margin-top: 6px;
    width: 120px;

}

main.nonacc{ background:#000000 url('../gx/main-background.jpg') no-repeat center -50px ; padding-top:35px; color:#fff;}
main.nonacc.nousjoindre{ background:#000000 url('../gx/bg-nousjoindre.jpg') no-repeat center -50px }
/* Titres
--------------------------------------------------------------------------------------- */
h1{ margin-bottom:0.5em; font:35px/30px 'novecento_wide_bookbold', Arial, Helvetica, sans-serif; color:#fff; }
h2{ margin-bottom:0.5em; font:25px/22px 'novecento_wide_bookbold', Arial, Helvetica, sans-serif; color:#fff; text-transform: uppercase;}
h3{ margin-bottom:0.5rem; font:20px/16px 'novecento_wide_bookbold', Arial, Helvetica, sans-serif; color:#fff; }
h4{ margin-bottom:1rem; font:16px/16px 'novecento_wide_bookbold', Arial, Helvetica, sans-serif; color:#000; }

.ie8 h3{ margin-bottom:0.5em; font:20px/16px 'novecento_wide_bookbold', Arial, Helvetica, sans-serif; color:#fff; }
.ie8 h4{ margin-bottom:1em; font:16px/16px 'novecento_wide_bookbold', Arial, Helvetica, sans-serif; color:#000; }
/* Hyperliens
--------------------------------------------------------------------------------------- */
a{
	color:#fff;
	text-decoration:none;
	-webkit-transition: color 0.15s linear 0s;
	transition: color 0.15s linear 0s;
}
.blocarticle a, .boite a {color:000;}
a:hover, a:focus, a:active{ color:#4eba65; outline:none; }
p {font: 13px/19px Arial, Helvetica, sans-serif}

/* Textes et CMS
--------------------------------------------------------------------------------------- */
.incTinyMce a{ text-decoration:underline; color:#000;}
.incTinyMce abbr[title]{border-bottom:1px dotted; }
.incTinyMce img{ max-width:100%; max-height: 100%; }

/* - - - Listes - - - */
.incTinyMce ul, .incTinyMce ol{ margin-bottom:1em; overflow:hidden; }
.incTinyMce ul li{ margin-left:16px; }
.incTinyMce ol li{ margin-left:20px; }
.incTinyMce ol ol > li{ list-style:lower-alpha; }




/* Liste incrementale stylable */
/*
.incTinyMce ol {
	counter-reset: bullet;
	list-style-type: none;
}
.incTinyMce ol li{ position:relative; margin-left:20px; }
.incTinyMce ol li:before {
	counter-increment: bullet;
	content: counters(bullet,".") ".";
	position:absolute;
	top:0;
	left:-20px;
	color:#000;
}
*/

/* - - - Image en float - - - */
.mortaise{
	float:left;
	margin:0.25em 1.25em 1.25em 0;
	text-align:center;
	font-size:12px;
}
.mortaise img{ border:3px solid #999; }

.intro{  font:bold 16px/25px Arial, Helvetica, sans-serif; }

.note{ font-size:11px; }

.vide{
	padding:50px 0;
	text-align:center;
	font:bold 18px/25px Arial, Helvetica, sans-serif;
	color:#fff;
}

/* Points de suspension a la fin de la fonction couperTexte */
.hellip{
	white-space:nowrap;
	color:#149fd9;
	font-size:0.9em;
}

/* - - - Responsive video - - - */
.videoConteneur{ max-width:520px; margin:0 auto; }
.video{
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%; /* Ratio 16/9 */
    padding-top: 30px; /* Hauteur des controles */
}

.video iframe, .video object, .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Icones
--------------------------------------------------------------------------------------- */
/* Creer une icone sur les liens PDF et RSS */
.lienPDF{ display:inline-block; margin:1em 0; line-height:30px; }
.lienPDF:before{
	content:"";
	display:inline-block;
	width:29px;
	height:31px;
	margin-right:6px;
	background:url(../gx/m/icone-pdf.png) 0 0 no-repeat;
	vertical-align:-10px;
}

.lienRSS{ display:inline-block; margin:1em 0; }
.lienRSS:before{
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:6px;
	background:url(../gx/m/icone-rss.png) 0 0 no-repeat;
	vertical-align:-3px;
}


/*--------------------------------------------------------------------------------------- */
/* Formulaires */
/*--------------------------------------------------------------------------------------- */
input, select { vertical-align:middle; }
input[type=radio], input[type=checkbox]{ vertical-align:-1px; margin-right:5px; }
input[readonly]{ background-color:#eee; }
textarea{ resize: vertical; }
label{ display:block; }

/* Couleur de l'etoile pour champs obligatoires */
label abbr, .note abbr{
	padding:0 2px;
	border:0 none !important;
	color:#4eba65;
	cursor:help;
}


/* - - - Input default - - - */
.form input[type=text], .form input[type=email], .form input[type=password], .form input[type=tel],
.form input[type=search], .form input[type=url], .form select, .form textarea{
	width:100%;
	padding:5px;
	border:1px solid #ccc;
	font-size:13px;
	color:#000;
	height: 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition:box-shadow ease-in-out 0.3s;
	transition:box-shadow ease-in-out 0.3s;
}

.form textarea{ height:104px; }

.form input[type=checkbox]{ float:left; margin:1px 1em 0 0; }


/* - - - Shadow focus - - - */
.form input[type=text]:focus, .form input[type=email]:focus, .form input[type=password]:focus, .form input[type=tel]:focus,
.form input[type=search]:focus, .form input[type=url]:focus, .form select:focus, .form textarea:focus{
	outline:0;
	border: 1px solid #d61f2b;
	border:1px solid rgba(214,31,43,0.6);
	-webkit-box-shadow:0 0 5px rgba(214,31,43,0.6);

}


/* - - - Placeholders - - - */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color:#999; font-style:italic; }
input::-moz-placeholder, textarea::-moz-placeholder{ opacity:1; color:#999; font-style:italic; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder{ color:#999 !important; font-style:italic; }


/* - - - Buttons - - - */
button, .button{
	display:inline-block;
	padding:3px 5px;

	background-color:#149fd9;
	font:13px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none !important;
	-webkit-transition: background 0.15s linear 0s;
	transition: background 0.15s linear 0s;
}

button:hover, .button:hover,
button:focus, .button:focus,
button:active, .button:active{ background-color: #666; outline:none; }


/* - - - Avertissements et erreurs - - - */
.messageInfo, .messageSucces, .messageAvertissement, .messageErreur {
	margin-bottom:10px;
	padding:10px;
	border:1px solid;
	border-radius:4px;
	text-align:center;
	font-weight:bold;
}

.messageInfo{ color:#006592; background-color:#c6edff; border-color:#006592; }
.messageSucces{ color:#004D07; background-color:#dff2bf; border-color:#004D07; }
.messageAvertissement{ color:#7a440a; background-color:#ffffb3; border-color:#7a440a; }
.messageErreur{ color:#c00; background-color:#fdd; border-color:#c00; }

.erreur, .erreur label, .erreur abbr { color:#c00 !important; }
.erreur input, .erreur textarea, .erreur select, input.erreur, textarea.erreur, select.erreur{ border:1px solid #c00 !important; }

.form .erreur input:focus, .form .erreur textarea:focus, .form .erreur select:focus,
.form input.erreur:focus, .form textarea.erreur:focus, .form select.erreur:focus{
	-webkit-box-shadow:0 0 5px rgba(204,0,0,0.8);
	box-shadow:0 0 5px rgba(204,0,0,0.8);
}
table.cfdump_query {background-color: gray !important;color:black !important;}table.cfdump_query th.query {background-color: black !important;}	table.cfdump_query td.query {background-color:#CDCDD1 !important;}

/* - - - Layout - - - */
.form .col1, .form .col2{
	float:left;
	width:100%;
	margin-bottom:1rem;
}
.ie8 .form .col1, .ie8 .form .col2, .ie8 .form .colFull{  margin-bottom:0.5em;
}
.form .col1{ clear:left; }
.form .col2{   }
.form .colFull{	clear:left;	margin-bottom:0.5rem; }


/*--------------------------------------------------------------------------------------- */
/* En-tete */
/*--------------------------------------------------------------------------------------- */
#entete{
	position:relative;
	height:100px;
  background:#4eba65;
}

#logo{
margin:0 auto;

}
#logo img{ padding:28px 0; margin:0 auto 0 100px; width:100%; max-width:169px;}
#menuMobile{ left: 36px;
position: absolute;
top: 35px;
width:31px;
height: 26px}

#menuMobile img{width:100%;}
.smenu-mobile button.icon-search{ font-size: 14px; margin-top:8px; float:right;}

/* Menu principal
--------------------------------------------------------------------------------------- */
#menu{
	clear:right;
	float:right;
	margin-top:20px;
}
#menu li{ float:left; }
#menu a{
	margin-left:10px;
	padding: 5px;
	font: 12.5px/20px 'novecento_wide_bookbold', Arial, Helvetica, sans-serif;
	color: #202020;
	text-transform: uppercase;
}
#menu li:first-child a{ margin-left:0; }
#menu a:hover, #menu a:focus, #menu a:active{ color:#fff; }
#menu a.actif{ color:#fff; }

.vortexPage{display:none;}
/* Menu secondaire
--------------------------------------------------------------------------------------- */
#menuSec{ float:right; font:12px/22px Arial, Helvetica, sans-serif; }
#menuSec li{ float:left; }
#menuSec a{ padding:8px; color:#fff; display:block; float:right;}
#menuSec a:hover, #menuSec a:active{ color:#fff; text-decoration: underline; }
#menuSec form #search{
	width:100px;
	height:16px;
	-webkit-transition:border linear 0.3s;
	transition:border linear 0.3s;
}
#menuSec .searchfield form #search{
  width:0px;

  -webkit-transition:width linear 0.3s;
  transition:width linear 0.3s;
}
#menuSec .searchfield form button{ margin-top: 3px; display: none; font-size: 12px; padding:0 8px;}


#menuSec .searchfield form button:focus{background:transparent;}

#menuSec .searchfield form #search.active{width:160px; -webkit-transition:width linear 0.3s;
  transition:width linear 0.3s; padding:0 10px; height: 27px }


.searchfield{float:left;}
.searchfield input{ margin-top: 7px;
    outline: medium none;
    padding: 6px 0; border:none; width:0;
    -webkit-transition:width linear 0.3s;
	transition:width linear 0.3s;
}
.searchfield input.active{ width:160px; -webkit-transition:width linear 0.3s;
	transition:width linear 0.3s; padding:0 10px; height: 27px }
.Produithover{display:none;}

#menuSec form button{ line-height:22px; vertical-align:middle; }

.menuSec{ background:#202020; display:block; height: 40px}

 #menuSec a.icon-facebook:hover, #menuSec .icon-search:hover { text-decoration: none}

.slick-slide img.Produithover{display: none}
 /*menu mobile overrigt*/

 .mm-list > li > a, .mm-list > li > span{
  color:#fff;
  font: 14px/20px 'novecento_wide_bookbold'; text-transform: uppercase;
 }
 .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{
  border:none;
 }
 .mm-menu > .mm-panel, .mm-list, .mm-list > li.smenu-mobile{background:#222222;}
 .mm-list > li{background:#333132;}

 .mm-list > li.smenu-mobile > a, .mm-list > li.smenu-mobile > span{
  color:#fff;
  font: 13px/20px Arial, Helvetica, sans-serif; text-transform: none;   padding: 7px 10px 7px 20px;
 }

 .mm-list  li.smenu-mobile.first a{ padding-top:20px }
 .mm-list > li > span.customSelect{width:75%; margin-left:20px; margin-top:20px; height: 20px; padding:10px; color:#707070;}
  .mm-list  .hasCustomSelect{width:84% !important; margin-left:20px; margin-top:20px;}
  .mm-subopen {display:none}


  .smenu-mobile input{ width:70%; background: #525252; color: #fff; border: none; padding:11px 10px; -webkit-appearance: none;}
  .smenu-mobile form a:hover{color:#fff;}
  .smenu-mobile form {background: #525252; width:83%; margin-left:20px; height: 40px;  margin-top:10px;}
  .smenu-mobile form a{float:right;  padding:9px 10px;}
.smenu-mobile .icon-facebook:before{font-size:40px; margin-left:25px;}


.mm-list > li.smenu-mobile .follow{text-transform: uppercase; font:14px/14px 'novecento_wide_bookbold'; margin-top:20px;}
/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */
#colPrincipale{
	float:left;
	width:700px;
	margin-left:20px;
}

main .conteneur{  position:relative;  width:90%;  margin:0 auto;}
/* Sidebar
--------------------------------------------------------------------------------------- */
#sidebar{
	float:left;
	width:220px;
	height:200px;
	border:1px solid #000;
}


/* Fil d'Ariane
--------------------------------------------------------------------------------------- */
#filAriane{
	font:13px/16px Arial, Helvetica, sans-serif;
	color:#fff;
  padding-bottom:15px;
}

#filAriane li{ display:inline; padding-right:5px; }
#filAriane a{ color:#fff; padding-right:8px; text-decoration: underline;}
#filAriane a:hover, #filAriane a:focus, #filAriane a:active{ color:#fff; }
#filAriane li:last-child{ font-weight: bold; }
#filAriane li:after {
  content:'>';
  color:#4eba65;
  text-decoration: none !important;
  font: 12px/11px 'guifx_v2_transportsregular';
}
#filAriane li:last-child:after{ content:''; }
/* Pagination
--------------------------------------------------------------------------------------- */
.module_pagination{	clear:both; margin-top:16px; }

#pagination a, .module_pagination_pagecourante{
	display:inline-block;
	width:32px;
	text-align:center;
	font:15px/32px Arial, Helvetica, sans-serif;
	background-color:#e1e1e1;
	color:#4eba65;
	text-decoration:none;
	-webkit-transition: all 0.15s linear 0s;
	transition: all 0.15s linear 0s;
}

#pagination .module_pagination_pagecourante{ background-color:#666; color:#fff; }

#pagination .module_pagination_pagesuivante a, #pagination .module_pagination_pageprecedente a,
#pagination .module_pagination_pagepremiere a, #pagination .module_pagination_pagederniere a{
	vertical-align:top;
	background:transparent;
	font:bold 15px/32px "Courier New", monospace;
	color:#149FD9;
}

#pagination .module_pagination_pagesuivante a:hover, #pagination .module_pagination_pagesuivante a:focus, #pagination .module_pagination_pagesuivante a:active,
#pagination .module_pagination_pageprecedente a:hover, #pagination .module_pagination_pageprecedente a:focus, #pagination .module_pagination_pageprecedente a:focus,
#pagination .module_pagination_pagepremiere a:hover, #pagination .module_pagination_pagepremiere a:focus, #pagination .module_pagination_pagepremiere a:focus,
#pagination .module_pagination_pagederniere a:hover, #pagination .module_pagination_pagederniere a:focus, #pagination .module_pagination_pagederniere a:focus,
#pagination a:hover, #pagination a:focus, #pagination a:active{ background-color:#149FD9; color:#fff; }


/* 00_100 : Nouvelles
--------------------------------------------------------------------------------------- */




ol#listeNouvelle li{ width:100%; float:left; background: #fff; margin: 1rem 0rem 0 0 ; position: relative;}
ol#listeNouvelle li:nth-child(4n){margin: 1rem 0 0 0}
ol#listeNouvelle li:last-child{margin-bottom: 1.5rem}

.ie8 ol#listeNouvelle li:nth-child(4n){margin: 1em 0 0 0}
.ie8 ol#listeNouvelle li:last-child{margin-bottom: 1.5em}

ol#listeNouvelle  li:hover .Produithover{ opacity:1;  -webkit-transition: opacity 0.15s linear 0s;  transition: opacity 0.15s linear 0s;}


ol#listeNouvelle  figure{position:relative; }


#carte .gm-style-iw div div{color:#000; overflow:hidden !important;}

.Produithover{display:none;}
main{min-height: 550px}
/* bloc nouvelle */

.titrebloc{position:relative; width:92%; z-index:20;  margin:0 auto; padding:35px 4% 0;}
.titrenews{   width:100%;}
.titrebloc .suite{  color:#fff; text-transform: uppercase; font: 12px/14px 'novecento_wide_bookbold'; margin-top:4px; padding-bottom: 15px; display: block}
.titrebloc .suite:after{content: '>'; color:#4eba65; font: 14px/14px 'guifx_v2_transportsregular'; margin-left:5px;}

.newsbloc{position: relative; width:92%;   margin: 0 auto; background:#000; padding:0px 4% 35px; overflow:hidden;}
#listeNouvelle{ list-style:none; position: relative; width:100%; margin: 0 auto}

#listeNouvelle button, #listeNouvelle .button{border-radius: 0}
#listeNouvelle figure img{width:100%; }
#listeNouvelle h2 a, #listeNouvelle h2, #listeNouvelle h3 a, #listeNouvelle h3{ font: 16px/16px 'novecento_wide_bookbold'; color:#202020;   overflow: hidden; margin-bottom: 0.2em }
#listeNouvelle  div.newslist{border-left: 1px solid #110a0b;   overflow: hidden; background:#fff; min-height: 390px}
#listeNouvelle .nouvTexte{ color:#707070; padding:0.5rem 1rem 1rem ;}
.ie8 #listeNouvelle .nouvTexte{ color:#707070; padding:0.5em 1em 1em ;}
#listeNouvelle time{ font-size:12px; color:#4eba65; font-style: italic; margin-bottom:0.4em; display: block}
#listeNouvelle .suite{ font:italic 12px/13px Arial, Helvetica, sans-serif; text-decoration:none; color:#4eba65; bottom:10px; position: absolute; }

#listeNouvelle .suite span{text-decoration: underline}
#listeNouvelle .suite:after{content: '>'; font:11px/16px 'guifx_v2_transportsregular'; margin-left:5px;}
#listeNouvelle .Produithover{   position:absolute;    top:0;    opacity:0;      -webkit-transition: opacity 0.15s linear 0s;  transition: opacity 0.15s linear 0s;}
#listeNouvelle  div.newslist:hover .Produithover{ opacity:1;  -webkit-transition: opacity 0.15s linear 0s;
  transition: opacity 0.15s linear 0s;};
.slick-slider{margin-bottom: 0}


.slick-prev:before, .slick-next:before{
  opacity:1;
  font: 30px/20px 'guifx_v2_transportsregular';
  min-height: 400px;
}
.slick-next:before{
  content: '>';

}
.slick-prev:before{
  content: '<';

}
.slick-prev, .slick-next, .slick-prev:active, .slick-next:active, .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
  z-index:10;
   color:#fff;
       background:  rgba(0, 0, 0, 0.75);
       width:100%;
       display: none !important;
       margin:0;
}

.slick-prev{

    left: -104%;
    padding: 0 20px;
    top: 0;
    text-align: right

  }
.slick-next{

    right: -104.3%;
    padding: 0 20px;
    top: 0;     text-align: left}

.slick-prev:hover, .slick-next:hover,  .slick-prev:active, .slick-next:active{color:#4eba65 !important; background:  rgba(0, 0, 0, 0.75);}

.slick-dots {position: relative; bottom: -5px; height: 30px;}
.slick-dots li.slick-active button:before{ color:#4eba65}
.slick-dots li button {height: auto !important;}
.slick-dots li button:before{color:#fff; font-size: 10px; opacity: 1}
.slick-dots li{width:15px; margin:0;}


/* 03_100 Comedien */
#listArtiste{list-style-type: none}
#listArtiste li{ width:100%; float:left; background: #fff; margin: 1rem 0rem 0 0 }
.ie8 #listArtiste li{ width:100%; float:left; background: #fff; margin: 1em 0em 0 0 }

.ie8 #listArtiste li:last-child{margin-bottom: 1.5em}

#listArtiste li:last-child{margin-bottom: 1.5rem}
#listArtiste h2 {color:#202020; font: 14px/14px 'novecento_wide_bookbold'; padding: 0.5rem 1rem 1rem; margin:0;}
.ie8 #listArtiste h2 {color:#202020; font: 14px/14px 'novecento_wide_bookbold'; padding: 0.5em 1em 1em; margin:0;}
#listArtiste h2 a{color:#202020; font: 14px/14px 'novecento_wide_bookbold';}
#listArtiste .Produithover{   position:absolute; top:0; opacity:0; -webkit-transition: opacity 0.15s linear 0s;  transition: opacity 0.15s linear 0s;}
#listArtiste  li:hover .Produithover{ opacity:1;  -webkit-transition: opacity 0.15s linear 0s;  transition: opacity 0.15s linear 0s;}

#listArtiste h2 a span{display:block;}
#listArtiste  li figure{position:relative;}

#Filtres{background:#fff; padding:0.8rem 1rem 1rem;}
.ie8 #Filtres{background:#fff; padding:0.8em 1em 1em;}
#Filtres input[type="checkbox"], #Filtres input[type="radio"] {   display:none;}
#Filtres input[type="checkbox"] + label span, #Filtres input[type="radio"] + label span {
    display:inline-block;
    width:13px;
    height:19px;
    margin:-3px 0px 0 4px;
    vertical-align:middle;
    background:url(../gx/check_radio_sheet.png) 1px top no-repeat;
    cursor:pointer;
}
#Filtres input[type="radio"] + label span {background:url(../gx/check_radio_sheet.png) -38px top no-repeat;}


#Filtres input[type="checkbox"]:checked + label span  { background:url(../gx/check_radio_sheet.png) -17px top no-repeat;}

#Filtres input[type="radio"]:checked + label span {background:url(../gx/check_radio_sheet.png) -57px top no-repeat;}
#Filtres  .filtrelabel{display:inline-block; color:#202020; text-transform: uppercase; font:16px/18px 'novecento_wide_bookbold';  width:92px;}
#Filtres  .filtrelabel.first { margin-left:0; display:inline-block; width:98px;}

.filtre{width:100%;}

#Filtres label  {
    border: 1px solid #dbdbdb;
    color: #707070;
    cursor: pointer;
    display: inline-block;


    margin-right: 0.2rem;
    margin-top: 0.2rem;
    padding: 8px;
    width: 127px;
    }
    .ie8 #Filtres label  {

    margin-right: 0.2em;
    margin-top: 0.2em;

    }

#Filtres label.femme{margin-right:0; margin-left:102px;}

  #Filtres .customSelect{border: 1px solid #dbdbdb; margin-left: 0.3rem; padding:12px;  }
 #Filtres select{  margin-left: 0.3rem }
  .ie8 #Filtres .customSelect{border: 1px solid #dbdbdb; margin-left: 0.3em; padding:12px;  }
.ie8 #Filtres select{  margin-left: 0.3em }

/* 03_110 Detail d'un artiste */
.blocarticle p{color:#707070;}

.colgauche ul.album{ list-style-type: none; margin: 1rem 0}
.ie8 .colgauche ul.album{ list-style-type: none; margin: 1em 0}
.colgauche ul.album li{ float:left; width:33%; border-right:1px solid #000; background: #fff; /*min-height: 147px*/}
.colgauche ul.album li:nth-child(3n){border-right:none;  margin-bottom:1px;}
.colgauche ul.album li img{width:100%; opacity:1;  -webkit-transition: opacity 0.15s linear 0s;  transition: opacity 0.15s linear 0s;}
.colgauche ul.album li:hover img{opacity:0.8; border:none; -webkit-transition: opacity 0.15s linear 0s;  transition: opacity 0.15s linear 0s;}
.colgauche .blocarticle a{ color:#202020; display:inline-block; font-weight: bold}
.colgauche .blocarticle a:hover{text-decoration: underline;}

.coldroite .middle{float:left; width:100%; margin:0 0rem 0rem 0;}
.coldroite .right{float:right; width:100%; margin:0 0rem 1rem 0;}
.ie8 .coldroite .middle{float:left; width:100%; margin:0 0em 0em 0;}
.ie8 .coldroite .right{float:right; width:100%; margin:0 0em 1em 0;}
.ie8 .coldroite  .middle .blocarticle, .ie8 .coldroite  .right .blocarticle{ margin-bottom:2em;}
.coldroite  .middle .blocarticle, .coldroite  .right .blocarticle{ margin-bottom:2rem;}
ul.spec li{line-height: 21px}
ul.spec{list-style-type: none;}
.coldroite  .middle .suite,.coldroite  .right .suite{ color:#202020; display:block;}
.coldroite  .middle .suite:hover span,.coldroite  .right .suite:hover span{ color:#202020; text-decoration: underline; }
.coldroite  .middle .suite:after,.coldroite  .right .suite:after{ content: '>'; font:11px/11px 'guifx_v2_transportsregular'; color:#d93741; margin-left:0.5rem;}
.ie8 .coldroite  .middle .suite:after,.ie8 .coldroite  .right .suite:after{ content: '>'; font:11px/11px 'guifx_v2_transportsregular'; color:#d93741; margin-left:0.5em;}
.coldroite  .middle .suite:hover:after, .coldroite .right .suite:hover:after{text-decoration: none !important;}
.icone-pdfcv, .icone-zip, .icone-audio, .icone-print, .icone-partage{background: url(../gx/sprite.jpg) no-repeat left center; padding:10px 25px 8px; }
.icone-pdfcv{ background-position: 0 -107px}
.icone-zip{background-position: 0 -67px}
.icone-audio{background-position: 0 -147px}
.icone-print{background-position: 0 -32px; padding:4px 0px 0 25px  }
.icone-partage{background-position: 0 0; padding:4px 1rem 0 25px ;  }
.ie8 .icone-partage{background-position: 0 0; padding:4px 1em 0 25px ;  }
.albumpic .credit{position: absolute;bottom:0px;width: 100%;background-color:rgba(255,255,255,0.6);}
.albumpic .credit p{padding:5px;margin:0px;}
.tabs{ list-style-type: none; margin-bottom:;}
.tabs li{float:left; background:#bfbfbf; border-right:1px solid #000000; width:35%; padding:2rem 0; margin:0; text-align:center; cursor: pointer}
.ie8 .tabs li{float:left; background:#bfbfbf; border-right:1px solid #000000; width:35%; padding:2em 0; margin:0; text-align:center; cursor: pointer}
.tabs li h2{color:#000; font-family: "novecento_widedemibold"; margin:0; font-size: 13px; line-height: 13px;}
.tabs li:last-child{border:none; width:29%; padding:1.5rem 0;}
.ie8 .tabs li:last-child{border:none; width:29%; padding:1.5em 0;}
.tabs li:hover{background:#d9d9d9;}
.tabs li.active{background:#fff;}
.tabcontent div.activetxt{display:block;}
.tabcontent div{display:none; color:#707070; font-size:13px;}

.tabcontent h1, .tabcontent h2 , .tabcontent h3{margin-bottom:0.5rem; font:20px/16px 'novecento_wide_bookbold', Arial, Helvetica, sans-serif; color:#fff; }
.ie8 .tabcontent h1, .ie8 .tabcontent h2 , .ie8 .tabcontent h3{margin-bottom:0.5em; font:20px/16px 'novecento_wide_bookbold', Arial, Helvetica, sans-serif; color:#fff; }
.ie8 .tabcontent ul{ list-style-type: none; margin-bottom:1em;}
.tabcontent ul{ list-style-type: none; margin-bottom:1rem;}
.tabcontent li{color:#707070; line-height: 21px;    margin-left: 19px;
    text-indent: -18px;}
.tabcontent li:before{content: '>'; font:11px/11px 'guifx_v2_transportsregular'; color:#d93741; margin-right:0.5rem;}
.ie8 .tabcontent li:before{content: '>'; font:11px/11px 'guifx_v2_transportsregular'; color:#d93741; margin-right:0.5em;}
.importnews{margin:0.5rem 0 2rem;}
.ie8 .importnews{margin:0.5em 0 2em;}
/* 00_110 : Nouvelle details
--------------------------------------------------------------------------------------- */
.blocarticle h3, .blocarticle h2{ color:#202020;}
 #detailNouvelle figure img{ width:100%; margin-bottom:1rem;  }
  .ie8 #detailNouvelle figure img{ width:100%; margin-bottom:1em;  }
#detailNouvelle figure{ width:100%; margin-bottom:2%; }
#detailNouvelle time { font-style: italic; color: #4eba65}
.colgauche{ float: left; width:100%; margin: 0 0rem 0rem 0; color:#202020;}
  .ie8 .colgauche{ float: left; width:100%; margin: 0 0em 0em 0; color:#202020;}
.coldroite{ width:100%;  float: left; color:#202020; }
.blocarticle{background:#fff; padding:1rem; margin-bottom:2rem;}
 .ie8 .blocarticle{background:#fff; padding:1em; margin-bottom:2em;}
.blocarticle a{color:#4eba65;}
.joindre .colgauche{margin:0 0 1rem 0rem;}
.ie8 .joindre .colgauche{margin:0 0 1em 0em;}
/* - - - Boutons de partage - - -  */
.blocarticle .bouton{display:block; margin: 5px auto}
#partage h3{ margin-bottom:0.5em; }
a.retour{ text-transform: uppercase; font: 14px/14px 'novecento_wide_bookbold'; color:#fff; text-decoration: none}
a.retour:before{ content: '<'; color:#4eba65; font: 14px/14px 'guifx_v2_transportsregular'; margin-right:5px;}


#detailNouvelle h1 {line-height:39px}





/* 02_100 : Agence
------------------------------------------------------------------------------------------------*/
address{line-height: 21px; color:#707070;}
address h5{color:#202020; font-size:13px; font-weight: bold;}
.contactbox{display:block; padding:1rem; color:#000; font:bold 13px/13px Arial, Helvetica, sans-serif ; background:#fff; margin:1rem 0;}
.ie8 .contactbox{display:block; padding:1em; color:#000; font:bold 13px/13px Arial, Helvetica, sans-serif ; background:#fff; margin:1em 0;}
.contactbox span{float:left; margin-top:-4px}
.contactbox:hover{text-decoration: underline; color:#000;}
.phone{font-weight: bold}

figure img{width:100%;}
ul.agents{list-style-type: none; width:100%; color:#202020; }
ul.agents li{float: left; margin: 0 0rem 1rem 0; width:100%; position:relative; background:#fff;}
.ie8 ul.agents li{float: left; margin: 0 0em 1em 0; width:100%; position:relative; background:#fff;}
ul.agents li:nth-child(3n){margin:0 0 1rem ;}
.ie8 ul.agents li:nth-child(3n){margin:0 0 1em ;}
ul.agents  li:hover .Produithover{ opacity:1;  -webkit-transition: opacity 0.15s linear 0s;  transition: opacity 0.15s linear 0s;}
ul.agents .Produithover{   position:absolute;    top:0;    opacity:0;      -webkit-transition: opacity 0.15s linear 0s;  transition: opacity 0.15s linear 0s;}
ul.agents .detailagent{padding:0.5rem 1rem 1rem; color:#202020;}
.ie8 ul.agents .detailagent{padding:0.5em 1em 1em; color:#202020;}
ul.agents h2 a, ul.agents h2{ font: 16px/16px 'novecento_wide_bookbold'; color:#202020;   overflow: hidden; margin-bottom: 0 }
ul.agents .detailagent a, .detailagent span.nom{display:block; margin-bottom:0.75rem; color:#202020;}
.ie8 ul.agents .detailagent a{display:block; margin-bottom:0.75em; color:#202020;}
.joindre .suite{  color:#fff; text-transform: uppercase; font: 14px/14px 'novecento_wide_bookbold';  padding-bottom: 15px; display: block;}
.joindre .suite:after{content: '>'; color:#4eba65; font: 14px/14px 'guifx_v2_transportsregular'; margin-left:5px;}
.ie8 #carte{margin-bottom:1em;}
#carte{margin-bottom:1rem;}
.note{font-style: italic; color:#707070; font-size:12px;}
/* 00_888 : Plan du site
--------------------------------------------------------------------------------------- */
#plan ul{ list-style:none; }
#plan > ul > li{ margin-bottom:1em; }
#plan ul ul{ margin-left:1em; }


/* 01_100 : Accueil
--------------------------------------------------------------------------------------- */
.customSelectInner{width:100% !important;}
.apropos{ background:#000; padding:35px 4%;}
.banniere{ background:url('../gx/slider1.jpg') no-repeat center top; text-align:center; background-size: auto 100%;}
.banniere .customSelect { text-align: left; text-transform: uppercase; color:#202020; font: 16px/22px 'novecento_wide_bookbold';  border: transparent; width:220px; padding:15px;}
.banniere .customSelectInner{width:250px !important;}
.banniere .centering{  margin: auto; padding:19% 0;}
.banniere .centering h1{width:80%; margin:0 auto;}
.banniere .centering img{width:100%;}
.boite{ background: #fff; padding:20px 20px 10px;}
.banniere h3 {font-size:20px; margin-top:5px; line-height: 30px}

/* 09_100 : Nous joindre
--------------------------------------------------------------------------------------- */
#contactInfos{}
#contactForm label  {
    border: 1px solid #dbdbdb;
      display: block;
      float: left;
      padding: 8px;
      width: 92%;
      color:#707070;
      margin-left:0rem;
      cursor: pointer;
      margin-bottom: 1rem
    }

.ie8 #contactForm label  {
    border: 1px solid #dbdbdb;
      display: block;
      float: left;
      padding: 8px;
      width: 92%;
      color:#707070;
      margin-left:0em;
      cursor: pointer;
      margin-bottom: 1em
    }
#contactForm label.Denis{margin-left:0;}

#contactForm input[type="checkbox"], #contactForm input[type="radio"] {
    display:none;
}
#contactForm input[type="checkbox"] + label span, #contactForm input[type="radio"] + label span {
    display:inline-block;
    width:13px;
    height:19px;
    margin:-3px 0px 0 4px;
    vertical-align:middle;
    background:url(../gx/check_radio_sheet.png) 1px top no-repeat;
    cursor:pointer;
}
#contactForm input[type="radio"] + label span {background:url(../gx/check_radio_sheet.png) -38px top no-repeat;}


#contactForm input[type="checkbox"]:checked + label span  {
    background:url(../gx/check_radio_sheet.png) -17px top no-repeat;
}

#contactForm input[type="radio"]:checked + label span {background:url(../gx/check_radio_sheet.png) -57px top no-repeat;}

.blocarticle.phone span{ display:block;}


   .centering .hasCustomSelect{width:252px !important;}
    .ie .centering .hasCustomSelect{width:301px !important;}

/*--------------------------------------------------------------------------------------- */
/* Pied de page */
/*--------------------------------------------------------------------------------------- */
#piedPage{ background:#000000; margin-top:1rem;}
#piedPage a{ color: #fff; padding:10px 0;}

#logoMembre{float:none;text-align:center;color:#fff;padding-top:12px;margin:auto;}
#logoMembre img{margin:auto;}
.referencement{ font-size:11px; }

.lienPartager{ float:right; text-transform: uppercase; font: 12px/20px 'novecento_wide_bookbold'; margin-right:15px; }
.lienPartager:hover{text-decoration: underline;}

.lienPartager img{ float: right; margin-left: 10px}
.copyrights a:hover{ text-decoration:underline; }
.bloc-infolettre{ background:#333333; text-align: center; padding:25px 15px;}
.bloc-infolettre h2{font:18px/20px 'novecento_wide_bookbold' ; margin-bottom: 1rem; }
.ie8 .bloc-infolettre h2{font:18px/20px 'novecento_wide_bookbold' ; margin-bottom: 1em; }
.bloc-infolettre label{font-style: italic; color:#a0a0a0; font-size: 14px;}
.bloc-infolettre h2{color: #fff; text-transform: uppercase; margin-bottom:0.5rem;}
.ie8 .bloc-infolettre h2{color: #fff; text-transform: uppercase; margin-bottom:0.5em;}
.bloc-infolettre form{   margin: 0 auto;    width: 100%;}
.bloc-infolettre .form input[type=text], .bloc-infolettre .form input[type=email], .bloc-infolettre .form input[type=password], .bloc-infolettre .form input[type=tel],
.bloc-infolettre .form input[type=search], .bloc-infolettre .form input[type=url], .bloc-infolettre .form select, .bloc-infolettre .form textarea{
	width:98%;
	margin:0.5rem;
}

.ie8 .bloc-infolettre .form input[type=text], .ie8 .bloc-infolettre .form input[type=email], .ie8 .bloc-infolettre .form input[type=password], .ie8 .bloc-infolettre .form input[type=tel],
.bloc-infolettre .form input[type=search], .ie8 .bloc-infolettre .form input[type=url], .ie8 .bloc-infolettre .form select, .ie8 .bloc-infolettre .form textarea{
  width:98%;
  margin:0.5em;
}
.bouton{     background: #4eba65;
    border: 1px solid #4eba65;
    color: #fff;
    height: 35px;
    margin: 5px;
    padding: 0 30px;
    text-transform: uppercase;
    font-weight: bold;
    font: 16px/26px 'novecento_wide_bookbold';
}
.bouton:hover{  background: #41a055; border: 1px solid #41a055;}
.bloc-infolettre .form .colFull{ width:70%; margin:0 auto; color:#fff;}
small{display:block; padding:20px; font-size: 12px; font-weight: bold; color: #a0a0a0; text-align: center}
figure{position:relative}
 .nondesktop{display:block;}
/* Menu pied de page
--------------------------------------------------------------------------------------- */
#menuPied{}
#menuPied li{ display:inline-block; }
#menuPied a{ padding:0 5px; }
#menuPied a:first-child{ padding-left:0; }

 .desktop, .tablette, .wide{display:none;}
   .centering .agent.hasCustomSelect{left:0; right:0; margin:0 auto; }
   .agenceartiste{margin-top:1rem;}

   .section{clear: both; margin-bottom: 15px; overflow: hidden;}
/* ==================================================================================== */
/*  Media Queries for Responsive Design  */
/* ==================================================================================== */

/* Styles pour appareils haute resolution */
@media (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* Mobile portrait
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 320px) {

}

@media only screen and (min-width: 375px) {
  #logo img{margin:0 auto;}
}

/* Mobile paysage
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) {
.mobileonly{display:none;}
.wide{display:block;}
main .conteneur{  position:relative;  width:94%;  margin:0 auto;}
.customSelect {    width: 110px;}
#Filtres label{width:77px;}
#Filtres  .filtrelabel{ width:110px;}
#Filtres label.femme{margin-right:0; margin-left:0rem; }
.ie8 #Filtres label.femme{margin-right:0; margin-left:0em;}
#Filtres .filtrelabel.first{width:118px;}
#listArtiste li{ width:48%; float:left; background: #fff; margin: 1rem 1rem 0 0 }
.ie8 #listArtiste li{ width:48%; float:left; background: #fff; margin: 1em 1em 0 0 }
#listArtiste li:nth-child(2n){margin: 1rem 0 0 0}
.ie8 #listArtiste li:nth-child(2n){margin: 1em 0 0 0}
#listArtiste li:last-child{margin-bottom: 1.5rem}
.ie8 #listArtiste li:last-child{margin-bottom: 1.5em}
  ol#listeNouvelle li{ width:48%; float:left; background: #fff; margin: 1rem 1rem 0 0 }
  .ie8 ol#listeNouvelle li{ width:48%; float:left; background: #fff; margin: 1em 1em 0 0 }
  ol#listeNouvelle li:nth-child(2n){margin: 1rem 0rem 0 0}
    .ie8 ol #listeNouvelle li:nth-child(2n){margin: 1em 0em 0 0}
   ol#listeNouvelle li:last-child{margin-bottom: 1.5rem}
     .ie8 ol#listeNouvelle li:last-child{margin-bottom: 1.5em}
   ul.agents li{float: left; margin: 0 1rem 1rem 0; width:31%; position:relative; background:#fff;}
      .ie8 ul.agents li{float: left; margin: 0 1em 1em 0; width:31%; position:relative; background:#fff;}
#contactForm label  {float: left; width: 43%; margin-left:1rem;  margin-bottom: 1rem   }
       .joindre .colgauche .blocarticle{width:40.5%; margin: 0 1rem 0 0; float:left;}
   .joindre .colgauche .blocarticle.phone{margin: 0}

   .ie8 #contactForm label  {float: left; width: 43%; margin-left:1em;  margin-bottom: 1em   }
      .ie8 .joindre .colgauche .blocarticle{width:40.5%; margin: 0 2em 0 0; float:left;}
     .ie8  .joindre .colgauche .blocarticle.phone{margin: 0}
}
@media only screen and (min-width: 545px) {
.tabs li{padding:1.5rem 0;}
   .ie8 .tabs li{padding:1.5em 0;}
}

/* Mobil
/* Tablette portrait
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
  #logoMembre{float:right;text-align:center;color:#fff;padding-top:12px;}
  .nondesktop{display:none;}
 .mm-list > li > span.customSelect{width:82%; }
  .mm-list  .hasCustomSelect{width:87% !important;}
.tablette{display: block}
  .smenu-mobile input{ width:85%; }
  .smenu-mobile form { width:87%; }
  .bloc-infolettre .form input[type=text], .bloc-infolettre .form input[type=email], .bloc-infolettre .form input[type=password], .bloc-infolettre .form input[type=tel],
.bloc-infolettre .form input[type=search], .bloc-infolettre .form input[type=url], .bloc-infolettre .form select, .bloc-infolettre .form textarea{ width:24%;  margin:5px;}
.bloc-infolettre input{ float: left}
small{display:block; padding:12px 15px; font-size: 12px; font-weight: bold; color: #a0a0a0; text-align: left}
.titrenews h2{float:left;}
.titrebloc .suite{ float: right; font-size:14px; }
h2{font-size:30px;}
main .conteneur{  position:relative;  width:96%;  margin:0 auto;}

  .filtre{ display: block; float: left;  width: 25%;}
  .filtre:first-child{  width: 25%;}
  #Filtres  .filtrelabel.first{display:block;}
  .ie8 #Filtres  .filtrelabel{margin-left: 0.5em; display:block;}
   #Filtres  .filtrelabel{margin-left: 0.5rem; display:block;}
   .hasCustomSelect{width:196px !important;}

   #listArtiste li{ width:23%; float:left; background: #fff; margin: 1rem 1rem 0 0 }
   #listArtiste li:nth-child(2n){margin:  1rem 1rem 0 0}
   #listArtiste li:nth-child(4n){margin: 1rem 0 0 0}
   #listArtiste li:last-child{margin-bottom: 1.5rem}

  ol#listeNouvelle li{ width:31.3%; float:left; background: #fff; margin: 1rem 1rem 0 0 }
   ol#listeNouvelle li:nth-child(2n){margin: 1rem 1rem 0 0}
  ol#listeNouvelle li:nth-child(3n){margin: 1rem 0rem 0 0}
   ol#listeNouvelle li:last-child{margin-bottom: 1.5rem}
     .joindre .colgauche .blocarticle{width:90%; margin: 0 0rem 2rem 1rem; float:left;}
   .joindre .colgauche .blocarticle.phone{margin: 0 0rem 2rem 1rem;}
.joindre .suite{  margin-top:-2rem; float:right;}

 .form .col1, .form .col2{  float:left;   margin-bottom:1rem;}
.form .col1{ width:100%;  }
.form .col2{ width:100%; }
.form .colFull{ clear:left; margin-bottom:0.5rem; }

#contactForm label { margin-left: 0rem;  width: 44%; margin-right:2rem;}
#contactForm label.Denis{margin-left:0rem; }

   .blocarticle.phone span{ display:inline-block;}

.coldroite{ width:66%;  float: left; color:#202020; }
 .colgauche{ float: left; width:31%; margin: 0 1rem 1rem 0; color:#202020;}

.tabs li{float:left; background:#bfbfbf; border-right:1px solid #000000; width:29.9%; padding:1.5rem 0; margin:0; text-align:center; cursor: pointer}
.tabs li h2{color:#000; font-family: "novecento_widedemibold"; margin:0; font-size:16px; line-height: 16px;}
.tabs li:last-child{border:none; width:39.6%;}

   #contactForm.recruit .form .col1{width:47.5%;}
#contactForm.recruit  .form .col2{width:49.6%;}




   .ie8  #listArtiste li{ width:23.3%; float:left; background: #fff; margin: 1em 1em 0 0 }
   .ie8  #listArtiste li:nth-child(2n){margin:  1em 1em 0 0}
  .ie8   #listArtiste li:nth-child(4n){margin: 1em 0 0 0}
 .ie8    #listArtiste li:last-child{margin-bottom: 1.5em}
 .ie8 ol#listeNouvelle li{ width:31.3%; float:left; background: #fff; margin: 1em 1em 0 0 }
 .ie8    ol#listeNouvelle li:nth-child(2n){margin: 1em 1em 0 0}
  .ie8  ol#listeNouvelle li:nth-child(3n){margin: 1em 0em 0 0}
  .ie8   ol#listeNouvelle li:last-child{margin-bottom: 1.5em}
  .ie8     .joindre .colgauche .blocarticle{width:90%; margin: 0 0em 1em 0em; float:left;}
  .ie8   .joindre .colgauche .blocarticle.phone{margin: 0 0em 1em 0em;}
 .ie8 .joindre .suite{  margin-top:-2em; float:right;}

  .ie8 .form .col1, .form .col2{  float:left;   margin-bottom:1em;}
 .ie8 .form .col1{ clear:left; }
 .ie8 .form .col2{ margin-left:1em; width:49.6%; }
 .ie8 .form .colFull{ clear:left; margin-bottom:1em; }

 .ie8 #contactForm label { margin-left: 0em;  width: 44%; margin-right:2em;}
 .ie8 #contactForm label.Denis{margin-left:0em; }

   .ie8  .blocarticle.phone span{ display:inline-block;}

 .ie8 .coldroite{ width:66%;  float: left; color:#202020; }
 .ie8  .colgauche{ float: left; width:31%; margin: 0 1em 1em 0; color:#202020;}

 .ie8 .tabs li{float:left; background:#bfbfbf; border-right:1px solid #000000; width:29.9%; padding:1.5em 0; margin:0; text-align:center; cursor: pointer}
 .ie8 .tabs li h2{color:#000; font-family: "novecento_widedemibold"; margin:0; font-size:16px; line-height: 16px;}
 .ie8 .tabs li:last-child{border:none; width:39.6%;}

 .ie8    #contactForm.recruit .form .col1,#contactForm.recruit  .form .col2{width:47.5%;}
}

/* Tablette paysage et desktop
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 960px) {
  .desktop{display:block;}
  #logo{  position:absolute;  top:48px;  left:0;  display:block; width:165px;  height:45px;}
  #entete{  position:relative;  height:100px;}
  #logo img{width:100%; max-width: 169px; padding:0;}
  .mobile{display:none;}
.conteneur{  position:relative;  width:960px;  margin:0 auto;}
main .conteneur{  position:relative;  width:960px;  margin:0 auto;}
.bloc-infolettre form{   margin: 0 auto;    width: 90%;}
.bloc-infolettre .form input[type=text], .bloc-infolettre .form input[type=email], .bloc-infolettre .form input[type=password], .bloc-infolettre .form input[type=tel],
.bloc-infolettre .form input[type=search], .bloc-infolettre .form input[type=url], .bloc-infolettre .form select, .bloc-infolettre .form textarea{
  width:220px;  margin:5px;}
  .bloc-infolettre{ background:#333333; text-align: center; padding:25px;}
  .banniere .centering h1{width:100%; margin:0 auto;}
  .banniere h3 {font-size:30px; margin-top:10px;}
  .apropos{ padding:35px 0;}
  .newsbloc{ width:100%;  padding:0; overflow:hidden;}
  .icon-fax:before { content: '\e803'; color:#000; font-size:19px; margin: 0 0.5rem 0 1rem} /* '' */
  .slick-list{overflow: visible !important;}
  .titrebloc{position:relative; width:960px; z-index:20;  margin:0 auto; padding:0;}
  .titrenews{position:absolute;  top:-50px; width:100%;}
  .titrebloc .suite{ float: right; color:#fff; text-transform: uppercase; font: 14px/14px 'novecento_wide_bookbold'; margin-top:4px;}
  .titrebloc .suite:after{content: '>'; color:#4eba65; font: 14px/14px 'guifx_v2_transportsregular'; margin-left:5px;}
  .slick-prev, .slick-next, .slick-prev:active, .slick-next:active, .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{ display: block !important;}

  #Filtres label  { float:none; display: inline; padding: 8px;  width: 77px; margin: 0 0 0 0.5rem ;   }
  .filtre{ width:40%; display: inline; float:none; }
  .filtre:first-child{width:30%; margin-right: 0rem;}
  #Filtres .filtrelabel{margin-left: 0.5em; width:auto; display:inline-block;}
  #Filtres .filtrelabel.first{display:inline;}
  #Filtres label.femme{ margin-left:0.5rem;}

  #listArtiste li{ width:18.66%; float:left; background: #fff; margin: 1rem 1rem 0 0;height:340px; }
  #listArtiste li:nth-child(2n){margin:  1rem 1rem 0 0}
  #listArtiste li:nth-child(4n){margin: 1rem 1rem 0 0}
  #listArtiste li:nth-child(5n){margin: 1rem 0 0 0}
  #listArtiste li:last-child{margin-bottom: 1.5rem}

  #listeNouvelle{ list-style:none; position: relative; width:960px; margin: 0 auto}
  ol#listeNouvelle li{ width:23%; float:left; background: #fff; margin: 1rem 1rem 0 0 }
   ol#listeNouvelle li:nth-child(2n){margin: 1rem 1rem 0 0}
   ol#listeNouvelle li:nth-child(3n){margin: 1rem 1rem 0 0}
  ol#listeNouvelle li:nth-child(4n){margin: 1rem 0 0 0}
ol#listeNouvelle li:last-child{margin-bottom: 1.5rem}
  main.nonacc{ padding-top:62px; }

  .joindre .colgauche{ float: left; width:31%; margin: 0 1rem 1rem 0; color:#202020;}
.joindre .coldroite{ width:67%;  float: left; color:#202020; }
.joindre .colgauche{margin:0 0 1rem 1rem;}
     .joindre .colgauche .blocarticle{width:90%; margin: 0 0rem 2rem 0rem; float:left;}
   .joindre .colgauche .blocarticle.phone{margin: 0 0rem 2rem 0rem;}
   .joindre .colgauche .blocarticle{width:90%; margin-bottom:2rem; }
   ul.agents{ width:67%; }
   #contactForm label  {  width: 20.6%; margin-right:0rem; margin-right:}
#contactForm label.Denis{margin:0 1rem; }

.coldroite{ width:67%;  float: left; color:#202020; }
 .colgauche{ float: left; width:31%; margin: 0 1rem 1rem 0; color:#202020;}
 .coldroite .middle{float:left; width:48.75%; margin:0 1rem 1rem 0;}
.coldroite .right{float:right; width:48.75%; margin:0 0rem 1rem 0;}
.tabs li{float:left; background:#bfbfbf; border-right:1px solid #000000; width:30%; padding:1.5rem 0; margin:0; text-align:center; cursor: pointer}
.Produithover{display:block;}


.slick-slide img.Produithover{display: block}
.slick-next, .slick-prev {height: 100%;}

.form .col1{ clear:left; width:47.5%;  }
.form .col2{ margin-left:1rem;  width:49.6%; }


 .ie8   .desktop{display:block;}
  .ie8  #logo{  position:absolute;  top:0;  left:0;  display:block;  background:url(../gx/logo-bg.png) no-repeat;  width:180px;  height: 145px}
 .ie8   #entete{  position:relative;  height:100px;}
  .ie8  #logo img{ margin:10px auto;}
   .ie8 .mobile{display:none;}
 .ie8 .conteneur{  position:relative;  width:960px;  margin:0 auto;}
 .ie8 main .conteneur{  position:relative;  width:960px;  margin:0 auto;}
 .ie8  .bloc-infolettre form{   margin: 0 auto;    width: 90%;}
 .ie8 .bloc-infolettre .form input[type=text], .bloc-infolettre .form input[type=email], .bloc-infolettre .form input[type=password], .bloc-infolettre .form input[type=tel],
 .ie8 .bloc-infolettre .form input[type=search], .bloc-infolettre .form input[type=url], .bloc-infolettre .form select, .bloc-infolettre .form textarea{
  width:220px;  margin:5px;}
   .ie8 .bloc-infolettre{ background:#333333; text-align: center; padding:25px;}
   .ie8 .banniere .centering h1{width:100%; margin:0 auto;}
   .ie8 .banniere h3 {font-size:30px;}
   .ie8 .apropos{ padding:35px 0;}
   .ie8 .newsbloc{ width:100%;  padding:0; overflow:hidden;}
   .ie8 .icon-fax:before { content: '\e803'; color:#000; font-size:19px; margin: 0 0.5em 0 1em} /* '' */
   .ie8 .slick-list{overflow: visible !important;}
   .ie8 .titrebloc{position:relative; width:960px; z-index:20;  margin:0 auto; padding:0;}
   .ie8 .titrenews{position:absolute;  top:-50px; width:100%;}
   .ie8 .titrebloc .suite{ float: right; color:#fff; text-transform: uppercase; font: 14px/14px 'novecento_wide_bookbold'; margin-top:4px;}
   .ie8 .titrebloc .suite:after{content: '>'; color:#d61f2b; font: 14px/14px 'guifx_v2_transportsregular'; margin-left:5px;}


  .ie8 #Filtres label  { float:none; display: inline; padding: 8px;  width: 77px; margin: 0 0 0 0.5em ;   }
  .ie8 .filtre{ width:40%; display: inline; float:none; }
  .ie8 .filtre:first-child{width:30%; margin-right: 0em;}
  .ie8 #Filtres .filtrelabel{margin-left: 1.5em; width:auto; display:inline-block;}
  .ie8 #Filtres .filtrelabel.first{display:inline;}
  .ie8 #Filtres label.femme{ margin-left:0.5em;}

  .ie8 #listArtiste li{ width:18.66%; float:left; background: #fff; margin: 1em 1em 0 0 }
  .ie8 #listArtiste li:nth-child(2n){margin:  1em 1em 0 0}
  .ie8 #listArtiste li:nth-child(4n){margin: 1em 1em 0 0}
  .ie8 #listArtiste li:nth-child(5n){margin: 1em 0 0 0}
  .ie8 #listArtiste li:last-child{margin-bottom: 1.5em}

  .ie8 #listeNouvelle{ list-style:none; position: relative; width:960px; margin: 0 auto}
  .ie8 ol#listeNouvelle li{ width:23%; float:left; background: #fff; margin: 1em 1em 0 0 }
  .ie8  ol#listeNouvelle li:nth-child(2n){margin: 1em 1em 0 0}
  .ie8  ol#listeNouvelle li:nth-child(3n){margin: 1em 1em 0 0}
 .ie8  ol#listeNouvelle li:nth-child(4n){margin: 1em 0 0 0}
 .ie8 ol#listeNouvelle li:last-child{margin-bottom: 1.5em}
 .ie8  main.nonacc{ padding-top:62px; }

 .ie8  .joindre .colgauche{ float: left; width:31%; margin: 0 1em 1em 0; color:#202020;}
 .ie8.joindre .coldroite{ width:67%;  float: left; color:#202020; }
 .ie8 .joindre .colgauche{margin:0 0 1em 1em;}
  .ie8  .joindre .colgauche .blocarticle{width:90%; margin-bottom:2em; }
  .ie8  ul.agents{ width:67%; }
  .ie8  #contactForm label  {  width: 19.8%; margin-left:1em; margin-right: 0;    }

 .ie8 #contactForm label.Denis{margin-left:1em; }

 .ie8 .coldroite{ width:67%;  float: left; color:#202020; }
 .ie8  .colgauche{ float: left; width:31%; margin: 0 1em 1em 0; color:#202020;}
  .ie8 .coldroite .middle{float:left; width:48.75%; margin:0 1em 1em 0;}
 .ie8 .coldroite .right{float:right; width:48.75%; margin:0 0em 1em 0;}
 .ie8 .tabs li{float:left; background:#bfbfbf; border-right:1px solid #000000; width:30%; padding:1.5em 0; margin:0; text-align:center; cursor: pointer}

}





  .ie8 .Produithover{display:none;}
   .ie8 .newslist{max-height:400px;}
    .ie8 #listeNouvelle li{max-height:450px;}
   .ie8 ol#listeNouvelle li{margin: 1em 1em 0 0;}

  .ie8 #listeNouvelle .nouvTexte{ padding:0.5em 1em 1em}