body {
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  background: url(../imgs/fond.jpg);
  margin-bottom: 0px
}
a.link_news {
  color: #336699;
  text-decoration: none;
  font-family: Tahoma, Arial, sans-serif;
  font-size: small
}
a.link_news:hover {
  color: #0066CC;
  font-family: Tahoma, Arial, sans-serif;
  font-size: small;
  font-style: italic
}
a.link_fiche {
  color: #990000;
  text-decoration: none;
  font-family: Tahoma, Arial, sans-serif;
  font-size: small
}
a.link_fiche:hover {
  color: #0066CC;
  font-family: Tahoma, Arial, sans-serif;
  font-size: small;
  font-style: italic
}
a.email {
  color: #E3E3DD;
 font-family: Open Sans;
  font-size: small;
  text-decoration: none
}
a.email:hover {
  color: #FF9966;
 font-family: Open Sans;
  font-size: small;
  text-decoration: none;
}
#header  {
  background: url(../imgs/fond_haut.png) repeat-x;
  width: 100%;
  height: auto  ;
}
.img-responsive {
display: block;
width: 100%;
height: auto;
margin:0px auto 0 auto;
}
.img {
width: 150px;
height: auto;
#border: thin solid #003366;
margin-right: 10px
}

#menu{
width: 75%;
height: auto;
margin:0 auto 0 auto;

}
#fond_menu{
  width: 100%;
  background-image:linear-gradient(#00579C, #002748);

}
#milieu{
  position: relative;
  width: 100%;
  height: auto  ;
}
#slider_cadre {
position: relative;
display: block;
max-width: 80%;
height: auto;
margin:20px auto 0 auto;
z-index:1
}
#div_alaune{
position: relative;
float: left;
background-color: transparent;
#border: 2px solid #336699;
#border-radius: 10px;
width: 50%;
height: 100%;
padding-bottom: 20px;
  margin-left: 160px;
  margin-bottom: 20px;
  border-right-color: #336699;
  border-right-style: dotted;
  border-right-width: thin;
  padding-right: 20px
}
#div_conseil{
position: relative;
float: left;
background-color: transparent;
width: 80%;
height: 100%;
padding-bottom: 20px;
  margin-left: 160px;
  margin-bottom: 20px;
   padding-right: 20px
}
#titre_alaune {
  position: relative;
  margin-left:40px;
  height: 90px;
  width: 550px;
}
#news {
 position: relative;
 margin-left:15px;
 height: 500px;
 width: 100%;
 overflow: auto;
 padding-top: 20px;

}
.tab_news{
  border: thin solid #CCCCCC;
  background: #F8F8F8;

}


.titre_news {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
    letter-spacing: 0px;
  line-height: 14px
}
.titre_conseil {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
    letter-spacing: 0px;
  line-height: 14px;
  border-bottom: thin solid;
  border-top: thin solid
}
.conseil {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
    letter-spacing: 0px;
  line-height: 14px;
  border-bottom: thin solid;
  border-top: thin solid;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 5px;
  padding-top: 5px
}
.texte_news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #596A93;

}
.texte_important {
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0033;
}
#titre_ident {
display: inline;
 float: left;
  margin-left:40px;
  height: 90px;
  width: 400px;
}
#form_ident {
 display: inline-block;
 float: left;
 height: auto;
 width:20%;
 padding-top: 20px;
 border:1px solid #999999;
 border-radius: 0px;
 margin-left:80px;
 margin-top: 20px;
 background-image:linear-gradient(#F3F3F3, #FFFFFF);
 box-shadow: 1px 1px 5px #555;
  color: #336699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: bold;
  background-color: #E3E3DD
}
.form_ident_input {
 padding:3px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 width:150px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
}
.form_ident_input:focus {
 padding:3px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 width:150px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
  background-color: #EFEFEF
}
.button {
 width:100px;
 margin-top:6px;
 border:1px solid #F5C5C5;
 border-radius: 5px;
 cursor:pointer;

}
.button:hover {
 width:100px;
 border:1px solid #F5C5C5;
 border-radius: 5px;
 cursor:pointer;

  background-color: #336699;
  color: #FFFFFF
}
#form_indent_inside {
 border-bottom: 1px solid #BCBCBC;
 padding-bottom: 20px;
}
#pass_lost{
 width : 100%;
  border-top: 1px solid #FFFFFF;
    background-image:linear-gradient(#B4B4B4, #EFEFEF);
  padding-top: 20px;
  padding-bottom: 20px;
}

#partenaires{
display: inline-block;
float: right;
margin-right: 200px;
width:20%;
 margin-top: 40px
}
.logo_part {
display: block;
max-width: 100%;
height: auto;
margin:0px auto 0 auto;
box-shadow: 1px 1px 12px #555;
}
#conseil {
 position: relative;
 margin-left:15px;
 height: 100%;
 width: 100%;
  padding-top: 20px
}
#form_adhesion {
 position: relative;
 height: 100%;
 width: 100%;
  padding-top: 20px;
    border: thin solid #CCCCCC;
  background: #F8F8F8;

}
.photo_conseil {
width: 90px;
height: auto;
margin-right: 10px ;
box-shadow: 1px 1px 12px #555;
}
#footer{
  position: relative;
  float: left;
  width: 100%;
  height: 100%  ;
   background-image:linear-gradient(#333333, #CCCCCC);
  border-top-color: #336699;
  border-top-style: solid;
  border-top-width: thin;

}
#bas_infos {
position: relative;
float :left;
width: 400px;
height: auto;

  padding-top: 20px;
  padding-left: 20px

}
#info_footer {
width:50%;
margin-left: 300px;
  color: #FFFFFF;
   font-family: Montserrat;
  padding-bottom: 20px
}


  @media screen and (max-width: 1000px) {
#menu {
  display: block;
margin-top: 15px;
position: static;
width: auto;
}
.img {
width: 100px;
height: auto;
  border: thin solid #003366;
  margin-right: 10px
}

 #slider_cadre {
position: relative;
display: block;
max-width: 90%;
height: auto;
margin:20px auto 0 auto;
z-index:1
}
 #div_alaune{
position: relative;
background-color: transparent;
#border: 2px solid #336699;
border-radius: 10px;
width: 90%;
height: 100%;
margin-left: 0px
}
#titre_alaune {
  bottom: -10px;
  height: auto;
  max-width: 100%;
  }

 #div_conseil {
position: relative;

max-width: 90%;
height: auto;
margin:20px auto 50px auto;
z-index:1
}
#conseil {
 position: relative;
  display: block;
 height: 100%;
 width: 100%;
  padding-top: 20px
}
#news {
 position: relative;
 margin-left:15px;
 height: auto;
 width: 100%;
 overflow: auto;
  padding-top: 60px
}
.texte_news {
	font-family: Arial, Helvetica, sans-serif;
   s
	font-weight: normal;
	color: #596A93;
	text-decoration: none;
    letter-spacing: 0px;
  line-height: 20px }
#form_ident {
position: relative;
float : left;
  margin-left:15px;
 height: auto;
 width:90%;
 padding-top: 20px;
 border:1px solid #336699;
 border-radius: 10px;
 margin-top: 20px;
  margin-bottom: 20px
}

#partenaires{
display: inline-block;
float : left;
width:100%;
  margin-top: 40px;
  padding-bottom: 20px
}
.logo_part {
width: 200px;
box-shadow: 1px 1px 12px #555;
}

 #footer{
  width: 100%;
  background-color: #00579C;
  border-top-color: #ADA09;
  border-top-style: solid;
  border-top-width: thin;
}
   #bas_infos {
position: relative;
width:80%;
height: auto;
  padding-bottom: 20px;
  border-bottom: thin solid #6699CC;
  margin-left: 20px;
  z-index: 2
}
   #info_footer {
 position: relative;
 width:80%;
  height: auto;
  margin-left:50px;
  padding-top:150px;
 font-family: Montserrat;
	font-weight: normal;
  z-index: 1;
  color: #FFFFFF
}
a.email {
  color: #E3E3DD;
 font-family: Open Sans;

  text-decoration: none
}
a.email:hover {
  color: #FF9966;
 font-family: Open Sans;

  text-decoration: none;
}
}