/*+---------------------------+ 
//|  File: plante.css         |
//+---------------------------+
*/


/* 
******************    Main Skeleton    ******************    
*/
/* BODY */
body { 
	margin: auto;
	padding: 0;
	text-align: center;
	font-family: anklada, Verdana, sans-serif;
	color: #7d7d7d;
	background-color: #D9EEE1;
}


ul {
  list-style: none;
  margin: 0 0 0 0;
  padding-left: 1em;
  text-indent: -1em;
}
li {
	margin: 0 0 0 0;
	padding: 2px 5px 2px 5px;
}
a { text-decoration: none; }

button { font-family: anklada, Verdana, sans-serif; color: #676666; }

/* input objects border */
.redborder { border: 1px solid red; }

/* STANDARD CLASS */
.fleft { float: left; }
.fwidth { width: 100%; }


/*********************** GLOBAL CONTAINERS *****************/ 
#global {
	width: 1000px;
	height: auto;
	margin: auto;
	padding: 0;
}
#bckg {
	float:left;
	width: 1000px;
	height: auto;
	min-height: 977px;
	margin: auto;
	padding: 0px;
	background-color: #D9EEE1;
	background-image: url('../images/page-de-garde_1000x767.png');
	background-repeat: no-repeat;
	background-position: bottom center;
}
/* HEADER */
#header {
  float: left;
	padding: 10px 0 0 0;
	margin: 0;
	width: 100%;
	height: auto;	
}
/* CONTENT */
#content { 
	float: left;
	padding: 10px 0 10px 0;
	width: 100%; 
	height: auto;
	min-height: 250px;
}
/* FOOTER */
#footer { 
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 450px;
}
/* #footer2 { float: left; padding: 0; margin: 0; width: 100%; height: 50px;} 
#logos { float: left; padding: 0; margin: 0; width: 100%; height: 50px;} */
#logos { float: left; border: 0; padding: 0; margin: 0; margin-top: 50px; width: 100%; height: 50px;}
#logos a { position: relative; top: 0; left: 0; width: 100%; height: 100%; display: block; }

#leftbord {
	float: left;
	width: 160px;
	height: 300px;
}

/* MENU  */
#menu { 
	position: relative;
	left: 0;
	top: 0;
	padding: 0;
	width: 1000px;
	height: 350px;
}
#menu .menu_div { position: absolute; }
#menu-presentation { top: 10px; left: 50px; }
#menu-galerie { top: 105px; left: 327px; }
#menu-depot { top:55px; left: 592px; }

.nav_menu { float:left; background-repeat: no-repeat; display:block; } 
.nav_chenille { background-image: url('../images/chenille.png'); 
								background-position: top left;		
								width:200px; height:85px; }
.nav_chenille:hover { background-position: bottom left; }
.nav_coccinelle { background-image: url('../images/coccinelle.png'); 
								background-position: top left;		
								width:120px; height:60px; }
.nav_coccinelle:hover { background-position: bottom left; }								
.nav_libellule { background-image: url('../images/libellule.png'); 
								background-position: top left;		
								width:200px; height:120px; }
.nav_libellule:hover { background-position: bottom left; }

/*
******************    Title & text style   ******************
*/
@font-face {
	font-family: anklada;
	src: url('Anklada_99.ttf');
}

.std_txt { font-family: anklada, Verdana, sans-serif; color: #676666; }

#title1 {
	float: left;
	width: 100%;
	height: auto;
	margin: auto;
	padding: 0;
}
#title1_div {
	float: left;
	width: 100%;
	height: 100px;
}
.title1_txt { text-align: right; font-size: 80px; line-height: 90px; color: #676666; 	padding-right: 20px;}
.title2_txt { text-align: center; font-size: 200%; position: relative; bottom: 0; right: 0; }
.title3_txt { text-align: right; font-size: 280%; position: relative; bottom: 0; right: 0; }


/***************** PAGE ACCUEIL  *********************/
#abstract {
	float: left;
	padding: 1% 1% 1% 1%;
	margin: 0;
	width: 80%;
	height: auto;
	min-height: 90px;
}
#abstract p { line-height: 130%; text-align: justify; font-size: 100%; padding: 5px 0 0 0; margin: 0; }

#diapo_dynam {
	float:left;
	position:relative;
	width: 840px;
	height: 180px;
	margin: 0;
	margin-top: 15px;
	padding: 0;
	border: 0;
}

#d_tmb0 { position:absolute; border:0; padding:0; margin:0; width:160px; height:160px; left:50px; background-color:black;}
#d_tmb1 { position:absolute; border:0; padding:0; margin:0; width:160px; height:160px; left:235px; background-color:black;}
#d_tmb2 { position:absolute; border:0; padding:0; margin:0; width:160px; height:160px; left:420px; background-color:black; }
#d_tmb3 { position:absolute; border:0; padding:0; margin:0; width:160px; height:160px; left:605px; background-color:black;}

/*.diapo_tmb1  { float: left; width: 22%; margin: 1% 1% 1% 1%; background-color: black; border: 0; }*/
/*.diapo_div  { float: left; width: 160px; height: 160px; margin: 5px 25px; background-color: black; border: 0; }*/
.diapo_div { max-width:160px; max-height: 160px; } 
.diapo_tmb { max-width:160px; max-height: 160px; margin:0; border: 0; padding: 0; display:none; }

/**************** FROM PRESENTATION ********************/
#presentation {
	float:left;
	text-align: left;
	padding: 0;
	margin: 0;
	width: 60%;	
}
#presentation h1 { font-size: 120%; line-height: 120%; color: #7d7d7d; text-decoration: underline; padding: 15px 0px 10px 0; margin: 0; }
#presentation p { text-align: justify; font-size: 100%; line-height: 140%; padding: 0; margin: 0; color: #7d7d7d; }
#presentation .spanbold { font-weight: bold; }
#presentation .spanit { font-style: italic; }

#expo_affiche { 
	float:left;
	padding: 0;
	margin: 50px 0 0 0;
	width: 24%;
}


/**************** FROM DEPOT PHOTO ********************/
#depot_leftdiv {
	float: left;
	width: 15%;
	height: 400px;	
}
#texte_depot {
	float: left;
	text-align: left;
	width: 85%;
	margin: 0;
	padding: 10px 0 0 0;	
}
#texte_depot h1 { font-size: 120%; line-height: 120%; color: #7d7d7d; text-decoration: underline; padding: 0 0 5px 0; margin: 0; }
#texte_depot p { text-align: justify; font-size: 100%; line-height: 140%; padding: 0; margin: 0; color: #7d7d7d; }

#popupformdepot {
	float: left;
	width: 85%;
	height: 50px; 
	margin: 0;
	padding: 10px 0 0 0;	
}
#mon_depot_dialog {
	font-family: Verdana, sans-serif;
	color: #676666;
	padding: 0;
	margin: 0;
}
#dial_wrapper { margin: 0; padding: 0; width: 100%; height: auto; } 

.form_field { float: left; width: 100%; padding: 10px 0; margin: auto; text-align: left; font-size:110%;}
.form_label { float: left; width: 40%; text-align: right; margin-right:10px} 
.f_input { margin-left: 3px;} 

#wrap{
	float:left;
	border:solid #676666 1px;
	width:203px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:3px;
	margin-top:3px;
	text-align: center;
}

#refresh{
	float:left;
	margin-top:30px;
	margin-left:4px;
	cursor:pointer;
}


.upload-button {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}

#loading-gif { margin: 22px 0 0 151px; border: 0; padding: 0;}






/**************** GALERIE ********************/
/*#left_gal { float: left; width: 100px; height: 500px; }
#right_gal { float: left; width: 100px; height: 500px; }
*/
#galerie { width: 800px; height: 550px; background-color: black; 
						border: 0; margin: 0 auto; padding: 0;
						border-radius:5px; -moz-border-radius:5px;}

/*******************************  PICTURES ***********************************/
#gal-left-main { float: left; width: 60px; height: 480px; border: 0; margin: 0; padding: 0; background-color: black;}
#gal-center-main { float: left; width: 680px; height: 480px; border: 0; margin: 0; padding: 0; }
#gal-right-main { float: left; width: 60px; height: 480px; border: 0; margin:0; padding: 0; background-color: black;}

/*#gal-center-main ul { margin: auto; border: 0; padding:0;}
#gal-center-main ul li { position: absolute; list-style: none; display: none; border: 0; margin: 0; padding: 0;}
*/

 /*****/ 
#gal-img-main { float: left; width: 680px; height: 380px; background-color: black; border: 0; margin: 0; padding: 0; } 
#gal-img-comm { float: left; margin:auto; width: 680px; height: 100px; background-color: black; border: 0; padding: 0; color: white; }

/*******************  INFOS AREA  ************************/						
#infos-ul { margin:0; padding:0; border:0; }
#infos-ul>li { float: left; height:100px; width:100%; }

/*#infos-ul>li>p { float: left; width:630px; margin:0; padding:0; border:0; text-align: center; font-size:70%; }*/ /* margin-left:50px;}*/
#infos-ul>li>p { float: left; width:480px; margin:0 auto; padding:0; border:0; text-align: center; font-size:70%; margin-left:100px; font-family: Verdana, sans-serif; } 



#gal-img-main ul { float:left; border: 0; margin:auto; padding: 0; width: 680px; height: 380px; text-indent:0; }
#gal-img-main ul li { position: absolute; list-style: none; display:none; width: 660px; height: 360px; margin: 10px; border:0; padding: 0; }
             

/*.pict-style { max-width:648px; max-height:356px; margin:auto; border: 0; padding: 0; }*/
.pict-style { max-width:660px; max-height:360px; margin:0; border: 0; padding: 0; display:none; } 
.pict-li-style { background: url(../images/loading_gif2.gif) no-repeat center center; }

/*******************************  TMB ***********************************/
#gal-left-tmb{ float: left; width: 40px; height: 70px; border: 0; margin: 0; padding: 0; background-color: black; }
#gal-center-tmb { float: left; width: 720px; height: 70px; border: 0; margin: 0; padding: 0; background-color: black; }
#gal-right-tmb { float: left; width: 40px; height: 70px; border: 0; margin: 0; padding: 0; background-color: black; }

#gal-center-tmb ul { float:left; border: 0; margin:auto; padding: 0; width: 720px; height: 70px; text-indent:0; margin-left:12px;}
#gal-center-tmb ul li { float:left; position:relative; list-style: none; display: block; width: 60px; height: 60px; margin: 5px; border:0; padding: 0;  }

.tmb-style { max-width:60px; max-height:60px; margin:0; border: 0; padding: 0; }
.tmp-opa { opacity:0.4; 
					filter:alpha(opacity=40); /* IE.version <= 8 */ 
}
.tmp-opa:hover { opacity:1; filter:alpha(opacity=100); }
.tmp-opa:not(:hover) { opacity:0.4; filter:alpha(opacity=40); }

.nav-img { opacity:0.4; filter:alpha(opacity=40); }
.nav-img:hover { opacity:1; filter:alpha(opacity=100); }
.nav-img-big { max-height:430px; max-width:60px; }
.nav-img-small { max-height:70px; max-width:40px; }