@font-face {
  font-family: 'open_sansregular';
  src: url('../../../../web/themes/e-keyleo-front/fonts/OpenSans-Regular-webfont.eot');
  src: url('../../../../web/themes/e-keyleo-front/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../web/themes/e-keyleo-front/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../../../../web/themes/e-keyleo-front/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../../../web/themes/e-keyleo-front/fonts/OpenSans-Regular-webfont.svg#open_sansregular') 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('../../../../web/themes/e-keyleo-front/fonts/opensans-regular.ttf') format('truetype');
  }
}
@font-face {
  font-family: 'SourceSansProLight';
  src: url('../../../../web/themes/e-keyleo-front/fonts/sourcesanspro-light.eot');
  src: url('../../../../web/themes/e-keyleo-front/fonts/sourcesanspro-light.eot') format('embedded-opentype'), url('../../../../web/themes/e-keyleo-front/fonts/sourcesanspro-light.woff') format('woff'), url('../../../../web/themes/e-keyleo-front/fonts/sourcesanspro-light.ttf') format('truetype'), url('../../../../web/themes/e-keyleo-front/fonts/sourcesanspro-light.svg#SourceSansProLight') format('svg');
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'SourceSansProLight';
    src: url('../../../../web/themes/e-keyleo-front/fonts/sourcesanspro-light.svg#SourceSansProLight') format('svg');
  }
}
#ariane {
  clear: both;
  color: #31579e;
  font-size: 12px;
  display: block;
  width: 980px;
  padding: 12px 0px 3px 0px;
  height: 15px;
  line-height: 15px;
}
.div_ariane {
  float: left;
}
#ariane a {
  font-size: 12px;
  color: #31579e;
  text-decoration: none;
}
#ariane_fil {
  float: left;
}
#ariane_outils {
  float: right;
}
#ariane_outils img {
  vertical-align: middle;
  padding: 0px 5px 0px 0px;
}
#ariane_outils a {
  padding: 0px 0px 0px 10px;
  font-size: 12px;
  color: #31579e;
}
html {
  position: relative;
  min-height: 100%;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#bottom {
  margin: 0px;
  background: #eeeeee;
}
.footer h2 {
  font-family: open_sansregular;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  margin: 20px 0px;
}
.footer .copyright {
  text-align: center;
  font-size: 13px;
  color: #000000;
}
.footer p {
  color: #000000;
  text-align: center;
}
.footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
.footer li {
  text-align: center;
  font-size: 12px;
  margin-bottom: 5px;
}
.footer li a {
  color: #000000;
  padding: 0px 0px 0px 20px;
  background: url('../../../../web/themes/e-keyleo-front/img/footer_bullet.png') no-repeat left center;
}
.footer span.sep_v {
  color: #2773AE;
  padding: 0 10px;
}
.footer span.sep_v:last-child {
  display: none;
}
@media (min-width: 992px) {
  .liens_footer p {
    text-align: left;
  }
  .copyright p {
    text-align: right;
  }
}
#alerte_uti_secondaire {
  width: 100%;
  background-color: #444;
  color: #ffffff;
  padding: 7px 3% 7px 3%;
  font-size: 11px;
}
#alerte_uti_secondaire a {
  background: #000000;
  border-radius: 5px;
  padding: 7px;
  text-decoration: none;
  line-height: 20px;
  color: #FFFFFF;
}
.alert-cookie {
  margin-bottom: 0px;
  border-radius: 0;
  text-align: center;
}
.alert-cookie a {
  text-decoration: underline;
}
#top {
  background: #ffffff;
}
#heading {
  background: #ffffff;
}
a.logo img {
  max-height: 130px;
}
.message_site {
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  background: #2773AE;
  color: #ffffff;
  border-bottom: 1px solid #dddddd;
}
#heading_left {
  text-align: center;
}
p.date {
  text-align: center;
}
.sous_bandeau {
  height: 155px;
  background: none no-repeat top center;
}
.sous_bandeau_content {
  position: absolute;
  left: 0px;
  top: 0px;
  float: left;
  height: 250px;
  width: 400px;
  padding: 50px 50px 50px 0;
  margin: 0px;
}
.sous_bandeau_content p {
  color: #ffffff;
  font-size: 18px;
}
@media (min-width: 992px) {
  #heading_left {
    text-align: left;
  }
  p.date {
    text-align: right;
  }
}
.navbar {
  margin: 0;
}
.navbar-default {
  background: #ffffff;
  border: none;
}
.navbar-default .navbar-nav > li.home > a {
  background: url("../../../../web/themes/e-keyleo-front/img/ico_home.png") no-repeat scroll 10px center rgba(0,0,0,0);
  padding: 30px 0 15px 55px;
}
.navbar-default .navbar-nav > li > a {
  color: #000000;
  font-size: 18px;
  text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #2773AE;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background: #222222;
  color: #2773AE;
}
.dropdown-menu {
  background: #222222;
  border: none;
}
.dropdown-menu > li > a {
  color: #ffffff;
  padding: 10px 20px;
}
.dropdown-menu > li > a:hover {
  background: #333333;
  color: #ffffff;
}
.caret {
  margin-left: 5px;
}
.navbar-header {
  line-height: 50px;
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #666666;
}
.navbar-default .navbar-toggle {
  border-color: #333333;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #333333;
}
@media (min-width: 768px) {
  .navbar-default .navbar-nav > li > a {
    font-size: 16px;
  }
  .navbar-header {
    display: none;
  }
  .navbar-collapse {
    padding: 0;
  }
  .navbar-nav {
    float: right;
  }
}
@media (min-width: 992px) {
  .navbar-default .navbar-nav > li > a {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .navbar-default .navbar-nav > li > a {
    font-size: 18px;
  }
}
#panier {
  background: url("../../../../web/themes/e-keyleo-front/img/outil_panier.gif") no-repeat scroll left top transparent;
  font-size: 12px;
  padding: 0px 20px 0px 30px;
  color: #908f90;
  font-weight: bold;
  margin-left: 10px;
  float: left;
  width: 150px;
}
.side_menu {
  margin: 0px 0px 20px 0px;
}
.side_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.side_menu > ul,
.side_menu > ul > li > a,
.side_menu ul ul {
  border-width: 0px;
}
.side_menu > ul {
  border-style: solid;
}
.side_menu > ul ul {
  padding: 5px;
}
.side_menu ul li {
  margin: 0 0 10px 0;
}
.side_menu ul li li {
  margin: 0;
}
.side_menu > ul > li > a,
.side_menu ul ul {
  border-bottom-style: solid;
}
.side_menu > ul > li:last-child > a {
  border-bottom-style: none;
}
.side_menu ul li a {
  color: #000000;
  padding: 8px 8px 8px 15px;
  background-color: #e5e5e5;
  display: block;
  font-size: 15px;
  transition: background-color 200ms linear;
  text-decoration: none;
  border-radius: 5px;
}
.side_menu ul li li a {
  color: #555555;
}
.side_menu ul li a:hover {
  background-color: #000000;
  color: white;
  border-radius: 5px;
}
.side_menu ul li li a {
  font-size: 13px;
  padding-left: 25px;
  background: transparent;
}
.side_menu ul li li a:hover,
.side_menu .selected .selected > a:hover {
  color: #ffffff;
  border-radius: 5px;
}
.side_menu .selected {
  border-radius: 5px;
}
.side_menu .selected > a {
  background: #333333;
  color: #ffffff;
  font-weight: bold;
}
.side_menu .selected .selected > a {
  font-weight: bold;
  color: #000000;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-a-0 {
  margin: 0 0 !important;
}
.m-t-0 {
  margin-top: 0 !important;
}
.m-r-0 {
  margin-right: 0 !important;
}
.m-b-0 {
  margin-bottom: 0 !important;
}
.m-l-0 {
  margin-left: 0 !important;
}
.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.m-a-1 {
  margin: 1rem 1rem !important;
}
.m-t-1 {
  margin-top: 1rem !important;
}
.m-r-1 {
  margin-right: 1rem !important;
}
.m-b-1 {
  margin-bottom: 1rem !important;
}
.m-l-1 {
  margin-left: 1rem !important;
}
.m-x-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.m-y-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.m-a-2 {
  margin: 1.5rem 1.5rem !important;
}
.m-t-2 {
  margin-top: 1.5rem !important;
}
.m-r-2 {
  margin-right: 1.5rem !important;
}
.m-b-2 {
  margin-bottom: 1.5rem !important;
}
.m-l-2 {
  margin-left: 1.5rem !important;
}
.m-x-2 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.m-y-2 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.m-a-3 {
  margin: 3rem 3rem !important;
}
.m-t-3 {
  margin-top: 3rem !important;
}
.m-r-3 {
  margin-right: 3rem !important;
}
.m-b-3 {
  margin-bottom: 3rem !important;
}
.m-l-3 {
  margin-left: 3rem !important;
}
.m-x-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.m-y-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.p-a-0 {
  padding: 0 0 !important;
}
.p-t-0 {
  padding-top: 0 !important;
}
.p-r-0 {
  padding-right: 0 !important;
}
.p-b-0 {
  padding-bottom: 0 !important;
}
.p-l-0 {
  padding-left: 0 !important;
}
.p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-a-1 {
  padding: 1rem 1rem !important;
}
.p-t-1 {
  padding-top: 1rem !important;
}
.p-r-1 {
  padding-right: 1rem !important;
}
.p-b-1 {
  padding-bottom: 1rem !important;
}
.p-l-1 {
  padding-left: 1rem !important;
}
.p-x-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.p-y-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.p-a-2 {
  padding: 1.5rem 1.5rem !important;
}
.p-t-2 {
  padding-top: 1.5rem !important;
}
.p-r-2 {
  padding-right: 1.5rem !important;
}
.p-b-2 {
  padding-bottom: 1.5rem !important;
}
.p-l-2 {
  padding-left: 1.5rem !important;
}
.p-x-2 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.p-y-2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.p-a-3 {
  padding: 3rem 3rem !important;
}
.p-t-3 {
  padding-top: 3rem !important;
}
.p-r-3 {
  padding-right: 3rem !important;
}
.p-b-3 {
  padding-bottom: 3rem !important;
}
.p-l-3 {
  padding-left: 3rem !important;
}
.p-x-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.p-y-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.btn-primary {
  background: #2773AE;
  border-color: #2773AE;
  color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background: #000000;
  border-color: #000000;
  color: #ffffff;
}
span.bouton {
  display: inline-block;
  line-height: 30px;
  padding: 0 0 0 10px;
}
span.bouton a {
  color: #FFFFFF;
  display: inline-block;
  font-size: 11px;
  line-height: 20px;
  padding: 0 10px 0 0;
  text-decoration: none;
}
div.actions {
  padding: 10px 0px;
  text-align: center;
}
span.obligatoire {
  font-size: 11px;
  color: red;
}
div.obligatoire {
  font-size: 11px;
  padding: 10px 0px;
  color: red;
}
.control-label {
  font-size: 12px;
}
a.info {
  color: #5C8EC1;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  text-decoration: none;
}
a.info span {
  display: none;
}
a.info:hover {
  background: transparent none repeat scroll 0 0;
  cursor: help;
  z-index: 500;
}
a.info:hover span {
  background-color: #FAFAFA;
  border: 3px solid #CCCCCC;
  color: black;
  display: inline;
  font-size: 12px;
  font-weight: normal;
  left: 20px;
  padding: 5px;
  position: absolute;
  top: 30px;
  white-space: nowrap;
}
a.iconfile {
  background: url(../../../../web/themes/e-keyleo-front/../../img/Icone_type_fichier/page_white.png) no-repeat center left;
  display: block;
  text-align: left;
  margin: 0;
  padding: 0px 0px 0px 30px;
}
a.iconfile[href$=".pdf"] {
  background: url(../../../../web/themes/e-keyleo-front/../../img/Icone_type_fichier/page_white_acrobat.png) no-repeat center left;
}
a.iconfile[href$=".ppt"] {
  background: url(../../../../web/themes/e-keyleo-front/../../img/Icone_type_fichier/page_white_powerpoint.png.png) no-repeat center left;
}
a.iconfile[href$=".xls"],
a.iconfile[href$=".xlsx"] {
  background: url(../../../../web/themes/e-keyleo-front/../../img/Icone_type_fichier/page_white_excel.png) no-repeat center left;
}
a.iconfile[href$=".doc"],
a.iconfile[href$=".docx"],
a.iconfile[href$=".odt"] {
  background: url(../../../../web/themes/e-keyleo-front/../../img/Icone_type_fichier/page_word.png) no-repeat center left;
}
img {
  border: none;
  max-width: 100%;
}
.img_left {
  float: left;
  padding: 0px 10px 10px 0px;
}
.img_right {
  float: right;
  padding: 0px 0px 10px 10px;
}
#choix_langue {
  float: left;
  width: 50px;
  height: 18px;
  padding: 3px 0px;
}
#choix_langue a.drapeau_francais {
  float: left;
  width: 18px;
  height: 18px;
  background: url('../../../../web/themes/e-keyleo-front/../../img/flags/drapeau_francais.png') no-repeat left top;
  margin: 0px 5px 0px 0px;
}
#choix_langue a.drapeau_francais_nb {
  float: left;
  width: 18px;
  height: 18px;
  background: url('../../../../web/themes/e-keyleo-front/../../img/flags/drapeau_francais_nb.png') no-repeat left top;
  margin: 0px 5px 0px 0px;
}
#choix_langue a.drapeau_anglais {
  float: left;
  width: 18px;
  height: 18px;
  background: url('../../../../web/themes/e-keyleo-front/../../img/flags/drapeau_anglais.png') no-repeat left top;
}
#choix_langue a.drapeau_anglais_nb {
  float: left;
  width: 18px;
  height: 18px;
  background: url('../../../../web/themes/e-keyleo-front/../../img/flags/drapeau_anglais_nb.png') no-repeat left top;
}
#recherche input[type="text"] {
  padding: 5px 10px 5px;
  height: 32px;
  border: none;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.08);
  box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.08);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #3a3a3a;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-break: 20px;
  line-height: 27px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
.onglet_recherche {
  width: 150px;
  padding: 10px;
  margin-right: 10px;
}
.onglet_recherche_selected {
  border-top: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  background: #ffffff;
  width: 150px;
  padding: 10px;
  margin: 5px;
}
.lien_onglet_recherche {
  color: #296482;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}
.table_form_recherche {
  background: #ffffff;
}
.recherche {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
}
.col_recherche {
  margin-right: 0;
  padding-right: 0;
}
.recherche input[type="text"] {
  border: none;
  box-shadow: none;
  height: 40px;
  float: left;
  background: #f2f2f2;
}
.recherche .btn-search {
  background: #f2f2f2 url('../../../../web/themes/e-keyleo-front/img/ico_search.png') no-repeat center center;
  height: 40px;
  width: 40px;
  border: none;
  float: right;
  box-shadow: none;
}
.recherche_resultats h2 {
  margin: 3px 0px;
  padding: 0;
  font-size: 14px;
  color: #000000;
}
h1.plan_niveau {
  border-bottom: 2px solid #2773AE;
  color: #2773AE;
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0;
  line-height: 32px;
}
h1.plan_niveau a,
h1.plan_niveau a:hover {
  color: #2773AE;
  text-decoration: none;
}
h2.plan_niveau {
  border: 0 none;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  margin: 3px 0;
  padding-left: 20px;
  line-height: 1.5;
}
h2.plan_niveau a,
h2.plan_niveau a:hover {
  color: #000000;
  text-decoration: none;
}
h3.plan_niveau {
  color: #2773AE;
  font-size: 10px;
  font-weight: normal;
  margin: 2px 0;
  padding-left: 40px;
  border: 0px;
}
#plan_site ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}
#slideshow {
  width: auto;
}
.slides {
  width: 100%;
  height: 600px;
  position: relative;
}
.slidex {
  width: 100%;
  height: 600px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-position: center top;
  background-size: cover;
  -ms-behavior: url(../../../../web/themes/e-keyleo-front/../../Produit/Script/responsive/backgroundsize.min.htc);
}
.slide_inner {
  position: relative;
  height: 600px;
  padding: 0px;
  margin: 0 auto;
}
.slide_content {
  position: absolute;
  left: 0px;
  top: 300px;
  float: left;
  height: 600px;
  padding: 0px;
  margin: 0px;
}
.slide_content p.h2 {
  font-family: 'SourceSansProLight';
  color: #ffffff;
  font-size: 72px;
  font-weight: normal;
  padding: 20px 30px;
  margin: 0;
  line-height: 70px;
}
.slide_content div.texte {
  color: #ffffff;
  font-size: 18px;
  padding: 20px 380px 20px 30px;
  margin: 0;
}
.slide_lien {
  position: absolute;
  bottom: -20px;
  width: 100%;
}
.slide_lien p.lien {
  text-align: center;
  margin: 0px;
}
.slide_lien p.lien a {
  display: inline-block;
  text-align: center;
  background: #333333;
  color: #ffffff;
  font-size: 18px;
  line-height: 40px;
  padding: 0px 40px;
  border-radius: 5px;
  transition: background-color 200ms linear;
}
.slide_lien p.lien a:hover {
  background: #2773AE;
  text-decoration: none;
}
.slider_menu {
  margin: auto;
  position: relative;
  top: -40px;
}
.slider_menu ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
.slider_menu li {
  float: left;
  margin: 0px 10px 10px 0px;
}
.slider_menu li a {
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 0px;
  color: #ffffff;
  background: #333333;
  border-radius: 5px;
}
.slider_menu li a:hover,
.slider_menu li.selected a {
  background: #2773AE;
}
.slide_content {
  width: 100%;
  top: 0px;
}
.slide_content h1 {
  font-size: 36px;
  line-height: 40px;
  background: url('../../../../web/themes/e-keyleo-front/img/slide_content_title_bg.png') repeat left top;
}
.slide_content p.texte {
  color: #ffffff;
  font-size: 14px;
  padding: 20px 30px;
  margin: 0;
  background: url('../../../../web/themes/e-keyleo-front/img/slide_content_title_bg.png') repeat left top;
}
.slide_content a {
  font-size: 14px;
}
@media (min-width: 768px) {
  .slide_content h1 {
    font-size: 72px;
    line-height: 70px;
    background: url('../../../../web/themes/e-keyleo-front/img/slide_content_title_bg.png') no-repeat left top;
  }
  .slide_content p.texte {
    color: #ffffff;
    font-size: 18px;
    background: url('../../../../web/themes/e-keyleo-front/img/slide_content_text_bg.png') no-repeat left top;
    padding: 20px 380px 20px 30px;
    margin: 0;
  }
  .slide_content a {
    font-size: 18px;
  }
}
.pagination {
  font-size: 12px;
  margin-top: 10px;
  width: 100%;
}
a.legende {
  color: #5C8EC1;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  text-decoration: none;
}
a.legende > img {
  position: relative;
  bottom: -3px;
  border: none;
}
a.legende div.legende-content {
  display: none;
  text-align: left;
}
a.legende span.legende-titre {
  display: block;
  color: #0157a3;
  font-weight: normal;
  font-size: 15px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
a.legende:hover {
  background: transparent none repeat scroll 0 0;
  cursor: help;
  z-index: 500;
}
a.legende:hover div.legende-content {
  background-color: #FAFAFA;
  border: 3px solid #0157a3;
  color: black;
  display: inline;
  font-size: 12px;
  font-weight: normal;
  left: 20px;
  padding: 5px;
  position: absolute;
  top: 30px;
  white-space: nowrap;
}
div.legend_box_color {
  float: left;
  height: 18px;
  margin-right: 10px;
  width: 5px;
}
div.legende-content img.bullet {
  position: relative;
  bottom: -5px;
  border: none;
}
body {
  font-family: open_sansregular;
}
h1,
.h1 {
  font-family: open_sansregular;
  color: #2773AE;
  font-size: 42px;
  font-weight: bold;
}
h2,
.h2 {
  font-family: open_sansregular;
  color: #000000;
  font-size: 24px;
  font-weight: bold;
}
h3,
.h3 {
  font-family: open_sansregular;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
a {
  color: #2773AE;
}
a:hover {
  color: #000000;
}
.texte {
  font-size: 11px;
}
.libelle {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
}
.login-txt {
  margin-bottom: 10px;
}
.oubli-mdp {
  margin-top: 25px;
}
.espace_client_bouton {
  display: block;
  text-align: center;
  background: #ffffff;
  border-radius: 10px;
  padding: 10px 20px;
  color: #777777;
  text-decoration: none;
  transition: background-color 200ms linear 0s;
}
.espace_client_bouton:hover {
  background: #dddddd;
  color: #000000;
  text-decoration: none;
}
.espace_client_bouton span {
  font-size: 48px;
}
.article {
  float: left;
  width: 100%;
}
.article h1 {
  color: #296482;
  font-weight: normal;
  font-size: 30px;
  margin: 5px 0px;
  padding: 0px;
  border-bottom: solid 2px #dddddd;
}
.article .contenu {
  float: left;
  padding: 0px 20px;
}
.article p {
  margin: 10px 0px;
  text-align: justify;
}
.article .chapeau {
  float: left;
  width: 100%;
}
.article .chapeau p {
  font-size: 14px;
  font-weight: bold;
}
.article .zone1 {
  float: left;
  width: 100%;
  margin: 10px 0px;
}
.article .zone1 img {
  float: left;
  display: block;
  background: #000000;
  margin: 10px 20px 10px 0px;
  width: 320px;
}
.article .zone2 {
  float: left;
  width: 100%;
  margin: 10px 0px;
}
.article .zone2 img {
  float: right;
  display: block;
  background: #000000;
  margin: 10px 0px 10px 20px;
  width: 320px;
}
.article .informations {
  float: left;
  width: 100%;
  margin: 10px 0px;
}
.article .informations p {
  font-size: 12px;
  font-weight: normal;
  text-align: right;
}
.article .informations span.redacteur {
  font-size: 12px;
  font-weight: bold;
}
.bloc_telechargement {
  clear: both;
  float: left;
  width: 100%;
  background: #f5f5f5;
  padding: 15px;
  margin: 0px 0px 20px 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.bloc_telechargement h2 {
  font-family: Arial, Verdana;
  font-size: 16px;
  line-height: 30px;
  color: #444444;
  margin: 0px 0px 10px 0px;
}
.bloc_telechargement p {
  font-size: 14px;
  color: #444444;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 20px;
  line-height: 20px;
}
.bloc_telechargement p a {
  font-size: 14px;
  color: #444444;
  text-decoration: none;
}
.bloc_telechargement p a:hover {
  text-decoration: underline;
}
.disposition10 h2 {
  margin-top: 0;
}
.document {
  padding: 5px 5px 5px 5px;
  clear: both;
}
.document p {
  line-height: 30px;
  font-size: 14px;
  margin: 10px 0;
}
.share-twitter,
.share-google,
.share-fb,
.share-viadeo,
.share-linkedin {
  color: #333;
}
.share-twitter:hover {
  color: #4099FF;
}
.share-google:hover {
  color: #d34836;
}
.share-fb:hover {
  color: #3B5998;
}
.share-linkedin:hover {
  color: #0177B5;
}
.share-viadeo:hover {
  color: #f07355;
}
.document_item {
  clear: both;
  float: left;
  padding: 10px 0px 0px 5px;
}
.document_item p {
  text-align: justify;
}
.document_item h2 {
  color: #000000;
  font-weight: bold;
  font-size: 14px;
  padding: 0px;
  display: inline;
}
.document_item a {
  font-size: 12px;
}
.document_item img {
  border: solid 1px #dbdbdb;
}
a.lien_abstract {
  font-size: 11px;
}
.texte_document {
  clear: both;
  padding: 5px 0px 5px 0px;
}
.texte_document p,
.texte_document ul li {
  font-size: 13px;
}
.post-list,
.list,
.relatedPosts {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.relatedPosts li {
  display: inline-block;
}
.post {
  margin-bottom: 20px;
}
.entry-meta {
  font-size: 12px;
}
.commentaires {
  padding: 5px 5px 5px 5px;
  clear: both;
  margin-top: 5px;
}
.commentaire {
  margin-bottom: 20px;
  padding-bottom: 20px;
  background: url('../../../../web/themes/e-keyleo-front/img/sep_h.png') repeat-x left bottom;
}
.more_comment {
  padding: 5px 10px;
  background: #F5F5F5;
}
.more_comment_lien {
  background: #F5F5F5;
  color: #333333;
  font-size: 11px;
  text-decoration: none;
  padding-left: 30px;
  line-height: 30px;
  display: block;
}
.commentaire_form {
  padding: 5px 5px 5px 5px;
  clear: both;
}
.commentaire_form h3 {
  line-height: 40px;
}
#disposition2 textarea[name='ccommentaire'] {
  width: 200px;
}
.table_commentaire {
  background: #F5F5F5;
}
.commentaire_item {
  clear: both;
  float: left;
  padding: 10px 0px 0px 5px;
}
.commentaire_date {
  color: #7E7E7E;
  margin: 0 0 5px 90px;
  padding: 0;
}
.commentaire_auteur {
  font-weight: bold;
  color: #1F558D;
}
.commentaire_meta {
  float: left;
}
.commentaire_content {
  background: #F0F0F0 url('../../../../web/themes/e-keyleo-front/img/commentaires.png') no-repeat top left;
  margin-left: 70px;
  padding: 5px 5px 12px 18px;
  width: 80%;
}
.commentaire_content p {
  text-align: justify;
  padding: 5px;
}
.contact-info {
  background: #f5f5f5;
}
.phototheque_explorer_dossier:nth-child(3n+1),
.phototheque_explorer_photo:nth-child(3n+1) {
  clear: both;
}
.phototheque_explorer_dossier img,
.phototheque_explorer_photo img {
  background: #DDDDDD;
  max-width: 200px;
  max-height: 150px;
  min-width: 200px;
  min-height: 150px;
  display: block;
}
.phototheque_explorer_dossier .titre {
  font-size: 13px;
  text-decoration: none;
  color: #222222;
  display: block;
  width: 100%;
  padding: 3px 0px;
}
.phototheque_explorer_dossier .infos {
  color: #AAAAAA;
  font-size: 11px;
  width: 100%;
  display: block;
}
.phototheque_explorer_photo span {
  margin: 5px 0px;
  font-size: 11px;
  display: block;
  color: #666666;
}
.phototheque_vignettes {
  float: left;
  width: 100%;
  padding: 5px 0px;
}
.phototheque_vignette {
  float: left;
  padding: 5px;
}
.phototheque_vignette_dossier {
  float: left;
  width: 100%;
  padding: 5px 0px 10px 0px;
}
.phototheque_vignette_dossier a {
  background: none repeat scroll 0 0 #ffffff;
  border-radius: 3px 3px 3px 3px;
  color: #31579E;
  display: inline-block;
  font-size: 24px;
  line-height: 20px;
  padding: 0 10px 0;
  margin: 0 5px 10px 0;
  text-decoration: none;
  cursor: pointer;
}
a.bouton_selected {
  background: none repeat scroll 0 0 #31579E;
  border-radius: 3px 3px 3px 3px;
  color: #ffffff;
  display: inline-block;
  font-size: 24px;
  line-height: 20px;
  padding: 5px;
  text-decoration: none;
  cursor: pointer;
}
.bloc_phototheque_photos .titre {
  font-size: 14px;
}
.bloc_phototheque_photo {
  float: left;
  padding: 5px;
}
.home_blog p.h2,
.home_agenda p.h2,
.home_references p.h2,
.home_text p.h2,
.home_circle p.h2 {
  font-family: 'SourceSansProLight';
  color: #2773AE;
  font-size: 48px;
  font-weight: normal;
  margin: 10px 0 20px 0;
}
.home_alternate_bg {
  background-color: #eeeeee;
}
.home_primary_bg {
  background-color: #2773AE;
}
.home_primary_bg p.h2 {
  color: #ffffff;
}
.home_agenda {
  padding: 20px 0px;
}
.home_agenda .evenement-grid {
  margin: 0 0 50px 0;
}
.home_agenda .evenement-grid:nth-child(3n+1) {
  clear: both;
}
.home_agenda h3 {
  color: #2773AE;
  font-size: 24px;
  font-weight: normal;
  margin: 10px 0 5px 0;
}
.home_agenda h3 a {
  text-decoration: none;
  color: #2773AE;
}
.home_agenda p.lieu {
  color: #333333;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 5px 0;
}
.home_agenda p {
  color: #333333;
  font-size: 14px;
  margin: 5px 0px;
}
.home_agenda .image {
  position: relative;
}
.home_agenda .date-container {
  background: #2773AE;
  padding-top: 10px;
  padding-bottom: 10px;
}
.home_agenda .jour {
  color: #ffffff;
  font-size: 72px;
  line-height: 72px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align: center;
}
.home_agenda .mois {
  color: #ffffff;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align: center;
}
.home_agenda img {
  max-width: 100%;
}
.home_agenda p.lien {
  text-align: center;
}
.home_agenda p.lien span {
  display: inline-block;
  text-align: center;
  background: #333333;
  color: #ffffff;
  font-size: 18px;
  line-height: 40px;
  padding: 0px 40px;
  border-radius: 5px;
  transition: background-color 200ms linear;
}
.home_agenda a:hover p.lien span {
  background: #007f9f;
}
.home_agenda p.lien a:hover {
  background: #007f9f;
  text-decoration: none;
}
.home_actus {
  padding: 20px 0px;
}
.home_actus p.h2 {
  font-family: 'SourceSansProLight';
  color: #2773AE;
  font-size: 72px;
  font-weight: normal;
}
.home_actus p.h2 span {
  color: #333333;
}
.home_actus .actu p.h3 {
  font-family: open_sansregular;
  color: #333333;
  font-size: 18px;
  font-weight: normal;
}
.home_actus .actu p {
  color: #666666;
  font-size: 12px;
  margin: 20px 0px;
}
.home_actus .actu_princ img {
  float: left;
  margin: 0px 30px 0px 0px;
}
.home_actus .actu_princ h3 {
  font-family: open_sansregular;
  color: #333333;
  font-size: 24px;
  font-weight: normal;
  margin: 30px 0px;
}
.home_actus .actu_princ p {
  color: #666666;
  font-size: 14px;
  margin: 20px 0px;
}
.home_social {
  background: #0064AC;
  padding: 20px 0px;
}
.home_social p {
  color: #ffffff;
  font-size: 24px;
  text-align: left;
  line-height: 48px;
  padding: 0px 20px 0px 0px;
  margin: 0px;
}
.home_social span {
  float: left;
  color: #ffffff;
  font-size: 24px;
  text-align: left;
  line-height: 48px;
  padding: 0px 20px 0px 0px;
}
.home_social input {
  height: 40px;
  color: #777777;
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid #ffffff;
  margin: 0px 10px 0px 0px;
}
.reseaux_sociaux ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.reseaux_sociaux li {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: 0px 10px 0px 0px;
}
.reseaux_sociaux li a {
  display: inline-block;
  width: 48px;
  height: 48px;
}
.rs_facebook a {
  background-image: url('../../../../web/themes/e-keyleo-front/img/ico_facebook.png');
}
.rs_twitter a {
  background-image: url('../../../../web/themes/e-keyleo-front/img/ico_twitter.png');
}
.rs_linkedin a {
  background-image: url('../../../../web/themes/e-keyleo-front/img/ico_linkedin.png');
}
.rs_googleplus a {
  background-image: url('../../../../web/themes/e-keyleo-front/img/ico_googleplus.png');
}
.rs_rss a {
  background-image: url('../../../../web/themes/e-keyleo-front/img/ico_rss.png');
}
.rs_vimeo a {
  background-image: url('../../../../web/themes/e-keyleo-front/img/ico_vimeo.png');
}
.home_social .newsletter input[type="button"] {
  display: inline-block;
  text-align: center;
  background: #2773AE;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
  padding: 0px 40px;
  border: none;
  transition: background-color 200ms linear;
}
.home_social .newsletter input[type="button"]:hover {
  background: #222222;
  text-decoration: none;
}
@media (min-width: 992px) {
  .home_responsive img {
    position: absolute;
    max-width: none;
  }
  .home_responsive h2 {
    font-size: 100px;
  }
  .home_responsive h2 span {
    font-size: 72px;
  }
}