@charset "utf-8";
/* Cette feuille définit les styles de balises générales, l'entête, le pied de page, la navigation  et les styles spécifiques */
/*Inspiré des modèles de Elephorm & Alsacreations.com */


/* Général */
body {
	color: #000; /*texte non stylé */
	background: #000;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	color: #000;
}
a:hover, a:focus {
	color: #000;
}
strong {
	color: #000;
}
h1 {
	
	font-size:1.6em;
	font-weight:bold;
	color:#333333;
	background:url(img/logo_titre.png) no-repeat 20px center  #F6F6F6;
	border-bottom:1px solid #D7D7D7;
	font-style: normal;
	
}
h2, fieldset legend {
		font-size: 1.3em;
		color: #485C10;
		font-weight:bold;
		font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	}

h3 {font-size: 1em;}
/* Entête */
#entete {
	background:url(img/bonsai-logo.jpg) no-repeat  right 15px;
}
#entete strong {
	font-size:3.5em;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal; 
}
/*ajout pour la date*/
#entete p.date{
	font-size:1.5em;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal; 
}
#entete a.langue { 
	color:#fff; 
	font-size:.85em; 
	text-decoration:none; 
	font-family:verdana;
}
#entete a.uk {
	background:url(img/eng.gif) no-repeat right center; 
}
#entete a.fr{
	background:url(img/fr.gif) no-repeat right center; 
}

/* Pied de page */
#footer {
	color:#FFF;
	
	

}
#footer p {
	background:url(img/bg-footer.gif) no-repeat;
	border:1px solid #FFF;
	
}
#footer a {
	color:#FFF;

}
/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 5px;
}
#global {
	
	width: 900px;
	margin: 0 auto;
}
#global a {
	font-weight: 500;
	text-decoration: underline;
}

h1 {
	margin:0;
	padding-left:40px;
	line-height: 50px;
	text-indent: 40px;
}
table td {vertical-align:top}
td.separator {border-left:1px dotted #CBCBCB;padding-left:15px;}
td h2 {margin:0;}
/* En-tête */
#entete {
	padding: 0;
	height :  165px;
	margin:0;
	
}
#entete strong {
	
	color:#FFF;
	font-style:normal;
	
}
/*ajout date*/
#entete .dates {
	
	font-size:16px;
	margin-left:510px;
	margin-top:0px;
	color:#fff;
	
}
#entete p {
	margin: 0 0 0 0px;
	padding-top:20px;
}
#entete a.langue { 
	float:right;
	margin:0;
	padding-right:25px; 
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}
/* Navigation */
#nav li a.top_link {text-align:center;padding:8px 0 0 4px ;height:29px;font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;/* Correction de pro_dropdown stuHover*/}
#nav li#liinfos:hover, #nav li#lianim:hover {width:138px;}
#nav li#lihome:hover {width:64px;}
#nav li:hover ul.sub, #nav li:hover ul.sub li, #nav li:hover ul.sub li a { width:135px }

/* Pied de page */
#footer {
	
	text-align:center;
}

#footer p {
	line-height:55px;
	text-align:center;
}
#footer li {
	font-size: .85em;
	display:inline;
	
}
/*styles spécifiques */
#centre a.calltoaction {
	background-color:#FF0000; 
	color:#FFF; 
	padding:7px;
	font-weight:bold;
	
}
#principal p.right, #secondaire p.right {
	text-align:right;
}

img.right {
	float:right;
	margin:0 0 7px 7px;
}
.left {
	float:left;
	margin:0 7px 7px 0;
	
}
a.pavehome {
	text-align:center;
	border:2px solid black;
	padding: 10px;
	display:block;
	text-decoration:none;
	margin-bottom : 3px;
}
#principal a.pavehome p {
	text-align:center;
}
.pave, #principal .pave {
	background: #485C10;
	padding: 7px;
	text-align:center;
	color:#FFF;
}
.pave a, #principal .pave a { color:#FFF;}

.pave h2 {
	margin:0;
	color:#fff;
	
}

.galerie {width:50%;  float:left;}
.galerie img, .galerie2 img, .img-gauche {float:left;margin:12px 6px 12px 6px;}
.galerie1 {width:50%; height:175px; float:left; margin-top:20px;}
.galerie3 {width:50%; height:150px; float:left;}
.col3 {width:33%;margin:10px 0 0 0;} /* au moins 10 px sinon décalage */
.col3 img {margin:0}

.puce {
	background:url(img/puce.png) no-repeat  right top;
	
	width: 27px;
}
.abaissee {background-position:  right 3px}

fieldset {border:none;padding:5px}
fieldset legend {margin:7px 0}
input.validation {background-color:#485C10;color:#FFF;font-size:large;font-weight:bold;padding:5px;border:1px solid #6F8733;cursor:pointer; }
label {font-weight:bold}
.clear { clear:both;}
.barre {text-decoration:line-through}
.validation-advice {color:red;}
.legende {font-weight:bold; background-color:#F6F6F6 ;font-size:0.92em;padding:5px;border:1px dotted #CCC}

.animations li {margin-bottom:25px}