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


/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}

/* fin reset */


body{
	background-color:#3f403a;
	font-family:Verdana, Geneva, sans-serif;
	
}
h1, h2, h3{
	font-family:'EBGaramondRegular', Arial, sans-serif;
	margin:10px;
	
}


p.chapeau{
	font-size:1em;
	color:#F00;
}



#section{
	margin-top:20px;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F4F4F4;
	width:80%;
	min-width:800px;
	min-height:500px;
	padding:60px;
	padding-bottom:80px;
	text-align:left;
	border:1px #555 solid;
	box-shadow:8px 10px 20px #222;
}

.article{
	padding-bottom:50px;
	margin-bottom:30px;
}

.tableau img{
	display:inline;
	height:300px;
	margin:1px;
	
	border:#F3F3F3 5px solid;
}
.tableau a>img:hover{
	/*border-top:#438DA3 1px solid;
	/*border-bottom:#438DA3 1px solid;*/
	margin:-5px;
	border-style: solid; 
	border-width: 11px; 
	-moz-border-image: url(modules/borderimg.gif) 11 repeat; 
	-webkit-border-image: url(modules/borderimg.gif) 11 repeat;
	 -o-border-image: url(modules/borderimg.gif) 11 repeat; 
	 border-image: url(modules/borderimg.gif) 11 repeat;
	
	
}

#contenu img{
	cursor:pointer;
	width:100%;
	margin:5px;
}
img.plein{
	width:100%;
	margin:0px;
	margin-top:0.5%;
	margin-bottom:0.5%;
	
}


.cartouche_bleu{
	width:350px;	
	color:#438DA3;
}
.cartouche_bleu img{
	margin:0px;
	margin-bottom:-70px;
}


ul{
	margin:0px;
	padding:0px;}
li{
	font-weight:bold;
	list-style:none;
	margin:0px;
}
a{
	text-decoration:none;
	color:#F30;
	cursor:pointer;
}
a:hover{
	color:#FC0;
	text-decoration: none;
}
a:active{text-decoration: none;}
a:visited{text-decoration: none;}


#wind{
	top:0px;
	position:fixed;
	width:100%;
	min-height:100%;
	background:url(http://www.no-buttons.com/mod/css/modules/fond_wind.png);
}
#wind #section{
	margin-left:10%;
	margin-top:5%;
	width:50%;
	min-width:400px;
	box-shadow:none;
}
#prev{
	background:url(http://www.no-buttons.com/mod/css/modules/prev.png) no-repeat;
	width:20px;
	height:20px;
	padding:10px;
	margin:30px;
	margin-top:-60px;
	margin-left:-60px;
	position:relative;
	
}
#prev:hover{
	background:url(http://www.no-buttons.com/mod/css/modules/prev_hover.png) no-repeat;
	cursor:pointer;
	
}

ul#_menuBas{
		padding:10px;
		padding-top:20px;
		padding-bottom:30px;
		bottom:40px;
		left:40px;
		opacity:0.97;
		z-index:80;
		overflow:hidden;
	}
	
.up:hover{
		background:url(http://www.no-buttons.com/mod/css/modules/up_btn.png) right top no-repeat;
	}
	.down:hover{
		background:url(http://www.no-buttons.com/mod/css/modules/down_btn.png) right top no-repeat;
	}
	ul#_menuBas > li{
		text-transform:lowercase;
		color:#444;
		border-bottom:#222 dashed 1px;
		padding:3px;
		cursor:pointer;
		height:20px;
	}
	ul#_menuBas > li:hover{
		color:#F00;
		
	}
	ul#_menuBas > li:last-child{
		border-bottom:none;
	}
	ul#_menuBas > Li p{
		font-size:16px;
		margin:0px;
		
		vertical-align:top;
	}
	.floatL{
		float:left;
	}
	.floatR{
		float:right;
		padding-left:30px;
	}
#_navController{
	position:fixed;
	background-color:#F4F4F4;
	bottom:10px;
	left:20px;
	/*box-shadow:8px 10px 10px rgba(50, 50, 50, 0.2);*/
	border:1px #C30 solid;

	/*border-top:#F00 1px solid;*/
	z-index:101;
}
#_firstBtn{
	position:fixed;
	background-color:#F4F4F4;
	bottom:25px;
	left:-2px;
	height:20px;
	width:22px;
	border:1px #C30  solid;
	border-right:none;
	z-index:102;
}
div#_btn{
		display:block;
		padding:5px;
		padding-left:10px;
		padding-bottom:0px;
		height:20px;
		width:150px;
		vertical-align:top;
		font-weight:bold;
		color:#555;
		cursor:pointer;
	}
#_controller{
	padding:0;
	padding-top:5px;
	padding-right:5px;
	/*border-top:#C30 1px dashed;*/
	-moz-user-select: none;
  -webkit-user-select: none;
}

#_previous, #_next , #_home{
	cursor:pointer;
	display:inline-block;
	width:30px;
	height:30px;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
	border:none;

}
#_home{
	background:url(http://www.no-buttons.com/mod/css/modules/home.png) left top no-repeat;
	margin-right:40px;
}
#_home:hover{
	background:url(http://www.no-buttons.com/mod/css/modules/home_hover.png);
	
}
#count{
	vertical-align:top;
	padding-top:3px;
	height:20px;
	display:inline-block;
	width:70px;
	text-align:center;
	font-weight:bold;
	color:#777;
}
#count p{
	margin:0;
	font-size:16px;
}
#_previous{
	background:url(http://www.no-buttons.com/mod/css/modules/prev.png) no-repeat;
}
#_previous:hover{
	background:url(http://www.no-buttons.com/mod/css/modules/prev_hover.png) no-repeat;
	
}
#_next{
	background:url(http://www.no-buttons.com/mod/css/modules/next.png) no-repeat;
}
#_next:hover{
	background:url(http://www.no-buttons.com/mod/css/modules/next_hover.png) no-repeat;
}
#close{
	background:url(http://www.no-buttons.com/mod/css/modules/close.png);
	width:20px;
	height:20px;
	margin-left:10%;
	margin-top:5%;
	margin-bottom:-150px;
	padding:10px;
	position:relative;
}
#close:hover{
	cursor:pointer;
	background:url(http://www.no-buttons.com/mod/css/modules/close_hover.png) no-repeat right bottom;
}