@import "init.css";

/* common.css */
body        							{ background: #FFFFFF; }

/* fonts */
body      							{ font: 9pt/1.2em Arial; color: #000000; }
h1        							{ font: 10pt/1.2em Arial; color: #218310; font-weight: bold; padding: 0 0 10px 10px; }
h2        							{ font: 10pt/1.2em Arial; color: #FFFFFF; font-weight: bold; padding: 0; }
h3        							{ font: 10pt/1.2em Arial; color: #218310; font-weight: bold; padding: 0 0 10px 0; }
a       								{ padding:0; margin: 0; }

/* common class */
.clear      						{ clear: both; font: 0pt/0em Arial; line-height: 0em; height: 0px; }
.fleft     						{ float: left; padding: 0 5px;  }
.fright     						{ float: right; }
.lien       						{ color: #004A6D; font-weight: bold; padding:0; margin: 0; }
.lien:hover 					{ color: #218310; font-weight: bold; }
ul.puce li     					{ background: url('../media/site/puce.jpg') no-repeat; padding: 0 0 5px 10px; margin-left: 20px; }
.separation    				{ width: 400px; height: 1px; padding: 5px 0 10px 0; margin: 0 auto; }
.visuel        					{ float: left; padding: 0 10px 10px 0; }

/* site */
#site           					{ width: 970px; padding: 0; margin: 0 auto; }
#top            					{ width: 965px; height: 85px; padding: 10px 5px 0 0; background: url('../media/site/top.jpg') no-repeat; text-align: right; }
#top a								{ text-decoration: none; color: #258114; font-weight: bold; }
.logo-top { display: block; height: 80px; width: 290px; float: left; }
.menu-top	a					{ padding: 0 10px; }
.separation-top			{ width: 1px; height: 20px; padding: 3px 1px 3px 3px; background: url('../media/site/separation-top-menu.jpg') no-repeat; }
#top-img            			{ width: 970px; height: 250px; padding: 0; }
#top-img img:first-child            			{ display:block; }
#top-img img            			{ display:none; }
#encadre						{ z-index: 10; position: absolute; top: 110px; margin-left: 690px; width: 247px; height: 95px; float: right; padding: 10px; background: url('../media/site/vignette.png') no-repeat; }
.encadre-titre			{ font: 10pt/1.2em Arial; color: #FFFFFF; font-weight: bold; }
.encadre-texte			{ font: 10pt/1.2em Arial; padding-top: 12px; color: #FFFFFF; }
.encadre-savoirplus a	{ float: right; padding-top: 6px; color: #004A6D; font-weight: bold; }
#content-top				{ width: 970px; height: 8px; background: url('../media/site/top-content.jpg') no-repeat; }
#content						{ width: 960px; background: url('../media/site/fond-content.jpg') repeat-y top; padding: 2px 5px; }
#content-bottom			{ width: 970px; height: 8px; background: url('../media/site/bottom-content.jpg') no-repeat; padding-bottom: 10px; }
#bottom         					{ width: 960px; height: 17px; padding: 3px 10px 0 0; background: url('../media/site/bottom.jpg') no-repeat; text-align: right; font: 8pt/1.3em Arial; color: #FFF; font-weight: bold; }
#bottom  a      				{ font: 8pt/1.3em Arial; color: #FFF; font-weight: bold; text-decoration: none; }
#bottom  a:hover        	{ font: 8pt/1.3em Arial; color: #FFF; font-weight: bold; text-decoration: underline; }

/* menu */
#menu                      				{ width: 960px; height: 43px; margin-top: 10px; padding: 0; }
#menu ul                   				{ width: 960px; height: 43px; margin-left: 10px; list-style: none; }
#menu li 									{ float: left; height: 43px; position: relative; background: url('../media/site/menu-fond.jpg') repeat-x bottom;  }
#menu li.separ 						{ float: left; width: 1px; height: 43px; background: #fff; }
#menu li.selected       			{ background: url('../media/site/menu-hover-fond.jpg') repeat-x top; }
#menu ul li a								{ display: block; padding-top: 14px; }
#menu ul li a            					{ height: 29px; text-align: center; text-decoration: none; color: #fff; font: 10pt/1.4em Arial; font-weight: bold; }
#menu ul li a:ahover                 { background: url('../media/site/menu-hover-fond.jpg') repeat-x bottom; text-align: center; }
#menu li ul                                { left: -999em; position: absolute; z-index: 10; padding: 0; width: 350px; }
#menu li li                                	{ clear: both; height: 20px; border: 1px solid #2A7B1F; border-top: 0; background: url('../media/site/menu-hover-fond.jpg') repeat-x bottom; }
#menu ul li:hover ul				{ left: 0; top: 43px; margin: 0; }
#menu ul li li a                 			{ height: 20px; width: 250px; padding: 0 0 0 5px; margin: 0; text-align: left; }
#menu ul li li a:hover               { background: #3A7E91; height: 20px; width: 250px; padding: 0 0 0 5px; margin: 0; text-align: left; }
#menu li li.separ   					{ display: none; }

/* box */
.z230										{ float: left; width: 230px; padding: 0 10px 0 0; }
.z470										{ float: left; width: 470px; padding: 0 10px 0 0; }

.z230_top           					{ width: 220px; height: 21px; background: url('../media/site/z230_top.jpg') no-repeat; padding: 4px 0 0 10px; }
.z230_fond          					{ width: 210px; padding: 5px 10px; background: url('../media/site/z230_fond.jpg') repeat-y top; }
.z230_bottom        				{ width: 230px; height: 5px; background: url('../media/site/z230_bottom.jpg') no-repeat; margin-bottom: 10px; }

.z470_top           					{ width: 460px; height: 21px; background: url('../media/site/z470_top.jpg') no-repeat; padding: 4px 0 0 10px; }
.z470_fond          					{ width: 450px; padding: 5px 10px; background: url('../media/site/z470_fond.jpg') repeat-y top; }
.z470_bottom        				{ width: 470px; height: 5px; background: url('../media/site/z470_bottom.jpg') no-repeat; margin-bottom: 10px; }

.z710_top           					{ width: 700px; height: 21px; background: url('../media/site/z710_top.jpg') no-repeat; padding: 4px 0 0 10px; }
.z710_fond          					{ width: 690px; padding: 5px 10px; background: url('../media/site/z710_fond.jpg') repeat-y top; }
.z710_bottom        				{ width: 710px; height: 5px; background: url('../media/site/z710_bottom.jpg') no-repeat; margin-bottom: 10px; }

.z950_top           					{ width: 940px; height: 21px; background: url('../media/site/z950_top.jpg') no-repeat; padding: 4px 0 0 10px; }
.z950_fond          					{ width: 930px; padding: 5px 10px; background: url('../media/site/z950_fond.jpg') repeat-y top; }
.z950_bottom        				{ width: 950px; height: 5px; background: url('../media/site/z950_bottom.jpg') no-repeat; }

.acces_client_top    			{ width: 220px; height: 21px; background: url('../media/acces_client/top.jpg') no-repeat; padding: 4px 0 0 10px; }
.acces_client_fond   			{ width: 210px; padding: 0 10px; background: url('../media/acces_client/fond.jpg') repeat-y top; }
.acces_client_bottom 		{ width: 230px; height: 5px; background: url('../media/acces_client/bottom.jpg') no-repeat; margin-bottom: 10px; }

.cycle_batterie					{ width: 230px; height: 260px; font: 0pt/0em Arial, Verdana, Times; margin-bottom: 10px; }
.qui-sommes-nous				{ width: 230px; height: 90px; }

.left_form_log   					{ float: left; text-align: right; width: 80px; padding: 2px 7px 6px 0; }
.right_form_log  				{ float: left; text-align: left; padding: 0 0 6px 0; }
.left_form      						{ float: left; text-align: right; width: 130px; padding: 2px 7px 6px 0; }
.right_form     						{ float: left; text-align: left; padding: 0 0 6px 0; }

.small-text { font-size:11px; margin-left: 140px; }

/* sitemap */
.sitemap ul li          				{ padding : 5px 0; }
.sitemap ul li a         				{ color: #000; font: 9pt/1.2em Arial; font-weight: bold; }
.sitemap ul li li a          			{ padding-left : 20px; font-weight: normal; }

/* Diaporama */
.diaporama		{ margin-left:200px; }
.jDiaporama{
	position:relative;
}

.jDiaporama ul{
	-moz-box-shadow:1px 1px 0.5em #222;
	overflow:hidden;
}

.jDiaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute
}

.jDiaporama li img{
	display:block
}

.jDiaporama li .desc{
	position:absolute;
	bottom: 0; left: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
	background:url(../media/diaporama/back_desc.png) repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/diaporama/back_desc.png',sizingMethod='scale');  _background-image:none;
	width:100%;
	height:30px
}

.jDiaporama li .title{
	position:absolute;
	top: 0; left: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
}

.jDiaporama li .count{
	position:absolute;
	top: 0; right: 0;
	display:none;
	margin:0;
	color:#fff;
	font-size:12px;
	font-family: Arial;
	padding:5px;
}

.jDiaporama_controls{
	display:none;
}

.jDiaporama_controls a{
	font-weight:normal;
	width:10px;
	height:13px;
	text-indent:-9999px;
	display:block;
	margin:0 3px;
	position:absolute;
}

.jDiaporama_controls .prev{
	background:url(../media/diaporama/controls2.png) no-repeat bottom;
	_background:url(../media/diaporama/controls.gif) no-repeat bottom;
	top:50%;
	margin-top:-16px;
	height:32px;
	width:32px;
	left: 0px
}

.jDiaporama_controls .next{
	background:url(../media/diaporama/controls2.png) no-repeat top;
	_background:url(../media/diaporama/controls.gif) no-repeat top;
	top:50%;
	margin-top:-16px;
	height:32px;
	width:32px;
	right: 0px
}

.jDiaporama_controls .pause{
	background:url(../media/diaporama/playpause.png) no-repeat top;
	_background:url(../media/diaporama/playpause.gif) no-repeat top;
	width:64px;
	height:48px;
	left:50%;
	top:50%;
	margin-left:-32px;
	margin-top:-24px;
}

.jDiaporama_controls .play{
	background:url(../media/diaporama/playpause.png) no-repeat bottom;
	_background:url(../media/diaporama/playpause.gif) no-repeat bottom;
	width:64px;
	height:48px;
	left:50%;
	top:50%;
	margin-left:-32px;
	margin-top:-24px;
}

.jDiaporama_status{
	text-align:center;
	margin-top:10px;
	position:absolute;
	left:50%;
	display:none
}

.jDiaporama_status a{
	background:url(../media/diaporama/bullets.png) no-repeat left;
	_background:url(../media/diaporama/bullets.gif) no-repeat left;
	float:left;
	width:10px;
	height:10px;
	text-indent:-9999px;
	margin-right:5px;
}

.jDiaporama_status a.active, .jDiaporama_status a:hover{
	background:url(../media/diaporama/bullets.png) no-repeat right;
	_background:url(../media/diaporama/bullets.gif) no-repeat right;
}

.video { font-weight:bold; font-style:italic; }