/******************************
 STYLE 06 - ANNUAIRE   
 DATE MAJ : 04/10/2017
 changement comportement : 
   - affichage menu gauche à 960px
   - affichage colonne Droite à partir 1120px 
 Liste des couleurs à adapter
 	#4e8b9f  ->#COUL1# : couleur des titres dans les contenus
 	#b9d8e3 -> #COUL2# couleur fond menu gauche ( mobile + pc )
 	#9bd4e8 -> #COUL3# couleur des séparateurs dans le menu gauche ( mobile)
 	#83b4c4 -> #COUL4# couleur de fond du menu horizontal
	#cedef3 -> #COUL5# - Header
********************************/
ul.c_menu_v a:hover {
	background:#d8ebf1;	
}

.c_backhome
{
	position:absolute;		
	width:200px;
	height:100%;
	left:60px;
}

.c_lib_domaine
{
    margin-left: 88px;
    margin-top: 0px!important;
    display: inline-block;
    font-size: 1.1rem;
    color: #83b4c4;
    font-weight: 600;
    font-style: italic;
}

@media (min-width: 360px) {
.c_lib_domaine{margin-left: 107px;}
}


@media (min-width: 480px) {
.c_lib_domaine{margin-left: 167px;}
}

@media (min-width: 760px) {
.c_lib_domaine{
    margin-left: 170px;
    margin-top: 15px!important;
    display: inline-block;
    font-size: 1.5rem;
}
}


/*style pour affichage de Annonces Google au dessus de publicité*/
.active{background:#4e8b9f!important}

.c_visible_760_et_plus{display:none;}

@media (min-width: 480px) {
.c_visible_320_360{display:none;}
}

@media (min-width: 760px) {
.c_visible_0_759{display:none;}
.c_visible_760_et_plus{display: inherit;}
}

.c_resolution_trop_basse
{
	border:1px dashed red;
	padding: 15px;
	border-radius:10px;
	margin: 20px;
}

.td_sans_entourage
{
	border:0px ! important;
	margin-top: 0px;
}

.floatLeft{float:left;}

/** contenu tarot : composition tarots - décalage image*/
/*.contenu_tarot_mr10px{margin:5px;}*/
.PoliceBleueTitre
{
	display: inline-block;
	/* #COUL1# : des titres dans le contenu*/
    color: #4e8b9f;
    font-size: 2.0rem;
    padding: 4px;
}

.PoliceBleue
{
	/*#COUL1#*/
    color: #4e8b9f;
}

.OptionsMenuInterne
{
	display:inline-block;
	height:40px;
	line-height: 40	px;
	width: 100%;
	text-align: center;
	font-size: 1.6rem;
}

/********************************/
/** résolution 320-480px  **/
/********************************/

a {text-decoration:none;color:inherit}

.boite_news_conteneur
{
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px solid #336699;
    border-left: 0;
    border-right: 0;
}

.boite_news_titre {
    position: absolute;
    top: -11px;
    left: 12px;
    width: 200px;
    margin: 0;
    padding: 0px;
    padding-left: 10px;
    border: 1px solid #336699;
    background-color: #FEFEFE;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.boite_news_contenu {
    margin: 0;
    padding: 10px;
    padding-top: 25px;
    border: 0;
    text-align: justify;
}


.pubContenuAGauche1120{
	display: none;
	width: 336px;
	float:left;
	margin: -10px 10px -13px 0px;
}
.pubContenuAGauche{margin-left: 5px;}

.invisible {display:none;}
.block {display:block;}
blockquote {
    position: relative;
    padding-left: 1rem; 
    padding-right: 1rem;
}

/* Definition des formats de publicité */
/* BAS DE PAGE */

.pubColonneDroite
{
	width:160px;
	height: 600px;
	margin:0 auto;
}

.hamburger-domaine {
	position:absolute;
	background: url('site-images/menu-rwd.png') no-repeat top left; 
	background-position: -0px -22px; 
	width: 22px; 
	height: 22px; 
	display:inline-block;
	top:13px;
	right:20px;
}

.hamburger-domaine p{
    font-size: 1.1rem;
    position: absolute;
    top: 15px;
    left: -13px;
    color: #0;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  	margin-top:5px;	  	
}


.menu-domaines {
	position:relative;
	padding-right:15px;
	padding-top:15px;	
	height: 50px;	
}

.hamburger-options {
	position:absolute;
	display:inline-block;
	background: url('site-images/menu-rwd.png') no-repeat top left;	
	background-position: -0px -0px; width: 24px; height: 22px;	
	top:13px;
	left:15px;
}

.hamburger-options p{
    font-size: 1.1rem;
    position: absolute;
    top: 15px;
    left: -2px;
    color: #000;
  	margin-top:5px;	    
}

.menu-options {
	padding-left:14px;
	padding-top:12px;
	height: 50px;	
}

.header 
{
    float: left;
    width: 100%;
    /*#	h - Couleur de l'entete*/
    background: #cedef3;
    max-width: none;
    z-index: 101;
    position: relative;
    height: auto;
}

.menu_h
{
	display: none;
	line-height:1em;
	font-size: 1.0em;	
	/* #COUL4# */	
    background: #83b4c4;
}

.nav_h_g{width:15%;height:100%;}

.nav_h_m{
	width:100%;
	margin: auto;
	height: 55px;
}

.logo_h
{
	width:200px;
	height: 50px;
	background-image: url(site-images/banniere_accueil_320.png);
	background-size: 100% 100%;
	margin:auto;
}

.nav_h_d{width:15%;height:100%;text-align:right;}
.colonne_g{width:0px;}
.colonne_d{width:160px;display:none;position:relative;}

/****************************************/
/* Responsive : activation menu options */ 
.sidenav.responsive{
	display:inline;
    width: 100%;
    margin-left:0px;
    z-index:6000;
    top:-1px;      
}


	#idSiteCache.responsive,#idSiteCacheDomaine.responsive {
       display: block;
       position: absolute;
       top: 54px;
       left: 0;
       right: 0;
       bottom: 0;
       background-color: rgba(0, 0, 0, 0.6);
	   z-index:5000;
}

#idSiteCacheDomaine.responsive {
       top: -1px;
}


/***************************************/
/* Navigation Verticale */
/***************************************/

.sidenav {
    width: 0;
    max-width: 760px;
    position: absolute;
    z-index: 1001;
    top: 0;
    left: 0;
	margin: 0;
	padding: 0;
	/* COULEUR : fond dans le menu de gauche - Mobile et PC*/
	/*#COUL2#*/
    background-color: #b9d8e3;
    overflow-x: hidden;
    list-style-type: none;
	display:none;
}


ul.c_menu_v {
	padding:0;
	margin:0;
	color:black;
	list-style-type:none;
}

ul.c_menu_v li{
	padding:0 10px 2px 10px;
}	


ul.c_menu_v a{
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 5px 0 5px 10px;
    text-decoration: none;
    color: #111;
    display: block;
    margin: 2px;
    background: #a0cede;
    border-radius: 10px;
}

ul.c_menu_v li.titre_s_menu{
	background-position: -500px 5px;
	text-transform: uppercase;
	/* COULEUR : couleur titre des séparateurs dans le menu de gauche - version mobile*/
	/* #COUL3# */
	background-color: #83b4c4;

	font-size:1.4rem;
	line-height:2.0rem;	
	font-weight:bold;
	padding: 5px 10px;
	margin-bottom: 10px;
}



/******************/
/** Navigation horizontale **/
.div_menu_50
{
	display: inline-block;	
	float:left;
	width: 50%;
}

#idMenuDomaine {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
/* COULEUR : Version mobile + PC - couleur fond menu horizontal*/  
/* #COUL4# */
  background-color: #83b4c4;
}

/*ul.cMenuDomaine li {float: left;}*/

#idMenuDomaine li a {
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
  font-size: 1.3rem;
  line-height:1.4rem;
  border:1px solid #ffffff;
  border-left: 0;	
}

@media (min-width: 360px) {
#idMenuDomaine li a {
  font-size: 1.4rem;
 }
}

@media screen and (max-width:960px) {
  #idMenuHaut.responsive{display:inline;}	
  #idMenuDomaine.responsive {position: relative;display:block;}
  #idMenuDomaine.responsive li {float: none;display: inline;}
  #idMenuDomaine.responsive li a {display: block;text-align: center;}
}
 
/** Squelette de la Page **/

/********************************/
@media (min-width: 360px) {
	.wrapper{width: 360px;}
	.pubContenuAGauche{margin-left: -9px;}
	.c_backhome{width:230px;}

	blockquote {
	    padding-left: 2rem; 
	    padding-right: 2rem;
	}	

}

@media (min-width: 480px) {

	.wrapper{width:480px;}
	.c_backhome{width:350px;}
	.boite_news_conteneur
	{
	    position: relative;
	    margin: 5px;
	    border: 1px solid #336699;
	    -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    border-radius: 10px;  	
	}

	.pubNews336
	{
		width:336px;		
		margin:10px auto;
	}
	.pubContenuAGauche{
		width: 336px;
		margin: -5px auto;
	}

	/* Réduction des espaces pour les menus G et D on passe à 10%*/
	.nav_h_gs{ width:10%;}
	.nav_h_ms{ width:80%;}
	.nav_h_ds{ width:10%;}


}

@media (min-width: 760px) {
	/*.PoliceBleueTitre{font-size: 3.0rem;}	*/
	blockquote {
	    padding-left: 3rem; 
	    padding-right: 3rem;
	}	
	.header{background-color:#fff;}
	.contenu {
		overflow: visible;	
	}
	/*
	#search_box {
		position:absolute;
		top:-62px;
		left: 365px;	
	    width: 355px;	
	}*/

	.contenu{padding:0px;}
	.wrapper{width:760px;}
	.c_backhome{width:620px;}

	.pubNews336
	{
		margin: 5px 15px 0 0;
		width: 336px;		
		float:left;
	}

	.pubContenuAGauche{
		width: 728px;
		margin: -5px -12px;
	}	


	/*.hamburger-options {width: 26px;}	*/
	.menu-options {
		padding-left:9px;
		padding-top:40px;
		height: 90px;	
	}

	.menu-domaines {
		padding-top:40px;	
		height: 90px;	
	}

	.hamburger-domaine {
		background-position: -0px -44px;
	    top: 40px;
	    right: 35px;
	}
	.hamburger-domaine p{color:#000;}
	
	.hamburger-options{
		top: 40px;
    	left: 20px;
	}
	
	/* Réduction des espaces pour les menus G et D on passe à 10%*/
	.nav_h_gs{ width:6%;}
	.nav_h_m{ height:100%;}
	.nav_h_ds{ width:6%;}
	.div_menu_50
	{
		display: inline-block;	
		float:left;
		width: 33.33%;
	}
	
	.logo_h
	{
		width:760px;
		height: 90px;
		background-image: url(site-images/banniere_accueil_760.png);
	}
	#idSiteCache.responsive {top: 90px;}	
}


@media (min-width: 960px) {
	/*
	#search_box {
		top:-100px;
		left: 143px;	
	    width: 600px;	
	}
	*/
	.wrapper{width:960px;}
	.header{border:0;}
	.contenu{width:760px;}
	.cFondPage{background-position: 0 0;}	
	.c_backhome{display:none}
	.colonne_g
	{
		width:200px;
		display:inline;	
	}

	.sidenav {
		width: 200px;
		position: relative;
	}


	.sidenav.responsive{
		display:block;
	    box-shadow: 0px 0px 0px;
		width: 200px;
	    margin: 0;
    	top: 0;	    
	}

	ul.c_menu_v li.titre_s_menu{
		text-transform: none;
		/* COULEUR : couleur titre des séparateurs dans le menu de gauche - version PC*/
		/* #COUL2# */
		background-color: #b9d8e3;
	}
	ul.c_menu_v li{background-position: 12px 5px;}	

	/* Réduction des espaces pour les menus G et D on passe à 5%*/
	.nav_h_g {display:none;}
	.nav_h_m{ width:100%;}
	.nav_h_d {display:none;}

	/* Les options du menu HAUT visibles et entier*/
	#idMenuHaut{display: inline-block;}
	.div_menu_50{width: 100%;}

	.logo_h
	{
		width:960px;
		height: 90px;
		background-image: url(site-images/banniere_accueil_960.png);
	}

	.menu_h
	{
		height: 36px;
		width:100%;
		border-top: 1px solid #ffffff;	
		border-bottom: 1px solid #ffffff;	
	}
	
	#idMenuDomaine li {
		float: left;
		border-left:1px solid #fff;
		padding:0 2px 0 2px;
		}	

	#idMenuDomaine li:first-child {border-left: 0px;}	
	#idMenuDomaine li:last-child {border-right:1px solid #fff;}	
	
	/* #COUL4# */
	#idMenuDomaine li a {background:#83b4c4;border:0;border-bottom:1px solid #ffffff;}
	
	/* COULEUR : couleur lors du survole des options du menu horizontal - Version PC pas de version Mobile*/
	/* #COUL1# */
	#idMenuDomaine li a:hover {background-color: #4e8b9f;}
	#idMenuDomaine{display: inline-block;}
		  
	.sidenav.responsive{top:-36px;}
	#idSiteCache.responsive,#idSiteCacheDomaine.responsive {display: none;}
}

@media (min-width: 1120px) {
	.cFondPage
	{
		background-position: 0 0;
	}	

	.header{background-color:#fff;}

	.logo_h{
		width:1120px;
		height: 117px;
		background-image: url(site-images/banniere_accueil_1120.png);
	}

	.wrapper{width:1120px;}
	
	/* Réduction des espaces pour les menus G et D on passe à 5%*/
	.nav_h_g {display:none;}
	.nav_h_m{ width:100%;}
	.nav_h_d {display:none;}

	.colonne_d{display:inline;}
    	
	.sidenav{width:200px;position:relative;}

	.sidenav.responsive{
		display:block;
	    box-shadow: 0px 0px 0px;
		width: 200px;
	    margin: 0;
    	top: 0;	    
	}


	.pubHautDePage
	{
		position: relative;
	    top: 15px;
	    left: 387px;
	}		

	.pubContenuAGauche{
	/*display: none;*/
		width: 336px;
		float:left;
		margin: -10px 10px -13px 0px;
	}

	.pubContenuAGauche1120{
	/*display: none;*/
		display: block;
		width: 336px;
		float:left;
		margin: 12px 10px -26px 0px;
	}

	#idSiteCache.responsive,#idSiteCacheDomaine.responsive {display: none;}	
}