a, a:link {
    text-decoration:none!important;    
}



.nn_float_image {
	float: left;
	margin-right: 1em;
}

hr.barre_degradee {
    border: 0;
    height: 1px;
    width: 650px;
    background-image: -webkit-linear-gradient(left, rgba(231,79,29,1), rgba(231,79,29,0.5), rgba(231,79,29,0)); 
    background-image:    -moz-linear-gradient(left, rgba(231,79,29,1), rgba(231,79,29,0.5), rgba(231,79,29,0)); 
    background-image:     -ms-linear-gradient(left, rgba(231,79,29,1), rgba(231,79,29,0.5), rgba(231,79,29,0)); 
    background-image:      -o-linear-gradient(left, rgba(231,79,29,1), rgba(231,79,29,0.5), rgba(231,79,29,0)); 
}

.btl-content-block {
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: normal;
  font-style: normal;
}
    
.btl-content-block h3 {
    font-size: 14px;
} 
 
.btl-buttonsubmit {
    color: #E74F1D; 
    background: #FFFFFF;       
}


.nn_tooltips-link  {
	color: #999966;
}
.nn_tabs {
    margin-top: -30px;
}

h4.intitule_champs {
    margin-bottom:5px!important;
}

/* boutons */


/* titre block */
.art-blockheader .t{
    color: #ffffff;
    font-size: 14px;
    text-align: center;	
    padding: 0px 0px;
}


/* Bouton formulaire */

.m4j_submit, .m4j_submit:visited {
    background: #D51226;
    background-image: -webkit-linear-gradient(top, #D51226, #D51226);
    background-image: -moz-linear-gradient(top, #D51226, #D51226);
    background-image: -ms-linear-gradient(top, #D51226, #D51226);
    background-image: -o-linear-gradient(top, #D51226, #D51226);
    background-image: linear-gradient(to bottom, #D51226, #D51226);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.m4j_submit:hover {
    background: #EFF2F5;
    background-image: -webkit-linear-gradient(top, #EFF2F5, #EFF2F5);
    background-image: -moz-linear-gradient(top, #EFF2F5, #EFF2F5);
    background-image: -ms-linear-gradient(top, #EFF2F5, #EFF2F5);
    background-image: -o-linear-gradient(top, #EFF2F5, #EFF2F5);
    background-image: linear-gradient(to bottom, #EFF2F5, #8D9CAA);
    text-decoration: none;
}

@media (min-width: 850px) 
{
          
        .art-footer {
            width: 100%; 
            position: fixed;
            bottom: 0;
            opacity: 0.9;
            z-index:500!important;
        }
  
        /* menu vertical */
        .art-vmenublock {
            zmin-height: 200px;            
        }


}

#art-main {
   background: transparent;
}


#menu_bas ul {
    display:inline-block; 
    list-style:none; 
    padding:8px; 
    vertical-align: top;
    width:140px;
}	
.menu_bas_wrapper {
    font-size: 12px;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;   
}

.menu_bas_colonne>li>a, .menu_bas_colonne>li>a:link, .menu_bas_colonne>li>a:visited, .menu_bas_colonne>li>a.active, .menu_bas_colonne>li>a:hover
{

  text-decoration:  none;
  color:#eeecee;
  text-align: left;
}

.menu_bas_niv1 {
    color: #323132;
    margin-top: 5px;
}
.menu_bas_niv2 {
    color: #666466;
}

.menu_bas_niv2, .menu_bas_niv3 {
    margin-left: 5px;
}

.menu_bas_colonne {
    border-right: 1px inset  #666466;
    height:280px;  
}

.menu_bloc_info_wrapper{
    width:220px;
    display:inline-block; 
    float:left;  
}

.custom.chapeau_menu {
    height: 260px!important; 
    font-weight: normal;
    font-size: 4em!important;
    padding-top: 40px!important;
    text-align:center!important;
    line-height: normal!important;
    color: #fff!important;       
    text-shadow: 0 0 2px #000000;    
}

.custom {
    padding:8px;    
    width: 100%;
    }
#login-form #form-login-username input, #login-form #form-login-password input {
    width: 80%;
    font-size: 10px;
}
    

.default-responsive .art-header, .default-responsive #art-header-bg
{
  background-image: url('../images/mini_moi.png')!important;
  background-position: left!important; 

}    

.default-responsive #art-main {
  background-image:  none!important;    
}
   

@media (max-width: 767px) {   
    
.sp-page-builder .page-content #section-id-1697014798824 {
  padding-bottom: 30px!important;
  padding-left: 0px!important;
  }
  
  #sppb-addon-1698224270333 .sppb-feature-box-title {
  line-height: 1.2em!important;
  }
  
  .sp-page-builder .page-content #section-id-1698131577436 {
  padding-top: 30px!important;
  }
    .pwebbox, .pwebbox *, .pweb-modal, .pweb-modal *, .pwebbox_toggler {
        visibility: hidden;
        display: none !important;
    }

    .hide_mobile {
        display: none !important;
    }

    .show_mobile {
        display: block !important;
    }
    
    .ff_panneau, .ff_btn_outil {
      width: 47%!important;
    }    
    
    
    .box_img {
        width:95%!important;
    }
    .box {
        width:49%!important;        
    }    
    .box_outils {
    	height: 280px!important;    
    }

    .centre_bloc {
        text-align:center!important;
    }
    
    #faveffects-box1, #faveffects-box2, #faveffects-box3, #faveffects-box4  {
        width: 30%!important;
    }
    
    #faveffects-box1 {
            margin-left: 20px!important;
    }    
    
    
    .art-blockcontent, ul.art-vmenu a,  ul.art-hmenu a {
        text-align: center!important;
    }    
    
    ul.art-hmenu > li > a {
        color: #555555!important;
    }    
    
    ul.art-hmenu > li > a:hover {
        background-color: #e1e1e1!important;
    }    
 
     .custom.chapeau_menu {
        position:  absolute;
        top: 8px;
        height: 80px!important; 
        font-size: 1.8em!important;
        padding-top: 5px!important;
        color: #fff!important;       
        text-shadow: 0 0 2px #000000;    
    }
    .ff_art-footer-inner, .ff_art-footer-inner_sitemap {
        min-height: 0px!important;
    }
    

}     



@media (min-width:768px) {
    .show_mobile {
        display: none !important;
    }  

    .art-nav-inner {    
    zheight: 350px!important;    
    } 
    

}


@media (min-width:900px) {
    .menu_liste_liens a:any-link {
        zfont-size: 20x !important;
    }
    
    .center_box {
     padding-left: 10%!important;
     padding-right: 10%!important;     
    }    
    
}

@media (min-width:1200px) {
    .ff_art-footer-inner, .ff_art-footer-inner_sitemap {
        margin: 0 auto;
        width: 1200px;
        min-height:  0px;    /* ATTENTION Hauteur sitemap */        
    }
    
    .art-layout-cell.art-content {
    padding-left: 20px!important;
    }
    
    .center_box {
     padding-left: 15%!important;
     padding-right: 15%!important;     
    }
    
}



.ff_art-footer {
    background: #efefef  !important;
}




.ff_art-page-footer
{
  position: relative;
  z-index: auto !important;
  padding: 1em;
  text-align: center !important;
  text-decoration: none;
  color: #3F5369;
}

.ff_art-footer-inner, .ff_art-footer-inner_sitemap {
  margin: 0 auto;
  padding: 5px;
  padding-right: 5px;
  padding-left: 5px;

}


.pied_de_page, .pied_de_page a, .pied_de_page a:link {   
    color: #fff!important;  
    text-decoration:  none;  
    line-height: normal!important;        
}

ul.art-vmenu > li > a {
    line-height: 30px!important;
}

 /* bloc logos */
 

.global_logo_partenaire {
  background: transparent;
  min-height: 80px;
  text-align: center !important;
  margin-top: 50px;
  border-collapse: separate;
  border-spacing: 20px;  
}


.logo_partenaire {
  border: 0px solid #fff !important;
  margin: 0.4em;
  margin-right:20px;
  height: 110px !important;
  position: relative;
  ztop: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: table-cell;
  vertical-align: middle;
}

 .logo_ouvreurs_droits {
	border: 0px solid #fff!important;
	margin: 0.4em;  
    position: relative;
    bottom: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block   
}
 
.global_logo_ouvreurs_droits {
    padding-top:50px!important;
    background:  transparent;
    min-height: 200px;
    max-width:700px!important;     
    text-align: center!important;
}

.logo_ouvreurs_droits_img {
}


/* suppression des numéros dans listes RSS */
ol {
  list-style: none;
}

.feed-item-description {
    padding-bottom: 10px!important;
}

h2.redirect-ltr a {
    color: #D51226!important;
    margin: 10px 0 0!important;
    font-size: 22px!important;
   
}

li.zzitem-247:before {
    display: inline-block;
    font-size: 1.2em;
    content: ">";
    width: 10px;
    color: #919191;
}
li.zitem-247:before {
font-family: FontAwesome;    
    content: "\f143";
    color: #919191;
}

ul.art-hmenu > li > a {
    padding: 0 10px !important;
}

ul.art-hmenu {
    zpadding-top: 20px!important;
}

/* ---------------------------------------------------------------- */

.title_bloc {
  zpadding-bottom: 0px !important;
  padding-top: 25px !important;
  font-weight: 600;
}

.bloc_organismes_utilisateurs {
    display: inline-block;  
    width:390px!important;      
    float: left;
}

.bloc_organismes_full {
    display:  inherit!important;       
    width:100%!important;    
}

.bloc_organismes_utilisateurs, .bloc_organismes_utilisateurs a {
  font-weight: lighter;        
    }

.bloc_thematiques_1, .bloc_thematiques_2, .bloc_federations_1, .bloc_federations_2 {
    display: inline-block;  
    width:270px!important;      
}

.lien_thematique {
    vertical-align: middle;
}

.liste_thematiques li {
    list-style-type: none; 
}



.bloc_qrcode{
    float: right;
    padding-left:5px;
}



.bloc_sigle:before {
    display: inline-block;
    font-size: 1.3em;    
    font-family: Font Awesome 5 Free;     
    width: 25px;   
    zcolor: #3781a4;
    color:#364049;      
    width:25px;     
}

.flexi.value.field_categories {
    margin: 13px 0!important;    
}




.zzbloc_adresse p {
    zpadding-bottom: 10px;  
    line-height: 120%!important; 
    margin: 0px 0!important;  
    zclear:left;    
}

.bloc_localisation {
    clear: right;
}
    
.zzbloc_lien_departement:before {      
    content: "\f124";   
}

.field_sigle {
    clear:right!important;
}

.contentheading {
    display: block;
}
.value.field_categories {
    font-size: .9em!important;
} 

#flexicontent .lineinfo {
    margin: 0 0 0em 0;
}

/* ---------------------------------------------*/
/* Sites partenaires */
.global_box {
    font-family: Lato, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;  
	width: 100%;
	height: 100%;
 text-align: center;
}

.center_box {
     margin: 0 auto;  
}

.box, .box_outils{
	zheight: 290px;
	width: 280px;
	display: inline-block;
	float: left;
	margin: 0px !important;
	cursor:pointer;     
    margin: 0px 0px 0px 0px !important;   
	border: 1px solid white;
  opacity:0.9;
  filter:alpha(opacity=90);	     

}

.box_outils {
	height: 350px;    
}



.box_img {
	zheight: 240px;
	padding-bottom: 5px;
	width: 270px;
}

.box a:link {
	text-decoration: none;   
}

.box_titre {
	text-align: center;
	text-transform: uppercase;
	height: 20px;
	top: 5%;
	line-height: 100%;
	vertical-align:  50%;  
    font-size: 0.9em;
    color: #D41026;
	margin-top: 12px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}

.box_titre a:link {
	text-decoration: none;
  	text-transform: uppercase;
 	color: #2C3E50;
}

.box_titre a:visited {
 	color: #2C3E50!important;
}
.box_titre a:hover {
 	color: #D41026;
}
.box_titre a:active {
 	color: #2C3E50;
}

.bloc_boutons_bas {
    background-color: transparent;  
}

.box:hover {
    background-color: #e8e8e8!important;
    opacity:1;
    filter:alpha(opacity=1);	  
}

.box:hover img{
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01) ;
  transform: scale(1.01);
}

.box:active {
	position:relative; 
	top:1px;
}


/* read more */
.readmore a , .readmore a:link, .readmore a:hover, .readmore a:visited {
    padding: 0 0px !important; 
    line-height: 20px !important;   
    background:  transparent !important;
    color: #8f8e8e!important;
    border: 0px!important;
}

.readmore a:hover {    
    color:#D51226 !important;  
}



.news.mod_flexicontent_wrapper .fcitem_title a {
    color: #364049!important;
    zcolor: #BB0035!important;
}

.news.mod_flexicontent_wrapper .fcitem_title {
    padding: 1px 4px 1px 0px!important;
}

#flexicontent .buttons > a:not(.btn) {
    background-color: transparent !important;
    background: none !important;
    border: hidden !important;
    zfont-size: 1.5em!important;
}

#flexicontent .buttons > a > i {
    font-size: 1.4em!important;
}

.icon-print:before, .icon-envelope:before, .icon-feed:before, .icon-pencil:before, .icon-new:before, .icon-key:before, .icon-soumission:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';     
    font-size: 1.4em;
    font-style: normal;    
    background-color: #FBFBFB;
    color:#364049;          
}

.icon-print:before {
    content: "\f02f";
}      

.icon-envelope:before {
    content: "\f0e0";  
}      

.icon-feed:before {
    content: "\f143";  
}    

.icon-pencil:before {
    content: "\f044";
}  

.icon-new:before {
    content: "\f0fe";
}  

.icon-key:before {
    content: "\f084";
}  

.icon-soumission:before {
    content: "\f2fd";
}    

div.tip-wrap
{
  zbackground: #fff;
  zborder: 1px solid #aaa;
}

div.tip-wrap div.tip
{
  padding: 0.3em;
}

div.tip-wrap div.tip-title
{
  zfont-weight: bold;
}

.zst_dt_objectifs, .zst_dt_descriptif, .zst_dt_actualite, .zst_dt_modalites_acces {
    padding-left:25px;
}

.st_dt_modalites_acces {
    zpadding-left:10px;    
}


/*--------------------------------------------------------------*/
.contacts {
    padding-left: 0px;      
}

.contacts li {
    list-style-type: none;    
}

.bloc_thematiques a {
  font-weight: lighter;        
    }

.puces  {
    padding-left: 0px!important;      
}

.puces li {
    list-style-type: none;
}    
    
.zzz {    
    background-image: url(../images/puce_contacts.png); 
    background-repeat: no-repeat; 
    background-position: left top!important; 
    padding-left: 20px;           
}

.puces_n2  {
    padding-left: 0px;      
}

.puces_n2 li {
    list-style-type: none;
    background-image: url(../images/puce_tiret.png); 
    background-repeat: no-repeat; 
    background-position: left top!important; 
    padding-left: 20px;    
}

.liste_limesurvey {
padding-left: 0px; 
   
}

.liste_limesurvey ol {counter-reset: cpt;} 
.liste_limesurvey li {
    list-style-type: none;
    counter-increment: cpt; 
    margin-bottom: 10px;
}
.liste_limesurvey li:before {
    content: counter(cpt); 
    padding: 0 15px 2px;
    margin-right: 8px;
    vertical-align: top;
    background: #303F50; 
    -moz-border-radius: 60px;
    border-radius: 60px;
    font-weight: bold;
    font-size: 0.8em;
    color: white;		
}


.oliste_limesurvey  {
    padding-left: 0px!important;      
}

.oliste_limesurvey li {
    list-style-type: none;
    background-image: url(../images/puce_contacts.png); 
    background-repeat: no-repeat; 
    background-position: left center!important; 
    padding-left: 20px;           
}

.bull {
    background-image: url(../images/puce_contacts_bleue.png); 
    background-repeat: no-repeat; 
    background-position: left center; 
    padding-left: 15px;    
    margin-left: -15px;    
}

.tiret {
    background-image: url(../images/puce_tiret_bleu.png); 
    background-repeat: no-repeat; 
    background-position: left center; 
    padding-left: 15px;    
    margin-left: 5px;    
}
/*----------------------------------------------------------*/





#mod_fleximap_default110.mod_fleximap.map {
    margin-left: 20px!important;
}


/*--------------------------------------------------------------*/
.ff_panneau, .ff_btn_outil {
  position: relative;
float: left;
  margin: 10px 1%;
  zmin-width: 270px -60px;
    zmin-width: 200px;
zmax-width: 270px;
  width: 31%;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  
  
  box-shadow: 0 6px 12px -3px rgba(49,41,41,.1)!important;

}
.ff_panneau *, .ff_btn_outil * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.ff_panneau img, .ff_btn_outil img {
  position: relative;
  max-width: 100%;
  vertical-align: top;
  padding:0px!important;
  margin:0px!important;  
}

.ff_panneau img {
margin: 8% !important;
}

.ff_panneau {
margin-bottom: 30px!important;
}

.ff_panneau figcaption, .ff_btn_outil figcaption{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  padding: 10px 20px;

}
.ff_panneau figcaption:before,
.ff_panneau figcaption:after,
.ff_btn_outil figcaption:before,
.ff_btn_outil figcaption:after {
  width: 1px;
  height: 0;
}
.ff_panneau figcaption:before,
.ff_btn_outil figcaption:before {
  right: 0;
  top: 0;
}
.ff_panneau figcaption:after,
.ff_btn_outil figcaption:after {
  left: 0;
  bottom: 0;
}
.ff_panneau h3,
.ff_panneau p,
.ff_btn_outil h3,
.ff_btn_outil p,
.ff_btn_themes h3,
.ff_btn_themes p {
  line-height: 1.2em;
}
.ff_panneau h3,
.ff_btn_outil h3,
.ff_btn_themes h3 {
  margin: 0 0 5px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.1em!important;
  color: #fff!important;
}
.ff_panneau p, .ff_btn_outil p {
  font-size: 0.8em;
  font-weight: 500;
  margin: 0 0 15px;
  color: white;
}
.ff_panneau a, .ff_btn_outil a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  color:#ffffff!important;
}



.ff_panneau:before,
.ff_panneau:after,
.ff_btn_outil:before,
.ff_btn_outil:after
.ff_panneau figcaption:before,
.ff_panneau figcaption:after,
.ff_btn_outil figcaption:before,
.ff_btn_outil figcaption:after {
  position: absolute;
  content: '';
  background-color: #ffffff;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0.8;
}
.ff_panneau:before,
.ff_panneau:after,
.ff_btn_outil:before,
.ff_btn_outil:after {
  height: 1px;
  width: 0%;
}
.ff_panneau:before,
.ff_btn_outil:before {
  top: 0;
  left: 0;
}
.ff_panneau:after,
.ff_btn_outil:after  {
  bottom: 0;
  right: 0;
}

.ff_panneau:hover figcaption,
.ff_panneau.hover figcaption,
.ff_btn_outil:hover figcaption,
.ff_btn_outil.hover figcaption {
  opacity: 1;
}

.ff_panneau:hover figcaption:before,
.ff_panneau.hover figcaption:after,
.ff_btn_outil:hover figcaption:before,
.ff_btn_outil:hover figcaption:after {
  height: 100%;
}
.ff_panneau:hover:before,
.ff_panneau.hover:before,
.ff_panneau:hover:after,
.ff_panneau.hover:after,
.ff_btn_outil:hover:before,
.ff_btn_outil.hover:before,
.ff_btn_outil:hover:after,
.ff_btn_outil.hover:after {
  width: 100%;
}
.ff_panneau:hover:before,
.ff_panneau.hover:before,
.ff_panneau:hover:after,
.ff_panneau.hover:after,
.ff_panneau:hover figcaption:before,
.ff_panneau.hover figcaption:before,
.ff_panneau:hover figcaption:after,
.ff_panneau.hover figcaption:after {
       
  opacity: 0.1;
}

.ff_panneau:hover figcaption, .ff_btn_outil:hover figcaption {
margin-top:48px!important;    
height: 60%!important;  
background-color: #4e4e4e; 
opacity: 0.85;
}
/*------- spécifiques */
.ff_border {
    zborder: 1px  solid  #868484;    
}

.ff_btn_outil p {
  font-size: .9em;
  font-weight: 500;
  margin: 0 0 10px;
  color: white;
}

.ff_btn_outil h3 {
  font-size: .9em!important;
}


.ff_btn_outil figcaption {
  padding: 10px 10px;
  }
  
h3.user_lock:before, .fa_enveloppe:before, .fa_user_lock:before, .fa_search:before, .fa_phone:before, .fa_news:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;    
  display: inline-block;
  font-size: 1.1em;        
  width: 30px;
  content: "\f502";    
} 

.fa_enveloppe:before {
  content: "\f0e0";
}

h3.user_lock:before {
    color: #fff;   
}  

.fa_search:before {
  content: "\f002";    
}

.fa_phone:before {
  content: "\f098";    
}

.fa_news:before {
  content: "\f1ea";        
}

.ff_btn_outil figcaption {
  padding: 10px 10px;
}  


.ff_btn_outil:hover figcaption {
margin-top:20px!important;    
height: 80%!important;  
}




.focus1:hover {
    background-color: #e8e8e8!important;
    opacity:1;
    filter:alpha(opacity=1);	  
}

.focus1:hover img{
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01) ;
  transform: scale(1.01);
}

.focus1:active { 
	position:relative; 
	top:1px;
}

@media (min-width: 900px) {
    
    .ff_btn_outil p {
      font-size: 1em!important;
    }
    
    .ff_btn_outil h3 {
      font-size: 1.1em!important;
    }    
    
    
}

@media (max-width: 900px) {
    
    .ff_btn_outil h3 {
      font-size: 1em!important;
      
    .ff_btn_outil p {
      font-size: .9em!important;
    }      
    }    
    
    
}



/*--------------------------------------------------------------*/
/* Rechereche icones des boutons */
.icon-remove, .icon-search {
    padding-right: 5px;
}
/*--------------------------------------------------------------*/
.gn_slider_1 {
    height: 200px;
}

/*---------------------------------------------------------------*/
/*
.tableau_m1 {
  width:100%;
  table-layout: fixed;
  font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  margin : 0 auto!important;
}
.tableau_m1 caption {
  font-size:1.4em;
  color:#ffffff;
  background-color: #5d625c;
}
.tableau_m1 th {
  background-color: #d31226;
  color: #ffffff;
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;
  font-weight: lighter;    
}
.tableau_m1 td {
    padding:8px!important;
}
.tableau_m1 tfoot td {
  color:#fff;
  background-color:#999690;
  border-top:1px solid #5d625c;
  border-bottom:1px solid #5d625c;
}

*/
.cell_tableau_m1, .titre_tableau_m1 {
  valign:middle;
}
.zebre tbody tr:nth-child(odd) {
  background-color: #e1dcdc;
  border-bottom:1px solid #ccc;
  color:#444;
}
.zebre tbody tr:nth-child(even) {
  background-color: #aaa8a8;
  border-bottom:1px solid #ccc;
  color:#fff;
}
.zebre tbody tr:hover:nth-child(odd) {
  background-color: #999690;
  color:#ffffff;
}
.zebre tbody tr:hover:nth-child(even) {
  background-color: #999690;
  color:#ffffff;
}
.tableau_m1 col:nth-child(1) {
  background-color:#d6d3ce;
}
.tableau_m1 col:nth-child(2) {
  background-color:#dddad4;width:100px;text-align:right;
}
.tableau_m1 col:nth-child(3) {
  background-color:#c6c3bd;color:#fff;width:100px;text-align:right;
}

.tableau_m1 td:nth-child(1) {
  text-align:left;
}
.tableau_m1 td:nth-child(2) {
  text-align:left;
}
.tableau_m1 td:nth-child(3) {
  text-align:left;
}
/*---------------------------------------------------------------*/
.bordure {
      border:1px solid #000;
}
/*-----------A Basculer dans le template (couleur des liens)----------------------------------------------------*/
.art-postcontent a, .art-postcontent a:link {
  zcolor: #3781a4!important;
color: #3781a4;
}

.art-postcontent a:hover {
  color: #D51226!important;
}


/*
.item-200 a, .item-212 a, .item-177 a {
    color:#d7d7d7!important;
} 
*/
.zpdf_view {
    float:right;
    display:inline-block;     
}

.inputbox {
    text-align: center !important;

}

form.art-search input[type="text"] {
    font-size: 1.2em!important;
    height:30px!important;    
}
form.art-search {
    margin-top:5px!important;
    width: 100%!important;

    line-height: 125%!important;
}

#searchForm .phrases-box label, #searchForm .ordering-box label, #searchForm .only label {
    padding: 0 1em!important;
}

.fc_item_title a, .search-results a, .fc_search_label_cell, .userdata, .btn.hasTooltip {
    font-weight: normal !important;
}

.result-title {
    margin-top: 10px;
}

form.art-search input[type="text"] {
    background: #FFFFFF!important;
    color: #d2d2d2!important;
}

.art-button {  
    background-color: #8f8e8e!important;

}

a.art-button, a.art-button:link, a.art-button:link:link, body a.art-button:link, a.art-button:visited, body a.art-button:visited, input.art-button, button.art-button {
    color: white!important;
}


#flexicontent table.flexitable th {
    font-weight: normal !important; 
    background-color: #0a8084;   
    color: #ffffff;
    font-size: 1em;
}    
    



input[type="text"], input[type="password"] {
    zheight: 30px;
}

#faveffects-box1.faveffects-effect1, #faveffects-box2.faveffects-effect2, #faveffects-box3.faveffects-effect3, #faveffects-box4.faveffects-effect4 {
    max-width:70px !important ;
}
#faveffects-box1.span4, #faveffects-box2.span4, #faveffects-box3.span4, #faveffects-box4.span4 {
    max-width:74px !important ;
    min-width:40px !important ;    
}

#mod_reponse_limesurvey {
    width: 300px;
    
}

#mod_reponse_limesurvey hr {
    line-height: 100%;
}

#mod_reponse_limesurvey h3 {
    color:#038dd3!important;
    font-weight: normal ;
}

#mod_reponse_limesurvey img {
    vertical-align: text-top!important;
}


.art-blockcontent h4 {
    color: #4D4D4D;
    font-size: 18px;
    font-weight: normal;           
}

/* Fixe pour bug sur nom des catégories en mode édition */
.select2-container-multi .select2-choices .select2-search-choice {
    height: 30px !important;
    height: 16px !important;    
    }
/* Fixe pour bug sur puce apparition d'un > parasite */    
.art-block ul > li::before {
    content: none!important;
    }    
/* Fixe pour hauteur des zones de saisie dans le formulaire de login */    
#login-form #form-login-username input, #login-form #form-login-password input {
    height: 30px;
    }
[class^="icon-"], [class*=" icon-"] {
    background-image: none;   
    }     
    
/* Flux RSS */  

h2.redirect-ltr a {
    zcolor: #969596!important;
    padding-bottom: 10px!important;

}


.feed-link a {
    color: #666466!important;
    font-size: 20px;
    padding-top: 10px; 
}
ul.newsfeed li { 
    margin-top: 10px; 
}

.feed {
  margin-left: 15px!important;  
}
  
h2.redirect-ltr {
    background-image: url(/images/icone/icone_service_public.png); 
    background-repeat: no-repeat; 
    background-position: left center; 
    padding-left: 40px;    
    margin-left: 12px!important;   
    color: #D51226!important;          
}    

.feed-description {
    margin-left: 12px!important;      
}

/* Effet zoom sur images */
.zoom_in{
  display: inline-block;
  -webkit-transform-origin : 0 0;
  -ms-transform-origin : 0 0;
  transform-origin : 0 0;
  overflow: hidden;
  position: relative;
  width: 105%;
}
.zoom_in  img{
  display: block;
  max-width:100%;
  position: relative;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transform:  scale(.98);
  -ms-transform:  scale(.98);
  transform:  scale(.98);
}

.zoom_in:hover img{
  -webkit-transform: scale(1.00);
  -ms-transform: scale(1.00) ;
  transform: scale(1.00);
}


.post-it-maj img {
    padding-top: 30px;
}

/* Effets sur images */
/* ef9 */
.ef9{
  position: relative;
  display: inline-block;
  overflow: hidden;
  background-color: #000;
  margin-top: 20px;
}
.ef9 img{
float: right;    
    
  display: block;
  max-width: 100%;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.ef9::before, .ef9::after{
  content: "";
  position: absolute;
  z-index: 3;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
  opacity: 0;
}
.ef9::before{
  top: 7px;
  left: 7px;
  right: 100%;
  bottom: 100%;
  border-top: 1px solid rgba(255,255,255,0.8);
  border-left: 1px solid rgba(255,255,255,0.8);
}
.ef9::after{
  left: 100%;
  top: 100%;
  bottom: 7px;
  right: 7px;
  border-bottom: 1px solid rgba(255,255,255,0.8);
  border-right: 1px solid rgba(255,255,255,0.8);
}
.ef9:hover::after{
  opacity: 1;
  top: 8px;
  left: 8px;
  /*box-shadow: inset -2px -2px 2px rgba(0,0,0,0.15);*/
}
.ef9:hover::before{
  opacity: 1;
  bottom: 7px;
  right: 7px;
  box-shadow: inset 2px 2px 2px rgba(0,0,0,0.15);
}
.ef9:hover img{
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  opacity: 0.6;
}

/* Bouton goto top */
/* Return on top */
#gotop {
    background: url('../images/gotop.png') no-repeat;
    bottom: 1%;
    cursor: pointer;
    display: none;
    filter: alpha(opacity = 50); /* IE < 8 */
    height: 80px;
    width: 80px;    
    opacity: 0.5;
    position: fixed;
    right: 1%;

}

#gotop:hover {    
    filter: alpha(opacity = 100); /* IE < 8 */
    opacity: 1;
}

img{
  cursor: pointer;
}

.bloc_liste_limesurvey {
    margin-top:0px!important;
    max-height:600px !important;
    overflow-y : scroll;    
    width: 260px;
}
    
}

.structure_courante a {
    color: gray!important;
}
.structure_publie a {
    color: green!important;
}
.structure_en_attente a {
    color: orange!important;
}
.structure_modifiee a {
    color: blue!important;
}
.structure_autre a {
    color: red!important;
}

.num_courant  {
    color:  white!important;  
    background-color:black!important;  
}



/* Modifs à reporter */
.carousel.mod_flexicontent_wrapper .fcitem_title {
    text-shadow:  0px 0px 0px #000000;
}

.news.mod_flexicontent_wrapper .fcitem_title {
    text-shadow: 0px 0px 0px #000000;
}

.news.mod_flexicontent_wrapper .fcitem_title,
.news.mod_flexicontent_wrapper .fcitem_title a {

    color: #480A51  !important;
    line-height: 120% !important;  
}

.news.mod_flexicontent_wrapper .fcitem_title:hover a,
.news.mod_flexicontent_wrapper .fcitem_title a:hover {
	cursor: pointer;
    text-shadow: 0px 0px 0px #000000;
}
.news.mod_flexicontent_wrapper .fc_overlayed .fcitem_title a {
        text-shadow: 0px 0px 0px #000000;
}

img.zoomEffect {
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    opacity: 0.7;
}
img.zoomEffect:hover {
    -moz-transform: rotate(5deg) scale(1.10);
    -webkit-transform: rotate(5deg) scale(1.10);
    -o-transform: rotate(5deg) scale(1.10);
    -ms-transform: rotate(5deg) scale(1.10);
    transform: rotate(5deg) scale(1.10);
    opacity: 1;
}

/*! * * * * * * * * * * * * * * * * * * * *\  
  CSShake :: shake-slow
  v1.5.0
  CSS classes to move your DOM
  (c) 2015 @elrumordelaluz
  http://elrumordelaluz.github.io/csshake/
  Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */.shake-slow{display:inline-block;transform-origin:center center}.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{animation-play-state:paused}.shake-freeze:hover,.shake-trigger:hover .shake-freeze,.shake-slow:hover,.shake-trigger:hover .shake-slow{animation-play-state:running}@keyframes shake-slow{2%{transform:translate(5px, -8px) rotate(.5deg)}4%{transform:translate(-9px, 8px) rotate(3.5deg)}6%{transform:translate(10px, -7px) rotate(2.5deg)}8%{transform:translate(3px, 10px) rotate(-2.5deg)}10%{transform:translate(-8px, -9px) rotate(3.5deg)}12%{transform:translate(-7px, 3px) rotate(2.5deg)}14%{transform:translate(-6px, 5px) rotate(.5deg)}16%{transform:translate(-6px, -5px) rotate(1.5deg)}18%{transform:translate(3px, 1px) rotate(-.5deg)}20%{transform:translate(5px, 6px) rotate(2.5deg)}22%{transform:translate(9px, 0px) rotate(-2.5deg)}24%{transform:translate(-6px, 4px) rotate(-1.5deg)}26%{transform:translate(-9px, 9px) rotate(-.5deg)}28%{transform:translate(3px, 8px) rotate(1.5deg)}30%{transform:translate(-7px, 4px) rotate(-1.5deg)}32%{transform:translate(-4px, -9px) rotate(-2.5deg)}34%{transform:translate(10px, 8px) rotate(-2.5deg)}36%{transform:translate(6px, 0px) rotate(1.5deg)}38%{transform:translate(-6px, 2px) rotate(2.5deg)}40%{transform:translate(-4px, 10px) rotate(-2.5deg)}42%{transform:translate(2px, 7px) rotate(-.5deg)}44%{transform:translate(-2px, 2px) rotate(.5deg)}46%{transform:translate(0px, 1px) rotate(3.5deg)}48%{transform:translate(7px, -6px) rotate(-1.5deg)}50%{transform:translate(-3px, 3px) rotate(-1.5deg)}52%{transform:translate(6px, -6px) rotate(2.5deg)}54%{transform:translate(10px, 4px) rotate(2.5deg)}56%{transform:translate(-6px, 4px) rotate(-1.5deg)}58%{transform:translate(3px, 3px) rotate(-1.5deg)}60%{transform:translate(-9px, -9px) rotate(-2.5deg)}62%{transform:translate(-2px, -3px) rotate(-.5deg)}64%{transform:translate(-2px, 8px) rotate(-.5deg)}66%{transform:translate(1px, 3px) rotate(.5deg)}68%{transform:translate(2px, 2px) rotate(2.5deg)}70%{transform:translate(10px, -8px) rotate(2.5deg)}72%{transform:translate(-8px, 5px) rotate(3.5deg)}74%{transform:translate(0px, -3px) rotate(-2.5deg)}76%{transform:translate(-4px, -7px) rotate(-2.5deg)}78%{transform:translate(3px, 4px) rotate(-1.5deg)}80%{transform:translate(-4px, 0px) rotate(-2.5deg)}82%{transform:translate(4px, 2px) rotate(2.5deg)}84%{transform:translate(-2px, -5px) rotate(-2.5deg)}86%{transform:translate(0px, 0px) rotate(2.5deg)}88%{transform:translate(-7px, 9px) rotate(-.5deg)}90%{transform:translate(-7px, 8px) rotate(.5deg)}92%{transform:translate(-7px, -1px) rotate(-.5deg)}94%{transform:translate(8px, 8px) rotate(-1.5deg)}96%{transform:translate(4px, -7px) rotate(.5deg)}98%{transform:translate(2px, 7px) rotate(-2.5deg)}0%,100%{transform:translate(0, 0) rotate(0)}}.shake-slow:hover,.shake-trigger:hover .shake-slow,.shake-slow.shake-freeze,.shake-slow.shake-constant{animation-name:shake-slow;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
/*! * * * * * * * * * * * * * * * * * * * *\  
  CSShake :: shake-little
  v1.5.0
  CSS classes to move your DOM
  (c) 2015 @elrumordelaluz
  http://elrumordelaluz.github.io/csshake/
  Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */
.shake-little {
  display: inline-block;
  transform-origin: center center; }

.shake-freeze,
.shake-constant.shake-constant--hover:hover,
.shake-trigger:hover .shake-constant.shake-constant--hover {
  animation-play-state: paused; }

.shake-freeze:hover,
.shake-trigger:hover .shake-freeze, .shake-little:hover,
.shake-trigger:hover .shake-little {
  animation-play-state: running; }

@keyframes shake-little {
  2% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  4% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  6% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  8% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  10% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  12% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  14% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  16% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  18% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  20% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  22% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  24% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  26% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  28% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  30% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  32% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  34% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  36% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  38% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  40% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  42% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  44% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  46% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  48% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  50% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  52% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  54% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  56% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  58% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  60% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  62% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  64% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  66% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  68% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  70% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  72% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  74% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  76% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  78% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  80% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  82% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  84% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  86% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  88% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  90% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  92% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  94% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  96% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  98% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-little:hover,
.shake-trigger:hover .shake-little, .shake-little.shake-freeze, .shake-little.shake-constant {
  animation-name: shake-little;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }
  
  /*! * * * * * * * * * * * * * * * * * * * *\  
  CSShake :: shake-slow
  v1.5.0
  CSS classes to move your DOM
  (c) 2015 @elrumordelaluz
  http://elrumordelaluz.github.io/csshake/
  Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */
.shake-slow {
  display: inline-block;
  transform-origin: center center; }

.shake-freeze,
.shake-constant.shake-constant--hover:hover,
.shake-trigger:hover .shake-constant.shake-constant--hover {
  animation-play-state: paused; }

.shake-freeze:hover,
.shake-trigger:hover .shake-freeze, .shake-slow:hover,
.shake-trigger:hover .shake-slow {
  animation-play-state: running; }

@keyframes shake-slow {
  2% {
    transform: translate(0px, -3px) rotate(3.5deg); }
  4% {
    transform: translate(-9px, -3px) rotate(0.5deg); }
  6% {
    transform: translate(-7px, 4px) rotate(-0.5deg); }
  8% {
    transform: translate(7px, 5px) rotate(2.5deg); }
  10% {
    transform: translate(-1px, -3px) rotate(-1.5deg); }
  12% {
    transform: translate(-3px, 8px) rotate(1.5deg); }
  14% {
    transform: translate(9px, -7px) rotate(2.5deg); }
  16% {
    transform: translate(1px, -9px) rotate(3.5deg); }
  18% {
    transform: translate(-4px, 7px) rotate(-1.5deg); }
  20% {
    transform: translate(6px, 3px) rotate(0.5deg); }
  22% {
    transform: translate(4px, -2px) rotate(-1.5deg); }
  24% {
    transform: translate(-7px, -8px) rotate(3.5deg); }
  26% {
    transform: translate(-5px, 9px) rotate(2.5deg); }
  28% {
    transform: translate(0px, -2px) rotate(-1.5deg); }
  30% {
    transform: translate(5px, 9px) rotate(1.5deg); }
  32% {
    transform: translate(6px, 2px) rotate(-1.5deg); }
  34% {
    transform: translate(-9px, 9px) rotate(2.5deg); }
  36% {
    transform: translate(-8px, 10px) rotate(3.5deg); }
  38% {
    transform: translate(2px, -4px) rotate(-2.5deg); }
  40% {
    transform: translate(2px, 7px) rotate(-2.5deg); }
  42% {
    transform: translate(2px, 4px) rotate(3.5deg); }
  44% {
    transform: translate(-8px, -3px) rotate(2.5deg); }
  46% {
    transform: translate(5px, -3px) rotate(1.5deg); }
  48% {
    transform: translate(9px, 4px) rotate(3.5deg); }
  50% {
    transform: translate(-1px, 2px) rotate(-1.5deg); }
  52% {
    transform: translate(-9px, 4px) rotate(-1.5deg); }
  54% {
    transform: translate(-1px, -6px) rotate(-2.5deg); }
  56% {
    transform: translate(4px, -6px) rotate(0.5deg); }
  58% {
    transform: translate(-8px, 2px) rotate(2.5deg); }
  60% {
    transform: translate(2px, 10px) rotate(3.5deg); }
  62% {
    transform: translate(5px, 5px) rotate(1.5deg); }
  64% {
    transform: translate(5px, 7px) rotate(-0.5deg); }
  66% {
    transform: translate(-6px, 9px) rotate(-0.5deg); }
  68% {
    transform: translate(4px, -2px) rotate(0.5deg); }
  70% {
    transform: translate(-5px, -3px) rotate(3.5deg); }
  72% {
    transform: translate(2px, 5px) rotate(-0.5deg); }
  74% {
    transform: translate(-9px, 4px) rotate(3.5deg); }
  76% {
    transform: translate(3px, -7px) rotate(1.5deg); }
  78% {
    transform: translate(0px, 4px) rotate(2.5deg); }
  80% {
    transform: translate(-1px, 4px) rotate(1.5deg); }
  82% {
    transform: translate(8px, 2px) rotate(1.5deg); }
  84% {
    transform: translate(7px, -6px) rotate(-0.5deg); }
  86% {
    transform: translate(3px, 0px) rotate(0.5deg); }
  88% {
    transform: translate(7px, -9px) rotate(-1.5deg); }
  90% {
    transform: translate(1px, 3px) rotate(0.5deg); }
  92% {
    transform: translate(10px, 3px) rotate(-0.5deg); }
  94% {
    transform: translate(4px, 1px) rotate(1.5deg); }
  96% {
    transform: translate(3px, 9px) rotate(2.5deg); }
  98% {
    transform: translate(4px, -7px) rotate(0.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-slow:hover,
.shake-trigger:hover .shake-slow, .shake-slow.shake-freeze, .shake-slow.shake-constant {
  animation-name: shake-slow;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }


.bloc_visuel{
    float: right;
    padding-left:5px;
}

.bloc_visuel img{
    max-width:220px!important;   
}

.favth-col-xs-1, .favth-col-sm-1, .favth-col-md-1, .favth-col-lg-1, .favth-col-xs-2, .favth-col-sm-2, .favth-col-md-2, .favth-col-lg-2, .favth-col-xs-3, .favth-col-sm-3, .favth-col-md-3, .favth-col-lg-3, .favth-col-xs-4, .favth-col-sm-4, .favth-col-md-4, .favth-col-lg-4, .favth-col-xs-5, .favth-col-sm-5, .favth-col-md-5, .favth-col-lg-5, .favth-col-xs-6, .favth-col-sm-6, .favth-col-md-6, .favth-col-lg-6, .favth-col-xs-7, .favth-col-sm-7, .favth-col-md-7, .favth-col-lg-7, .favth-col-xs-8, .favth-col-sm-8, .favth-col-md-8, .favth-col-lg-8, .favth-col-xs-9, .favth-col-sm-9, .favth-col-md-9, .favth-col-lg-9, .favth-col-xs-10, .favth-col-sm-10, .favth-col-md-10, .favth-col-lg-10, .favth-col-xs-11, .favth-col-sm-11, .favth-col-md-11, .favth-col-lg-11, .favth-col-xs-12, .favth-col-sm-12, .favth-col-md-12, .favth-col-lg-12 {
    padding-right: 3px!important;
    padding-left: 3px!important;
}
/* flexicloud */
#flexicloud { padding: 2px; line-height: 2.2em; text-align: center; }
#flexicloud a { padding: 0px; }
#flexicloud a.ff_tag1 { font-size: 0.7em; font-weight: 100; }
#flexicloud a.ff_tag2 { font-size: 0.9em; font-weight: 200; }
#flexicloud a.ff_tag3 { font-size: 1.1em; font-weight: 300; }
#flexicloud a.ff_tag4 { font-size: 1.3em; font-weight: 400; }
#flexicloud a.ff_tag5 { font-size: 1.5em; font-weight: 500; }
#flexicloud a.ff_tag6 { font-size: 1.7em; font-weight: 600; }
#flexicloud a.ff_tag7 { font-size: 1.9em; font-weight: 700; }
#flexicloud a.ff_tag8 { font-size: 2.1em; font-weight: 800; }
#flexicloud a.ff_tag9 { font-size: 2.3em; font-weight: 900; }
#flexicloud a.ff_tag10 { font-size: 2.2em; font-weight: 900; }
#flexicloud { margin: 0; }
#flexicloud li { display: inline; }
#flexicloud a { line-height: 20%!important;}
#flexicloud a.ff_tag:hover { color:#D51226!important}

/* hide the extra context from CSS-enabled browsers, but not screenreaders */
#flexicloud span { position: absolute; left: -9999px; width: 990px; }

/* ----------------------------------------------------------------------*/

#label_outer_fcfield_43.label-fcouter, #label_outer_fcfield_1.label-fcouter, #label_outer_fcfield_40.label-fcouter, #label_outer_fcfield_23.label-fcouter {
    display: block;
    float:  none;
    width:100%!important; 
    max-width:300px!important;
}

#label_outer_fcfield_43.label-fcouter  > label, #label_outer_fcfield_1.label-fcouter > label, #label_outer_fcfield_40.label-fcouter > label, #label_outer_fcfield_23.label-fcouter > label{    
    text-align:left!important;
    font-weight: normal;
    font-size: 1.4em!important;
   
    }
    
li.fcfieldval_container.valuebox.fcfieldval_container_43 {
    box-shadow:none!important;
}

div.flexi.label, .flexi.label, .desc-title.label {
    padding-left: 8px;
    padding-right: 8px;
    }
    
ul#ultagbox > li {
    height: auto!important;
    }
    
#fc_filter_form_blocker .fc_blocker_bar {
    width: 95%!important;    
}

.custom.chapeau_menu {
    zcolor: #66c1c6!important;
} 

.code_postal {
    width:55%!important;
}

#blk_localisation {
    border: 2px solid  #D51226;
    width: 100%;    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding:8px;
    margin-left:0px;   
}

#blk_localisation p {
    font-size: 1.2em;
    zcolor: #66c1c6!important;
    text-align: center;
    padding-bottom:5px;
}

.departement_actif {
    color:#BB0035;
    font-weight: bold;
}

#flexicontent ul.fcfield-sortables.fcfield-group > li.fcfieldval_container.valuebox .flexi.label.sub_label {
    width: 40%;
}

#blk_localisation.button.btn.btn-primary.art-button {
    padding-top: 4px;
    padding-bottom: 4px;
}

#flexicontent .buttons {
    margin-right: 20px;    
    }
    
/* **************************************** FORMULAIRES ********************************/  
.proformsQuestions {    
    font-size:16px!important;
    line-height: 135%!important;  
    padding-bottom: 10px!important;  
    zpadding-top: 20px!important;    
    font-weight:  600!important;
    color: #737171!important;
}

#proforms_proforms {
  font-family: Abel, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;  
}

#m4jForm input[type="text"], #m4jForm input[type="password"], #m4jForm input[type="email"], #m4jForm input[type="url"], #m4jForm input[type="color"], #m4jForm input[type="date"], #m4jForm input[type="datetime"], #m4jForm input[type="datetime-local"], #m4jForm input[type="month"], #m4jForm input[type="number"], #m4jForm input[type="range"], #m4jForm input[type="tel"], #m4jForm input[type="time"], #m4jForm input[type="week"], #m4jForm textarea {
    color: #797878 !important;
	font: normal;
}

.m4j_submit, .m4j_reset {
	padding:6px 10px 6px 10px;
	font:bold 13px Arial;
	background:#3a3a3a;
	color:#fff;
	border-radius:2px;
	border:none;
}

.broken_link {
    color:red;
}        

label {
    font-weight: normal!important;
}

.whosonline  li {
    list-style-type: none;
    background-image: url(../images/puce_contacts.png); 
    background-repeat: no-repeat; 
    background-position: left top !important;    
    padding-left: 20px;       
}

.zitem-467 {
    background-color : yellow!important;
    border: 1px solid red!important;    
}



.m4jq-28:before {
    content: "\f1fa";    
}
.m4jq-29:before {
    content: "\f007";
}
.m4jq-30:before {
    content: "\f044";
}
.m4jq-31:before {
    content: "\f2bb";
}


.m4jq-28:before, .m4jq-29:before, .m4jq-30:before, .m4jq-31:before {
    font-family: FontAwesome;    
    color: #919191;
    font-size: 1.4em;
    padding-right: 8px;
    font-weight: normal !important;    
}

/* Formatage du bloc upload fichier */
.btn.fc_fileupload_box {
    color:#fff!important; 
    background-color: #8f8e8e ;
    padding: 4px 16px 4px 16px;   
    border-radius: 3px;    
}

.rl_sliders.accordion > .accordion-group .accordion-heading .accordion-toggle {
    padding: 8px 8px!important;
}

.rl_sliders.accordion > .accordion-group {
    border: 1px solid transparent!important;
}

.rl_sliders.accordion {
    margin: 0em;
}

ul.art-vmenu ul a {
    padding-right: 0px!important; 
}

.art-hmenu > li > a, .art-hmenu > li > a:link, .art-hmenu > li > a:visited, .art-hmenu > li > a.active, .art-hmenu > li > a:hover {
    font-size: 18px!important;
    }
    
/* ***************** modifié par FF le 22/10/2019 Shoutbox ***********************/
.shout_marquee {
	background: none;
	border: 0;
	line-height: 16px;
	margin: 0;
	padding: 0px 0 0;
	vertical-align: top;
	cursor: pointer;
}



/* *************** Webinaires **************************** */
.webinaire_visuel {
    float:right;
    padding-left: 10px;
    padding-bottom: 10px;
}

.webinaire_faq {
    
}

.webinaire_description {
    max-width:600px!important;
}

/* Fixe pour FAQ boutons */
.fbpLeftNavigation_root {
    font-size: 14px!important;
    line-height: 1.1!important;
}

.art-postcontent a, .art-postcontent a:link {
zcolor: #710D80 !important;
color: #480A51 !important; 
}

/* ***************** modifié par FF le 22/10/2019 fixes design FAQ  ***********************/

a.NavLeftUL_anchor  {
    color:#fff!important;
}

a.NavLeftUL_anchor:hover  {
    color:#000!important;
}

.NavTopUL_link {
    padding-right:5px!important;
}

li.NavLeftUL_item {
	background-color: #bbbbbb !important;    
}

.li_selected > a, .li_selected > a:hover, .li_selected > a:focus {
	background-color: #60C6C9!important; 
    border-bottom: 1px solid #6FE6EA;    
}
.fbpContent_root {
    font-size: 15px;
}
.topic_faqToggleQuestion {
    font-size: 16px;
}   

.rl_tabs .nav-tabs > li > a, a.NavLeftUL_anchor {
color: #364049 !important;
}

#fbp_l_n a:link {
color: #364049 !important;    
}

.fbpContent_allTopics > li > a {
    font-weight: 300;
}

.NavTopUL_link {
    font-weight:  normal;
}

div.voting-row {
    margin: 0px 0;
    margin-top: 0px;
}

#jjshoutboxform input[type="text"], #jjshoutboxform textarea {
    background: #FFFFE9;
}

#youtube {
    text-align: center; 
    width: 820px;
    height: 500px;
    background-color:black!important;        
}

.icone_youtube {
    padding-top:220px;
}

.texte_youtube {
    font-size: 20px;  
    color:#eaeaea;  
}

.art-hmenu > li.item-557.parent> a, .art-hmenu > li.item-557.parent> a:link, .art-hmenu > li.item-557.parent > a:visited, .art-hmenu > li.item-557.parent> a.active, .art-hmenu > lli.item-557.parenti > a:hover {
	color:red;
}

.art-pager > * {
   padding: 4px!important;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0 4px 0 0!important;
}    


#webinaire_visuel img.fc_field_image {
	max-width: 300px!important;
}


.menu_liste_liens figcaption {
margin-top:50px!important;    
height: 80%!important;         
}

.menu_liste_liens a:any-link {
    color: white!important;
    position:relative  !important;  
    zfont-size:20px!important;

}

.menu_liste_liens a:hover {
    text-decoration: underline!important;
}


.art-postheadericons {
    font-size: .8em;
    color: gray!important;
    }
    
.search {
    margin-top: 10px;
}

.bloc_connexion {
    margin: 20px!important;    
}


#login-form {
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     -khtml-border-radius: 5px;
     border-radius: 5px;
     padding:5px;
     margin:0px 0px 10px 0px;
     text-align: center!important;   
     border: 1px   #666466;   
}




.pied_de_page {
    background-color: #504648;
    padding-top: 20px;
}

.bloc_thematiques_1 img, .bloc_thematiques_2 img, .bloc_federations_1 img, .bloc_federations_2 img {
    vertical-align: middle!important;
    }





.owl-carousel .owl-item img {
    width: inherit!important;
    height: 50%!important;

}

.owl-item.active {
    vertical-align:  bottom!important;
  text-align:  center!important;    
}

.art-content-layout .art-sidebar1 {
    width: 25%!important;
    }

/* Liens en haut */
.bandeau_liens_haut {
    background-color: white!important;
    zmargin-top: 5px;
}

.liens_haut {
    position: inherit !important;
    padding-bottom: 10px;
    margin-right: 40px!important;
}

.liens_haut a , .liens_haut a:link, .liens_haut a:hover, .liens_haut a:visited {
    font-size: 0.9em;    
    color: #303F50!important;  
    font-family: 'Open Sans', sans-serif !important;
      
}

.liens_haut a:hover {
    color: #cc3333 !important;      
}


#mod_flexiadvsearch_default179, #dv_liens {
    display: inline-block!important;
}


#mod_flexiadvsearch_default179 input[type="text"] {
    border: 1px solid #F8AA6E;
    padding: 0px 0;
font-size: 20px!important;    
}

.ff_bh_connect:before, .ff_bh_contact:before, .ff_bh_presse:before, .ff_bh_abo_flash:before, .ff_bh_twitter:before, .ff_bh_adherer:before {
    display: inline-block;
    font-family: fontawesome!important;
    font-size: 1.2em;
    font-style: normal;
    padding-right: 5px;
} 

.zff_bh_connect:before {
    content: "\f007";    
}


/* boite login */

#lp-popup {
  font-family: Abel, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;  
}

input#lp-username.lp-input-text.lp-input-username, input#lp-password.lp-input-text.lp-input-password {
    padding-left: 36px!important;
}

.lp-button-wrapper button {
    background: #231F20;
    color: #fff;
}

.lp-button-wrapper button:hover {
	background-color: #999;
}

.lp-wrapper {
    border: 5px solid #348488!important;
}    


.art-nav-inner {
    ztext-align:  inherit!important;
    zclear:left!important;
}

.newsfeed {
    padding-left: 10%!important;
    padding-right: 10%!important;    
}

.feed-description {
    margin:10px!important;

}

.fc_filter .fc_filter_label, .fc_filter_line .fc_filter_label {
font-size: 13px;
font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-shadow: none;
}

.art-vmenublock {
    margin-top: 20px!important;
}
.art-nav.desktop-nav {
    margin-bottom:0px;
}

.art-hmenu-extra2 {
    zfloat:   unset!important;
}

.menu_img {
    opacity: 0.5;    
}

hr.trait1 {
  border: 3px solid #b2b2b2;
  border-radius: 3px;
  margin-bottom: 20px;
}


/* ------------------------------------------------- */

div.tooltip{
    background-color: black!important;
    color: white!important;
    font-size: .8em!important;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    position: fixed;
    opacity: 0.8;
    padding: 5px!important;
    white-space: pre-wrap!important;            
} 


.news.mod_flexicontent_wrapper .fcitem_readon a.readon, .news.mod_flexicontent_wrapper .fcitem_readon a.readon span {
    padding: 0px 5px 3px 5px;
    color: white !important;    
}

a.readon.art-button:hover {
    padding: 0px 5px 3px 5px!important;
}

.image_standard.fc_float_left {
    margin-top: 20px!important;
    margin-left: 20px!important;    
}

/* --------------------- JS JOBS ----------------------------------*/


div#jsjobs-main-wrapper form#adminForm input.jsjobs_button {
    background: #e82e2e!important;
    
}

#js_job_fb_commentparent, #jsjobs-requirements, .jsjobs-menubar-wrap {
    display:none!important;
}


.js_controlpanel_section_title {
    display:none!important;    
}

.js-col-md-6 {
    width: 100%!important;
}

.js-col-md-4 {
    zwidth: 50%;
}

div.jsjobs-data-2 div.jsjobs-data-2-wrapper {
    width: 98%!important;
}


div#jsjobs-main-wrapper div#sortbylinks ul li.jsjobs-sorting-bar-myjob a {
    padding: 4px 10px 4px 10px !important;
}    

div#jsjobs-main-wrapper div#jsjobs-emp-cp-wrapper div.jsjobs-cp-jobseeker-suggested-applied-panel div.js-cp-suggested-jobs div.js-cp-resume-jobs div.js-suggestedjobs-area div.js-cp-jobs-sugest div.js-cp-content-area div.js-cp-company-title {
    font-weight:  normal!important;
    color: #454545!important;
    border-bottom: none;
}    

.js-title {
    z-index:5!important;
}

.js-bottomrow {
    display:none!important;     
}
#rss  {
    display:none!important;     
}    

.applied-resume-button-no {
    display:none!important;     
}

#sortbylinks  {
    display:none!important;     
}
    
div#jsjobs-main-wrapper div.jsjobs-job-information-data div.jsjobs-right-raea {
    min-height: 600px;   
}

div.jsjobs-cp-adding-section span.js-sample-title {
    display:none!important;     
}

#description_parent {
    height: 200px!important;
    }
    
.jsjobs_full_width_data {
    font-size:1.1em!important;
    line-height: 130%!important;
} 

#js_menu_wrapper {
        display:none!important;   
}   


.ff_nouveau_service {
    border: 1px solid #ccc;
    margin: 30px 60px 10px 60px ;
    padding: 15px; 
}   

.ff_nouveau_service_icn {
    padding-left: 15px ;
    float:right; 
}   

.ff_retour_panneau {
    margin-top: 10px ;
    margin-bottom: 10px ;
}   

.js-cp-jobs-sugest, #js-jobs-wrapper {
    background: white;
    border-radius: 12px;
    box-shadow: 0 0 1px 0 rgba(42, 42, 42, 0.4), 0 3px 4px 0 rgba(42, 42, 42, 0.2);
    margin-bottom: 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}



.js-suggestedjobs-area  {
    border-right: none!important;
    border-left: none!important;
}


div#js_jobs_main_wrapper {
    background: none;
}

div#jsjobs-main-wrapper div.jsjobs-job-info span.jsjobs-title,
div#jsjobs-main-wrapper div.jsjobs-company-name span.jsjobs-company-title {
    font-size: 1.2em!important;
    color: #084db9 !important    
    
}

div#jsjobs-main-wrapper div.jsjobs-job-information-data div.jsjobs-right-raea {
    background: none;
}

div#jsjobs-main-wrapper div.jsjobs-job-information-data div.jsjobs-jobmore-info span.js_controlpanel_title {
    font-size: 14px!important;
}

div#jsjobs-main-wrapper div.jsjobs-job-information-data div.jsjobs-left-area div.jsjobs-jobs-overview-area div.js_job_data_wrapper span.js_job_data_value,
div#jsjobs-main-wrapper div.jsjobs-company-applied-data div.jsjobs-comoany-data div.js_job_data_wrapper span.js_job_data_value {
    color: #084db9 !important
}

div#jsjobs-main-wrapper div.jsjobs-job-information-data div.jsjobs-left-area div.jsjobs-jobs-overview-area div.js_job_data_wrapper span.js_job_data_title,
div#jsjobs-main-wrapper div.jsjobs-company-applied-data div.jsjobs-comoany-data div.js_job_data_wrapper span.js_job_data_title,
#jsjobs-main-wrapper .art-postcontent li, .art-post li, .art-textblock li {
    color: #364049!important;
    font-weight: normal!important;
}

.zjs-cp-jobs-sugest, #zjs-jobs-wrapper {
    border: 1px solid #fed6b7!important;    
    background: none;
    border-radius: 12px;
    box-shadow: 0 0 1px 0 rgba(248, 170, 110, 0.8), 0 3px 4px 0 rgba(248, 170, 110, 0.4);
}



.js-cp-jobs-sugest, div#js-jobs-wrapper {
  border: 1px solid #d4d4d5;
  background: #fff !important;
  box-shadow: 0 6px 12px -3px rgba(49,41,41,.1) !important;
  padding: 20px 20px 25px !important;
  margin-bottom: 15px !important;
  border-radius: 0px!important;  
}




div#jsjobs-main-wrapper div.jsjobs-company-applied-data div.jsjobs-company-logo span.jsjobs-company-logo-wrap span.jsjobs-left-border,
div#js-jobs-wrapper div.js-toprow div.js-image {
    border-left: 4px solid #60c6c9!important;
}

div#jsjobs-main-wrapper span.jsjobs-main-page-title,
div#jsjobs-wrapper div.page_heading,
div#jsjobs-main-wrapper div.jsjobs-job-information-data div.jsjobs-jobmore-info span.js_controlpanel_title 
div#jsjobs-main-wrapper div.jsjobs-job-information-data div.jsjobs-jobmore-info div.js_job_apply_button {
    border-bottom: 2px solid #60c6c9!important;
}

div#jsjobs-main-wrapper div#jsjobs-emp-cp-wrapper div.jsjobs-cp-toprow a.menu_style span.jsjobs-title {
    font-size: 16px;
}

#job_stoppublishing, #job_startpublishing, #ufield934, #ufield930, #ufield929, #careerlevel, #jobtype, #duration {
    width:200px!important;
}

#jobcategory, #ufield941, #ufield936, #companyid{
    width:400px!important;
}

div#jsjobs-main-wrapper div.jsjobs-folderinfo div.fieldwrapper div.fieldvalue span {
    zcolor: #ffffff;
}


#name, #validateurl {
    width:800px!important;
}

#ufield940, #contactname, #ufield939, #contactemail, #category, #ufield942, #address1, #address2 {
    width:400px!important;
}

#contactphone, #since, #ufield937, #zipcode {
    width:200px!important;
}



.btn.btn-secondary.art-button {
    background-color: #9a9a9a !important;
}

.btn.btn-secondary.art-button span {
    color: #fff !important;
}

.zjsjobs-job-data li {
    list-style-type: none;
    background-image: url(../images/puce_contacts_bleue.png);
    background-repeat: no-repeat;
    background-position: left top !important;
    padding-left: 20px;
}    

div#jsjobs-main-wrapper div.jsjobs-job-information-data div.jsjobs-jobmore-info div.jsjobs_full_width_data {
    color: #364049!important;
}
/* ***************************** FIN DE JS JOBS ***************************** */
.carousel.mod_flexicontent_wrapper .fcitem_text {
    font-size: .9em!important;
    }

.carousel.mod_flexicontent_wrapper .fcitem_text a:hover {
    text-shadow: 0px 0px 0px #000000;
    }

.carousel.mod_flexicontent_wrapper .fc_block {
    line-height: 120%!important;
}

.carousel.mod_flexicontent_wrapper .fcitem_title, .carousel.mod_flexicontent_wrapper .fcitem_title a {
    font-size: 1em!important;   
    color:#022472!important; 
    }
    
#mod_fc_carousel_mask_106.mod_flexicontent_standard_wrapper_innerbox {
    background-color:#e3e4e5!important;
}    

#mod_fc_carousel_mask_106 .content_standard {
    background-color: #f0f0f0!important;    
    padding: 8px 8px 8px 8px!important;          
    margin: 8px 0px 0px 10px!important;    
    height: 250px!important;
    width: 248px!important;
}

#mod_fcitems_box_standard_181 .content_standard.fc_floated {
    background-color: #f0f0f0!important;    
    padding: 8px 8px 8px 8px!important; 
    margin: 8px 8px 8px 8px!important;         
}


#mod_fcitems_box_standard_181 .content_standard.fc_floated {
  background: #fff!important;
  box-shadow: 0 6px 12px -3px rgba(49,41,41,.1)!important;
  padding: 20px 20px 25px!important;
  margin-bottom: 15px!important;
}


div#js-jobs-wrapper div.js-toprow div.js-image {
    border: none!important;
    border-left: 0px!important;
}


.leaflet-top, .leaflet-bottom {
    z-index: 400!important;
    }
    
.leaflet-popup-pane, .leaflet-control {
        z-index: 600!important;
}    

ul.art-hmenu > li > a {
    display: inline!important;
    }
    

/* .activites li, .labels li,.equipements li, .acces li {
    list-style-type: none;
    background-image: url(../images/puce_listes.png); 
    background-repeat: no-repeat; 
    background-position: left top; 
    padding-left: 20px;  
} 
*/
 .activites li, .labels li,.equipements li, .acces li, .pieces li {
     list-style-type: none;
}    
    
.activites li:before,.equipements li:before, .acces li:before, .contacts li:before, .labels li:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';     
    font-size: 1em;       
    content: "\f14a";  
    color: #0a8084;
    padding-right: 6px;  
} 

.puces li:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';     
    font-size: 1em;       
    content: "\f0da";      
    color: #0a8084;
    padding-right: 6px;  
} 


 .pieces a:before {
    display: block_ruby;
    font-family: 'Font Awesome 5 Pro';     
    font-size: 1.2em;       
    content: "\f56d";  
    color: #0a8084;
    padding-right: 6px;  
} 
       

.public,  .horaires, .zhandicap, .territoire, .autres {
    color: white;     
    background-color: #0a8084;     
    padding: 0.5rem !important;
    font-weight: lighter;
    font-weight: normal !important;
    font-size:.9em; 
    line-height: 200%;   
    border-bottom: 1px solid #e8e6e6!important;   
    margin-top: 5px; 
    margin-right: 10px;    
}

.autres {
    border-radius: 10px 100px / 120px;
    padding-left: 15px;
    padding-right: 15px;    
    background-color: #f88e55;    
}


.big_title {
    font-size: 30px!important;
}

.icon-limesurvey {
    background-image: url(/images/icone/icone_limesurvey.png); 
    background-repeat: no-repeat; 
    background-position: left center; 
    padding-right: 5px;    
    margin-left: 0px!important;   
    color: #D51226!important;         
}

.st_dt_tags {
    line-height: 50px!important;
    white-space: break-spaces;    
}


.liste_territoires {
    line-height: 220% !important;
}

.bloc_adresse, .bloc_telephone, .bloc_tel_portable, .bloc_fax, .bloc_email, .bloc_site_web, .bloc_sigle  {
   zfont-size : 1.1em!important;    
}

.bloc_adresse p, .bloc_telephone p, .bloc_tel_portable p, .bloc_fax p, .bloc_email p, .bloc_site_web p, .bloc_sigle p  {
 
}

.bloc_adresse {
/*    text-indent:-35px;
    padding-left:35px;*/
}

.icone_color {
    color:#ec1c24!important;
    font-family: 'Font Awesome 5 Pro'; 
    font-size:1.2em; 
    
    padding-right: 10px;

}

.bloc_tete  {
    margin-top: 1em;    
     
}

.bloc_tete p {
    margin-bottom: 0em;    
     
}



#m4jSubmitWrap {
    margin-top: 20px;
}

.m4j_submit, .m4j_reset {
    margin-top: 10px;
  background: #9e8277;
    margin-bottom: 20px;
}
.m4j_header_text {
    font-size: 1.2em;
}

.m4jRequiredWrapSystem {
    font-size: .8em;
}

.bouton_referencement_annuaire, .m4j_submit {
    
	box-shadow: 0px 10px 14px -7px #276873;
	background:linear-gradient(to bottom, #9e8277 5%, #806a61 100%);
	background-color:#9e8277;    
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff!important;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.bouton_referencement_annuaire:hover, .m4j_submit:hover {
	background:linear-gradient(to bottom, #806a61 5%, #9e8277 100%);
	background-color:#806a61;
}
.bouton_referencement_annuaire:active {
	position:relative;
	top:1px;
	color:#ffffff!important;    
}

.bouton_referencement_annuaire, .m4j_submit {
	box-shadow: 0px 10px 14px -7px #276873;
	background:linear-gradient(to bottom, #0B1E60 5%, #1232a3 100%);
	background-color:#0B1E60;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:8px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.bouton_referencement_annuaire:hover, .m4j_submit:hover {
	background:linear-gradient(to bottom, #1232a3 5%, #0B1E60 100%);
	background-color:#0B1E60;
}
.bouton_referencement_annuaire:active {
	position:relative;
	top:1px;
}

#btn_ref a , #btn_ref a:link {
	color:#ffffff!important;     
}

#btn_ref {
    zfloat:right;
    text-align: center;
    zmargin-bottom: 20px;
}

#carto_annuaire {
    display:block;
}

.m4j_header_text {
  color: #737171;
line-height: 125%;  
}


.st_dt_tags a:link, .st_dt_tags a:visited{
   color: #ffffff!important;
}




.fc_tags, .fc_tags a, .fc_tags a:link, .territoire {  
    padding: 0.5rem !important;    
    zmargin-right: 10px;    
    
} 

.fc_tags, .fc_tags a, .fc_tags a:link, .territoire {    
    background-color: #0a8084;    
    font-weight: lighter;
    font-weight: normal !important;
    font-size:.9em; 
    line-height: 200%;   
    border-bottom: 1px solid #e8e6e6!important;  
    margin-top:10px;
}


.fc_tags:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.2em;
  font-style: normal !important;
  font-weight: normal !important;
  content: "\f292";
  padding-right: 3px;
  
}

/* .fc_bloglist_item { */
#flexicontent ul.introblock > li {
    margin: 5px 4% 15px 0!important;
    padding: 0px 0 0px 0!important;
    border-top: 0px dashed !important;    
}
    
#flexicontent ul.leadingblock > li {
    margin: 5px 0 15px 0;
    padding: 0px 0 0px 0;        
    border-top: 0px dashed !important;    
}   
    
#flexicontent ul.introblock > li, #flexicontent ul.leadingblock > li {    
  background: #fff !important;
  box-shadow: 0 6px 12px -3px rgba(49,41,41,.1) !important;
  padding: 20px 20px 25px !important;
  margin-bottom: 15px !important;
}

.leadingblock.two.group.row > li { 
  width:90%!important;  
margin-left: 0!important;  
    
    }
    
.news.mod_flexicontent_wrapper .fcitem_readon a.readon, .news.mod_flexicontent_wrapper .fcitem_readon a.readon span {
  font-weight:  normal;
  background:#9e8277;
}

.news.mod_flexicontent_wrapper .fcitem_readon {
  float: left;
  background: transparent;
  padding: 1px 6px 1px 8px;
  }
  
.fc_search_result {
  background: #fff !important;
  box-shadow: 0 6px 12px -3px rgba(49,41,41,.1) !important;
  padding: 20px 20px 25px !important;
  margin-bottom: 15px !important;    
}  

.joomla_rss_feed {
    border: 1px solid #d4d4d5;
    background: #fff !important;
    box-shadow: 0 6px 12px -3px rgba(49,41,41,.1) !important;
    padding: 20px 20px 25px !important;
    margin-bottom: 15px !important;
    border-radius: 0px !important;    
}

.intro_feed_image {
  margin-top: 15px !important;       
  margin-bottom: 15px !important;     
}

/* .ff_btn { */
.item-610, .item-722  {    
    cursor: pointer;
    font-family: "Gotham-Condensed",Helvetica,sans-serif;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility;    
    text-decoration: none;
    padding: 6px!important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 1px 3px 8px #444444;
    -webkit-box-shadow: 1px 3px 8px #444444;
    -moz-box-shadow: 1px 3px 8px #444444;
    width: 160px;
}


.item-610:hover, .item-722:hover {
    padding: 6px!important;
    color: #FFFFFF;
    box-shadow: 1px 1px 4px #777777;
    -webkit-box-shadow: 1px 1px 4px #777777;
    -moz-box-shadow: 1px 1px 4px #777777;
}

.item-610 {
    margin-right:30px!important;    
    background-color:#60c6c9!important;
    
}
.item-722 {
    background-color:#f8aa6e!important;

}


#flexicontent.flexicontent.fccategory.fccat256 div#item_total.item_total.group {
    display:none!important;
}
#flexicontent.flexicontent.fccategory.fccat256  p.bloc_categories {
    display:none!important;
}

#flexicontent.flexicontent.fccategory.fccat256 ul.leadingblock.two > li, #flexicontent.flexicontent.fccategory.fccat256 ul.introblock.two > li {
  width: 40.6%;
}

ul.art-hmenu {
  margin-top: 20px!important;
}

/*__________________________________________________________________________________________*/
body {
    list-style-type: disc;
}


.cadre_bleu p {
  border-top:2px solid #5d625c;
  padding: 8px;
}

.nn_titre {
  	font-size: 2em;
	color: #60c6c9; 
}

.liste_num1 {
padding-left: 0px;    
}

.liste_num2 {
padding-left: 50px;    
}

.liste_num1 ol, .liste_num2 ol  {counter-reset: cpt;} 
.liste_num1 li, .liste_num2 li {
    list-style-type: none;
    counter-increment: cpt; 
    margin-bottom: 10px;
}
.liste_num1 li:before, .liste_num2 li:before {
    content: counter(cpt); 
    padding: 0 15px 2px;
    margin-right: 8px;
    vertical-align: middle;
    background: #0a8084;

    -moz-border-radius: 60px;
    border-radius: 60px;
    font-weight: bold;
    font-size: 0.8em;
    color: white;		
}

/*--------------------------------------------------------------*/
.trait_vertical_gris, .trait_vertical_bleu, .trait_vertical_saumon, .trait_vertical_vert {
	border-left-width: 2px;
	border-left-style: solid;
	padding-left: 1em;
}

.trait_vertical_gris {
	border-color: #231F20;
}
.trait_vertical_bleu {
	border-color: #3781a4;
}
.trait_vertical_saumon {
	border-color: #F8AA6E;
}
.trait_vertical_vert {
	border-color: #C3B654;
}


.contacts {
    padding-left: 0px; 
     
}

.contacts li:before {
    content: "\f32b";      
}

.puces_n2  {
    padding-left: 0px;      
}

.puces_n2 li {
    list-style-type: none;
    background-image: url(../images/puce_tiret.png); 
    background-repeat: no-repeat; 
    background-position: left top; 
    padding-left: 20px;       
}

.bull {
    background-image: url(../images/puce_contacts_bleue.png); 
    background-repeat: no-repeat; 
    background-position: left center; 
    padding-left: 15px;    
    margin-left: -15px;    
}

.tiret {
    background-image: url(../images/puce_tiret_bleu.png); 
    background-repeat: no-repeat; 
    background-position: left center; 
    padding-left: 15px;    
    margin-left: 5px;    
}
/*---------------------------------------------------------------*/
.nn_tabs-responsive {
    margin-top:2px;
}

.tableau_m1 {
  width:100%;
  table-layout: fixed;
  font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  margin : 0 auto!important;
}
.tableau_m1 caption {
  font-size:1.4em;
  color:#ffffff;
  background-color: #5d625c;
}
.tableau_m1 th {
  background-color: #60c6c9;
  color: #ffffff;
  font-weight: lighter;    
}
.tableau_m1 td {
    padding:8px!important;
}
.tableau_m1 tfoot td {
  color:#fff;
  background-color:#999690;
  border-top:1px solid #5d625c;
  border-bottom:1px solid #5d625c;
}





.tableau_m4, .tableau_m1 {
    width:100%;

    table-layout: fixed;
    font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    border-width:1px; 
    border-style:solid; 
    border-color:#777777;  
    border-color:#ffffff;     
}

.tableau_m4 {
    max-width:600px;    
}    
.tableau_m4 caption, .tableau_m1 caption {
    font-size:1.4em;
    color:#ffffff;
    background-color: #5d625c;
}
.tableau_m4 th, .tableau_m1 th {
    background-color: #0a8084;
    color: #ffffff;
    font-weight: lighter;
    padding-left: 10px;     
}

.tableau_m4 td, .tableau_m1 td  {
    padding-left:10px;      
    border-width:1px;
    border-style:solid; 
    border-color:#ffffff;    
}






.cell_tableau_m1, .titre_tableau_m1 {
  valign:middle;
}
.zebre tbody tr:nth-child(odd) {
  background-color: #eaeaea;
  border-bottom:1px solid #ccc;
  color:#444;
}
.zebre tbody tr:nth-child(even) {
  background-color: #aaa8a8;
  border-bottom:1px solid #ccc;
  color:#fff;
}
.zebre tbody tr:hover:nth-child(odd) {
  background-color: #999690;
  color:#ffffff;
}
.zebre tbody tr:hover:nth-child(even) {
  background-color: #999690;
  color:#ffffff;
}
.tableau_m1 col:nth-child(1) {
  background-color:#d6d3ce;
}
.tableau_m1 col:nth-child(2) {
  background-color:#dddad4;width:100px;text-align:right;
}
.tableau_m1 col:nth-child(3) {
  background-color:#c6c3bd;color:#fff;width:100px;text-align:right;
}

.tableau_m1 td:nth-child(1) {
  text-align:left;
}
.tableau_m1 td:nth-child(2) {
  text-align:left;
}
.tableau_m1 td:nth-child(3) {
  text-align:left;
}
/*---------------------------------------------------------------*/

h4.titre_bloc {
    margin-top: 30px;
    zcolor: #0B1E60;
    font-size: 1.2em;  
}



.cattitle {
    display:inline-block;
}

[data-rlta-element="container"][data-rlta-state="ready"] {
    margin-top: 30px;
}




#fctoolbar.btn-toolbar > * .btn {
  padding-top: inherit !important;
  padding-bottom: inherit !important;
}

.iccalendar table td div {
  font-size: 1em;
}
  
.icrounded_eventlist .iceventlist-title {
  padding-top: 3px;
  line-height: 1.4em !important;
  font-size: 1.3em;  
}  
.icrounded_eventlist .iceventlist-desc {
  font-size: 1.2em;
}

.cell {
    width:100%!important;
}

#sp-footer, #sp-bottom {
  background: white;
}

#sp-main-body {
  padding: 30px 0;
}

#sp-bottom {
    padding: 30px 0 0px; 
}



#sppb-addon-1695631306431 {
   color: #ffffff!important; 
}    

.icnav .backicY, .icnav .backic, .icnav .nextic, .icnav .nexticY {
   color: #ffffff!important; 
}        

.retour_annuaire img {
    vertical-align: text-bottom;
}
.retour_annuaire {    
    font-family: 'Open Sans', sans-serif;   
    font-size:.8em;
    display:inline-block!important;
}

.sppb-articles-scroller-date-left-date {
  background: #ec1c24;
}

.sppb-articles-scroller-date-left-content {
  background: #231F20;
} 

.sppb-addon-animated-heading .sppb-addon-title {
  color: #231F20;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  color: #fff;  
  pointer-events: none;
  background-color: #0a8084;
  border-color: #0a8084;
  opacity: 0;
}


.btn-success {
    zbackground-color: #0a8084;      
    
    background-color: #f88e55 !important
}

/*.directions li {
    list-style-type: none;
    background-image: url(../images/icone_direction.png); 
    background-repeat: no-repeat; 
    background-position: left center; 
    padding-left: 30px;   
    line-height: 200%!important;  
}*/

.directions li {
    list-style-type: none;
}

.directions li:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';     
    font-size: 1.5em;       
    content: "\f5eb";  
    color: #0a8084;
    padding-right: 6px;     
    line-height: 200%!important;      
}

ul.directions {
    padding-left: 0px;
}

#flexicontent h1 {
    margin-bottom:30px;
}

.fcfilter_form_component {
    display:none;
}

.ic-info {
  background: none!important;
}

.desc-content h2 {
    margin-bottom: 30px;
}


.flexicontent h2  {
  font-family: 'Poppins', sans-serif;
  font-size: 40px;
  font-weight: 600;
  color: #0a8084;
  zcolor: #504648;  
  margin-bottom: 20px;
}

#zsp-footer, #sp-bottom, #zsp-main-body {
padding-top: 50px;
  padding-right: 0px;
  padding-bottom: 50px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color: #504648;
  background-color:  transparent;  
}

#sp-footer {
    display:none;   
}


.zcontainer {  
  zbackground:#fff;
  zbackground:#fcfcfc;
}
.zcontainer-inner {
    background:#fcfcfc;
    padding:20px;
}

#zsp-bottom.container {  
  zbackground:#fff;
  background: transparent;
}

h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #0a8084;
}

h4 {
    padding-top:30px;
    padding-bottom:20px;    
}

/*[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="accent-lines"][data-rlta-positioning="top"] > [data-rlta-element="button-list"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]) [data-rlta-element="heading"] {*/
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="accent-lines"][data-rlta-positioning="top"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] [data-rlta-element="heading"] {
  font-weight: 700;
  font-size: 1.1em;
  line-height: 1.3em;
  color: #0a8084;  
}


body {
    background-image: url(/templates/shaper_helixultimate/images/fond-page.png);
    background-attachment: fixed;
    background-repeat:  no-repeat;    
}



.puces-pdf li:before {
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';     
    font-size: 1.2em;       
    content: "\f1c1";      
    padding-right: 6px;   
} 

.social-wrap {
font-size: 1.3em;
padding-left: 20px!important;
}

.sp-profile-wrapper {
  font-size: 1.3em;
  z-index: 1000;
}

.zsocial-wrap a:link {
color:#504648!important;
}

.user-text.d-none.d-xl-inline-block {
    display:none!important;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  line-height: 20px;
}

.art-vmenu{
  margin-top: 0;
  background: #0a8084;  
  margin-right: 20px;
  margin-top: 30px;  
  color: #C3B654;
  font-weight: 600;
}


/*.art-vmenu.sp-module:first-child, .art-vmenu.sp-module:first-child { */
.sp-module.art-vmenu:first-child {
  margin-top: 0;
  background: #0a8084;  
  margin-right: 20px;
  margin-top: 30px;  
  color: #C3B654;
}  
  
/* #sp-left .sp-module.art-vmenu:first-child, #sp-right .sp-module.art-vmenu:first-child { */
#sp-left .sp-module, #sp-right .sp-module {
  border-radius : 10px 10px 10px 10px;
}

/* .sp-module.art-vmenu:first-child a:link, #sp-right .sp-module:first-child  a:link { 
.sp-module ul > li > a { */
.sp-module.art-vmenu  ul > li > a {
    color: #fff;
}
/* .sp-module.art-vmenu:first-child a:hover, #sp-right .sp-module:first-child  a:hover { */
.sp-module.art-vmenu ul > li > a:hover {
    color: #F8AA6E;
}

.bx-viewport {
    border-radius : 10px 10px 10px 10px;
}

#users-profile-custom-webauthn, #users-profile-custom-actionlogs, #users-profile-custom-joomlatoken, .me-auto {
    display:none;
}

.bloc_gauche_bdr {
    background:#f88e55;
    margin-right:20px!important;
    color: #fff;
}

.bloc_gauche_bdr a, .bloc_gauche_bdr h3  {
    color: #fff;
}

#ictip {
  background: #f88e55;
  }
  
.ictip-event-title, .titletip, .ictip-info, .ictip-desc {
    color:#fff!important;
}  

.iceventlist-title, .iceventlist-title a {
  font-size: 1.2em;
  color: #fff;
  line-height: 1.3em;
}



.default_eventlist .iceventlist-desc {
  font-size: .9em;
  color: #fff;
  line-height: 1em;
}

.ic-msg-no-event {
  font-size: 0.8em;
  color: #fff!important;  
  text-align: center;
}

.sp-megamenu-parent {
  font-weight: 600; 
  }
  
.convert_form_titre {
  color: #0a8084!important;
  font-family: 'Poppins', sans-serif!important;
  font-weight: 600!important;  
}  

.convertforms.cf-success .cf-response {
  background-color: #f88e55!important;
  }

#ic-top-buttons {
    display:none!important;
}

.ic-date-div {
    background: #f88e55!important;
}

#adminForm_filter_box, .ic-back {
    display:none!important;
}

.mt-2.mb-2.p-1.alert.alert-info {
  --bs-alert-bg: #fff;
  --bs-alert-border-color: #fff;
}

@media print {
    img {
        display:none!important;
    }
}  



.items_ligne3 img, .leaflet-popup-content img {
  display: inline!important;    
}

#sp-header {
  height:  inherit!important;
  }
  
  
.item_total {
        display:none!important;    
}




.row {
    margin-top: 0px;
}

#sppb-addon-1695646674986, #sppb-addon-1695805310407 {
    min-height:360px!important;
}

.ic-button-box.ic-btn-register-ok button.btn.btn-success {
    font-size: 1.2em !important;
    background-color: #f88e55;
    border-color: #f88e55;
}
.ic-button-box.ic-btn-register-ok button.btn.btn-success:hover {
    zbackground-color: #0a8084;
    zborder-color: #0a8084;
}

#icagenda.ic-registration-view {
    font-size:1.1em;
    border-radius: 20px;
    max-width: 600px!important;
    margin: 0 auto;
    padding:30px!important;
    background-color: #0a8084!important; 
zbackground-color: #f88e55!important; 
    color:#fff;   
    font-weight: 700!important;
}

#icagenda {
    font-size:1.1em;
    border-radius: 20px;
    max-width: 1000px!important;
    margin: 0 auto;
    padding:30px!important;

background-color: #0a8084!important; 
    color:#fff;   
    font-weight: 500!important;
}

#icagenda h1 {
    color:#fff!important;     
    }
    
.ic-reg-event-title a {
    color:#fff!important;     
    }    
    
.btn.btn-outline-secondary {
    color:#fff!important;   
    border-color:#fff!important;  
    }
    
.btn-primary.validate {
    background-color: #f88e55!important;     
 }

.btn-secondary.ads {
        display: none !important;
    }    
    
h4.result-title  {
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}    

#system-message-container {
        display: none !important;    
}

a.ic-attachment-link {
    color:#fff!important;
}

#section-id-1699434019079 img.sppb-img-responsive  {
    cursor: default;
}

.com-users-logout {
    padding: 0px 10px 0px 20px; !important;  
    border-radius: 10px; 
	border: 1px solid #ff0000;    
}

/* #jform[name]-desc { */
.form-text {
    color:#c5c5c5 !important;    
}

.iceventlist-venue {  
    color:#ffcfb5 !important; 
}

.ic-value a {
    color:#fff !important;     
}

@media (max-width: 900px) { 
	.container {
		margin-right: 0px!important;
  		margin-left: 0px!important;
        max-width: 100%!important;        
	}
}