h3.titreperso, 
h2.titreperso, 
h1.titreperso,
.orga_nom,
.orga_nom_sg {
	color: #0043ff;
}

h3.actu, 
h2.actu,
div.default_link a,
h3#section_actus,
h2#section_actus,
div.bloc_titre,
div.actu div.bloc_titre a,
div.actulink div.bloc_titre a,
div.actu div.htmlarea_content p.htmlarea_titre,
div.actu div.htmlarea_content p.htmlarea_sous_titre,
div#actu_nom_suiv a,
div#actu_nom_prec a,
div.actu div.htmlarea_content h1,
div.actu div.htmlarea_content h2 {
	color: #0043ff;
}

h3#section_events,
h3.events,
h3#anciensevents,
h2#section_events,
h2.events,
h2#anciensevents,
p.titre_event,
div.bloc_headerlink span.title a,
div.bloc_header span.title a,
div.bloc_header span.title,
div.event div.htmlarea_content p.htmlarea_titre,
div.event div.htmlarea_content p.htmlarea_sous_titre,
div.event div.bloc_header span.title,
div.event div.bloc_headerlink span.title a,
div.eventlink div.bloc_header span.title,
div.eventlink div.bloc_headerlink span.title a,
div.event div.htmlarea_content h1,
div.event div.htmlarea_content h2 {
	color: #0043ff;
}

div.perso div.htmlarea_content p.htmlarea_titre,
div.perso div.htmlarea_content p.htmlarea_sous_titre {
	color: #0043ff;
}

.calendar tbody td.evenement,
.calendar tbody td.selected {
	background: #0043ff;
}

div#header_aiw {
	background-color: #405b81;;
}

form#formlogin fieldset legend {
	color: #0043ff;
}

form#formlogin fieldset label.login,
form#formlogin fieldset h3,
form#formlogin fieldset label.change,
div.oublititre {
	color: #0043ff;
}

form#connect {
	background-color:#0043ff;
}

form#connect fieldset legend,
form#connect fieldset label {
	color: #0043ff;
}

div#header_club h1,
div#header_club h1#titre_nom_club,
div#header_club p,div#header_club p.title_club{ 
	color: #ffffff;
}

.colorcat_multi{
	background-color: #869EA3;background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	padding: 0px 4px;
	font-size: 10px;
}


div#innerMain {
	background :#ffffff url(/data/bkg/pix_570_ffffff.png) 205px 0 repeat-y ;
}

div#html_footer {
	background-color :#ffffff;
}
dl.testttt dt a {	
	color: #405b81; 
	background-color: #cfdde5;
}

div#header_cadre{width : 980px;}
div#container{width : 981px;}

div#demonstration,div#aiw_bande ul li.thelink a{color: #ffffff; }
.calendar thead .title,.calendar .button{background-color:#0043ff;color: #0043ff;}
div.lecteur_rss  div.thetitle, .entetemeteo{background-color:#0043ff;}
div.lecteur_rss  div.thetitle p, table.meteo td.entetemeteo{color: #0043ff;}
body{background-color: #FFFFFF; }
div#header_club p.title_club,div#header_club h1#titre_nom_club{display:none;}
div#header_club p.description_club{display:none;}

#surveyas div.search_autocomplete ul{
list-style-type: none;
margin: 0px;
padding: 0px;
max-height: 20em;
overflow: auto;
float:none;
}
#surveyas div.search_autocomplete ul li.selected{
background-color: #019393; 
color:#fff;
}
#surveyas div.autocomplete ul li.selected a{
color:#fff;
}
#surveyas div.autocomplete ul li {
list-style-type:none;
display: block;
margin: 0;
padding: 2px;
cursor: pointer;
text-align:left;
}
#surveyas div.autocomplete ul li a{
text-align:left;
font-weight:normal;
color:#000;
}
div#maa_4867{background-color : #405b81;}
				div#maa_4867 dl dt a,div#maa_4867 dl dt span{color : #ffffff;background-color : #405b81;}
				div#maa_4867 dl dt a.menu_selected,div#maa_4867 dl dt span.menu_selected{color : #fbec98;background-color : #405b81;}
				div#maa_4867 dl dt a:hover,div#maa_4867 dl dt span:hover,div#maa_4867 dl dt a.menu_selected:hover,div#maa_4867 dl dt span.menu_selected:hover{color : #405b81;background-color : #cfdde5;}
				div#maa_4867 ul li{background-color : #ababab;}
				div#maa_4867 ul li a{color : #ffffff;}
				div#maa_4867 ul li a.menu_selected{color : #fbec98;}
				div#maa_4867 ul li:hover,div#maa_4867 ul li a:hover{background-color : #cfdde5;color : #405b81;}
				div#header_club {
	width:730px;
}

div#boutique,
div#recherche,
div.perso,
div.actu,
div.event {border: none;}

div.htmlarea_content table, 
div.htmlarea_content table tbody,
div.htmlarea_content table tbody tr,
div.htmlarea_content table tbody tr td {
border: none;border-color:#ffffff;}

div.htmlarea_content {
	font-size: 12px;
	font-family:Verdana, sans-serif;
	color: #000000;
}

div.htmlarea_content h1{font-size: 14px;padding:0px 10px 5px 10px;font-family:Verdana, sans-serif;color: #0043ff;} 
div.htmlarea_content h2{font-size: 16px;padding:0px 0px 0px 0px;font-family:Verdana, sans-serif;color: #0043ff;} 
div.htmlarea_content h3{font-size: 18px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #0043ff;}
div.htmlarea_content h4{font-size: 14px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #d20043;} 
div.htmlarea_content h5{font-size: 16px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #d20043;} 
div.htmlarea_content h6{font-size: 18px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #d20043;} 
div.htmlarea_content address{font-size: 10px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #000000;} 
div.htmlarea_content p{font-size: 12px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #000000;}
div#boutique p,div#recherche p{font-size: 12px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #000000;margin-bottom:5px;}
table#tablo_boutique,table#tablo_boutique_vignettes,table.tablo_nav{color: #000000;}

div#accueil_content,div.htmlarea_content,h1.titreperso,h2.titreperso,h2#section_actus,div.actu,div.actulink,h2#section_events,div.event,div.eventlink,div#boutique,div#recherche{background-color:#ffffff;}
h1.titreperso,h2.titreperso,h2#section_actus,h2#section_events{font-size : px;}
div#recherche a,div#boutique a,div.htmlarea_content a{color:#0043ff;}
div#recherche a:hover,div#boutique a:hover,div.htmlarea_content a:hover,div#recherche a:visited:hover,div#boutique a:visited:hover,div.htmlarea_content a:visited:hover{color:#0043ff;}
div#recherche a:visited,div#boutique a:visited,div.htmlarea_content a:visited{color:#0043ff;}
div.htmlarea_content img {position:relative;padding:5px;max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 510) );}
div.htmlarea_content p img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h1 img {max-width:-20px;max-width: expression( Math.min(parseInt(this.offsetWidth), -20) );}
div.htmlarea_content h2 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h3 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h4 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h5 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h6 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content address img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
/***** RESET STRUCTURE *****************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, strong, sub, sup, b, u, i, center, ol, ul, li, fieldset, form, label, embed, video {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: baseline;
    line-height: inherit;
}

#container,
#header_aiw,
#z1,
#header_cadre,
#header_club,
#bloc_droite_bandeau,
#z7,
#appli,
#accueil_content,
#menu_appli_nosh,
#html_footer {
    border: medium none;
    margin: 0;
    padding: 0;
    max-width: inherit !important;
    min-width: inherit !important;
}

.pub_sous_rss {
    margin: 0 !important;
    padding: 0 !important;
}

div.perso {
    background: none !important;
    color: inherit !important;
    margin: 20px 0 0 0 !important;
    padding: 1% !important;
    position: relative;
}

.spacer {
    display: none;
}

div#ariane {
    float: none !important;
}

/*** Reset styles prédéfinis ***/

div#accueil_content,
div.htmlarea_content,
h1.titreperso, h2.titreperso,
h2#section_actus,
div.actu,
div.actulink,
h2#section_events,
div.event,
div.eventlink,
div#boutique,
div#recherche,
div#html_footer {
    background: none;
}

div#header_club h1,
div#header_club h1#titre_nom_club,
div#header_club p,
div#header_club p.title_club {
   /* color: inherit !important;  si activé, passe par dessus l'éditeur */
   font-family: 'Balthazar', serif;
}

h3.titreperso,
h2.titreperso,
h1.titreperso,
.orga_nom,
.orga_nom_sg {
   /* color: inherit !important;  si activé, passe par dessus l'éditeur */
     border-bottom: 1px solid #d20043 !important;
    font-family: "Balthazar",serif;
    font-size: 22px;
}

.htmlarea_content ul {
    list-style-image: url("/offres/doc_inline_src/752/puces.gif");
    margin: 10px 30px !important;
    color: #000;
    font-weight: 600;
}

.htmlarea_content ol {
  color: #d20043;
  font-weight: 600;
  margin: 10px 40px !important;
}

div.perso td,
div.perso th,
div.htmlarea_content td,
div.htmlarea_content th {
    padding: 0px !important;
}

.tableau {
    border: 1px solid #ccc !important;
    float: left;
    margin: 1%;
    padding: 10px;
    width: 31.3333%;
    height: 120px !important;
}

.tableau td{
    border: 1px solid #ccc !important;
}

#editme p {
    display: block;
    height: 20px;
}

/*** CLEAN ***/

div.date_modif {
    display: none;
}

h1.titreperso {
    display: none;
}

/*** STYLES GENERAUX AIW ****************************************/

html, body {
    font-size:12px !important;
    font-family: 'Open Sans', sans-serif;
    color:#000 !important;
    background: #f2f2f2;
}

input {
    font-family: inherit !important;
    font-size: 12px !important;
    margin: 0;
    padding: 0;
    width: 150px;
    height: 20px;
    border: 1px solid #ccc;
}

label {
    width: 100% !important;
}

select {
    font-size: 12px !important;
    height: 20px;
        border: 1px solid #ccc;
}

textarea {
    font-family: inherit !important;
    font-size: 12px !important;
    height: 100px !important;
    width: 100% !important;
    border: 1px solid #ccc;
}


input[type="checkbox"],
input[type="reset"],
input[type="file"],
input[type=button] {
    height: auto !important;
    width: auto !important;
    border: 1px solid #ccc;
}

input[type=radio] {
    height: 15px !important;
    width: 15px !important;
    border: 1px solid #ccc;
}

div.htmlarea_content {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    padding: 0;
}

div.htmlarea_content p {
   /* color: inherit !important;  si activé, passe par dessus l'éditeur */
    font-family: inherit;
    font-size: 12px !important;
    position: initial;
}

div.htmlarea_content h1,
div.htmlarea_content h2,
div.htmlarea_content h3,
div.htmlarea_content h4,
div.htmlarea_content h5,
div.htmlarea_content h6 {
   font-family: 'Balthazar', serif;
}

div.htmlarea_content h2 {
    text-transform: uppercase !important;
    clear:both;
}

div.htmlarea_content img {
    max-width: 100% !important;
    height: auto !important;
    padding: 0;
}

.text_s {
    font-size: 13px !important;
    padding: 3px 6px !important;
    font-weight: bold;
}

.text_m {
    font-size: 16px !important;
    font-weight: bold;
}

.text_b {
    font-size: 18px !important;
}

.text_big {
    font-size: 22px !important;
}

.opensans {
      font-family: 'Open Sans', sans-serif;
}

.balthazar {
    font-family: 'Balthazar', serif;
}

.bg_red {
    background-color: #d20043;
}

.bg_blue {
    background-color: #0043ff;
}

.blue_title_border {
    border-bottom: 1px solid #0043ff !important;
    color: #0043ff;
    font-size: 20px;
    padding: 1% 2% !important;
    margin: 20px 0 0 !important;
    font-family: 'Balthazar', serif;
    clear: both;
}

.red_title_border {
    border-bottom: 1px solid #d20043 !important;
    color: #d20043 !important;
    font-size: 20px !important;
    padding: 0 2% 1% !important;
    margin: 20px 0 0 !important;
    font-family: 'Balthazar', serif;
    clear: both;
    font-weight: 700 !important;
}

.icon-stop2 {
    font-size: 15px;
}

.blue_link {
    color: #0043ff;
    display: block;
    font-weight: bold;
    margin: 10px 0 !important;
    text-align: right;
}

.blue_link:hover {
    text-decoration: underline;
}

.white_link {
    color: white;
    display: block;
    font-weight: bold;
    margin: 10px 0 0 !important;
    text-align: right;
}

.white_link:hover {
    text-decoration: underline;
}

.white_link2 {
    color: white;
}
.white_link2:hover {
    text-decoration: underline;
}

.left {
float: left;
}

.right {
float: right;
}

.inline {
    display: inline-block;
    vertical-align: top;
}

.blue_title {
    color: #0043ff;
    font-family: balthazar;
    font-size: 19px;
    padding: 10px 0 !important;
}

.red_title {
    color: #d20043;
    font-size: 18px;
}

.white_title {
    color: #fff;
    font-family: balthazar;
    font-size: 19px;
    padding: 10px 0 !important;
}

/*** Boutons ***/

input[type=button],
input[type=submit],
a.bouton30, a.bouton50,
a.bouton60, a.bouton75,
a.bouton100, a.bouton125,
a.bouton150, a.bouton200,
a.bouton30 span,
a.bouton50 span,
a.bouton60 span,
a.bouton75 span,
a.bouton100 span,
a.bouton125 span,
a.bouton150 span,
a.bouton200 span,
a.bouton30 span span,
a.bouton50 span span,
a.bouton60 span span,
a.bouton75 span span,
a.bouton100 span span,
a.bouton125 span span,
a.bouton150 span span,
a.bouton200 span span
 {
    border: none !important;
    background: #d20043;
    color: white;
    font-size: 14px;
    padding: 5px 10px !important;
}

input[type=button]:hover,
input[type=submit]:hover,
a.bouton30:hover,
a.bouton50:hover,
a.bouton60:hover,
a.bouton75:hover,
a.bouton100:hover,
a.bouton125:hover,
a.bouton150:hover,
a.bouton200:hover,
a.bouton30:hover span,
a.bouton50:hover span,
a.bouton60:hover span,
a.bouton75:hover span,
a.bouton100:hover span,
a.bouton125:hover span,
a.bouton150:hover span,
a.bouton200:hover span,
a.bouton30:hover span span,
a.bouton50:hover span span,
a.bouton60:hover span span,
a.bouton75:hover span span,
a.bouton100:hover span span,
a.bouton125:hover span span,
a.bouton150:hover span span,
a.bouton200:hover span span {
    border: none !important;
    background: #d0265c;
    color: white;
}

body.survey_1884 input[type=button]:hover{
 width:auto !important;
}

.conf_4145 h1.titreperso {
    display: none;
}

/***** GRID ***************************************************/

.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}

        .col {
            margin-left:0%;
            padding:0 0.5%;
        }

        .row .col:first-child {
            margin-left:0;
        }

        .col_1 {
            width:11.1111111111%;
        }
        .col_2 {
            margin: 0 1% !important;
            width: 22.2222%;
        }
        .col_3 {
            margin: 0 1% !important;
            width: 31.333%;
        }
        .col_4 {
            margin: 0 0 0 4% !important;
            width: 40.444%;
        }
        .col_5 {
            width:55.5555555556%;
        }
        .col_6 {
            width:66.6666666667%;
        }
        .col_7 {
            width:77.7777777778%;
        }
        .col_8 {
            width:88.8888888889%;
        }
        .col_9 {
            margin-left:0;
            width:100%;
        }

        .margin_1 {
            margin-left :11.1111111111% !important;
        }
        .margin_2 {
            margin-left :22.2222222222% !important;
        }
        .margin_3 {
            margin-left :33.3333333333% !important;
        }
        .margin_4 {
            margin-left :44.4444444444% !important;
        }
        .margin_5 {
            margin-left :55.5555555556% !important;
        }
        .margin_6 {
            margin-left :66.6666666667% !important;
        }
        .margin_7 {
            margin-left :77.7777777778% !important;
        }
        .margin_8 {
            margin-left :88.8888888889% !important;
        }
        .margin_9 {
            margin-left:0;
            width:100%;
        }

/***** STRUCTURE **********************************************/
/*** HEADER *********************************/

#container {
    margin: 0 auto !important;
    max-width: 960px !important;
    width: auto !important;
    background: white;
}

    #header_aiw {
        background: none !important;
        margin: 0 auto !important;
        width: 100% !important;
    }

        #z1 {
            background: none;
            padding: 0 1% !important;
        }

            #logo {
                margin: 15px !important;
            }

            #bloc_search {
                width: 218px;
                float: left;
                margin: 5% 13% !important;
            }

            #bloc_login,
            #bloc_img .social {
                background: none repeat scroll 0 0 #0043ff;
                color: white;
            }

                    #bloc_login div:first-child,
                    #bloc_img .social {
                        border-bottom: 1px dotted white !important;
                        margin: 0 !important;
                    }

                    #bloc_login div,
                    #bloc_img div.social {
                        font-weight: bold;
                        padding: 4px !important;
                    }

                    .icon-user, .icon-lock, .icon-heart {
                        font-size: 15px;
                        margin: 3px !important;
                    }

                    #bloc_login a,
                    #bloc_login a:visited,
                    #bloc_img a,
                    #bloc_img a:visited {
                        color: white;
                    }

                    #bloc_login a:hover,
                    #bloc_login a:focus,
                    #bloc_login a:active {
                        text-decoration: underline;
                    }

        #header_cadre {
            width: auto !important;
            background: none repeat scroll 0 0 #d20043;
            clear: both;
            }

            #header_club {
                padding:0 !important;
                float: none !important;
                width: auto !important;
                display: none;
            }

            #bloc_droite_bandeau {
                float: none !important;
            }

            #z7 img {
              width: 100%;
            }


/***WRAPPER CONTENT FOOTER *******************/

#appli {
    clear: both;
}

/***  WRAPPER CONTENT ************************/

    #innerMain {
        background: none !important;
    }

/***  CONTENT ********************************/
/*** column left ***/

div#menu_appli_nosh {
    float: none !important;
    display: none;
    vertical-align: top;
    width: 20% !important;
    background: none;
}

/*** column center ***/

#accueil_content {
    float: none !important;
    width: 100% !important;
    background: none !important;
    display: inline-block;
    vertical-align: top;
    }

    .perso {
    }

#bloc_img .img-mask {
    margin: 2% 0 !important;
    width: 100%;
}

.conf_3967 .htmlarea_content.editeur_2,
.conf_4145 .htmlarea_content.editeur_2 {
    display: none !important;
}

/*** column right ***/

div.colonne_flux,
div#colonne_flux,
div.colonne_fluxnoariane,
div#colonne_fluxnoariane  {
    background: none repeat scroll 0 0;
    width: 15% !important;
    display: none;
    vertical-align: top;
    float: none !important;
}

#z8 {
    margin: 20px 0 !important;
}

#z9 {
    clear: both;
    padding: 20px 0 0 !important;
}

/*** IESF rajeunit ***/

#website .bg_red {
    padding: 2% !important;
    width: 96%;
}

/*** Actualités ***/

.actu_container {
    padding: 1% 1% 0 !important;
    width: 98%;
}

.bloc_actu.col_3.left > p {
    text-align: justify !important;
    padding: 5px 0 0 !important;
}

/*** Rejoindre IESF ***/

#iesf .bg_red {
    padding: 1% !important;
    width: 98%;
}

.bg_red p {
    color: white !important;
    text-align: justify !important;
}

/*** Réseaux sociaux ***/

.social {
    background: #d20043 !important;
}

#social {
    color: white;
    float: right;
    font-weight: bold;
    margin: 0 1% 0 0 !important;
    padding: 1% !important;
}

#social a,
#social a:visited,
#social a:focus {
    color: white;
    text-decoration: none;
}

#social a:hover,
#social a:active {
    text-decoration: none;
    color: #3f71ff;
}

 .icon-mail, .icon-twitter2, .icon-linkedin, .icon-facebook2, .icon-vimeo2, .icon-youtube3  {
    font-size: 15px;
    margin: 0 1px !important;
}

/***  FOOTER ********************************/

    #html_footer {
        margin: 0 auto !important;
        width: 100% !important;
    }

        #footer_top {
            background-color: #d20043;
            color: #ffffff;
            font-size: 14px !important;
            padding: 5px 0 !important;
            text-align: center;
            margin: 20px 0 0 !important;
            font-family: 'Balthazar', serif;
        }

        #menu_appli_arno dt, div.menu_appli_arno dl dt {
            background: none !important;
            padding: 0 !important;
        }

        div#maa_4867 {
            background-color: #fff;
            height: 20px;
            margin: 15px auto !important;
            width: 55% !important;
        }

        div#maa_4867 a {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
            color: #333 !important;
            padding: 0 5px !important;
            font-weight: normal;
        }

        #html_footer .idOrdre_0 a,
        #html_footer .idOrdre_1 a,
        #html_footer .idOrdre_2 a,
        #html_footer .idOrdre_3 a,
        #html_footer .idOrdre_4 a,
        #html_footer .idOrdre_5 a,
        #html_footer .idOrdre_7 a {
            border-right: 1px solid #333 !important;
            }

        div#maa_4867 a:hover {
            text-decoration: underline;
        }

/***  AIW FOOTER ****************************/

    #aiw_footer {
        background: none;
        clear: both;
    }
    
/***** HOME PAGE ******************************/

#z9 #actualite .bloc_actu .perso table,
#z9 #actualite .bloc_actu .perso table tbody,
#z9 #actualite .bloc_actu .perso table tbody tr,
#z9 #actualite .bloc_actu .perso table tbody tr td {
    border: none !important;
}
#z9 #ligne_photo {
    min-height: 200px;
    display: block;
}

#z9 #photo_actu {
    padding: 0px 0 !important;
}

#z9 #photo_actu img {
    width: 100% !important;
}

/** page accueil **/
.body_p_43641 div.perso td,
.body_p_43641 div.perso th,
.body_p_43641 div.htmlarea_content td,
.body_p_43641 div.htmlarea_content th {
    padding: 10px !important;
}

/*** MENU RESPONSIVE ******************************************/
/**************************************************************/

#firstmenu0_41877,
#firstmenu0_43641 {
    display: none;
}

.topmenu {
    width: 100%;
}

.toggleMenu {
    display: none;
    background: none repeat scroll 0 0 #d20043;
    color: #fff;
    font-size: 20px;
    padding: 10px 0 !important;
    width: 100% !important;
}

.premier_ul {
    list-style: none;
     *zoom: 1;
     background:#d20043;
     width: 100%  !important;
     margin: 0 auto !important;
}

.premier_ul:before,
.premier_ul:after {
    content: " ";
    display: table;
}

.premier_ul:after {
    clear: both;
}

.premier_ul ul {
    list-style: none;
}

.premier_ul a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 15px !important;
    text-transform: uppercase;
}

.premier_ul a:hover {
    background-color: #0043ff;
}

.premier_ul li {
    position: relative;
}

.premier_ul > li {
    float: left;
}

.parent {
display:inline-block;
position:relative;
}

.premier_ul > li > a {
    display: block;
}

.premier_ul li ul {
    position: absolute;
    left: -9999px;
}

.premier_ul li:hover > ul {
    left: 0;
}

.premier_ul li li:hover ul {
    left: 100%;
    top: 0;
}

.premier_ul li li a {
    display: block;
    background-color: rgba(0, 67, 255, 0.8) !important;
    position: relative;
    z-index:100;
}

.premier_ul li li a:hover {
    color:#000;
}

/*** IMAGES ACCUEIL ANIMATION ****************************************/
/********************************************************************/

.view {
   width: 300px;
   height: 154px;
   margin: 10px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
}

.view .mask,.view .content {
   width: 300px;
   height: 154px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view .img-mask {
   display: block;
   position: relative;
}

.view a.info {
    color: #fff;
    display: table-cell;
    font-family: "Balthazar",serif;
    font-size: 24px;
    text-decoration: none;
    vertical-align: middle !important;
}

.view a.info: hover {
}

.info > img {
    margin: 0 !important;
    width: 100% !important;
}

.view-fifth .img-mask {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.view-fifth .mask {
   margin: 2% 0 !important;
   display: table;
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}

.view-fifth:hover .img-mask {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}

/***** IMG + TITRE *****/

#img_accueil2 {
    color: white;
    font-family: balthazar,sans-serif;
    font-size: 19px;
    text-align: center;
}

h1.titreperso {
    display: block;
    margin-top: 23px !important;
    padding: 0 10px !important;
    color: #D20043;
}

/*** GREFFON LOGIN + BLOC CONNEXION DE LA CONFIG ********************/
/********************************************************************/

/*déconnecté*/

div#accueil_content form#formlogin,
form#formlogin {
    width: 300px !important;
    margin: 0 auto !important;
}

form#formlogin fieldset {
    background: none !important;
    border: none;
    width: auto !important;
}

form#formlogin h3 {
  display: none;
}

#emailLabel, #passwordLabel {
    display: block;
}

#LOGmot_de_passe, #LOGlogin {
    width: 150px !important;
}

form#formlogin fieldset label span.spanlogin {
    width: 96px;
    float: none;
    display: inline-block;
    height: auto !important;
    padding: 3px 0 0 0 !important;
}

form#formlogin label,
form#formlogin input,
form#formlogin ul {
    float: none;
    display: inline-block;
}

#login,
#mot_de_passe {
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    width: 135px !important;
    float: right !important;
}

#oubli_link {
    margin: 0 6px 0 0 !important;
    display: inline-block;
}

.formbouton {
    float: right !important;
    margin: 3px !important;
}

.change,
.oubli {
    list-style: none;
    padding: 0;
    margin: 0; 
}

.change br {
    display: none;
}

ul.change li,
ul.oubli li {
    list-style: none;
    margin: 0 2px !important;
}

.change li a span,
.oubli li a span {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    height: auto !important;
    list-style: none;
}

#nmot_de_passe,
#cmot_de_passe {
    float: right !important;
    width: 135px !important;
}

/*connecté*/

form#formlogin fieldset p {
    text-align: center !important;
}

form#formlogin fieldset a {
    color: inherit !important;
    font-size: 10px !important;
}

/*** GESTION PAGE JE ME CONNECT **************************************/
/********************************************************************/

body.identified #forumlaire_crea{
   display:none;
}

body.body_p_43466 div.perso hr {
    color: #D20043 !important;
    background-color: #d20043 !important;
}

form#thesurvey h4{
   display:none;
}

#survey_1855 .libchamp {
    width: 180px !important;
}

#survey_1855 .options_bloc {
    margin-bottom: 5px !important;
}

#survey_1855 .contenu_bloc {
    float: left;
    width: 180px;
}

#survey_1855 #surveybloc_3 .contenu_bloc {
    float: left;
    width: 340px;
}

.body_p_43466 #z9,
.body_p_43640 #z9,
.body_myfiche #z9,
.body_p_43642 #z9,
.body_p_41981 #z9{
    display:none;
}

/***** GESTION BLOC CONNEXION ***************************************/
/********************************************************************/

div#OkLog{
display:none;
}

body.identified div#OkLog{
display:block;
}

body.identified div#NoLog{
display:none;
}

.flashinfo {
    background: #f2f2f2;
    color: #2c2c2c !important;
}

.flashinfo a {
    color: #2c2c2c !important;
}

/***** GESTION ACTUALIES > AGENDA ACCUEIL ***************************/
/********************************************************************/

#h1_flux_actus {
    display: none;
}

.actu_flux_rss {
    width: 31%;
    display: inline-block;
    margin: 1% !important;
    vertical-align: top;
}

.logoactusmall {
    width: 100% !important;
    padding: 5px 0 !important;
}

.titre {
    text-decoration: none !important;
}

.texte_debut_link {
    text-align: justify;
}

.detail {
    text-decoration: none !important;
    color: black !important;
}

.lire_plus_link {
    text-align: right;
    margin: 5px !important;
}

/*** détail actualité ***/

.body_actualite #innerMain {
    margin: 1% !important;
}

.logo_small {
    display: none;
}

div.texte_small {
    float: none;
    margin: 10px 0 !important;
}

div.actu div.bloc_titre a {
    background: none !important;
}

.body_actualite .bouton75 {
    display: none !important;
}

#section_actus a {
    display: none;
}

#menu_43155 div.htmlarea_content img {
    padding: 0px 16px;
    max-width: 110px !important;
    height: auto !important;
}

/***** page auto actus ********/

.body_actualite .texte_une {
    display: none;
}

.body_actualite .logo_une {
    display: none;
}

.body_actualite div.actu div.bloc_titre a,
.body_actualite div.actulink div.bloc_titre a {
    background: none !important;
    padding: 0px 0px 0px 15px;
    margin: 0px;
    font-weight: bolder;
    font-size: 14px;
}

.body_actualite div.actulink:hover,
.body_actualite div.actulink.over {
    background-color: none !important;
    cursor: pointer;
}

.body_actualite div.actulink div.bloc_titre a:hover,
.body_actualite div.actulink div.bloc_titre a.over,
.body_actualite div.actulink:hover div.bloc_titre a,
.body_actualite div.actulink.over div.bloc_titre a {
    background: none;
    cursor: pointer;
}

#html_19017 {
  width: 160px;
  margin: 0 auto !important;
}

/***** GESTION PAGE ASSOCIATIONS ET ECOLES *************************/
/********************************************************************/

.bloc_fiche_gauche {
    width: 60%;
    display: inline-block;
}

.bloc_titre_association {
    margin-left: 15px !important;
}

.bloc_titre_association,
.bloc_titre_ecole {
    background-color: #CCC;
    float: left;
    width: 150px;
    text-align: center;
    color: #FFF !important;
    font-size: 15px;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    cursor: pointer;
}

.bloc_titre_association a,
.bloc_titre_ecole a {
    color: #FFF !important;
}

.bloc_fiche_gauche .spacer {
    display: block;
}

.active_surbrillance {
    background-color: #0043FF;
}

.bloc_fiche_identitaire,
.bloc_detail {
    margin: 15px !important;
    border: 1px solid #0043FF !important;
    padding: 15px !important;
}

.bloc_fiche_identitaire h1,
.bloc_detail h1 {
    color: #0043ff !important;
    font-size: 15px;
    margin-bottom: 10px !important;
}

.bloc_fiche_identitaire p,
.bloc_detail p {
    margin-bottom: 5px !important;
}

.titre_champs {
    color: #0043ff;
}

.bloc_fiche_droite {
    display: inline-block;
    vertical-align:top;
    padding-top: 40px !important;
    text-align: center;
    width: 40%;
}

.bloc_fiche_droite img {
  max-width: 90%;
}

p.titre_fiche {
    font-weight: bold;
    color: #0043ff;
    margin-top: 15px !important;
}

h1.titre_fiche {
    color: #D20043;
    margin: 10px 10px 0px 10px !important;
    font-size: 14px;
    border-bottom: 1px solid #D20043 !important;
}

.conf_4134 .fiche_contact_publique .fiche_contact_publique #topmenu,
.conf_4134 .fiche_contact_publique .fiche_contact_publique img.bandeau_asso{
   display:none;
}

/****** GESTION MOTEUR RECHERCHES ************************************/
/********************************************************************/

#the_search_result .bloc_asso {
    border: 1px solid #0043FF !important;
    width: 230px;
    margin: 15px 30px !important;
    float: left;
    height: 330px;
    padding: 10px !important;
    display: table;
}

#the_search_result .sigle_ecole {
    width: 100%;
    display: inline-block;
    font-weight: bold !important;
}

#the_search_result .bloc_img {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 10px 0px !important;
}

#the_search_result .bloc_img img {
    max-height: 64px !important;
}

#the_search_result .nom_association {
    font-weight: bold;
    display: inline-block;
    width: 100%;
    margin-top: 10px !important;
    color: #0043FF;
}

#the_search_result .raison_sociale {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px !important;
}

#the_search_result .lien_en_savoir_plus {
    display: table-row;
}

/**** PAGE LISTE IESF REGIONALES ****/

body.body_moteur_search.conf_4125 #form_moteur_recherche,
body.body_moteur_search.conf_4125 h2#section_contact,
body.body_moteur_search.conf_4125 h3{
display:none;
}

body.body_moteur_search.conf_4100 h2#section_contact {
    color: #D20043;
    margin: 10px 10px 0px !important;
    font-size: 19px !important;
    border-bottom: 1px solid #D20043 !important;
    background: none;
}

body.body_moteur_search.conf_4100 #form_moteur_recherche h3,
body.body_moteur_search.conf_4100 #rech_filtre2,
body.body_moteur_search.conf_4100 #rech_filtre3{
   display:none;
}

body.body_moteur_search.conf_4100 #form_moteur_recherche fieldset{
   padding:10px !important;
}

body.body_moteur_search.conf_4100 #input_search {
    float: left;
    width: 270px !important;
}

body.body_moteur_search.conf_4100 #rech_filtre1 {
    float: left;
    width: 480px !important;
}

body.body_moteur_search.conf_4100 #btsearch{
   padding:0px !important;
}

/**???***/

.bloc_fiche p {
    position: relative;
}

.bloc_fiche p img {
    position: absolute;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.bloc_fiche p img.edit {
    right: 20px;
}

.bloc_fiche p img.delete {
    right: 0px;
}

.popin {
    width: 410px;
    margin: 25px !important;
}

.popin label {
    width: 160px !important;
    display: inline-block;
    margin-bottom: 6px !important;
}

.popin .text,
.popin textarea {
    width: 240px !important;
    font-size: 12px !important;
    font-family: "Open Sans",sans-serif;
    border: 1px solid #ccc;
}

.popin textarea {
    width: 240px !important;
    height: 55px !important;
    vertical-align: middle;
}

.popin input.loader {
    background: #fff url(/offres/gestion/img/spinner.gif) center right no-repeat;
}

.popin .find_result {
    border: 1px solid #ccc !important;
    background: #fff !important;
    width: 240px;
    max-height: 138px;
    overflow: auto;
    margin: 0 0 4px 163px !important;
}

.popin .find_result a {
    display: block;
    padding: 3px !important;
    cursor: pointer;
}

.popin .find_result a:hover {
    background: #eee;
}

/*** PAGE ME ********************************************************/
/********************************************************************/

#data_fiche {
    width: 100%;
    margin: 0px auto !important;
    font-size: 13px;
}

#identite_fiche {
    margin: 10px 0 10px 0 !important;
}

#identite_fiche h3 {
    border-bottom: 1px solid #D20043 !important;
    color: #D20043 !important;
    font-size: 20px !important;
    padding: 0px 2% 1% !important;
    margin: 20px 0px 0px !important;
    font-family: "Balthazar",serif;
    clear: both;
    font-weight: 700 !important;
}

/**/

#fc_adresse_perso, #fc_identity {
  border-collapse: separate;
  border-spacing: 5px;
  margin: 10px !important;
}

.annu1 {
    width: 135px;
    vertical-align: middle;
}

.annu2,
.annu2 span {
  width: 500px;
  height: 28px;
  border: 1px solid #ccc;
}

#identite_fiche h3 {
    border-bottom: 1px solid #D20043 !important;
    color: #D20043 !important;
    font-size: 20px !important;
    padding: 0px 2% 1% !important;
    margin: 20px 0px 0px !important;
    font-family: "Balthazar",serif;
    clear: both;
    font-weight: 700 !important;
}

.fichecontact {
    width: 98% !important;
    margin: 0 auto !important;
}

#myspace_acces a {
    padding: 5px !important;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 67, 255);
    margin-top: 5px !important;
    display: block;
    text-align: center;
    text-decoration: underline;
}


/**** Formulaire identification **************************************/
/********************************************************************/

.libchamp {
    width: 102px;
    display: inline-block;
    margin: 4px !important;
}

#igotaccount {
    margin: 20px 0 !important;
}

#titresurvey {
    font-size: 20px;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

#fieldset_identify h4 {
    font-size: 16px;
}

/***** FORMULAIRE **************************************************************************/
/*******************************************************************************************/
.saisie_data,
.time_to_pay {
  width: 80%;
  margin: 0px auto !important;
  padding: 2% !important;
}

#surveyblocidentite .options_bloc,
#igotaccount .options_bloc {
  margin: 1% 0 !important;
}

#surveyblocidentite .options_bloc .libchamp,
#igotaccount .options_bloc .libchamp {
  width: 35%;
  display: inline-block;
}

#surveyblocidentite .options_bloc input,
#igotaccount .options_bloc input {
  width: 63%;
}

/**form**/

.surveybloc {
    margin: 2% 0;
}

.encaps_bloc {
    margin: 2px 0 !important;
}

.option_check {
    display: block;
}

.option_radio {
    display: block;
margin: 0 5px 0 0 !important;
}

.reset {
    position: absolute;
    left: -20px;
}

#fieldset_fields .enligne .contenu_bloc,
#recap_answers .enligne .contenu_bloc {
  display: inline-block;
}

#fieldset_fields .enligne .options_bloc,
#recap_answers .enligne .options_bloc  {
    display: inline;
    position: relative;
}

#fieldset_fields .top .options_bloc,
#recap_answers .top .options_bloc  {
    vertical-align: top;
}

#fieldset_fields .taille25 .contenu_bloc,
#recap_answers .taille25 .contenu_bloc {
  width: 25%;
}

#fieldset_fields .taille25 input[type=text],
#fieldset_fields .taille25 select {
  width: 73%;
}

#fieldset_fields .taille35 .contenu_bloc,
#recap_answers .taille35 .contenu_bloc {
  width: 35%;
}

#fieldset_fields .taille35 input[type=text],
#fieldset_fields .taille35 select {
  width: 63%;
}

#fieldset_fields .taille50 .contenu_bloc,
#recap_answers .taille50 .contenu_bloc {
  width: 50%;
}

#fieldset_fields .taille50 input[type=text],
#fieldset_fields .taille50 select {
  width: 43%;
}

#fieldset_fields .taille60 .contenu_bloc,
#recap_answers .taille60 .contenu_bloc {
  width: 60%;
}

#fieldset_fields .taille60 input[type=text],
#fieldset_fields .taille60 select {
  width: 33%;
}

#fieldset_fields .taille75 .contenu_bloc,
#recap_answers .taille75 .contenu_bloc {
  width: 75%;
}

#fieldset_fields .taille75 input[type=text],
#fieldset_fields .taille75 select {
  width: 23%;
}

#fieldset_fields .espacement .contenu_bloc,
#recap_answers .espacement .contenu_bloc {
  padding: 15px 0 !important;
}

#fieldset_fields .gras .contenu_bloc,
#recap_answers .gras .contenu_bloc {
  font-weight: bold;
}

#fieldset_fields .bleu .contenu_bloc,
#recap_answers .bleu .contenu_bloc {
  color: #0043FF;
}

#fieldset_fields .rouge .contenu_bloc,
#recap_answers .rouge .contenu_bloc {
  color: #D20043;
}

#fieldset_fields .dix .contenu_bloc,
#recap_answers .dix .contenu_bloc {
  font-size: 10px !important;
}

/**/

#div_montant_to_pay p,
#montantToPy {
    padding: 10px 0px;
    font-weight: 600;
    color: #EB6A2E !important;
    text-align: center;
}

#bt_valid_survey {
    text-align: center;
}

/*** result formulaire ***/

#recap_answers .encaps_bloc {
  margin: 2% 0;
}

#recap_answers .contenu_bloc {
  font-weight: bold;
}

/*** FORMULAIRE DONS ***/

body.body_p_43637 div.perso hr {
    color: #D20043 !important;
    background-color: #d20043 !important;
}

#survey_1884 .contenu_bloc {
    font-weight: bold;
    margin-bottom: 5px !important;
}

form#thesurvey h4{
   display:none;
}

#survey_1884 #fieldset_fields .libchamp {
    width: 180px !important;
}

#survey_1884 #fieldset_fields .options_bloc {
    margin-bottom: 5px !important;
}

#survey_1884 #fieldset_fields .contenu_bloc {
    float: left;
    width: 180px;
}

.body_p_43637 #z9,
body.survey_1884 #z9{
    display:none;
}

#survey_1884 #igotaccount {
    margin-bottom: 40px !important;
}

#survey_1884 .options_bloc {
    margin-bottom: 5px !important;
}

#survey_1884 .libchamp {
    width: 150px !important;
}

#survey_1884 #surveybloc_1 {
    height: 30px !important;
}

.paiement_enligne input {
    height: 30px !important;
    width: 40px !important;
}

div#survey_1884 {
    margin: 15px !important;
}

/***** PAGE CALCUL SALAIRE *****************************************************/
/*******************************************************************************/

form hr {
    display: none;
}

.enquete-paragraphe {
    border-bottom: 1px solid #ccc !important;
    padding: 0 0 20px 0 !important;
}

.enquete-titre {
    font-weight: bold;
    margin: 30px 0 10px !important;
    font-size: 13px;
    color: #0043ff;
}

.enquete-sous-titre {
    margin: 5px 0 !important;
}

.enquete-sous-titre {
    margin: 5px 0 !important;
    display: inline-block;
    vertical-align: top;
    width: 30%;
}

.enquete-select {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.enquete-comment {
    font-size: 10px;
}

.enquete-checkbox {
    display: block;
}

.enquete-cadre {
    margin: 10px 0 !important;
}

.enquete-cadre a {
    text-decoration: none !important;
}

/***** RECHERCHE GOOGLE  ********************************************************************/
/*******************************************************************************************/

.cse .gsc-control-cse, .gsc-control-cse {
    background-color: #ffffff !important;
    border: none !important;
}

.gsc-input-box {
    width: 190px !important;
    height: 20px !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0 !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    padding: 0;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0 !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    padding: 5px 5px 4px 5px !important;
    margin-top: 9px !important;
}

.cse input.gsc-search-button, input.gsc-search-button {
    border: 1px solid #0043ff !important;
    background-color: #0043ff !important;
    background-image: -moz-linear-gradient(center top , #0043ff, #0043ff) !important;
}

.gsib_a {
    border: 1px solid #ccc;
padding: 4px !important;
}

/**** DIAPORAMA SLICK **************************************/
/***********************************************************/
#alb_1916,
#alb_1917,
#alb_1915, {
    width: 200px;
}

#alb_1920 {
    width: 600px;
}

#alb_1954 {
    width: 555px;
}

/* Arrows */

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    z-index: 1000;
    background: transparent;
}

.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    color: #0043ff;
    line-height: 1;
    opacity: .85;
    border-radius: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -15px;
}

.slick-next {
    right: -15px;
}

.slick-prev:before {
    content: '\ea44';
}

.slick-next:before {
    content: '\ea42';
}

/* Dots */

.slick-dots {
    display: none !important;
}

/* Slider */

.slick-slider {
    position: relative;
}

.slick-list {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-slide {
    display: inline-block !important;
    vertical-align: middle;
    text-align: center;
}

.slick-slide {
    position: relative;;
}

.slick-slide img {
    width: 100%;
}

/*** texte slider ***/

.contenu_vignette {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #0043ff;
    color: #ffffff;
    z-index: 100000;
}

.legende {
    font-size: 14px !important;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 300;
}

.description {
    font-size: 12px !important;
}

/**************************************************************************************************
RESPONSIVE
***************************************************************************************************/

@media screen and (max-width: 940px) {
    
#logo {
    width: 200px;
    float: left;
}

  #bloc_search {
    width: 218px;
    position: absolute;
    right: 24%;
}

    #bloc_login {
        float: right;
    }
    
.col_6 .col_2 {
    margin: 0 1% !important;
    width: 47% !important;
}

.view-fifth:hover .img-mask {
   -webkit-transform: none !important;
   -moz-transform: none !important;
   -o-transform: none !important;
   -ms-transform: none !important;
   transform: none !important;
}

.view-fifth .mask {
   -webkit-transform: none !important;
   -moz-transform: none !important;
   -o-transform: none !important;
   -ms-transform: none !important;
   transform: none !important;
   -ms-filter: none !important;
}

.view-fifth:hover .mask {
   -webkit-transform: none !important;
   -moz-transform: none !important;
   -o-transform: none !important;
   -ms-transform: none !important;
   transform: none !important;
}

.view .mask, .view .content {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    overflow: auto;
}

#bloc_img .img-mask {
    display: none;
}

.view a.info {
    display: block;
    padding: 3% !important;
    font-size: 20px;
}

.view {
    width: auto;
    height: auto;
}

#twitter-widget-0 {
    height: 200px !important;
}

#z9 {
     padding: 0 !important;
}

div.perso {
    padding: 0 !important;
}

}

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

#twitter-widget-0 {
    width: 95% !important;
}

#bloc_img .col_3 {
    width: 98%
}

#z9 #ligne_photo {
    min-height: auto;
}

    .active {
        display: block;
    }
    
    .premier_ul > li {
        float: none;
    }
    
    .premier_ul > li > .parent {
        background-position: 95% 50%;
    }
    
    .premier_ul li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    
    .premier_ul ul {
        display: block;
        width: 100%;
    }
    
   .premier_ul > li.hover > ul ,
   .premier_ul li li.hover ul {
        position: static;
    }

    .premier_ul li li a {
    background-color: #002ba3 !important;
}

.toggleMenu {
    background: #002ba3;
    display: block;
    padding: 2% !important;
    width: 96% !important;
}

       .col_1 {
                width:20%;
            }
            
        .col_2 {
            width:98%;
        }

         .col_4 {
            width: 100%;
        }
        
        .col_6 {
            width: 100%;
        }
        
        .col_6 .col_2 {
            width: 46%;
            margin: 1% !important;
            height: auto;
        }

        .actu_flux_rss {
            width: 48% !important;
            display: inline-block !important;
            margin: 1% !important;
            vertical-align: top;
        }

#z1 {
    background: none;
    padding: 0 !important;
}

#logo {
    width: 216px;
    float: none;
    margin: 0 auto !important;
    padding: 10px !important;
}

#bloc_search {
    width: 218px;
    position: relative;
    margin: 0 auto !important;
    float: none;
    right: 0;
}

#bloc_login {
    float: none;
    width: 100%;
    margin: 2% 0 !important;
    padding: 0 !important;
}
}


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

        .col_1 {
            width:20%;
        }

        .col_2 {
            width:100%;
        }

         .col_3 {
            width: 100%;
        }

         .col_4 {
            width: 100%;
        }

        .actu_flux_rss {
            width: 100% !important;
            display: inline-block !important;
            margin: 1% !important;
            vertical-align: top;
        }
        
        .col_6 .col_2 {
            width: 96% !important;
            margin: 0 1% !important;
        }
        
.view-fifth .mask {
    margin: 1% 0 !important;
}

.view-fifth .mask a  {
font-size: 16px;
padding: 1% !important;
}

.view-fifth .mask a br {
display: none;
}

#z9 #photo_actu img {
    display: none;
}

}

#choix_paiement_en_ligne #li_paypal {
	display: none;
}

.statut_3 #choix_paiement_en_ligne #li_paypal {
	display: block;
}