@charset "utf-8";
body {
	padding:0;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: white;
	margin: 0;
}

.page {
	width:100%;
	}
	
.global {
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #606060;
	/*padding-top:13em;*/
	background-color:#efefee;
	
}

#bloc-fixe { 
			position:fixed;
			overflow:auto;
			right:0px;
			left:0px;
			top:0px;
			
			height:23%;
			border:solid 0px;
			background-color:ffffff;
			font-size:90%;
			text-align:center;
			
			
	}

@media (max-width:1800px){
	#bloc-fixe { 
			height:11.8em;
	}
}






#haut{
	position:absolute;
	position:fixed;
	height:30em;
	width:100%;  position: fixed; 
	
}

@media (max-width:1800px){
#haut { 
	height:20em;
	}
}



#contenu { 
			position:fixed;
			overflow:auto;
			right:0px;
			left:0px;
			bottom:0px;
			/**/
			top:220px;
			border:solid 0px;
		
		}

@media (max-width:1800px){
#contenu { 
	border:solid 1px;
	top:172px;}
}





.global h1{
	line-height:normal;
	color:#00cc00;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 50px;
	text-align: justify;
	
}

.global h2{
	line-height:normal;
	color:#666666;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 50px;
	text-align: justify;
	
}




.global h4 {
	line-height:normal;
	color:#606060;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
	text-align: justify;
}

.global p { 
	font:normal 16px Arial, Helvetica, sans-serif; 
	color:#606060; 
	line-height:2em; 
	padding:20px 60px; 
	margin:0;}
	
.global p span { 
	color:#565656; 
	font: bold 16px Arial, Helvetica, sans-serif; 
	line-height:1.8em; 
	padding:5px 0; 
	margin:0;}

.liste{
	font: normal 16px Arial, Helvetica, sans-serif; 
	color:#000000;
	padding-left:60px;
	line-height:2em;
	
}

.tel{
	font: bold 18px Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #33cc00;
	text-align:right;
	text-align:center;
	float:right;
	margin-right:10px;
	}

.tel a{
	color:#336600;
	text-decoration:none;
	text-decoration:bold;
	}






.separation{
	clear:both;
	height:0.5em;
	background:url(../images/fond-line.png) bottom repeat-x;
	width:35%;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	
	
}

/********** header **********/


.logo img{/*ok*/
	width:17%; 
	height:auto;
	display: block;
    margin-left: auto;
    margin-right: auto}


.logo {
	padding:0; 
	margin:0 0 5px 0;
	float:left;
	}

.masque{
	display:none}


#menu {
	width:100%;
	margin:0 auto;
	margin-left: auto;
    margin-right: auto;
	
	
}




#menu ul {
	
	padding:0;
	border:0;
	list-style-type: none;
	margin-left:15%;
	
}

@media (max-width:1200px){
#menu ul{
	margin-left:2%
}
}


#menu ul li { 
	padding:0 2em; /*pour modifier la largeur des titres dans le menu*/
	border:0;
	}
	
#menu ul li a {
	float:left;
	margin:2px 10px;
	padding:5px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	font-size: 1.1em;
	/*rder-radius:0.5em;*/
	background-color:#fc2d63;
	height:1.3em;
	vertical-align:middle;
}

@media (max-width:1200px){
	#menu ul li a {
	font-size: 1.4em;
	margin:2px 2px;
	background-color:#ff0066;
	}
}


#menu ul li a:hover {
	background:#e9e8e8;
	color:#03612e;
	}
	
#menu ul li a.active {
	background:#c6c6c6;
	/*color:#03612e;*/
	}

#menu li:hover .sous_menu, #menu li:hover .sous_menu2, #menu li:hover .sous_menu3{
                display:block;  
				/*width:200px;*/
}

#menu li .sous_menu li, #menu li .sous_menu2 li, #menu li .sous_menu3 li{
                clear:both;
                border-radius:5px;
				margin-bottom:1px;
				padding:0
}	
	
.plan{
	width:100%;
	height:380px;
}	
	
.plan iframe{
	width:90%;
	height:90%;
	border:0;
	
}

/*************footer**********/
.footer{ width:100%; margin:0 auto; padding:30px 0;}
.copyw { color:#727272; text-align: center}

p.clr, .clr { clear:both; padding:0; margin:0;}

li.bg, .bg {
	clear:both; 
	}

/* Slider */
#slider {
	width:70%;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height:17em;
	background-color:#cccccc;
	
}

@media (max-width:1800px){
#slider{
	width:100%
}
}

#slideshow{
	height:17em;
	
}
#slider img { 
	margin:0 auto; 
	padding:0; 
	float:none;
	width:100%;
	height:auto;
	border:0;
		}
	
.slider-item {
	width: 100% !important;
	height: auto;
	float: none;
	background-position: center;
		
}
.slider_content_inner img { border: none; }
.controls-center { 
	width: auto; 
	margin-left: auto; 
	margin-right: auto; 
	}
	

#slider_controls ul {
	width:auto;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 40%;
    margin-left: auto;
    margin-right: auto;
	
}
#slider_controls ul li { 
	margin: 0; 
	padding: 0; 
	list-style: none; }

#slider_controls ul li { /*float: left; */
	display: block;
		}
	
#slider_controls ul li a { 
	width: 20px; 
	height: 20px; 
	background:url('../images/tabs_2.gif') no-repeat center center; 
	display: block; 
	float: left; 
	padding:2px; 
	margin:2px !important; 
	margin:1px 1px; 
	outline: none;
		}
	
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,

#slider_controls ul li a.activeSlide { 
	background:url('../images/tabs_1.gif') no-repeat center center; }

.nouveau{
float:left;}

.nouveau img{
width:200px}

.contact {
	float: none;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 120px;
	margin-left: 0px;
}

.lancement{
	color:#990000;
	font-weight:bold;
	
	
}



	
/*@media (max-width:1800px) {
#slider {margin:0px 80px 0px 30px;}*/
}


@media (max-width:700px) {
/*#slider {  width:406px;height:auto;float:left;margin:0px 80px 0px 0px;}*/
/*#slider img { width:406px; height: auto; border: 0;float:left}
div#slideshow { height: 300px; }
.slider-item { width: 406px !important; height: auto; }
.controls-center { width: 406px;}
#slider_controls { width:406px;}
}	
	
@media (max-width:550px) {
/*#slider {  width:260px;height:auto;float:left;}*/
/*#slider img { width:260px; height: auto; border: 0;float:left}
div#slideshow { height: 190px; }
.slider-item { width: 260px !important; height: 190px; }
.controls-center { width: 260px;}
#slider_controls { width:260px;}
.contact {
		font-size: 14px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
}		
	
*/
.img_left{ padding:0px 0px 0px 0px; } 
.img_left2{ padding:0px 40px 10px 10px; } 

.img_right{ padding:0px 0px 0px 0px; } 
.img_center{ text-align: center} 


.left li{ font:normal 11px Arial, Helvetica, sans-serif; 
background:url(../images/bullets/arrow_blue.jpg) no-repeat 0% 30%;
line-height:1.0em; 
padding:5px 15px;

}

#slider_nav li { 
background:none;


}





.main p span.blue { color:#229AD7; font: bold 16px Arial, Helvetica, sans-serif; line-height:1.8em; padding:5px 0; margin:0;}

.image {
	width:170px;
	height:96px;
}



/* Slider */
#slider {  
	height:1600px; 
	padding:5px; 
	margin:0 auto; 
	background:red; 
	border:1px solid #e5e5e5;
	background-color:pink;}
		
#slider img { 
	margin:0 auto; 
	padding:0; 
	float:none;}

div#slideshow { 
	float:left; 
	width: 100%; 
	height: 329px;
	background-color:pink;	}
	
.slider-item { 
	width: 100% !important; 
	height: auto;
	background-color:black;}
	
.slider_content_inner img { 
	border: none}
	
.controls-center { 
	width: 581px; 
	margin-left: auto; 
	margin-right: auto;
	background-color:pink;
	}
	
#slider_controls { 
	float: left; 
	position: relative; 
	background:url(../images/tabs_2.gif) no-repeat top center; 
	margin:5px 0 0 0; 
	z-index: 1000; 
	width:585px; 
	height:23px;
	background-color:pink;}
	
#slider_controls ul {
	margin:0;
	width:auto;
	float:right;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	background-color:pink;
}
#slider_controls ul li 
	{ margin: 0; 
	padding: 0; 
	list-style: none;
	background-color:pink;}
	
#slider_controls ul li { 
	float: left; 
	display: block; 
	background-color:pink;
	}
	
#slider_controls ul li a { 
	width: 10px; 
	height: 10px; 
	background:url('../images/tabs_2.gif') no-repeat center center; 
	display: block; 
	float: left; 
	padding:2px; 
	margin:2px !important; 
	margin:1px 1px; 
	outline: none;
	background-color:pink;	}
	
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('../images/tabs_1.gif') no-repeat center center; }

#slider_nav li { 
background:none;


}

.header{
    height:200px;
    text-align:center;
    line-height:200px;
    background:#faf2f3;
}
 
.nav{
    background:#f3f2f1;
    height:40px;
    margin-bottom:15px;
}
.nav ul li{
    float:left;
    list-style:none
}
.nav ul li a{
    line-height:40px;
    display:block;
    padding:0 10px;
}
 
.main{
    height:560px;
    background:#f8f9f6;
}