@charset "utf-8";
/* Balises génériques */
*
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
@font-face { /* Définition d'une nouvelle police nommée hlv */
    font-family: 'manuscrite1';
    src: url('manuscrite1.eot');
    src: url('manuscrite1?#iefix') format('embedded-opentype'),
         url('manuscrite1.woff') format('woff'),
         url('manuscrite1.ttf') format('truetype'),
         url('manuscrite1.svg#manuscrite1') format('svg');
	font-weight : bold;
}
body 
{ 
	background-color: #dddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url("../images/fondS.png");
}
#corps{
	width:950px; 
	height:auto; 
	margin:auto; 
	padding-top:0px; 
	padding-left:10px; 
	padding-right:10px; 
	overflow:auto;
	box-shadow:12px 12px 24px gray;
	background-color: #dddd;
}
#bandeau{
	position:relative;
	width: 940px;
	height: 203px;
	background:url(../images/bg.jpg) repeat-x; 
	padding-left:10px;
	padding-right:0px;
	border-bottom:1px rgba(212,212,212,1) solid;
	z-index:10;
}
#reseau-sociaux
{
	height: 32px;
	float:right;
	text-align:right;
	width:255px;
	margin-left:690px;
}
#rsautom
{	
	position:absolute;
	top:50px;
	left:200px;
	width: 740px;
	height: 68px;
}
.logo
{
	width: 178px;
	height: 160px;
	float:left;
	/*box-shadow: 6px 6px 6px #FF8040;*/
	border: 1px rgb(44,113,186) solid;
	border-radius: 5px;
	/*animation-name:logoanime;
	animation-duration:3s;
	animation-iteration-count:2;
	animation-direction:alternate;
	-webkit-animation-name:logoanime;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count:2;
	-webkit-animation-direction:alternate;
	-moz-animation-name:logoanime;
	-moz-animation-duration:3s;
	-moz-animation-iteration-count:2;
	-moz-animation-direction:alternate;*/
}
.image {
  display: block;
  width: 100%;
  height: auto;
}
.overlay {
  position: relative;
  top:-154px;
  left: 0;
  right: 0;
  background-color: rgb(251,188,5);
  background-image:linear-gradient(-45deg,rgba(251,188,5,1),rgba(156,117,4,1));
  border-radius:5px;
  overflow: hidden;
  width: 178px;
  height:0;
  transition: .5s ease;
}

.logo:hover .overlay {
  /*bottom: 0;*/
  height: 160px;
}

.text {
  white-space: nowrap; 
  color: white;
  font-size: 16px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
/*
@keyframes logoanime {
  0%{background-color:transparent);}
  100%{background-color:rgb(44,113,186);}
}
@-webkit-keyframes logoanime {
  0%{background-color:transparent);}
  100%{background-color:rgb(44,113,186);}
}
@-moz-keyframes logoanime {
  0%{background-color:transparent);}
  100%{background-color:rgb(44,113,186);}
}
*/
#solution
{
	position:absolute;
	top:130px;
	left:200px;
	line-height:30px;
	font-size: 20px;
	color:rgb(52,168,83);
}
#menu{
	position:absolute;
	left:200px;
	top:170px;
	height:33px;
	width:740px;
}
.bouton {
  background-color: rgba(212,212,212,1);
  background-image: linear-gradient(0deg,rgb(251,188,5), rgba(251,188,5,0.8));

  border: 1px rgba(212,212,212,1) solid ;
  border-radius: 15px 3px 15px 0px;
  color: white;
  padding: 6px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 17px;
  margin: 0px 0px;
  cursor: pointer;
  transition:1s;
  -webkit-transition:1s;
  -moz-transition:1s;
  -0-transition:1s;
}
.bouton:hover{
  background-image:none;
  background-color: rgba(44,113,186,1);
  border: 1px rgba(44,113,186,1) solid ;
  color:white;
  
}
.boutonactif {
  background-color: white;
  /*background-image: linear-gradient(180deg,rgb(255,255,255),rgba(220,220,220,1),rgba(255,255,255,1));*/

  border-top:1px rgba(212,212,212,1) solid ;
  border-bottom:1px white solid ;
  border-left:1px rgba(212,212,212,1) solid ;
  border-right:1px rgba(212,212,212,1) solid ;
  border-radius: 15px 15px 0px 0px;
  color: rgb(44,113,186);
  /*font-weight:bold;*/
  text-decoration:underline;
  padding: 6px 32px;
  text-align: center;
  display: inline-block;
  font-size: 17px;
  margin: 0px 0px;
  cursor: pointer;
}

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#menu li {
  display: inline;
}
#inter{
	height:10px;
}

/* Footer */
footer
{
	margin-top:5px;
	width: 950px;
	height: auto;
	float:left;
}
#Entete p
{
	line-height: 32px;
	padding-left:35px;
	text-align:center;
	background:url(../images/ico-info.png) no-repeat left;
	border-top: 1px #4B4B4B dotted;
}
#Entete a
{
	color:#505050;
	text-decoration: none
}
#Entete a:hover
{
	text-decoration:underline;
}

#copyright
{
	text-align:left;
	margin-bottom:30px;
}
#copyright a
{
	color:rgb(44,113,186);
	font-style:italic;
	font-size:12px;
	text-decoration: none
}
#copyright a:hover
{
	text-decoration:underline;
}