@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular.woff') format('woff'),
         url('../fonts/opensans-regular.ttf') format('truetype'),
         url('../fonts/opensans-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular.ttf') format('truetype');
  }
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProLight';
    src: url('../fonts/sourcesanspro-light.eot');
    src: url('../fonts/sourcesanspro-light.eot') format('embedded-opentype'),
         url('../fonts/sourcesanspro-light.woff') format('woff'),
         url('../fonts/sourcesanspro-light.ttf') format('truetype'),
         url('../fonts/sourcesanspro-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'SourceSansProLight';
    src: url('../fonts/sourcesanspro-light.svg') format('svg');
  }
}

@font-face {
    font-family: 'SourceSansProSemibold';
    src: url('../fonts/sourcesanspro-semibold.eot');
    src: url('../fonts/sourcesanspro-semibold.eot') format('embedded-opentype'),
         url('../fonts/sourcesanspro-semibold.woff') format('woff'),
         url('../fonts/sourcesanspro-semibold.ttf') format('truetype'),
         url('../fonts/sourcesanspro-semibold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'SourceSansProSemibold';
    src: url('../fonts/sourcesanspro-semibold.svg') format('svg');
  }
}

/*---------------------------GLOBAL---------------------------*/

html{
margin:0px;
}

body{
background:#cacaca;font-family:open_sansregular, Arial, Verdana;margin:0px;width:100%;
}

h1{
font-family:'SourceSansProSemibold';color:#b40000;font-weight:normal;font-size:36px;margin:10px 0px;padding:0px;
}

h2{
color:#888888;font-weight:normal;font-size:18px;margin:10px 0px;padding:0px;
}

h3{
color:#555555;font-weight:normal;font-size:16px;margin:10px 0px;padding:0px 0px 5px 0px;
}

a{
color:#b40000;
}

a:hover{
color:#666666;
}

p,table{
font-size:12px;color:#666666;line-height:20px;
}

img{
border:none;
}

.img_left{
  float:left;
  padding:10px 10px 10px 0px;
}

.lien_abstract{
  font-size:14px;
  color:#b40000;
  line-height:20px;
}

/*---------------------------PRINCIPAUX CONTENEURS---------------------------*/

/* CONTENEURS */

#haut{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,ffffff+100 */
  background: #eeeeee; /* Old browsers */
  background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#haut_inner{

}

#milieu{
  background:url('../img/milieu_bg.gif') repeat-x center top;
}

#milieu_inner{

}

#bas{
  background:#333333;
}

#bas_inner{

}

#bas .buchet {
  color: #fff;
}

#accueil{

}

#content{

}

#content_bas{

}

html>body #content {

}

#colonne_gauche{
  padding:20px 20px 0px 20px;
  background: #ffffff;
}

#colonne_centre{
  padding:20px 50px 30px 50px;
  background: #ffffff;
}

/*---------------------------BANDEAU---------------------------*/

#bandeau{

}

#bandeau_gauche{

}

#bandeau_droite{

}

#logo img{
  max-width: 100%;
}

.baseline{
  font-family: SourceSansProSemibold;
  font-size: 36px;
  line-height: 40px;
  padding-top: 30px;
}

/*---------------------------MENU---------------------------*/

#menu_principal{
  position:relative;
  z-index:10;
  background:#333333;
}

/* Voir menu.css */

/*---------------------------FIL ARIANE---------------------------*/

#ariane{
  background: #ffffff;
  margin:10px 0;
  padding:10px;
  font-size:12px;
}

.div_ariane{
  display: inline-block;
}

#ariane p {
  font-size:12px;
  color:#666666;
  text-decoration:none;
}

#ariane a {
  font-size:12px;
  color:#9e1818;
  text-decoration:none;
}

/*---------------------------PIED---------------------------*/

#pied{
  padding:20px 0px;
}

#pied_gauche{
  line-height:24px;
  color:#ffffff;
  font-size:14px;
  text-align:left;
}

#pied_gauche a{
  color:#ffffff;
  text-decoration:none;
}

#pied_droite{
  line-height:24px;
  color:#ffffff;
  font-size:14px;
  text-align:right;
}

/*---------------------------MENU GAUCHE---------------------------*/

#menu_gauche{
  background:#ffffff;
  padding:20px;
}

#menu_gauche h1{
  color:#9e1818;
  line-height:50px;
  padding:0px;
  margin:0px;
  font-size:18px;font-weight:normal;
}

#menu_gauche ul{
  list-style:none;
  margin:0px;
  padding:0px;
}

#menu_gauche li{
  margin:0px 0px 0px 0px;
  padding:0px;
}

#menu_gauche li a{
  display:block;
  margin:0px;
  padding:5px 0px 5px 10px;
  color:#444444;
  font-size:14px;
  font-weight:normal;
  line-height:24px;
  text-decoration:none;
  background:url('../img/menu_gauche_puce.gif') no-repeat left 12px;
  border-bottom:1px solid #dddddd;
}

#menu_gauche li a.sous_menu_selected{
color:#9e1818;font-weight:bold;
}

#menu_gauche li a:hover{
color:#9e1818;
}

#menu_gauche li li a, #menu_gauche li.selected li a{
display:inline-block;width:170px;margin:0px;padding:5px 0px 5px 20px;color:#444444;font-size:11px;font-weight:normal;line-height:20px;text-decoration:none;background:url('../img/menu_gauche_puce.gif') no-repeat 10px 12px;border-bottom:1px solid #dddddd;
}

#menu_gauche li li a:hover, #menu_gauche li.selected li a:hover{
color:#9e1818;
}

#menu_gauche a.lien_menu_selected{
  display: block;
  color:#9e1818;
  line-height:30px;
  padding:0px;
  margin:0px 0px 10px 0px;
  font-size:20px;
  font-weight:normal;
  text-decoration:none;
}

.lien_menu_selected{
text-decoration:none;
}

/*---------------------------SOUS BANDEAU---------------------------*/

#sous_bandeau{
  height:210px;
  padding:0px;
  text-align:center;
}

.sous_bandeau_container{
  overflow: hidden;
}

/*---------------------------SLIDESHOW---------------------------*/

.carousel{
  margin-bottom: 30px;
}

.carousel a{
  text-decoration: none;
}

.carousel h2{
  color:#ffffff;
}

.carousel-control.left,
.carousel-control.right{
  background: transparent;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img{
  width:100%;
}

.carousel-indicators{
  bottom:55px;
}

.carousel-caption{
  left:0%;
  right:0%;
  bottom:-40px;
}

.carousel-caption h2{
  background: rgba(0, 0, 0, 0.9);
  padding:15px;
  border-radius: 0px;
}

/*---------------------------BLOC PRODUITS---------------------------*/

#bloc_produits{

  padding:0px 20px 20px 20px;
  min-height:270px;
  border-radius: 10px;
  margin-bottom: 30px;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#777777+0,444444+100 */
  background: #777777; /* Old browsers */
  background: -moz-linear-gradient(top,  #777777 0%, #444444 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #777777 0%,#444444 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #777777 0%,#444444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#444444',GradientType=0 ); /* IE6-9 */

  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);

}

#bloc_produits h1{
  font-family: SourceSansProLight;
  color:#ffffff;
  line-height:60px;
  padding:20px 0px;
  margin:0px;
  font-size:48px;
  font-weight:normal;
}

.produit{
  padding:0px;
  text-align: center;
}

.produit img{
  border:solid 5px #ffffff;
}

.produit p{
  line-height:20px;
  color:#ffffff;
  font-size:16px;
  margin:10px 0;
}

.produit p a{
  color:#ffffff;
  text-decoration:none;
}

/*---------------------------BLOC PRESENTATION---------------------------*/

#bloc_presentation{

  padding:0 20px 20px 20px;
  border:1px solid #bbbbbb;
  border-radius: 10px;
  margin-bottom: 30px;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);

}

.bloc_texte_gauche{

}

.bloc_texte_central{

}

.bloc_texte_gauche h1, .bloc_texte_central h1{
  font-family: 'SourceSansProLight';
  color:#9e1818;
  line-height:40px;
  padding:20px 0px;
  margin:0px;
  font-size:30px;
}

.bloc_texte_gauche p, .bloc_texte_central p,.bloc_texte_gauche div, .bloc_texte_central div{
  color:#666666;
  line-height:24px;
  padding:0px;
  margin:10px 0px;
  font-size:14px;
}

.bloc_texte_gauche p.photo, .bloc_texte_central p.photo{
  text-align:center;
}

.bloc_texte_gauche p.suite, .bloc_texte_central p.suite{
color:#666666;line-height:20px;padding:0px;margin:10px 0px;font-size:11px;text-align:right;
}

.bloc_texte_gauche a, .bloc_texte_central a{
color:#9e1818;font-size:11px;text-decoration:none;background:url('../img/bloc_texte_puce.gif') no-repeat left 5px;padding:0px 0px 0px 12px;
}

/*---------------------------BLOC ACTUALITES---------------------------*/

.bloc_actualites{

}

.bloc_actualites h1{
  font-family: 'SourceSansProLight';
  color:#9e1818;
  line-height:40px;
  padding:20px 0px;
  margin:0px;
  font-size:30px;
}

.actualite{
margin:0px 0px 20px 0px;
}

.actualite img{
float:left;margin:0px 10px 0px 0px;
}

.actualite p.titre{
color:#9e1818;line-height:24px;padding:0px;margin:0px;font-size:16px;font-weight:bold;
}

.actualite p.titre a{
color:#9e1818;
text-decoration:none;
}

.actualite p.texte{
color:#666666;line-height:24px;padding:0px;margin:5px 0px;font-size:14px;
}

/* ARTICLE */

.document{
width:100%;
}

.document:after {
  content: "";
  display: table;
  clear: both;
}

.document_abstract{
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #dddddd;
}

.document img{
  max-width: 100% !important;
  height:auto !important;
}

.document h1{
  font-family: SourceSansProLight;
  color:#b40000;
  font-weight:normal;
  font-size:48px;
  margin:10px 0px 30px 0;
  padding:0px;
}

.document h2{
color:#888888;
font-weight:normal;
font-size:18px;
margin:10px 0px;
padding:0px;
}

.document ul li{
font-weight:normal;
color:#666666;
font-size:12px;
}

.document .chapeau{

}

.document .chapeau p{
font-size: 16px;
line-height: 24px;
font-weight:normal;
color:#666666;
}

.document .zone1{
  width:100%;
  margin:10px 0px;
}

.document .zone1 img{
/*float:left;*/
display:block;
margin:10px 20px 10px 0px;
width:230px;
}

.document .zone1 p{
font-weight:normal;
font-size: 14px;
line-height: 24px;
color:#666666;
}

.document .zone2{
width:100%;
margin:10px 0px;
}

.document .zone2 img{
/*float:left;*/
display:block;
margin:10px 0px;
width:100% !important;
}

.document .zone2 p{
font-weight:normal;
font-size: 14px;
line-height: 24px;
color:#666666;
}

.document .zone3{
padding:18px;
margin:10px 0px;
background:#dddddd;
border:1px solid #c3c3c3;
}

.document .zone3 p{
font-weight:normal;
font-size: 14px;
line-height: 24px;
color:#666666;
}

.document .zone3 p.lien{
font-weight:normal;
color:#B40000;
padding:5px 0px 5px 22px;
background:url('../img/ico_pdf.gif') no-repeat left 7px;
}

/*--------------- CONTACT ----------------*/
.adresse_contact{
padding:10px 10px 0px 10px;width:250px;float:left;
}

.msgcontact{
font-weight:bold;
}

#map{
width:360px;height:300px;font-size:12px;float:left;margin-bottom:10px;margin-top:10px;
}

/*--------------- LOGIN ----------------*/
#id_login p.titre_login{
border-bottom: solid 2px #CFCFCF;font-size: 22px;margin: 10px 0px 10px;padding: 10px;text-align:center;
}
/*---------------DISPO 6 ARTICLES ----------------*/
.titre_lien{
text-decoration:none;
}

a.titre_lien:hover{
color: #9E1818;
}

h2.dispo6h2{
margin-top:30px;
}

.navbar-inverse{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#777777+0,444444+100 */
  background: #777777; /* Old browsers */
  background: -moz-linear-gradient(top,  #777777 0%, #444444 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #777777 0%,#444444 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #777777 0%,#444444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#444444',GradientType=0 ); /* IE6-9 */

  border:none;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3);
}

.navbar-inverse .navbar-nav > li > a{
  color:#ffffff;
}

.dropdown-menu{
  background:#333333;
}

.dropdown-menu > li > a{
  color:#ffffff;
}

.dropdown-menu > li > a:hover{
  background: #444444;
  color:#ffffff;
}

#bas_inner #pied_droite a.facebook,
.adresse_contact .reseaux a.facebook {
  color: #3B5998;
}
#bas_inner #pied_droite a.youtube,
.adresse_contact .reseaux a.youtube {
  color: #EF2500;
}

