@charset "utf-8";
#middle #contenu #bandeau{
	color:#fff;
	background:url("../../images/v4/bg_vague.png") top center no-repeat;
	height:327px;
	margin:-332px 0px 0px 0px;
}
#middle #contenu #bandeau h1{
	padding:20px 0px 0px 0px;
}
#middle #contenu #bandeau ul{
	list-style-image:url("../../images/v4/check_blanc.png");
	list-style-position:inside;
	padding:20px 0px 0px 0px;
}
#middle #contenu #bandeau ul li{
	padding:0px 0px 10px 0px;
}
#middle #contenu #bandeau #btn_decouverte{
	background:url("../../images/v4/btn_decouvrir.png") top left no-repeat;
	width:211px;
	height:50px;
	line-height:50px;
	padding:0px 0px 0px 50px;
	float:left;
	margin:10px 0px 0px 0px;
}
#middle #contenu #bandeau #btn_decouverte a{
	display:block;
	line-height:52px;
	font-size:0.8em;
}
#middle #contenu #bandeau #btn_decouverte a:hover{
	text-decoration:none;
}
#middle #contenu #texte_intro{
	float:left;
}
#middle #contenu #visuel{
	background:url("../../images/v4/screen7.png") top left no-repeat;
	float:right;
	width:307px;
	height:295px;
	margin:41px 0px 0px 60px;
}
#middle #contenu #left{
	width:570px;
	padding:0px 0px 0px 30px;
	text-align:justify;
	float:left;
	line-height:20px;
}
#middle #contenu #left .paragraphe{
	padding:15px 0px 0px 0px;
	width:570px;
	float:left;
}
#middle #contenu #left .paragraphe h3{
	font-size:1.5em;
	padding:0px 0px 10px 0px;
	font-weight:normal;
	color:#722027;
}
#middle #contenu #left .paragraphe .icone{
	float:left;
	height:80px;
	padding:20px 10px 0px 0px;
}
#middle #contenu #left .paragraphe ul{
	float:left;
	list-style-position:inside;
	margin:10px 10px 0px 0px;
}
#middle #contenu #left .paragraphe ul li{
	list-style-image:url("../../images/v4/croix_plus.jpg");
	padding:10px 0px 0px 0px;
}
#middle #contenu #left .paragraphe ul li a{
	color:#333;
	font-weight:normal;
}
#middle #contenu #left .paragraphe span{
	float:right;
}
#middle #contenu #left .paragraphe span a{
	color:#333;
	line-height:55px;
}
#middle #contenu #left p.p1{
	padding:20px 0px 0px 0px;
}
#middle #contenu #right{
	width:320px;
	float:left;
}
#middle #contenu #right .encart{
	padding:0px 0px 10px 10px;
	margin:0px 0px 10px 30px;
}
#middle #contenu .encart .e2{
	margin:5px 10px 0px 0px;
}
#middle #contenu #right .encart h3.t2{
	line-height:75px;
}
#middle #contenu #right .encart p.p2{
	line-height:20px;
	padding:0px 10px 0px 0px;
}
#middle #contenu #illustrations{
	width:930px;
	margin:0px auto;
	line-height:20px;
}
/*************************************************************************************************/
/*************************************** CODA SLIDER *********************************************/
/*************************************************************************************************/

.coda-slider-wrapper {position:relative;}
.coda-slider {}
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { 
	height: 300px; 
	overflow: auto !important; 
	padding-right: 20px;
}
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { 
	width: 930px;
	height:300px !important;
} 
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { 
	width: 930px;
}
.coda-slider-wrapper.arrows .coda-slider { 
	margin:0px; 
}
.coda-nav-left, .coda-nav-right { 
	float: left;
	position:absolute;
	margin:250px 0px 0px 325px;
}
.coda-nav-left{
	z-index:101;
}
.coda-nav-right{
	z-index:100;
	width:114px;
}

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { 
	display: block;
	text-decoration: none;
	color:#fff;
	height:39px;
	line-height:37px;
}

.coda-nav-left a{
	background:url("../../images/v4/btn_prev.png") top left no-repeat;
	width:101px;
	padding-right:13px;
	text-align:right;
}
.coda-nav-right a {
	background:url("../../images/v4/btn_next.png") top left no-repeat;
	width:95px;
	padding-left:20px;
	margin:0px 0px 0px 114px;
}
/* Tab nav */
.coda-nav ul li a.current { 
	background: #39c;
}
/* Panel padding */
.coda-slider .panel-wrapper {}
.panel-wrapper p{
	width:300px;
	padding-bottom:10px;
	text-align:justify;
	float:left;
}
#desc_newsletter{
	float:left;
}
.panel-wrapper .icone{
	float:left;
	margin:20px 0px 0px 27px;
}
.panel-wrapper  h3{
	padding:10px 0px 20px 0px;
	font-size:1.5em;
	font-weight:normal;
	color:#722027;
}
/* Preloader */
.coda-slider p.loading { 
	padding: 20px; 
	text-align: center;
}
/* Miscellaneous */
.coda-slider-wrapper { 
	clear: both; 
	overflow: hidden;
}
.coda-slider { 
	float: left;
	overflow: hidden; 
	position: relative;
}
.coda-slider .panel { 
	display: block; 
	float: left;
}
.coda-slider .panel-container { 
	position: relative;
}