body{
background-color: #404033;
}
@font-face {
    font-family: 'Art';
    src: url('../css/bocklin.ttf');
}
#container {
	background-color: #F6EDE4;
	background-image:url('../martin/images/content.png');
	/*margin-left: 2em;
	margin-right: 2em;*/
	margin : auto;
	width : 1024px;
	overflow:visible;
}
h1 { color: #fdfef8; 
font-size: 1.4em; 
font-family:Arial;
font-variant: small-caps; 
font-weight: bolder; 
background-color: #400000; 
text-align: left; 
margin-right: -30px; 
margin-left: -38px; 
padding: 0 0 0 1em; 
clear: both; 
box-shadow: 10px 10px 10px #555;
border-radius:0px 7px 0px 10px;
overflow: auto; 
}

h1:first-letter{
font-family:'Art';
}
a{
text-decoration: none;
}
h1.img{
display:inline;
border:0;
vertical-align:middle;
}

h1+div.droite{
margin-top:1em;
}
.dropcap{

font:170%/100% sans-serif;
color:#804040;

}
#footer{
position: relative;
/*top: 1em;*/
clear: both;
height: 2em;
background-color: #EFECCA;
font-family: "Lucida Handwriting",sans-serif;
font-size: 0.9em;
text-align: right;

}
#footer a{
text-align: right;
text-decoration: none;
color: #F6E8B1;
}
#footer a:hover{
color: #FCFAE1;
}

img.lettre{
box-shadow: 15px 15px 12px #555;
margin-bottom: 15px;
}

@font-face {
  font-family: "Bocklin";
  src: url(bocklin.ttf) format("truetype");
}
#titre {
	display: block;
	background: #333333 url("../fondmars.jpg") left top repeat-Y;
	font-family: Bocklin,sans-serif;
	height: 2.5em;
	font-size: 2em;
	margin-right: 0em;
	font-weight: bolder;
	text-align: center;
	color: #F5E9E9;
	padding: 0.5em 0 0.5em 0;
	
}
#menuDeroulant
{	
	background-image: url("../images/barre.jpg");
	background-position: left top repeat-Y;
	width: 100%;
	height: 1.6em;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	position: relative;
	top: 0;
	left: 0;
	z-index: 100;
}
#menuDeroulant li
{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 0.9em;
	color: #FFF;
	background-image: url("../images/barre.jpg")left top repeat-Y;
	float: left;
	min-width: 150px;
	height: 1.8em;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fff;
}
#menuDeroulant li:last-child
{border-right: 0.5px solid transparent;
}

#menuDeroulant li.droi
{float:right;
width: 151px;
border-left:0px;
font-size:0.9em;
overflow: hidden;
margin: 0;
padding: 0;
border-left: 1px solid #fff;

}
#menuDeroulant li.actif
{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 0.9em;
	color: #FFF;
	background-image: url("../vigntit.jpg")left top;
	float: left;
	width: 150px;
	height: 1.8em;
	margin: 0;
	padding: 0;
	border: 0;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{	font-family: "Trebuchet MS", sans-serif;
	display: block;
	color: #fff;
	background-image: url("../images/barre.jpg");
	background-position: left top repeat-Y;
	margin: 0;
	padding: 4px 4px;
	text-decoration: none;
}
#menuDeroulant li a:hover 
{
background: #000000 url("../vigntit.png") left top no-repeat;
border-radius: 0px 0px 5px 5px;
color: #EEE;

}
#menuDeroulant li a:active 
{ 
	background: url("../images/barrelum.jpg")left top repeat-Y;
	background-color: #5F879D; 
}

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	padding: 0px;
	border: 0px solid #FFFFFF;
	margin: 0px;
	padding: 0;
	/*border: 0 solid transparent;*/
	background:none;
	background-color: #CCC;
	border-radius:10px 10px 10px 10px;	
	box-shadow: 1px 1px 12px #555;
	z-index: 102;
	}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	width: 149px;
	height: 2em;
	background: none;
	border-bottom: 1px solid #fff;

}

#menuDeroulant .sousMenu li:first-child
{ border:0px solid transparent;
  border-bottom:1px solid #fff;
}
#menuDeroulant .sousMenu li:last-child
{ border:0px solid transparent;
}



#menuDeroulant .sousMenu li a
	{background: rgb(224,205,175); /* Old browsers */
	border-bottom:1px solid #fff;
	/*background: transparent url("../vigntit1.jpg") left top no-repeat;*/
	/* Already working on webkit */
	-webkit-transition-property: padding-left, margin-left,background;
	-webkit-transition-duration: 0.5s,0.5s;
	-webkit-transition-timing-function: ease-out;

	/* When being supported by FF */

	-moz-transition-property: padding-left,margin-left,background;
	-moz-transition-duration: 0.5s , 0.5s;
	-moz-transition-timing-function: ease-out,ease-in-out;

	/* … and if it's standardised one day (#optimism) */

	transition-property: padding-left,margin-left,background;
	transition-duration: 0.5s,0.5s;
	transition-timing-function: ease-out,ease;
	}
#menuDeroulant .sousMenu li:first-child a
{
	border-radius: 0px 0px 0 0;
}
#menuDeroulant .sousMenu li:last-child a
{
	border-radius: 0 0 0px 0px;

}

#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #000000;
	margin: 0px;
	border: 0;
	text-decoration: none;
	/*background: transparent url("../vigntit1.jpg") left top no-repeat;*/
	/*border-radius: 5px 5px 5px 5px;*/

}

#menuDeroulant .sousMenu li a:hover
{
	z-index: 103;
	background:none;
	/*	background: transparent url("../vigntit.png") right top no-repeat;*/
	background: rgb(156,105,20); /* Old browsers */
	
	color: #FFF;
	text-shadow: 1px 1px 1px #555;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 12px 12px #555;
	width:144px;
	padding-left:5px;
	margin-left:5px;
	}

#menuDeroulant li:hover > .sousMenu { display: block; position: absolute}

	
#menuDeroulant .niveau2
{	display: none;
	list-style-type: none;
	padding: 0px;
	border: 0px solid #FFFFFF;
	margin-left: 153px;
	top:-1.7em;
	padding: 0;
	/*border: 0 solid transparent;*/
	background-color: #CCC;
	border-radius:10px 10px 10px 10px;	
	box-shadow: 1px 1px 12px #555;
	z-index: 103;
	height:70%;
	}		
#menuDeroulant .niveau2 li
{
	float: none;
	margin: 0;
	padding: 0;
	width: 149px;
	height: 1.9em;
	border-bottom: 1px solid #fff;
	font-family: "Century Gothic", sans-serif;
	font-size:0.9em;
}

#menuDeroulant .niveau2 li:first-child
{ border:0px solid transparent;
  border-bottom:1px solid #fff;
}
#menuDeroulant .niveau2 li:last-child
{ border:0px solid transparent;
  
}



#menuDeroulant .niveau2 li a
	{background: rgb(224,205,175); /* Old browsers */
	border-bottom:1px solid #fff;
	/*background: transparent url("../vigntit1.jpg") left top no-repeat;*/
	/* Already working on webkit */
	-webkit-transition-property: padding-left, margin-left,background;
	-webkit-transition-duration: 0.5s,0.5s;
	-webkit-transition-timing-function: ease-out;

	/* When being supported by FF */

	-moz-transition-property: padding-left,margin-left,background;
	-moz-transition-duration: 0.5s , 0.5s;
	-moz-transition-timing-function: ease-out,ease-in-out;

	/* … and if it's standardised one day (#optimism) */

	transition-property: padding-left,margin-left,background;
	transition-duration: 0.5s,0.5s;
	transition-timing-function: ease-out,ease;
	}
#menuDeroulant .niveau2 li:first-child a
{
	border-radius: 10px 10px 0 0;
}
#menuDeroulant .niveau2 li:last-child a
{
	border-radius: 0 0 10px 10px;

}

#menuDeroulant .niveau2 li a:link, #menuDeroulant .niveau2 li a:visited
{
	display: block;
	color: #000000;
	margin: 0px;
	border: 0;
	text-decoration: none;
	/*background: transparent url("../vigntit1.jpg") left top no-repeat;*/
	/*border-radius: 5px 5px 5px 5px;*/

}

#menuDeroulant .niveau2 li a:hover
{
	z-index: 104;
	background:none;
	/*	background: transparent url("../vigntit.png") right top no-repeat;*/
	background: rgb(156,105,20); /* Old browsers */
	
	color: #FFF;
	text-shadow: 1px 1px 1px #555;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 12px 12px #555;
	width:144px;
	padding-left:5px;
	margin-left:5px;
	}
#menuDeroulant li:hover > .niveau2{ display: block; position: relative;}
 
.tele{
text-decoration:none;
color:#ffffff;
float:left;
padding: 0em 1em 1em 0em;
background-color: #400000; 
text-align: left; 
margin-right: 10px; 
margin-left: 10px; 
padding: 0 1em 0 1em; 
clear: both; 
box-shadow: 10px 10px 10px #555;
border-radius:0px 0px 7px 10px;
overflow: auto; 
		/* Already working on webkit */

			-webkit-transition-property: background-color, padding-left;
			-webkit-transition-duration: .5s, .3s;
			-webkit-transition-timing-function: linear, ease-out;

			/* When being supported by FF */

			-moz-transition-property: background-color, padding-left;
			-moz-transition-duration: .5s, .3s;
			-moz-transition-timing-function: linear, ease-out;
			transition-property: background-color, padding-left;
			transition-duration: .5s, .3s;
			transition-timing-function: linear, ease-out;

}

.tele:hover {
			background:#BD8D46;
			padding-left:25px;
		}
.gauche{
float:left;
padding: 0em 1.5em 1em 0em;
}
.droite{
float:right;
padding: 0 0 1em 1em;
}
.centrer{
float:none;
margin: 1em;
}
.column{
display:inline-block;
float:left;
width: 210px;
}
.one{

margin-left:0px;
}
.two{
margin : 0 153px;
}
.three{width:200px;

}
a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#FFF
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:1em; left:1em; width:12em;
border:1px solid #000;
box-shadow: 15px 15px 12px #555;
border-radius:0px 7px 7px 10px;
background-color:#FFF;
color:#000;
text-align: left;
font-size:1em;
font-family:"Times New Roman", serif;
font-weight:none;
padding:5px;
}
.brill{
background-color:#B9121B;
color:#F6E497;
font-family: "Century Gothic", sans-serif;
font-size: 1em;
font-weight:700;
}

h1 a img .retmenu
{
float: right;
margin: 0 0 0 0;
display:inline;
border:0;
vertical-align:middle;
}
.legende{
font: 0.8em "Century Gothic";
color:#000000;
}
.legende_droite{
text-align:right;
font: 0.8em "Century Gothic";
color:#000000;
}

.liste{
	display: block;
	font-family: "Trebuchet MS", sans-serif;
	list-style-type: square;
	list-style-image: url("../puce.jpg");
	font-size: 1em;
	font-weight: 600;
	text-align: left;
	margin-top:0px;
	color: #3D1400;
}

.sousliste{
	display: block;
	font-family: "Trebuchet MS", sans-serif;
	list-style-type: circle;
	font-size: 1em;
	font-weight: 600;
	text-align: left;
	padding: 0 0 0 1em;
	color: #3D1400;
}
.listnorm{
	display: block;
	font-family: "Trebuchet MS", sans-serif;
	list-style-type: square;
	font-size: 1em;
	font-weight: 1000;
	text-align: left;
	padding: 0 0 0 4em;
	color: #3D1400;
}

.sup {
position: relative;
bottom: 0px;
font-size: .8em;
line-height: .4em;
vertical-align:super;
text-decoration:none;
}
.social{
padding-top:3px;
padding-right:10px;
position:relative;
width:27em;
height:1em;
top:0em;
float:right;

}
.signature{
font-family: "Century Gothic", sans-serif;
font-size: 1em;
}
/** div{
outline: 1px solid red;
}*/