/* =CONTENU */
#contenu {padding-top: 34px;}
#animationHome, #moto, #produitsVedettes, #aLaUne {float: left;}
#animationHome {padding: 0 23px 0 29px;}
#moto {
	background: none;
	border-left: 7px solid #009832;
	color: #676767;
	font-size: 1.2em;
	line-height: 1.5;
	margin-bottom: 35px;
	padding: 0 0 0 10px;
	text-align: justify;
	width: 277px;
	}
	#moto p {margin: 0;}
.cadre {background: url(../_media/img/cadre_corps.gif) repeat-y;}
	.cadreBas {/* !IE */background: url(../_media/img/cadre_bas.gif) 0 100% no-repeat;}
		.cadreHaut {
			background: url(../_media/img/cadre_haut.gif) no-repeat;
			padding: 14px;
			width: 271px;
			}
	.cadre h2 {
		background: url(../_media/img/puce_equerre.gif) no-repeat;
		color: #019934;
		font-style: italic;
		margin: 0 0 7px;
		}
#produitsVedettes {margin-right: 4px;}
	#produitsVedettes .cadreHaut {
		position: relative;
		}
		#produitsVedettes h2 {margin: 0 0 7px;}
		#produitsVedettes .desc_prod_vedette {margin-bottom: 2em;}
		#plaquette_vedette {float: right;}
		#produitsVedettes ul {list-style: none;}
			#produitsVedettes li { /* !IE */
				background:  url(../_media/img/puce_liste.gif) 0 4px no-repeat;
				margin: 0 0 8px;
				padding-left: 18px;
				}
				#item1 {background: url(../_media/img/rond1.gif) 0 2px no-repeat;}
				#item2 {background: url(../_media/img/rond2.gif) 0 2px no-repeat;}
				#item3 {background: url(../_media/img/rond3.gif) 0 2px no-repeat;}
				#produitsVedettes #produitPushHomeIllustration1, #produitsVedettes #produitPushHomeIllustration2, #produitsVedettes #produitPushHomeIllustration3 {
					position: absolute;
						top: 61px;
					}
				#produitsVedettes #produitPushHomeIllustration1 {left: 18px;}
				#produitsVedettes #produitPushHomeIllustration2 {left: 91px;}
				#produitsVedettes #produitPushHomeIllustration3 {left: 164px;}
		#produitsVedettes a {text-decoration: none;}
		#produitsVedettes dfn {
			color: #9d9d9f;
			display: block;
			font-style: normal;
			font-size: 1.1em;
			font-weight: bold;
			text-transform: uppercase;
			}
			#produitsVedettes a:hover dfn {color: #019A32;}

#aLaUne {
	border: 1px solid #d8d8d8;
	float: left;
	margin: 0 0 17px 6px;
	padding: 1px 18px 1px;
	text-align: center;
	width: 249px;
	}
	#aLaUne h2 {
		float: left;
		margin: 0 20px 0 0;
		}

	#header_alaune {
		background: #fff;
		display: inline-block;
		padding: 0 11px;
		position: relative;
			top: -14px;
		}
		.carde_visuel_actu {
			background: url(../_media/img/cadre_visuel_actu.gif) no-repeat;
			height: 105px;
			margin: 0 auto 6px;
			padding: 3px;
			text-align: center;
			width: 173px;
			}
	#aLaUne p {margin: 0;}
	#aLaUne a {text-decoration: none;}

#centre {
	float: left;
	margin-right: 13px;
	width: 297px;
	}
#nos_filiales {padding-top: 23px;}
#nos_filiales h2 {margin: 0 0 7px;}
#nos_filiales_list {
	height: 60px;
	text-align: center;
	width: 312px;
	}
#actualites {
	float: left;
	text-align: justify;
	}
#actualites h3 {
	color: #009932;
	font-size: 1.16em;
	font-weight: normal;
	margin: 0;
	}
	#actualites p {margin: 0 0 5px 0;}
	.infos_plus {
		font-size: 0.916em;
		text-align: right;
		}


/* root element for horizontal scrollables */
.scrollable {
	height: 165px;
	position:relative;
	overflow:hidden;
	width: 249px;
	}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
	}
.item {
    cursor: pointer;
    float: left;
    height: 165px;
    padding: 0;
    width: 249px;
	}
	#nos_filiales_list {position: relative;}
	#nos_filiales_list .item_fil {
		width: 312px;
		height: 60px;
		position: absolute;
			top: 0;
			left: 0;
		}
/* this makes it possible to add next button beside scrollable */
.scrollable {float:left;}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background: url(../_media/img/scrollable/arrow/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {background-position:0px -18px;		}

/* disabled navigational button */
a.disabled {visibility:hidden !important;		}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../_media/img/scrollable/arrow/right.png);
	clear:right;
}

/*********** navigator ***********/


/* position and dimensions of the navigator */
.navi {
	width: 200px;
	height: 15px;
	}
#aLaUne .navi {
	position: relative;
		top: 4px;
	float: left;
	width: auto;
	}

/* items inside navigator */
.navi a {
	width: 10px;
	height: 10px;
	float: left;
	margin: 3px;
	background: url(../_media/img/scrollable/arrow/navigator.png) 0 0 no-repeat; /* IE6 */
	display: block;
	font-size: 1px;
}

/* mouseover state */
.navi a:hover {background-position: 0 -10px;      }

/* active state (current page state) */
.navi a.active {background-position: 0 -20px;     }
#jwplayerDiv {
	background: none repeat scroll 0 0 #000000;
    display: none;
    height: 930px;
    margin: auto;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 100;
    /*width: 987px;*/
	}
#jwplayer209 {
	background: none repeat scroll 0 0 #000000;
    display: none;
    height: 500px;
    margin: auto;
    opacity: 0.9;
    position: absolute;
    text-align: center;
    width: 900px;
    z-index: 100;
	}
#video_presentation {
    background: none repeat scroll 0 0 #000000;
    position: absolute;
    z-index: 100;
}
.fermer_video {
    color: #FFFFFF;
    font-size: 11px;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 5px;
    z-index: 100;
}