﻿@font-face {
    font-family: 'bebas Neue';
    src: url('bebass/BebasNeue-webfont.eot');
    src: url('bebass/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebass/BebasNeue-webfont.woff') format('woff'),
         url('bebass/BebasNeue-webfont.ttf') format('truetype'),
         url('bebass/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
}

h3 ,p,li,a,h1,h2,h3,h4,h5,h6 ,li,img,ul,div,article,section{

-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
margin:0px;
padding:0px;
font-weight: normal;
color:black;
}
body{
display:block;
position:relative;
float:left;
 width:100%;
 min-width:1000px;
 margin:0px;
 padding:0px;
 overflow-x:hidden;
 font-family:'bebas Neue';
margin:auto auto;
min-width:1020px;
}

#content1,#footer{
position:relative;
display:block;
width:100%;
 min-width:1000px;
float:left;

}

#head{
position:relative;
display:block;
width:100%;
 min-width:1000px;
float:left;
z-index:2;
min-height:50px;
}

#head #entete{
position:relative;
display:block;
width:100%;
 min-width:1000px;
float:left;
background:black;
z-index:2;
padding:0px;
margin:0px;
}
#head #entete #nav2  {
position:relative;
display:block;
width:30%;
float:right;
margin-right:20%;

}
#head #entete #nav1{
position:relative;
display:block;
width:1000px;
 
margin-left:auto;
margin-right:auto;
}
#head #entete #nav1 ul{
padding:0px;
margin:0px;
}
#head #entete #nav1 li{
display:inline;
color:white;
float:left;
}
#head #entete #nav1  a:hover{
text-decoration:underline;
}

#nav1 #nleft{
position:relative;
display:block;
float:left;
width:50%;
}

#head #entete #nav1 #nright{
 position:relative;
 display:block;
 float:right;
 margin-right:0px;

}
#head #entete #nav1 #nright form{
display:inline;

}
#head #entete #nav1 #nright span{
font-size:10px;
font-family:arial , sans-serif;

}
#head #entete #nav1  a{
color:white;
text-decoration:none;
font-size:10px;
font-family:arial , sans-serif;

}

ul{
display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;

}
#ssmenu{
display:none;
position:absolute;
top:15px;
z-index:10;
width:150px;
color:red;
}
#ssmenu li {
display:block;
float:left;
text-align:left;
background:black;
width:100px;


}
#ssmenu li:hover{

background:grey;

}
#entete #nav2 #ssmenu li  a{
color:white;
font-size:11px;
padding:2px;
}
#dismenu
{
display:block;
width:150px;

}

#head #entete #nav1 img{
width:20px;
margin-left:5px;
border:0.3px solid white;
}
/***************************/
#head  #divsearch{
position:relative;
display:block;
width:1000px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
min-height:80px;
}
#head  #divsearch img{
position:absolute; 
float:right;
display:block;
right:-15px;
top:0px;
}
#head  #divsearch a {

position:relative; 
float:left;
display:block;
width:100%;
margin:0px;
padding:0px;
margin-top:15px;
text-decoration:none;
}
#head  #divsearch a:hover{
color:#5EB6DD;
}

#head  #divsearch a img:first-child{
position:relative; 
float:left;
display:block;
margin-top:-4px;
margin-left:-15px;
width:250px;
}
#head  #divsearch #middle a span{
 position:relative; 
float:left;
display:block;
padding:0px 10px 0px 20px;
}
#head  #divsearch #middle a #imconf{
 position:relative; 
float:left;
display:block;
width:120px;
right:0px;
}
#middle,#middle2{
position:relative;
display:block;

float:right;
}
#middle{
position:relative;
display:block;
width:40%;
float:left;
}
#middle input{
margin-left:-2px;

}
#head #nav3{
position:relative;
display:block;
width:1000px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
}

#head #nav3 ul{
position:relative;
display:block;
width:100%;
 min-width:1000px;
float:left;
margin:0px;
margin-top:10px;
padding:0px;

}

#head  #nav3 ul li{
display:inline;
padding:0px 23px;
min-width:50px;
}

#head  #nav3 ul li.liactif > a{
 color:#5EB6DD;
}

#head  #nav3 ul li.liactif {
border-right:2px solid black;

}
#head  #nav3 ul li.mainli {

border-right:2px solid black;
}
#head  #nav3 ul li.mainlideb{
display:inline;
padding-left:15px;
text-align:left;
border-right:2px solid black;
}

#head  #nav3 ul li:first-child, #home{

padding:0px;
}
#head  #nav3 ul li.mainlifin{
text-align:right;
padding:0px;
float:right;
border-right:none;
}
#head  #nav3 ul li.inter{
padding:0px;
font-size:15px;
}
#head  #nav3  li a{
 text-decoration:none;
 color:black;
 text-align:center;
 font-size:20px;
}

#head  #nav3  li a:hover{
color:#5EB6DD;
}
.block2{
position:relative;
display:block;
float:left;
width:100%;
height:10px;
background:#5EB6DD;

} 

#head  .block2   #carreblanc{
position:relative;
display:block;
width:1000px;
min-width:1000px;
margin:0px;

padding:0px;
margin-left:auto;
margin-right:auto;
}
#head  .block2  #carreblanc  li{
display:inline;
float:left;
width:15%;
padding:0px 23px;

}
li .carreblanc{

position:absolute;
/*bottom:-8px;
z-index:15;*/
width:6px;
height:6px;
margin-left:auto;
margin-right:auto;
background:white;
bottom:-15px;
}

#head  #lincks{
display:block;
position:relative;
width:1000px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;
clear:both;
}
#head  #lincks ul{
height:15px;
padding:5px 0 5px 0;
}
#head  #lincks ul li{
display:inline;

}
#head  #lincks ul li a{
text-decoration:none;
color:black;
font-family:arial,sans-serif;
color:black;
font-size:10px;
font-style:italic;
}
/***********************************************

			footer

************************************************/
#footer{

 position:relative;
 display:block;
 width:100%;
 height:113px;
}
#linkfoot{
 position:relative;
 display:block;
 width:1000px;
 margin-left:auto;
 margin-right:auto;

}

#linkfoot ul{
 position:relative;
 display:block;
 width:100%;
 margin:0px;

}

#linkfoot li{
 display:inline;
 width:18%;
 float:left;
 text-align:center;
  padding:20px 0px;
}
#linkfoot li h5{
font-size:20px;
font-weight:normal;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
#linkfoot li a{
font-size:20px;
color:black;
text-decoration:none;
}
#linkfoot li a:hover{
color:#5EB6DD;
}
#block{
 position:relative;
 display:block;
 float:left;
 width:100%;
 height:5px;
 background:black;
}

.block1{
position:relative;
display:block;
float:left;
width:100%;
height:5px;
background:black;
}


#block11{

position:absolute;
display:block;
bottom:10px;
}

#block22{
position:absolute;
display:block;
bottom:0px;
}
#linkfoot li .drt{
text-align:right;
}
#linkfoot li .gch{
text-align:left;
}
#linkfoot li  p{
 display:block;
 position:relative;
 margin-left:auto;
 margin-right:auto;
 padding-top:3px;
 -webkit-margin-before: 0em;
 -webkit-margin-after: 0em;
 -webkit-margin-start: 0px;
 -webkit-margin-end: 0px;
 font-family:arial, sans-serif;
 font-size:10px;
}
#linkfoot  .menulinkutil{
position:relative;
display:block;
float:left;
width:100%;
margin:0px;
margin-top:3px;
padding:0px;
}
#linkfoot  .menulinkutil li{
display:inline;

}
 #linkfoot  .menulinkutil li a{
color:black;
font-family:arial, sans-serif;
font-size:11px;
padding:0px;
}
 #linkfoot  .menulinkutil li a:hover{
 
 text-decoration:underline;
 font-weight:bold;

 }

 #linkfoot  p#fb{
 
 }
  #linkfoot p#fb a {
  position:relative;
display:block;
float:right;
  color:black;
font-family:arial, sans-serif;
font-size:11px;
width:50%;
 }
   #linkfoot p#fb a  img {
position:relative;
display:block;
margin-right:auto;
margin-left:auto;
 }
  #linkfoot   li  li a{
  font-weight:bold;
  }
 .logo_pdf{
 width:40px;
 }