@import url('fontawesome.css');        
@import url('brands.css');        
@import url('light.css');  
@import url('regular.css');  
@import url('solid.css');  

.fcfont-icon.icon.icon- {
    width: 60px!important;
    height: 42px!important;
}

.alert-warning {
  --bs-alert-bg: #fff!important;
  --bs-alert-border-color: #fff!important;
}

#flexicontent.btn-group.btn {
	padding: 0 .8rem !important;
}

#flexicontent div div [class^="fcfield-"].fcfont-icon:before,
#flexicontent div div [class*=" fcfield-"].fcfont-icon:before,
#flexicontent div div [class^="fcfield-"].fcfont-icon:after,
#flexicontent div div [class*=" fcfield-"].fcfont-icon:after,
#flexicontent div ul.fcfield-sortables > li [class^="fcfield-"].fcfont-icon:before,
#flexicontent div ul.fcfield-sortables > li [class*=" fcfield-"].fcfont-icon:before,
#flexicontent div ul.fcfield-sortables > li [class^="fcfield-"].fcfont-icon:after,
#flexicontent div ul.fcfield-sortables > li [class*=" fcfield-"].fcfont-icon:after,
#flexicontent div .fc_uploader_row_remove:before,
#flexicontent div .fc_uploader_row_remove:after,
#flexicontent div .fc_img_preview_btn.icon-search:after,
#flexicontent div .fc_img_preview_btn.icon-search:before,
#flexicontent div .fcfield-expand-view.fcfont-icon:before {
	font-size: 1em;
}



/**

 * Gestion MEDIAS

 */

@media (min-width: 768px) {

}

@media (max-width: 767px) {
    


    .pwebbox, .pwebbox *, .pweb-modal, .pweb-modal *, .pwebbox_toggler {
        visibility: hidden;
        display: none !important;
    }
    
    #flexicontent .fc_item_title, #flexicontent .fc_item_title a  {
    font-size: 18px!important; 
    } 
    
    .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover, .art-postheader a.hovered, h2.cattitle {
        font-size: 20px!important;
    }         
    
    #art-main {
        font-size: 13px!important;         
    }

    .hide_mobile {
        display: none !important;
    }

    .art-layout-cell.art-sidebar1, .slideshowck.camera_wrap.camera_amber_skin {
        display: none !important;
    }

    #flexicontent ul.leadingblock.two > li, #flexicontent ul.introblock.two > li {
        width: 94.5%!important;      
        padding: 10px;        
    }     

}
/* --------------------------------------------------------------------------------------------------------*/


.liens_bas {
    text-align:  center;
    zbackground-color: #ff0000;    
}

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

.liens_bas, .liens_bas a {
    font-size:1.2em!important;
}

.liens_bas i {
    font-size:1.4em!important;    
}

.trait_bas {
    border: solid 4px;
    border-color:#205297;
}

.lp-button-wrapper button {
    background: #205297;
    }
    
.art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover, .art-postheader a.hovered, h2.cattitle {
zcolor:#9f3f97!important;
font-style: normal;
font-weight: 700!important;
font-size: 35px!important;
line-height: 1.14!important;
font-family: 'Josefin Sans', sans-serif!important;
letter-spacing: 0.04em!important;
text-align: inherit;

   }    
   
.flexi.infoblock {
    border:  none!important;
    padding:0px!important;
}

#flexicontent .fc_item_title, #flexicontent .fc_item_title a  {
font-size: 26px!important;
line-height: 1.14!important;
font-style: normal;
font-weight: 700!important;
font-family: 'Josefin Sans', sans-serif!important;
letter-spacing: 0.04em!important;
text-align: inherit;   
}

/*.textured-text */
.art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover, .art-postheader a.hovered,
#flexicontent .fc_item_title, #flexicontent .fc_item_title a  {
    zfont-size:1.4em!important;
    background-image: linear-gradient(180deg, #fd63f0 0%, #9f3f97 50%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
    
h1.contentheading {    
    padding-bottom: 10px!important;
}

h2.cattitle {
    color:#205297!important;
}
/* boutons icones */
#flexicontent .buttons > a > i {
    font-size: 25px!important;
}
[class^="icon-"], [class*=" icon-"] {
    width: 20px!important;
    height: 20px!important;
    margin-right: .3em;
    line-height: 30px!important;
}

#flexicontent .buttons > a:not(.btn) {
    line-height: 2em;
    zfont-size: 30px;
    color: #6e6e6e!important;
    zbackground-color: transparent!important;
    background: transparent!important;
    border:  none!important;
}


/* --------- Champs Antennes ---------- */

.fld_mel a, .fld_web a {
    color: #205297!important;
}

.fld_modalites_acces {
    padding-bottom: 10px;   
}


.fld_adresse { 
    margin: 35px!important;  

}

.fld_adresse:before {
    color: #205297!important;    
    display: inline-block;
    font-size: 1.6em;    
    font-family: 'Font Awesome 5 Pro';     
    content: "\f3c5";  
    zmargin: -30px!important;  
    zpadding-right:35px!important;  
    width: 0px;     
    
text-indent: -35px;
  zpadding-left: 35px;    
    
}

.fld_personne-a-contacter:before {
    display: inline-block;
    font-size: 1.4em;    
    font-family: 'Font Awesome 5 Pro';     
    content: "\f007";
    width: 30px;
    color:#205297;     
}

.fld_adresse {
    clear:left;
}

.fld_tel1:before {
    display: inline-block;
    font-size: 1.4em;    
    font-family: 'Font Awesome 5 Pro';     
    content: "\f095";
    width: 30px;
    color:#205297;    
}


.fld_mel:before {
    display: inline-block;
    font-size: 1.4em;    
    font-family: 'Font Awesome 5 Pro';     
    content: "\f1fa";
    width: 30px;
    color:#205297;        
}

.zfld_web:before {
    display: inline-block;
    font-size: 1.4em;    
    font-family: 'Font Awesome 5 Pro';     
    content: "\f08e";    
    width: 30px;    
}

.bloc_localisation {
    clear: right;
}


/* -------------------- Tags --------------------- */
.fc_tags, .fc_tags a:link {
    margin-right:10px;    
    border-radius: 4px;   
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
    text-decoration:none!important;       
    font-size: .9em!important;
    background-color:#205297;  
    line-height: 2.5em!important;
    padding: 5px 10px 8px 10px;
    color: #fff!important;
    font-weight: bold;
    white-space: nowrap  ;
}

.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:5px;  
    color:#fff !important ;     
}

.fc_tags:hover {
    background-color:#eb9c12;   
}

/* .tag_cloud, #flexicloud, */ 

#nuage_tags {
    display: inline-block!important;      
    max-width: 380px!important;
    vertical-align:top;
    zpadding-top: 10px;
}

#flexicloud a.tag1 { 
    font-size: 0.7em!important; 
    font-weight: 100!important; 
    zdisplay:none!important;  
}

#flexicloud a.tag2 { 
    font-size: 0.8em!important; 
    font-weight: 200!important; 
    zdisplay:none!important;  
    }
    


#flexicloud a.ff_tag:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: 1em;
    font-style:  normal!important;
    font-weight: normal!important;
    content: "\f292";
    color:#e7e7e7 ;
    padding-right:0px;       
}


#flexicloud {
    padding: 20px 30px 20px 30px ;
    line-height: 1.4em;
    text-align: center;
}
#flexicloud a.tag3 { font-size: 1.1em!important; font-weight: 400!important; }
#flexicloud a.tag4 { font-size: 1.2em!important; font-weight: 400!important; }
#flexicloud a.tag5 { font-size: 1.3em!important; font-weight: 600!important; }
#flexicloud a.tag6 { font-size: 1.4em!important; font-weight: 600!important; }
#flexicloud a.tag7 { font-size: 1.5em!important; font-weight: 800!important; }
#flexicloud a.tag8 { font-size: 1.6em!important; font-weight: 800!important; }
#flexicloud a.tag9 { font-size: 1.7em!important; font-weight: 800!important; }
#flexicloud a.tag10 { font-size: 1.8em!important; font-weight: 900!important; }

#flexicloud a.tag_color_gris {color:#6e6e6e;}



#flexicloud a.tag_color1 { color:#030900; }
#flexicloud a.tag_color2 { color:#A04098; }
#flexicloud a.tag_color3 { color:#133700; }
#flexicloud a.tag_color4 { color:#1b4d01; }
#flexicloud a.tag_color5 { color:#226001; }
#flexicloud a.tag_color6 { color:#23509A; }
#flexicloud a.tag_color7 { color:#2e7f02; }
#flexicloud a.tag_color8 { color:#318903; }
#flexicloud a.tag_color9 { color:#349102; }
#flexicloud a.tag_color10 { color:#389a03; }

/*
#flexicloud a.tag_color1 { color:#00097f; }
#flexicloud a.tag_color2 { color:#eb9c12; }
#flexicloud a.tag_color3 { color:#009DDF; }
*/
#flexicloud a.tag1 { font-size: .5em!important; font-weight: 600!important; }
#flexicloud a.tag2 { font-size: .5em!important; font-weight: 600!important; }




#flexicloud { margin: 0; }
#flexicloud li { 
    display: inline; 
    
    }
/* 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: #393947;
    color: #fff;
}

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

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


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



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

.mod_flexitagcloud a:hover {
    color: #348488!important;    
}

.mod_flexitagcloud a, .mod_flexitagcloud a:visited, .wrap_bandeau_bas_tagtree  {
  font-family: Abel, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight:  normal!important;
    zcolor:#878787!important;  
}

/* --------------- A modifier dans le template ---------------------------*/

.art-block ul > li::before {
    content: none!important ;
    }
    
ul.art-hmenu > li > a {
    padding: 0 10px!important;    
}   
    
/* ------------------------- bouton ajout activités ---------------------------------------*/
a.fc_addbutton {
    clear: left!important;
}    

.liste_activites:before, .liste_actualites:before, .liste_pdf:before  {
    font-family: 'Font Awesome 5 Pro';
    font-size: 1.4em;  
    font-style:  normal!important;
    font-weight: normal!important;
    color:#205297 ;
    padding-right:5px;   
    width: 30px;      
}

.liste_activites:before {content: "\f0a9";}
.liste_actualites:before {content: "\f1ea";}
.liste_pdf:before {content: "\f1c1";}
    


.field_categories {
    margin: 0px!important;    
}
.element.field_categories:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: 1.4em;  
    font-style:  normal!important;
    font-weight: normal!important;
    content: "\f02b";
    color:#205297 ;
    float: left;

    padding-right:10px;     
}




/* -------------------- CAROUSEL ----------------------------- */
.carousel.mod_flexicontent_wrapper .fcitem_title, .carousel.mod_flexicontent_wrapper .fcitem_title a {
    color: #205297;
    font-size: 100%;
}

.carousel.mod_flexicontent_wrapper .fc_block {
    line-height: 125%;
}


    
.carousel.mod_flexicontent_wrapper .fcitem_readon a.readon, .carousel.mod_flexicontent_wrapper .fcitem_readon a.readon span {     
    background-color: transparent!important;
    color: #205297!important;
     text-decoration:none!important;
    font-weight: normal!important;   
    zpadding-bottom:15px!important;            
    }

.carousel.mod_flexicontent_wrapper .fcitem_title, .carousel.mod_flexicontent_wrapper .fcitem_title a, .carousel.mod_flexicontent_wrapper, .fcitem_title a:hover  {
    text-shadow:none;
    vertical-align: top!important;
    padding: 0px 0px;
    margin: 0px 0px;
    font-weight: normal!important;
}

.carousel.mod_flexicontent_wrapper .fcitem_date {
    background: none;
    padding: 2px 6px 2px 10px!important;
    font-size: 80%;    
}

.carousel.mod_flexicontent_wrapper .content_standard {
    padding: 0px 0px 0 0px!important;
}

.carousel.mod_flexicontent_wrapper .fcitem_title:hover a,
.carousel.mod_flexicontent_wrapper .fcitem_title a:hover {
	text-shadow: none;
}

.fcitem_readon {
    display:none!important;
}

.mod_flexicontent_standard_wrapper_innerbox {
    font-size: 14px!important;
    zbackground-color: #e2ebff!important;    
    zbackground-color: #ebe9ec!important;
    background-color: #FAFAFA!important;    
    margin-left:10px!important;
    margin-right:10px!important;   
    padding: 10px!important;    
}    

.titre_actus {
    color:#FF0000!important;
}
.news.mod_flexicontent_wrapper .content_standard {
    padding: 12px 0px 0 0px;
}

/* ----------------------------------------------------------------------*/
.art-button {
    padding-bottom:8px!important;
    }

.btn-primary {
    background-color: #205297!important;
    color: #fff!important;  
    padding-bottom:4px!important;      
}   

.btn-primary a:hover {
    color: #fff!important;  
    font-weight:bold!important;     
}   
 
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea {
    padding: 6px 8px !important;    
}

span.flexi.label {
    padding-left:6px!important;
    padding-right:6px!important;    
}

#item_total {
    display:none!important;
}

/* ---------------------- Loader en CSS ------------------------------------------------*/
#cssload-loader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 459px;
	height: 459px;
	margin: auto;
}
#cssload-loader .cssload-dot {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 229.5px;
	height: 100%;
	margin: auto;
}
#cssload-loader .cssload-dot:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 229.5px;
	height: 229.5px;
	border-radius: 100%;
	transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
}
#cssload-loader .cssload-dot:nth-child(7n+1) {
	transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
}
#cssload-loader .cssload-dot:nth-child(7n+1):before {
	background: rgb(0,255,128);
	animation: cssload-load 1.64s linear 0.21s infinite;
		-o-animation: cssload-load 1.64s linear 0.21s infinite;
		-ms-animation: cssload-load 1.64s linear 0.21s infinite;
		-webkit-animation: cssload-load 1.64s linear 0.21s infinite;
		-moz-animation: cssload-load 1.64s linear 0.21s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n+2) {
	transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
}
#cssload-loader .cssload-dot:nth-child(7n+2):before {
	background: rgb(0,255,234);
	animation: cssload-load 1.64s linear 0.41s infinite;
		-o-animation: cssload-load 1.64s linear 0.41s infinite;
		-ms-animation: cssload-load 1.64s linear 0.41s infinite;
		-webkit-animation: cssload-load 1.64s linear 0.41s infinite;
		-moz-animation: cssload-load 1.64s linear 0.41s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n+3) {
	transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
}
#cssload-loader .cssload-dot:nth-child(7n+3):before {
	background: rgb(0,170,255);
	animation: cssload-load 1.64s linear 0.62s infinite;
		-o-animation: cssload-load 1.64s linear 0.62s infinite;
		-ms-animation: cssload-load 1.64s linear 0.62s infinite;
		-webkit-animation: cssload-load 1.64s linear 0.62s infinite;
		-moz-animation: cssload-load 1.64s linear 0.62s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n+4) {
	transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
}
#cssload-loader .cssload-dot:nth-child(7n+4):before {
	background: rgb(0,64,255);
	animation: cssload-load 1.64s linear 0.82s infinite;
		-o-animation: cssload-load 1.64s linear 0.82s infinite;
		-ms-animation: cssload-load 1.64s linear 0.82s infinite;
		-webkit-animation: cssload-load 1.64s linear 0.82s infinite;
		-moz-animation: cssload-load 1.64s linear 0.82s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n+5) {
	transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
}
#cssload-loader .cssload-dot:nth-child(7n+5):before {
	background: rgb(42,0,255);
	animation: cssload-load 1.64s linear 1.03s infinite;
		-o-animation: cssload-load 1.64s linear 1.03s infinite;
		-ms-animation: cssload-load 1.64s linear 1.03s infinite;
		-webkit-animation: cssload-load 1.64s linear 1.03s infinite;
		-moz-animation: cssload-load 1.64s linear 1.03s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n+6) {
	transform: rotate(270deg);
		-o-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
}
#cssload-loader .cssload-dot:nth-child(7n+6):before {
	background: rgb(149,0,255);
	animation: cssload-load 1.64s linear 1.23s infinite;
		-o-animation: cssload-load 1.64s linear 1.23s infinite;
		-ms-animation: cssload-load 1.64s linear 1.23s infinite;
		-webkit-animation: cssload-load 1.64s linear 1.23s infinite;
		-moz-animation: cssload-load 1.64s linear 1.23s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n+7) {
	transform: rotate(315deg);
}
#cssload-loader .cssload-dot:nth-child(7n+7):before {
	background: magenta;
	animation: cssload-load 1.64s linear 1.44s infinite;
		-o-animation: cssload-load 1.64s linear 1.44s infinite;
		-ms-animation: cssload-load 1.64s linear 1.44s infinite;
		-webkit-animation: cssload-load 1.64s linear 1.44s infinite;
		-moz-animation: cssload-load 1.64s linear 1.44s infinite;
}
#cssload-loader .cssload-dot:nth-child(7n+8) {
	transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
}
#cssload-loader .cssload-dot:nth-child(7n+8):before {
	background: rgb(255,0,149);
	animation: cssload-load 1.64s linear 1.64s infinite;
		-o-animation: cssload-load 1.64s linear 1.64s infinite;
		-ms-animation: cssload-load 1.64s linear 1.64s infinite;
		-webkit-animation: cssload-load 1.64s linear 1.64s infinite;
		-moz-animation: cssload-load 1.64s linear 1.64s infinite;
}



@keyframes cssload-load {
	100% {
		opacity: 0;
		transform: scale(1);
	}
}

@-o-keyframes cssload-load {
	100% {
		opacity: 0;
		-o-transform: scale(1);
	}
}

@-ms-keyframes cssload-load {
	100% {
		opacity: 0;
		-ms-transform: scale(1);
	}
}

@-webkit-keyframes cssload-load {
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes cssload-load {
	100% {
		opacity: 0;
		-moz-transform: scale(1);
	}
}



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

#flexicontent ul.leadingblock > li, #flexicontent ul.introblock > li {
    border-top:  none;
    margin: 5px 0 5px 0;
padding: 0px 0 0px 0;     
    }
    
.art-postcontent {
    width:100%!important;
    }
    
div span.fc_categories, div span.fc_tags {
    border-bottom: none;
}    

img.fc_field_image {
    border: none!important;
    }
    
.logos-partenaires {
display : table;
 margin : 0 auto;
}

/* hasTyp de joomla à désactiver et tooltip à parametrer cf ci-dessous fixe bug ascensseur */

.tip-wrap { display: none !important; } 
 
.tooltip {
    background:  black!important;    
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    font-family: arial;
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}


.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip-inner {
  max-width: 300px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

/* Fixe bug sur tooltyp */
.tooltip {
    background: transparent!important;
    border:none!important;    
    }
/* Fixe bug sur ascensseur horizontal */
.group {
    overflow: hidden !important;
   } 
/*-----------------------------------------*/    
/* Fixe pb sur logo francedep dans menu (cache les bordures) */   
ul.art-hmenu > li.item-139 > a.active, ul.art-hmenu > li.item-139 > a:hover {
    border-top: 3px solid transparent!important;
}  
/*-----------------------------------------*/    

.news.mod_flexicontent_wrapper .fcitem_title, .news.mod_flexicontent_wrapper .fcitem_title a {
    color: #A04098;
}

.art-sheet.clearfix {
    border-top:solid 6px;
    border-bottom:solid 6px;    
    border-color: #205297;
}

/* ########################################################################################### */
.texte_bleu {
    color:#60c6c9!important;
}

.texte_vert {
    color:#C3B654!important;
}

.texte_saumon {
    color:#F8AA6E!important;
}

.texte_gris {
    color:#231F20!important;
}

.puce_ronde_saumon, .puce_ronde_gris , .puce_ronde_bleu , .puce_ronde_vert {
    }
    
.puce_ronde_saumon li, .puce_ronde_gris li , .puce_ronde_bleu li , .puce_ronde_vert li {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left top 10px !important;
  	padding-left: 15px !important;
    margin-left: 0px!important;
}

.puce_ronde_bleu li {
	background-image: url(../images/puce_ronde_bleu.png);
}

.puce_ronde_gris li {
	background-image: url(../images/puce_ronde_gris.png);
}

.puce_ronde_saumon li {
	background-image: url(../images/puce_ronde_saumon.png);
}

.puce_ronde_vert li {
	background-image: url(../images/puce_ronde_vert.png);
}


.puce_carre_saumon, .puce_carre_gris, .puce_carre_bleu, .puce_carre_vert {
    }
.puce_carre_saumon li, .puce_carre_gris li, .puce_carre_bleu li, .puce_carre_vert li {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left top 10px !important;
  	padding-left: 15px !important;
    margin-left: 0px!important;    
}

.puce_carre_bleu li {
	background-image: url(../images/puce_carre_bleu.png);
}

.puce_carre_gris li {
	background-image: url(../images/puce_carre_gris.png);
}

.puce_carre_saumon li {
	background-image: url(../images/puce_carre_saumon.png);
}

.puce_carre_vert li {
	background-image: url(../images/puce_carre_vert.png);
}

.parag_decale_50 {
    margin-left: 50px!important;
    margin-right: 30px!important;
}

.parag_decale_100 {
    margin-left: 100px!important;
    margin-right: 30px!important;
}

.parag_decale_150 {
    margin-left: 150px!important;
    margin-right: 30px!important;
}

.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: #60c6c9; 
    -moz-border-radius: 60px;
    border-radius: 60px;
    font-weight: bold;
    font-size: 0.8em;
    color: white;		
}

.tableau_m1 {
  width:100%;
  ztable-layout: fixed;
  font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif!important;
  margin : 0px auto!important;
}

.tableau_m1 caption {
  font-size:1.4em;
  color:#ffffff;
  background-color: #5d625c;
  border:0px solid #fff;
}
.tableau_m1 th {
  background-color: #6e6e6e;
  color: #ffffff;
  
  font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;
  zfont-weight: lighter;    
}
.tableau_m1 td {
    padding:8px!important;
    margin: 2px;
    border:2px solid #fff;    
}
.tableau_m1 tfoot td {
  color:#fff;
  background-color:#999690;
  zborder-top:1px solid #5d625c;
  border-bottom:0px solid #5d625c;
}

.zebre tbody tr:nth-child(odd) {
  background-color: #ededed;
  border-bottom:0px solid #fff;
  color:#444;
}
.zebre tbody tr:nth-child(even) {
  background-color: #fefefe;
  border-bottom:0px solid #fff;
  zcolor:#fff;
}
.zebre tbody tr:hover:nth-child(odd), .zebre tbody tr:hover:nth-child(odd) li {
  background-color: #999690;
  color:#ffffff;
}
.zebre tbody tr:hover:nth-child(even), .zebre tbody tr:hover:nth-child(even) li {
  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;
  zwidth: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;
}
.cell_tableau_m1, .titre_tableau_m1 {
  valign:middle;
}
/*------- CSS Nathalie --------------------------------------------------------*/
.para_trame_saumon, .para_trame_bleu,.para_trame_gris, .para_trame_vert {
	padding: 10px;
	color: #FFF;
    padding: 20px;
}
.para_trame_saumon {
	background-color: #F8AA6E;
}
.para_trame_bleu {
	background-color: #23509A;
}
.para_trame_gris {
	background-color: #231F20;
}
.para_trame_vert {
	background-color: #C3B654;
}
.para_trait_gauche_saumon, .para_trait_gauche_bleu,.para_trait_gauche_gris, .para_trait_gauche_vert {
	border-left-width: 6px;
	border-left-style: dotted;
	padding-left: 10px;
}
.para_trait_gauche_saumon {
	border-left-color: #F8AA6E;
}
.para_trait_gauche_bleu {
	border-left-color: #23509A;
}
.para_trait_gauche_gris {
	border-left-color: #231F20;
}
.para_trait_gauche_vert {
	border-left-color: #C3B654;
}
.mise_en_evidence_gris p, .mise_en_evidence_saumon p, .mise_en_evidence_vert p, .mise_en_evidence_bleu p,
.mise_en_evidence_gris, .mise_en_evidence_saumon, .mise_en_evidence_vert, .mise_en_evidence_bleu  {
	font-size: 1.1rem;
    line-height:110%;
	font-style: italic;
}
.mise_en_evidence_gris p, .mise_en_evidence_gris {
	color: #231F20;
}
.mise_en_evidence_saumon p, .mise_en_evidence_saumon {
	color: #F8AA6E;
}
.mise_en_evidence_vert p, .mise_en_evidence_vert {
	color: #C3B654;
}

.mise_en_evidence_bleu p, .mise_en_evidence_bleu {
	color: #23509A;
}

.paragraphe_retrait_1, .paragraphe_retrait_2, .paragraphe_retrait_3 {
	margin-right: 2em !important;
}

.paragraphe_retrait_1 {
	margin-left: 2em !important;

}
.paragraphe_retrait_2 {
	margin-left: 4em !important;  
}

.paragraphe_retrait_3 {
	margin-left: 6em !important;       
}

.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: #23509A;
}
.trait_vertical_saumon {
	border-color: #F8AA6E;
}
.trait_vertical_vert {
	border-color: #C3B654;
}

/*------- FIN CSS Nathalie --------------------------------------------------------*/
/* classe pour éditeur JCE */
.editeur_jce {
  font-family: 'Crimson Text', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif!important;
  line-height: 150%!important;    
  font-size: 22px!important;
  font-weight: normal!important;
  font-style: normal!important;
}


/* ####################### CSS Colonnes ############################ */

.colonnes_2 {
    -webkit-column-count:2; /* Opera, Safari, Google Chrome */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; /* Internet Explorer */ 
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
}   
.colonnes_3 {
    -webkit-column-count:3; /* Opera, Safari, Google Chrome */
    -moz-column-count: 3; /* Firefox */
    column-count: 3; /* Internet Explorer */ 
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
}   

.colonnes_4 {
    -webkit-column-count:4; /* Opera, Safari, Google Chrome */
    -moz-column-count: 4; /* Firefox */
    column-count: 4; /* Internet Explorer */ 
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
}      
.colonnes_2, .colonnes_3, .colonnes_4  {    
    -webkit-column-rule: 1px solid #7e7e7e;
    -moz-column-rule: 1px solid  #7e7e7e;
    column-rule: 1px solid  #7e7e7e;   
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.colonnes_padding {
    padding-top: 1em;
  	padding-bottom: 1em;
	padding-right: 4em;
  	padding-left: 4em;
}
/* #################################################################################### */
dl, ol, ul {
  list-style: none;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
  display:none;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: rgba(35,80, 154, 0.9);
  color:#fff;
}

.sp-dropdown li.sp-menu-item > a {
  color:#fff!important;
}

.sp-dropdown li.sp-menu-item > a:hover {
  color:#f6f6f6!important;
}

#sp-footer, #sp-bottom {
  background: #fff!important;
  color: #000!important;
}

#sp-footer a, #sp-bottom a {
  background: none;
  color: #000;
}

/* .social-share-block { */
.article-ratings-social-share {
    display:none!important;
}

#dv_liens a:hover {
    color:#000!important;
}

div .fc_image_thumb {
  padding-left:20px;
  padding-bottom:20px;    
  float: right;
}  

.ss-controls {
    display:none!important;
}

.mod_flexicontent_standard_wrapper_innerbox {
  margin-bottom: 20px;
  }
  
.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;
}


.tableau {
  width:100%;
  table-layout: fixed;
  font-family: 'PT Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  margin : 0 auto!important;
}
.tableau caption {
  font-size:1.4em;
  color:#ffffff;
  background-color: #5d625c;
}
.tableau th {
    background-color: #0000ff;
    color: #ffffff;
    font-weight: lighter;    
    padding:8px!important;
    text-align:center;
}
.tableau td {
    padding:8px!important;
    text-align:center;    
}