/*
				Trouvez la section de ce fichier css qui traite le code du composant désiré
*/
/*			exemples divers*/		*/
.chevron-precedent:before
{
content: url(../../../images/icons/image.gif);
width: 1.2rem;
margin: 0.2rem 0.5rem 0 0;
}
.bouton-rond 
{
color: #fff;
display: inline-block;
width: 8.8rem;
height: 6.8rem;/*+padding*/
border-right: 2.5rem;
background-color: #97c652;
vertical-align: middle;
padding-top:2rem;
-webkit-border-radius:10rem;
-moz-border-radius:10rem;
-o-border-radius:10rem;
border-radius:10rem;
text-decoration: none;
}

.moduletable.ariane
{
position: fixed;
top: 0.2rem;
left: 13rem;
z-index: 99998;
font-size: 1.2rem;
color: #000000;
}
.moduletable.ariane a
{
color: #2C8D24;
}
.moduletable.ariane a:hover
{
color: #7b7b7b;
}
/*******************************************************************************************************/

/********************************************************************/
/*										onglet gauche, droit et onglet bas	/////////////////////////////////////////////*/
.custom.onglet-droit
{
position: fixed;
right: 0px;
bottom: 7rem;
z-index: 9999;
width: 40px;
padding-left: 0.5rem;
padding-top: 0.5rem;
background: #8D9AA7;
opacity: 0.7;
}
.custom.onglet-droit img
, .onglet-bas img
{
width: 35px;
}
.moduletable.onglet-bas
{
background: grey;
padding-top: 1rem;
text-align: center;
}
.onglet-bas
{
display: none;
}
.custom.onglet-gauche
{
position: fixed;
left: 0px;
top: 45rem;
z-index: 9999;
width: 3rem;
padding-left: 0.5rem;
padding-top: 0.5rem;
background: pink;
}
/***********************                  bouton bottom of page and backtop of page                                *******************************/
.modpagecrollbtns.gobottom.label span:last-of-type
, .modpagecrollbtns.backtop.label span:last-of-type
{
 visibility: hidden !important;
}
.modpagecrollbtns.backtop
{
bottom: 34px !important;
}
.modpagecrollbtns.gobottom
{
bottom: 1px !important;
}
.modpagecrollbtns.backtop
, .modpagecrollbtns.gobottom
{
right: -1.5px !important;
max-height: 29px;
max-width: 29px;
}
.modpagecrollbtns.gobottom
, .modpagecrollbtns.backtop
{
border: none;
padding-top: 1px !important;
padding-bottom: 1px !important;
padding-left: 1px !important;
padding-right: 1px !important;
background: rgba(255,255,255,0.6);
-webkit-border-radius: 100px !important;
-moz-border-radius: 100px !important;
border-radius: 100px !important;
-o-border-radius: 100px !important;
}
.modpagecrollbtns.gobottom:hover
, .modpagecrollbtns.backtop:hover
{
padding-top: 1px !important;
padding-bottom: 1px !important;
padding-left: 1px !important;
padding-right: 1px !important;
background: rgba(0,0,0,0.6);
-webkit-border-radius: 100px !important;
-moz-border-radius: 100px !important;
border-radius: 100px !important;
-o-border-radius: 100px !important;
}
.modpagecrollbtns.gobottom img
, .modpagecrollbtns.backtop img
{
vertical-align: middle;
}
.modpagecrollbtns.gobottom:before
{
content: url(../../../images/icons/bottom_30x30_noir.png);
}
.modpagecrollbtns.backtop:before
{
content: url(../../../images/icons/top_30x30_noir.png);
}
.modpagecrollbtns.backtop:hover:before
{
content: url(../../../images/icons/top_30x30_blanc.png);
}
.modpagecrollbtns.gobottom:hover:before
{
content: url(../../../images/icons/bottom_30x30_blanc.png);
}

/***********************************************         parallax                       ******************************************/

/*
div#b15mainw
, #aikon_paralax_189-outer-container
, #aikon_paralax_189
, #aikon_paralax_189-content
, div#b15maina
, div#b15mainz
{
/*height: 40rem;
position: absolute;
}*/
#aikon_paralax_116-content
{
height: 60rem;
position: absolute;
}
/***********************************************         fox contact                    ******************************************/

div.fox-container 
{
padding: 1rem;
}

div.fox-container .fox_form input[type="text"]
, div.fox-container .fox_form textarea
, div.fox-container .fox_form input[type="text"]
, div.fox-container .fox_form textarea
{
font-family: 'open_sansregular';
padding-left: 1rem;
color: #003867;
border-radius: 0px;
font-size: 1.5rem;
border-color: white;
background-color: #e0e0e0;
}
div.fox-container .fox_form input[type="text"]:hover
, div.fox-container .fox_form textarea:hover
, div.fox-container .fox_form input[type="text"]:focus
, div.fox-container .fox_form textarea:focus
{
background-color: #eeeeee;
color: #3084B9;
}
a.modal
{
color: green;
}
a.modal:hover
{
color: red;
}
div.fox-container .btn .btn-success .submit-button
, div.fox-container .btn
{
border-radius: 0px;
background-color: #3F8AC3;
background-image: none;
text-shadow: none;
color: white;
padding-left: 2rem;
padding-right: 2rem;
border-style: none
}
div.fox-container .btn .btn-success .submit-button:focus
, div.fox-container .btn:hover
{
color: #3F8AC3 !important;
background-color: #e0e0e0 !important;
}

/***********************************************         avatar                    ******************************************/
.moduletable .pictos
{
width: 50%;
margin: 0 auto;
}
.avatar-row-fluid .at-block4 /*  le padding diminue la grandeur des cercles   **/
{
padding: 1rem 1rem 1rem 1rem !important;
}
.avatar-cihe .avatar-intro-item-des-wrap
{
background: 50% no-repeat; /*  le background 50% 50% réduit la grosseur du picto   */
background-color: rgba(255,255,255,1);
box-shadow: none;
}
.avatar-cihe-3 .avatar-intro-item-des-wrap .avatar-intro-item-des-bg 
{
background-color: white !important;   
}
.ch-info-content /*   contenu de l'article */
{
top: 0% !important;
max-height: 100% !important;
padding: 0px !important;
margin:  0px !important;
margin-left:   0px !important;
margin-right:   0px !important;
border: none !important;
}
.ch-info-content img
{
width: 100%;
}
/*****************************************  easy blog 			*****************************************/        
/******************************************   accueil  *******************************************************/
div.moduletable.accueil
{
background: url("../../../images/tmpl/accueil-dcm-bg-actus.png") no-repeat;
background-size: cover;
background-position: 50%;
padding-top: 4rem;
}



div#eb.mod_easybloglatestblogs.accueil
{
padding: 0 1rem 8rem;
}
div#eb.mod_easybloglatestblogs.accueil div.mod-items-grid
{
display: flex;
justify-content: space-around;
}
div#eb.mod_easybloglatestblogs.accueil  div.mod-items-grid.clearfix::before
, div#eb.mod_easybloglatestblogs.accueil div.mod-items-grid.clearfix::after
{
position: absolute;
}
div#eb.mod_easybloglatestblogs.accueil div.mod-items-grid > div.mod-grid
{
position: relative;
padding: 2rem;
padding-bottom: 6rem;
/* margin: 0 auto; */
margin: 0 1rem;
/*width: 100% !important;*/
max-width: 40rem;
border: 0.3rem solid #707070;
}
div#eb.mod_easybloglatestblogs.accueil div.mod-items-grid > div.mod-grid div.mod-item
{
/* text-align: center; */
}
div#eb.mod_easybloglatestblogs.accueil div.mod-muted /* date */
{
font-family: 'montserrat-bold';
font-size: 1.8rem;
line-height: 2.3rem;
color: #111C35;
}
div#eb.mod_easybloglatestblogs.accueil div.mod-cell
{
text-align: left;
margin-bottom: 1rem;
}
div#eb.mod_easybloglatestblogs.accueil a.eb-mod-image-cover /* image */
{
border: none !important;
}
div#eb.mod_easybloglatestblogs.accueil div.eb-mod-title
{
text-align: left;
padding-top: 0;
font-family: 'montserrat-black';
font-size: 2.5rem;
line-height: 3rem;
margin-bottom: 1.5rem;
}
div#eb.mod_easybloglatestblogs.accueil div.eb-mod-title a /* titre article */
{
color: #111C35;
}
div#eb.mod_easybloglatestblogs.accueil div.mod-post-type /* catégorie*/
{
display: none;
}
div#eb.mod_easybloglatestblogs.accueil div.mod-post-type a
{
/*color: red;  */  
}
div#eb.mod_easybloglatestblogs.accueil div.eb-mod-body
{
padding: 0;
}
div#eb.mod_easybloglatestblogs.accueil div.eb-mod-body img /* Image */
{
max-width: 100% ;
}
div#eb.mod_easybloglatestblogs.accueil div.eb-mod-foot /* footer*/
{
position: absolute;
bottom: 2rem;
}
div#eb.mod_easybloglatestblogs.accueil div.eb-mod-foot div.mod-cell
{
margin: 0px auto;
text-align: center;
display: inline !important;
}
div#eb.mod_easybloglatestblogs.accueil div.eb-mod-foot div.mod-cell a /* bouton lire la suite*/
{
color: #FFFFFF;
padding: 0.6em 1em;
background: #F3810C;
border: none;
font-family: 'montserrat-bold';
font-size: 1.6rem;
line-height: 2.1rem;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
div#eb.mod_easybloglatestblogs.accueil div.eb-mod-foot div.mod-cell a:hover 
, div#eb.mod_easybloglatestblogs.accueil div.eb-mod-foot div.mod-cell a:focus 
{
background: #FFAF00;
}



div#eb.mod_easybloglatestblogs.accueil div.mod-grid
{
width: 32%;
background-color: white!important;
margin: 0.5rem;
}
div#eb.mod_easybloglatestblogs.accueil div.eb-mod-title
{
padding-top: 1rem;
text-align: center;
}
div#eb.mod_easybloglatestblogs.accueil a.eb-mod-media-title
{
color:#17264C;
font-weight: normal!important;
}
div#eb.mod_easybloglatestblogs.accueil div.eb-mod-body
{
padding: 1rem;
}
div#eb.mod_easybloglatestblogs.accueil div.eb-mod-body img
{
margin-bottom: 1rem;
}
div#eb.mod_easybloglatestblogs.accueil div.eb-mod-foot
{
margin-bottom: 1rem;
}
div#eb.mod_easybloglatestblogs.accueil div.mod-cell
{
display: block !important;
text-align: center;
margin-bottom: 2rem;
}
div#eb.mod_easybloglatestblogs.accueil div.mod-cell a
{
padding: 5px 15px;
background-color: white;
border: 1px solid #17264C;
color: #3C9563;
font-family: 'raileway-extrabold';
}
div#eb.mod_easybloglatestblogs.accueil div.mod-cell a:hover
{
background-color: #3C9563;
color: white;
}

/*********************************************************/

/************************************* m03 div utilisée dans easyblog et easyblog latest pour les références    ***********************/
/*div.m03
{

}
div.m03 h3
{
padding-top: 1rem;
padding-bottom: 1rem;
font-family: 'gotham-bold';
}
div.m03 span
{
font-weight: bold;
}*/
/*********   dans la section suivante, le css easyblog servant aux références avec le wrapper div.references   ***/
div.references div#eb
{
padding: 1rem;
}
div.references div#eb div.mod-items-grid > div.mod-grid /* date */
{
padding-left: 2rem !important;
padding-right: 2rem !important; 
width: 49% !important;
}
div.references div#eb div.mod-muted /* date */
{
color: green !important;    
}
div.references div#eb div.eb-image /* image */
{
border: none !important;
border-radius: none;
width: 100% !important;
}
div.references div#eb div.eb-image-figure /* image */
{
margin: 0px !important;
width: 100%;
}
div.references div#eb a.eb-image-viewport /* image */
{
border: none !important;
border-radius: none;
width: 100% !important;
}
div.references div#eb a.eb-mod-image-cover /* image */
{
border: none !important;
}
div.references div#eb .eb-mod-title
{
display: none;    
}
div.references div#eb .eb-mod-title a /* titre article */
{
color: green;    
}
div.references div#eb div.mod-post-type a /* catégorie*/
{
color: red;    
}
div.references div#eb .mod-cell a /* bouton lire la suite*/
{
color: green;
padding: 8px 15px;
border: 1px solid red;
}
div.references div#eb .mod-cell a:hover /* bouton lire la suite*/
{
background-color: green;
color: red;
}

/***************************************************** right / Blog / recherche / categorie *********/
.rech-blog h3
{
margin-top: 65px;
margin-bottom: 5px;
color: #4b81b7;
}
.rech-blog .mod-btn.mod-btn-primary
{
margin-top: 10px;
margin-left: 203px;
background-color: #4b81b7 !important;
}
div#fd.eb .mod-btn-primary
{
background-color: #4b81b7 !important;
border-color: #4b81b7 !important;
}
.abon-blog
{
margin-top: 30px;
}
div#fd .btn-primary
{
padding-top: 8px;
padding-bottom: 8px;
background-color: #c51162 !important;
border-color: #c51162 !important;
}
.cat-blog h3
{
margin-top: 30px;
margin-bottom: 10px;
color: #4b81b7;
}
.cat-blog a
{
color: #4b81b7;
}
/****** fin   right / Blog / recherche / categorie *********/

/****************************************   dj-gallery          *************************************************************/
.moduletable.cartes #dj-galleryGrid3m131 .dj-slide-in .video-icon
, .moduletable.cartes #dj-slideshow4m164 .dj-slide-in .video-icon 
{
background: url(../../../images/icons/dj-carte.png) no-repeat scroll center center rgba(0, 0, 0, 0) !important;
}
.moduletable.cartes span.video-icon.showOnMouseOver
{
content: (../../../images/icons/cartes.png);
}

/******************************************** OSMAP *****************************/
#osmap 
{
margin-top: 3rem;
margin-bottom: 3rem;
}
#osmap a 
{
text-transform:uppercase;
color: black;
}
#osmap a:hover 
{
color:yellow;
font-family: 'open_sansbold';
}
#osmap li 
{
text-decoration: none;
margin-bottom: 1rem;
font-family: open_sansregular;
}
#osmap .level_1 a
{
font-family: open_sanslight;
color: darkgrey;
}
#osmap .level_1 a:hover 
{
color:yellow;
font-family: 'open_sansbold';
}
#osmap .level_1 li
{
margin-left: 1rem;
}
/**************************************    convert form    ********************************************************************/
div#cf_1
{
margin: 0 auto;
}
div.m-candidature
{
font-family: 'roboto-regular' !important;
padding-left: 6rem !important;
padding-right: 6rem !important;
margin: 0 auto !important;
max-width: 800px !important;
}
div.m-candidature h2
{
font-family: 'poppins-bold' !important;
margin: 0 auto !important;
color: white !important;
font-size: 2rem !important;
line-height: 3rem !important;
font-weight: normal !important;
margin-bottom: 2rem  !important;
}
/*div.m-candidature h2::after
{
font-weight: normal !important;
content: ' ';
width: 90px;
margin: 0 auto;
color: white;
border: 3px solid white;
}*/
div.m-candidature input
, div.m-candidature textarea
, div.m-candidature div
{
border-radius: 10px !important;
}
div.m-candidature div.cf-checkbox-group label
{
color: white !important;
}
div.m-candidature button
{
font-family: 'poppins-bold' !important;
font-size: 2rem !important;
line-height: 2.7rem !important;
text-decoration: none !important;
padding: 0.7rem 6rem !important;
border: 2px solid white !important;
border-radius: 40px !important;
color: white !important;
background-color: transparent !important;
display: inline-block !important;
box-sizing: border-box !important;
white-space: nowrap !important;
}
section.m-contact
{
padding: 1rem;
text-align: center;
}
section.m-contact a
{
color: black;
}
section.m-contact img
{
vertical-align; bottom;
}
section.m-contact h1
{
margin: 0 auto;
text-align: center;
}
section.m-contact hr
{
width: 90px;
margin: 0 auto;
color: #FF422E;
background-color: #FF422E;
border: 2px solid #FF422E;
margin-bottom: 3rem;
}
section.m-contact div.float-right
{
background-color: white;
box-shadow: 2px 2px 10px grey;
width: 40%;
padding-left: 6rem;
padding-right: 6rem;
position: relative;
left: -20rem;
top: 6rem;
text-align: left;
}