/*GENEAD DUNKERQUE*/

html, body {font-family:'Oxygen'; font-size: calc(0.8em + 0.33vw); line-height: 1.5; letter-spacing: normal; text-justify: none;}

.link-blancjaune { color: #ffffff; } /* lien blanc jaune pour industrissime dans menu horizontal haut */
.link-blancjaune:hover { color: #ffff00; } /* lien blanc jaune pour industrissime dans menu horizontal haut */

/*INITIALISATION valeur fixe globale*/
.spip-admin-boutons{font-family: 'Oxygen', sans-serif;}

.main{max-width:1000px;margin:0px;}

.logo {max-width:450px; height:auto;}

img {max-width:100%!important; height:auto!important;}

.spip_logo {margin-top:20px;margin-bottom:15px;text-align: center;} 

.menu a{color:black;
border: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
       /* padding: 0 1rem;*/
	text-decoration: none;}

.classtitre{
	font-size:29px;
	font-family:'Raleway', sans-serif;
	font-weight: 600;
	line-height: 1.2;
	color:#213143;
	/*text-transform: uppercase;*/
}

.classtitre-focus{
	font-size:25px;
	font-family:'Raleway', sans-serif;
	font-weight: 600;
	line-height: 1.2;
	color:#213143;
}

.classtexte{font-family:'Oxygen', sans-serif; font-size:17px!important;}

a{ color: #303030;}
a:hover  { color: #000; text-decoration: none; background-color: #ffff00; /*-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; transition: all 1s ease-out*/}

#videoDiv2 {width:100%; max-width: 200px; margin:auto; display:block; position: relative;height: 100vh;}
#video2{width:200px; height: 100vh; opacity: 0.1;object-fit: fill;}
@media (min-width: 1152px){#videoDiv2{max-width:200px!important;}

/* POSSIBLE DOUBLON .classtexte{font-family:sans-serif;font-size:17px!important;} */

.navbar-expand-lg {
display: none;}
.menu1 {width: 17rem;}
.menu1 > ul{} 
.pub{width: auto; float:left;position:absolute;top:0;margin:15px 10%;}
.pub img{margin:auto;    max-width: 160px !important;
} 
.pubmenu {
display: none;}
.pub-bas-responsive{display: none;}
.menu{font-size: 17.5px!important;}
}
@media (max-width: 1152px){
.menu1	{
    max-height: 50vh;
}
#videoDiv2 , #video2{display:none;}
.pubmenu {width: auto;margin:auto;position:sticky-top;text-align: center!important;}
.pubmenu img{margin: 0.5em; height: 40vh!important;}	
.menu1 > ul{} 
.menufocus{display: none;}
.pub {
display: none;}	
.navbar-expand-lg {
display: none;}	
.fondpub{display: none;}

}
@media (min-width: 768px){.pubmenu{display:normal;}
.pub-bas-responsive{display: none;}
}

@media (max-width: 767px){
.container{width:100%!important}
.classiframebadge{height:1750px!important;}
.navbar-expand-lg {
display: flex;}	
.main{margin-top:15px;}
.pubmenu {display:normal;}
.logo {margin:0.5rem;width:100%;max-width:20em!important; height:auto;}
.menu1 {
display: none;}
.menufocuslist{display: none;}
.menu {
	display:none;
	overflow-y: auto;
	max-width:100%!important;
	height: 100%!important;
    top: 0;
    left: 0;
   	text-align: center;
	border-right:none!important;
	position:relative!important;
}
.menufocus2 a{   
font-size: calc(0.6em + 0.25vw);}
.pub-bas-responsive{width: 100%;height:auto;}
.classtexte{font-size:17.5px;}}

.menu-liste{}	
.menu {
	font-family: 'Oxygen', sans-serif;
	font-weight:  700;
	letter-spacing:-0.5px;
	
	font-size: 16.5px;
	/*font-size: 0.9rem;*/
	height: 100%;
    top: 0;
    left: 0;
   	text-align: left;
	/*border-right: 2px solid;
	border-left: 1px solid;*/
	color: #778899;
	padding:15px;
}
.menufocus {
	padding:0px;
	font-family: 'Oxygen', sans-serif;
	font-weight:  700;
	letter-spacing:-0.5px;
	max-width: 11rem;
	font-size: 16.5px;
	/*font-size: 0.9rem;*/
	height: 100vh;
    top: 0;
    left: 0;
   	text-align: left;
	border-right: 2px solid;
	border-left: 1px solid;
	color: #778899
}
.pres{}
.pres li{}
.menufocuslist{padding: 7px;}
.menufocuslist a{color:black;
border: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
       /* padding: 0 1rem;*/
	text-decoration: none;}
.menufocuslist ul{padding-inline-start:0px!important; margin-block-start: 0.5em;
    margin-block-end: 0.5em;}
.menufocuslist li{list-style-type:none!important;padding-top: 15px; }
/*.menu > div{
	padding: 2.25rem;
    height: 100%;
}*/

.fondpub{background-color:#efefef;float: left;display: flex;
flex-direction: column;
min-height: 100vh;}
/*li{
	list-style : none!important;
}*/
/*Listing copie valeur*/
.patterns{
    overflow: auto;
    margin-top: 0.5rem;
	flex: 1 1 auto;
}
.patterns li {
    
    /*list-style-image: url("http://www.pdfindustries.com/squelettes/images/puce-26-4.png")
	*/
	list-style-type:square;
	color:black;
}
.spip-chart-wrap{height:auto!important;
    margin-bottom: 15px;
}

/* MENUS FOCUS ORDI POLYGONE*/
#navfocusmenu a.active{background-color: #666;
    clip-path: polygon(0% 0%, 90% 0%, 95% 50%, 90% 100%, 0% 100%);
    color: #fefefe;
	/* font-weight: bold;*/ /* ici on augmente la graisse de la police du menu gauche ordi */
    padding-top: 0.2em!important;
    padding-bottom: 0.2em!important;
    padding-left: 8px!important;
    margin-left: -2em;
	padding-right: 1.2em!important;
	width: 113%!important;}
#navbarNav a.active{   
	clip-path: polygon(0% 0%, 90% 0%, 95% 50%, 90% 100%, 0% 100%);
	background-color: #666;
    color: #fefefe;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 2%;
    /* margin-left: 0; */
    width: 100%;
    height: 100%;
	display: block;
}
#navbarNavFocus a.active{   
	clip-path: polygon(0% 0%, 90% 0%, 95% 50%, 90% 100%, 0% 100%);
	background-color: #666;
    color: #fefefe;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 2%;
    /* margin-left: 0; */
    width: 100%;
    height: 100%;
	display: block;
}
#navfocus a.active{   
	clip-path: polygon(0% 0%, 90% 0%, 95% 50%, 90% 100%, 0% 100%);
	background-color: #666;
    color: #fefefe;
    padding:5px;
    /* margin-left: 0; */
    width: 100%;
    height: 100%;
	display: block;
}
#nav a.active{   
	clip-path: polygon(0% 0%, 90% 0%, 95% 50%, 90% 100%, 0% 100%);
	background-color: #666;
    color: #fefefe;
    padding:5px;
    /* margin-left: 0; */
    width: 100%;
    height: 100%;
	display: block;
}

/* MENU HORIZONTAL */
.menuhorizon{ z-index: 1900!important; width: auto; margin: auto; margin-top: -10px;}
.top{ z-index: 1950!important;}
/* MENU ORIGINAL SANS BACKGROUND DÉGRADÉ : .menuhorizon a{ color:white; background-color:#777777; border-top: solid 1px white;} */
/* MENU AVEC DÉGRADÉ : .menuhorizon a{ color:white; background:linear-gradient(to bottom,#5d5d5d, #777777); border-top: solid 1px white;} */
.menuhorizon a{ color: white; background: #315272; border-top: solid 1px white; border-bottom: solid 1px #315272!important; font-size: 16.6px;}
.menuhorizon a:over{ background-color: white!important; color: #315272!important;}
.menuhorizon ul{ background-color: #315272!important; /*height: 38px; padding:revert;*/}
.menuhorizon li{ list-style: none; float: left; width: 100%!important; background-color: white; border-right: solid 1px white;}
/*.menuhorizon li:over{background-color:white!important;color:#5d5d5d!important;} */

.menuder, .menuder ul { border:none!important;}
.menu-items__item_article li {width:100%!important}
.menuder li li {float:initial}
.menuder li ul {width:600px;display:table;}
.menu li { float:none!important}
.menuder li {width:auto!important;white-space: nowrap;}
.menuder li:hover{background-color:white;}
.menuder li:hover, .menuder li.hover {background-color: white!important;}
.menuder a {width:auto!important; padding: .25em 0.7em!important; white-space: nowrap; font-family: 'Oxygen', sans-serif; font-weight:normal}
/* ici on change la couleur du lien survolé du menu haut horizontal */.menuder a:hover{background-color:white; color:#000000; /*font-variant: small-caps;*/}


/* MENU FOCUS GAUCHE POUR ORDI*/
.droit {
	float:none!important;
	height:auto;
	background:linear-gradient(to right,#EFEFEF, white);}
.droit ul li a{
	margin: 5px;
	border:none!important;
	padding:0px!important;
	margin-left:0px!important;
	text-transform: uppercase!important;
	font-weight: normal;
	border-radius: 0px;
	overflow-wrap: break-word;
	white-space: normal;
	letter-spacing:0px;
	font-size:13.4px;}
.droit ul li a:hover{
	background-color:white!important;
	color:initial!important;
	border:none!important;
	padding:0px!important;
	margin-left:0px!important;
	/* transition: all 0.5s ease-out!important; */
	border-bottom:1px solid black!important;
	border-radius: 0px!important;}
.droit ul{padding-inline-start: 0px!important; background-color:initial;}
.droit li:hover{background-color:initial!important;}

/* CSS - BOUTON EXPOSANT - ARTICLE 10*/
.menufocus2 a{
	font-size: 16px;
/*font-size: calc(0.6em + 0.25vw);*/
	font-family: 'Oxygen', sans-serif;
	color: black;
	padding: 9px;
	margin-right: 15px;
	margin-bottom: 15px;
	border: solid 0.1em #696969;
	text-decoration: none;
	text-transform: uppercase!important;}
.menufocus2 a:hover{
	background-color:#A9A9A9!important; 
	color:white!important; 
	border:solid 0.1em white; 
	/* transition: all 0.2s ease-out; */
	border-radius: 7px;}

/* POUR SUPPRIMER LES PUCES DU MENU VERTICAL*/
.menufocus2 ul li {list-style-type : none;} 

.simple-left-modal {z-index: 2000!important;}

/* MENTION LÉGALES */
#gimmefocusplease{font-weight: 100; font-family: sans-serif; font-size: 13px;}

/*FOOTER*/
.ml {color: #A9A9A9; font-size: 9px; font-family: Oxygen, sans-serif; font-weight: normal; text-align: left;}

/*SURCHARGE PUB*/	
.pubhaut{margin-top:15px;}

/*SURCHARGE BOOSTRAP*/	
.hrpers{margin-top:15px;margin-bottom:15px;}
.nopadding{padding-top:20px;}

hr{border-top: 1px solid #8f8f8f;}

.bg-dark{background-color:#666!important;}
.tableaucollapse > li{ margin: 0 -0.9em 0 -0.9em!important;
    border-bottom: 2px solid black;
    padding: .5em 0.5em .5em 1em;} 
.tableaucollapse{background-color:white;padding:.5rem 1rem 0em 1rem;border: 1px solid black; font-size:17.5px;}
.navbar{padding:0px;text-align: center;}
.navbar-brand {width:70%!important;margin:auto;display: block!important;}
.navbar a{width:100%;margin:auto;color: #666;}
.navbar-collapse{text-align:left;}
.container{width:1000px;}
.containerpub{background-image: url(../../2020/medias/cream_pixels.png);text-align:center;margin-bottom: 15px!important;
    border-bottom: 1px solid #ccc;padding: 15px;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 0;
margin-left: 0;}
.row{margin:0px;margin-top:15px;}

/* CADRE AUTOUR D'UNE VIDÉO VIDEO */
.boxvideo   { padding: 5px; border: solid 1px #bbb; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }

/* IMAGE + THUMBNAIL */
.thumb,
.thumb.left { margin: 0 10px 10px 0; }
.thumb.left20 { margin: 0 20px 10px 0; }
.thumb.right  { margin: 0 0 12px 20px; }
.thumb.top  { margin: 20px 0 12px 20px; }
/* style effects */
img.round { border-radius: 5px; }
img.circle { border-radius: 50%; }
img.border { padding: 10px; background-color: #fff; border: 1px solid #bbb; }
img.shadow { box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7), -1px 2px 20px rgba(255, 255, 255, 0.6) inset; }
img.sepia { filter: sepia(1); -webkit-filter: sepia(1); -moz-filter: sepia(1); -o-filter: sepia(1); -ms-filter: sepia(1); }
img.sepia:hover { filter: sepia(0); -webkit-filter: sepia(0); -moz-filter: sepia(0); -o-filter: sepia(0); -ms-filter: sepia(0); }

/* Fonts NOTEPAD */
@font-face {
    font-family: 'Miriam Libre';
    src: url('./font/miriamlibre-bold.woff2') format('woff2'), url('https://notepad-plus-plus.org/css/fonts/miriamlibre-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
/* TITRE et TEXTE PDF INDUSTRIES :: core sans M :: modifié le 24/11/20 par éric */
@font-face {
	font-family: 'core_sans_m_65';
	src: url('./font/coresansm65bold-webfont.woff2') format('woff2'), url('./font/coresansm65bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'core_sans_m_65_italic';
	src: url('./font/coresansm65bold-italic-webfont.woff2') format('woff2'), url('./font/coresansm65bold-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'core_sans_m_45';
	src: url('./font/core_sans_m_45_regular-webfont.woff2') format('woff2'), url('./font/core_sans_m_45_regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'core_sans_m_45_italic';
	src: url('./font/core_sans_m_45_regular_italic-webfont.woff2') format('woff2'), url('./font/core_sans_m_45_regular_italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.core_sans_m {
	font-family: 'core_sans_m_45', serif;
}