@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	width:100%;
	height:auto;
	}
/*debut menu bar*/
.menu{
	
	width:100%;
	height:65px;
	background-image:url(images/backmenu.png);}
	
	.menu ul {
  padding: 0px;
  margin: 0px;
  text-align: center;
}

.menu li {
  list-style: none;
  display: inline-block;
    padding: 10px 0;
}

.menu a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #444;
  text-transform: uppercase;
  margin-right: 35px;
}

.menu a:hover {
  color: #5b87ad;
}

/*fin menu bar*/
.esp{
	height:50px;
	}
/*debut de contenu*/

#cont{
	background-image: url(images/cont.png);
	height: 200px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	}
#cont .imag{
	float: left;
	height: 150px;
	width: 200px;
	border: #CCC solid 1px;
	border-radius: 10px;
	background-color: #F36;
	margin-left: 30px;
	margin-top: 10px;
	}
	#cont h3{
		font-family:"Times New Roman", Times, serif;
		font-size:24px;
	
		}
		#cont span{
		font-family:"Times New Roman", Times, serif;
		font-size:28px;
	     animation-name:anim1;
		 animation-iteration-count:infinite;
		 animation-duration:2s;
		}
		@keyframes anim1 {
    0%   {color:#e2e2fa; }
   
    50%  {color:#DD9BDB;}
	75%{ color:#A5EDEB; }
	 100%   { color:#F0F523;}
  

}
		#cont .text{
			float:left;
			Padding-top: 10px;
	        Padding-left: 25px;
			
			}
			#cont .targ{
	float: right;
	padding-right: 42px;
	padding-top: 110px;
			}
/*fin de contenue*/
/*debut de footer*/
footer{
	height:60px;
	width:100%;
	background-color:#161616;
	border-top:#666 solid 5px;}
footer #tous{
	
	margin-left:auto;
	margin-right:auto;}
footer #tous .col1{
	float:right;
	width:300px;
	height:50px;}
	
	footer #tous .col2{
	float:right ;
	width:300px;
	height:30px;
	margin-top:5px;}
	footer #tous .col2 .i1{
	float: left;
	height: 20px;
	width: 20px;
background-image: url(images/facehov.png);
	margin-top: 5px;
	margin-right: 21px;
	margin-bottom: 5px;
	margin-left: 21px;
}
	footer #tous .col2 .i1:hover{
		
	background-image:url(images/face2.png);}
	footer #tous .col2 .i2{
		height:20px;
	width:20px;
	float:left;
		margin-top: 5px;
	margin-right: 21px;
	margin-bottom: 5px;
	margin-left: 21px;
	
	background-image:url(images/twit1.png);}
	footer #tous .col2 .i2:hover{
		
	background-image:url(images/twitter2.png);}
	footer #tous .col2 .i3{
		height:20px;
	width:20px;
	float:left;
	margin-top: 5px;
	margin-right: 21px;
	margin-bottom: 5px;
	margin-left: 21px;
	background-image:url(images/Instagram_App_Large_May2016_200.png);}
	footer #tous .col2 .i3:hover{
	background-image:url(images/174855.png);}
	footer #tous .col3{
	float:left;
	width:100px;
	height:50px;}
footer #tous img{
alignment-adjust:central;
}
footer .copyright{
	color:#fff;
	margin-top: 20px;}
/*fin de footer*/
/*     recherche    */
}

/*    fin de recherche    */
/*   les top des pages   */
	#top h3{
		 font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
    font-weight: 700;
		}
		#top span{
		 font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
    font-weight: 700;
	     animation-name:anim1;
		 animation-iteration-count:infinite;
		 animation-duration:2s;
		}
		@keyframes anim1 {
    0%   {color:#e2e2fa; }
   
    50%  {color:#DD9BDB;}
	75%{ color:#A5EDEB; }
	 100%   { color:#F0F523;}
  

}

/*   fin les top des pages   */
/*     debut form      */
input, textarea { 
    padding: 9px; 
    border: solid 1px #283b97; 
    outline: 0; 
    font: normal 13px/100% Verdana, Tahoma, sans-serif; 
    width: 400px; 
    background: #FFFFFF url('bg_form.png') left top repeat-x; 
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); 
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    } 
   
textarea { 
    width: 600px; 
    max-width: 400px; 
    height: 150px; 
    line-height: 150%; 
    } 
   
input:hover, textarea:hover, 
input:focus, textarea:focus { 
    border-color: #C9C9C9; 
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; 
    } 
   
.form label { 
    margin-left: 10px; 
    color: #000; 
    } 
   
.submit input { 
    width: auto; 
    padding: 9px 15px; 
    background: #617798; 
    border: 0; 
    font-size: 14px; 
    color: #FFFFFF; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
	
    }
	/*     fin form       */