/*GENERAL*/
*{
margin:0px;
padding:0px;
}
body
{
width:100%;
}
/*BANDEAUX*/
#bandeauBleu{
	min-width:100%;
	min-height:50px;
	background-color: rgba(31,11,76, 1);
	text-decoration: none;
    color: white;
}
#bandeauBleu a {
	float:right;
	margin-right:1%;
	margin-top:10px;
}
#bandeauBleu a img{
	width:45px;
	height:33px;
}
footer{
    background-color: rgba(31,11,76, 1);
    color: white;
	position:fixed;
	bottom:0px;
	width:100%;
	min-height:50px;
}
footer div{
	float: left;
    margin-top: 20px;
margin-left:3%;
}
#divFooterNom{
    display: inline;
    margin-right: 33%;
}
#divFooterMail{}
#divFooterTel{
    display: inline;
    float:right;
margin-right:3%;
}
/*////////////////////PREMIERE PAGE///////////////////////////////////////////////////*/
/*images*/
#imageAccueuil, #logoAlexis{
	width:50%;
	float:left;
}
#imageAccueuil img,#logoAlexis img{
	width:100%;
}
/*menu*/
#menuAccueil ul li a{
	text-decoration:none;
	color:black;
	margin-top:1%;
}
#menuAccueil ul{
	background-color: rgba(221,219,218, .3);
    width: 90%;
    height: 55px;
    margin-left: auto;
    margin-right: auto;
	list-style:none;
}
@media(max-width: 653px){
#menuAccueil{
    margin-top: -9%;
	display:inline-block;
    width: 100%;
	font-size:0.8em;
}
#menuAccueil ul li {
	margin-right:2%;
	float:left;
	margin-top:4%;
	text-decoration:none;
	color:black;
}
#menuAccueil ul li:first-child {
	margin-right:2%;
	margin-left:2%;
}
#menuAccueil ul #linkedin{
	float:left;
	margin-top:2%;
	margin-right:1%;
	text-decoration:none;
	color:black;
}
#menuAccueil ul #facebook{
	margin-right:4%;
	float:left;
	margin-top: 0%;
	text-decoration:none;
	color:black;
}
.text {
  font-size: 15px;
  width:90%;
  margin-left:auto;
  margin-right:auto;
  margin-right:5%;
  margin-left:5%;
  margin-bottom:10px;
}
.imageDefile{
	width:90%;
	margin-left:5%;
	margin-right:5%;
}
}
@media (min-width:654px) and (max-width: 804px){
#menuAccueil{
    margin-top: -9%;
	display:inline-block;
    width: 100%;
	font-size:1.1em;
}
#menuAccueil ul li {
	margin-right:3%;
	float:left;
	margin-top:2%;
	text-decoration:none;
	color:black;
}
#menuAccueil ul li:first-child {
	margin-right:3%;
	margin-left:3%;
}
#menuAccueil ul #linkedin{
	float:left;
	margin-top:1%;
	margin-right:1%;
	text-decoration:none;
	color:black;
}
#menuAccueil ul #facebook{
	margin-right:4%;
	float:left;
	margin-top: 0%;
	text-decoration:none;
	color:black;
}
.text {
  font-size: 15px;
  width:90%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
}
.imageDefile{
	width:90%;
	margin-left:5%;
	margin-right:5%;
}
}
@media (min-width:805px) and (max-width: 857px){
#menuAccueil{
    margin-top: -9%;
	display:inline-block;
    width: 100%;
	font-size:1.1em;
}
#menuAccueil ul li {
	margin-right:5%;
	float:left;
	margin-top:2%;
	text-decoration:none;
	color:black;
}
#menuAccueil ul li:first-child {
	margin-right:5%;
	margin-left:5%;
}
#menuAccueil ul #linkedin{
	float:left;
	margin-top:1%;
	margin-right:1%;
	text-decoration:none;
	color:black;
}
#menuAccueil ul #facebook{
	margin-right:4%;
	float:left;
	margin-top: 0%;
	text-decoration:none;
	color:black;
}
.text {
  font-size: 15px;
  width:90%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
}
.imageDefile{
	width:90%;
	margin-left:5%;
	margin-right:5%;
}
}
@media (min-width:858px) and (max-width: 1134px){
#menuAccueil{
    margin-top: -9%;
	display:inline-block;
    width: 100%;
	font-size:1.2em;
}
#menuAccueil ul li {
	margin-right:5%;
	float:left;
	margin-top:2%;
	text-decoration:none;
	color:black;
}
#menuAccueil ul li:first-child {
	margin-right:5%;
	margin-left:5%;
}
#menuAccueil ul #linkedin{
	float:left;
	margin-top:1%;
	margin-right:1%;
	text-decoration:none;
	color:black;
}
#menuAccueil ul #facebook{
	margin-right:4%;
	float:left;
	margin-top: 0%;
	text-decoration:none;
	color:black;
}
.text {
  font-size: 15px;
  width: 46%;
  float:left;
  margin-right:2%;
  margin-left:2%;
}
.imageDefile{
	width:48%;
	display:inline;
	margin-right:2%
}
}
@media (min-width:1135px) and (max-width: 1315px){
#menuAccueil{
    margin-top: -9%;
	display:inline-block;
    width: 100%;
	font-size:1.7em;
}
#menuAccueil ul li {
	margin-right:5%;
	float:left;
	margin-top:1%;
	text-decoration:none;
	color:black;
}
#menuAccueil ul li:first-child {
	margin-right:5%;
	margin-left:5%;
}
#menuAccueil ul #linkedin{
	float:left;
	margin-top:1%;
	margin-right:1%;
	text-decoration:none;
	color:black;
}
#menuAccueil ul #facebook{
	margin-right:5%;
	width:45px;
	float:left;
	margin-top: 0%;
	text-decoration:none;
	color:black;
}
.text {
  font-size: 15px;
  width: 46%;
  float:left;
  margin-right:2%;
  margin-left:2%;
}
.imageDefile{
	width:48%;
	display:inline;
	margin-right:2%
}
}
@media (min-width: 1316px){
#menuAccueil{
    margin-top: -9%;
	display:inline-block;
    width: 100%;
	font-size:2em;
}
#menuAccueil ul li {
	margin-right:5%;
	float:left;
	margin-top:1%;
	text-decoration:none;
	color:black;
}
#menuAccueil ul li:first-child {
	margin-right:5%;
	margin-left:5%;
}
#menuAccueil ul #linkedin{
	float:left;
	margin-top:1%;
	margin-right:1%;
	text-decoration:none;
	color:black;
}
#menuAccueil ul #facebook{
	margin-right:5%;
	float:left;
	margin-top: 0%;
	text-decoration:none;
	color:black;
}
.text {
  font-size: 15px;
  width: 46%;
  float:left;
  margin-right:2%;
  margin-left:2%;
}
.imageDefile{
	width:48%;
	display:inline;
	margin-right:2%
}
}
/*Défilement d'image */
#defilementAcceuil{
	margin-bottom:52px;
	margin-top:1%;
}
.mySlides {display:none}
/* Slideshow container */
.slideshow-container {
  max-width: 100%;
}
/* Fading animation */
.slide {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}