/*
				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: #E04F4F;
}
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 			*****************************************/        
div#eb
{
padding: 0px;;
}
div.eb-mod
{
padding: 1rem;
/*margin-left: 50px;*/
}

div.eb-mod-body img
{
width: 100%;
}

div#fd.eb .eb-navbar
{
margin-top: 10px;
}
.eb-post-meta.text-muted a
{
color: #414040;
}
div#fd .btn-danger
{
background-color: #f08403 !important;
border-color: #f08403 !important;
}
div#fd .btn-danger:hover
{
background-color: #4b81b7 !important;
border-color: #4b81b7 !important;
}
.eb-entry-head h1
{
color: #414040;
}
.eb-help-subscribe a
, .eb-help-print a
, .eb-help-bookmark a
, .eb-meta-category.comma-seperator a
{
color: #414040;
}
.eb-category-subscription a
, .eb-category-rss a
{
color: #f08403;
}
.eb-category-subs a
{
color: #4b81b7;
}
.tab-pane.eb-stats-posts.active.eb-responsive.wide.w960 a
{
color: #4b81b7 ;
}
/*#eb *, #eb *:before, #eb *:after {
    background: none;
    margin: 0;
}*/

/* _____________ design easy blog ______________ */


/* ___  module latest news ___   j'ai dû rajouter le wrapper div.lastestblog pour préciser le module à codifier */
div.latestblog div#eb
{
padding: 1rem;
/*margin-bottom: 2rem;*/
}
div.latestblog div#eb div.mod-items-grid
{
margin: 0px !important;
padding: 0px !important;
display: flex !important;
}
div.latestblog div#eb div.mod-items-grid > div.mod-grid
{
width: 31% !important;
margin: 0.25rem auto;
padding: 1rem;
border: 1px solid #E58E1A;
}
div.latestblog div#eb div.mod-items-grid > div.mod-grid div.mod-item
{
text-align: center;
}
div.latestblog div#eb div.mod-muted /* date */
{
/*color: green !important;    */
}
div.latestblog div#eb a.eb-mod-image-cover /* image */
{
border: none !important;
}
div.latestblog div#eb .eb-mod-title a /* titre article */
{
color: black; 
}
div.latestblog div#eb div.mod-post-type a /* catégorie*/
{
/*color: red;  */  
}
div.latestblog div#eb div.eb-mod-foot /* footer*/
{
margin: 2rem auto;
text-align: center;
}
div.latestblog div#eb div.eb-mod-foot div.mod-cell
{
margin: 0px auto;
text-align: center;
display: inline !important;
}
div.latestblog div#eb div.eb-mod-foot div.mod-cell a /* bouton lire la suite*/
{
color: #E58E1A;
padding: 5px 20px;
border: 1px solid #E58E1A;
background: white;
border-radius: 5px;
}
div.latestblog div#eb div.eb-mod-foot div.mod-cell a:hover 
{
color: white;
background: #E58E1A;
}
#eb .eb-mod-thumb .eb-mod-image {
    border: none;
}
#eb .mod-cell, #eb .col-cell {
    margin-left: 1rem;
    padding-bottom: 1rem;
}

/**** date latest ******/
.mod-muted.mod-small.mod-fit {
    margin-top: 1rem;
    margin-left: 1rem;
}
/********************************************* easyblog dans composants.css */


div.mod-grid
{
width: 32%!important;
background-color: white!important;
margin: 0.5rem;
}
#eb .mod-items-grid>.mod-grid {
    border: solid 2px #707070;
}
div.eb-mod-title
{
padding-top: 1rem;
padding-left: 1rem;
}
a.eb-mod-media-title
{
font-family: 'roboto-black';
color: #E04F4F;
font-size: 1.7rem;
}
div.eb-mod-body
{
padding: 1rem;
}
div.eb-mod-body img
{
margin-bottom: 1rem;
}
div.eb-mod-foot
{
margin-bottom: 1rem;
}
div.mod-cell
{
/*display: block !important;
text-align: center;*/
margin-bottom: 2rem;
margin-left: 1rem;
}
div.mod-cell a
{
font-family: 'roboto-regular';
color: #FFF;
padding: 5px 15px;
background-color: #E04F4F !important;
border: 1px solid #E04F4F;
border-radius: 15px;
}
div.mod-cell a:hover
{
transition-duration: 1s;
background-color: #FFF !important;
color: #E04F4F;
}
/**********************************************   convert    ***************************************************************/
div#cf_1
{
margin: 0 auto;
}
div.cf-fields
{
padding: 3rem;
}
div.cf-text-left
{
text-align:center;
}
button.cf-btn
{
background-color:#E04F4F !important;
}
/*********************************************************/

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