@font-face {
  font-family: 'SourceSansProLight';
  src: url('../../../../web/themes/emota/fonts/sourcesanspro-light.eot');
  src: url('../../../../web/themes/emota/fonts/sourcesanspro-light.eot') format('embedded-opentype'), url('../../../../web/themes/emota/fonts/sourcesanspro-light.woff') format('woff'), url('../../../../web/themes/emota/fonts/sourcesanspro-light.ttf') format('truetype'), url('../../../../web/themes/emota/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/emota/fonts/sourcesanspro-light.svg#SourceSansProLight') format('svg');
  }
}
@font-face {
  font-family: 'open_sansregular';
  src: url('../../../../web/themes/emota/fonts/opensans-regular.eot');
  src: url('../../../../web/themes/emota/fonts/opensans-regular.eot?#iefix') format('embedded-opentype'), url('../../../../web/themes/emota/fonts/opensans-regular.woff') format('woff'), url('../../../../web/themes/emota/fonts/opensans-regular.ttf') format('truetype'), url('../../../../web/themes/emota/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('../../../../web/themes/emota/fonts/opensans-regular.ttf') format('truetype');
  }
}
@font-face {
  font-family: 'open_sansregular';
  src: url('../../../../web/themes/emota/fonts/OpenSans-Bold-webfont.eot');
  src: url('../../../../web/themes/emota/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../web/themes/emota/fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../../../../web/themes/emota/fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../../../../web/themes/emota/fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
  font-weight: bold;
  font-style: normal;
}
#slideshow {
  display: none;
  width: auto;
}
.slides {
  width: 100%;
  height: 410px;
  position: relative;
}
.slidex {
  width: 100%;
  height: 410px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-position: center top;
  background-size: cover;
  -ms-behavior: url(../../../../web/themes/emota/../../Produit/Script/responsive/backgroundsize.min.htc);
}
.slide_inner {
  position: relative;
  height: 410px;
  padding: 0px;
  margin: 0 auto;
}
.slide_content {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 260px;
  width: 100%;
  padding: 20px 20px 0px 20px;
  margin: 0px;
  background: rgba(255,255,255,0.9);
  border-radius: 0px;
}
.slide_content p.h2 {
  font-family: 'open_sansregular';
  color: #cbdb2a;
  font-size: 48px;
  font-weight: normal;
  padding: 20px 30px 10px 30px;
  margin: 0;
  line-height: 40px;
  text-align: center;
}
.slide_content .texte p {
  color: #333333;
  font-size: 18px;
  margin: 0 0 10px 0;
  text-align: center;
}
.slide_lien {
  position: absolute;
  bottom: -20px;
  width: 100%;
}
.slide_lien p.lien {
  text-align: center;
  margin: 0px;
}
.slide_content a.btn-primary {
  background: transparent;
  color: #ffffff;
  font-size: 20px;
  border: none;
}
.slide_content a.btn-primary:hover {
  background: transparent;
  text-decoration: none;
  border: 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: 16px;
  height: 16px;
  padding: 0px;
  color: #ffffff;
  background: #ffffff;
  border: 3px solid transparent;
  border-radius: 8px;
}
.slider_menu li a:hover,
.slider_menu li.selected a {
  background: #cbdb2a;
  border: 3px solid #ffffff;
}
@media (min-width: 992px) {
  .slide_content {
    position: absolute;
    left: 0px;
    top: 120px;
    height: 540px;
    width: 540px;
    padding: 40px 80px 0px 80px;
    margin: 0px;
    border-radius: 300px;
  }
  .slide_content p.h2 {
    font-size: 48px;
    line-height: 52px;
  }
}
.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 h2 {
  color: #cbdb2a;
  font-size: 48px;
  font-weight: normal;
  margin: 10px 0 20px 0;
}
.home_agenda h2 span {
  color: #cbdb2a;
}
.home_agenda .lien_voir_tout {
  padding: 40px 0 0 0;
}
.home_agenda .lien_voir_tout a {
  color: #cbdb2a;
  font-size: 18px;
  font-weight: normal;
  padding: 0 0 0 15px;
}
.home_agenda h3 {
  color: #cbdb2a;
  font-size: 24px;
  font-weight: normal;
  margin: 10px 0 5px 0;
}
.home_agenda h3 a {
  text-decoration: none;
  color: #cbdb2a;
}
.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 .image .date {
  position: absolute;
  top: -10px;
  left: 20px;
  background: url('../../../../web/themes/emota/img/flag_date_agenda.png') no-repeat left top;
  width: 115px;
  height: 120px;
  padding: 10px 5px 10px 10px;
}
.home_agenda .date .jour {
  color: #ffffff;
  font-size: 36px;
  font-weight: normal;
  text-align: center;
  margin: 0;
  line-height: 40px;
}
.home_agenda .date .mois {
  color: #ffffff;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  margin: 0;
  line-height: 40px;
}
.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 {
  color: #cbdb2a;
  font-size: 72px;
  font-weight: normal;
}
.home_actus p.h2 span {
  color: #333333;
}
.home_actus .actu p.h3 {
  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 {
  color: #333333;
  font-size: 24px;
  font-weight: normal;
  margin: 30px 0px;
}
.home_actus .actu_princ p {
  color: #666666;
  font-size: 14px;
  margin: 20px 0px;
}
.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: 16px;
  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: 16px;
  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: 16px;
  color: #444444;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 20px;
  line-height: 20px;
}
.bloc_telechargement p a {
  font-size: 16px;
  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: 16px;
  margin: 10px 0;
}
.document li {
  font-size: 16px;
}
.social-share {
  text-decoration: none !important;
}
.share-twitter,
.share-google,
.share-fb {
  color: #999;
}
.share-twitter:hover {
  color: #4099FF;
}
.share-google:hover {
  color: #d34836;
}
.share-fb:hover {
  color: #3B5998;
}
.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: 20px;
  padding: 0px;
  display: inline;
}
.document_item a {
  font-size: 16px;
}
.document_item img {
  border: solid 1px #dbdbdb;
}
a.lien_abstract {
  font-size: 16px;
}
.texte_document {
  clear: both;
  padding: 5px 0px 5px 0px;
}
.texte_document p,
.texte_document ul li {
  font-size: 16px;
}
.photo_principale {
  display: block;
  margin-top: 15px;
}
.photo_secondaire {
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
}
h1.plan_niveau {
  border-bottom: 2px solid #dddddd;
  color: #cbdb2a;
  font-size: 20px;
  font-weight: normal;
  margin: 10px 0;
  line-height: 32px;
}
h1.plan_niveau a,
h1.plan_niveau a:hover {
  color: #cbdb2a;
  text-decoration: none;
}
h2.plan_niveau {
  border: 0 none;
  color: #939598;
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0;
  padding-left: 20px;
  line-height: 1.5;
}
h2.plan_niveau a,
h2.plan_niveau a:hover {
  color: #939598;
  text-decoration: none;
}
h3.plan_niveau {
  color: #cbdb2a;
  font-size: 14px;
  font-weight: normal;
  margin: 4px 0;
  padding-left: 40px;
  border: 0px;
}
#plan_site ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}
.commentaires {
  padding: 5px 5px 5px 5px;
  clear: both;
  margin-top: 5px;
}
.commentaire {
  margin-bottom: 20px;
  padding-bottom: 20px;
  background: url('../../../../web/themes/emota/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/emota/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;
}
.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;
}
a.iconfile {
  background: url(../../../../web/themes/emota/../../img/Icone_type_fichier/page_white.png);
  display: block;
  text-align: left;
  margin: 0;
  padding: 0px 0px 0px 30px;
}
a.iconfile[href$=".pdf"] {
  background: url(../../../../web/themes/emota/../../img/Icone_type_fichier/page_white_acrobat.png) no-repeat center left;
}
a.iconfile[href$=".ppt"] {
  background: url(../../../../web/themes/emota/../../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/emota/../../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/emota/../../img/Icone_type_fichier/page_word.png) no-repeat center left;
}
.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;
}
body {
  font-family: 'open_sansregular';
}
h1,
.h1 {
  color: #cbdb2a;
  font-size: 48px;
  font-weight: normal;
}
h2,
.h2 {
  color: #666666;
  font-size: 30px;
  font-weight: bold;
}
h3,
.h3 {
  color: #cbdb2a;
  font-size: 18px;
  font-weight: bold;
}
a {
  color: #cbdb2a;
}
a:hover {
  color: #939598;
}
img {
  max-width: 100%;
}
p {
  color: #333333;
  font-size: 16px;
  line-height: 20px;
}
.btn-primary {
  font-family: 'SourceSansProLight';
  color: #ffffff;
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  padding: 8px 20px;
  text-align: center;
  background-color: #cbdb2a;
  border: 1px solid #cbdb2a;
  transition: all 0.5s ease;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #cbdb2a;
  border: 1px solid #cbdb2a;
}
.btn-primary .glyphicon {
  margin-right: 10px;
}
#wrapper {
  margin: 0px;
  background: #ffffff url('../../../../web/themes/emota/img/emota-bg.png') no-repeat center center;
  min-height: 220px;
  padding: 0px;
}
#top {
  padding: 0;
}
#bottom {
  margin: 0px;
  background: #ffffff;
  min-height: 220px;
  padding: 20px 0;
  border-top: 1px solid #dddddd;
}
.col-recherche {
  text-align: right;
}
#recherche {
  padding-top: 10px;
  padding-bottom: 10px;
}
#recherche input[type="text"] {
  height: 50px;
  padding: 5px 10px 5px 20px;
  border: 1px solid #dddddd;
  color: #666666;
  font-size: 18px;
  line-height: 30px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: none;
}
#recherche button {
  height: 50px;
  width: 50px;
  background-color: #cbdb2a;
  border-color: #cbdb2a;
  color: #ffffff;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#recherche button .fa-search {
  font-size: 22px;
}
#ariane {
  padding: 20px 0px;
}
.footer .h2 {
  color: #999999;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  font-weight: normal;
  margin: 0px 0px 20px 0px;
}
.footer p {
  color: #333333;
  font-size: 16px;
  line-height: 20px;
}
.footer_liens ul {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer_liens li {
  display: inline-block;
  border-right: 1px solid #dddddd;
}
.footer_liens li:last-child {
  border: none;
}
.footer_liens li a,
.footer_liens p.activites {
  color: #cbdb2a;
  display: inline-block;
  text-align: center;
  padding: 2px 10px 2px 10px;
  font-size: 14px;
}
.footer_rs ul {
  height: 48px;
  list-style: none outside none;
  margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
}
.footer_rs ul li {
  display: inline-block;
  height: 48px;
  margin: 0 10px 0 0;
  width: 48px;
}
.footer_rs ul li a {
  display: inline-block;
  height: 48px;
  width: 48px;
}
.footer_rs .rs_facebook a {
  background-image: url("../../../../web/themes/emota/img/ico_facebook.png");
}
.footer_rs .rs_twitter a {
  background-image: url("../../../../web/themes/emota/img/ico_twitter.png");
}
.footer_rs .rs_googleplus a {
  background-image: url("../../../../web/themes/emota/img/ico_googleplus.png");
}
.row-space {
  margin: 10px 0px;
}
#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;
}
img {
  border: 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;
}
.message_alerte {
  width: 100%;
  font-size: 12px;
  margin-bottom: 10px;
}
.message_close {
  background: url('../../../../web/themes/emota/img/close.png') no-repeat;
  background-position: 0px 0px;
  width: 10px;
  height: 10px;
  position: relative;
  top: -2px;
  line-height: 18px;
  float: right;
  text-decoration: none;
}
.message_close:hover {
  background: url('../../../../web/themes/emota/img/close.png') no-repeat;
  background-position: 0px -10px;
  width: 10px;
  height: 10px;
}
.message_erreur {
  color: #CC0000;
  border: 1px solid #CC0000;
  background: #F2DEDE;
  padding: 10px;
}
.message_valide {
  color: #468847;
  border: 1px solid #468847;
  background: #DFF0D8;
  padding: 10px;
}
.message_info {
  color: #3a87ad;
  border: 1px solid #3a87ad;
  background: #d9edf7;
  padding: 10px;
}
.message_warning {
  color: #C09853;
  border: 1px solid #C09853;
  background: #FCF8E3;
  padding: 10px;
}
.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/emota/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;
}
.img_left {
  float: left;
  padding: 0px 10px 10px 0px;
}
.img_right {
  float: right;
  padding: 0px 0px 10px 10px;
}
.div_left {
  width: 50%;
  background-color: #eeeeee;
  float: left;
  margin: 0px 10px 10px 0px;
}
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;
}
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;
}
.texte {
  font-size: 11px;
}
.libelle {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
}
.message_site {
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  background: #cbdb2a;
  color: #ffffff;
  border-bottom: 1px solid #dddddd;
}
.pagination {
  font-size: 12px;
  margin-top: 10px;
  width: 100%;
}
.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;
}
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;
}
#panier {
  background: url("../../../../web/themes/emota/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;
}
.login-txt {
  margin-bottom: 10px;
}
.oubli-mdp {
  margin-top: 25px;
}
#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/emota/../../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/emota/../../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/emota/../../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/emota/../../img/flags/drapeau_anglais_nb.png') no-repeat left top;
}
.control-label {
  font-size: 12px;
}
.contact-info {
  background: #f5f5f5;
}
.sep_v {
  padding: 0 10px;
}
.breve {
  margin: 6px 0;
}
.alert-cookie {
  margin-bottom: 0px;
  border-radius: 0;
  text-align: center;
}
.alert-cookie a {
  text-decoration: underline;
}
.home_mosaique .bloc_1,
.home_mosaique .bloc_2,
.home_mosaique .bloc_3,
.home_mosaique .bloc_4,
.home_mosaique .bloc_5,
.home_mosaique .bloc_6,
.home_mosaique .bloc_7 {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
}
.home_mosaique .bloc_1_content,
.home_mosaique .bloc_2_content,
.home_mosaique .bloc_3_content,
.home_mosaique .bloc_4_content,
.home_mosaique .bloc_5_content,
.home_mosaique .bloc_6_content,
.home_mosaique .bloc_7_content {
  display: inline-block;
  text-align: center;
  width: 100%;
  font-family: 'SourceSansProLight';
  color: #ffffff;
  font-size: 30px;
  text-decoration: none;
}
.home_mosaique .bloc_1_hover,
.home_mosaique .bloc_2_hover,
.home_mosaique .bloc_3_hover,
.home_mosaique .bloc_4_hover,
.home_mosaique .bloc_5_hover,
.home_mosaique .bloc_6_hover,
.home_mosaique .bloc_7_hover {
  display: none;
  text-align: center;
  width: 100%;
  font-family: 'SourceSansProLight';
  color: #ffffff;
  font-size: 30px;
  text-decoration: none;
}
.home_mosaique .bloc_2_content span,
.home_mosaique .bloc_5_content span {
  display: inline-block;
  padding-top: 120px;
}
.home_mosaique .bloc_1_hover {
  padding-top: 250px;
}
.home_mosaique .bloc_3_hover,
.home_mosaique .bloc_6_hover,
.home_mosaique .bloc_7_hover {
  padding-top: 120px;
}
.home_mosaique .bloc_4_hover {
  padding-top: 250px;
}
.home_mosaique .bloc_1:hover .bloc_1_hover,
.home_mosaique .bloc_3:hover .bloc_3_hover,
.home_mosaique .bloc_4:hover .bloc_4_hover,
.home_mosaique .bloc_6:hover .bloc_6_hover,
.home_mosaique .bloc_7:hover .bloc_7_hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  background: rgba(80,80,80,0.9);
}
.home_mosaique .bloc_2_content {
  background: #939598;
  color: #ffffff;
}
.home_mosaique .bloc_5_content {
  background: #cbdb2a;
  color: #ffffff;
}
.home_mosaique .bloc_2_content:hover {
  background: #cbdb2a;
  color: #ffffff;
}
.home_mosaique .bloc_5_content:hover {
  background: #939598;
  color: #ffffff;
}
#ariane {
  font-size: 16px;
  padding: 10px 0px;
}
#ariane p {
  font-size: 16px;
  height: 20px;
  line-height: 20px;
  margin: 0;
}
#ariane a {
  color: #cbdb2a;
  text-decoration: none;
}
#ariane_outils img {
  vertical-align: middle;
  padding: 0px 5px 0px 0px;
}
#ariane_outils a {
  padding: 0px 0px 0px 10px;
  font-size: 16px;
  color: #cbdb2a;
}
.side_menu {
  margin: 0px 0px 20px 0px;
  padding: 10px;
  background: rgba(255,255,255,0.9);
  border-radius: 10px;
}
.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: #cbdb2a;
  padding: 8px 8px 8px 15px;
  display: block;
  font-size: 20px;
  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: #cbdb2a;
  color: white;
  border-radius: 5px;
}
.side_menu ul li li a {
  font-size: 16px;
  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 {
  color: #ffffff;
  background-color: #939598;
}
.side_menu .selected .selected > a {
  font-weight: bold;
  color: #000000;
}
.sous_bandeau {
  height: 200px;
  background: #dddddd url('../../../../web/themes/emota/img/sous_bandeau.jpg') repeat center top;
}
.sous_bandeau_content {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}
.sous_bandeau_content p {
  font-family: 'SourceSansProLight';
  font-size: 48px;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  padding: 30px 20px 0 20px;
}
.content-container {
  min-height: 700px;
  background: rgba(255,255,255,0.9);
  padding: 20px;
  margin: 0px 0px 20px 0px;
}
.photo_secondaire {
  height: 140px;
  line-height: 130px;
  font-size: 0;
  border: 1px solid #ddd;
  padding: 5px;
}
.articles_2col .photo_secondaire {
  border: none;
  padding: 0px;
  height: 80px;
  line-height: 80px;
}
.photo_secondaire img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}
.portrait {
  background: #eeeeee;
  padding: 15px;
}
.citation {
  background: #cbdb2a;
  padding: 15px 30px;
  margin: 20px 0;
  border-radius: 10px;
}
.citation p {
  font-size: 22px;
  line-height: normal;
  color: #ffffff;
}
.contact-info {
  background: #cbdb2a;
  padding: 5px 15px;
}
.contact-info h2,
.contact-info p,
.contact-info address,
.contact-info a {
  color: #ffffff;
}
.contact-info h2 {
  font-size: 26px;
}
.article_col:nth-child(2n+1) {
  clear: both;
}
.article_col_container {
  border: 1px solid #dddddd;
  padding: 0px 15px;
  min-height: 490px;
  margin-bottom: 30px;
}
.article_col_container h1 {
  font-size: 35px;
}
.article_col_container p {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 24px;
}