/*--------------------------------------------------------------------
règles de base
----------------------------------------------------------------------*/
body {
	font-family: Arial, Geneva, sans-serif;
	font-size: 100%;
	color: #000;
	background-color:#e7e0e3;
	margin: auto;
	padding: 0;
	line-height: 1.5;
}

/*-----------------------------------------------------------------
éléments html généraux
------------------------------------------------------------------*/
h1 {
	font-family: Comic Sans MS, Arial, Geneva, sans-serif;
	margin: 0 0 .5em;
	line-height: 1;
}
h2 {
	font-family: Comic Sans MS, Arial, Geneva, sans-serif;
	color: #981351;
	margin: 0 0 1em 0;
	line-height: 1.5em;
	border-bottom: 2px ridge #cb155a;
}
.h2_galerie {
	font-family: Comic Sans MS, Arial, Geneva, sans-serif;
	color: #981351;
	margin: 0 3% 1em 3%;
	line-height: 1.5em;
	border-bottom: 2px ridge #cb155a;
}
h3 {
	font-family: Comic Sans MS, Arial, Geneva, sans-serif;
	color: #981351;
	margin: 0 0 .2em;
}
h4 {
	color: #981351;
	margin: 0 0 .2em;
}
p {	margin-top: 0;
}
table, tr, td {border: none;}
td {padding-right: 1em;}
span {font-weight: bold;}
.signature {text-align:right;margin-right: 6%;font-size:15pt;}
/*------------------------------------------------------------------
en-tête et pied-de-page
-------------------------------------------------------------------*/
#annonce {
	position: fixed;
	bottom: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	/*color: white;*/
	/*background: url('../images/annonce.jpg') no-repeat bottom;*/
	/*text-align: center;
	padding: 5em;*/
	z-index: 100;
}
header {
	padding: 0;
}
#petitLogo
{
	position: fixed;
	top: 0;
	margin:0 auto;
	cursor: pointer;
	display:none;
} 
.right {
	text-align: right;
}
footer {
	background-color: #1b040c;
	line-height: 1.8em;
	padding: 0;
}
/*-------------------------------------------------------------------
décorations
--------------------------------------------------------------------*/
.milieu {
	padding: 1em; 
	text-align: center; 
}
.bordure {border-top: 3px double #981351;}
/*---------------------------------------------------------
conteneur général: row, articles et asides
----------------------------------------------------------*/
.content {
	color: #000;
	padding-bottom: 15%;
}
.content ul {
	list-style: none;
}
.content a {
	color: #000;
	text-decoration: underline;
}
.galerie {
	min-height: 100vh;
	padding-bottom: 5%;
	margin-bottom: 0;
}
.fond {
	margin: auto; max-width: 850px;
}
/*----------------------------------------------
éléments pour les images
----------------------------------------------*/
figure {
padding: .2em; 
text-align: center;
border: 1px solid lightgray;
background-color: #fff;
margin: 2% 0;
}
.figure {
border: none;
background-color: transparent;
}
figcaption {
background-color: #e6e4ee; 
border: 1px solid lightgray; 
padding: .1em;
}

/*------------------------------------------------------------
images fluides
--------------------------------------------------------------*/
.logo {
	max-width: 100%;
	_width: 100%
	*width: 100%;
	vertical-align: middle;	
	text-align: center;
	position: relative;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}
.marges {margin:0 0 0 0;}
img {
	max-width: 100%;
	_width: 100%
	*width: 100%;
	vertical-align: middle;	
	text-align: center;
	border: 0;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
	margin: 0 0 0 0;
}
.img-ie, .logo {
	width: auto;
}
.aggImg {
 height: 312px;
}
.aggImg img {
	width: 250px;
	height: 160px;
}
.aggImg img:hover {
	width: 600px;
	height: 312px;
}

/*---------------------------------------------------------
slider: ResponsiveSlides.js v1.54, responsiveslides.com
-----------------------------------------------------------*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
/*----------------------------------------------------------
Typo responsive
-----------------------------------------------------------*/
@media (min-width: 700px)
{
	body {font-size: 100%;}
}

@media (min-width: 701px) and (max-width: 1000px)
{
	body {font-size: 105%;}
}

/*@media (min-width: 900px) and (max-width: 1000px)
{
	body {font-size: 115%;}
}
}*/