body{
text-align: left;
margin: 0px;
font:normal 13px Century Gothic; 
background-image:url(../images/background.jpg);
}

#conteneur  {
	z-index:1;
	margin-top : 5px;
	margin-right : auto;
	margin-left : auto;
	width : 1600px;

}

#div-cadre{
	background:#482A1F;
	padding-left: 10px;
	padding-top:10px;
	padding-bottom:10px;
	width:1000px;
	border: 1px solid #F5F08A;
	border-radius: 10px;
	}

#div-cadre2{
	background:#ffffff;
	width:1000px;
	border: 1px solid #fff;
	}

#div-cadre-photo img{
border-radius: 10px;
border: 1px solid #fff;
}

#div-cadre-photo2 {
-moz-opacity:0.9;
-khtml-opacity:0.9;
-ms-filter:"alpha(opacity=90)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
filter:alpha(opacity=90);
opacity:0.9;
zoom: 1;/* HACK POUR IE */

}


#global0 {
	position:absolute;
	left: 50%;
	margin-left : -680px;
	width: 1360px;
	height:800px;
	border: 0px solid #000000;
}

#global {
	position:absolute;
	left: 50%;
	margin-left : -490px;
	width: 980px;
	height:800px;
	border: 0px solid #000000;
}

a {text-decoration:none;color:#7e4500;}
a:link{text-decoration:none;color:#7e4500;}
a:visited{text-decoration:none;color:#7e4500;}
a:active{text-decoration:none;color:#7e4500;}
a:hover{text-decoration:none;color:#000;
}

.police_Gothic_A {
	font-family: Century Gothic, sans-serif;
	font-size: 10px;
	font-weight: 600;
	text-decoration: underline;
	font-style : italic;
}
.police_Gothic_Aa {
	font-family: Century Gothic, sans-serif;
	font-size: 11px;
	font-weight: 700;
	font-style : italic;
}

.police_Gothic_Ab {
	font-family: Century Gothic, sans-serif;
	font-size: 11px;
	font-weight: 300;
}

.police_Gothic_A2 {
	font-family: Century Gothic, sans-serif;
	font-size: 10px;
	font-weight: 600;
}
.police_Gothic_A2b {
	font-family: Century Gothic, sans-serif;
	font-size: 12px;
	font-weight: 900;
}

.police_Gothic_A2c {
	font-family: Century Gothic, sans-serif;
	font-size: 12px;
}

.police_Gothic_A3 {
	font-family: Century Gothic, sans-serif;
	font-size: 12px;
	font-weight: 300;
	text-decoration: none;
	line-height:17px;
	text-align:justify;
}

.police_Gothic_B {
	font-family: Century Gothic, sans-serif;
	font-size: 12px;
	font-weight: 300;
	text-decoration: none;
	line-height:18px;
}

.police_Gothic_C {
	font-family: Century Gothic, sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	line-height:16px;
	text-align:justify;
}

.police_Gothic_C2 {
	font-family: Century Gothic, sans-serif;
	font-size: 13px;
	text-decoration: none;
	text-align:justify;
	letter-spacing: 0.5px;
}

.police_Gothic_D {
	font-family: Century Gothic, sans-serif;
	font-size: 14px;
	line-height:20px;
	font-style : italic;
	text-align:justify;
}

.police_Gothic_Da {
	font-family: Century Gothic, sans-serif;
	font-size: 14px;
	line-height:17px;
	text-align:justify;
	font-weight: 500;
}

.police_Gothic_D2 {
	font-family: Century Gothic, sans-serif;
	font-size: 12px;
	line-height:17px;
	text-align:justify;
	letter-spacing: 3px;
}

.police_Gothic_D3 {
	font-family: Century Gothic, sans-serif;
	font-size: 12px;
	line-height:17px;
	text-align:justify;
	font-style : italic;
	letter-spacing: 3px;
	font-weight: 700;
}

.police_Gothic_D4 {
	font-family: Century Gothic, sans-serif;
	font-size: 12px;
	line-height:17px;
	text-align:justify;
	letter-spacing: 3px;
	font-weight: 700;
}

.police_Gothic_D5 {
	font-family: Century Gothic, sans-serif;
	font-size: 14px;
	font-weight: 900;
}

.police_Gothic_E {
	font-family: Century Gothic, sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	line-height:20px;
	text-align:justify;
}

.police_Gothic_E2 {
	font-family: Century Gothic, sans-serif;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	line-height:20px;
	letter-spacing: 2px;
}

.police_Gothic_E3 {
	font-family: Century Gothic, sans-serif;
	font-size: 16px;
	font-weight: 700;
	font-style : italic;
	text-decoration: none;
	line-height:20px;
}

.police_Gothic_F {
	font-family: Century Gothic, sans-serif;
	font-size: 18px;
	font-weight: 700;
	font-style : italic;
	text-decoration: none;
	line-height:20px;
}


.police_Gothic_G {
	font-family: Century Gothic, sans-serif;
	font-size: 18px;
	font-weight: 700;
	font-style : italic;
	text-decoration: none;
	line-height:20px;
	letter-spacing: 4px;
}

.police_Gothic_G2 {
	font-family: Century Gothic, sans-serif;
	font-size: 14px;
	font-weight: 700;
	font-style : italic;
	text-decoration: none;
	line-height:20px;
	letter-spacing: 4px;
}

.police_Gothic_H{
	font-family: Century Gothic, sans-serif;
	font-size: 21px;
	text-decoration: none;
	line-height:30px;
	letter-spacing: 5px;
}

.police_Gothic_H2{
	
	font-family: Century Gothic, sans-serif;
	font-size: 18px;
	text-decoration: none;
	line-height:30px;
	letter-spacing: 3px;
}

.police_Gothic_I{
color: #ffffff;
font:normal 14px Century Gothic; 
text-transform: uppercase;
text-decoration: none;
padding: 0px 10px 4px 10px; 
height: 15px;
}

.police_Gothic_I2{
color: #ffffff;
font:normal 24px French Script MT; 
text-decoration: none;
padding: 0px 10px 4px 10px; 
height: 25px;
font-style : italic;
letter-spacing: 1px;
text-align:center;
background-color:#7e4500;
}

td.survol:hover{background-color:#ffffff;}

td.fondtd {background-color:rgba(35, 40, 40, 0.02);}



.less.active .button-read-more, .button-read-less  {display: none}
.less.active .button-read-less {display: block}
.more {margin-top: 10px}
.more p {margin: 0;padding: 0}

.zoom:hover {transform: scale(1.1);transition: all 0.3s ease-out;}



#separation-10 {	height:10px;width:840px;}
#separation-20 {	height:20px;width:840px;}
#separation-30 {	height:30px;width:840px;}
#separation-40 {	height:40px;width:840px;}
#separation-50 {	height:50px;width:840px;}
#separation-60 {	height:60px;width:840px;}
#separation-80 {	height:80px;width:840px;}

hr
{
    display: inline-block;
    width: 100%;
	color:#7e4500;
}


#menu1 #header li.menu1 a,
#menu2 #header li.tutoriels a,
#menu3 #header li.menu3 a,
#menu4 #header li.menu4 a,
#menu5 #header li.menu5  a {
opacity:0.9;
}
#header li a:hover, 
#header li a:active, 
#header li a:focus {	
color:white;
opacity:1;
}
#menu1 #header li.menu1,
#menu2 #header li.tutoriels,
#menu3 #header li.menu3,
#menu4 #header li.menu4,
#menu5 #header li.menu5 {
background-color:#E97878;
background:rgba(223,63,63,0.7);
}
#header li:hover ,
#menu1 #header li.menu1:hover,
#menu2 #header li.tutoriels:hover,
#menu3 #header li.menu3:hover,
#menu4 #header li.menu4:hover,
#menu5 #header li.menu5:hover {
background-color:#DF3F3F;
background-color:rgba(223,63,63,1);
-moz-transition:background-color 0.5s linear;
-webkit-transition:background-color 0.5s linear;
-o-transition:background-color 0.5s linear;
-ms-transition:background-color 0.5s linear;
transition:background-color 0.5s linear;
}








/**
 * author: Thierry Koblentz
 * Copyright 2011 - css-101.org 
 * http://www.css-101.org/articles/ken-burns_effect/css-transition.php
 */
#slideshow {
  position:relative;
  width:1594px!important;
  height:500px;
  overflow:hidden;
  border:3px solid #fff;
  -webkit-box-shadow:1px 1px 5px #7e4500;
  -moz-box-shadow:1px 1px 5px #7e4500;
  -o-box-shadow:1px 1px 5px #7e4500;
  box-shadow:1px 1px 5px #7e4500;
}
#slideshow img {
  max-width: none;
  position:absolute;
  width:1594px;
  height:500px;
  top:50%;
  left:50%;
  margin-left:-800px;
  margin-top:-250px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 5s, 8s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 5s, 8s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 5s, 8s;
  transition-property: opacity, transform;
  transition-duration: 5s, 8s;
}
#slideshow img  {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
#slideshow :nth-child(2n+1) {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}
#slideshow :nth-child(3n+1) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
#slideshow :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}
#slideshow .fx:first-child + img ~ img {
	z-index:-1;
}
#slideshow .fx {
  -webkit-transform: scale(1.5) translate(30px);
  -moz-transform: scale(1.5) translate(30px);
  -o-transform: scale(1.5) translate(30px);
  transform: scale(1.5) translate(30px);
  opacity:1;
}