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



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




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



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