/* 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 gaucge 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;
}

h2.Default{
color: #608BE2 !important;
font-family: Segoe UI;
}
/*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;
}


/*------------------------logo CPIE et menu (positionnements)----------------------------*/

.logo a img {
    width: 260px;
    height: auto;
}

nav {
    float: left;
    padding: 15px 0 0px 0;
    margin: 0;
}


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

footer {
    width: 100%;
    background: #608BE2;
    padding: 47px 0 0 0;
}


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

.calendar_right {
    background: #608BE2;
}

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