/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	background:url(../images/fd_body2.gif) #1b854f top left repeat-x;
	text-align:center;}
	
/* ********************************header******************************** */
	
#header {
	margin:0 auto;
	padding:0;
	height:150px;
text-align:left;
width:900px;
	background:url(../images/header2.jpg) 50% 50% no-repeat;}
	
#header h1 {
	margin:0;
	padding:9px 20px;
font-size:1.5em;
	}
#header h1 span{display:none;}
#header h2 {
	margin:0;
	padding:0;}
#header h2 span{display:none;}

.anim {display:block;
	margin:0;
	padding:0;
	position:relative;
	top:15px;
	left:10px;
	height:94px;
	width:132px;
	z-index:100;}

#logo {margin:0;
	padding:0;}
	
/* ********************************container general******************************** */
	
#container {
	margin:0 auto;
	padding:0; 
	width:900px;
	text-align:left;
	/* float:left; pour voir le fond jusqu'en bas */
	background:url(../images/fd_container2.gif) #fff top left repeat-y;}

	
/* ********************************barre******************************** */

#titre {	
	margin:0;
	padding:0;
	height:25px;
	width:100%;
	border-top:1px solid #0d5535;
	background:url(../images/fd_titre.gif)  #34a56b top left repeat-y;
	}

#titre ul {margin:0; 
	padding:4px 0 0 180px;/* necessaire le determiner pour ne pas avoir la marge de la puce */
	}
	
#titre li {
	display:inline;
	margin:0;
	padding:0px 0 0 0px;
	font:Futura, Arial, Helvetica, sans-serif;
	font-size:1em;	
	color:#666699;
	}
	
li#anglais {
	background:url(../images/b_anglais.gif) top left no-repeat;
	height:25px;
	margin:0;
	padding:0px 10px 2px 28px;
	}
	
li#francais {
	background:url(../images/b_francais.gif) top left no-repeat;
	height:25px;
	margin:0;
	padding:0px 10px 2px 28px;
	}
	
li#espagnol {
	background:url(../images/b_espagnol.gif) top left no-repeat;
	height:25px;
	margin:0;
	padding:0px 10px 2px 28px;
	}
	
#titre li a {
	margin:0;
	padding:0;
	color:#fff4c7;
	text-decoration:none;
	}

#titre li a:hover {text-decoration:underline;
}
	
/* ********************************navigation******************************** */

#left {
	margin:0;
	padding:10px 0 0 8px;
	float:left;
	width:150px;}	

#left ul {margin:0; 
	padding:0;}/* necessaire le determiner pour ne pas avoir la marge de la puce */
	
#left li {
	margin:0;
	padding:7px 10px 5px 0px;
	list-style-type:none;
	font-family:Avenir, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:right;
}

#left li a {
	margin:0;
	padding:0;
	color:#0a6436;
	text-decoration:none;
}

#left li a:hover {
	font-weight:bold;
	font-style:italic;}

#left img {
	margin:0;
	padding:0 0 20px 10px;
    border:0;}

/* ********************************content******************************** */	

#right {
	float:left;
	width:715px;
	margin:10px 0 0 10px;
	padding:0;
	text-align:center;}	
#content {
	margin:0 auto;
	padding:0px;
	width:670px;
	background:url(../images/fd_content.jpg)  bottom right no-repeat;
	min-height:350px;
	text-align:left;}

/* for Internet Explorer pour min-height */
/*\*/
* html #content {height: 280px;}
/**/

	
#content h3 {
	padding:5px 0 10px 15px;
	margin:0 0 10px 0;
	font:Avenir,Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	font-style:italic;
	background-image:url(../images/b_fleche.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	color:#0a6436;
	border-bottom:1px dotted #0a6436;}
	
#content h4 {
	font:Verdana, Helvetica, sans-serif;
	font-size:1.2em;
	font-stretch:extra-expanded;
	padding:10px 0 10px 15px;
	margin:0;
	color:#34a56b;}
	
#content p {
	margin:0;
	padding:3px 3px 15px 15px;
	color:#666;
	text-align:justify;
	line-height:1.3em;}
	

#content a {color:#0a6436;}
#content a:hover {font-weight:bold;}

#colonne {
	float:left;
	width:200px;
	border-right:1px solid  #e4e1bc;
	border-bottom:1px solid #e4e1bc;
	background-color:#fff;
	padding:8px;
	margin:5px 5px 5px 0;}	

#colonne p {margin:0;padding:0;
	text-align:left;}

#colonne p:first-line {font-weight:bold;} 

.clearcolonne {
	clear:both;
	margin:0 0 0 0;
    padding:10px 0 0 0;}
*html .clearcolonne {
	clear:both;
	overflow:hidden;
	margin:0;
    padding:0;}

#colonnebis {
	float:left;
	width:300px;
	border-right:1px solid #e4e1bc;
	border-bottom:1px solid #e4e1bc;
	padding:8px;
	margin:10px 10px 5px 0px;
	background-color:#fffeee;}	

#colonnebis p {margin:0;padding:0;
text-align:left;}


#colonneter {
	float:left;
	width:190px;
	border-right:1px solid #e4e1bc;
	border-bottom:1px solid #e4e1bc;
	padding:8px;
	margin:10px 10px 5px 0px;
	background-color:#fffeee;}	

#colonneter p {margin:0;padding:0;
	text-align:left;}
	
/* ********************************contenu table******************************** */
#content table{
	font-size:1em;
	margin:15px auto 0;
    padding:0;
	text-align:left;
	width:570px;
    border:2px solid #0a6436;
    color:#666; }
	
table thead tr th:first-child {
	text-align:left;
	font-variant:small-caps;}
	
#content thead tr th {
	background-color:#fff;
    margin:0;
	padding:5px;
        text-align:center;
	color:#0a6436;
	border-bottom:1px solid #0a6436;}
	
#content td {
    border-bottom:1px solid #e4e1bc;
    padding:3px;}
    
#content tfoot tr th {
	padding:5px;
	font-style:italic;
    font-weight:normal;
    text-align:center;
    background-color:#fffeee;}

.border {
    border-left:1px solid #e4e1bc;
    width:110px;}


/* ********************************footer******************************** */	


#footer {
	margin:0;
	padding:10px 5px 5px 0px;
	width:670px;
	font-style:normal;
	color:#666;
	border-bottom:1px solid #0a6436;
text-align:left;}
	
address {font-style:normal;}

#footer h5 {
	margin:0px;
	padding:0 0 0 10px;
        border-left:5px solid #0a6436;
        font-size:1.13em;}

#footer p {
	margin:0px;
	padding:3px 3px 3px 10px;
	font-size:0.9em;
	border-left:5px solid #34a56b;}
	
#footer a {color:#0a6436;}

.clearfooter {
        clear:both;
        background:url(../images/bas_container.gif) #fff top left no-repeat;
        height:43px;}

.copyright {
	margin:0 auto;
	padding:0 0 10px 0;
	text-align:center;
	font-size:1em;
	color:#fff4c7;}


/* ******************************** formulaire ******************************** */
#containerform {
	margin:0 auto;
	padding:10px 0 0 0;
	width:600px;
	background-color:#fffde1;
	font-size:1em;
	text-align:left;
	color:#666666;
	}
	
#containerform p{
	margin:0;
	padding:0 20px 0 15px;
}
	
#formcontact {
	margin:0 auto;
	padding:10px;
	position:relative;
	text-align:left;
}
#formcontact p {
	margin:0;
	padding:10px 0 0 0;
	font-size:0.9em;
	text-align:left;
	color:#789;
	}
	
.h3form {
	font-size:1.4em;
	color:#1b854f;
	margin:0;
	padding:0 0 15px 15px;
	}

.legend {
	color:#1b854f;
	font-weight:bold;
	}

.fieldset {margin:15px 0px;
}

.row {
	clear: both;
	height:1px;
	}

#row ul {
	margin:0;
	padding:0;
	text-align:center;
	}
	
#row li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0 10px;
	}
	
.label {
  	float: left;
  	width: 210px;
  	text-align:right;
  	}

.formw {
	float: right;
	}
 
.labelcontact{
  	float: left;
  	width: 110px;
  	text-align: right;
 	padding-top: 13px;
 	}

.formcontact {
  	float: right;
  	width: 410px;
  	text-align: left;
 	padding-top: 10px;
 	}
  
.float1 {
	float:left;
	margin:0 0 0 5px;
    padding:5px 0 10px 0;
    vertical-align:middle;
    }
    
.float2 {
	float:left;
	margin:0 0 0 9px;
	padding:11px 0 10px 0;
	}
	
.float2b {
	float:left;
	margin:0 0 0 9px;
	padding:5px 0 10px 0;
	}

#checkbox {
	margin:10px 0 0 0;
	padding:0 0 0 0px;
	font-size:0.9em;
	}
  
#submit {
	margin:20px 0 0px 0;
	padding:0 0 0 18px;
	}

.submit {
	font-size:0.9em;
	text-align:center;
	}
	
.parcourir {
	margin:0;
	padding:2px;
	}
	
.textarea {
	color:#003366;
	margin:5px 0 5px 10px;
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.asterix {
	color:#1b854f;
	}