﻿body {
	font-family: "Arial";
	font-size:83%;
	text-align: justify;
	color: #000080
}

img {
	border:0;
}
    
td {
	text-align:center;
}

p {
	text-align:justify;
}

a {
	text-decoration: none;
}
    
.top-contenu {
	vertical-align:top;
	height:15px;
	background-color: #D8E0FF;
	border-top-right-radius: 15px;
}
	  
.contenu {
	text-align:justify;
	vertical-align:top;
	height:602px;
	width:862px;
	padding:20px 20px;
	border:0px solid;
	border-spacing: 0px;
	border-collapse: collapse; 
	margin-left:auto;
	margin-right:auto;
	background-color: #D8E0FF;
	border-bottom-right-radius: 15px;
}
    
.main {
	text-align:justify;
	width:1000px;
	padding:0 0;
	border:0px solid;
	border-spacing: 0px;
	border-collapse: collapse; 
	margin-left:auto;
	margin-right:auto;	
	border-radius: 15px;
	box-shadow:0px 1px 40px #888;
	-moz-box-shadow: 0px 1px 40px #888;
	-webkit-box-shadow: 0px 1px 40px #888;
	-opera-box-shadow: 0px 1px 40px #888;
}

.menu {
	text-align:center;
	width:100%;
	padding:0 0;
	border:0px solid;
	border-spacing: 0px;
	border-collapse: collapse; 
	margin-left:auto;
	margin-right:auto;
	width:138px;
	vertical-align:top;
	background-color: #000000;	
	border-bottom-left-radius: 15px;
}
    
.boutons {
	margin:5px;
	padding:0px 0px ;
	height:22px;
	text-align:center;
}
.entre-boutons {
	margin:5px;
	padding:0px 0px ;
	height:15px;
	text-align:center;
	font-size:70%;
}

.galerie-photos {
	width:820px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
    
.logo {
	background-color: #000000;
	width:138px; 
	text-align:center;
	vertical-align:bottom;		
	border-top-left-radius: 15px;
}

.logo-page {
	width:73px;	
	text-align:center;
	vertical-align:middle;
}

.td-titre-page {	
	text-align:center;
	vertical-align:middle;
}
    
.titre {
	height:50px;
	background-color: #000000;
	color: #FFCC00;
	width:100%; 
	text-align:right;
	font-weight:bold;
}

.titre-bis {
	font-family: "Verdana";
	font-size:120%;
	font-weight:bold;
}

.couleur1 {
	color: #000080;
}

.couleur800080 {
	color: #800080;
}
.couleur008080 {
	color: #008080;
}
.couleur-gris {
	color: #808080;
}
.couleur000080 {
	color: #000080;
}
.couleur008000 {
	color: #008000;
}
.English {
	color: #7900F2;
	font-style: italic ;
}

.note {
	padding:0 0;
	border:0px solid;
	border-spacing: 0px;
	border-collapse: collapse; 
	margin-left:auto;
	margin-right:auto;
}

.noteauteur {
	text-align:justify;
	width:306px;
}

.description {
	width:740px;
	margin-left:auto;
	margin-right:auto;
}

.description-vertic {
	width:540px;
	margin-left:auto;
	margin-right:auto;
}

.description-small {
	width:640px;
	margin-left:auto;
	margin-right:auto;
}

.photo-appareil {
	width:189px;
}

.align-justify {
	text-align:justify;
}

.align-center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

h1 {
	color: #7900F2;
	font-family: "Arial";
	font-size:100%;
	font-weight:bold;	
	text-align:center;
}

.legende, .legende a {
	font-family: "Arial";
	font-size:87%;
	text-decoration: none;	
}

.vignette{
	text-align:center;
	padding:10px 5px;
	font-family: "Arial";
}

.vignettediv{
	float: left;
	width: 190px;
	height:175px;
	padding:10px 5px;
	font-family: "Arial";
	margin: 0px 36px;
	text-align: center;
}

.longuevignettediv{
	float: left;
	width: 190px;
	height:200px;
	padding:10px 5px;
	font-family: "Arial";
	margin: 0px 36px;
	text-align: center;
}

.doublevignettediv{
	float: left;
	width: 380px;
	padding:10px 5px;
	font-family: "Arial";
	margin: 0px 36px;
	text-align: center;
}

.triplevignettediv{
	clear: both;
	width: 800px;
	padding:10px 5px;
	font-family: "Arial";
	margin: 0px 36px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

.vertical-middle{
	margin-top: 25%;
	text-align: center;
}

.barre{
	clear: both;
	width: 820px;
}
    
.illustration {
	text-align:center;
	color: #808080;
	font-size:80%;
	padding:20px 20px;
}

.rubrique {
	text-align:center;
	color: #800080;
	font-weight:bold;
}

.floatright{
	float: right;
	padding: 0% 2%;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.floatleft{
	float: left;
	padding: 0% 2%;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.clearboth{
	clear: both;
}

.tdcontact {
	text-align:center;
	width: 370px;
	height: 20px;
}



