﻿.conteneur {
	height:800px;
	width: 1100px;
	margin:auto;
}
.fond {
	position:absolute;
	height:800px;
	width: 1100px;
}


#menu>li {
position: relative;
display: inline-block;
vertical-align: top;
background-image:url('image/fond.jpg');
color: #fc7904;
width: 99px;
height: 75px;
overflow: hidden;
}

#defi>li {
position: relative;
display: inline-block;
vertical-align: top;
background-image:url('image/fond.jpg');
color: #fc7904;
width: 400px;
height: 300px;
overflow: hidden;
}


.entrer {
	position:absolute;
	color:#044462;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}

.entrer a {
	color:#044361;
	text-decoration: none;
	font-size: x-large;
}

.entrer a:hover {
	color:#03FAFD;
	text-decoration: none 
}


.menu {
	position:absolute;
	color:white;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}

.menu a {
	color:#FFFFFF;
	text-decoration: none 
}

.menu a:hover {
	color:#49BCD7;
	text-decoration: none 
}


.menugauche {
	position:absolute;
	color:#020000;
	text-align:left;
	font-size: medium;
  font-family:"Century Gothic";
  font-size:11pt;
  font-weight:bold;
  text-align:center;
}

.menugauche a {
	color:#020000;
	text-decoration: none 
}

.menugauche a:hover {
	color:#a51e32;
	text-decoration: none 
}


.menugauche img {
	border-width: 0;
	border: none;
			
	-webkit-transition-property: padding-left;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	
	-moz-transition-property: padding-left;
	-moz-transition-duration: .5s;
	-moz-transition-timing-function: ease-out;
	
	transition-property: padding-left;
	transition-duration: .5s;
	transition-timing-function: ease-out;
}


.menugauche img:hover, img:focus {
padding-left:99px;
}

.defi {
	position:absolute;
	color:#020000;
	text-align:left;
	font-size: medium;
  	font-family:"Century Gothic";
  	font-size:11pt;
  	font-weight:bold;
  	text-align:center;
}

.defi img {
	border-width: 0;
	border: none;
			
	-webkit-transition-property: padding-left;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing-function: ease-out;
	
	-moz-transition-property: padding-left;
	-moz-transition-duration: .5s;
	-moz-transition-timing-function: ease-out;
	
	transition-property: padding-left;
	transition-duration: .5s;
	transition-timing-function: ease-out;
}


.defi img:hover, img:focus {
padding-left:400px;
}



.menudroite {
	position:absolute;
	color:#976109;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
  	background:#443312;
  	opacity:0.5;
  	padding:10px;
}

.menudroite a {
	color:#f29400;
	text-decoration: none 
}

.menudroite a:hover {
	color:#FFFFFF;
	text-decoration: none 
}

.listevin {
	position:absolute;
	color:white;
	text-align:left;
	font-family: "Century Gothic";
	font-size:medium;
	overflow:auto;
	border-width: 0;
  line-height : 40px;
  display:none;
}

.listevin a {
	color:#443312;
	text-decoration: none;
}

.listevin a:hover {
	color:#443312;
	text-decoration: none;
	font-weight:bold;
}

.listebout {
	position:absolute;
	color:white;
	text-align:left;
	font-family: "Century Gothic";
	font-size:xx-small;
	overflow:auto;
	border-width: 0;
  display:none;
}

.listebout a {
	color:#443312;
	text-decoration: none;
}

.listebout a:hover {
	color:#443312;
	text-decoration: none;
	font-weight:bold;
}

.calquetextefonce {
	position:absolute;
	color:white;
	text-align:left;
	font-size: medium;
 	font-family:"Century Gothic";
  font-size:9pt;
  text-align:left;
  background-image:url('images/fonce.png');
	-moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 10px;
}

.calquetextefonce img {
	border:0px;
}

.actu {margin-bottom:10px; padding-bottom:2px; border-bottom: dotted 1px white; font-size:x-small;}

.actutexte {float:left; width: 276px; height:70px; margin: 0px 5px 0px 5px;}

.actu span {font-weight:bold;}

.calquetexte {
	position:absolute;
	color:white;
	text-align:left;
	font-size: medium;
 	font-family:"Century Gothic";
  	font-size:9pt;
  	text-align:left;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
}

.calquetexte a {
color:#12fe00;
}

.calquetexte img {
	border:0px;
}

.partenaires div {
padding:5px;
}

.onglet {
	position:absolute;
	color:white;
	text-align:left;
	font-size: medium;
 	font-family:"Century Gothic";
  	font-size:9pt;
  	text-align:center;
	-moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    background-image:url('images/ongletfond.png');
    vertical-align:middle;
}

.onglet img {
	border:none;
}

.ongletcorps {
	position:absolute;
	color:white;
	text-align:left;
	font-size: medium;
 	font-family:"Century Gothic";
  	font-size:9pt;
  	text-align:left;
	-moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    background-image:url('images/ongletfond.png');
    padding:10px;
}

.signature a {
	color:#03FAFD;
 	font-family:"Century Gothic";
	font-size: x-small;
	text-decoration:none;
}
