/**

 * générique

 */



 html

{

overflow-x: hidden

} 



.main-container{

	/*margin-top:-90px;*/

	

	margin-top:0px;

	

}





p,div {

	

color:#0c0c2b;	

}



a {

	

color:#e5318f;

text-decoration:none;

}

a:hover {

	

color:#31466c; 

text-decoration:underline;



}



a:visited {

	

color:#b00350;	

}



a:active{

	

color:#fb8ad1;	

}





h1{

	font-size:1.8em;

	

}





h2{

	

	

}



#toolbar-administration {

z-index: 10000;

position: relative;

}



.adminBottom,.adminBottom ul li,.adminBottom div ul li{



	background-color:#000;

	color:#FFF;

			 

}



/*

*Colonne page accueil

*

*/



/*

[role="heading"]{

	

	padding-left:-5;

	padding-right:-5;

}

*/



.node-type-page-de-base-accueil  > .main-container > .row



{

	width:80%;

	margin-left:auto;

	margin-right:auto;

}



.node-type-page-de-base-accueil > .main-container > .row > .col-sm-3{

	

/*min-width: 32%;	

max-width: 100%;*/



max-width: 96%;	

	min-width: 0%;



}



.node-type-page-de-base-accueil  > .main-container > .row > .col-sm-6{

	text-align:center;

	

	max-width: 100%;	

	min-width: 30%;	

/*	width: 50%;

width: auto;	*/

	

}



.node-type-page-de-base-accueil  > .main-container > .row > .col-sm-6 .page-header {

	display:none;

	

}







/*  image background accueil */

/*

.image_menu_accueil{

  width: 100%;

 height: 100%;

 

 

 position: fixed;

 top: 0px;

 left: 0px;

 z-index: -2000; 

 background: no-repeat center center fixed;



 -webkit-background-size: cover;

 -moz-background-size: cover;

 -o-background-size: cover;

 background-size: cover;

}







<script type="text/javascript">

// I wish to apply dynamic background images to a div with the class .image_menu_accueil. 

//The image should be picked up dynamically from the same row, returned by view, as an image path, in a <span> in the same div as above. 



(function($){

$(document).ready(function() {

$(".image_menu_accueil").each (function() {

$(this).css("background-image", "url("+ $("span", this).text() +")");

$("span", this).hide();

});

});

})(jQuery);

</script>

*/





/**

 *Logo

 */



.navbar-header{



/*z-index:2;*/

/*min-width:150px;*/

min-width:100px;





}



.navbar-header a {

margin-top:0px;

max-width:100px;



}



.container-fluid {

    margin-left: auto;

    margin-right: auto;

    padding-left: 0px;

    padding-right: 0px;

}

.navbar-header img{





background-color:#FFFFFF;



  box-shadow: 5px 6px 9px #555;

  filter:progid:DXImageTransform.Microsoft.Shadow(color='#555555', Direction=135, Strength=6);



float:left;

margin-top:0px;

margin-left:35px; 

width:15%;

min-width:120px;

margin-bottom:10px;



}







/**

 * Menu principal

 */









.navbar{

	 background-color:rgba(49, 70, 108, 0.85);

	border:0;	

	height:40px;

	/*max-height:40px;*/

}



.nav  li  a {

padding: 10px 12px;

}



.navbar-header{

	background:none;

	border:0;	

	height:40px;

	/*max-height:40px;*/

}



.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    border: 0;

}





.navbar-collapse{

margin-top:0px;	

/*background-color:#31466c;;*/

max-height:40px;

max-width:100%;

}



.in{

margin-top:0px;	

background-color:#31466c;;

max-height: inherit;



width:150px;

float:right;

}





.navbar-default .navbar-nav > li > a {



	color:#FFFFFF;

	font-weight:bold;

		/*background-color:#C03;

		vertical-align:middle;*/

}



.navbar-default .navbar-nav {

	/*margin-left:60px;*/


}



.navbar-default .navbar-nav > li {

	float:left;

 

}



.navbar-default .navbar-nav > .active > a {

    background-color:#e5318f;

    color: #FFFFFF;

}





.navbar-default .navbar-nav > li > a:hover {

	color:#fff000;

	font-weight:bold;

	background-color:#000:

}

.navbar-default .navbar-nav > .active > a:hover{

    background-color:#31466c;;

    color: #fff000; 

}



.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {



    color: #FFFFFF;

}



/*.navbar-default .navbar-nav > .active > a {

	color:#FFFFFF;

	font-weight:bold;

	background-color:#000:

}

*/

.navbar-toggle{

	background-color:#e5318f;

	margin-top:20px;

	/*padding-right:200px;*/

	

}



.icon-bar{

	background-color:#e5318f;

	

}





nav .menu .leaf{

	

min-width : 75px;

max-width : 130px;

text-align : center;

vertical-align:middle;

	

}



nav .menu .leaf a{

	

text-align : center;

vertical-align:middle;

padding-top:5px;

padding-bottom:5px;

padding-right:5px;

padding-left:5px;

	

}







/**

 * Menu secondaire

 */





/**

 * Contenu

 */





.row{

width:96%;

margin-left: auto;

    margin-right: auto;	

	

}



/*

.well{

	background-color:#FFFFFF;

	border:0;

}

*/



/**

 * Menu secondaire

 */



.menu2  ul{



background-color:rgba(242, 128, 185, 0.85);



border:0;



color:#FFFFFF;



list-style: none; /* enlever les puces */

    margin-top: 0; /* enlever les marges automatiques */

	width:100%;

	margin-bottom:20px;

	text-align:center;

	display: block;

	

	}



.menu2 ul li{

	

	text-align:center;

	margin-left:10px;

	margin-right:10px;

	display:inline-block;

	position:relative;









}



.menu2 li a

{

/*display:block;*/

color:#31466c; text-align:center;

}



.menu2 ul li a:hover

{

	background-color: #ea57a4;

}



.menu2 a:active

{

	background-color: #ea57a4;

}



/**

*

*Ima d'entete

*/



.image_entete {

	min-height:250px;

	max-height:500px;

	height:35%;

	overflow:hidden;

	width:100%;

	background-color:#FFFFFF;

	margin-top:0;

	border:#eeeeee solid 1px;

	z-index:0;

	

}











.region-page-top{

	background-color:#0CC;

	/*margin-top:-100px;*/



	margin-top:0px;

				 

				 }



/**

 * Bas de page

 */







.navigation_bottom{

background-color:#2f456b;	

color:#FFF;	

width:100%;



}







.menubas li, .menufoot  p{

	list-style:none;

	color:#ffffff;

	

}



.menubas h2{

	list-style:none;

	color:#ffffff;

	font-size:1.2em;

	font-weight:bolder;

	

}



.menubas li a{

	list-style:none;

	color:#ffffff;

	

}







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



.region-footer{

	background-color:#ffffff;

	color:#ffffff;

	text-align:center;

	line-height:24px;

	width:100%;

}



.region-footer p{

	background-color:#f58ace;

	color:#31466c;

	text-align:center;

	line-height:24px;

	font-weight: 500; 

}



.region-footer a{

	color:#31466c;

	text-decoration:none;

}



.region-footer a:active,#block-block-18 a:visited{

	color:#31466c;

	text-decoration:none;

}



.region-mfooter a:hover{

	color:##31466c;

	text-decoration: underline;

}



.region-footer a:hover {

	

color:#31466c; 

text-decoration:underline;



}





.footer{

	width:100%;

	margin-bottom:0px;

	margin-top:0px;

	border-top:0px;

	padding-top:0px;

	padding-bottom:0px;

		

}



/**

 * accueil

 */

 

 

   .actualiteTop {

	   width:100%;

	   clear:both;

	   height:30px;

	   

	   

   }

 

 .actualiteTop h2{

	 display:block;

	 float:left;

	 font-size:1.3em;

	 font-weight:bold;

	 margin-top:0;

	

	

 }

  .actualiteTop p{

	 display:block;

	 float:right;

 }



 

 

 

 

 

  .actualite {

	 margin-bottom:20px;

	 margin-top:15px;

	 border-top:#AAA solid 2px;

	 

	 

	 width:100%;

	 

 }

 

 .actualite .actualiteContenu h3 {

	 font-size:1em;

	 margin-bottom:20px;

	 margin-top:0;



	 

 }

   .actualite .actualite {

	 margin-bottom:20px;

	 border-top:#CCC solid 1px;

	 padding-top:5px;

	 

 }

  .actualite .actualiteContenu h3 a{

	 font-size:1em;

	 margin-bottom:20px;

	 line-height:1em;



	 

 }

 

   .actualite .actualiteImg{

	 float:left;

	 margin-right:5px;

	 height:100%;

	 

 }

   .actualite .actualiteDesc {

	 font-size:0.8em;

	 font-weight:bolder;

	 	 background-color:#0CC;



 }

    .actualite .actualiteDate {

	 font-size:0.8em;

	 font-weight:lighter;

}



/*

*

*Bloc Divers

*/



.BlocMargeTop, .view-bloc-evenement-accueil {

	margin-top:20px;

	

}



/*

*

*BlocChantecler

*/



.chantecler{

	margin-top:10px;

	width:100%;

	

	

}



.chanteclerMaison,.chanteclerBadminton {

color:#FFF;

max-width:45%;

min-width:30%;



border-left:#FFF solid 2px;	

padding:4px;

}



.chanteclerMaison img,.chanteclerBadminton img{

margin-left:auto;

margin-right:auto;

/*max-width:100%;

min-width:90%;*/

}





.chanteclerMaison a:active,.chanteclerBadminton a:active{

color:#FFF;

text-decoration: none;

	

}



.chanteclerMaison a:hover,.chanteclerBadminton a:hover{

color:#FFF;

text-decoration: underline;

	

}

.chanteclerMaison a:visited,.chanteclerBadminton a:visited{

color:#FFF;

text-decoration: none;

	

}



.chanteclerMaison p,.chanteclerBadminton p{

	color:#FFF;

		

	}



.chanteclerBadminton{

	float:left;

	/*height:auto;*/

	

}



.chanteclerMaison{

	float:left;

	/*	height:auto;*/

	

}

/*

*

*autre

*/





/*



.image_menu_accueil{*/



/*



.views_slideshow_cycle_main { width: 100%; }

.views_slideshow_cycle_main .views-slideshow-cycle-main-frame { width: 100% !important; height: auto; }

.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row { width: 100% !important; height: auto; }

.views_slideshow_cycle_main .field-content { max-width: 100%; width: 100%; }

.views_slideshow_cycle_main .field-content img { max-width: 100%; width: 100%; height: auto; margin: 0; padding: 0; }

*/





#block-views-block-slide-accueil-2-block-1{

	

	width:100%;

	

/*	min-height:500px;

	max-height:644px;

	height:644px;

	overflow:hidden;

	

	background-color:#FFFFFF; 

	

	border:#eeeeee solid 1px;

		

		vertical-align:middle;*/

		

	z-index:0;

	

	

}





 

#block-imagesmenuaccueil{

	

	

	z-index:200;

	max-height:644px;

	

	position:absolute;

	top: 0px; left: 0px;

	

	margin-top:15%;

	

	overflow:hidden;

	width:100%;

	

	

/*	min-height:500px;

	

	max-width:1600px;

	

	height:100%;

	

	

		vertical-align:middle;

	margin-bottom:20%;

	margin-top:20%;*/

	

/*	position:absolute;

	top: 0px; left: 0px; */

	

}





.flexslider{

	

margin-bottom:0;	

	

}





/*margin-top:-750px;	*/





/*margin-top:500px;*/

.image_menu_accueil_vignette {

	float:left;

	display:table;

	/*margin-top:15%;

	margin-bottom:auto;*/

	margin-right:0;

	/*margin-left:13.75%;*/

	margin-left:12.5%;

	background-color:32305c;

	/*$width:15%;*/

	width:14%;

	/*min-width:75px;*/



	min-width:50px;

	background-color:#32305c;

	filter:alpha(opacity=95); opacity:0.95;

}



.image_menu_accueil_vignette img{

	width:100%;

	height:100%;

}

/*

*admin

*

*/



/*.contextual-links{

	background-color:#CCC;

	

	

}*/



.fb_iframe_widget{



text-align:center;

margin-left:auto;

margin-right:auto;

width:100%;

}



.imageArticle{

	display: table-cell;

	margin:5px;

	max-width: 100%;





}





@media only  screen and (max-width: 768px) {

.navbar-default .navbar-nav {

	margin-left:0px;


}
}

@media only  screen and (min-width: 768px) {

	.navbar-default .navbar-nav {
	
		margin-left:60px;
	
	
	}
	}