@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Exo';
/* General
---------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-family: 'Exo', Arial sans-serif;
}

p, blockquote, q, pre, address, hr, code, samp,
dl, ol, ul, form, table, fieldset, menu {
	margin-bottom: 10px;
}
html {font-size: 100%;}
body,div,p,td {
	font-size: 1em;
}


h1, h2, h3, h4, h5, h6 {	margin-bottom: 10px;	font-weight: bold;}
h1 {	font-size: 3em;	line-height: 1.1em;}
h2 {	font-size: 2em;	line-height: 1.15em;}
h3 {	font-size: 1.5em;	line-height: 1.2em;}
h4 {	font-size: 1.25em;	line-height: 1.25em;}
h5 {	font-size: 1em;}
h6 {	font-size: 1em;}
em, i {	font-style: italic;}
strong, b {	font-weight: bold;}
blockquote, q, cite {	font-style: italic;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";	content: none;}
code, kbd, pre, samp, tt {	font-family: courier;line-height: 1.3;}
pre {white-space: pre-wrap;}
abbr, acronym, dfn {	border-bottom: 1px dotted;	cursor: help;	font-variant: normal;	font-style: normal;}
var {	font-style: normal;}
center {text-align: center;}

a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
a:focus {outline: 1px dotted;}
a img {	border: 0;}

ul {	list-style: disc outside none;}
ol {	list-style: decimal outside none;}
li {	margin-left: 20px;}
li ul, li ol {	margin-bottom: 0;}
dt {	font-weight: bold;}
dd {	margin-bottom: 10px;}
hr {	border: 0;	border-bottom: 1px solid;}
big {	font-size: 1.25em;}
small, sub, sup {	font-size: .85em;}
sub, sup {	line-height: 1;}
sub {	vertical-align: bottom;}
sup {	vertical-align: top;}
del, s, strike {	text-decoration: line-through;}
ins {	text-decoration: none;	border-bottom: 1px dotted;}
bdo {	border-bottom: 1px dotted;}
u {	text-decoration: underline;}

fieldset {	padding: 10px;}
legend {	font-weight: bold;	padding: 0 .25em;}
input, textarea, select, button {	font-family: inherit;	font-size: 1em;}
input[type=button], input[type=file], input[type=image], input[type=reset], input[type=submit], 
button[type=button], button[type=reset], button[type=submit] {cursor: pointer;	line-height: 1;}
input[type=text], input[type=password], textarea {	padding: 1px;}
textarea {	text-align: left;	line-height: 1.25;}

table {border-collapse: collapse;	border-spacing: 0;	border: 0}
caption, th, td {	text-align: left;	vertical-align: top}
th, td {	padding: 0;	border: 0 none;}
caption {	padding-bottom: 10px}
th {	font-weight: bold}

.clearfix:after {	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;}
* html .clearfix {	zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}
body {font: normal 1em 'Exo', Arial sans-serif; color: #000;}
#page {margin:0px auto;padding:0px;width:986px;}
#header, #content, #content-bottom, #footer {position: relative;width: 986px;margin: 0 auto;}
#footer {}
#SelectProfil {position:absolute;top:0px;right:20px;text-align:center;z-index:9999;}
#SelectProfil select{background-color:yellow;}
#iframe_modules{position: relative;width: 980px;height:800px;}
#TBLAY a:link , #TBLA  a:hover , #TBLAY a:active , #TBLAY a:visited {color:#000 !important}
.adminbox{position:absolute;left:-310px;top:50px;z-index:999999;border:2px solid red; background:#fff; padding:10px; width:300px;}

/* -- GNV --- */
.LayCatPathText {font: normal .8em 'Exo', Arial sans-serif;	color : inherit;}
#LayCatPathHref, #LayCatPathHref:hover {	font-size: bold .8em 'Exo', Arial sans-serif;	text-decoration: none;	color : inherit;}
#LayCatPathHref:hover {	color: #FF0000;}
.LayCatChildTitle {	font: bold .9em 'Exo', Arial sans-serif;	color: #7C7C7C;	margin : 10px;	background : #DFDFDF;}
.LayCatLayoutTitle {	font: normal .9em 'Exo', Arial sans-serif;color : inherit;}

.font30{font-size:1.8em;color:inherit;font-weight:inherit;}
.font24{font-size:1.7em;color:inherit;font-weight:inherit;}
.font22{font-size:1.6em;color:inherit;font-weight:inherit;}
.font18{font-size:1.4em;color:inherit;font-weight:inherit;}
.font16{font-size:1.2em;color:inherit;font-weight:inherit;}
.font14{font-size:1.1em;color:inherit;font-weight:inherit;}
.font12{font-size:1em;color:inherit;font-weight:inherit;}
.font10{font-size:.95em;color:inherit;font-weight:inherit;}
.font9{font-size:.9em;color:inherit;font-weight:inherit;}
.font8{font-size:.85em;color:inherit;font-weight:inherit;}
.caps{text-transform:uppercase;}
.ombre{text-shadow: 0 0 9px #777; }
.clear{clear:both}
a.btn, button.btn{display:inline-block; text-align:center; padding:10px; background-color:#555454; color:#fff; border:0;}
a.btn:hover, button.btn:hover{opacity:0.8; text-decoration:none;cursor:pointer;}
ul.nopuce,ul.nopuce li, ul.inline{margin:0; padding:0; list-style:none;}
ul.inline li{float:left;margin:0; padding:0;}
.wsite{width:100%; max-width:980px; margin:0 auto; }
.colonne{padding:10px;}
.bloc{margin-bottom:20px;}
.left{float:left;}
.right{float:right;}
.center{clear:both;float:none;display:block;margin:0 auto;}
.bloc.left,.bloc.right{max-width:50%;}

/* Login */
#bodyLogin {	background: #F2F2F2 none;	text-align: center;	font:1em 'Exo', Arial sans-serif;}
#bodyLogin  label{display:block;}
#bodyLogin .loginConnect {	width: 274px;	height: 226px;	margin: 20px auto;	background: url(../Images/connexion.png) 0 0 no-repeat;	position: relative;}
#bodyLogin .login .input {top: 60px;}
#bodyLogin .password .input {	top: 111px;}
#bodyLogin .lostpassword a, #bodyLogin .lostpassword a:hover, #bodyLogin .lostpassword a:visited {font-weight: normal;}
#bodyLogin .error,#bodyLogin .error span {color: red;font-weight: bold;}
/* MENU */
#menu_main{display:block;max-width:980px;text-align:center;}
#navigation{position:relative;margin:15px 0;}
#navigation ul{margin:0;padding:0;list-style:none;}
#navigation a{display:block;color:#fff;font-weight:bold;text-decoration:none;padding:10px ; background-color:#a7a7a7;}
#navigation a:hover{}
#navigation li {display:inline-block;}
#navigation ul.subitem{ position: absolute; top: 20px; background: #555547; z-index: 1000; padding: 5px; max-width: 250px;border-radius:5px;}
#navigation ul.subitem li a{color: white; display: block; text-decoration:none;}
#navigation ul.subitem li:hover{background: #696959;}
#navigation ul.subitem li a:hover{}
#navigation ul.subitem li{ display: block; text-align: left;border:0;}
#navigation .niv0.col02 a{ background-color:#023e7c;background-image:url('/portal_upload/images/template/bgm_mineraux.jpg');}
#navigation .niv0.col03 a{ background-color:#fecc00;background-image:url('/portal_upload/images/template/bgm_alimentaire.jpg');}
#navigation .niv0.col04 a{ background-color:#d10a11;background-image:url('/portal_upload/images/template/bgm_plastique.jpg');}

/*
////////////////////////////////////////////////////////////////////////////////
 CHARTE
Gris fonce : #555454
Bleu Mineraux : #023e7c
jaune Alimentaire : #fecc00
Rouge Plastique : #d10a11
////////////////////////////////////////////////////////////////////////////////
*/
/*HEADER*/
#topmenu-main{border-bottom:1px solid #c0c0c0;background-color:#fff;}
#topmenu-main ul{float:right;}
#topmenu-main li.recherche{border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0;height:40px; }
#topmenu-main form{padding:5px 10px 5px 10px;}
#topmenu-main #f_search{border:0;padding:3px;float:left;}
#topmenu-main li a{padding:0 20px; line-height:40px}
#topmenu-main .validForm{float:right; background-color:transparent;background-image:url('/portal_upload/images/template/ico_loupe.png'); width:30px; height:30px; cursor:pointer;}
#header-content{height:115px; position:relative;padding-top:35px;}
#logo{float:left;}
#menu-main{float:right;}

.liseretgris{border-top:1px solid #c0c0c0; }
#diaporama-main{background-color:#555454;border-top:1px solid #555454;border-bottom:1px solid #555454;color:#fff;
font-size:1.25em;height:209px;}
#diaporama-main .diapo{position:relative; display:block; width:100%}
#diaporama-main .visuel{float:right;}
#diaporama-main .caption{float:left; max-width:450px; 	padding:10px 10px 0 10px;}
#diaporama-main .caption h6{	text-transform:uppercase; display:inline-block;}
#diaporama-main .image-desc{font-size:.85em;}
.home #diaporama-main .caption h6{background-color:#023e7c; padding:10px; margin-top:30px;}
.page17 #diaporama-main{background-color:#023e7c;}
.page18 #diaporama-main{background-color:#fecc00; color:#000;}
.page19 #diaporama-main{background-color:#d10a11;}
#logos-main{background-color:#fff; }
#logos-content{overflow:hidden;}
/* ERREURS*/
.error{color:#d10a11;}
label.error{display:inline-block;padding:0 10px;}
textarea.error, select.error, input.error{
	border: 2px solid #d10a11;
	background-color: rgba(209,10,17,0.05);
	margin: 0px;
	color: #d10a11;
}
span.error{color:red;display:inline-block;margin:0 0 10px 0;padding:5px;}
label.required{color:#d10a11;font-weight:bold; }

/*CONTENT*/
#content-main{
	background-color:#efeeee;
}
#content{
	min-height:200px; padding:30px 0 60px 0;
}
.mobilehide{display:block;}
.mobile{display:none;}
ul.frm-lay>li{padding:10px 0;}
ul.frm-lay>li label{display:inline-block; width:150px;}
.box-content{float:left; margin-right:20px;}
.box-content:last-child{margin-right:0;}
.col-3{max-width:29%;min-height:150px;padding:10px 0;}
.col-end{margin:0;}
ul.colonnes li{float:left;display:inline-block; width:45% ; padding : 10px  20px  10px 0; margin-left:0;}
#Actus{max-width:490px;}
#Actus h6{Text-transform:uppercase;}
#Actus h6 .date,#Actus h6 .lieu{font-weight:normal;}
#Actus li{background-color:#fff; padding:10px; clear:both; margin-bottom:10px;}
#Actus .image-cache{display:block; float:left; width:150px}
#Actus img{ max-height:80px;}
#Actus .description{float:left; max-width:320px; font-size:0.8em;}
#Actus .savoirplus{float:right;  font-size:0.7em; background:none; color:#000;}
#homeDesc{max-width:450px; overflow:hidden;width:100%; min-height:450px;text-align:justify!important}
#homeDesc li{position:relative; display:block; margin:20px 10px;min-height:60px;}
#homeDesc li:first-child{margin-top:40px;}
#homeDesc li:last-child{margin-bottom:0;}
#homeDesc img{width:auto; height:auto; max-width:450px; z-index:1;}
#homeDesc h6{font-size:1.2em; position:absolute; top:0; left:0; z-index:9;background-color:rgba(255,255,255, 0.6);
	width:100%; padding:5px; text-align:center;}
.LayCatPath{display:none;}
#coordonnees, .coordonnees{float:right;}
#coordonnees img{height:auto; width:auto; max-height:30px;}
#imgCaptcha{vertical-align:middle; margin:0 20px;}
/*FOOTER*/
#footer-main{
	padding-top:90px;
	background-repeat:repeat-x;
	background-image:url('/portal_upload/images/template/bg_footer.jpg');
	background-position:top center;
	background-color:#555454;
}
#navigation2 { width:600px; float:left;}
/*#navigation2  li.niv0{display:inline-block;float:left; min-width:15%; margin-left:0;}*/
#navigation2  li.niv0{display:inline-block;float:left;margin-left:0;margin-right:35px}
#footer .coordonnees p{margin:0; font-size:.8em;}
#footer-alter{	border-top:1px solid #838383; margin:10px;padding:10px;}
#footer2{}
#footer, #footer-alter{color:#fff;}
#footer a, #footer-alter a{ color:#fff;}

.homeText{width:100%}


@media screen and (min-width: 980px) {
	.coordonnees{padding-left:40px; border-left:2px solid #fff;}
}
@media screen and (min-width: 601px)  and (max-width: 980px) {
	.wsite{max-width:600px; }
	#navigation li {margin:0 0 0  5px;}
	#navigation2 {width:auto;}
	#navigation2 li.niv0 {display:block; float:none;margin:10px 10px 10px 0;}
	.diapo img{max-width:280px; margin-top:35px;}
	#diaporama-main .caption {max-width:300px;}
	#diaporama-main .image-desc {font-size:.75em;}
	#diaporama-main .caption h6{margin: 0; font-size:1em;}
	.box-content{margin:0 30px 0 0;}
	#Actus{max-width:280px;margin-right:0;}
	#homeDesc{margin:0;}
	#homeDesc h6{font-size:.95em;}
	#homeDesc li, #homeDesc img{max-width:300px;}
	#iframe_modules{width: 600px;}

	
}
@media screen and (max-width: 600px) {	
	.wsite{max-width:300px; padding:0 10px}
	.mobile{display:block; margin:0 10px 20px 10px; height:30px;}
	.btnmmenu{float:left;}
	.btnoptions,.btncontact{float:right;}
	#topmenu-main, #logos-main, #diaporama-main, .mobilehide{display:none;}
	
	#diaporama-main .caption {margin:10px 0;padding:0;}
	#diaporama-main .caption h6{ font-size:.9em;}
	#diaporama-main .image-desc {font-size:.75em;}
	#diaporama-main .visuel{float:none;margin-top:10px}
	#diaporama-main img{max-width:300px; }
	#diaporama-main{display:block; height:360px;}
	
	#header-content{height:auto; padding-top:0}
	#logo, #coordonnees, .coordonnees{float:none;}
	.col-3{max-width:100%; margin:0;}
	ul.colonnes li{float:none; width:100% ;}
	.box-content{float:none; margin-right:0;}
	#Actus h3{ margin-left:10px;}
	#Actus li{ margin:20px 10px;}
	#homeDesc h6{font-size:.95em;}
	#homeDesc li, #homeDesc img{max-width:280px;}
	#homeDesc li:first-child{margin-top:10px;}
	#menu-main{float:none;margin:0;}
	#navigation li a{text-align:center;width:220px; background-image:none!important;margin:0;}
	#navigation li.niv0.col03 a{color:#000;}
	#topmenu-main {margin-bottom:10px}
	#topmenu-main .recherche{width:280px; border-top:1px solid #c0c0c0;}
	#navigation2 {margin:20px 0;width:auto;}
	#navigation2 li.niv0 {width:90px; margin:10px 10px 10px 0;}
	#navigation2 li a {white-space:nowrap;}
	#iframe_modules{width:300px; height:1600px;}

	
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/*Hack Webkit SAFARI*/
#footer .coordonnees p{margin:0; font-size:1em;}
#diaporama-main .image-desc{font-size:.75em;}
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm)  and (max-width: 600px) {/*Hack CHROME */
	#diaporama-main .image-desc{font-size:.75em;}
}

/*------------------------------------------------------------------------------------------------*/
/*--- MODULE SLICK ---*/
/*------------------------------------------------------------------------------------------------*/
/* Slider */
.slick-slider{    position: relative;    display: block;    box-sizing: border-box;    -webkit-user-select: none;       -moz-user-select: none;        -ms-user-select: none;            user-select: none;    -webkit-touch-callout: none;    -khtml-user-select: none;    -ms-touch-action: pan-y;        touch-action: pan-y;    -webkit-tap-highlight-color: transparent;}
.slick-list{    position: relative;    display: block;    overflow: hidden;    margin: 0;    padding: 0;}
.slick-list:focus{    outline: none;}
.slick-list.dragging{    cursor: pointer;    cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{    -webkit-transform: translate3d(0, 0, 0);       -moz-transform: translate3d(0, 0, 0);        -ms-transform: translate3d(0, 0, 0);         -o-transform: translate3d(0, 0, 0);            transform: translate3d(0, 0, 0);}
.slick-track{    position: relative;    top: 0;    left: 0;    display: block;}
.slick-track:before,.slick-track:after{    display: table;    content: '';}
.slick-track:after{    clear: both;}
.slick-loading .slick-track{    visibility: hidden;}
.slick-slide{    display: none;    float: left;    height: 100%;    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;    height: auto;    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
/* Slider THEME */
.slick-loading .slick-list
{
    background: #fff url('/portal_upload/images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/portal_upload/fonts/slick.eot');
    src: url('/portal_upload/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/portal_upload/fonts/slick.woff') format('woff'), url('/portal_upload/fonts/slick.ttf') format('truetype'), url('/portal_upload/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{    opacity: .75;    color: black;}