/* CSS PÔLE METROPOLITAIN ©www.animaproductions.com */


/* ------------------------------------------------------ &1 FONTS ------------------------------------------------------ */

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

}

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

}

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

}

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

}

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

}

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


/* -------------------------------------------------------- &2 HACKS -------------------------------------------------------- */

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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}



*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

html, body
{
	font-family: 'conduit_itclight', Arial, sans-serif !important;
	font-weight: 100;
	margin: 0px;
	color : #999999999;
	
}

strong
{
	font-family: 'conduit_itcbold', Arial, sans-serif !important;
	font-weight: 100;
	color : black;
}

em
{
	font-family: 'conduit_itclightitalic', Arial, sans-serif !important;
	font-weight: 100;
}

h1,h2,h3,h4,h5,h6
{
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	text-transform: uppercase;
	color : black;
}

h1.entry-title
{
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	line-height: 1em;
	text-transform: uppercase;
}

section
{
	display: block;
	border-bottom: #bebebe 2px dashed !important;
}

section.no_border
{
	border-bottom: none !important;
}

hr
{
	margin-left : 0px;
	border-bottom: #bebebe 2px dashed !important;
	border-top: none;
	border-left: none;
	border-right: none;
	background-color: none;
	margin-top: 50px;
	margin-bottom : 50px;
}

p
{
	padding : 10px 0px;	
}

/* ------------------------------------------------------ &3 STRUCTURE ------------------------------------------------------ */

.bt_ami
{
	display: block;
	position: absolute;
	z-index: 99999;
	top : 220px;
	right : 10px;
	width: 100px;
	height: 100px;
	border-radius : 50%;
	text-align: center;
	line-height: 100px;
	background-color: rgb(38,221,253);
	font-weight: 700;
	color : white;
	text-transform: uppercase;
}

.bt_ami:hover
{
	background-color: rgb(0,255,0);
	color : black;
}

.bt_ami>span
{
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
}


#logo_maintenance
{
	position: absolute;
	width : 500px;
	height : 500px;
	top : 50%;
	left : 50%;
	margin-top : -250px;
	margin-left : -250px;
}

#conteneur
{
	width : 100%;
}

#conteneur_texte
{
	width : 70%;
	max-width : 700px;
	margin: auto;
	font-size: 1.1em;
	line-height : 1.3em;
}

.conteneur_texte_large
{
	width : 96vw !important;
	max-width : 1400px !important;
}

#menu_home
{
	background-color: white;
	width : 100%;
	height : 200px;
}

#menu_home_ouvrant
{
	display: none;
}

#menu_ouvrant
{
	background-color: rgb(0,255,0);
	width : 100%;
	height : 400px;
	padding-top: 50px;
}

#menu_minimal
{
	background-color: white;
	width : 100%;
	height : 110px;
}

#menu_minimal_retour
{
	display: inline-block;
	width : 50px;
	height: 50px;
	background-image: url('../images/ui/fleche_retour.svg');
	background-size: cover;
	margin: 0 auto;
	margin : 0px 20px 0px 20px;
}

#menu_minimal_retour:hover
{
	background-image: url('../images/ui/fleche_retour_hover.svg');
}

#menu_footer
{
	background-color: rgb(0,255,0);
	width : 100%;
	height : 400px;
	margin : 0 auto;
	padding-top: 50px;
	/* margin-bottom: 75px !important; */
}

.sans_bandeau
{
	margin-bottom: 0px !important;
}


#bandeau_habitat
{
	width : 100%;
	background-color: rgb(0,79,77) !important;
	position: fixed;
	bottom : 0px;
	padding : 25px 0px 25px 0px !important; 
	text-align: center;
	font-size: 1.6em !important;
}

#bandeau_habitat:hover
{
	background-color: black;
}

#bandeau_habitat a div
{
	color: white;
	width: 100%;
	max-width: 600px;
	display: inline-block;
	
}

#bandeau_habitat strong
{
	color: white !important;
}

#appel_a_contribution
{
	position: fixed;
	bottom: 0px;
	background-color: rgb(38,221,253);
	width : 100%;
	padding-top : 5px;
	height : 95px;
	text-align: center;
	cursor: pointer;
}

#appel_a_contribution:hover
{
	background-color: black;
}

#appel_a_contribution_titre
{
	/*margin-top: 50px;*/
	margin-bottom: 50px;
	background-color: rgb(38,221,253);
	width : 100%;
	padding-top : 35px;
	padding-bottom : 25px;
	
	text-align: center;
	cursor: pointer;
}

#page_titre
{
	margin-top: 0px;
	margin-bottom: 50px;
	background-color: rgb(38,221,253);
	width : 100%;
	padding-top : 35px;
	padding-bottom : 25px;
	
	text-align: center;
	cursor: pointer;
}

.col_texte
{
	width: 600px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

.col_home
{
	text-align: center;

}

.texte_home
{
	font-size : 1.2em;
}

.texte_action
{
	font-size : 1.2em;
	font-family: 'conduit_itclight', Arial, sans-serif !important;
	font-weight: 100;

}

.plus
{
	display: inline-block;
	width : 25px;
	height: 25px;
	background-image: url('../images/ui/plus.svg');
	background-size: cover;
	margin-right: 10px;
	margin-top: 5px;
}

.plus_home
{
	display: block;
	width : 20px;
	height: 20px;
	background-image: url('../images/ui/plus.svg');
	background-size: cover;
	margin: 0 auto;
}

.plus_home_bleu
{
	display: block;
	width : 20px;
	height: 20px;
	background-image: url('../images/ui/plus_bleu.svg');
	background-size: cover;
	margin: 0 auto;
}

.plus_home:hover,
.plus:hover
{
	background-image: url('../images/ui/plus_vert.svg');
}

.plus_home_bleu:hover
{
	background-image: url('../images/ui/plus_bleu_hover.svg');
}

#fl_concertation
{
	display: block;
	width: 50px;
	height : 50px;
	background-size: cover;
	background-image: url('../images/ui/fleche_concertation.svg');
	position: absolute;
	top : 22px;
	right: 20px;
}

#fl_concertation:hover
{
	background-image: url('../images/ui/fleche_concertation_hover.svg');
}

#menu_home_logo
{
	width: 50%;
	float : left;
	margin-top: 23px;
}

#menu_minimal_logo
{
	width: 45%;
	float : left;
	margin-top: 20px;
}

#menu_home_container
{
	width: 50%;
	float : right;
	margin-top: 130px;
}

#menu_minimal_container
{
	width: 55%;
	float : right;
	margin-top: 40px;
}

.menu_home_lang_item,
.menu_home_lang_item_focus
{
	display: block;
	float: right;
	margin : 0px 5px 0px 5px;
	font-family: 'conduit_itcbold', Arial, sans-serif !important;
	font-weight: 100;
	font-size: 1.2em;
	color: #bebebe;
}

.menu_home_lang_item_focus
{
	color : rgb(38,221,253);
}

.menu_home_lang_item_focus>a
{
	text-decoration: none;
	color : rgb(38,221,253);
}

.menu_home_lang_item>a
{
	text-decoration: none;
	color: #bebebe;
}


.menu_home_nav_item
{
	display: block;
	float: right;
	margin : 0px 15px 0px 15px;
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #686768;
	cursor: pointer;
}

.menu_home_nav_item a
{
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	color: #686768;
	cursor: pointer;
	text-decoration: none;
}

.menu_home_nav_item a:hover
{
	color : rgb(38,221,253);
}

.menu_home_nav_item:hover
{
	color : rgb(38,221,253);
	text-decoration: underline;
}

.menu_home_lang_item:hover
{
	color : rgb(38,221,253);
	text-decoration: underline;
}

#menu_home_lang
{
	display: block;
	margin-left: 15px;
	margin-right: 15px;
	cursor: pointer;
}

#menu_home_nav
{
	display: block;
	margin-right: 15px;
}

.med 
{
	cursor: pointer;
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
	text-align: center;
	width : 80%;
}

#haut_de_page
{
	width: 50px;
	height: 50px;
	position: fixed;
	bottom : 120px;
	right : 20px;
	z-index: 100;
	display: block;
	background-image:url('../images/ui/fleche_hautdepage.svg');
}

#haut_de_page:hover
{
	background-image:url('../images/ui/fleche_hautdepage_hover.svg'); 
}

#menu_footer_container
{
	width: 740px;
	margin : 0 auto;
}

#menu_footer_col1,
#menu_footer_col2,
#menu_footer_col3
{
	float: left;
	margin : 5px;
}

#menu_footer_col1
{
	width : 250px !important;
}

#menu_footer_col2
{
	width : 330px !important;
}

#menu_footer_col3
{
	width : 130px !important;
}

#menu_footer_plan
{
	width : 100%;
	color : white;
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	font-size: 2em;
	line-height: 1.1em;
	text-transform: uppercase;
}

.menu_footer_titre
{
	color : black;
	font-family: 'conduit_itcbold', Arial, sans-serif !important;
	font-weight: 100;
	font-size: 1.2em;
	line-height: 1.1em;
}

.menu_footer_titre_light
{
	color : black;
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	font-size: 1.1em;
	line-height: 1.1em;
	text-transform: uppercase;
	
}

#logo_footer
{
	width: 100%;
	margin-top : 30px;
}


#fermer_menu
{
	width: 50px;
	height: 50px;
	position: relative;
	left : 50%;
	margin-left: -25px;
	top: 320px;
	z-index: 100;
	display: block;
	background-image:url('../images/ui/fermer_menu.svg');
}

#fermer_menu:hover
{
	background-image:url('../images/ui/fermer_menu_hover.svg'); 
}

/* ------------------------------------------------------- &4 TEXTES -------------------------------------------------------- */

p.PMNSN_orangetext
{
	color : rgb(220,113,75) !important;
}

p.PMNSN_orangetext_large
{
	color : rgb(220,113,75) !important;
	font-size: 1.3em !important;
	line-height: 1.5em !important;
}

p.PMNSN_orangetext_large a
{
	text-decoration: underline !important;
}

p.PMNSN_orangetext_large a:hover
{
	text-decoration: none !important;
}


.tableau_gouvernance, .tableau_gouvernance td
{
	font-size: 0.95em;
	border : solid 1px rgb(38,221,253);
}

.tableau_gouvernance td
{
	padding : 15px;
}

.tableau_titre
{
	background-color: rgb(38,221,253);
	color : white;
	font-size: 1.3em !important;
}

#conteneur_texte img
{
	max-width: 100%;
	height: auto;
	margin : 20px 0px 20px 0px;
}

.logo_texte
{
	width : 90px;
	height: auto;
	margin-top: 25px;
	margin-bottom: 5px;
	display: block;
}

.gd_titre_home
{
	font-size: 3.6em !important;
	color : white;
	margin: 0px;
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	line-height: 1em;
	cursor : default;
}

.titre_home
{
	font-size: 3.6em;
	line-height: 1em;
	color : #686768;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	cursor : default;
}

.titre_vert
{
	/*color : rgb(0,255,0);*/
	color : rgb(38,221,253);
}

.surtitre_home
{
	font-size: 2.5em;
	line-height: 0.9em;
	color : #bebebe;
	margin-bottom: 0px;
	cursor : default;
}

.soustitre_home
{
	font-size: 1.7em;
	line-height: 0.9em;
	color : #686768;
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	cursor : default;
}

.intertitre
{
	font-size: 1.3em;
	line-height: 0.9em;
	color : #686768;
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
}

a.lien_home
{
	font-size: 1.2em;
	line-height: 1.4em;
	text-decoration: none;
	color : black;
	text-transform: uppercase;
}

a.lien_home_fort
{
	font-family: 'conduit_itcbold', Arial, sans-serif !important;
	font-weight: 100;
}

a.lien_home:hover,
a.lien_home_fort:hover
{
	text-decoration: underline;
	color : #686768;
}

.titre_concertation
{
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	color:white;
	text-transform: uppercase;
	font-size : 4em;
}

.titre_concertation_light
{
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	color:white;
	text-transform: uppercase;
	font-size : 2.8em;
}

.soustitre_concertation
{
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	color : #686768;
	text-transform: uppercase;
	font-size : 1.8em;
}

a.menu_footer_lien
{
	text-decoration: none;
	color: black;
}

a.menu_footer_lien:hover
{
	text-decoration: underline;
}

#conteneur_texte h1
{
	font-size: 3em;
	text-align: center;
	color : #686768;
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	margin: 20px 0px 20px 0px;
}

#conteneur_texte h2
{
	font-size: 1.8em;
	line-height: 1.2em;
}

.encart
{
	display: block;
	width: 94%;
	padding : 3%;
	background-color: rgb(38,221,253);
	margin-top : 15px;
	color: #686768;
}

.encart>h3
{
	color : white;
	font-size : 1.4em;
	margin-bottom : 5px;
}

.form_titre
{
	font-family: 'conduit_itcbold', Arial, sans-serif !important;
	font-weight: 100;
	text-transform: uppercase;
	font-size: 1.6em;
}

.form_label
{
	font-family: 'conduit_itcbold', Arial, sans-serif !important;
	font-weight: 100;
	text-transform: uppercase;
}

.form_mentions
{
	position: relative;
	top: -5px;
	display: inline-block;
	text-transform: uppercase;
}

.date
{
	border-left : 6px solid rgb(38,221,253);	
	padding-left : 12px;
}

.citation
{
	font-family: 'conduit_itclightitalic', Arial, sans-serif !important;
	font-size: 1.3em;
	line-height: 1.3em;
}

.exergue
{
	font-family: 'conduit_itcbold', Arial, sans-serif !important;
	font-weight: 100;
}

#conteneur_texte a
{
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	color : black;
	text-decoration: none;
}

.BT_DISABLED
{
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	color : rgba(0,0,0,.5);
	text-decoration: none;
	display: inline-block;
	text-decoration: none !important;
	padding: 5px 10px;
	border-radius: 4px;
	background-color: rgba(255,255,255,.6);
	margin-top: 10px;
	cursor : default;
	font-size: 1em !important;
}

#conteneur_texte a:hover
{
	text-decoration: underline;
}

/* TAGS */

.carre_bleu
{
	display: block;
	float: left;
	width : 12px;
	height : 12px;
	background-color: rgb(38,221,253);
	margin-right: 10px;
	margin-top : 4px;
}

.document_bleu
{
	display: block;
	float: left;
	width : 15px;
	height : 15px;
	margin-right: 10px;
	margin-top : 4px;
	background-image: url('../images/ui/document.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.picto
{
	display: block;
	float: left;
	width : 80px;
	height : 100px;
	margin-right: 10px;
	margin-top: -10px;
}

.picto img
{
	width: 100%;
	height: auto;
}

/* equipe */

.membre_equipe
{
	display: block;
	width: 100%;
	min-height : 178px;
	margin-top: 20px;
	margin-bottom: 40px;
	clear: both;
}

.membre_portrait
{
	float: left;
	width : 120px;
	height : 178px;
}

.membre_portrait img
{
	margin-top: 0px !important;
}

.membre_description
{
	float : left;
	margin-left: 15px;
	width : 70%;
}

/* ------------------------------------------------------- & ATELIER HABITAT -------------------------------------------------------- */

.atelier_habitat_texte_conteneur>p
{
	display: block;
	padding-bottom: 20px !important;
}

#atelier_habitat_h1
{
	font-size: 2.6em !important;
	line-height: 1.1em !important; 
	text-align: center;
	color: rgb(220,113,75) !important;
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	margin: 20px 0px 20px 0px;
	text-transform: inherit;
}

/* ------------------------------------------------------- &5 FORMULAIRE -------------------------------------------------------- */

.bt {
	background-color : rgb(255,255,255);
	border: solid 6px;
	border-color: rgb(0,255,0);
	margin-top: 15px;
	font-family: 'conduit_itcbold', Arial, sans-serif !important;
	font-weight: 100;
	font-size: 1.3em;
	text-transform: uppercase;
	padding: 10px;
	color : black;
	text-align: center;
	cursor: pointer;
}

.bt:hover {
	background-color : rgb(0,255,0);
	margin-top: 15px;
	font-family: 'conduit_itcbold', Arial, sans-serif !important;
	font-weight: 100;
	font-size: 1.3em;
	text-transform: uppercase;
}

input
{
	font-family: 'conduit_itclight', Arial, sans-serif !important;
	font-weight: 100;
	font-size: 1em;
}

input[type=text]
{
	position : relative;
	left : 20px;
	width: 550px;
	margin-bottom: 10px;
	border : none;
}

textarea
{
	height: 300px;
}

.form_part1
{
	border-left : 6px solid rgb(0,255,0);	
	padding-left : 12px;
}

.form_part2
{
	border : 6px solid rgb(0,255,0);	
	padding : 12px;
}

/*
input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}
*/

input[type=submit] {
	background-color : rgb(255,255,255);
	border: solid 6px;
	border-color: rgb(0,255,0);
	margin-top: 15px;
	font-family: 'conduit_itcbold', Arial, sans-serif !important;
	font-weight: 100;
	font-size: 1.3em;
	text-transform: uppercase;
}

input[type=submit]:hover {
	background-color : rgb(0,255,0);
	margin-top: 15px;
	font-family: 'conduit_itcbold', Arial, sans-serif !important;
	font-weight: 100;
	font-size: 1.3em;
	text-transform: uppercase;
}

input[type=textarea],textarea
{
	width: 99%;
	resize: none;
	border : none;
	font-family: 'conduit_itclight', Arial, sans-serif !important;
	font-weight: 100;
	font-size: 1em;
}

.checkboxPM {
	width: 25px;
	margin-top: 15px;
	margin-bottom : 15px;
	position: relative;
}

.checkboxPM label {
	cursor: pointer;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	  left: 0;
	background: rgb(0,255,0);

}

.checkboxPM label:after {
	opacity: 0.1;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkboxPM label:hover::after {
	opacity: 0.5;
}

.checkboxPM input[type=checkbox]:checked + label:after {
	opacity: 1;
}

.form_labelcheck
{
	display: block;
	margin-left: 35px;
	width : 80% !important;
	margin-top: -20px;
}

.conteneur_publications
{
	margin : 0 auto;
	display: block;
	height : auto;
	clear: both;
}

.conteneur_publications>h2
{
	display: block;
	background-color: rgb(38,221,253);
	color: white;
	text-align: center;
	padding: 30px 0px 30px 0px;
	font-size : 1.6em;
	margin-bottom: 20px;
}

.item_publication
{
	width : 250px;
	height: 350px;
	float: left;
	padding : 10px;
}

.item_contribution
{
	width : 250px;
	height: 350px;
	float: left;
	padding : 10px;
	cursor: pointer;
}

.item_contribution_priseencompte
{
	width : 250px;
	height: 350px;
	float: left;
	padding : 10px;
	cursor: pointer;
	background-color: #00FF00;
	font-family: 'conduit_itcbold', Arial, sans-serif !important;
	font-weight: 100;
	font-size: 1.8em;
	color : black;
	/*text-transform: uppercase;*/
	
}

a .item_publication,
a .item_contribution
{
	color : black;
}

.item_publication:hover
{
	background-color: rgb(240,240,240);
}

.item_contribution:hover
{
	background-color: rgb(38,221,253);
	color : white;
}

.item_contribution:hover>.item_contribution_titre
{
	color : white;
}

.item_publication_visuel
{
	width : 250px;
	height: 250px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.item_contribution_titre
{
	text-transform: uppercase;
	font-family: 'conduit_itcbold', Arial, sans-serif !important;
	font-weight: 100;
	font-size: 1.5em;
	color : rgb(38,221,253);
}

.item_contribution_lien 
{
	text-transform: uppercase;
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	font-size: 0.8em;
}

.link_contribution
{
	color : black;
	text-decoration: none;
}

.item_publication_titre
{
	margin-top: 15px;
	text-align: center;
}

.item_publication_soustitre
{
	font-size: 0.8em;
	text-transform: uppercase;
}

.message
{
	display: block;
	margin: 0 auto;
	text-align: center;
}

.clearfloat
{
	clear : both;
}

#menu_mobile, 
#haut_de_page_mobile { display : none ; }
#haut_de_page_mobile { color : white; }
.date_mobile { display : none ; }
.date_desktop { display : block ; }

/* ------------------------------------------------------- &6 MEDIA QUERIES -------------------------------------------------------- */

@media screen and (max-width: 400px) { .conteneur_publications { width : 270px; } }
@media screen and (min-width: 401px) and (max-width: 810px) { .conteneur_publications { width : 540px; } }
@media screen and (min-width: 811px) and (max-width: 1080px) { .conteneur_publications { width : 810px; } }
@media screen and (min-width: 1081px) and (max-width: 1350px) { .conteneur_publications { width : 1080px; } }
@media screen and (min-width: 1351px) { .conteneur_publications { width : 1350px; } }


@media screen and (max-width: 800px) 
{

	body, html  { margin : 0px; }
	
	.date_mobile { display : block ; }
	.date_desktop { display : none ; }
	
	#menu_home
	{
		width : 100%;
		height: auto;
		max-height : 200px !important;
	}
	 
	#menu_home_logo
	{
		width: 100%;
		max-height : 200px;
		text-align: center;
		margin-top: 23px;
		margin-bottom : 15px;
		display: block;
	}
	
	#menu_minimal_logo
	{
		width: 100%;
		height: 60px;
		float : left;
		margin-top: 20px;
	}
	
	#menu_minimal_logo img
	{
		width: 200px;

	}
	
	#menu_minimal
	{
		background-color: white;
		width : 100%;
		height : 60px;
	}
	 
	#menu_home_logo img { width: 80%; }
	 
	#menu_home_container,
	#menu_minimal_container
	{
		display : none;
	}
	
	#menu_mobile 
	{ 
		display : block;
		text-align: center;
		width: 100%;
		margin-bottom: 15px;
	}
	
	.menu_home_nav_item_mobile
	{
		display: block;
		margin : 0px 15px 0px 15px;
		font-family: 'conduit_itcmedium', Arial, sans-serif !important;
		font-weight: 100;
		font-size: 1.2em;
		text-transform: uppercase;
		color: #686768;
		cursor: pointer;
	}
	
	#menu_ouvrant
	{
		background-color: rgb(0,255,0);
		width : 100%;
		height : 980px;
		padding-top: 50px;
	}
	
	#menu_footer_container
	{
		width: 100%;
		margin : 0 auto;
	}
	
	#menu_footer_col1,
	#menu_footer_col2,
	#menu_footer_col3
	{
		width : 330px !important;
		float: none;
		margin : 0 auto;
		margin-bottom: 30px;

	}
	
	#fermer_menu
	{
		width: 50px;
		height: 50px;
		position: relative;
		left : 50%;
		margin-left: -25px;
		top: 0px;
		z-index: 100;
		display: block;
		background-image:url('../images/ui/fermer_menu.svg');
	}
	
	.col_texte
	{
		width: 95%;
		margin: 0 auto;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	#menu_footer
	{
		background-color: rgb(0,255,0);
		width : 100%;
		height : 980px;
		padding-top: 50px;
		margin-bottom: 60px;
	}
	
	#menu_footer_plan
	{
		width : 330px !important;
		float: none;
		margin : 0 auto;
		margin-bottom: 10px;
		color : white;
		font-family: 'conduit_itcmedium', Arial, sans-serif !important;
		font-weight: 100;
		font-size: 2em;
		line-height: 1.1em;
		text-transform: uppercase;

	}
	
	#appel_a_contribution
	{
		position: fixed;
		bottom: 0px;
		background-color: rgb(0,255,0);
		width : 100%;
		padding-top : 5px;
		height : 60px;
		text-align: center;
		cursor: pointer;
	}
	
	#fl_concertation,
	#haut_de_page { display : none !important; }
	
	
	#haut_de_page_mobile
	{
		display: block;
		position: fixed;
		bottom: 60px;
		background-color: rgb(0,0,0);
		width : 100%;
		color : white;
		padding-top : 10px;
		padding-bottom : 5px;
		height : 30px;
		text-align: center;
		cursor: pointer;
		text-transform: uppercase;
	}
	
	#haut_de_page_mobile:hover
	{
		background-color: rgb(150,150,150);
	}
	
	/* equipe */

	.membre_equipe
	{
		display: block;
		width: 100%;
		min-height : 274px;
		margin-top: 20px;
		margin-bottom: 40px;
		clear: both;
	}
	
	.membre_portrait
	{
		float: none !important;
		text-align: center !important;
		width : 100%;
		height : 274px;
	}
	
	.membre_portrait img
	{
		margin-top: 0px !important;
		margin : 0 auto;
	}
	
	.membre_description
	{
		float : left;
		margin-left: 0px;
		width : 100%;
		margin-top: 20px;
		margin-bottom : 40px;
	}
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - TEXTES - - - - - - - - - - - - - - - - - - - - - - - - - */
	
.gd_titre_home
{
	font-size: 2em !important;
	color : white;
	margin: 0px;
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	line-height: 1em;
	cursor : default;
}

.titre_home
{
	font-size: 2em;
	line-height: 1em;
	color : #686768;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	cursor : default;
}

.titre_vert
{
	color : rgb(0,255,0);
}

.surtitre_home
{
	font-size: 1.3em;
	line-height: 0.9em;
	color : #bebebe;
	margin-bottom: 0px;
	cursor : default;
}

.soustitre_home
{
	font-size: 1.2em;
	line-height: 0.9em;
	color : #686768;
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	cursor : default;
}

a.lien_home
{
	font-size: 1.1em;
	line-height: 1.3em;
	text-decoration: none;
	color : black;
	text-transform: uppercase;
}

a.lien_home_fort
{
	font-family: 'conduit_itcbold', Arial, sans-serif !important;
	font-weight: 100;
}

a.lien_home:hover,
a.lien_home_fort:hover
{
	text-decoration: underline;
	color : #686768;
}

.titre_concertation
{
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	color:white;
	text-transform: uppercase;
	font-size : 2em;
}

.titre_concertation_light
{
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	color:white;
	text-transform: uppercase;
	font-size : 1.2em !important;
}

.soustitre_concertation
{
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	color : #686768;
	text-transform: uppercase;
	font-size : 1em;
}

a.menu_footer_lien
{
	text-decoration: none;
	color: black;
}

a.menu_footer_lien:hover
{
	text-decoration: underline;
}

#conteneur_texte h1
{
	font-size: 2em;
	text-align: center;
	color : #686768;
	font-family: 'conduit_itcmedium', Arial, sans-serif !important;
	font-weight: 100;
	margin: 20px 0px 20px 0px;
}

#conteneur_texte h2
{
	font-size: 1.2em;
	line-height: 1.2em;
}

#conteneur_texte
{
	width : 95%;
	max-width : 700px;
	margin: auto;
	font-size: 1em;
	line-height : 1.3em;
}

iframe
{
	width: 100%;
}

.texte_home
{
	font-size : 1em;
}

.texte_action
{
	font-size : .9em;
	font-family: 'conduit_itclight', Arial, sans-serif !important;
	font-weight: 100;
}

}

/* 2021 */

.pm_delib_year
{
	font-size: 3em;
	display: block;
	color : rgb(38,221,253);
	margin-bottom: 30px;
	margin-top: 60px;
	border-bottom: 1px solid rgb(38,221,253);
	padding-bottom: 15px;
	cursor: default;
}

a.pm_delib_item,
a.pm_delib_item:hover
{
	display:block;
	text-decoration: none !important;
	margin-bottom: 30px;
}

.pm_delib_item_date
{
	
}

.pm_delib_item_titre
{
	font-size: 1.8em;
}

.pm_delib_item_bt
{
	margin-top: 5px;
	font-size: .8em;
	display: inline-block;
	padding : 3px 10px;
	background-color: rgb(220,220,220);
	border-radius : 25px;
	transition: .3s all ease-in-out;
}

.pm_delib_item_bt_fat
{
	margin-top: 5px;
	font-size: 1.1em;
	display: inline-block;
	padding : 5px 12px;
	margin-left: 15px;
	background-color: rgb(220,220,220);
	border-radius : 25px;
	transition: .3s all ease-in-out;
}

a.pm_delib_item:hover > .pm_delib_item_bt,
a.pm_delib_item_bt_fat:hover
{
	background-color: rgb(38,221,253);
	text-decoration: none;
}

h2.pm_lv1_h2,
h3.pm_lv2_h3
{
	cursor: pointer;
}

h2.pm_lv1_h2
{
	font-size: 2em;
}

h2.pm_lv1_h2::before
{
	content:'';
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	margin-right: 5px;
	margin-bottom: 2px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/ui/icon_folder01.svg');
}

.pm_lv1_h2.folder_opened_title::before,
.pm_lv2_h3.folder_opened_title::before
{
	background-image: url('../images/ui/icon_folder02.svg');
}

h3.pm_lv2_h3
{
	font-size: 1.4em;
}

h3.pm_lv2_h3::before
{
	content:'';
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	margin-right: 5px;
	margin-bottom: 2px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/ui/icon_folder01.svg');
}

.pm_delib_item_titre
{
	font-size: 1.4em;
}

.pm_delib_item_titre::before
{
	content:'';
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	margin-bottom: 2px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/ui/icon_doc01.svg');
}

a.pm_delib_item
{
	color : #777777;
}

.PM_EP_ITEM
{
	padding-left: 30px;
	margin: 15px 0px;
}

.PM_EP_ITEM h2
{
	
}

a.PM_EP_CTA
{
	display: inline-block;
	padding : 5px 15px;
	border-radius : 20px;
	background-color: rgb(38,221,253);
	color : white;
	text-decoration: none;
}

.pm_collapsed
{
	background-color: rgba(220,220,220,.3);
	padding : 10px 0px;
	margin-bottom : 20px;
	display:none;
	border-radius : 12px;
}


.menu_home_top_bts
{
	position: absolute;
	top : 20px;
	right : 20px;
}

.menu_home_top_bts a
{
	display: inline-block;
	padding: 7px 15px 9px 15px;
	color: white;
	border-radius: 6px;
	text-decoration: none;
	transition : .3s background-color ease-in-out;
}

.menu_home_top_bts a:hover
{
	background-color: rgb(0,0,0);
}

.top_bts_eau
{
	background-color:rgb( 0 , 79 , 77 );	
}

.top_bts_ambition
{
	background-color : rgb( 0 , 151 , 111 );
}

.top_bts_trajectoire
{
	background-color : rgb( 85 , 159 , 155 );
	display:none !important;
}

.PM23_PARTICIPE_BLOCS
{
	width: 100%;
}

.PM23_PARTICIPE_BLOC1
{
	//border : 6px solid #34a19c !important;
	background-color: white !important;
	color :#34a19c !important;
	padding : 25px !important;
}

.PM23_PARTICIPE_BLOC1 h2
{
	font-size: 2.5em !important;
	line-height: 1.1em !important;
	color :#34a19c !important;
	margin-bottom : 25px !important;
}

.PM23_PARTICIPE_BLOC1 strong
{
	color :#34a19c !important;
}

.PM23_PARTICIPE_BLOC2
{
	//border : 6px solid #7eb686 !important;
	background-color: white !important;
	color :#7eb686 !important;
	padding : 25px !important;
}

.PM23_PARTICIPE_BLOC2 h2
{
	font-size: 2.5em !important;
	line-height: 1.1em !important;
	color :#7eb686 !important;
	margin-bottom : 25px !important;
}

.PM23_PARTICIPE_BLOC2 strong
{
	color :#7eb686 !important;
}

.flex-side-left
{
	width : 50%;
	max-width: 650px;
}

.flex-side-right
{
	//border : 6px solid red !important;
	width: 50%;
	max-width: 650px;
	position: -webkit-sticky; /* for Safari */
	position: sticky !important;
	top: 20px;
	align-self: flex-start !important; /* <-- this is the fix */
}

.flex-side-right-div
{
	background-color: #34a19c !important;
	color :white !important;
	padding : 25px !important;
}

.flex-side-right-div2
{
	background-color: #eee870 !important;
	color :black !important;
	padding : 25px !important;
	margin-top : 20px;
}

.PM23_STICKY
{
	position: -webkit-sticky; /* for Safari */
	position: sticky !important;
	top: 20px;
	align-self: flex-start !important; /* <-- this is the fix */
}


.MOBILE_MODE .PM23_STICKY
{
	position : static !important;
}

.MOBILE_MODE .flex-side-right,
.MOBILE_MODE .flex-side-left
{
	width: calc( 96vw - 50px );
	max-width: calc( 96vw - 50px );
	position : static !important;
}

.flex-side-right h2
{
	color :white !important;
	font-size: 2.5em !important;
	line-height: 1.1em !important;
	margin-bottom : 25px !important;
}

.conteneur_texte_large
{
	width : 96vw !important;
	max-width : 1400px !important;
}

.conteneur_texte_flex
{
	width : 96vw !important;
	max-width : 1400px !important;
	display: flex;
	justify-content:center;
	align-items: flex-start;
	gap : 20px;
}

.MOBILE_MODE .conteneur_texte_flex
{
	flex-direction: column-reverse;
}

.conteneur_texte_flex iframe
{
	border-radius: 12px !important;
}

.PM23_VISUEL_HEAD
{
	border-radius: 8px;
	width : 96vw;
	max-width : 800px;
	height : auto;
	box-shadow: 0px 17px 28px 0px rgba(0,0,0,0.2);
}

.grey_bg
{
	background-color: #f1f1f1 !important;	
}
	
.PM23_PRO
{
	display: flex;
	align-items : center;
	margin-bottom : 20px;
}

.PM23_IMG
{
	width: 100px;
	margin-right : 15px;
}

.PM23_IMG img
{
	width: 100%;
	height: auto;
}

.PM23_TEXT
{
	width : calc( 100% - 115px );	
}

.PM23_TITRE
{
	font-size: 1.2em;
}

.PM23_TEXT p
{
	margin-top : 0px;
}

.PM23_TEXT a,
.PM23_BUTTON .wp-block-button__link,
.flex-side-right-div2 a
{
	display : inline-block;
	text-decoration: none !important;
	padding : 5px 10px;
	border-radius : 4px;
	background-color: white;
	color :  #34a19c;
	margin-top : 10px;
	font-size: 1em !important;
}
/*
.MP23_BUTTON .wp-block-button__link
{
	padding : 0px !important;
	font-size: 1em !important;
	background-color: transparent !important;
}
*/

.PM23_TEXT a:hover,
.flex-side-right-div2 a:hover
{
	text-decoration: none !important;
	background-color: black !important;
	color :  white !important;
}

.PM23_FREE_VIDEO
{
	border-radius: 8px;
	width : 96vw;
	max-width : 800px;
	height : auto;
	box-shadow: 0px 17px 28px 0px rgba(0,0,0,0.2);
}

#menu_footer
{
	background-color: #dedede !important;
}

/* HOMEPAGE */

#PN23_trajectoire
{
	width: 100vw;
	background-color: rgb(52,161,156);
	padding : 30px 0px;
	color : white;
	display:flex;
	justify-content:center;
	align-items:center;
	border: 0px solid !important;
}

#PN23_participez
{
	width: 100vw;
	background-color: rgb(238,232,112);
	padding : 30px 0px;
	color : black;
	display:flex;
	justify-content:center;
	align-items:center;
	border: 0px solid !important;
}

.MOBILE_MODE #PN23_trajectoire,
.MOBILE_MODE #PN23_participez
{
	flex-direction: column;
	text-align: center;
}

.MOBILE_MODE .PN23_PI
{
	margin: 0px !important;
}

.PN23_PI
{
	margin : 20px;
	width: calc( 96vw - 40px );
	max-width: 400px;
	font-size: 1.3em;
	line-height : 1.2em;
}

.PN23_PI img
{
	max-width: 350px;
	display: block;
	margin-bottom: 20px;
}

.PN23_PI_CTA,
a.PN23_PI_CTA
{
	display: inline-block;
	padding: 14px 20px 15px 20px;
	background-color: white;
	color: rgb(0,162,158);
	border-radius: 4px;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 1.25em;
	cursor: pointer;
	transition: .3s all ease-in-out;
	margin-top : 15px;
	text-decoration: none !important;
	
	box-shadow: 0px 6px 22px 0px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0px 6px 22px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 6px 22px 0px rgba(0,0,0,0.35);
}

#PN23_participez .PN23_PI_CTA,
#PN23_participez a.PN23_PI_CTA
{
	color : black;
}

.PN23_PI_CTA:hover,
a.PN23_PI_CTA:hover,
#PN23_participez .PN23_PI_CTA:hover,
#PN23_participez a.PN23_PI_CTA:hover
{
	background-color:black;
	color : white;
	padding: 14px 30px 15px 30px;
}

/* RESSOURCES */

.PM23_RES_TITLE
{
	width: 100%;
	font-size: 2.2em;
	text-transform: uppercase;
	padding : 60px 0px 25px 0px;
	font-weight: bold;
	line-height: 1em;
}

.PM23_RES_TITLE_SECOND
{
	width: 100%;
	font-size: 1.7em;
	text-transform: uppercase;
	padding : 40px 0px 10px 0px;
	font-weight: bold;	
	color : rgb(52,161,156);
}

a.PM23_RES_FILE
{
	display: inline-block;
	font-size: 1.3em;
	color : rgb(52,161,156);
	text-decoration: none;
	padding: 15px 0px 5px 0px;
	border-bottom: 2px solid rgb(52,161,156);
}

a.PM23_RES_FILE:before 
{
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 999999px;
	border: 2px solid rgb(52,161,156);
	margin-right: 10px;
	margin-bottom: -20px;
	background-color: white;
	margin-left: -10px;
	background-image: url('../images/ui/doc.svg');
	background-size: cover;
}

#conteneur_ressources
{
	width: 70%;
	max-width: 700px;
	margin: auto;
	font-size: 1.1em;
	line-height: 1.3em;
}