@charset "utf-8";
/* CSS Document */

/*MODIF PAR STEDEN LE 11/05/2023@font-face {
	font-family: 'dejavu';
	src:url('../fonts/DejaVuSans-ExtraLight-webfont.eot?#iefix-k9rfpz') format('embedded-opentype'),
		url('../fonts/DejaVuSans-ExtraLight-webfont.ttf?-k9rfpz') format('truetype'),
		url('../fonts/DejaVuSans-ExtraLight-webfont.woff?-k9rfpz') format('woff'),
		url('../fonts/DejaVuSans-ExtraLight-webfont.svg?-k9rfpz#icomoon') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'dejavu-book';
	src:url('../fonts/DejaVuSans-webfont.eot?#iefix-k9rfpz') format('embedded-opentype'),
		url('../fonts/DejaVuSans-webfont.ttf?-k9rfpz') format('truetype'),
		url('../fonts/DejaVuSans-webfont.woff?-k9rfpz') format('woff'),
		url('../fonts/DejaVuSans-webfont.svg?-k9rfpz#icomoon') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'dejavu-bold';
	src:url('../fonts/DejaVuSans-Bold-webfont.eot?-k9rfpz');
	src:url('../fonts/DejaVuSans-Bold-webfont.eot?#iefix-k9rfpz') format('embedded-opentype'),
		url('../fonts/DejaVuSans-Bold-webfont.ttf?-k9rfpz') format('truetype'),
		url('../fonts/DejaVuSans-Bold-webfont.woff?-k9rfpz') format('woff'),
		url('../fonts/DejaVuSans-Bold-webfont.svg?-k9rfpz#icomoon') format('svg');
	font-weight: 600;
	font-style: normal;
}
*/
@font-face {
	font-family: 'ClashGrotesk-regular';
	src:url('../fonts/ClashGrotesk-Regular.otf?') format('opentype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'ClashGrotesk-Semibold';
	src: url('../fonts/ClashGrotesk-Semibold.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'ClashGrotesk-Bold';
	src:url('../fonts/ClashGrotesk-Bold.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
}

* {	margin:0; padding:0; -webkit-text-size-adjust: none; box-sizing:border-box;-moz-box-sizing:border-box;}

/*a { text-decoration:none; color:#94b41f;}*/
a { text-decoration:none; color:#5065ff;}

ul, ol, li { list-style:none;}

img { border:0; height:auto; max-width:100%;vertical-align:bottom;}

/*MODIF PAR STEDEN LE 11/05/2023body { font:normal 18px 'dejavu-book'; color:#003e6f; line-height: 28px; }*/
body { font:normal 20px 'ClashGrotesk-Regular'; color:#003e6f; line-height: 28px; }

.wrap { margin: 0 auto; width:1240px;}

#menu-header a:hover { text-decoration:underline;}

.wrap:after { display:block; clear:both; content:" ";}

a, a:hover {-webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out ; transition: all 0.5s ease-in-out ;}

@media all{

/*************************************** HEADER ****************************************************/
/*MODIF PAR STEDEN LE 11/05/2023header { background: url(../images/header-bg.png) no-repeat right top;padding: 30px 0; }*/
/*header { background: url(../images/ligne.png) no-repeat right top;padding: 30px 0; }*/
header { padding: 30px 0;background-color:#003e6f;background-size:14.5%}
	header .wrap {padding-right: 50px;  }
	#logo { float:left; width: 320px;}
	#logo img{width: 100%;}
	header #menu-top {float:right; margin-top: 0px; }
	header #menu-top ul li{display:inline;  padding: 0 7px; }
	/*header #menu-top ul li + li{border-left: 1px solid #003d57;  }*/
	header #menu-top ul li + li{border-left: 1px solid white;  }
	/*header #menu-top ul li a{text-transform: uppercase; color: #003d57;}*/
	/*header #menu-top ul li a{text-transform: uppercase; color: #003d57;}*/
	header #menu-top ul li a{text-transform: uppercase; color: white;}
	/*MODIF PAR STEDEN LE 11/05/2023header #menu-top ul li a:hover,header #menu-top ul li.active a{ color: #94b41f;}*/
	header #menu-top ul li a:hover,header #menu-top ul li.active a{ color: #5065ff;}
  
/*** MENU ***/
#diaporama nav, #bandeau nav { position:absolute; left: 150px; top: 100px; }
	#bandeau nav {top : 25px; }
	nav div#maximenuck90 ul.maximenuck{z-index:initial; }
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 , div#maximenuck90 ul.maximenuck li.maximenuck{display:block !important;text-align:left; border-top:none;position:relative; float:initial;   }
	/*MODIF PAR STEDEN LE 11/05/2023nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 > a, nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 > span.separator , nav div#maximenuck90.maximenuckh ul.maximenuck li.level1.parent > span.separator{font-size: 16px; color: #fff;background:url(../images/fleche-blanche.png) no-repeat 95% center #003e6f;text-transform: uppercase;padding:10px 50px 10px 20px; margin-bottom: 2px; display: block;}*/
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 > a, nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 > span.separator , nav div#maximenuck90.maximenuckh ul.maximenuck li.level1.parent > span.separator{font-size: 18.4px; color: #003e6f;background:#fff;text-transform: uppercase;padding:10px 50px 10px 20px; margin-bottom: 2px; display: block;}
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level2 > a, nav div#maximenuck90 ul.maximenuck li.maximenuck.level2 > span.separator , nav div#maximenuck90.maximenuckh ul.maximenuck li.level2.parent > span.separator{font-size: 18.4px; color: #003e6f;background:#fff;text-transform: uppercase;padding:10px 50px 10px 20px; margin-bottom: 2px; display: block;}
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level3 > a, nav div#maximenuck90 ul.maximenuck li.maximenuck.level3 > span.separator , nav div#maximenuck90.maximenuckh ul.maximenuck li.level3.parent > span.separator{font-size: 18.4px; color: #003e6f;background:#fff;text-transform: uppercase;padding:10px 50px 10px 20px; margin-bottom: 2px; display: block;}
	/*MODIF PAR STEDEN LE 11/05/2023nav div#maximenuck90 ul.maximenuck li.maximenuck a:hover, nav div#maximenuck90 ul.maximenuck li.maximenuck.active a, nav div#maximenuck90 ul.maximenuck li.maximenuck.active.parent span.separator, nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 > span.separator:hover {background-color: #5#94b41f;}*/
	/*MODIF PAR STEDEN LE 31/07/2023nav div#maximenuck90 ul.maximenuck li.maximenuck a:hover, nav div#maximenuck90 ul.maximenuck li.maximenuck.active a, nav div#maximenuck90 ul.maximenuck li.maximenuck.active.parent span.separator, nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 > span.separator:hover {background-color: #5065ff;}*/
	nav div#maximenuck90 ul.maximenuck li.maximenuck a:hover, nav div#maximenuck90 ul.maximenuck li.maximenuck.active a, nav div#maximenuck90 ul.maximenuck li.maximenuck.active.parent span.separator, nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 > span.separator:hover {font-size: 18.4px; color: #fff;background:url(../images/fleche-blanche.png) no-repeat 95% center #5065ff;text-transform: uppercase;padding:10px 50px 10px 20px; margin-bottom: 2px; display: block;}
	/* nav li.item101 { display:none !important;}*/ 
	.titreck {cursor:pointer;}
	nav div#maximenuck90.maximenuckh ul.maximenuck li.level2.parent > span.separator:hover {font-size: 18.4px; color: #fff;background:url(../images/fleche-blanche.png) no-repeat 95% center #5065ff;text-transform: uppercase;padding:10px 50px 10px 20px; margin-bottom: 2px; display: block;}
	/*MIS EN COMMENTAIRES PAR STEDEN LE 10/07/2019
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 .floatck{right: -182px; top: -1px;padding: 0; margin:0; }*/
	/* nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 .floatck{left: 250px; top: -1px;padding: 0; margin:0; } */
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 .floatck{left: 275px; top: 0px;padding: 0; margin:0; }
	/*AJOUT PAR STEDEN LE 31/07/2023*/
	nav div#maximenuck90 ul.maximenuck2 li.maximenuck.level2 .floatck{left: 290px; top: -1px;padding: 0; margin:0; }
	nav div#maximenuck90 ul.maximenuck2 li.maximenuck.level3 .floatck{left: 290px; top: -1px;padding: 0; margin:0; }
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 .floatck .rse{right: -352px; top: -1px;padding: 0; margin:0; }
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 .floatck ul li {padding: 0; margin: 0; }
	/*MIS EN COMMENTAIRES PAR STEDEN LE 31/07/2023 nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 .floatck ul li > a{background-color: #003e6f; color: #fff;padding: 10px 15px; }*/
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 .floatck ul li > a{font-size: 18.4px; color: #003e6f;background:#fff;text-transform: uppercase;padding:10px 50px 10px 20px; margin-bottom: 2px; display: block;}
	/*MODIF PAR STEDEN LE 31/07/2023 nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 .floatck ul li > a:hover, nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 .floatck ul li.active > a {background-color:#5065ff; }*/
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 .floatck ul li > a:hover, nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 .floatck ul li.active > a {font-size: 18.4px; color: #fff;background:url(../images/fleche-blanche.png) no-repeat 95% center #5065ff;text-transform: uppercase;padding:10px 50px 10px 20px; margin-bottom: 2px; display: block;}
	nav div#maximenuck90 ul.maximenuck2 li.maximenuck.level2 .floatck ul li > a:hover, nav div#maximenuck90 ul.maximenuck2 li.maximenuck.level2 .floatck ul li.active > a {font-size: 18.4px; color: #fff;background:url(../images/fleche-blanche.png) no-repeat 95% center #5065ff;text-transform: uppercase;padding:10px 50px 10px 20px; margin-bottom: 2px; display: block;}
	nav div#maximenuck90 ul.maximenuck3 li.maximenuck.level3 .floatck ul li > a:hover, nav div#maximenuck90 ul.maximenuck3 li.maximenuck.level3 .floatck ul li.active > a {font-size: 18.4px; color: #fff;background:url(../images/fleche-blanche.png) no-repeat 95% center #5065ff;text-transform: uppercase;padding:10px 50px 10px 20px; margin-bottom: 2px; display: block;}


	/* bloc twitter */
	.twitter { position:absolute; right: 150px; top: 100px; z-index: 999;}
	
/*************************************** ACCUEIL ****************************************************/

#diaporama { width:100%; position:relative; }
#diaporama .rev_slider_wrapper {width:100%;}
#bandeau {position:relative;  }
/* #diaporama img, #bandeau img{ width:100%; } */

/*************************************** CONTENU ****************************************************/
main{ background:#; padding:; margin-bottom:;}
  

/***** fil d'ariane ****/
/*MODIF PAR STEDEN LE 11/05/2023#breadcrumbs { padding:20px 0; font-size:14px;}*/
#breadcrumbs { padding:20px 0; font-size:16px;}
	#breadcrumbs .breadcrumbs div, #breadcrumbs .breadcrumbs a {display:inline;color:#b5b5b5; }
	#breadcrumbs .breadcrumbs a:hover {color:#003e6f; }


.fond-blanc {background-color: rgba(255,255,255,0.6) ; padding: 20px 50px;  display: inline-block;  }
	
/*MODIF PAR STEDEN LE 11/05/2023 #presentation  { background: url(../images/presentation-bg.png) no-repeat left bottom; padding: 50px 0 150px;}*/
/* #presentation  { background: url(../images/ligne-verticale.png) no-repeat left bottom; padding: 50px 0 150px;} */
	/*MODIF PAR STEDEN LE 11/05/2023#presentation h1, #innovation h2, #valeur h2 { background: url(../images/presentation-picto.png) no-repeat left top; font: 300 40px 'dejavu';text-transform: uppercase; margin-bottom: 15px; padding-top: 115px;}*/
	/* #presentation h1, #innovation h2, #valeur h2 { background: url(../images/presentation-picto.png) no-repeat left top; font: 300 40px 'ClashGrotesk-Semibold';text-transform: uppercase; margin-bottom: 15px; padding-top: 115px;} */
	#innovation h2, #valeur h2 { font: 300 40px 'ClashGrotesk-Semibold';text-transform: uppercase; margin-bottom: 15px; padding-top: 115px;}
	/*MODIF PAR STEDEN LE 11/05/2023#presentation h1, #edycem h2, #valeur h2 { background: url(../images/presentation-picto.png) no-repeat left top; font: 300 40px 'dejavu';text-transform: uppercase; margin-bottom: 15px; padding-top: 115px;}*/
	/* #presentation h1, #edycem h2, #valeur h2 { background: url(../images/presentation-picto.png) no-repeat left top; font: 300 42px 'ClashGrotesk-Semibold';text-transform: uppercase; margin-bottom: 15px; padding-top: 115px;} */
	#edycem h2, #valeur h2 { font: 300 42px 'ClashGrotesk-Semibold';text-transform: uppercase; margin-bottom: 15px; padding-top: 115px;}
	#presentation h1{ font: 300 42px 'ClashGrotesk-Semibold';text-transform: uppercase; margin-bottom: 15px; padding-top: 85px;}
	#presentation  ul {margin-bottom: 35px; }
	#presentation  ul li{display:inline; margin-right: 15px; }
	/* #presentation  ul li a, #actualites .item .categorie{font-weight: bold;color: #FFF;text-transform: uppercase;padding: 4px 20px;display: inline;text-align: center;font-size: 14px;margin-right: -8px;} */
	/* #presentation  ul li a, #actualites .item .categorie{font-weight: bold;color: #FFF; padding: 4px;display: inline;text-align: center;font-size: 22px;margin-right: -8px;} */
	#presentation  ul li a, #actualites .item .categorie, #engagements .item .categorie{font-weight: bold;color: #FFF; padding: 15px;text-align: center;font-size: 22px;}
	#presentation  ul li a.EDYCEM, #actualites .item .categorie.EDYCEM, #engagements .item .categorie{background-color:#5065ff ;}
	#presentation  ul li a.Nos, #actualites .item .categorie.Nos{background-color:#d4def0 ;}
	/* #presentation  ul li a.innovation, #actualites .item .categorie.innovation{background-color:#94b323;} */
	#presentation  ul li a.presse, #actualites .item .categorie.presse {background-color:#003e6f}
	
/*AJOUT PAR STEDEN LE 24/01/19*/
.rse li {
left: 170px;
position: relative;
}
/*FIN AJOUT*/
/*MODIF PAR STEDEN LE 11/05/2023#categories  { background: url(../images/categorie-bg.jpg) no-repeat center center; padding: 115px 0;background-size: cover;}*/
#categories  { background-color:#d4def0; background-repeat: no-repeat center center; padding: 115px 0;background-size: cover;}
	/*MODIFIER PAR STEDEN LE 06/03/2018 AFIN D'ENLEVER LE BLOC BIPLAN
	#categories .wrap > div { padding: 15px 35px 85px 35px; font-size: 16px; color: #fff; float: left; width: 32%; margin-left:0; position: relative;min-height: 420px;}
	*/
	/*MODIF PAR STEDEN LE 11/05/2023#categories .wrap > div { padding: 15px 35px 85px 35px; font-size: 16px; color: #fff; float: left; width: 32%; margin-left:15%; position: relative;min-height: 420px;}*/
	/* #categories .wrap > div { padding: 15px 35px 85px 35px; font-size: 18px; color: #fff; float: left; width: 32%; margin-left:15%; position: relative;min-height: 420px;} */
	#categories h2 { font: 300 40px 'ClashGrotesk-Semibold';text-transform: uppercase;}
	/* #categories .wrap > div + div{margin-left: 2% ;} */
	/* #categories .wrap .bpe{background:url(../images/categorie-bpe.jpg) no-repeat; background-size: cover;  } */
	/* #categories .wrap .prefa{background:url(../images/categorie-prefa.jpg) no-repeat;   background-size: cover; } */
	/* #categories .wrap .biplan{background:url(../images/categorie-biplan.jpg) no-repeat;   background-size: cover; } */
	/*MODIF PAR STEDEN LE 11/05/2023#categories .wrap > div .titre-module{ text-transform : uppercase; color :#fff; margin: 30px 0; font-size: 23px;font-weight: 600}*/
	/* #categories .wrap > div .titre-module{ text-transform : uppercase; color :#fff; margin: 30px 0; font-size: 25px;font-weight: 600} */
	

/*MODIF PAR STEDEN LE 11/05/2023#innovation  { background: url(../images/innovation-bg.png) no-repeat right top;padding: 100px 0 20px;}*/
#innovation  { padding: 100px 0 20px;}
	#innovation .wrap {padding-right: 10%; }
	#innovation h2 { background: url(../images/innovation-picto.png) no-repeat left top;padding-top: 140px; }
	/*MODIF PAR STEDEN LE 11/05/2023#innovation a.readmore, #valeur a.readmore  { float:right;background: url(../images/submit-button-bg.jpg) no-repeat  -36px -40px; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 12px; margin-top: 30px;}*/
	/* #innovation a.readmore, #valeur a.readmore  { float:right;background: url(../images/submit-button-bg.jpg) no-repeat  -36px -40px; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 14px; margin-top: 30px;} */
	#innovation a.readmore, #valeur a.readmore  { float:right;background-color:#003e6f; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 14px; margin-top: 30px;}
	article.readmore a { float:right;background-color:#003e6f; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 14px; margin-top: 30px;}

/*MODIF PAR STEDEN LE 11/05/2023#valeur  { background: url(../images/valeur-bg.png) no-repeat left bottom;padding: 20px 0 70px;}*/
#valeur  { padding: 20px 0 70px;}
	/* #valeur .wrap, #presentation .wrap {padding-left: 10%; } */
	#valeur .wrap{padding-left: 10%; }
	#valeur h2 { background: url(../images/valeur-picto.png) no-repeat left top;}
		
/*MODIF PAR STEDEN LE 11/05/2023#actualites  { background: url(../images/actu-bg.jpg) no-repeat center center;background-size: cover;padding:50px 0 70px;}*/
#actualites  { background-color:#5065ff; background-repeat: no-repeat center center;background-size: cover;padding:50px 0 70px;}
	/*MODIF PAR STEDEN LE 11/05/2023#actualites  h2{ background: url(../images/actu-picto.png) no-repeat left top; font: 300 40px 'dejavu';text-transform: uppercase; margin-bottom: 35px;padding-top: 75px; color: white;}*/
	/*MODIF PAR STEDEN LE 11/05/2023#actualites  h2{ background: url(../images/actu-picto.png) no-repeat left top; font: 300 40px 'ClashGrotesk-Semibold';text-transform: uppercase; margin-bottom: 35px;padding-top: 75px; color: white;}*/
	#actualites  h2{ background: url(../images/actu-picto.png) no-repeat left top; font: 300 42px 'ClashGrotesk-Semibold';text-transform: uppercase; margin-bottom: 35px;padding-top: 75px; color: white;}
	#engagements  h2{ font: 300 42px 'ClashGrotesk-Semibold';text-transform: uppercase; margin-bottom: 35px;padding-top: 75px; color: #003e6f;}
	#actualites .item, #engagements .item {background-color: #fff; padding: 15px 15px 70px 15px ; float: left; width: 32%; margin-left: 0; position: relative; } 
	#actualites .item + .item{ margin-left: 2%; } 
	/*MODIF PAR STEDEN LE 11/05/2023#actualites .item h3 {margin: 15px 0 10px;font-family: 'dejavu-bold'; }*/
	#actualites .item h3 {margin: 15px 0 10px;font-family: 'ClashGrotesk-Semibold'; }
	/*MODIF PAR STEDEN LE 11/05/2023#actualites .item p{font-size: 16px; line-height: 23px; height: 205px; overflow: hidden;text-align:justify} */
	#actualites .item p{font-size: 18px; line-height: 23px; height: 205px; overflow: hidden;text-align:justify} 
	#actualites .item .texte-iccontent p:after {content : '...';text-overflow: ellipsis;}
	#actualites .item .img-iccontent {height: 180px;overflow: hidden;text-align: center; width: 100%; margin-bottom: 10px;}
	#actualites .item .img-iccontent img{height: 180px;}
	#actualites .texte-iccontent  { min-height: 300px;}
	#actualites .item a.readmore, #categories .wrap > div  a {position:absolute; right: 20px;bottom: 20px;  }
	/*MODIF PAR STEDEN LE 11/05/2023#actualites .item a.readmore , #categories .wrap > div  a, #presentation a.readmore { display: inline-block; float: right; margin-top: 30px; background: url(../images/submit-button-bg.jpg) no-repeat -36px -40px; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 12px;}*/
	/* #actualites .item a.readmore , #categories .wrap > div  a, #presentation a.readmore { display: inline-block; float: right; margin-top: 30px; background: url(../images/submit-button-bg.jpg) no-repeat -36px -40px; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 14px;} */
	#actualites .item a.readmore , #categories .wrap > div  a, #presentation a.readmore { display: inline-block; float: right; margin-top: 30px; background-color: #003e6f; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 14px;}
	#actualites a.readmore:hover, #valeur a.readmore:hover, #innovation a.readmore:hover, #categories .wrap > div  a:hover, #presentation a.readmore:hover {background-position:-70px -50px; }
	#actualites .item .categorie a{color: #fff; }
	#engagements  { background-color:#d4def0; background-repeat: no-repeat center center;background-size: cover;padding:50px 0 70px;}

	#engagements .item + .item{ margin-left: 2%; } 
	/*MODIF PAR STEDEN LE 11/05/2023#actualites .item h3 {margin: 15px 0 10px;font-family: 'dejavu-bold'; }*/
	#engagements .item h3 {margin: 15px 0 10px;font-family: 'ClashGrotesk-Semibold'; }
	/*MODIF PAR STEDEN LE 11/05/2023#actualites .item p{font-size: 16px; line-height: 23px; height: 205px; overflow: hidden;text-align:justify} */
	#engagements .item p{font-size: 18px; line-height: 23px; height: 205px; overflow: hidden;text-align:justify} 
	#engagements .item .texte-iccontent p:after {content : '...';text-overflow: ellipsis;}
	#engagements .item .img-iccontent {height: 180px;overflow: hidden;text-align: center; width: 100%; margin-bottom: 10px;}
	/* #engagements .item .img-iccontent img{height: 180px;} */
	#engagements .texte-iccontent  { min-height: 50px;}
	#engagements .item a.readmore, #categories .wrap > div  a {position:absolute; right: 20px;bottom: 20px;  }
	/*MODIF PAR STEDEN LE 11/05/2023#actualites .item a.readmore , #categories .wrap > div  a, #presentation a.readmore { display: inline-block; float: right; margin-top: 30px; background: url(../images/submit-button-bg.jpg) no-repeat -36px -40px; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 12px;}*/
	/* #actualites .item a.readmore , #categories .wrap > div  a, #presentation a.readmore { display: inline-block; float: right; margin-top: 30px; background: url(../images/submit-button-bg.jpg) no-repeat -36px -40px; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 14px;} */
	#engagements .item a.readmore , #categories .wrap > div  a, #presentation a.readmore { display: inline-block; float: right; margin-top: 30px; background-color: #003e6f; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 14px;}
	#engagements a.readmore:hover, #valeur a.readmore:hover, #innovation a.readmore:hover, #categories .wrap > div  a:hover, #presentation a.readmore:hover {background-position:-70px -50px; }
	#engagements .item .categorie a{color: #fff; }
	

	#produits-ppl {margin-bottom:3%;margin-left:50px;}
	#produits-ppl .item + .item{ margin-left: 2%; } 
	/* #produits-ppl .item {padding: 15px 15px 70px 15px ; float: left; width: 32%; margin-left: 0; position: relative;background-color:#d4def0;color:#003e6f }  */
	#produits-ppl .item {padding: 15px 15px 70px 15px ; float: left; width: 32%; margin-left: 0; position: relative;background-color:#003e6f;color:white } 
	#produits-ppl .item + .item{ margin-left: 2%; } 
	/*MODIF PAR STEDEN LE 11/05/2023#actualites .item h3 {margin: 15px 0 10px;font-family: 'dejavu-bold'; }*/
	#produits-ppl .item h3 {margin: 15px 0 10px;font-family: 'ClashGrotesk-Semibold';text-align:center; }
	#produits-ppl h2 {font: 600 26px 'ClashGrotesk-Semibold'; margin-bottom: 30px;color:#5065ff; }
	/*MODIF PAR STEDEN LE 11/05/2023#actualites .item p{font-size: 16px; line-height: 23px; height: 205px; overflow: hidden;text-align:justify} */
	#produits-ppl .item p{font-size: 18px; line-height: 23px; overflow: hidden;text-align:justify} 
	#produits-ppl .item table{font-size: 18px; line-height: 23px; width:100%; overflow: hidden;text-align:justify} 
	/* #produits-ppl .item td{font-size: 18px; line-height: 23px; width:50%; overflow: hidden;text-align:center;border:1px solid white; vertical-align:middle;height:150px}  */
	#produits-ppl .item td{font-size: 18px; line-height: 23px; width:50%; overflow: hidden;text-align:center;vertical-align:middle;height:150px;background-color:#d4def0;color:#003e6f;} 
	#produits-ppl .item .texte-iccontent p:after {content : '...';text-overflow: ellipsis;}
	#produits-ppl .item .img-iccontent {height: 180px;overflow: hidden;text-align: center; width: 100%; margin-bottom: 10px;}
	#produits-ppl .item .img-iccontent img{height: 180px;}
	#produits-ppl .texte-iccontent  { min-height: 180px;}
	#produits-ppl .item a.readmore, #categories .wrap > div  a {position:absolute; right: 20px;bottom: 20px;  }
	/*MODIF PAR STEDEN LE 11/05/2023#actualites .item a.readmore , #categories .wrap > div  a, #presentation a.readmore { display: inline-block; float: right; margin-top: 30px; background: url(../images/submit-button-bg.jpg) no-repeat -36px -40px; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 12px;}*/
	/* #actualites .item a.readmore , #categories .wrap > div  a, #presentation a.readmore { display: inline-block; float: right; margin-top: 30px; background: url(../images/submit-button-bg.jpg) no-repeat -36px -40px; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 14px;} */
	#produits-ppl .item a.readmore { display: inline-block; float: right; margin-top: 30px; background-color: #003e6f; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 14px;}
	#produits-ppl a.readmore:hover {background-position:-70px -50px; }
	#produits-ppl .item .categorie a{color: #fff; }
	
	article .owl-item-description {padding: 10px 50px;text-shadow: none; font-size: 15px;  background: rgba(0, 0, 0, 0.7); }
	article .owl-item-description {padding: 10px 50px;text-shadow: none; font-size: 15px;  background: rgba(0, 0, 0, 0.7); }
	article .owl-item-description  p{text-align:center; }
	.mfp-gallery .mfp-title {font-size: 15px; }
	

	
/******************* CONTENU **************************/
.main .wrap article{padding:25px 50px 50px; }
	/*MODIF PAR STEDEN LE 11/05/2023article h1 {font: 300 40px 'dejavu';text-transform: uppercase; margin-bottom: 45px; color: #003e6f;}*/
	article h1 {font: 300 40px 'ClashGrotesk-Bold';text-transform: uppercase; margin-bottom: 45px; color: #003e6f;}
	article .cat-article {text-transform:uppercase;  }
	/*MODIF PAR STEDEN LE 11/05/2023article h2, article .cat-article { font: 600 24px 'dejavu-bold'; margin-bottom: 30px;color:#5065ff; }*/
	article h2, article .cat-article { font: 600 26px 'ClashGrotesk-Semibold'; margin-bottom: 30px;color:#5065ff; }
	.gmapfp .item-page{ margin-bottom: 40px;margin-top:20px; width:auto;}
	/* .gmapfp a {display :none;} */
	.gmapfp select {background-color: #d4def0;  border: none;   font: normal 20px 'ClashGrotesk-Regular';  color: #5065ff;}
	/*MODIF PAR STEDEN LE 11/05/2023article h3 {text-decoration: underline; color: #94b41f; margin-bottom: 10px; font-size: 18px;}*/
	article h3 {text-decoration: underline; color: #5065ff; margin-bottom: 10px; font-size: 18px;}
	article p { text-align:justify;}
	article ul {margin: 10px 0;}
	article li { line-height:28px; padding-left: 1em; text-indent: -1em;}
	article li li { margin-left:20px;}
	article li ul { margin-bottom:5px;}
	article li:before { content:"\2022\ ";color:#; padding-right:5px;}
	/*MODIF PAR STEDEN LE 11/05/2023article span.citation {background-color: #003e6f; text-transform: uppercase; font : 300 30px 'dejavu'; width:100%; display:block; padding : 45px 150px; color: #fff; }*/
	article span.citation {background-color: #003e6f; text-transform: uppercase; font : 300 30px 'ClashGrotesk-Regular'; width:100%; display:block; padding : 45px 150px; color: #fff; }
	article a.readmore { display: inline-block; text-align:center; margin-top: 30px; background-color: #003e6f; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 14px;}
	#produits-ppl a.readmore { display: inline-block; text-align:center; margin-top: 30px; background-color: #003e6f; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 14px;}
	.lien-projet { background-color: #5065ff;text-align: center;  padding: 5px;color:white}
	.lien-projet a:hover{ text-decoration:underline;}
	article a.readmore:hover {background-position:-70px -50px; }
	
	
/*** PAGE PRESSE ***/

article.espace-presse {width: calc(100% - 370px); margin-right: 20px; float: left;  }

article .listing .info-regl, article .espace-presse-document{ margin: 28px 0; position: relative; padding-bottom: 28px;  border-bottom: 1px solid #c4c4c4;display:block;  padding-right: 100px; text-indent: 0;}
article .espace-presse-document {border-bottom: none; }
article .listing .info-regl .date, article .espace-presse-document .date {font-weight: bold;}
/*MODIF PAR STEDEN LE 11/05/2023article .listing .info-regl .picto-info a, article .espace-presse-document .picto-info a{ position: absolute; right: 0; background: url(../images/add.png) no-repeat center center; width: 50px; height: 50px;text-indent: -999999px;}	*/
article .listing .info-regl .picto-info a, article .espace-presse-document .picto-info a{ position: absolute; right: 0; background: url(../images/add1.png) no-repeat center center; width: 50px; height: 50px;text-indent: -999999px;}	

/*MODIF PAR STEDEN LE 11/05/2023article.espace-presse  .filters  {display: inline-block;padding: 20px; width: 100%; margin: 20px 0; border-top: 1px solid #003e6f;border-bottom: 1px solid #ececec; background-color: #f4f4f4;  } */
article.espace-presse  .filters  {display: inline-block;padding: 20px; width: 100%; margin: 20px 0; border-top: 1px solid #003e6f;border-bottom: 1px solid #ececec; background-color: #d4def0;  } 
/*MODIF PAR STEDEN LE 11/05/2023article.espace-presse .filters input[type=submit] { background:url(../images/fleche-blanche.png) no-repeat 80% center #003e6f;float: right; border: none; padding: 13px 35px 13px 15px;color: #fff; font-weight: bold;cursor: pointer;}*/
article.espace-presse .filters input[type=submit] { background:url(../images/fleche-blanche.png) no-repeat 80% center #003e6f;float: right; border: none; padding: 13px 35px 13px 15px;color: #fff; font-weight: bold;cursor: pointer;}
/*MODIF PAR STEDEN LE 11/05/2023article.espace-presse .filters input[type=submit]:hover { background-color: #B7C91E;background-position: 85% center;  }*/
article.espace-presse .filters input[type=submit]:hover { background-color: #5065ff;background-position: 85% center;  }
 
article.espace-presse .filter_annee, article.espace-presse .filter_category {width: 40%; float: left ; } 
article.espace-presse .filter_category {margin-left: 2%;  } 
article.espace-presse .SumoSelect {width: 100%;}
article.espace-presse .SumoSelect > .CaptionCont {color: #003e6f; background-color: #fff; width: 100%; }
article.espace-presse .SumoSelect > .CaptionCont > span.placeholder{color: #003e6f; }
article.espace-presse .SumoSelect > .open ul li:before{ content:  ""; }
article.espace-presse .SumoSelect > .open ul li label {display:inline; padding-left: 20px;  }
/*MODIF PAR STEDEN LE 11/05/2023article.espace-presse .SumoSelect > .optWrapper.multiple > .options > li.selected span i {background-color: #94b41f;}*/
article.espace-presse .SumoSelect > .optWrapper.multiple > .options > li.selected span i {background-color: #003e6f;}

 /**AJOUT PAR STEDEN LE 14/06/2016*/
 
#inscription label {
	font-size:15px;
	display: inline-table;
    padding-left: 5px;
	text-align:left;
	width:auto;
}

#inscription p.rsformVerticalClear {
display:flex;
	
}
#inscription  input[type="checkbox"]{
    margin-right: 5px;
    margin-top: 10px;
   
}

#g-recaptcha-76{
margin-left:-28%;	
}

		.diaporama_partenaires{margin-bottom:85px;margin-left:50px;}
	.diaporama_partenaires h2{font: 600 26px 'ClashGrotesk-Semibold';margin-bottom: 30px;color: #5065ff;}
	.slide + .slide{border-left:1px solid #b0a696;}
	.diaporama_partenaires .bx-wrapper .bx-viewport{width:90% !important;margin:0 auto;}
	.diaporama_partenaires .bx-wrapper .bx-prev, .diaporama_partenaires .bx-wrapper .bx-next{width:22px;height:27px;margin-top:-7px !important;}
	.diaporama_partenaires .bx-wrapper .bx-prev{background:url(../images/pictos/fleche_left.png) no-repeat;}
	.diaporama_partenaires .bx-wrapper .bx-next{background:url(../images/pictos/fleche_right.png) no-repeat;}
	.diaporama_partenaires .bx-wrapper .bx-next:hover{background-position:0 0 !important;}	
/***************** Contact (formulaire) *******************************/

article #userForm { clear:both; float:left; }
article form { width:100%}
article .formResponsive input[type=text], article .formResponsive input[type=email], 
/*MODIF PAR STEDEN LE 11/05/2023article .formResponsive input[type=file], article .formResponsive .rsform-select-box, article .formResponsive textarea {font: 400 15px 'dejavu'; background-color: #f4f4f4; height:38px; border-radius:0; width: 100%;}*/
article .formResponsive input[type=file], article .formResponsive .rsform-select-box, article .formResponsive textarea {font: 400 15px 'ClashGrotesk-Regular'; background-color: #f4f4f4; height:38px; border-radius:0; width: 100%;}
article .formResponsive textarea{height: 150px; }
article .formResponsive input[type=text], article .formResponsive input[type=email], article .formResponsive select { padding:5px 10px;margin-top:15px; margin-bottom: 0;} 
article .formResponsive .formHorizontal .formControlLabel{ margin:0 15px 0 5px; padding-top:20px; }
article .formResponsive input[type="radio"]  { margin:10px 10px 10px 0;}
article .formResponsive .formHorizontal .rsform-block { margin-bottom: 0px; }
article .formResponsive .formHorizontal strong.formRequired {font-size: 15px;}

article .formResponsive label { height: auto; }
.rsform-block-offres-commerciales-oui label, .rsform-block-offres-commerciales-partenaires label, .rsform-block-consentement label { display: flex; float: none; }
.rsform-block-offres-commerciales-oui .formControlLabel, .rsform-block-offres-commerciales-partenaires .formControlLabel, .rsform-block-consentement .formControlLabel, .rsform-block-captcha .formControlLabel { display: none; }
article .rsform-block-offres-commerciales-oui input[type=checkbox], article .rsform-block-offres-commerciales-partenaires input[type=checkbox], article .rsform-block-consentement input[type=checkbox] { margin-top: 8px; }

article .formResponsive input[type=submit] {width: 250px; text-transform:uppercase; color:#fff; height:40px; margin:auto; background: #003e6f; }
article .formResponsive input[type=submit], .ba-gallery .category-filter input.ba-filter-active { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
article .formResponsive input[type=submit]:hover {background: #94b41f;text-shadow:none ; }
article .formResponsive p.formRed {color: #b94a48;font-weight: normal;font-style: italic;font-size: 15px;} 

/**** IC CAROUSEL ***/

.ic-carousel-wrapper .owl-theme{position: relative;}
	.ic-carousel-wrapper .owl-theme .owl-controls {position: initial;width:auto;}
	.ic-carousel-wrapper .owl-theme .owl-controls .owl-buttons > div {position: absolute; height: 100%;bottom: 0;}
	.ic-carousel-wrapper .owl-theme .owl-controls .owl-buttons .owl-prev {background: url(../images/prev-fleche-blanche.png) no-repeat center center rgba(0,61,86,0.8); max-height: 380px;}
	.ic-carousel-wrapper .owl-theme .owl-controls .owl-buttons .owl-next{background: url(../images/suiv-fleche-blanche.png) no-repeat center center rgba(0,61,86,0.8);right: 0; max-height: 380px;}
  
	/********************************* Blog *********************************/
.blog .items-leading, .blog .item {padding: 50px 0; border-bottom: 1px solid #B0A696; display: inline-block;}
	.blog .img-blog{float:left; margin-right:5%; width:250px;}
	.blog .text-blog{float:left; width:calc(95% - 250px);}
	.blog .img-blog img{ width:100%;}
	.blog .text-blog p.readmore { margin-top:20px; text-align:right;}
	ol.nav-stacked {display:none; }
	
/* Pagination */	
	.pagination, .listing-pagination{ clear:both; display:block; margin:auto; width:100%; margin-top: 50px;}
	.pagination ul, .listing-pagination ul  {display:table; margin:auto; border-collapse: separate; }
	.pagination li, .listing-pagination li {display:table-cell; padding-right: 5px; padding-left:inherit; text-indent:inherit;}
	article .pagination li:before, article.espace-presse .listing-pagination li:before{content:none; }
	.pagination li span, .pagination li span.current, .pagination li a, .listing-pagination li span, .listing-pagination li span.current, .listing-pagination li a{ width:50px; height:50px; display:block; font-weight: 700; font-size: 20px; line-height:50px; text-align: center; border:none; box-shadow: none; background-image:none;}
	.pagination li a, .listing-pagination li a{ background:#f9f9f9; text-align:center; color:#003e6f;-webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
	/*MODIF PAR STEDEN LE 11/05/2023.pagination li a:hover, .listing-pagination li a:hover {background:#94b41f; color:#fff;}*/
	.pagination li a:hover, .listing-pagination li a:hover {background:#5065ff; color:#fff;}
	/*MODIF PAR STEDEN LE 11/05/2023.pagination li span, .pagination li span.current, .listing-pagination li span.pagenav {background: #94b41f; color:#fff;}*/
	.pagination li span, .pagination li span.current, .listing-pagination li span.pagenav {background: #003e6f; color:#fff;}
	.listing-pagination li.pagination-prev span.pagenav , .listing-pagination li.pagination-next span.pagenav{background: #f9f9f9; color:#003e6f;}
	.pagination li:first-child, .pagination li:last-child, .listing-pagination li:first-child, .listing-pagination li:last-child {display:none; border:none;}
	.pagination .pagination-prev, .pagination .pagination-next { display:none;}

	

/******************* ASIDE **************************/
aside { float:right; width:350px;}
/*MODIF PAR STEDEN LE 11/05/2023aside .titre-module  {text-align: center;padding: 30px 20px;text-transform: uppercase; color: #fff; background-color: #003e6f; margin-bottom: 20px;font-size: 22px;}*/
aside .titre-module  {text-align: center;padding: 30px 20px;text-transform: uppercase; color: #fff; background-color: #003e6f; margin-bottom: 20px;font-size: 22px;}
aside .contact-presse  ul li, aside .contact-presse p{ padding: 0 10px;}
aside .contact-presse  ul li + li{ padding-top: 25px ; }
/* aside .contact-presse  li{ list-style:inside; } */
aside .contact-presse {margin-bottom: 	YUCt4eJlh99U50px; }
/*MODIF PAR STEDEN LE 11/05/2023aside .contact-presse {height:auto; }*/
aside .contact-presse {height:auto;background-color:#d4def0; padding-bottom:10px;}

aside .espace-presse {background-color: #ececec; margin-bottom: 50px;}
aside .newsletter {background-color: #ececec; margin-bottom: 50px;}
aside .documentations {background-color: #ececec; margin-bottom: 50px;}
aside .newsletter .formResponsive .formHorizontal .rsform-block {margin-left:-50px;margin-top:10px}

/*Pour la partie Reférences du site prescripteur*/  
#actualites .item .categorie, font-weight: bold;color: #FFF; padding: 15px;text-align: center;font-size: 22px;}
#actualites .item .categorie.EDYCEM, {background-color:#5065ff ;}
#actualites .item .categorie.Nos{background-color:#d4def0 ;}
#actualites .item .categorie.presse {background-color:#003e6f}
@media all and (max-width: 800px){
#actualites .texte-iccontent { height: auto;}
#actualites .item .img-intro-left {text-align:center;}
#actualites .item:after {content: ' ';}
#actualites .item {padding: 15px 15px 80px 15px;}
}
#actualites  { background-color:#5065ff; background-repeat: no-repeat center center;background-size: cover;padding:50px 0 70px;}
#actualites  h2{ background: url(../images/actu-picto.png) no-repeat left top; font: 300 42px 'ClashGrotesk-Semibold';text-transform: uppercase; margin-bottom: 35px;padding-top: 75px; color: white;}
#actualites .item, #engagements .item {background-color: #fff; padding: 15px 15px 70px 15px ; float: left; width: 32%; margin-left: 0; position: relative; } 
#actualites .item + .item{ margin-left: 2%; } 
#actualites .item h3 {margin: 15px 0 10px;font-family: 'ClashGrotesk-Semibold'; }
#actualites .item p{font-size: 18px; line-height: 23px; height: 205px; overflow: hidden;text-align:justify} 
#actualites .item .texte-iccontent p:after {content : '...';text-overflow: ellipsis;}
#actualites .item .img-iccontent {height: 180px;overflow: hidden;text-align: center; width: 100%; margin-bottom: 10px;}
#actualites .item .img-iccontent img{height: 180px;}
#actualites .texte-iccontent  { min-height: 300px;}
#actualites .item a.readmore, #categories .wrap > div  a {position:absolute; right: 20px;bottom: 20px;  }
#actualites .item a.readmore , #categories .wrap > div  a, #presentation a.readmore { display: inline-block; float: right; margin-top: 30px; background-color: #003e6f; color: #fff; text-transform: uppercase;  padding: 10px 20px;font-size: 14px;}
#actualites a.readmore:hover, #valeur a.readmore:hover, #innovation a.readmore:hover, #categories .wrap > div  a:hover, #presentation a.readmore:hover {background-position:-70px -50px; }
#actualites .item .categorie a{color: #fff; }


#recherche input{
font: 400 15px 'ClashGrotesk-Regular';
  background-color: #f4f4f4;
  height: 38px;
  border-radius: 0;
	
}

#recherche button {
/* background-image:url('/templates/common/images/pictos/recherche.png'); */
/* background-repeat:no-repeat; */
/* background-color:#003e6f; */
/* border:#003e6f; */
/* height:35px; */
/* width:35px;	 */
display:none;
}
.finder form{
text-align:right;	
}

/*************************************** PIED DE PAGE ****************************************************/
/*MODIF PAR STEDEN LE 11/05/2023footer { background:#003e6f; font-size:14px;margin-top: 20px; }*/
footer { background:#003e6f; font-size:16px;margin-top: 20px; }
	/* footer .wrap {padding: 20px; } */
	footer .wrap{
	padding-top:20px;
	padding-top:20px;
	padding-bottom:20px;
	}
#menu-footer { float:left; }
	#menu-footer li { display: inline;}
	#menu-footer a {color: #fff;text-transform: uppercase; margin-right: 50px;}
	#menu-footer a:hover {text-decoration:underline; }

#IC { float:right;left: 90%; position: absolute;}
.sites-groupe { border : 1px solid white; color:white; padding:5px;}
	.sites-groupe li { display: inline;}
	.sites-groupe a {color: #fff;text-transform: uppercase; margin-right: 50px;}
	.sites-groupe a:hover {text-decoration:underline; }
}

/*************************************** ACCORDEON ****************************************************/
    .accordeon_header { text-transform: uppercase; color: white; padding :5px; margin-top:-24px;}    
    .accordeon_header .wrap { cursor:pointer;text-align:center;}
	.accordeon_header.active .sites-wrap {}
    .accordeon_body  .sites-wrap { padding:10px 0;background-color:#003e6f;font-size:16px;}
    .accordeon_body  .sites-wrap li a {margin-right:5%; margin-left:9%;color:white;font-style:bold; }
    .accordeon_body  .sites-wrap li{display:inline; color:white}
/* accordeon **/
article .accordeon { margin-bottom: 8px; }
article .moteur-recherche, .error { margin-bottom:50px;}	
article .accordeon_title { cursor:pointer; padding: 14px 20px; font-size: 22px; color: #61417f;} 
article .accordeon_title.active { }
article .accordeon_content { padding:30px 0;color:black;}	

@media all and (max-width: 1240px){
.wrap { width:96%;}
#innovation .wrap { padding-right:0;} 
#edycem .wrap { padding-right:0;} 
#valeur .wrap {padding-left: 0;}
#connection .wrap {padding-left: 0;}  /* Ajout*/
}

@media all and (max-width: 1100px){
#bandeau nav, #diaporama nav  {top: 30px; left: 50px;}
	.twitter { right: 50px; top: 30px;}
#valeur, #innovation, #presentation {padding: 20px 0;}
#valeur, #edycem, #presentation {padding: 20px 0;}
#categories ul li h2 {margin: 20px 0 10px;}
#categories ul li { padding: 15px 15px 80px 15px;}
#categories p.readmore a {bottom: 10px;}
/* #bandeau img {min-height: 100%;} */
/* #bandeau { height: 450px;} */
#bandeau { height: 300px;}
#valeur .wrap, #presentation .wrap { padding-left: 0;}
#innovation .wrap {padding-right: 0;}
#edycem .wrap {padding-right: 0;}
article span.citation {padding: 45px;font-size: 25px; }
}

@media all and (max-width: 900px){
#menu-footer a { margin-right: 20px; }
#IC img{width:120px;}
#presentation h1, #innovation h2, #valeur h2, article h1 {font-size:30px ;}
#presentation h1, #edycem h2, #valeur h2, article h1 {font-size:30px ;}
aside, article.espace-presse  { width: 100%;float: none ; }
}

@media all and (max-width: 800px){
#logo { float:none; text-align:center;}
header #menu-top { float: none; text-align: center; margin-top: 30px;}
header .wrap { padding-right: 0;}
#categories .wrap > div, #actualites .item { width: 100%; margin-bottom: 2%;min-height: initial; }
#categories .wrap > div + div, #actualites .item + .item{margin-left:0;}
#breadcrumbs{display:none; }
#actualites .texte-iccontent { height: auto;}
#actualites .item .img-intro-left {text-align:center;}
#actualites .item:after {content: ' ';}
#actualites .item {padding: 15px 15px 80px 15px;}
#categories .wrap > div, #engagements .item { width: 100%; margin-bottom: 2%;min-height: initial; }
#categories .wrap > div + div, #engagements .item + .item{margin-left:0;}
#breadcrumbs{display:none; }
#engagements .texte-iccontent { height: auto;}
#engagements .item .img-intro-left {text-align:center;}
#engagements .item:after {content: ' ';}
#engagements .item {padding: 15px 15px 80px 15px;}
#categories .wrap > div, #produits-ppl .item { width: 100%; margin-bottom: 2%;min-height: initial; }
#categories .wrap > div + div, #produits-ppl .item + .item{margin-left:0;}
#breadcrumbs{display:none; }
#produits-ppl .texte-iccontent { height: auto;}
#produits-ppl .item .img-intro-left {text-align:center;}
#produits-ppl .item:after {content: ' ';}
#produits-ppl .item {padding: 15px 15px 80px 15px;}
.fond-blanc, #presentation, #categories .wrap > div{padding: 15px; }
.main .wrap article {padding: 30px 15px;}
#categories .wrap > div {padding: 15px 15px 80px 15px;}
.twitter { position:relative; right: auto; top: auto; width:90%; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.finder form{text-align:center;}
}

@media all and (max-width: 700px){
#menu-footer li {display: block;margin-right: 0; width: 100%; text-align: center; }
#menu-footer {float: none;}
#bandeau , .forcefullwidth_wrapper_tp_banner {display: none; } 
#presentation ul li {margin-right: 5px;}
#IC {margin-top: 20px;}
#categories {padding: 50px 0;}
article {padding: 25px 0px 50px;}
header {padding: 30px 0 50px; border-bottom: 1px solid;}
.blog .img-blog { float: none;margin: 0 auto 30px;}
.blog .text-blog {width: 100%;}
.finder form{text-align:center;}
}

@media all and (max-width: 600px){
article.espace-presse .filter_annee, article.espace-presse .filter_category {width: 100%; margin: 0 0 2% 0; }
.finder form{
text-align:center;	
}
}
adress{
color:white;
font-size:12px;	
}
@media all and (max-width: 500px){
article h1 {font-size: 25px; }
article h2, article .cat-article {font-size:20px ;}
/*MODIF PAR STEDEN LE 11/05/2023body {font: normal 16px 'dejavu-book';line-height: 25px;}*/
body {font: normal 16px 'ClashGrotesk-Regular';line-height: 25px;}
#presentation {padding :50px 0 30px;}
article span.citation {padding: 25px; font-size: 19px; text-align: left;}
.finder form{text-align:center;}
}

#system-message-container{
font:normal 20px 'ClashGrotesk-Regular'; color:#003e6f; line-height: 28px;
}

.connection-links {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center; /* Center the links horizontally */
}

.connection-links li {
    margin: 0 10px; /* Space between the bubbles */
}

.bubble-link {
    display: inline-block;
    padding: 10px 15px;
    background-color: #007bff; /* Blue background */
    color: white; /* White text */
    border-radius: 20px; /* Make the link look like a bubble */
    text-decoration: none;
    font-size: 20px;
    text-align: center;
}

.bubble-link:hover {
    background-color: #0056b3; /* Darker blue on hover */
}

.large-font {
    font-size: 25px;
}

.title-with-image {
            display: flex;
            align-items: center;
}

.title-image {
            width: 250px; /* Ajustez la taille*/
            height: auto; /* Pour garder les proportions de l'image */
            margin-right: 0px; /*10px Espace entre l'image et le texte */
}
    
.title-text {
            font-size: 25px; /* Ajustez la taille du texte */
            font-family: 'dejavu-book';
            color:#003d56; /* couleur du texte */
            padding: 5px 10px; /* Ajoutez du padding pour créer une "bulle" */
            border-radius: 5px; /* Arrondissez les coins pour un effet de bulle */
}

/* Styles personnalisés pour le formulaire d'inscription */
.com-users-registration {
    display: flex;
        justify-content: center; /* Centre horizontalement */
        align-items: center; /* Centre verticalement */
        min-height: 100vh; /* Pour centrer verticalement par rapport à la fenêtre */
        padding: 20px; /* Ajout d'un padding pour éviter que le formulaire touche les bords de l'écran */
    }

.com-users-registration__form {
    max-width: 600px; /* Limite la largeur maximale du formulaire */
        margin: auto;
        background-color: #f7f7f7; /* Ajout d'un fond pour mieux le voir si nécessaire */
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); /* Ajout d'une ombre pour le style */
}

.com-users-registration fieldset {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.com-users-registration .btn-primary {
    width: 100%; /* Bouton qui occupe toute la largeur */
    padding: 10px; /* Espacement interne du bouton */
    font-size: 16px; /* Taille du texte du bouton */
}

.page-header h1 {
    font-size: 24px; /* Taille du titre */
    text-align: center; /* Centrer le titre */
}


/* Styles personnalisés pour le formulaire de connexion */

.com-users-login__form {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.com-users-login__input input {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.com-users-login__submit button {
    width: 100%; /* Bouton qui occupe toute la largeur */
    padding: 10px; /* Espacement interne du bouton */
    font-size: 16px; /* Taille du texte du bouton */
    cursor: pointer;
}

.com-users-login__submit button:hover {
}

/* Styles personnalisés pour le formulaire de deconnexion */
.com-users-logout__form {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 12px 4px rgba(0, 0, 0, 0.1);
  /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
    margin-top: 20px;
}

.com-users-logout__submit {
    text-align: center;
}

.com-users-logout__submit button {
    background-color: #dc3545;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.com-users-logout__submit button:hover {
    background-color: #c82333;
}

.com-users-logout__image {
    margin-bottom: 15px;
    max-width: 100%;
    height: auto;
}

.logout-description {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f1f1f1;
    border-radius: 5px;
    text-align: justify;
}

/* Styles pour les liens vers les fichiers */
.custom-links a {
    margin-right: 20px; /* Espacement entre les liens */
    color: #007bff; /* Blue */
    /*text-decoration: underline; /* Soulignement */
    font-weight: bold; /* Texte en gras */
}

.custom-links a:last-child {
    margin-right: 0; /* Supprimer le margin-right pour le dernier lien */
}

// Pour le titre du formulaire de connexion
.com-users-login__title {
    text-align: right; /* Centrer le titre */
    color: #007BFF; /* Modifier la couleur du titre */
    font-size: 24px; /* Taille de police du titre */
    margin-bottom: 20px; /* Espacement en dessous du titre */
}

// Pour le bouton de deconnexion
/* Styles pour le lien de déconnexion */
logout-link {
    /* Si vous souhaitez que le bouton soit aligné tout à droite sans espaces supplémentaires */
    margin-left: auto; /* Cela garantit que le bouton se trouve à droite */
}

.btn.btn-danger {
    background-color: #dc3545;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-align: center; /* Assure que le texte à l'intérieur du bouton est centré */
    display: inline-block; /* Assure que le bouton respecte les dimensions et les alignements */
    font-size: 12px;
}

.btn.btn-danger:hover {
    background-color: #c82333;
}

//Pour vitaliss sur le côté droit de l'écran
.right-content {
   position: absolute;
   right: 0;
   top: 100px; /* Ajustez selon vos besoins */
   width: 200px; /* Ajustez la largeur selon vos besoins */
    /* Autres styles selon le design de votre site */
}

.right-content .module {
     writing-mode: vertical-rl; /* Affiche le texte verticalement de droite à gauche */
     transform: rotate(180deg); /* Ajuste l'orientation si nécessaire */
    /* Autres styles pour améliorer l'apparence */
}

// Style du footer 
.footer-contact {
    color: #ffffff; /* Couleur de texte */
    text-align: left; /* Alignement du texte */
    font-size: 14px; /* Taille du texte */
}

.footer-contact a {
    color: #ffffff; /* Couleur des liens */
    text-decoration: none; /* Supprimer le soulignement des liens */
}

.footer-contact a:hover {
    text-decoration: underline; /* Souligner les liens au survol */
}

#logo {
        display: inline-block;
        margin: 10px;
    }

//Changer couleur de navigation dans les repertoires (dropfiles)

.breadcrumbs {
    color: #505050; /* Gris foncé */
    font-weight: bold; /* Texte en gras */
    visibility: visible !important; /* Assurez-vous que le parent est visible */
    opacity: 1 !important;
    display: block !important; /* Assurez-vous que le parent n'est pas masqué */
}

.catlink {
    color: #505050 !important; /* Gris foncé */  
    font-size: 16px !important; /* Taille petite */
    /* font-weight: 400 !important;  Normal */
    font-weight: bold;
}

.catlink:hover {
    color: #007BFF !important; /* Bleu au survol */
}

// Carte des zones
#image-container {
    text-align: center; /* Centrer l'image horizontalement */
    padding: 5px; /* Ajouter un peu d'espace autour de l'image */
    background-color: #f5f5f5; /* Ajouter une couleur d'arrière-plan */
}

#image-container img {
    width: 700px; /* Taille fixe de l'image */
    height: auto; /* Maintenir le ratio de l'image */
}

// Image juste en bas du header 
#main-menu {
    padding: 0;      /* Supprimer tout padding */
    margin: 0;       /* Supprimer tout margin */
    height: auto;    /* S'assurer que le conteneur s'adapte à la hauteur de l'image */
}

#main-menu img {
    width: 100%;     /* Ajuster la largeur à 100% du conteneur, ou définissez une taille spécifique comme 150px */
    height: 250px;    /* Appliquer la hauteur souhaitée */
    display: block;  /* Empêcher que l'image soit traitée comme du texte inline */
    padding: 0;      /* Supprimer tout padding autour de l'image */
    margin: 0;       /* Supprimer toute marge autour de l'image */
}

// Division de l'écran en 2 pour insérer vitaliss à droite
/* Conteneur global pour l'agencement */
.content-wrap {
    display: flex;          /* Utiliser Flexbox pour positionner les éléments en ligne */
    flex-direction: row;     /* Par défaut, les enfants sont alignés en ligne */
    justify-content: space-between;  /* S'assure que les éléments sont bien espacés */
}

/* Composant principal : prend 2/3 de la largeur */
.main-component {
    flex: 2;               /* Prend deux parts sur trois */
    padding-right: 20px;   /* Optionnel : espace entre le composant et la sidebar */
}

/* Barre latérale droite : prend 1/3 de la largeur */
.right-sidebar {
    flex: 1;               /* Prend une part sur trois */
}

// Adptation du contenu à l'appareil (responsive)
@media (max-width: 768px) {
    .content-wrap {
        flex-direction: column;  /* Passe à une disposition en colonne sur les petits écrans */
    }
    
    .main-component, .right-sidebar {
        width: 100%;             /* Chaque section prend 100% de la largeur */
        padding-right: 0;        /* Retirer les espaces internes */
    }
}

/* Pour le vitaliss à droite et les catégories de documents à gauche
/* Conteneur principal pour aligner les images et le texte côte à côte */
.flex-container {
    display: flex;
    align-items: flex-start;       /* Aligner les éléments sur le haut (peut être changé selon besoin) */
    justify-content: space-between; /* Ajoute de l'espace entre les sections */
    fgap: 20px;                   /* Espace entre la section d'images et la section de texte */
}

/* Section des images */
.image-section {
    display: flex;
    flex-wrap: wrap;               /* Permet aux éléments de se replier */
    gap: 20px;                     /* Ajoute de l'espace entre les images */
    width: 60%;   
}

/* Chaque image occupe une partie de la ligne */
.image-item {
    flex: 1 1 48%;                 /* Chaque image prend environ 48% de la ligne (2 par ligne) */
    display: flex;
    justify-content: center;       /* Centrer les images horizontalement */
}

/* Pour remonter le picto de faq */
.image-item:last-child {
  margin-top: -20px; /* Ajustez la valeur en pixels selon vos besoins */
}

.image-item:last-child img {
  transform: translateY(-20px); /* Ajustez la valeur en pixels selon vos besoins */
}


/* Section du texte */
.text-section {
    flex: 1;                       /* Prend 1 part de l'espace total */
    padding-left: 10px;            /* Espace entre les images et le texte */
    display: flex;
    flex-direction: column;         /* Organise le contenu verticalement (image puis texte) */
    align-items: flex-start;        /* Aligne le contenu à gauche */
    gap: 10px;                      /* Espace entre l'image et le texte */
}

/* Image dans la section texte */
.text-image {
    max-width: 100%;                /* L'image s'adapte à la largeur disponible */
    /*height: auto;                   /* Conserve le ratio de l'image */
}

/* Pour les écrans plus petits (responsive design) */
@media (max-width: 768px) {
    .flex-container {
        flex-direction: column;     /* Les sections sont empilées verticalement sur petits écrans */
    }
    .image-section, .text-section {
        width: 100%;                /* Chaque section prend toute la largeur */
        padding-left: 0;            /* Enlève les espaces internes pour les petits écrans */
    }

   .image-item {
        flex: 1 1 100%;             /* Les images prennent toute la largeur en version mobile */
    }
	#main-menu img {
    display:none;
	}
	presentation h1 {
    font: 300 42px 'ClashGrotesk-Semibold';
    font-size: 42px;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-top: 85px;
}
}
@media (min-width: 1600px) {
   
	#main-menu img {
    display:none;
	}

}
// Adptation des images à l'appareil (responsive)
.responsive-img {
    max-width: 100%;
    height: auto;
}

//Pour la FAQ
.faq-question {
  cursor: pointer; /* Indique que l'élément est cliquable */
  display: inline-block;
  align-items: center;
  font-size: 18px;
  margin: 10px 0;
  margin-bottom: 15px; /* Espace entre la question et la réponse */
  user-select: none; /* Évite de sélectionner le texte au clic */
}

.arrow {
  margin-right: 10px; /* Espacement entre la flèche et le texte */
  font-size: 20px;
  transition: transform 0.3s ease; /* Animation lors du clic */
}

.faq-answer {
  margin-top: 10px;
  padding: 10px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  margin-top: 10px; /* Ajouter de l'espace entre la question et la réponse */
}

.faq-item:hover .faq-question {
  text-decoration: underline; /* Lien souligné au survol */
}

.faq-question:hover {
  cursor: pointer; /* S'assurer que le curseur devient une main au survol */
}

.faq-item {
  margin-bottom: 20px; /* Ajouter de l'espace entre chaque question */
}