@font-face {
  font-family:"BebasNeue";
  src:url("fonts/BebasNeue.otf") format("OpenType");
      font-weight:normal;font-style:normal;
}
.annu_old td.line > img {
  height : 1px !important;
}
#inspector {
  display: none !important;
}
.btn_page.edit_node_txt_fast {
  display: none !important;
}
div.separateur{
 line-height:0px;
 margin : 0px;
 padding  : 0px;
}
p.separateur_fin{
 height : 5px;
 border-bottom   : 1px solid #D4D4D4;
 margin : 20px 0px;
 padding  : 0px;
}
div.separateur p, p.separateur{
 height : 5px;
 background-color : #D2DDB9;
 margin : 5px 0px;
 padding  : 0px;
}
p.separateur_gris{
 height : 1px;
 background-color : #D4D4D4;
 margin : 15px 0px;
 padding  : 0px;
 line-height  : 1px;
}
p.p_gris{
 background-color  : #F0F0F0;
 padding           : 14px;
}
/* pages labos ****************************************************************/
.labo_gauche{
 vertical-align : top;
 padding-top    : 20px;
 text-align     : justify;
}
.labo_droite{
 vertical-align : top;
 padding-left   : 35px;
}
.labo_droite ul{
 list-style : none;
 padding  : 0px;
 margin   : 0px;
}
.labo_droite ul li{
 text-align : right;
 padding  : 5px;
 border-bottom  : 1px solid #D4D4D4;
}
.labo_droite ul li a{
 text-decoration : none;
}

/**************/

body {
  background-color: #cac9cb;
  color: #000000 !important;
  font-family: open sans;
  font-size: 16px !important;
  font-weight: 300;
  text-align: justify;
}
.fond_blanc_site {
  background: #fff none repeat scroll 0 0;
  box-shadow: -4px 0 78px #555;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  max-width: 1450px;
  padding-top: 3px;
  position: relative;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: left;
}
.bg_blanc {
  background-color: #ffffff;
  height: 50px;
  position: absolute;
  top: 70px;
  width: 100%;
}
.relative {
  position: relative;
}
a, p a {
  color: #ea8e0f;
  text-decoration: none;
}
li {
  font-size: inherit;
  list-style: inside none disc;
}
.link_logo {
  float: left;
  font-size: 3rem;
  margin: 0;
  padding: 0;
  position: relative;
  top: -45px;
}

.fond_blanc {
  padding-bottom: 60px;
}
.inscription {
  background: #0872bc none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  font-size: 1.8rem;
  margin-bottom: 30px;
  margin-top: 30px;
  padding-bottom: 15px !important;
  padding-top: 10px !important;
  text-align: center;
  width: 100%;
}
.inscription:hover {
  background-color: #5F3A23;
    color: #ffffff;
}
h2.titre1_home {
  color: #313131;
  font-family: "bebasneue";
  font-size: 2rem;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-left: 25px;
}
h2, h3, h4, h5, h6 {
  color: #41423e;
  font-size: 1.5rem;
  font-weight: normal !important;
  text-align: left !important;
  font-family: "BebasNeue" !important;
  text-transform: uppercase !important;
}
.fond_blanc.home h3 {
  margin-top: 20px;
}
h2 {
  color: #41423e;
  font-size: 1.8rem;
  margin-left: 0;
  padding-bottom: 10px;
}
.gsi-col h2, .gsi-col h3 {
  margin-bottom: 0;
  margin-top: 25px;
  padding: 0;
}
.gs_menubox li {
  display: inline-block;
  height: auto;
  width: 100%;
}

.gs_menubox h2,
.gs_menubox h3,
.gs_menubox h4,
.gs_menubox h5 {
  color: #bc5d38;
  font-family: arial;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 100%;
  margin-left: 0;
  padding-top: 10px;
}
.gs_menubox {
  margin: 15px 0 !important;
}
p {
  font-size: 1.089rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  text-align: justify;
  text-rendering: optimizelegibility;
}
.bg_title {
  background-color: #ffffff;
  box-shadow: 2px 2px 4px #cccccc;
  margin-bottom: 25px;
}
.bg_title h1 {
  color: #092b54;
  font-family: bebasneue;
  font-size: 2.5rem;
  font-weight: 300;
  margin: 0;
  padding-bottom: 15px;
  padding-top: 15px;
}
.b_img {
  background-size: cover;
}

span.libelle {
  font-weight: bold;
}

.btn_bleu {
  border: 1px solid #0872BC;
  border-radius: 20px;
  color: #ffffff;
  display: inline-block;
  margin-top: 20px;
  padding: 3px 25px;
  background-color: #0872BC;

}
.btn_jaune {
  background-color: #f7c821;
  border: 1px solid #f7c821;
  border-radius: 20px;
  color: #000;
  display: inline-block;
  margin-top: 20px;
  padding: 3px 25px;
}
.bg_bleu {
  background: #4a4d4f none repeat scroll 0 0;
  padding-bottom: 15px;
  padding-top: 25px;
}
.bg_bleu p,
.bg_bleu h2 {
  color: #ffffff;
}
/******************************************************************************/
/************************** FIL D'ARIANE  **********************************/
/****************************************************************************/
#nav_path {
  border-bottom: 1px solid #ececec;
  margin: 0 0 25px;
  z-index: 9;
}
#nav_path.no_img {
  margin: 120px 0 20px;
}

.breadcrumbs {
  background-color: transparent;
  border: medium none;
  border-radius: 3px;
  display: block;
  list-style: outside none none;
  margin: 0 0 20px;
  overflow: hidden;
  padding: 0;
}
.breadcrumbs li {
  font-size: 0.8rem;
  list-style: none;
}
.breadcrumbs > * a, 
.breadcrumbs > * span {
  color: #3C536C;
  text-transform: none !important;
}
.breadcrumbs li:not(:last-child):after {
  color: #3C536C;
  content: "/";
  margin: 30px 0.75rem 0;
  opacity: 1;
  position: relative;
  top: 1px;
}
.link_ariane span strong {
  font-weight: normal;
}

/******************************************************************************/
/************************** MENU PRINCIPAL  **********************************/
/****************************************************************************/

.menu1 li a.first i {
  font-size: 1.2rem;
}
.menu1 {
  margin: 0;
}
.menu1 ul.mega-menu {
  height: 50px;
  line-height: 50px;
  margin: 0;
}
.menu1 ul.mega-menu > li {
  float: left;
  height: 50px;
  line-height: 50px;
  list-style: outside none none;
  position: relative;
}
.menu1 ul.mega-menu  li:hover {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}
.menu1 ul.mega-menu > li::after {
  color: #164b84;
  content: "|";
  font-size: 1.1rem;
}

.menu1 ul li:last-child:after {
  content: " ";
}
.menu1 ul li:hover a {
  color: #472D1D;
}
.menu1 ul.mega-menu li a {
  color: #164b84;
  font-family: "arial";
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: -0.08rem;
  padding: 16px 8px;
  text-decoration: none;
  text-transform: uppercase;
}
.mega-menu {
 /* float: left;*/
}
#gsMiniMenu {
  margin-bottom: 0;
  margin-top: 6px;
  position: relative;
  text-align: right;
}
#gsMiniMenu > ul {
  background-color: #333;
  position: absolute;
  right: 0;
  top: 44px;
  width: 330px;
  z-index: 999;
}
#gsMiniMenu li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: block;
  float: none;
  line-height: 31px;
  margin: 0;
  padding: 7px 0;
  position: relative;
  text-align: left;
  width: 100%;
}
#gsMiniMenu li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border-style: none;
  color: #eee;
  display: block;
  float: none;
  line-height: normal !important;
  margin: 0;
  padding: 2px 15px;
  width: 100%;
}
/*.mega-menu > li:hover > ul {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  min-width: 200px;
  position: absolute;
  text-align: left;
  top: 26px;
  width: 100%;
  z-index: 70;
}*/
#gsMiniMenu li ul {
  background-color: transparent;
  box-sizing: border-box;
  display: block;
  height: auto !important;
  left: auto !important;
  margin-left: 0;
  padding-left: 20px;
  position: relative !important;
  right: auto !important;
  top: 0 !important;
  width: auto;
}
.mega-menu > li > ul > li {
  background: rgba(8,114,188, 0.8) none repeat scroll 0 0;
  display: inline-block;
  float: none;
  margin: 0;
  width: 100%;
  z-index: 2;
}
#gsMiniMenu li ul li {
  border-bottom: medium none !important;
  border-left: 2px solid #444;
}
.mega-menu > li > ul > li:after {
  content: " ";
}
.mega-menu > li > ul > li:hover {
  background: rgba(8,114,188, 1) none repeat scroll 0 0;
}
.mega-menu > li > ul > li:hover a {
  color: #ffffff;
}
.menu1 ul li.item_node_selected_level_2 a, .menu1 ul li.item_node_level_2 a {
  color: #ffffff;
  display: block;
  font-size: 0.99rem !important;
  font-weight: 300;
  line-height: 100%;
  margin: 0;
  padding: 15px 20px;
}
#gsMenuToggle {
  color: #092b54;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  text-decoration: none;
}
#gsMenuToggle::after {
  border-bottom: 12px double #092b54;
  border-top: 4px solid #092b54;
  box-sizing: content-box;
  content: " ";
  display: inline-block;
  height: 4px;
  margin-left: 10px;
  vertical-align: text-bottom;
  width: 25px;
}
.mega-menu > li > ul > li {
  background: rgba(250, 250, 250, 0.8) none repeat scroll 0 0;
  display: inline-block;
  float: none;
  height: auto;
  line-height: 100% !important;
  margin: 0 !important;
  width: 100%;
  z-index: 2;
}
.mega-menu > li:hover > ul {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  display: block;
  left: 0;
  line-height: 100%;
  margin: 0;
  min-width: 200px;
  position: absolute;
  text-align: left;
  top: 50px;
  width: 100%;
  z-index: 70;
}
.mega-menu > li > ul > li:hover {
  background: #092b54 none repeat scroll 0 0;
}
.menu1 ul.ul_2 li.item_node_selected_level_2 a, .menu1 ul.ul_2 li.item_node_level_2 a {
  color: #164b84;
  display: block;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
  margin: 0 !important;
  padding: 15px 20px;
}
.menu1 ul.ul_2 li.item_node_selected_level_2 a:hover, .menu1 ul.ul_2 li.item_node_level_2 a:hover {
  color: #164b84;
}

/******************************************************************************/
/******************************* menu header *********************************/
/*****************************************************************************/
.menu_top {
  position: absolute;
  right: 35px;
  top: 5px;
  z-index: 9;
}
#img_flag {
  float: right;
  height: 20px;
  margin-right: 7px;
  margin-top: 6px;
  position: relative;
  width: 20px;
  z-index: 16;
}
.menu_top li {
  float: left;
  list-style: outside none none;
  margin-left: 5px;
  text-transform: none;
}
.menu_top li::after {
  content: "|";
  font-size: 0.9rem;
  margin-left: 5px;
}
.menu_top li a {
  color: #092b54;
  font-family: "BebasNeue";
  font-size: 1.1rem;
  padding: 3px;
  text-transform: uppercase;
}

/******************************************************************************/
/************************* slide principal accueil ***************************/
/****************************************************************************/
.bandeau_image::after {
  background: rgba(0, 0, 0, 0) url("images/vagues.png") no-repeat scroll 0 34px / 100% auto;
  content: " ";
  display: block;
  height: 240px;
  width: 100%;
}
.bandeau_image_page::after {
  background: rgba(0, 0, 0, 0) url("images/vagues.png") no-repeat scroll 0 132px / cover ;
  content: " ";
  display: block;
  height: 374px;
  position: absolute;
  width: 100%;
}
.bandeau_image {
  height: 480px;
}
#photo_page {
  position: relative;
}
.slide_page {
  height: 250px;
}
img#logo {
  border: 20px solid #ffffff;
  border-radius: 100%;
}
.link_logo {
  /*left: 20px;
  position: absolute;
  top: 70px;
  z-index: 60;*/
}
.link_logo.page img {
  height: 180px;
  width: auto;
}
.lSSlideOuter .lSPager.lSpg {
  margin: -26px 0 0 !important;
  padding: 0;
  text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #ffffff;
}

.resume_slide_accueil a.title_link_slide_accueil {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  text-transform: uppercase;
   text-shadow: 3px 1px 2px #222;
   text-align: left;

}
.txt_title_slide_accueil h1 {
  color: #ffffff;
  font-family: "bebasneue";
  font-size: 1.8rem;
  line-height: 110%;
  margin-left: 10px;
  text-shadow: 3px 1px 2px #444;
}
.resume_slide_accueil {
  margin-top: 165px;
  text-align: left;
}
.txt_resume_slide p {
  color: #ffffff;
  font-family: "BebasNeue";
  font-size: 3rem;
  line-height: 3rem;
  text-align: left;
  text-shadow: 3px 1px 2px #444;
  text-transform: uppercase;
}

.div_link_slide_home .link_slide_home {
  background: #18406b none repeat scroll 0 0;
  display: inline-block;
  margin-left: 10px;
  padding: 6px 15px 3px;
}
.div_link_slide_home .link_slide_home p {
  color: #ffffff;
  font-family: "BebasNeue";
  font-size: 1.3rem;
  line-height: 1.3rem;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.div_link_slide_home .link_slide_home p::before {
  color: #ffffff;
  content: ">";
  margin-right: 10px;
}
/******************************************************************************/
/****************************** BOX ACCUEIL **********************************/
/*****************************************************************************/
.zone_rebond .box_accueil {
  background-color: #092b54;
  height: auto;
  min-height: 150px;
  padding: 30px 15px 20px;
}
.zone_rebond .carre.bleu .box_accueil  {
  background-color: #1f5289;
}
.zone_rebond .carre.gris .box_accueil {
  background-color: #3c536c;
}
.zone_rebond .carre.noir .box_accueil {
  background-color: #313131;
}
.zone_rebond2 .box_accueil {
  background-color: #0e4b7f;
  height: auto;
  min-height: 166px;
  padding: 30px 15px 20px;
}
.img_box {
  vertical-align: top;
}
.title_box_accueil p {
  font-size: 0.9rem;
  line-height: 110%;
}

.title_box_accueil, 
.img_box {
  display: table-cell;
}
.img_box img {
  max-width: 200px;
}
.title_box_accueil h3 {
  font-size: 1.3rem;
  line-height: 100%;
  margin-bottom: 0;
  padding-bottom: 5px;
  padding-left: 10px;
  text-align: left;
  text-transform: uppercase;
}

.title_box_accueil h3 a {
  color: #ffffff;
}

.zone_rebond {
  margin-bottom: 50px;
  z-index: 999;
}
.title_box_accueil p {
  color: #ffffff;
}

/******************************************************************************/
/****************************** liste actu accueil **********************************/
/******************************************************************************/
.img_actu {
  height: 200px;
  overflow: hidden;
}
.img_actu img {
  height: auto;
  width: 100%;
}
h3.title_actu_home, h3.title_actu_home a {
  color: #313131;
  font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
  font-size: 1rem;
  text-transform: none !important;
  font-weight: bold;
}
h3.title_actu_home {
  padding-top: 10px;
}
.txt_box_accueil {
  margin-top: 5px;
    height: 154px;
    overflow: hidden;
}
.case_actu_accueil.lslide .txt_box_accueil {
    height: 220px;

}
.txt_box_liste {
  height: 88px;
  margin-top: 5px;
  overflow: hidden;
}
.txt_box_accueil p, .txt_box_liste p {
  font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
}
.h2_zone_actu {
  margin-bottom: 0;
  margin-left: 15px;
  margin-top: 40px;
}
.cat_actu span {
  color: #313131;
  display: block;
  font-family: "BebasNeue";
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.slide .cat_actu span, .slide_bottom .link_cat_tt {
  border-bottom: 10px solid #e8d9a9;
  display: block;
}
#equipe .cat_actu span, .equipe_bottom .link_cat_tt {
  border-bottom: 10px solid #3c536c;
  display: block;
}
#equipement .cat_actu span, .equipement_bottom .link_cat_tt {
  border-bottom: 10px solid #1f5289;
  display: block;
}
.txt_detail_actu {
  color: #333333;
  font-style: italic;
}
.actu2 .lSAction {
  display: none !important;
}

/****************** actu fond_bleu *****************/

.box_actu_accueil.bleu .case_actu_accueil {
  background: transparent url("images/zoom_milieu.png") repeat-y scroll 0 0 / 100% auto;
  height: 600px;
  padding-top: 63px;
}
.box_actu_accueil .case_actu_accueil  {
height: 500px;
}
#slide_actu.box_actu_accueil {
 /* height: 570px !important;*/
  position: relative;
}
.lSSlideWrapper {
  height: 503px;
}
/*#slide_actu .case_actu_accueil {
  height: 500px;
  position: relative;
}*/
#equipe.box_actu_accueil .case_actu_accueil, #equipement.box_actu_accueil .case_actu_accueil {
  height: 575px;
  position: relative;
}


.box_actu_accueil.bleu .link_cat_tt {
  bottom: 40px;
  display: block;
  left: 20px;
  position: absolute;
  color: #313131;
}
.link_cat_tt,
.link_cat_tt a {
  color: #313131;
  font-family: "bebasneue";
  text-transform: uppercase;
}
.slide_bottom .link_cat_tt a {
  color: #313131;
}
#equipe .link_cat_tt, #equipement .link_cat_tt {
  bottom: 0px;
  display: block;
  left: 20px;
  position: absolute;
  width: 97%;
  color: #313131;
}
/*#slide_actu .case_actu_accueil {
  border-bottom: 7px solid #e8d9a9;

}
#equipe .case_actu_accueil {
  border-bottom: 7px solid #3c536c;
}
#equipement .case_actu_accueil{
  border-bottom: 7px solid #1f5289;
}*/
.box_actu_accueil.bleu::before {
  background: rgba(0, 0, 0, 0) url("images/zoom_top.png") no-repeat scroll 0 0 / 100% auto;
  content: " ";
  display: block;
  height: 73px;
  width: 100%;
}
.box_actu_accueil.bleu::after {
  background: rgba(0, 0, 0, 0) url("images/zoom_bottom.png") no-repeat scroll 0 0 / 100% auto;
  content: " ";
  display: block;
  height: 50px;
  width: 100%;
}
.box_actu_accueil.bleu {
  position: relative;
}
.box_actu_accueil.bleu h2 {
  left: 25px;
  margin-bottom: 0;
  padding-bottom: 0;
  position: absolute;
  top: 40px;
}
.lSPager {
  display: none;
}

/*****************************************************************************/
/*************************** page contenu ******************************************/
/*****************************************************************************/

.fond_blanc_site.page h1 {
  color: #3c536c;
  font-family: "bebasneue";
  font-size: 3rem;
  line-height: 40px;
  margin-top: 15px;
  text-transform: uppercase;
}

.menu_niv2.content ul li a.link_item_node_level_2,
.menu_niv2.content ul li a.link_item_node_selected_level_2 {
  font-variant: small-caps;
}
.menu_niv2.content ul li.item_node_level_2, 
.menu_niv2.content ul li.item_node_selected_level_2 {
  margin-bottom: 20px;
}
.menu_niv2 ul.ul_2 {
  margin: 0;
}
.menu_niv2 ul.ul_3 {
  margin-left: 15px;
}
.menu_niv2 ul li {
  color: #3c536c;
  list-style: outside none none;
  text-align: left;
}
.menu_niv2 ul li a {
  color: #3c536c;
}
.menu_niv2 ul li a.link_item_node_selected_level_3 {
  background-color: #DFEEFF;
}
.menu_niv2 ul li a.link_item_node_selected_level_2,
.menu_niv2 ul li a.link_item_node_selected_level_3 {
  font-weight: bold;
}
/*****************************************************************************/
/*************************** FOOTER ******************************************/
/*****************************************************************************/
.footer {
  background: #555 none repeat scroll 0 0;
  padding-bottom: 50px;
  padding-top: 50px;
  position: relative;
  width: 100%;
}
.menu_footer {
  margin: 0;
  padding: 0;
}
.menu_footer li {
  float: left;
  list-style: outside none none;
  margin-right: 5px;
}
.menu_footer li a {
  color: #fff;
  font-family: "bebasneue";
  font-size: 1rem;
}
.menu_footer li a:after {
  content: "|";
  margin-left: 5px;
}
.menu_footer li a.last:after {
  content: " ";
}
.credits_footer {
  background: #000000 none repeat scroll 0 0;
  color: #ffffff;
}
.credits_footer p {
  margin: 10px 0;
  font-size: 0.79rem;
}
.credits_footer p a {
  color: #ffffff;
  font-size: 0.79rem;
  padding: 10px 0;
}
.cases_footer {
  
}
.cases_footer a {
  color: #77bede;
}
.cases_footer h3 {
  color: #fff;
  font-size: 1.3rem;
  line-height: 100%;
  margin-bottom: 20px;
  margin-left: 0;
  margin-top: 20px;
}
.cases_footer p, .cases_footer ul li {
  color: #fff;
  font-size: 0.9rem;
}
.cases_footer .gsi-col.gsi-12 {
  padding-left: 0 !important;

}
.logo_footer img {
margin-right: 20px;
}

#formmail_head {
  display: none;
}
#formmail_elements {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #000000;
  margin: 0;
  padding: 1em;
}
#formmail_elements label.formmail_notoblig, 
#formmail_elements label.formmail_oblig {
  float: left;
  line-height: 1.8;
  margin: 0;
  padding: 0 0.5em 0 0;
  text-align: left;
  width: 100%;
}

fieldset#formmail_title_2 {
  margin-top: 30px;
}
p#paragraph_field_13 label {
  display: none;
}
#formmail_elements legend {
  background-color: transparent;
  color: #092b54;
  font-size: 1.5rem;
  font-weight: bold;
}
.formail_show thead, 
.formail_show tbody, 
.formail_show tfoot {
  background-color: transparent;
  border: medium none;
}
#formmail_footer {
  height: 55px;
}
/*[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="replyto"], textarea {
  -moz-appearance: none;
  background-color: #ffffff;
  border: 1px solid #7d5238;
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1) inset;
  box-sizing: border-box;
  color: #8a8a8a;
  display: block;
  font-family: inherit;
  font-size: 1rem;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  transition: box-shadow 0.5s ease 0s, border-color 0.25s ease-in-out 0s;
  width: 100%;
}*/
#formmail_footer input {
  background: #092b54 none repeat scroll 0 0;
  color: #fff;
  float: left;
  font-weight: bold;
  margin-bottom: 30px;
  margin-left: 1em;
  padding: 10px 20px;
}
#formmail_elements .formmail_normal,
#formmail_elements .formmail_focus {
  background-color: #ffffff;
  color: #000000;
  max-width: 600px;
  width: 100%;
}

.formail_show textarea {
  height: 120px;
}

/*************** blog thematique *******************/
.cat_them {
  margin-bottom: 30px;
  margin-left: 10px;
  text-align: right;
}
.cat_them a.txt_cat_name {
  background: #0872bc none repeat scroll 0 0;
  color: #ffffff;
  margin-right: 10px;
  padding: 2px 5px;
}
.cat_them a.txt_cat_name:hover {
  background: #092B54;
}
/****************************************************/
/************ MENU onglets niv 3 ********************/
/****************************************************/


#bienvenue, 
.onglets_mnu_3 {
display: block !important;
  width: 100% !important;
}
#bienvenue .menu3_title,
#bienvenue .menu2_title,
#bienvenue .menu1_title {
  color: #444;
  font-family: arial;
  font-size: 1.2rem;
  font-variant: small-caps;
}
.onglets_mnu_3 ul {
  margin: 15px 15px 15px 0;
  padding: 0 !important;
}
.onglets_mnu_3 ul li {
  float: left;
  list-style: outside none none;
  margin-right: 10px;
}
.onglets_mnu_3 ul li::after {
  color: #3c536c;
  content: "|";
  margin-left: 10px;
}
.onglets_mnu_3 ul li.last::after {
  content: " ";
}
.onglets_mnu_3 ul li a {
  color: #499dbf;
  font-weight: normal;
  padding: 5px;
}

.onglets_mnu_3 ul li a.link_item_node_selected_level_4 {
  background-color:#E0F2F7;
  font-weight: bold;
}
.onglets_mnu_3 ul li a.link_item_node_selected_level_4 {
  background-color:#E0F2F7;
  font-weight: bold;
}

.onglets_mnu_3 ul li a:hover {
  background-color:#E0F2F7;
}

.menu_header_content {
  border-bottom: 1px solid #ececec;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.menu_footer_content {
  display: none;
}


/******************************************************************************/
/************************* Mediaqueries ***************************/
/****************************************************************************/
@media only screen and (max-width: 1235px) {

  .zone_rebond .box_accueil,
  .zone_rebond2 .box_accueil  {
    height: 160px !important;
  }

  .zone_rebond .box_accueil {
    margin-bottom: 5px !important;
  }

  .zone_rebond2 .box_accueil {
    margin-bottom: 5px !important;
  }

}



@media only screen and (max-width: 1210px) {

ul#adm_menu1default.mega-menu {
  display: none !important;
}
#gsMiniMenu {
  display: block !important;
}
.menu_footer_content {
  display: block;
  border-top: 1px solid #ececec;
  margin-top: 30px;
  padding-top: 15px;
  margin-bottom: 30px;
}
/*img#logo {
  height: 130px !important;
}
.menu1 li a {
  font-size: 0.99rem !important;
  letter-spacing: -0.09rem !important;
  padding: 16px 4px !important;
}

.link_logo {
  font-size: 2rem !important;
}*/

}


@media only screen and (max-width: 1100px) {

/*.menu1 li a {
  font-size: 0.95rem !important;
  letter-spacing: -0.099rem !important;
}*/


}
@media only screen and (max-width: 1053px) {




}



@media only screen and (max-width: 1023px) {

.goaway {
  display: none !important;
}



}


@media only screen and (max-width: 980px) {

  #slide_detail div.txt_img_resume,
  #slide_detail .lSSlideOuter,
  #slide_detail .lSSlideWrapper,
  #slide_detail .lSSlideOuter li.lslide,
  #slide_detail .lSSlideOuter ul.art_list_img {
    height: 400px !important;
  }

  .bg_blanc {
    padding-bottom: 5px;
    padding-top: 5px;
  }


}


@media only screen and (max-width: 940px) {

.img_box {
  text-align: center !important;
  width: 80px !important;
}

}

@media only screen and (max-width: 620px) {

  .goaway {
    display: none !important;
  }
  #gsMenuToggle {
    float: right !important;
  }
  .link_logo img {
    height: 150px;
  }
  .resume_slide_accueil {
    margin-top: 145px !important;
  }
  .txt_title_slide_accueil h2 {
  font-size: 2rem;
}
.txt_resume_slide p {
  font-size: 2.2rem;
  line-height: 2.2rem;

}
.bandeau_image::after {
  background: rgba(0, 0, 0, 0) url("images/vagues.png") no-repeat scroll 0 0 / cover ;
  content: " ";
  display: block;
  height: 240px;
  width: 100%;
}

}

@media only screen and (max-width: 600px) {

.zone_rebond .box_accueil,
.zone_rebond2 .box_accueil {
  height: 130px;
  padding: 30px 15px;
}
.zone_rebond2 .box_accueil {
  height: 170px;
}
}

/* Général ******************************************************************
.line {
  background-color: transparent;
}
a img{
 border : 0px;
}
div.separateur{
 line-height:0px;
 margin : 0px;
 padding  : 0px;
}
p.separateur_fin{
 height : 5px;
 border-bottom   : 1px solid #D4D4D4;
 margin : 20px 0px;
 padding  : 0px;
}
div.separateur p, p.separateur{
 height : 5px;
 background-color : #D2DDB9;
 margin : 5px 0px;
 padding  : 0px;
}
p.separateur_gris{
 height : 1px;
 background-color : #D4D4D4;
 margin : 15px 0px;
 padding  : 0px;
 line-height  : 1px;
}
p.p_gris{
 background-color  : #F0F0F0;
 padding           : 14px;
}
.gauche{
 float : left;
 margin : 0px 20px 0px 0px;
}
.droite{
 float : right;
 margin : 0px 0px 0px 20px;
}
div.txt_paragraph ul{
 list-style : none;
 margin   : 0px 0px 5px 0px;
 padding  : 0px;
}
div.txt_paragraph ul li{
 padding-left : 20px;
 background 	: url(dir/images/icons/puce_li.gif) no-repeat 5px 7px;
 margin   : 10px 0px;
}
ul.page_summary{
 list-style : none;
 margin   : 0px 0px 5px 0px;
 padding  : 0px;
}
ul.page_summary li{
 background 	: url(dir/images/icons/puce_li.gif) no-repeat 5px 11px;
 margin   : 10px 0px;
 padding: 5px 5px 5px 20px;
}
ul.page_summary li a{
 color  : #666666;
}*/
/*cadres principaux **********************************************************
body.body_icsm{
 margin           : 0px;
 padding          : 0px;
 background : #FFFFFF;
}
#main_div{
 width            : 1005px;
 margin           : 0px auto;
 padding          : 0px;
 position					: relative;
 border-right 			: 30px solid #D2DDB9;
 border-bottom 			: 1px solid #D2DDB9;
 background 			: #FFFFFF url(fr/pattern/fond_main_div_left.gif) repeat-y 0px 0px;
}
#head_band{
 width            : 1005px;
 height           : 324px;
 background 			: #D2DDB9 url(fr/bandeau/fond_bandeau.jpg) no-repeat 0px 0px;
 position         : relative;
}
#logo{
 position     : absolute;
 left         : 17px;
 top          : 15px;
}
#img_flag{
 position     : absolute;
 left         : 973px;
 top          : 290px;
 border       : 0px;
}
#base_line{
 margin       : 0px;
 padding      : 0px;
 position     : absolute;
 left         : 131px;
 top          : 54px;
 color        : #71AECA;
 font-weight  : normal;
 font-family  : arial, sans-serif;
 font-size    : 22px;
}
#anim_flash{
 position : absolute;
 top : 122px;
 left :  29px;
}
#nav_horizontale{
 height	: 40px;
}
#main_div_bottom{
 clear            : both;
 border-left 			: 30px solid #D2DDB9;
}
#div_left_bottom{
 width    	: 198px;
 float    	: left;
 margin   	: 0px 0px 30px 0px;
 background-color	: transparent;
 padding-top	: 14px;
}
#div_center_bottom{
 margin : 0px 0px 0px 214px;
 width  : 745px;
 padding : 12px 0px 0px 0px;
}

#div_bottom{
 border-left 			: 30px solid #D2DDB9;
}
*/

/* Navigation niveaux 2 et 3***************************************************/

/* Chemin de navigation ******************************************************
div#gs_path{
 color			: #58585A;
 margin			: 7px 0px 0px 18px;
 font-style	: italic;
 height			: 10px;
}
div#gs_path a{
 color		: #58585A;
 text-decoration	: none;
 font-style	: italic;
}*/

/* Contacts ******************************************************************
#contact_band{
 padding-left   : 20px;
 padding-bottom : 7px;
 color          : #58585A;
}*/
/* back link *****************************************************************
#backlink{
 text-align     : center;
 margin-bottom  : 15px;
 color          : #58585A;
}
#footer{
 width : 950px;
 margin: 20px auto;
}*/
/* Contenu *******************************************************************
div.txt_text, div.txt_text_resume, .user_signature{
 font-family  : verdana, arial;
 color        : #666666;
 font-size    : 12px;
 line-height  : 20px;
 text-align   : justify;
}
div.txt_text a, div.txt_text_resume a, div.user_item a{
 color  : #FA9042;
}
div.txt_text a:visited, div.txt_text_resume a:visited{
 color  : #FA9042;
}*/
/* Zone de gauche ************************************************************
img.logo_accueil{
 margin : 40px 0px 0px 0px;
}*/
/* Titres ********************************************************************
h2.txt_title{
 font-family  : century gothic, verdana, arial;
 font-size    : 22px;
 line-height  : 28px;
 font-weight  : bold;
 padding      : 0px 0px 0px 50px;
 margin       : 15px 0px 15px 0px;
 background		: url(fr/icons/icon_titre_2_bleu.gif) no-repeat top left;
}
h2.txt_title a{
 color        : #9FB373;
 font-weight  : 400;
}
h2.txt_title a img{
 display : none;
}
h3.title3{
 color        : #499DBF;
 font-family  : century gothic, verdana, arial;
 font-size    : 16px;
 font-weight  : bold;
 padding      : 0px 0px 0px 23px;
 margin       : 15px 0px 10px 0px;
 background		: url(dir/images/icons/fleche_title_3.gif) no-repeat 0px 2px;
}
h4.title4{
 color        : #000000;
 font-family  : century gothic, verdana, arial;
 font-size    : 12px;
 font-weight  : bold;
 padding      : 0px;
 margin       : 0px;
}*/

/* Actualités ****************************************************************
h2#h2_actu_home{
 display : none;
}
div.actu_contents a{
 color  : #666666;
}
div.div_zoom{
 text-align : left;
 background		: #82CBE8 url(fr/actu/zoom.gif) no-repeat top left;
 padding-top  : 40px;
 padding-right : 10px;
}
div.zoom_img{
 padding-left : 12px;
}
.h3_zoom{
 color  : white;
 font-family  : verdana, arial;
 font-size    : 11px;
 font-weight  : bold;
 padding-left : 12px;
}
h3.actu_title_home a{
 color  : #FA9042;
 font-family  : verdana, arial;
 font-size    : 11px;
 font-weight  : bold;
}
h3.actu_title_page {
  color:#FA9042;
  font-family:verdana,arial;
  font-size:14px;
  font-weight:bold;
  padding-left  : 20px;
  line-height : 22px;
  text-decoration : underline;
}
a.all_news{
 color  : #50B6DF;
}
.zoom_legend{
 color  : black;
 font-family  : verdana, arial;
 font-size    : 11px;
 padding-left : 12px;
}
div#secapp_app_69 h2{
 display : none;
}
div#div_actu_home{
 float        : right;
 width        : 172px;
 margin-left  : 30px;
 padding-top  : 40px;
 background		: url(fr/actu/title_actu_home.gif) no-repeat top left;
}

div.new_actu {
  border-left: 3px solid #d2ddb9;
  margin-bottom: 40px;
  min-height: 120px;
}
div.new_actu div#div_actu_home {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  float: none !important;
  margin-left: 0 !important;
  padding-top: 0 !important;
  width: auto !important;
}
div.new_actu .titre_actu_accueil {
  background: none repeat scroll 0 0 #D2DDB9;
  color: #FFFFFF;
  font-weight: bold;
  margin-right: 10px;
  padding: 8px;
  text-transform: uppercase;
}
div.new_actu .box_app {
  padding: 0 !important;
}

ul.actu_list_home{
 list-style : none;
 margin : 0px;
 padding  : 0px;
 border : 0px;
}

ul.actu_list_home li{
 list-style : none;
 display : block;
 margin : 0px;
 padding  : 0px;
}
span.actu_title_home{
 color        : #FF8F44;
 font-family  : verdana, arial;
 font-size    : 12px;
 display      : block;
}
span.actu_date_home{
 color        : #000000;
 font-family  : verdana, arial;
 font-size    : 11px;
 display      : block;
}
div.actu_contents,div.actu_item_home p{
 color        : #666666;
 font-family  : verdana, arial;
 font-size    : 13px;
 border-bottom  : 1px solid #D5D5D5;
 padding-bottom : 14px;
 margin-bottom  : 10px;
}
div.actu_item_home p{
 border-bottom  : 0px;
 padding-bottom : 0px;
 margin-bottom  : 0px;
}
.div_open_close_master h3.actu_title_home{
 color  : #FA9042;
 font-family  : verdana, arial;
 font-size    : 12px;
 font-weight  : bold;
 margin-left  : 20px;
 height       : 25px;
}
div.actu_item_home p a{
 color  : #50B6DF;
}
div.class_img_open_close_out_1,
div.class_img_open_close_over_1,
div.class_img_open_close_out_2,
div.class_img_open_close_over_2 ,
div.class_img_open_close_out_4,
div.class_img_open_close_over_4:hover{
background-image:url(dir/images/icons/main_h.gif);
}
div.class_img_open_close_out_3,div.class_img_open_close_over_3{
background-image:url(dir/images/icons/main_v.gif);
}*/
/* Corps du site **************************************************************/

/* pages labos ***************************************************************/
.labo_gauche{
 vertical-align : top;
 padding-top    : 20px;
 text-align     : justify;
}
.labo_droite{
 vertical-align : top;
 padding-left   : 35px;
}
.labo_droite ul{
 list-style : none;
 padding  : 0px;
 margin   : 0px;
}
.labo_droite ul li{
 text-align : right;
 padding  : 5px;
 border-bottom  : 1px solid #D4D4D4;
}
.labo_droite ul li a{
 text-decoration : none;
}

/* Annuaire ******************************************************************
h3.anu_name {
 color:#FA9042;
 font-size  : 14px;
}
div.annu_person{
 border-top :1px solid #D4D4D4;
 margin-bottom  : 15px;
}*/
/* partenaires page d'accueil *************************************************
.div_icsm_partners{
  text-align : center;
}
#txt_para_par_68{
  background : #82CBE8 url(fr/actu/bas_zoom.gif) no-repeat 0% 100%;
  margin-bottom : 20px;
}

#txt_para_par_68 a{
  color : black;
}
#txt_para_par_68 h3, #txt_para_par_68 div{
}*/

/* MODE BLOG *****************************************************************
.toto {
  height: 32px;
}

.maincontent_right {
    margin-top: 10px;
    padding: 10px 10px 10px 0;
}

.txt_element_pdt{
  border-bottom: 1px solid #e1e1e1;
  font-size: 18px;
}
.txt_element_pdt .txt_text_resume, .txt_element_pdt .txt_link_suite_pdt {
  font-size: 12px;
  margin-bottom: 12px;
}

.toto h2.border-bottom {
}
h2.border-bottom:before {
    content: url("images/carre_gris.jpg");
    margin-right: 6px;
}


.txt_element_pdt {
  border-bottom: 1px solid #d2ddb9;
  height: auto;
  margin-left: 10px;
  margin-top: 18px;
  padding-bottom: 5px;
  position: relative;
  width: 732px;
}
.txt_element_pdt .txt_img {
    height: 56px;
    overflow: hidden;
}
.txt_element_pdt .txt_actu_h3 {
  height: auto;
  margin-bottom: 5px;

}
.txt_element_pdt .txt_actu_h3 a {
  color: #fa9042;
  font-size: 16px;
  font-variant: small-caps;
  text-decoration: none;
}

.txt_element_accueil .txt_text_resume1 {
  position: relative;
}
.txt_actu_h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 10px;
}
.txt_actu_h3 a {
  text-decoration: none;
  color: #000;
}
a.txt_link_suite_accueil {
    bottom: -30px;
    color: #275b91;
    font-weight: bold;
    position: absolute;
    right: 10px;
    text-decoration: none;
}
.txt_img_details img {
  padding: 0 !important;
}

.content_element_txt .txt_actu_h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 30px;

}
.content_element_txt {
  margin-bottom: 30px;
}
.content_element_txt .txt_paragraph {
  border-bottom: none;
  padding-bottom: 0;
}
.content_element_txt .txt_paragraph div.img_actu {
  float: left;
}
.content_element_txt .txt_paragraph div.img_actu img {
  height: auto;
  margin-bottom: 10px;
  margin-right: 10px;
  max-width: 350px;
  padding: 5px 10px 10px 0;
}

.img_resume {
  float: left;
  height: auto;
  margin-right: 15px;
  overflow: hidden;
  width: auto;
}
.img_resume a img {
  padding-bottom: 10px;
  width: 150px;
}
.txt_resume {
  height: 60px;
  overflow: hidden;
  text-align: left;
}
.grp_article .header_actu {
  background: none repeat scroll 0 0 #d2ddb9;
  color: #fff;
  padding: 10px 0 0 10px;
  position: relative;
}
.header_actu a {
  bottom: 10px;
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  right: 10px;
  text-decoration: none;
}
.grp_article .actu {
  border-bottom: medium none;
  color: #ffffff;
  font-size: 22px;
  font-variant: small-caps;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 10px;
}

div.actu_date p,
div.txt_resume p {
  margin: 0;
}

div.actu_date p {
  color: grey;
  font-size: 10px;
}

a.txt_link_suite_pdt {
  color: #fa9042;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
}*/