}
/*@media only screen and (min-width:1240px){
    .header_right {width:900px;}
}*/
/*---- .cpie_home #map-canvas {height:510px;} ----- */

@media only screen and (max-width:480px){
    .calendar_sec {display:none;}
}
.noarrow {background-image:url();}
.noarrow:hover {background-image:url();}
nav ul li ul li:hover a.noarrow {  background-image:url(); }


/* ---------------- icone petale à droite ---------------------*/
.cpiefixedicon {
    width: 100%;
    position: fixed;
    top: -15px;
    pointer-events: none;
}
.cpiefixedicon_inside {
    margin: 0 auto;
    width: 1100px;
}
.cpiefixedicon_inside2 {
    padding: 10px;
    width: 80px;
    float: right;
    margin-right: -120px;
}
.cpiefixedicon_inside2 img ,.cpiefixedicon_inside3 img {
    pointer-events: all;
}
.cpiefixedicon_inside3 {
    padding: 10px;
    width: 80px;
    float: right;
    margin-top:-18px;
    margin-right: -250px;
}
.sticky .cpiefixedicon_inside2 img{ width:130px;}
.sticky .cpiefixedicon_inside3 img{ width:65px;}

@media only screen and (max-width:1500px){
    .cpiefixedicon_inside2 {
        margin-right: 800px;
        margin-top: 60px;
    }

    .cpiefixedicon_inside3 {
        margin-right: 700px;
        margin-top:65px;
    }

    .cpiefixedicon_inside2 img { width:100px;}
    .cpiefixedicon_inside3 img { width:65px;}
}
@media only screen and (max-width:990px){
    .cpiefixedicon_inside2 {
        margin-right: 820px;
        margin-top: 60px;
    }

    .cpiefixedicon_inside3 {
        margin-right: 700px;
        margin-top:55px;
    }

    .cpiefixedicon_inside2 img { width:130px;}
    .cpiefixedicon_inside3 img { width:65px;}
}
@media only screen and (max-width:767px){
    .cpiefixedicon_inside2 {
        margin-right: 800px;
        width:100px;
    }
    .cpiefixedicon_inside3 {
        margin-right: 730px;
    width:50px;
    }
}

/* ---------------- fin icone petale à droite ---------------------*/


@media only screen and (min-width: 480px) {
.fm_sec_lt_in_rt {    width: 50%;}
}


.banner_in .FrontTopic {display:none;}

#ctl00_ContentPlaceHolder1_PanelHomeBlocs {padding-top:0px;}
#ctl00_ContentPlaceHolder1_PanelHomeIntro p {margin-bottom:0px;}

.prrooms_content[dataid='152066'] #ctl00_ContentPlaceHolder1_h2Title {
         background-image:url();
         padding-left: 0px;
}


.element-item.comment .post-title h2 {
    max-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prrooms_contents[data='SPOKESPERSON'] .element-item.comment .post-title h2 {display:none;}
.prrooms_contents[data='SPOKESPERSON'] .element-item, .list-view-col.grid-view-col  {Width: 25%}
.prrooms_contents[data='COMPANY'] .element-item, .list-view-col.grid-view-col  {Width: 25%}

.prrooms_contents[data='PRODUCT'] h2 span.Enjeu {display:none;}
.citoyens-right {overflow:hidden;} /*-- evite le retour à la ligne autour de l'image de gauche float */

.prrooms_content[datatype='RICHTOPIC'] .environmental_sec h3 {float:left;}
.prrooms_contents[data='PRODUCT'] .element-item .post-title h2 {background-image:url();}


.prrooms_content[dataid='176010'] .devenez_inner2 .devenez_in h2 {background-size:initial;}

.contenus .filterlirt1 {display:none;}


#ctl00_ContentPlaceHolder1_placeholderRICHTOPIC .environmental_left p {
    font-size: 18px;
    line-height: 22px;
}

/* menu  largeur en haut */
nav ul li ul {
    width: 335px;
}

.citoyens-right a:hover,.participatives-left a:hover {
    color: #df5926;
}

a.bigbutton:hover {color:white;}



/* ---------------- Listes à puces et numérotations ---------------------*/

/* Modif nicolas 2024-03-15 --> pas d'effets de bords détectés (miguel)*/
ol,ul { list-style:initial;list-style-position:inside;font-family:"Hanken Grotesk";color:#05292e!important;font-size:18px;}


/* ---------------- Titres ---------------------*/

h2,h3,h4{font-family:"Hanken Grotesk";color:#608BE2!important;margin-top: 10px;margin-bottom: 15px;}
/*souci sur le sélecteur de classe, qui semble le même pour tout le site, quelle que soit la balise...De plus, les titres de pages sont en H2 au lieu d'en H1 comme le veulent les règles. Pourriez-vous appliquer des H1 à tous les titres de pages, pour permettre d'appliquer des styles aux autres niveaux de titres dans le corps des pages ? */

/* ---------------- Autres balises ---------------------*/
.prcontentbody p{
margin-bottom: 5px;
}
/* ---------------- Abonnement newsletter ---------------------*/

.prpubli>li>span{
color: white !important;
}




/*--------------------2026--------------------------*/

a.bigbutton {
    background-color: #608BE2;
    width: 250px;
}


/*--------------------Nouvelle charte 2026 BALISES GENERALES--------------------------*/

body {font-family:"Hanken Grotesk"}

/*TITRES DES PAGES*/

h2#ctl00_ContentPlaceHolder1_h2Title {font-family:"Hanken Grotesk";color:#608be2!important;text-transform:none;font-weight:normal;font-size:40px;margin-bottom: 15px;margin-top:10px;padding-bottom:20px;vertical-align: baseline;}

.devenez_inner2 .devenez_in h2 {background: url("/Handlers/HTFile.ashx?ATT=1744&DU=040949") no-repeat 18px 0;}

.devenez_in {border-bottom:1px solid #608be2;}

/*AUTRES TITRES OU CONTENUS DANS LES PAGES*/

h2.Default {font-family:"Hanken Grotesk";color:#608be2!important;text-transform:none;font-weight:normal;font-size:35px;margin-bottom: 15px;margin-top:10px;}

p.Default{font-family:"Hanken Grotesk";color:#05292e!important;font-size:18px;margin-bottom: 10px;line-height: 1.2;}



/*blocs de contacts dans les pages*/

.nature_camp_right {font-family:"Hanken Grotesk";background:#608be2;}
.nature_camp_right h3 {font-family:"Hanken Grotesk";color:#FFFFFF!important;}

.nature_camp_right ul li span{font-family:"Hanken Grotesk";color:#FFFFFF!important;line-height: 20px;}


/*bandeaux par pôles*/

.environmental_left h3 {font-family:"Hanken Grotesk";color:#FFFFFF!important;font-weight:bold;}



/*--------------------Nouvelle charte 2026 HOME--------------------------*/


/* Menu */

nav {border-right:0px;}
nav ul li ul {border-top: 3px solid #608BE2}
nav ul li a {font-family:"Hanken Grotesk";color:#05292e;text-transform:none;font-size:24px;}
.sticky nav ul li a { font-size:22px;}
nav ul li a:hover {color:#608BE2;}
nav ul li ul li {background:none;}
nav ul li ul li a {font-family:"Hanken Grotesk";text-transform:none;color:#05292e;/*font-weight:bold;*/}
nav ul li ul li:hover a {background-color:#608BE2}



/* Caroussel */

.banner_in h3 {font-family:"Hanken Grotesk";color:#FFFFFF!important;}
.banner_sub {font-family:"Hanken Grotesk";background:rgba(96,139,226,1);}
.banner_in p {font-family:"Hanken Grotesk"}
.banner_sub .info {font-family:"Hanken Grotesk"}



/* Suite Home */

.mission_sec h2 {font-family:"Hanken Grotesk";color:#608be2;font-weight:normal;font-size:35px;}
.mission_sec p {font-family:"Hanken Grotesk";color:#05292e;font-size:20px;}

.project_sec ul li p {font-family:"Hanken Grotesk";color:#05292e;font-size:20px;}



/*Calendrier Home*/

#datepicker .date_event a {background:#608BE2;}

.calendar_right {background: #FFFFFF;}
.calendar_right span.calendar_title {font-family:"Hanken Grotesk";font-size:30px;color:#608BE2;}
.ui-widget-header {background-color:#608BE2;}
#datepicker .ui-icon-circle-triangle-e {background-color:#608BE2;}
#datepicker .ui-icon-circle-triangle-w {background-color:#608BE2;}
.element-item.comment .post-title2 {background-color:#608BE2;}

.calendar_left h4 {font-family:"Hanken Grotesk";font-size:30px;color:#608BE2;padding:26px 0;border-bottom: 1px solid #FFFFFF;}


/* Formulaire de contact - Home*/

.form_sec_main {width: 100%;background-color:#608BE2;padding:26px;border-bottom: 50px solid #ffffff;}

.form_sec_left {padding-top:80px;}
.form_sec_left_in small {width: 200px;border-radius: 10px;height: 200px;}
.form_sec_left_in small img {width: 149px;height: 149px;margin-left: 25px;margin-top: 25px;}

.form_sec_right h3 {font-family:"Hanken Grotesk";font-weight:bold;color:#FFFFFF!important;margin: 30px 0px 37px 0;}

.fm_sec_lt_in_rt h4 {font-family:"Hanken Grotesk";font-size:20px;color:#FFFFFF!important;font-weight: bold;margin-bottom:10px;}

.fm_sec_lt_in_rt span {font-family:"Hanken Grotesk";font-size:15px;color:#FFFFFF; text-transform:none;}

.fm_sec_lt_in_rt abbr {font-family:"Hanken Grotesk";font-size:15px;color:#FFFFFF; text-transform:none;}


#ctl00_ContentPlaceHolder1_cpieform1_lbltxtNom {font-family:'Hanken Grotesk';font-size:14px;font-weight:normal;color:#ffffff;line-height:14px;display:block;text-transform:uppercase;margin:0 0 6px 0;}
#ctl00_ContentPlaceHolder1_cpieform1_lbltxtEmail {font-family:'Hanken Grotesk';font-size:14px;font-weight:normal;color:#ffffff;line-height:14px;display:block;text-transform:uppercase;margin:0 0 6px 0;}
#ctl00_ContentPlaceHolder1_cpieform1_lbltxtCompanyName {font-family:'Hanken Grotesk';font-size:14px;font-weight:normal;color:#ffffff;line-height:14px;display:block;text-transform:uppercase;margin:0 0 6px 0;}
#ctl00_ContentPlaceHolder1_cpieform1_lbltxtPhone {font-family:'Hanken Grotesk';font-size:14px;font-weight:normal;color:#ffffff;line-height:14px;display:block;text-transform:uppercase;margin:0 0 6px 0;}
#ctl00_ContentPlaceHolder1_cpieform1_lbltxtZIP {font-family:'Hanken Grotesk';font-size:14px;font-weight:normal;color:#ffffff;line-height:14px;display:block;text-transform:uppercase;margin:0 0 6px 0;}




.contact_sec .button, .buttoncontactform {font-family:'Hanken Grotesk';background: url(/images/clients/cpie/arrow_right1.png) no-repeat 93% center #608BE2;}



/*--------------------Nouvelle charte 2026 PAGES--------------------------*/


/*---------------------------------PROJETS---------------------------------*/

/*TITRE DE LA PAGE GENERALE*/

.header_head_in_sub h3 {font-family:"Hanken Grotesk";color:#608be2!important;text-transform:none;font-weight:normal;font-size:35px;margin-bottom: 15px;margin-top:10px;}
.header_head_in_sub {border-bottom:1px solid #608be2;}


/*--------------------Nouvelle charte 2026 CALENDRIER--------------------------*/




/*--------------------Nouvelle charte 2026 ANIMATIONS--------------------------*/

.contenus .par {background-color:#608BE2;}


/*--------------------Nouvelle charte 2026 FOOTER--------------------------*/

footer {width:100%;background:#05292E;padding:47px 0 0 0;}
.copy {background: #05292E;}
.copy p {font-family:"Hanken Grotesk";text-transform:none;color:white;}
.copy #FooterPowered {font-family:"Hanken Grotesk";text-transform:none;color:white;}
.copy a.powered {font-family:"Hanken Grotesk";text-transform:none;color:white;font-size:10px;}

.ftr_middle h4 {font-family:"Hanken Grotesk";color:#FFFFFF!important; font-weight:bold;} 
.footer_right h4 {font-family:"Hanken Grotesk";color:#FFFFFF!important;font-weight:bold;} 


#FooterBottomMenu ul li a {font-family:"Hanken Grotesk";text-transform:none;color:white;}
#FooterBottomMenu ul { list-style:none;}


/*-------------------Nouvelle charte 2026 PARTENAIRES---------------------*/

.element-item.comment .post-title4 {background:#608be2;}

.grid-intro h3 {font-family:"Hanken Grotesk";color:#05292E;}



/*AUTRE ELEMENTS */


/* fond ecran blanc */
body,header ,.calendar_sec,.partnership_sec {background-color:white!important;}