@charset "utf-8";
/* CSS Document */

body {
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #242424;
	margin: 0px;
}
#top {
	height: 35px;
	width: auto;
	background-color: #cc0001;
	font-size: 12px;
	font-weight: bolder;
	color: #FFF;
}
#telephone {
	float: left;
	height: 26px;
	width: 600px;
	margin-top: 3px;
	margin-left: 5px;
}
#nav {
	
	float: right;
	height: 26px;
	width: 650px;
	margin-top: 50px;
	margin-left: 20px;
	font-size: 14px;
	
}
#header {
	background-color: #FFF;
	margin: auto;
	height: 100px;
	width: auto;
}

#slider {
	margin: auto;
	height: auto;
	width: auto;
}
#apropos ,#seminaire {
	margin: auto;
	height: auto;
	width: auto;
	position:relative;
}
#apropos #link{
	left: 190px;
	bottom: 10px;
	position:absolute;
}
#seminaire #link{
	right: 246px;
	bottom: 1px;
	position:absolute;
}
.responsive-width {
    font-size: 3vw;
}

#footer {
	margin: auto;
	height: auto;
	background-color: #000;
	color: #FFF;
	font-family: Constantia, Geneva, sans-serif;
	width: auto;
	height: 64px;
}

#navfooter *
{
	float: right;
	margin-top: 0px;
}


#Logo {
	float: left;
	height: 87px;
	width: 126px;
	margin-left: 25px;
	margin-top: 5px;
}

#2018 {
	margin-top: 45px;
	clip: rect(auto,220px,auto,auto);
	width: 150px;
	float: left;
	margin-left: 250px;

}
#navigation {
	
	float:right;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#tekk{
background: #fff;color: #c00; font-size:13.5px;
}

#navigation li {
	display: inline;
	color: #fff;
	background: #c00;
	margin-right: 1px;
}
#navigation li a, button{
  padding: 14px 20px ;
  background: #c00 ;
  color: #fff ;
  border: 1px solid #600 ;
  font-family: Constantia, Geneva, sans-serif;
  line-height: 1em ;
  text-align: center ;
  text-decoration: none ;
}
@media (min-device-width: 425px) and (max-device-width: 700px)
{
	  #navigation li a, button{
	  padding: 8px 5px ;
	  background: #c00 ;
	  color: #fff ;
	  border: 1px solid #600 ;
	  font-family: Constantia, Geneva, sans-serif;
	  line-height: 1em ;
	  text-align: center ;
	  text-decoration: none ;
	}
	#apropos #link {
	padding: 8px 3px ;
	left: 85px;
	font-size: 10px;
	border: 0px;
	bottom: 1px;
	position:absolute;
	}
	
}
@media (max-device-width: 425px)
{
	  #navigation li a, button{
	  padding: 2px 3px ;
	  background: #c00 ;
	  color: #fff ;
	  font-size: 9px;
	  border: 0px solid #600 ;
	  font-family: Constantia, Geneva, sans-serif;
	  line-height: 1em ;
	  text-align: center ;
	  text-decoration: none ;
	}
	#apropos #link{
	padding: 2px 3px ;
	left: 45px;
	font-size: 7px;
	border: 0px;
	bottom: 1px;
	position:absolute;
	}
	
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
  background: #900 ;
  text-decoration: none ;
}

#container {
	margin: auto;
}

#bas1 {
	/*float: left;*/
	margin-top: 5px;
	margin-left: 10px;
}
#bas2 {
	margin-top: 35px;
	margin-left: 27%;
	/*margin-left: auto;*/
	/*margin-right: auto;*/
}
#bas3 {
	/*float: right;*/
	margin-top: 20px;
	margin-right: 2%;
	font-size: 11px;
	padding: 2px 3px;
	/* Ajout pour gérer le probléme de safari */
	right: 1px;
	position: absolute;
	
}

@media (min-device-width: 595px) and (max-device-width: 823px)
{
	#bas1 {
		margin-left: 0px;
		float: left;
		margin-top: 5px;
		font-size: 8px;
	}
	#bas2 {
		margin-top: 35px;
		font-size: 8px;
	}
	#bas3 {
		float: right;
		margin-top: 20px;
		font-size: 7.5px;
	}
	#seminaire #link{
	padding: 8px 3px ;
	right: 15px;
	font-size: 9px;
	border: 0px;
	bottom: 0px;
	position:absolute;
	}
}
@media (max-device-width: 595px)
{
	#bas1 {
		margin-left: 0px;
		float: left;
		margin-top: 5px;
		font-size: 7px;
	}
	#bas2 {
		margin-top: 35px;
		font-size: 7px;
		
	}
	#bas3 {
		float: right;
		right: 1px;
		font-size: 7.5px;
		position: absolute;
	}
	#seminaire #link{
	padding: 2px 3px ;
	right: 10px;
	font-size: 7px;
	border: 0px;
	bottom: 0px;
	position:absolute;
	}
}
/*Contact form*/

#contact {
	margin: auto;
    position:absolute;
    right:1px;
    bottom:60px;
    width:255px;
    font-size:14px;
	border-radius: 5px; 
}
#contact #button{
    position:relative;
    right:3;
    bottom:5;
	background-color: #c1c1c1;
	border-radius: 10px; 
}
#contact #button a{
    padding:0 10px;
    text-align:right;
    cursor:pointer;
	
}
#contact form{
    border:none;
    background:#dfdfdfd4;
    padding:10px;
    display:none;
}