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

<style type="text/css">

		*{  
   			margin: 0;  
    		padding: 0;  
    		border: 0 none;  
    		outline: 0;  
		}
		
		body {
			font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 0;
			background-image: url(../images/background.png);
		    background-repeat: repeat;
		}
		
		section{
			margin-top:20px;
			margin-left:10px;
			margin-right:10px;
			padding-bottom:10px;
			background-color:#E8E8E8;
			border-radius: 10px;
			box-shadow:#BDBDBD 1px 1px 4px;
			-moz-box-shadow:#BDBDBD 1px 1px 4px;
			-webkit-box-shadow:#BDBDBD 1px 1px 4px;
		}

		aside p{
			color:#666;
			text-align:center;
		}
		
		ul, ol, dl { 
			padding: 0;
			margin: 0;
		}

/* Titres */		
		h1, h3, h4, h5, h6, p {
			margin-top: 0;
			padding-right: 15px;
			padding-left: 15px;
			font-family: Georgia, "Times New Roman", Times, serif;
			color:#333;
		}
		
		h2 {
			margin-top:0px;
			padding-top:10px;
			padding-right: 15px;
			padding-left: 15px;
			color:#036;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
		
/* Video */
		video {
			display:block;
			margin:auto;
		}
		
/* Image */	
		img{
			border:none;
			margin:0;
			padding:0;
			display:table;
		}
		
		.photo_article{
			display:table;
			margin:auto;
		}
		
		.photo table{
			text-align:center;
		}
		
		.imagepres{
			display:table;
			padding-bottom:20px;
		}
		
		.imagepres img{
			display:table;
		}
			
		#gallery, #thumbs{
			float: left;
		}

		#gallery{
			margin-left:10px;
			width: 640px;  
    		height: 500px;  
	    	overflow: hidden;  
		}  

		#gallery img{  
    		position: absolute;
		}  
  
		#thumbs{
			border:none;
			margin:0;
			padding:0;  
		   	width: 100px;  
    		height: 500px;  
    		overflow: hidden;  
		} 
  
		#next{  
    		display: block;  
    		width: 47px;  
    		height: 43px;  
    		background: url(../images/arrow.png);  
    		position: relative;  
    		top: 457px;  
	    	left: 705px;  
		}  
  
		#next:hover {  
	    	background: url(../images/arrowmo.png);
		}		

/* Liens */				
		a img {
			border: none;
		}
	
		a:link {
			color: #6E6C64;
			text-decoration: none; 
		}
		
		a:visited {
			color: #6E6C64;
			text-decoration: underline;
		}
		
		a:hover, a:active, a:focus {
			text-decoration: none;
			text-align: left;
		}
				
/* Titre */	
		header {
			background: #E8E8E8;
		}
		
		#Insert_logo {
			margin-left:auto;
			margin-right:auto;
			width:200px;
		}

/* Intro */	
		#intro {
			margin-top: 20px;
			margin-left:20px;
			margin-right:20px;
			margin-bottom:20px;
			padding:22px;
			font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
			font-style:italic;
			color:#FFF;
			background:#0CF url(../images/Intro_box.png);
			background-size:100%;
			border-radius: 22px;
			box-shadow:#666 1px 1px 5px;
			-moz-box-shadow:#666 1px 1px 5px;
			-webkit-box-shadow:#666 1px 1px 5px;
		}
		
		#intro p{
			color:#9FF;
		}
		
		#intro h2 {
			color:#FFF;
		}
		
/* Container */	
		.container {
			padding:20px;;
			width: 960px;
			background: #E8E8E8;
			margin: 20px auto 20px auto;
			border:none;
			border-radius:22px;
			box-shadow: #E5E5E5 0px 0px 10px;
			-moz-box-shadow:#E5E5E5 0px 0px 10px;
			-webkit-box-shadow:#E5E5E5 0px 0px 10px;
		}
		
		.container_bis {
			padding:20px;;
			background: #E8E8E8;
			margin: 20px auto 20px auto;
			border:none;
		}
		
/* Menu */		
		.menu {
			margin-top:95px;
			float: right;
			width: 180px;
			background: #F0F0F0;
			padding-bottom: 10px;
			border-radius:10px;
		}
		
		.container .menu div {
			padding:10px;
			text-align: center;
			color: #666;
		}

/* Content */		
		.content {
			margin-top:0px;
			margin-left:0px;
			margin-right:0px;
			margin-bottom:0px;
			padding: 10px 0;
			width: 780px;
			float: right;
		}
		
		.content_bis{
			float:left;
			margin-top:-40px;
			margin-left:-20px;
			margin-right:0px;
			margin-bottom:0px;
			padding:0;
			width: 780px;
		}
		
		.content ul, .content ol {
			padding: 0 15px 15px 40px;
		}
		
/* Navigation */		
		nav ul {
			list-style: none;
			border-top: 1px solid #CCC;
			margin-bottom: 15px;
		}
		nav ul li {
			border-bottom: 1px solid #CCC; 
		}
		nav ul a, nav ul a:visited {
			padding: 5px 5px 5px 15px;
			display: block; 
			width: 160px; 
			text-decoration: none;
			background: #E0E0E0;
		}
		nav ul a:hover, nav ul a:active, nav ul a:focus { 
			background: #B4ED07;
			color: #FFF;
		}
		
/* Footer */
		footer {
            margin: 20px 10px auto 10px;
			font:80%/1.4 inherit;
			color:#FFF;
			border-radius: 22px;
			padding: 15px 0;
			background: #CCC;
			position: relative;
			clear: both; 
		}
		
		footer p {
			color:#FFF;
		}
		
		#address {
			text-align: center;
		}

		.container footer address {
			text-align: center;
		}
		.container footer p {
			text-align: center;
		}
		
		header, section, footer, aside, nav, article, figure {
			display: block;
		}
		
</style>
