html,body{
text-align:center;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
background-image:url(../phototheque/medias/bg.jpg)
}
#global{
position:relative;
margin-top:50px;
margin-left:auto;
margin-right:auto;
width:740px;
}
#content{
/*height:475;
min-height:475px;*/
background-color:#FFFFFF;
text-align:left;
zoom:1;
}
form{margin:0;}
img{ border:0}
/************************************************** menu principal*/
#menu_principal{
padding-top:40px;
width:740px;
}
#menu_bot_left{
width:410px;
text-align:left;
}

#menu_bot_right{
width:310px;
text-align:right;
}
#menu_top{
color:#fff;
background-color:#3f3f3f;
width:740px;
}
#menu_bot{
color:#8c8c8c;
background-color:#e6e6e6;
width:740px;
}
#menu_top_left{
text-align:left;
padding-bottom:10px;
padding-top:10px;
padding-left:5px;
padding-right:5px;
font-family:Arial, Helvetica, sans-serif;
}
#menu_top_left a{
text-decoration:none;
color:#fff;
margin-right:8px;
margin-left:8px;
}

#menu_top_left a:hover{
color:#999999;
}

#contact{
margin-right:87px !important;
}

#menu_bot_left, #menu_bot_right{
float:left; 
background-color:#e6e6e6;
font-family:Arial, Helvetica, sans-serif;
}

#menu_bot_left{
padding:5px;
}

#menu_bot_right{
padding:2px;
padding-left:6px;
}

#menu_bot_left a, #menu_bot_right a{
text-decoration:none;
color:#8c8c8c;
padding-left:3px;
padding-right:3px;
}
.input_gris{
background-color:#666;
height:12px;
width:125px;
border:0;
margin:0;
padding:1px;
color:#fff;
font-size:10px;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
}
.selPage{
height:20px;
margin:0;
font-size:1em;
display:table-cell; 
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
}
/*********************************************************************************/
#footer{
/*text-align:right;*/
padding-top:7px;
color:#c8c8c8;
font-family:Arial, Helvetica, sans-serif;
}
#footer a{
text-decoration:none;
color:#c8c8c8;
}
#footer a:hover,#menu_bot_left a:hover{
color:#666666;
}

#footer img{
/*display:table-cell;
vertical-align:text-bottom;*/

}

#mentions{
	float:left;
	padding-left:593px;
	padding-right:10px;
	padding-top:3px;
}


/******************* styles des pages *****************/
#gauche{
	width:550px;
	float:left;
	height:100%;
	background-color:white;
	
}

#titre{
	padding-top:20px;
	padding-left:10px;
	text-transform:uppercase;
}

.h1{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.1em;
	color:#E6E6E6;
	font-weight:normal;
	letter-spacing:2px;
	float:left;
}

#img_gauche{
	text-align:center;
	height:422px;
}

#menu_droite{
	width:190px;
	background-color:#3F3F3F;
	height:475px;
	float:left;	
	text-align:center;

}


#menu_droite img{
	margin-top:13px;
}


#rubriques{
	overflow:auto;
	scrollbar-arrow-color:#CCCCCC;
	scrollbar-Track-Color:#3F3F3F;
	scrollbar-Highlight-Color:#696969;
	scrollbar-base-color:#000000;
	scrollbar-Face-Color:#3F3F3F;
	scrollbar-Shadow-Color:#696969;
	scrollbar-DarkShadow-Color:#000000;
	height:359px;
	margin-top:25px;
	text-align:left;
	padding-left:25px;
	padding-right:25px;
}

#rubriques ul, #menu_gallerie ul{
margin:0;
padding:0;
list-style:none;
}

#rubriques li, #menu_gallerie li{
margin-bottom:5px;
}

#menu_gallerie li{
margin-left:5px;
}

#rubriques a, #menu_gallerie a{
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	display:inline !important;
}

#rubriques a:hover, #menu_gallerie a:hover{
	color:#999999;
}

.ok{
	vertical-align:middle;
	display:table-cell;
}


.vignette_global{
	width:170px;
	height:170px;
	float:left;
	margin-left:9px;
	margin-bottom:9px;
}

/*.vignette_global a:hover img{
	opacity:0.8;
	filter :alpha(opacity=80);
    -moz-opacity :0.8;
	-khtml-opacity: 0.8;
}*/

.legende{
	position:absolute;
	margin-top:150px;
	height:20px;
	width:170px;
	color:#808080;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	background-color:#FFFFFF;
	opacity:0.8;
	filter :alpha(opacity=80);
    -moz-opacity :0.8;
	-khtml-opacity: 0.8;
}

.titre_leg{
	float:left;
	margin-left:5px;
	margin-top:4px;
}

.bouton{
	position:absolute;
	margin-top:156px;
	margin-left:157px;
}

.clear{
	clear:both;
	font-size:1px;
}

#fleche{
	float:right;
	margin-bottom:20px;
	margin-right:6px;
}

#flech_abs{
	text-align:left;
	width:740px; 
	border-top:1px solid #F4F4F4; 
	margin-left:auto; 
	margin-right:auto;
}

#fleche_d{
	width:16px; 
	height:15px; 
	background-color:#3F3F3F; 
	font-size:1px;
	text-align:center;
	
	position:absolute; 
	margin-left:724px; 
	margin-top:50px;
	z-index:1;
	
}

#fleche_d img{
	margin-top:4px;
}

#fleche_d a{
	height:100%;
	width:100%;
	display:block;
}

#fleche_d a:hover img{
	opacity:0.6;
	filter :alpha(opacity=60);
    -moz-opacity :0.6;
	-khtml-opacity: 0.6;
}

#vign_relai{
	background-image:url(../phototheque/medias/relais_moulin_neuf_blanc.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:150px;
	margin-bottom:29px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
	font-size:1.1em;

}

#vign_relai h1{
	display:none;
}

#menu_gallerie{
	position:absolute;
	z-index:10;
	background-color:#3F3F3F;
	visibility:hidden;
	overflow:hidden;
	font-size:10em !important;
}

#menu_gallerie h2{
	margin-bottom:3px;
	font-size:1.1em;
}

#liste_gallerie {
	position:absolute;
	z-index:50;
	left:15px;
	top:10px;
	opacity:0;
	filter :alpha(opacity=0);
    -moz-opacity :0;
	-khtml-opacity: 0;
	text-align:left;
	width:160px;
	

}

.navigation_liste div{
	font-weight:bold !important;
	font-size:1.1em;


}

.navigation_liste div, #result{
	float:left;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:10px;
}

.navigation_liste div img{
	margin-top:4px;
}

.navigation_liste a{
	color:#8C8C8C;
	text-decoration:none;
	font-weight:normal;
	font-size:0.9em;

}

#nav{
	margin-right:15px; 
	margin-top:10px; 
	float:right;
}

.info_table{
	text-align:left;
	color:#FFFFFF;
	margin:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

.info_table td{
	border-bottom:1px solid #666666;
}

#table{
	/*border: 1px solid red;*/
	height:407px;
}

h2{
	font-size:1.2em;
	color:#CCCCCC;
	margin:10px 0 10px 0;
	font-weight:normal;
}

.gris2{
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.label{
	float:left;
	text-align:right;
	margin-left:10px;
}

#ident{
	float:left; 
	width:380px; 
	margin-left:30px; 
	text-align:left; 
	background-color:#3F3F3F; 
	color:#FFFFFF;
	margin-top:30px;
	margin-bottom:10px;
}

.ligne_hr {
		/*background:url(../media_visiteur/images/ligne.jpg) repeat;*/
		border:none;
		border-top:1px solid #666666;
		background-color:#000000;
		font-size:1px !important;
		width:100%;
		height:1px !important;
		padding:0 !important;
		margin:0;
		margin-bottom:10px;
	}
	
#ident h2{
	font-weight:normal;
	font-size:1em;
	margin-left:10px;
}

.input2{
	background-color:#666;
	height:12px;
	width:210px;
	border:0;
	margin:0;
	padding:1px;
	color:#fff;
	font-size:10px;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:5px;
	margin-bottom:2px;
}

.blanc{color:white;	font-family:Verdana, Arial, Helvetica, sans-serif;}


#ident a{
	text-decoration:none;
	color:#999999;
}

#ident a:hover{
	color:#CCCCCC;
}

.texte_blanc{
	color:#666666;
}


#vider img{
	float:left;
	margin-right:3px;
	margin-left:13px;
}

#vider span{
	display:block;
	padding-top:2px;
}

#aj img{
	float:left;
	margin-right:3px;
	margin-left:8px;
	margin-top:2px;
}

#aj span{
	display:block;
}

#remp img{
	float:left;
	margin-right:3px;
	margin-left:8px;
	margin-top:0px;
}

#remp span{
	display:block;
}


#panier_gauche{
	float:left; 
	width:546px;
	padding-top:15px;
	background-color:#FFFFFF; 
	zoom:1;
}

#panier_droit{
	float:left;
	background-color:#3F3F3F;
	width:186px;
	margin-left:0px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	min-height:185px;
	/*position:absolute;
	z-index:10;*/

}

#panier_droit h2{
	font-size:1.1em !important;
	margin-bottom:3px;
	letter-spacing:0.02em;
	margin-left:5px;
}

#panier_droit a{
	color:#FFFFFF;
	text-decoration:none;
}

#panier_droit a:hover{
	color:#999999;
}

#panier_droit .ligne_hr{
	margin-bottom:5px;
}
.clear{clear:both; font-size:1px !important; height:1px; background-color:#FFFFFF;}

.gris{
	color:#C8C8C8;
}

.orange{
	color:#666666;
	margin-right:20px;
	margin-top:80px;
}

.alb{
	float:left;
	width:42px;
}

.nb_img{
	float:left;
	width:56px;
}

.date{
	float:left;
	width:62px;
}