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

nav {border-right:0px;}
.form_sec_left {padding-top:80px;}

.form_sec_left_in small {
    width: 200px;
    background-color: white;
    border-radius: 10px;
    height: 200px;
}
.form_sec_left_in small img {
    width: 149px;
    height: 149px;
    margin-left: 25px;
    margin-top: 25px;
}
/*@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 {background-color:#df5926;width:250px}
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;}
#FooterBottomMenu ul { list-style:none;}
/* ---------------- Titres ---------------------*/
h2,h3,h4{
margin-top: 10px;
margin-bottom: 10px;
}
/*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;
}

/* ---------------- Blocs bleux contacts ---------------------*/

.nature_camp_right ul li span{
line-height: 20px;
}

/*--------------------Nouvelles couleurs 2026--------------------------*/



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



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


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

body {font-family:"Hanken Grotesk"}

h2.Default {font-family:"DM Serif Display";color:#608be2!important;font-weight:normal;font-size:35px;margin-bottom: 15px;margin-top:10px}
p.Default{font-family:"Hanken Grotesk";color:#05292e!important;font-size:20px;margin-bottom: 10px;line-height: 1.2;}


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


/* Menu */
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"}
.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:"DM Serif Display";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;}


/* Backward Comp */
#ctl00_ContentPlaceHolder1_cpieform1_lbltxtNom {font-family:'Montserrat-Light';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:'Montserrat-Light';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:'Montserrat-Light';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:'Montserrat-Light';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:'Montserrat-Light';font-size:14px;font-weight:normal;color:#ffffff;line-height:14px;display:block;text-transform:uppercase;margin:0 0 6px 0;}


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



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

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

.calendar_right {background: #608BE2;}
.calendar_right span.calendar_title {font-family:"Hanken Grotesk";font-size:30px;}
.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;}


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

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


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

footer {width:100%;background:#608BE2;padding:47px 0 0 0;}
.copy {background: #608BE2;}
.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;}
#FooterBottomMenu ul li a {font-family:"Hanken Grotesk";text-transform:none;color:white;}

/* */