/* CSS Document */

@import url(_structure.css);
@import url(_fonctions.css);
@import url(slideshow.css);

@media print {

}

/*-----------  remise a zéro  -----------*/
html, body {
	border:0;
	margin:0;
	height: 100%;
}
html {
	overflow-y: scroll;
}

/*-----------  formatage commun   -----------*/

body {
	font: 11px Arial, Helvetica, sans-serif;
	color: #6c6c6c;
	background: #e3e9e7 url(../images/body_bgd.jpg) repeat-x center top;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}

h1 {
	margin-bottom: 16px;
	font: normal 24px/24px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #353535;
}
h2 {
	padding-bottom: 3px;
	margin-bottom: 7px;
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: 1px solid #d5d5d5;
	color: #353535;
}
h3 {
	margin-bottom: 7px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

h4 {
	margin-bottom: 15px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

hr {
	border-top: 1px solid #ccc;
	clear: both;
	height: 0;
	margin: 10px 0;
}

p.titre { 
	margin: 0;
	padding-bottom: 4px; 
}

p { 
	margin: 0;
	padding-bottom: 9px; 
}
p.sep {
	clear: both;
	margin: 0;
	padding-bottom: 9px;
	margin-bottom: 8px; 
	border-bottom: 1px solid #f2f2f2;
}

ul, ol {
	margin: 0;
	padding: 0 0 9px 18px;
}
li {
	padding: 0 0 5px 0;
}
blockquote {
	margin: 22px 40px;
}
small {
	font-size:0.85em;
}
sup {
	position: relative;
	bottom: 0.3em;
}
sub {
	position:relative;
	bottom:-0.2em;
}
em { 
	color: #d4c3ce;
	font-style:normal;
}

/*-----------  liens   -----------*/
a, a:visited {
	text-decoration: none;
	outline: none;
	color: #000;
}
a:hover {
	color: #005122;
}

a img {
	border: none; 
}

a.fleche-noir {
	padding-left: 9px;
	background: url(../images/puce-fleche_noir.gif) no-repeat left center;
}
a.fleche-noir:hover {
	/*background: url(../images/puce-fleche_blanc.gif) no-repeat left center;*/
}
a.fleche-blanc {
	padding-left: 9px;
	background: url(../images/puce-fleche_blanc.gif) no-repeat left center;
}
a.plus-noir {
	padding-left: 16px;
	background: url(../images/puce-plus_noir.png) no-repeat left top;
}
a.plus-noir:hover {
	background: url(../images/puce-plus_noir.png) no-repeat left -26px;
}
a.moins-noir {
	padding-left: 16px;
	background: url(../images/puce-moins_noir.png) no-repeat left top;
}
a.moins-noir:hover {
	background: url(../images/puce-moins_noir.png) no-repeat left -26px;
}
a.button156 {
	display: block;
	width: 144px;
	height: 14px;
	font-size: 10px;
	color: #c2e315 !important;
	padding: 2px 6px;
	background: url(../images/button156-fleche-noir.png) no-repeat;
}
a.button156:hover {
	color: #fff !important;
}

a.button340 {
	display: block;
	width: 328px;
	height: 14px;
	font-size: 10px;
	color: #c2e315 !important;
	padding: 2px 6px 2px 6px;
	background: url(../images/button340-fleche-noir.gif) no-repeat;
}
a.button340:hover {
	color: #fff !important;
}

div#page-content-left a, div#page-content-left a:visited {
	text-decoration: none;
	outline: none;
	color: #82a401;
}
div#page-content-left a:hover {
	color: #005122;
}

/*-----------  images   -----------*/

.img-left      		{ float:left; margin:3px 16px 9px 0; }
.img-right     		{ float:right; margin:3px 0 9px 16px; }
.img-v-middle		{ vertical-align:middle }

/*-----------  formulaires   -----------*/
form {
	padding: 0;
	margin: 0;
}
input, select, textarea {
	font: 10px arial, helvetica, sans-serif;
	outline: 0;
	border: 0;
}
textarea {
	width: 364px;
	height: 104px;
	padding: 1px 4px;
	color: #6c6c6c;
	background: #fff url(../images/textarea_bgd.jpg) no-repeat;
}
input {
	width: 148px;
	height: 16px;
	padding: 0 4px;
	color: #6c6c6c;
	background: url(../images/input-text_bgd.png) no-repeat;
}
input.alert {
	border: 1px solid red;
}
select {
	width: 158px;
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
}
button {
	border: 0;
}

input.valider-fleche {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0 4px;
	color: #017929;
	cursor:pointer;
	text-align:center;
	background: url(../images/button-carre-fleche-noir.png) no-repeat;
	font-size: 16px;
}
input.vert {
	background: url(../images/button-carre-fleche-vert.png) no-repeat;
}
input.valider-ok {
	width: 22px;
	height: 16px;
	padding: 0;
	margin: 0 4px;
	cursor:pointer;
	text-align:center;
	background: url(../images/button-ok-noir.png) no-repeat;
}
input.valider-fleche:hover, input.valider-ok:hover {
	background-position: right top;
}

label.block {
	display: block;
	float: left;
	vertical-align: middle;
	cursor: text;
	padding: 3px;
}

/*-----------  tableaux   -----------*/
table {
}
table td, table th {
	vertical-align:top;
	padding: 3px 6px;
	text-align: left;
}

/*-----------  textes   -----------*/

.font10      		{ font: 10px/12px Arial, Helvetica, sans-serif !important; }
.img-right     		{ float:right; margin: 0 0 9px 9px; }
.img-v-middle		{ vertical-align:middle }


/*-----------  flash   -----------*/
object {
	display: block;
	outline: 0;
}
.flash-replaced .alt { /* texte alternatif au flash */ 
	display:block;
	height:0;
	overflow:hidden;
	position:absolute;
	width:0;
}

/*-----------  classes globales   -----------*/
.clear        	{ clear:both; display:block;}
.clear-left     { clear:left; }
.clear-right    { clear:right; }
.hide		   	{ display: none; }
.block		   	{ display: block !important; }
.blockcentre	{ display: block !important; margin: 0 auto }
.valigntexttop	{  vertical-align: text-top }
 
.float-left    	{ float:left !important; }
.float-right   	{ float:right !important; }
.float-none   	{ float: none !important; }

.text-left     	{ text-align:left; }
.text-right    	{ text-align:right; }
.text-center   	{ text-align:center; }
.text-justify  	{ text-align:justify; }

.text11  		{ font-size:11px }
.lineheight18  	{ line-height: 18px }

.bold          	{ font-weight:bold; }
.italic        	{ font-style:italic; }
.underline    	{ border-bottom:1px solid; }
.highlight    	{ background:#ffc; }
 
.noborder     	{ border:none; }
.nopadding     	{ padding:0 !important; }
.nomargin     	{ margin:0 !important; }
.noindent     	{ margin-left:0;padding-left:0; }
.nobullet      	{ list-style:none;list-style-image:none; }

/*-----------  classe clearfix   -----------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 		{ display: inline-block; }
* html .clearfix{ height: 1%; }
.clearfix 		{ display: block; }