@charset "utf-8";

/* Début menu horizontal haut */
	/* Slider
	http://www.freshdesignweb.com/drop-down-responsive-menu-with-css3-and-jquery.html
	*/
	/* @import url(http://fonts.googleapis.com/css?family=Gentium+Basic:400,700|Yanone+Kaffeesatz); */
/* Fin menu horizontal haut */

/* Début formatage du hedear */
	.header{
		width: 100%;
		background: #ffffff; /*486944;/*#395437; /*#00349a;  #ee3e64; */	
	}
	.header_top
	 {
		position: relative;
		display: inline-block;
		width: 100%;
		background: #ffffff; /*#486944;/*#395437; /*#00349a;  #ee3e64; */
		float:right;
		/* border: 1px solid white; */
	 }
	 .header_buttom
	 {
		clear: both; 
		position: relative; 	
		display: inline-block;
		width: 100%;
		background-color:#ffffff;
		top:7px;
	 }
 /* Fin formatage du hedear */
 
 





/* Début rechercher */
	.suivre
	{
	position : relative;
	display: inline-block;
	vertical-align: top;
	top:15px;
	width: 35%;
	height: 20%;
	font-size: 100%;
	background-color: #ffffff;
	/* border: 1px solid blue;  */
	}
	.search
	{
	position : relative;
	display: inline-block;
	float: right;
	width: 58%;
	height: 35px;
	background-color: #ffffff;
	/* border: 1px solid blue; */
	top:  10%;
	/* vertical-align: top; */
	/* right: 10%; */
	}
	.txt_search
	{
	display: inline-block;
	position : relative;
	width: 58%;
	height: 25px;
	/* background-color: #000; */
	/* border: 1px solid black; */
	}

	.btn_search
	{
	position : relative;
	display: inline-block;
	/* float: right; */
	width: 30%;
	height: 32px;
	/* height: 100%; /
	/* background-color: #000; */
	/* border: 1px solid blue;  */
	/* Top: 50%; */
	/* vertical-align: top; */
	/* right: 7%; */
	}
/* Fin rechercher */
 
 
/* Début Menu horizontal principal accordeon */

	.menu_principal_accordeon 
	{
		height: 200px;
		width: 100%;
		position: relative;
		display: block;
		float: left;
		top: 0px;
		left: 0px;
		background:#000;				
		overflow: hidden;
	}

	.pstyle 
	{
		width:100%;
	}
	.pstyle p
	{
		font-family:'Californian FB';
	}
	.tableS
	{
		border:0px;
		border-width:0px;
	}
	.tableS tr
	{
		border-width:0px;
	}
		   
	.styleinput 
	{
		background-color: #e0c3c3/*#f4f4f4*/;
		border: 0px;
		width: 80%;
		height: 20px;
		/* [disabled]color: #000; */
	}
	
	.imaginput 
	{ 
		height:20px;
		background:#f4f4f4;
		border:5px;
		width:25px;
		height:25px;
	}
	
	.button 
	{
		margin: 0px;
		padding: 2px 3px;
		font: bold 12px Arial,Sans-serif;
		background: none repeat scroll 0% 0% #FAFAFA;
		border: 1px solid #F2F2F2;
		color: #777;
		width: 80px;
		vertical-align: top;
	}

	.accordian 
	{
	width: 100%; 
	height:200px;
	overflow: hidden;
	/*Time for some styling*/
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
	}

	/*A small hack to prevent flickering on some browsers*/
	.accordian ul 
	{
		width: 100%;
		/*This will give ample space to the last item to move
		instead of falling down/flickering during hovers.*/
	}

	.accordian li
	{
		position: relative;
		display: block;
		width: 12.25%;
		float: left;
		border-left: 1px solid #888;
		box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
		-webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
		
		/*Transitions to give animation effect*/
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		top: 0px;
		left: 0px;
	}

	/*Reduce with of un-hovered elements*/
	.accordian ul:hover li {width: 8%;}
	/*Lets apply hover effects now*/
	/*The LI hover style should override the UL hover style*/
	.accordian ul li:hover {width: 40%;}

	.accordian li img {
		display: grid;
	}
	
	.accordian  ul li.twoCols-1  
	{
		border-left: 0px solid #888;
		box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0);
		-webkit-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0);
		
		/*Transitions to give animation effect*/
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		width: 100%;
	}
	
	.accordian  ul li.twoCols-1 a  
	{
		color:#5a2b2b;
		lighting-color:aqua;
		font-size:20px;
		font-family:Gabriola;
		line-height:25px;
	}

	/*Image title styles*/
	.image_title 
	{
		background: rgba(0, 0, 0, 0.5);
		position: absolute;
		left: 0; bottom: 0;	
		width: 640px;	
	}
	
	.image_title a {
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 20px;
		font-size: 16px;
	}

	.curveTop 
	{
		position: absolute;
		z-index: 10;
		top: 17.50%;
		left: 9%;
		/*background: url('images/curveTop.jpg') no-repeat 0 0;*/
	}
					
	.curveBottom 
	{
		position: absolute;
		z-index: 10;
		top: 43%;
		left: 9%;
		/*background: url('images/curveBottom.png') no-repeat 0 0;*/
	}
	
	.ombre 
	{
		position: absolute;
		left:170px;
		right: 2px;
		top: 40px;
		height: 100%;
		width: 82%;
	}

/* Fin Menu horizontal principal accordeon */