@charset "UTF-8";
/* CSS Document */


/*------------------------------------
reset css
------------------------------------*/
		
		html, body, div, span, h1, h2, h3, h4, li, ul, p, a
			{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	/*font-family: "CaviarDreams", "Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica,sans-serif;*/
	font-family:"Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica,sans-serif;
             }
		 
/*------------------------------------
général
------------------------------------*/

/*@font-face { 
    font-family: 'CaviarDreams'; 
    src: local('CaviarDreams'), local('Caviar'), url('texte/CaviarDreams.ttf') format('truetype'); 
} */

body#accueil{
	position:relative;
	background: url(images/fd_body4.png) repeat-x #b1c800;
	
}
body{
	position:relative;
	background-color: #fff;
	background-image: url(images/img_footer.png),url(images/img_head2.png); 
  	background-position: bottom, top; 
  	background-repeat: repeat-x,repeat-x; 
}

#fd_vegetal{
	background: url(images/fd_vegetal.png) fixed no-repeat  bottom;
	min-height: 850px;
	margin: 0 auto;
}
#fd_vegetal2{
	background: url(images/fd_vegetal2.png) fixed no-repeat  bottom;
	min-height: 850px;
	margin: 0 auto;
}

#page{
	width:965px;
	/*min-height:600px;*/
	/*border:1px solid #666;*/
	margin:0 auto;
}

/*------------------------------------
header
------------------------------------*/

#header{
	position:relative;
	height:216px;
}

h1{
	text-indent:-5000px;
}

a img{
	border:hidden;
}

a{
	outline:hidden;
	text-decoration:none;
	color:#6d2654;
}
a:hover{
	outline:hidden;
	text-decoration:none;
	color:#b1c800;
}

#nav li a{
	display:block;
	float:left;
	margin:0 2px;
	padding:8px;
	color:white;
}
#nav li a:hover{
	display:block;
	float:left;
	border-bottom:1px solid #b1c800;
	margin:0 2px;
	padding:8px;
	color:#b1c800;
}
#nav li a:active{
	display:block;
	float:left;
	border-bottom:1px solid #b1c800;
	margin:0 2px;
	padding:8px;
	color:#b1c800;
}
#nav ul{
      position: absolute;
      right:0px;
	  top:0px;
}
#nav li{
	display:inline;
	text-align:right;
	list-style-type:none;

}
#intro_flow{
	color:white;
    	position: absolute;
    	right:-45px;
	top:62px;
	width:550px;
	margin:5px;
	padding:5px;
	/*border:1px solid #00CC66;*/
}
#intro{
	color:white;
    	position: absolute;
    	right:0px;
	top:132px;
	width:455px;
	margin:5px;
	padding:5px;
}
h2{
	font-size:42px;
	font-style:italic;
	color:white;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
}
#projet{
	position: absolute;
    	right:187px;
	top:215px;
	color:#b1c800;
	font-weight:bold;
	font-style:italic;
}

/*------------------------------------
contenu
------------------------------------*/
#instruction{
	border-left:1px dashed #b1c800;
	margin:-55px 0 0 17px;
	width:200px;
	font-size:14px;
	font-style:italic;
	padding:5px;
	text-align:left;
	/*position:absolute;*/
	float:left;
}

#instruction2{
	margin:10px -5px;
	font-size:14px;
	font-style:italic;
	padding:5px;
}

a.lien{
	background-color:#b1c800;
	color:white;
	display:block;
	width:75px;
	height:20px;
	text-align:center;
	margin-top:5px;
}

#contenu2{	
	border-right:1px dashed #b1c800;
	margin:0 10px;
	min-height:400px;
}
#contenu{	
	border-right:1px dashed #b1c800;
	margin:0 10px;
	min-height:600px;
}
#contenu3{	
	margin:0 auto;
	min-height:600px;
	width:510px;
	text-align:center;
}
#contenu4{	
	margin:0 auto;
	min-height:400px;
	padding:30px 0;
}
#contenu3 p span{
	font-size:12px;
	}

h3{
	color:#b1c800;
	font-size:14px;
}

#ill_vegetal{
	overflow:hidden;
	width:375px;
	height:560px;
	background:url(images/img_acc.png) no-repeat;
	margin-top:70px;
	margin-left:305px;
	position: relative;
	/*border:1px solid #006633;*/
}
#ill_vegetal li a:hover{
	background:transparent url(images/img_acc.png) no-repeat 1914px 600px;
}

#ill_vegetal li{
	list-style-type:none;
}


a#moi{
	display:block;
	position: absolute;
	width:110px;
	height:120px;
	left:128px;
	top:15px;
	
}
#ill_vegetal a#moi:hover{
	background-position: -1590px -15px;
}
a#exp_pro{
	display:block;
	position: absolute;
	width:70px;
	height:105px;
	left:23px;
	top:105px;
	
	
}
#ill_vegetal a#exp_pro:hover{
	background-position: -755px -105px;
}
a#formation{
	display:block;
	position: absolute;
	width:90px;
	height:140px;
	left:85px;
	top:335px;
	
}
#ill_vegetal a#formation:hover{
	background-position: -1183px -335px;
}
a#plus{
	display:block;
	position: absolute;
	width:75px;
	height:105px;
	left:275px;
	top:335px;
}
#ill_vegetal a#plus:hover{
	background-position: -643px -335px;
}

#col_drt{
	float:right;
	width:400px;
	margin:15px 0;
}
#col_drt li{
	height:100px;
	margin:38px 0 42px 0;
	list-style-type:none;
	padding:10px;
	font-size:13px;
	}
#col_drt2{
	float:right;
	width:400px;
	margin:10px 0;
	
}
#col_drt2 li{
	height:100px;
	margin:40px 0;
	list-style-type:none;
	padding:17px 10px 5px 10px;
	font-size:13px;
	}
	
#col_drt3{
	float:right;
	width:400px;
	margin:60px 0;
	font-size:14px;
	color: #4e003d;
	text-align:center;
	line-height:20px;
}

#web{
	float:left;
	margin:20px 0;
	}
#web li{
	height:100px;
	margin:40px 0;
	list-style-type:none;
	border:1px solid #b1c800;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	padding:10px;
	}
div.clear{
	clear:both;
}

/*------------------------------------
info bulle
------------------------------------*/

.bulle {
	width: 389px;  
	display: none;  
	position: absolute;  
	overflow: hidden;
	z-index: 500;
	font-size:14px;	
}
.hautbulle{
	background: transparent url(images/bulle_haut3.png) no-repeat top;
	height: 119px;
}

.bg {
	background: transparent url(images/bulle.png) repeat-y; 
	padding: 0 60px 0 90px;
}
.basbulle {
	background: transparent url(images/bulle_bas.png) no-repeat bottom; 
	height: 94px;
}

#ill_vegetal li{
	font-size:14px;
}

#cloud1 {top: 93px;
	   left: 330px;
}
#cloud2 {top: 93px;
	   left: 230px;
}
#cloud3 {top: 93px;
	   left: 230px;
}
#cloud4 {top: 93px;
	   left: 30px;
}

/*------------------------------------
footer
------------------------------------*/

#footer{
	width:965px;;
	/*position:absolute;*/
	/*bottom:-40px;*/
}
#nav2{
	width:100%;
	height:20px;
	font-size:13px;
	/*position: absolute;*/
	/*bottom:8px;*/
}
#nav2 li a{
	display:block;
	float:left;
	margin:0 10px;
	padding:0 15px;
	color:white;
}
#nav2 li a:hover{
	display:block;
	float:left;
	margin:0 10px;
	padding:0 15px;
	color:#4e003d;
}
#nav2 ul{
      /*position: absolute;
	right:-110px;*/
	margin-left:220px;
}
#nav2 li{
	display:inline;
	text-align:center;
	list-style-type:none;
	margin:0 10px;
}

#signature span{
	text-align:center;
	font-size:11px;
	color:#4e003d;
	margin:0 auto;
	display:block;
}


/*------------------------------------
formulaire
------------------------------------*/

form {
	text-align: right;
	width: 400px;
	padding: 10px;
	color: #4e003d;
	margin:20px 0 0 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #b1c800;*/
	}
	
input#bouton {
	background:transparent url(images/envoyer_hover.png) no-repeat;
	font-weight: bold;
	width:150px;
	height:37px;
	margin-right:3px;
	}
	
input#bouton:hover {
	background:transparent url(images/envoyer.png) no-repeat;
	font-weight: bold;
	width:150px;
	height:37px;
	margin-right:3px;
	}
	
	
input{
	margin:10px 0;
	background:transparent url(images/input_test.png) no-repeat;
	border:none;
	width:284px;
	height:31px;
	padding-left:3px;
}
h2#formulaire{
	margin-left:250px;
	font-size:18px;
}

textarea{
	margin:15px 0;
	width:360px;
	height:150px;
	background:transparent url(images/textarea.png) no-repeat;
	border:none;
	padding-left:3px;
}

/*#commentaires{
	position:top;

}
*/










#ch_obl{
	font-size:14px;
	font-style:italic;
}