/*
Theme Name: Twenty Fourteen
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: DOS SANTOS Adrien
Author URI: http://wordpress.org/
Description: second css file
Text Domain: twentyfourteen
*/

/**
 *
 * /!\ TABLE OF CONTENTS : 
 *
 * 1.0 - GLOBAL CONTENT
 * 
 * 2.0 - BODY
 *   2.1 - Headings
 *   2.2 - Text elements
 *   2.3 - Navigation
 *   2.4 - Links
 *   2.5 - Footer
 * 
 * 3.0 - PAGE 
 *   3.1 -> Body Home
 *   3.2 -> Page Offre
 *   3.3 -> Job Page
 *   3.4 -> Page with children
 *   3.5 -> Contact Page
 *   3.6 -> Equipe dirigente
 *   3.7 -> Page presentation
 *   3.9 -> Archive page
 *   3.9.1 -> Agenda Fi
 *   3.9.2 -> Events page
 *   3.9.3 Communiqués financiers
 * 
 * 4.0 - WEB ELEMENTS
 *   4.1 -> Widget
 *   4.2 - Audio/Video
 *   4.3 - Semantic
 *   4.4 - Icons
 *   4.5 - scroll down
 *   4.6 - Scroll top
 *   4.7 - Breadcrumb
 *   4.8 - Carousel  
 *
 * 5.0 - TABLES
 *
 * 6.0 - IMAGES
 *
 * 7.0 - GALLERIES
 *   7.1 -> AMMAP
 * 
 * 8.0 - RTL
 * 9.0 - Font-face
 *   9.1 - Ubuntu
 *   9.2 - Neris
 *   9.3 - Open sans
 *   9.4 - Raleway
**/

/**
* 1.0 - GLOBAL CONTENT
**/ 

#flags{
  position:absolute;
  width: 100px;
  top:20px;
}

#flags #france, #flags #uk{
  display:inline-block;
  width:40px;
}

@media all and (max-width:500px){
  
  #page p b.first-letter{
    font-size: 2em;
  }

}

* li{

	list-style-image: url('../images/puce2.png');
}

#page article.category-comfinanciers .entry-content, #page article.category-financial-releases .entry-content{
  padding: 0 8%;
  margin-bottom: 4em;
}

.bcgd-white{
  background-color: rgba(43,60,75,0.9);
}

.bcg-white{
	background-color: white;
}

.bcg-white-opac, .white-opac{
  background-color: rgba(255,255,255,0.9);
}

.padding-15{
	padding: 0 15% !important;
}

#rse-intro{
	margin-bottom: 2em;
}

#rse-intro p{
	font-size: 1.25em;
}

#page .ui.comments{
	margin-top: 2em;
}

#page .temoignages{
	margin-top: 2em;
}

article.hentry{
	margin: 0;
}

.menu-toggle{
  border: 2px solid white;
}

#page #secondary .current_page_item a{
  color: rgb(230,68,21);
}

.menu-toggle:before {
  padding: 15px;
}

body nav.site-navigation li a{
	font-family: "ralewaybold";
  font-size: 14px;
  letter-spacing: 0.25px;
}
body nav#primary-navigation li ul li a, body nav.site-navigation #menu-menu_footer li a{
	font-size: 0.9em;
  letter-spacing: 0.25px;
  font-family: "ralewaybold";
}

body nav.site-navigation li a{
	color: rgb(255,255,255) ;
  font-family: "ralewaybold";
}

body nav#primary-navigation li ul li a{
  color: rgb(50,78,102) ;
  font-family: "ralewaybold";
}

*{
  font-family: "Lato";
}

.page h2{
  font-weight: normal !important;
  font-family: "Muli";
  line-height: 1.5;
  color: rgb(89,89,89);
}

.page h3,h4,h5{
  font-family: "Muli"; 
  line-height: 1.5;
  color: rgb(89,89,89);
  font-weight: normal;
}

*::-moz-selection { color: white !important;  background-color: rgb(230,68,21) !important; }

* body p{
  font-family: 'Lato';
  font-size: 1.125em;
  font-weight: normal;
  color: rgb(43,60,75);
  line-height: 1.5;
}

#page p{
	color: rgb(43,60,75);
}

* body li{
  color: rgb(43,60,75);
  line-height: 1.5;
}

* a{
  font-family: 'Lato' !important;
  font-weight: 600;
}

#page .jsn-bootstrap3 .wr-element-container p{
  margin: 0;
  text-align: justify;
}

#page .jsn-bootstrap3 p a {
	color: rgb(50, 78, 102);
	text-decoration: none;
}

#page .jsn-bootstrap3 p a:hover {
	color: rgb(230,68,21);
}

.ui.basic.segment p{
  margin: 0;
}

.green{
	color: #00996E;
}
.orange{
	color: #E64415;
}
.blue{
	color: #324E66;
}
.red{
	color:#700000;
}
.white{
  color: white;
}

.italic{
	font-style: italic;
}

#page #main #post-87 .entry-header{
  margin-bottom: 2em;
}

#page #post-87 .entry-content{
  margin: 0 15%;
}

#page #post-81 h2{
  margin-bottom: 0 !important;
}

.secondary-navigation #menu-menu_footer #menu-item-2373 a{
  color: rgb(255,255,255) !important;
}

.secondary-navigation #menu-menu_footer #menu-item-2373:hover a{
  color: rgb(255,255,255) !important;
  cursor: default;
}

i{
	margin: 0 5px;
}

* p b.first-letter{
    font-size: 1.75vw;
    font-weight: normal;
    line-height: 0.5em;
}

.opac{
  opacity: 0.5;
}

.opac img{
  opacity: 0.5;
  border-radius: 5px;
}

#page #main .title_process h4{
    margin-top: -4.5rem;
    font-size: 1.5rem;
    z-index: 10;
    color: rgb(0, 0, 0);
    text-align: center;
    opacity: 1;
}

body.page #page h2{
	color: rgb(43,60,75);
  	margin:20px 0 20px 0;
  	font-size: 2.25em;
    font-weight: bolder !important;
    text-align: left;
}

body.page #page h2:first-child{
	margin: 0 0 5px 0;
}

#page #main .titre_cont h2{
	margin: 1em 0;
  text-align: center;
}

#page #conseil-admin p{
	text-align: center;
}

#page #conseil-admin li{
	text-align: center;
	list-style:none;
	margin: 10px 0;
}

body.page #page h3{
	color: rgb(49,79,103);
	font-size: 1.75em;
	text-align: left;
  font-family: 'Muli';
}

body.page #page h4{
	color: rgb(79,94,108);
	font-size: 1.5em;
}

body.page #page h5{
	color: rgb(79,112,138);
	font-size: 1.25em;
 	text-align: left;
  font-family: 'Lato';
  font-weight: bolder;
}

/**
* 2.0 - BODY 
**/
    /**
    * 2.1 - Headings
    **/

.site-header{
  background: rgb(43,60,75);
  height:85px;
}

#site-header{
  position: absolute;
  top:-25px;
  left:0;
}

.header-main nav{
  display: inline-block;
  width: 80%;
  text-align: right;
}

#site-header img
{
  width:125px;
  height:125px;
}
#page #main h1{
  color: black;
  margin:0;
}

header h1{
  margin:0;
  display: inline-block;
  vertical-align: middle;
}

.temoignages h3.ui.header.center.aligned{
	color: #00996E;
}

.ui.comments h3.ui.header{
	color: #00996E;
	text-align: left;
}

.ui.comments .content{
	padding-left:10px;
	border-left: 1px solid rgb(220,220,220);
}

header h1{
  margin-left: 400px;
  font-size: 3rem !important;
  color: rgb(50,78,102) !important;
  font-family: "Opificio-neue",sans-serif !important;
  text-transform: none !important;
}

.bann{
  line-height: 2.5rem;
}

.header-main{
  margin-top:2rem;
  text-align: center;
  padding:0;
  background-color: rgb(43,60,75) !important;
}

.primary-navigation{
  float: none;
  margin:0;
  text-transform: inherit;
}

.menu-toggle, .menu-toggle:hover,.menu-toggle:focus,.menu-toggle:active,.menu-toggle:visited{
	background-color: rgb(230,68,21);
}
.menu-toggle:before{
	color: white;
}

.site-header{
  z-index: 10;
  text-align:center;
  max-width:inherit;
  margin: 0 auto;
  -moz-box-shadow: 0px 0px 10px 2px #656565;
  -webkit-box-shadow: 0px 0px 10px 2px #656565;
  -o-box-shadow: 0px 0px 10px 2px #656565;
  box-shadow: 0px 0px 10px 2px #656565;
}


.sticked {
  background: rgba(250,250,250,0.85);
  color: #fff;
  position:fixed;
  z-index:3000;
  top:0;
  transition: background 1s;
  height: inherit;
  max-width: inherit;
}


.sticked .header-main{
  margin-top: 0;
  margin: 0 auto;
  position: relative;
  box-shadow: none
}

.links-people{
  position: absolute;
  top: 0;
  right: 0;
  font-family: "Lato","Helvetica";
  line-height: 25px;
}

.links-people a {
  display: block;
  text-align: left;
  color: rgb(255,255,255);
  font-size: 11px;
  font-family: "Lato","Helvetica";
}

.links-people a:hover {
  color: rgb(230,68,21);
  text-decoration: underline;
}

.links-people p{
  text-align: left;
  color: rgb(255,255,255);
  display: inline-block;
  font-size:11px;
  font-family: "Lato","Helvetica";
}

.links-people li{
  display: inline-block;
  padding: 0 5px;
  border-right: solid 1px rgb(128, 128, 128);
  line-height: 11px;
}

.links-people li:last-of-type{
  border: none;
}

.links-people ul{
  list-style: none;
  display: inline-block;
  margin:0;
}

/**
* 2.2 - Text elements
**/

/**
* 2.3 - Navigation
**/

.page .site-main #secondary{
  width: 200px;
  margin: 0;
  padding: 0;
  font-size: 0;
  font-weight: normal;
  box-shadow: 0 0 0 1px rgba(39,41,43,0.15), 0 1px 2px 0 rgba(0,0,0,0.05);
  border-radius: 0.30rem;
  min-height: inherit !important;
  background-color: rgb(50,78,102);
  position: fixed;
  top: 250px;
  left: 275px;
  font-style: normal;
}

.page .site-main #secondary li{
  background: 0 0;
  height: auto !important;
  border-top: none;
  border-left: 0 solid rgba(0,0,0,0);
  border-right: none;
  font-size: 0.80rem;
  padding:0.75rem 0.5rem;
  margin:0 15px; 
  border-bottom: solid 1px rgba(255,255,255,0.15);
  list-style: none;
}

.page .site-main #secondary li:last-of-type{
  border-bottom: none;
}

.page .site-main #secondary li:hover{
	-webkit-transition: padding-left 250ms ease-out;
	-moz-transition: padding-left 250ms ease-out;
	-o-transition: padding-left 250ms ease-out;
	transition: padding-left 250ms ease-out;
}

.page .site-main #secondary li a{
  color: white;
  display: block;
}

.page .site-main #secondary li:hover a{
  color: rgb(230,68,21);
}

#page .site-main .entry-content{
  padding:0;
}

site-navigation a{
    color: #000 !important;
    letter-spacing: 0.05em;
}

.grid_4 .news a:last-of-type{
    color:rgb(50, 78, 102) !important;
}

.grid_4 .news a:last-of-type:hover{
    color:rgb(230, 68, 21) !important;
    text-decoration: underline;
}

.primary-navigation ul ul{
    background-color: #FFF !important;
    border:none;
    border-top: solid 3px rgb(230,68,21);
}

.primary-navigation li:hover > a, .primary-navigation li.focus > a{
    background: none !important;
    color: rgb(230,68,21) !important;
    font-weight: normal;
    cursor: pointer;
}

.primary-navigation li ul li:hover > a, .primary-navigation li ul li.focus > a{
    color: #FFFFFF !important;
    font-weight: bolder;
    cursor: pointer;
}


.primary-navigation #menu-menu_top #menu-item-71 a{
    padding: 5px !important;
}

.primary-navigation li ul{
    width:230px;
}


.primary-navigation li ul li a{
    display: block !important;
    width: auto;
    text-align: left;
    text-transform: inherit;
}
  
.primary-navigation li ul li{
    border-bottom:solid 1px rgba(200, 200, 200,0.3);
    font-size:12px;
}


.primary-navigation li ul li:last-of-type{
    border-bottom:none;
}

.primary-navigation li ul li a:hover, .primary-navigation li.current-menu-ancestor ul li a:hover {
    padding-left: 15px;
	font-weight: normal;
    -webkit-transition: padding-left 250ms ease-out;
    -moz-transition: padding-left 250ms ease-out;
    -o-transition: padding-left 250ms ease-out;
    transition: padding-left 250ms ease-out;
    color: rgb(230, 68, 21) !important;
}

.primary-navigation .menu-item-has-children .menu-item.current-page-ancestor a{
    color: rgb(230,68,21) !important; 
    padding-left:30px;
}

.primary-navigation ul ul a{
    padding: 15px;
}

.primary-navigation .menu-item-has-children > a:after, .primary-navigation .page_item_has_children > a:after{
    display: none !important;
}

.primary-navigation .menu-item-has-children > a, .primary-navigation .page_item_has_children > a{
    padding: 5px 20px !important;
}

.primary-navigation li{
    font-size: 13px;
    font-family: 'ralewaymedium';
    font-weight:normal;
    background: none;
    height:58px;
}

.current_page_ancestor{
	background-color: rgba(0,0,0,0.3) !important;
	color: rgb(230,68,21) !important;
}

.primary-navigation ul ul{
	top:58px;
	padding:0 15px;
    box-shadow: 0px 1px 5px 0px rgb(0, 0, 0);
}

.primary-navigation.site-navigation li.current-menu-ancestor li.current-menu-item a, .primary-navigation.site-navigation li.current-menu-ancestor a, .primary-navigation.site-navigation li.colored.orange ul li.current-tribe_events-ancestor a, .primary-navigation.site-navigation li.colored.orange a, .primary-navigation.site-navigation li ul li.current-post-ancestor a , .primary-navigation.site-navigation li.colored.orange ul li.current-post-ancestor a, .primary-navigation.site-navigation li.colored.orange ul li:hover a{
	color: rgb(230,68,21) !important;
	font-weight: normal;
}

.primary-navigation.site-navigation li.current-menu-ancestor li.current-menu-item a, .primary-navigation.site-navigation li.colored.orange ul li.current-post-ancestor a, .primary-navigation.site-navigation li.colored.orange ul li.current-tribe_events-ancestor a, .primary-navigation.site-navigation li.colored.orange ul li:hover a{
	padding-left:15px;
}

.primary-navigation.site-navigation li.current-menu-ancestor li a, .primary-navigation.site-navigation li.colored.orange li a{
	color: rgb(89,89,89) !important;
}

nav.secondary-navigation{
    width: 100%;
    text-align: center;
    margin:0;
    padding: 0;
    background-color:rgb(43,60,75);
    border: none;
}

nav.secondary-navigation ul{
    list-style: none;
    margin-top: 5px;
}

nav.secondary-navigation ul li{
    display: inline-block;
    line-height: 0 !important;
    border-top: none;
}

nav.secondary-navigation ul li:hover {
    background: none;
}

nav.secondary-navigation ul li a{
    display: block;
    color: rgb(255,255,255) !important;
    padding: 10px;    
}

nav.secondary-navigation ul li:hover a, nav.secondary-navigation ul li a:active, nav.secondary-navigation ul li a:focus{
    color: rgb(230,68,21) !important;
    background: none;
}
    
    /**
    * 2.4 - Links
    **/
    
    /**
    * 2.5 - Footer
    **/

footer{
	height:140px;
}

.footer-background{
	background-color: rgb(50,78,102);
	position: absolute;
	bottom:0;
	left:0;
	right: 0;
	height:140px;
}

.site-footer{
	margin: 0 auto;
	background-color: rgb(43,60,75);
}

#footer-sidebar{
	padding-top: 0;
}

#twitter_footer, #aubaytv_footer, #viadeo_footer, #yuppek_footer{
    width:40px;
    height:40px;
}

#twitter_footer{
    background-image: url('../images/twitter.png');
}

#twitter_footer:hover{
    background-image: url('../images/twitter-hover.png');
}

#aubaytv_footer{
    background-image: url('../images/youtube.png');
}

#aubaytv_footer:hover{
    background-image: url('../images/youtube-hover.png');
}

#viadeo_footer{
    background-image: url('../images/viadeo.png');
}

#viadeo_footer:hover{
    background-image: url('../images/viadeo-hover.png');
}

#yuppek_footer{
    background-image: url('../images/yupeek.png');
}

#yuppek_footer:hover{
    background-image: url('../images/yupeek-hover.png');
}

#siege_footer,#contact_footer{
    text-align: left;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}

footer #contact_footer p{
    line-height: 25px;
}

footer #contact_footer p #adresse_siege{
    color:rgb(230,68,21);
    font-size: 12px;
}


footer #contact_footer h4, footer #nav_menu-3 .widget-title{
    font-family: "ralewaysemibold";
    font-size: 1.5em;
    font-weight: normal;
    margin: 0;
    text-transform: inherit;
    color: white !important;
}

footer .widget h1{
    line-height: 2;
    color:rgba(255, 255, 255, 0.701) !important;
    padding-top:5px;
    text-align: left;
    padding-left: 140px;
}

footer .widget .menu-menu_reseaux-container{
    margin-top: 20px;
}

#siege_footer p{
    line-height: 15px;
    margin: 0 auto;
}

#siege_footer a:hover{
    color:rgb(230,68,21);
    text-decoration: underline;
}

#footer-sidebar #text-3{
    line-height: 130px;
}

footer .widget p{
    margin:0;
}

footer #hautdepage .fa{
    margin:0; 
}

footer .fa{
    margin-right: 10px;
    font-size: 20px;
    color: rgb(230,68,21);
    vertical-align: middle;
}

footer span{
    font-size: 14px;
    vertical-align: middle;
}

footer #adresse_footer{
    margin-top: 5px;
}

footer #adresse_footer p, footer span a{
    font-size: 12px;
    line-height: 1.5;
    color: white;
}

#page footer.site-footer{
  max-width: inherit;
}

#page footer h1{
  color:rgb(255, 255, 255);
}

#page footer.site-footer{
	background-color: rgb(50, 78, 102);
	margin: 0 auto;
}

#page footer .widget li:hover a, #page footer .widget a:hover{
	color:white !important;
	text-decoration: none;
}

#footer-sidebar .widget li:hover a, #footer-sidebar .widget a:hover{
	color:rgb(230, 68, 21);
	text-decoration: underline;
}

footer #footer-sidebar aside.widget li img{
	width:40px;
}

footer #footer-sidebar  #nav_menu-3 ul li{
    padding: 0 10px;
}

#menu-menu_footer li{
    line-height: 10px;
}

#menu-menu_footer li:last-of-type{
    border:none;
    line-height: 10px;
}

footer #footer-sidebar aside.widget li img{
    width:40px;
}

footer #footer-sidebar aside.widget{
    width:50%;
    padding: 0;
    position: relative;
    text-align: center;
    margin-bottom: 0;
}

footer #footer-sidebar aside.widget li{
    display: inline-block;
    text-align: center;
    padding:0px 5px;
    font-size: 11px;
}

    
/**
* 3.0 - PAGE 
**/
    /**
    * 3.1 -> Body Home
    **/


#fullpage .section .fp-tableCell{
  vertical-align: top;
}

#page #main header.entry-header, .search header.entry-header{
  padding: 0;
  margin-bottom: 20px;
}

#primary.content-area{
  padding-top:50px;
}

.site-content{
  margin-left: 0;
}

.page #main, .single #main,.events-list #main,.archive #main,.search #main{
  max-width: 1020px;
  margin: 0 auto;
}
.home #main #main-content,.page-template-page_with_menu-php #main, .single #main{
 margin-bottom: 50px;
}

.page #main #main-content, .single #main #main-content,.events-list #main #main-content,.archive #main #main-content,.search #main #main-content{
  float:left;
}

.home.page #main{
  max-width: inherit;
}

.home.page #main #main-content{
  float:none;
}


.page .content-area{
  padding-top: 30px;
}

#primary.content-area{
  padding-top: 0;
}

#secondary{
  padding-top: 30px;
}

#page{
  position: inherit;
  max-width: inherit;

}

#supplementary{
  max-width: 1020px;
  margin: 0 auto;
}

.page .site-content{
  margin:0;
}

#book1+strong{
  display: none;
}


.widget{
  margin-bottom: 0;
}

#widget-offre{
  margin-bottom: 3em;
}

#widget-offre h2{
  font-size: 1.714rem;
  margin: 14px 0;
  text-transform: none;
}

#widget-offre p{
  margin: 0 0 1em;
}


#widget-offre .textwidget{
	font-size: 1.125em;
	color: rgb(43,60,75);
	font-family: 'Lato';
	line-height: 1.5;
}

.entry-content .col-md-12.col-sm-12.col-xs-12{
  padding: 0;
}

.single-job_listing #page .entry-content{
  padding: 0 8%;
}

.page-illustration .entry-content .wr_text{
  text-align: left;
}

.page-illustration .entry-content .jsn-bootstrap3 .wr_text p{
  color: rgb(89,89,89);
}

#calendar li{
	list-style: none;
}

.home #page .hfeed.vcalendar{
  height:315px;
  margin: 0 1px;
  overflow-y: auto;
}

.home.page .jsn-bootstrap3 p{
  text-align: center;
  vertical-align: bottom;
  color: rgb(89,89,89);
}

.jsn-bootstrap3 p{
  text-align: left;
}

.centered{
  text-align: center;
}

.header-background{
  max-width: 1020px;
  margin: 0 auto;
  position: relative;
}

.inline-block h5{
  display: inline-block;
}

.page #seeAllEvents, .page #goAubayTV , .page #goTwitter {
    background-color: rgba(230,68,21,1);
    padding: 8px;
    -webkit-transition: background-color 500ms ease;
    -moz-transition: background-color 500ms ease;
    -o-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
    border-radius: 0;
}

.page #goAubayTV, .page #goTwitter {
    font-size:14px;
}
.page #seeAllEvents, .page #goAubayTV, .page #goTwitter {
    display: inline-block;
    color:rgb(255, 255, 255);
}

.page #seeAllEvents:hover, .page #goAubayTV:hover, .page #goTwitter:hover {
    background-color: rgb(220, 50, 30);
}

.page #seeAllEvents:hover, .page #goAubayTV:hover, .page #goTwitter:hover {
    color:rgb(255, 255, 255);
}

.page #goAubayTV, .page #goTwitter
{
    padding: 8px;
}

.linkAubayTV, .linkTwitter{
    text-align: center;
    margin-top: 15px;
}

.home iframe{
    margin-bottom:10px;
    height:350px;
}

.wr_text .fade{
  opacity: 1 !important;
}

.jsn-bootstrap3 .hidden.content{
  display: block !important;
  visibility: visible !important;
  background-color: rgba(0, 0, 0, 0.8);
}

.jsn-bootstrap3 .hidden.content p{
  margin: 40% 0;
  color: rgb(243, 130, 10) !important;
  font-weight: bolder;
  text-align: center;
}

.carousel.slide .fade.reveal{
  opacity: 1 !important;
  margin: 0 10px;
  border: solid 1px rgba(200, 200, 200, 0.2);
  vertical-align: top;
}


#panorama{
  padding-top: 0px !important;
}

.site-content .test{
  margin-top: 70px;
}

.entry-content .wr_text{
  text-align: center;
}

.entry-content .wr_text h4{
  text-align: left;
}

.page-illustration .entry-content .wr_text{
  text-align: center;
}

.page-illustration .entry-content .wr_text ul{
  text-align: left;
  padding-left: 20px;
}

.thirdPartHome{
  padding:0 6%;
}

.thirdPartHome .grid_4{
	margin: 0 4.5%;
	width: 24%;
}

body.custom-background
{
  background-color: rgb(255,255,255) !important;
}


#main-content{
  max-width: 1020px;
  margin: 0 auto;
}


.home .site-content{
  margin-left: 0;
}
.home .site:before{
  display: none;
}

.site:before{
  display: none;
}

.home #main #secondary{
  display: none;
}
.home #main .entry-content{
  padding: 0px;
}

.home #primary{
  padding-top: 0;
}

.separator{
  margin:50px 0;
  height:2px;
  text-align: center;
  background-color: rgb(50,78,102);
}

.home .entry-content .jsn-bootstrap3 .col-md-12{
  padding: 0;
}

.page .jsn-bootstrap3 .row{
  margin: 0;
  padding: 0;
}

.enSavPlus{
  margin-top: 20px;
}

.page .enSavPlus .btn{
  background-color: rgb(153, 31,61);
  padding: 10px;
  color:rgb(255, 255, 255);
    -webkit-transition: background-color 500ms ease;
    -moz-transition: background-color 500ms ease;
    -o-transition: background-color 500ms ease;
    transition: background-color 500ms ease;
    margin:20px 0;
    border-radius: 0px;
}

.enSavPlus .btn i{
  font-size: 12px;
}

.copyright_Aubay{
  color:rgb(255,255,255);
  text-align: center;
  font-size:13px;
  padding: 5px 0px;
  font-weight: normal;
  margin: 0 auto;
  background-color: rgb(43,60,75);
}

.page .enSavPlus .btn:hover{
  background-color: rgba(140,31,61,1);
}

.page .enSavPlus .btn:hover{
  color:rgb(255, 255, 255);
}

.bubble-home {
  width: 10vw;
  height: 10vw;
  margin: 0px auto;
  border-radius: 100%;
  line-height: 5vw;
  text-align: center;
  border:solid 1px rgba(220,220,220,1);
  margin-bottom: 15px;
  background-color: rgba(220,220,220,0.8);
  padding-top: 3vw;
}

.bubble-home .fa{
  font-size: 50px;
  color: rgb(43, 60, 75);
  cursor:default;
}

.jsn-bootstrap3 .wr_text p.compteur, .jsn-bootstrap3 .wr_text p span.compteur, .jsn-bootstrap3 .wr_text p.pano{
  text-align: center;
  margin:0;
  font-size: 35px;
  color: white;
  font-family: 'Muli';
}

.jsn-bootstrap3 ul{
	text-align: left;
} 

.jsn-bootstrap3 .wr_text p span.compteur{
  font-family: "Muli";
  color: rgb(43,60,75);
}

.jsn-bootstrap3 .wr_text p.compteur + p, .jsn-bootstrap3 .wr_text p.pano + p{
	font-weight: bolder;
	font-family: "Muli";
}


.wr_text h2{
  text-transform: uppercase;
  text-align: center;
}

.title_home_elements{
  text-align: center;
  margin-bottom:30px;
}

body.home #page .title_home_elements h3{
  display: inline-block;
  line-height: 34px;
  margin: 0;
  color: rgb(230,68,21);
  font-family: 'ralewaysemibold';
  font-size:30px;
  vertical-align: middle;
  font-weight: normal;
}

.title_home_elements span{
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  background-color: rgba(221, 221, 221, 0.2);
  border:solid 1px rgba(220, 220, 220, 1);;
  line-height: 50px;
  margin-right: 15px;
}

.title_home_elements span i{
  vertical-align: middle;
  font-size: 28px !important;
  color:rgb(230,68,21);
}

.home #page .title_element{
  color : rgb(50, 78, 102) !important;
  font-size: 40px !important;
  margin:0;
  text-transform: uppercase;
}

.home h3.title_element{
  margin-bottom: 40px;
  font-size: 36px !important;
  font-family: "ubuntumedium";
}

.home #page h2{
  margin: 0;
  color: rgb(50,78,102) !important;
  font-family: 'Muli';
  font-size:30px;
  vertical-align: middle;
  text-align: center;
  font-weight: normal;
}

.jsn-bootstrap3 .ui.move.reveal{
  width: 100%;
  border:none;
}

@media all and (max-width: 1500px){
  #page #Equipe-dirigeante .ui .card{
  width: 20%;
  margin:2% 6%;
}
}

#page #Equipe-dirigeante .card{
  width: 15%;
  margin:2% 9%;
}

#page #Equipe-dirigeante .ui.cards>.card .meta span{
  font-size: 1.125em;
}

#page #Equipe-dirigeante .description.hidden.content p{
    margin: 30px 25px 20px 25px;
  font-size: 1.125em;
  font-family: 'Lato';
  font-style: italic;
  text-align: justify;
  color: rgb(89,89,89) !important;
}


.jsn-bootstrap3 .ui.move.reveal .visible img{
	width: 100%;
	/* height: 500px; */
}

#page .jsn-bootstrap3 .ui.move.reveal .hidden .bcg-blue{
	padding: 0;
	background-color: rgb(223,223,223);
}



.entry-content .jsn-bootstrap3 .col-md-6{
  padding:0 20px !important;
}

.jsn-bootstrap3 .ui.move.reveal .visible.content{
  background-color: white;
  width:100%;
}

.jsn-bootstrap3 .ui.move.reveal .visible.content img{
  float:none !important;
}

.jsn-bootstrap3 .ui.move.reveal .hidden.content{
  display: block !important;
  visibility: visible !important;
  background-color: white;
  height: 100%;
}

.jsn-bootstrap3 .ui.move.reveal .hidden.content div{ 
  padding-top:10%;
}

#page #main .jsn-bootstrap3 .ui.move.reveal .hidden.content div h2{
  color: rgb(243,68,21) !important;
  font-size: 32px;
  margin: 0 0 50px 0;
  text-align: center;
}

.jsn-bootstrap3 .ui.move.reveal .hidden.content div ul{
  color: rgb(89,89,89) !important;
}

.jsn-bootstrap3 .ui.move.reveal .hidden.content div ul li{
  text-align: left;
  margin: 20px;
}

@media all and (min-width: 760px) and (max-width: 1020px) {
	
	.container_12{
		text-align: center;
	}

	.grid_4{
    	margin: 0 !important;
  	}
  	
  	.container_12 .grid_4 {
    	display: inline-block;
    	float: none;
    	width: 49.5%;
  	}

}

/*TELEPHONE*/
@media all and (max-width: 760px) {
	.container_12{
		text-align: center;
	}

	.grid_4{
    	margin: 0 !important;
  	}
  	
  	.container_12 .grid_4 {
    	display: block;
    	float: none;
    	width: 100%;
  	}
}
    
    /**
    * 3.2 -> Page Offre
    **/

.chosen-container{
    width:100% !important;
}

.search-field .default{
  width:180px !important;
}

.link-jobs{
  margin:30px;
}

.link-jobs a button{
  background-color: rgba(120,120,120,0.3);
  color: rgb(50,78,102);
}

.link-jobs a:hover button{
  background-color: rgb(50,78,102);
  color: rgb(170,170,170);
}
    
    /**
    * 3.3 -> Job Page
    **/
    
.single-job_listing .breadcrumb{
    display: none;
}

#post-189 .entry-content .margin-8, #post-3307 .entry-content .margin-8{
  margin: 0 !important;
}

.entry-content .job_listings li.job_listing{
    margin-bottom: 0 !important;
}

.jobs_listings .job_types li label{
    vertical-align: top;
}

.jobs_listings ul.job_types{
    margin:0 15px 10px 15px;
}

.post-navigation{
    display: none;
}

.single_job_listing .company{
    display: none;
}

.single-job_listing .job_application{
    margin-top: 30px;
}

#page div.job_listings{
    font-family: 'ralewaymedium';
}

#page ul.job_listings li.job_listing div.position{
    padding: 0;
    width:45%;
}

#page ul.job_listings li.job_listing{
    padding:0;
    margin:0;
    font-size: 12px;
}

#page ul.job_listings li.job_listing a{
    padding:1.5em 2em;
}


#page ul.job_listings li.job_listing:hover a{
    background-color: rgba(200,200,200,0.2);
}

.job_filters .chosen-container-active .chosen-choices{
    border: solid 1px rgb(230,68,21);
}


#page .job_filters .chosen-drop .highlighted{
    background-image: none;
    background-color: rgb(230,68,21);
}

#page .single_job_listing .application .application_details:after{
  margin: -8px 0 0 1px;
  left: 2em;
}

#page .single_job_listing .application .application_details:before{
  left: 2em;
}

#page ul.job_listings li.job_listing div.position h3{
    color: rgb(230,68,21);
    font-size: 16px;
    font-family: "ralewaysemibold";
    font-weight: normal;
}

#page .job_filters input{
    border-radius: 3px;
    padding: 5px 10px;
}

#page .search-field .default{
	width:200px !important;
}

#page .job_filters .chosen-choices{
    border-radius: 3px;
}

#page .job_filters .chosen-choices span{
    font-family: "ralewaymedium" !important;
}

#page .job_filters .chosen-results li{
    padding:10px 15px;
}

#page .job_filters .chosen-choices input{
    font-family: "ralewaymedium";
}

.job_listings .job_listing .job-type{
    color: rgb(243, 130, 10);
}

.job_description ul{
    list-style: none;
    margin: 0;
    line-height: 25px;
}

.job_description i{
    font-size: 16px;
    margin-right: 10px;
}

.entry-content .single_job_listing .meta{
    margin:0;
}

.single_job_listing .ui.orange.segment:not(.inverted){
    border-top:2px solid rgb(230,68,21);
    background-color: rgb(230,68,21);
}
.single_job_listing .ui.orange.segment .meta li{
    color: white;
}
.single_job_listing .ui.orange.segment .meta li a{
    color: white;
}
.single_job_listing .ui.orange.segment{
    margin-bottom: 40px;
}

.page .ui.basic.orange.button:hover, .single .ui.basic.orange.button:hover{
    box-shadow: 0 0 0 2px rgb(0, 153, 110) inset!important;
    color: rgb(0, 153, 110)!important;
}

.page .ui.basic.blue.button:hover, .single .ui.basic.blue.button:hover{
    box-shadow: 0 0 0 2px rgba(43, 60, 75, 0.9) inset!important;
    color: rgba(43, 60, 75, 0.9) !important;
}

.search .ui.basic.blue.button{
  padding: 0.75em 1em;
}

#page .search-page{
  padding-bottom: 4em !important;
}

#page .search-page div.segment h2{
  margin:0;
  color: rgb(43,60,75) !important;
}

#page .search-page div.segment:hover h2{
  color: rgb(230,68,21) !important;
}

#page .search-page div.segment p{
  color: rgb(43,60,75) !important;
}

#page .search-page div.segment{
  padding:1em 5em 1em 1em;
  margin: 3em 0;
}



.search .ui.basic.blue.button:hover{
   box-shadow: 0 0 0 2px rgba(43, 60, 75, 0.9) inset!important;
    color: rgba(43, 60, 75, 0.9) !important;
}

.search .ui.basic.blue.button i{
  margin-left: 0;
}

.job_listing h2{
    color:rgb(230,68,21);
}

#page .ui.ordered.large.steps .title{
    font-size: 13px;
 	width: 250px;
}

#page .ui.ordered.steps .step:before{
	padding-right: .4em;
	font-size: 1.5em;
}

.application_details {
    margin-top: 20px;
    border: solid 1px rgba(200, 200, 200, 0.5);
    padding: 10px;
    border-radius: 5px;
}

.single .entry-title{
    margin:0;
}

.page-illustration li{
    font-size:13px;
    color: rgb(89,89,89);
}

#page .single_job_listing .meta .job-type{
    background-color: inherit;
}

.single_job_listing p{
    font-size: 1.125em;
    text-align: justify;
}

.single h2{
    font-weight: bolder !important;
}

body.single-job_listing #menu-item-197.menu-item a{
    color: rgb(230,68,21);
    padding-left: 25px;
}

.single-job_listing #menu-item-1175 a{
  color: rgb(230,68,21) ;
}

.single-job_listing #menu-item-1175 ul li a{
  color: rgb(50,78,102);
}


.single-job_listing #menu-item-65 a{
    color: rgb(230,68,21) !important;
}

.single-job_listing #menu-item-65 li a{
    color: rgb(0,0,0) !important;
}

.single-job_listing #menu-item-65 li a:hover{
    color: rgb(230,68,21) !important;
}

.single-job_listing #page header.entry-header{
	text-align: center;
	padding: 0;
	margin:20px 0;
}

.single #page header.entry-header{
  text-align: center;
  padding: 0;
  margin: 0;
}

.page #TB_window{
  width: 310px !important;
  height: 300px !important;
  margin-left: 0 !important;
  top: 320px !important;
  left: 19.5% !important;
  background-color: rgba(250,250,250,0.9);
}

.page #TB_overlay{
  display: none;
}

.page #TB_window body div{
  background-color: rgba(250,250,250,0.9);
  height: 300px;
}


    /**
    * 3.4 -> Page with children
    **/
.page .page_with_children .entry-content{
    margin-left:222px;
}

#page .panel-group .panel-heading{
	border-bottom: solid 1px rgb(221,221,221);
}

#page .panel-group .panel-body{
	border-top:none;
}

    /**
    * 3.5 -> Contact page
    **/

.page-template-contact-php #page h2{
    font-size: 24px;
}

.page-template-contact-php #page h2 i{
    margin-right: 10px;
    font-size: 30px;
}

.page-template-contact-php #page #main .ui.form.segment{
  margin-top: 1.5rem;
}

.page-template-contact-php #page #main .ui.form.segment p{
  margin: 10px 0;
}

.page-template-contact-php #page #main .ui.form.segment textarea{
  resize:none;
}

.page-template-contact-php div.wpcf7-validation-errors {
  border: 2px solid rgb(240, 0, 0);
}

    /**
    *   3.6 -> Equipe dirigente
    **/
 #page #main #Equipe-dirigeante .ui.move.up:hover .visible.content {
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }

#pres,#corporate,#opera{
  position:relative;
}

.content_img{
  display: inline-block;
  width: 190px;
  height: 260px;
  margin-right: 15px;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
  padding-top: 30px;
  color: black;
}

#pres .img_eq,#corporate .img_eq,#opera .img_eq{
  display: inline-block;
  vertical-align:top;
}

#pres .img_eq_hov,#corporate .img_eq_hov,#opera .img_eq_hov{
  position:absolute;
  top:0;
  left:0;
  margin:10px auto auto 0px;
  padding:10px;
  text-align:left;
  display:block;
  height:260px;
  color:black;
  background-color: rgb(255, 255, 255);
border: solid 1px rgba(200, 200, 200, 0.4);
}
.img_eq_hov{
  opacity: 0;
  visibility: hidden;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    transition-property: opacity, visibility;
    transition-duration: 0.5s;
    transition-timing-function: linear;
}

#page .site-main .entry-content #img-group{
  margin-bottom:20px;
}

#page .ui.cards>.card>.content>.header{
	font-family: "ralewaysemibold";
	font-weight: normal;
}

.content_img:hover .img_eq_hov{
  opacity: 1;
  visibility: visible;
}

.img_eq_hov span{
  font-size:30px;
}

#page-groupe h2{
  margin:0;
  margin-bottom: 30px;
  padding-top: 35px;
  padding-bottom: 50px;
  padding-left: 50px;
  background: url(../img/test3.png) no-repeat;
  color: rgb(223,223,223);
  font-family: "ralewaysemibold",sans-serif !important;
  font-size: 36px;
}

#page-groupe h4{

  font-family:"ralewaysemibold",sans-serif !important;
  font-size:26px;
  margin:0px 0px 20px 0px;
  line-height:40px;
}

#pres .img_eq_hov p,#corporate .img_eq_hov p,#opera .img_eq_hov p{
  color:black;
  font-family:"ralewaythin_italic",sans-serif !important;
  margin-bottom:0; 
  font-size:14px;
  padding-top: 20px;
}


#pres .img_eq p,#corporate .img_eq p,#opera .img_eq p{
  color:black;
  font-family:"ralewaysemibold",sans-serif !important;
  margin-bottom:0;
}

#pres .img_eq img,#corporate .img_eq img,#opera .img_eq img{
  margin-bottom:10px;
  border:solid 1px black;
}

#pres,#corporate,#opera{
  text-align: center;
}

#page .content #pres, #page .content #corporate, #page .content #opera{
    text-align:center;
}

#page .content #pres .card{
    margin:0 auto;
}

#page .content .cards .card, #page .content .card{
    width:210px;
    margin:30px 60px 0 55px;
}

#page .content .card .ui.move.reveal{
    width:100% !important;
}

#page .content .card .ui.move.reveal .visible.content{
    width:100% !important;
}

#page .content .card .ui.move.reveal .hidden.content{
    width:100% !important;
}

#page .content .card .ui.move.reveal .visible.content img{
    width:100% !important;
}

#page .content .card .ui.move.reveal .hidden.content p{
    white-space:initial;
    margin:20px 10px 20px;
    line-height:2;
    font-family: 'ralewayitalic';
    font-size: 14px;
    font-weight: normal;
}

#page h4{
    margin: 15px 0;
    font-size: 26px;
    color: rgb(200, 200, 200);
}

#page .content .ui.cards .card .content, #page .content .ui.card .content {
    min-height: 50px;
}

    /**
    *   3.7 Page presentation
    **/


.wr_text .ui.ordered.steps .step{
    box-shadow: 0 0 0 2px rgba(0, 153, 110, 0.8);
}

.wr_text .ui.ordered.steps .step:after{
    border-bottom: 2px solid rgba(0, 153, 110, 0.8);
    border-right: 2px solid rgba(0, 153, 110, 0.8);
}

.wr-testimonial-item .wr-testimonial-meta{
    margin-top: 20px;
}

.jsn-bootstrap3 .wr-element-container p.bodytext{
    margin: 0 0 10px;
}


    /**
    * 3.9 -> Archive page
    **/
    
.post .cat-links,.post .comments-link,.post .byline, .post .post-format{

  display: none;  

}

.archive #content .padding-8{
  padding: 0 !important;
}

.archive article .entry-content, .archive article footer{
  display: none;
}


.archive #page article header.entry-header:after{
  display: none;
}

.archive article h1{
  font-size:20px !important;
}

.archive #main article{
  margin-bottom: 5em !important;
  padding-top: 15px !important;
}

.archive #page #main article header{
  margin-bottom: 0;
}

#page #main .article-onparle{
	margin-bottom: 4em;
}

#page article{
	min-height: 44vw;
}

#page article img.size-full.alignleft{
	margin-left: 0;
    margin: 7px 24px 0px 0;
}



        /**
        * 3.9.1 -> Agenda Fi
        **/

        /**
        * 3.9.2 -> Events page
        **/
  span.tribe-events-list-separator-month {
    font-size: 24px;
    font-weight: bolder;
    text-transform: uppercase;
    display: block;
    text-align: center;
    border-bottom: 2px solid rgba(200, 200, 200, 0.4);
    margin: 0px 200px;
    color: #B00000;
    margin-bottom:20px;
  }
.tribe-events-event-meta.vcard{
    display:inline-block;
    border:0;
    width:10%;
    text-align:center;
    margin:0;
    vertical-align:middle;
}

.tribe-events-sub-nav{
    display: none;
}

.vcard .time-details{
    width: 60px;
    height: 60px;
    background: url(../images/calendar.png) center center;
    line-height: 60px;
    font-family: 'ubuntumedium';
    font-size: 28px;
    margin: 0 auto;
}

.tribe-content{
    display:inline-block;
    width:85%;
    vertical-align:middle;
    margin-left:4%;
}

#tribe-events-content .tribe-events-loop .type-tribe_events{
    padding:20px 0;
    margin:0 8%;
}

#tribe-events-content .vevent.type-tribe_events{
    margin-bottom: 15px !important;
}

#tribe-events-content .vevent.type-tribe_events:hover{
    background-color: rgba(200,200,200,0.2);
}


#tribe-events-content .type-tribe_events:hover h2{
    color: #B00000;
}

span.tribe-events-list-separator-month {
    font-size: 24px;
    font-weight: bolder;
    text-transform: uppercase;
    display: block;
    text-align: center;
    border-bottom: 2px solid rgba(200, 200, 200, 0.4);
    margin: 0 8%;
    color: #B00000;
    margin-bottom:20px;
  }

#page .tribe-events-single-event-title{
    font-size: 34px;
    font-family: ralewaysemibold;
    font-weight: normal !important;
    color: rgb(50, 78, 102);
    text-align: left;
    text-transform: uppercase;
    margin-top:50px;
}

#page .tribe-events-single-event-title{
    margin-top:35px;
}

#page #tribe-events-content .tribe-events-schedule h3{
    margin:0;
    margin-bottom:20px;
    font-size: 1.2rem;
    color: rgb(176, 0, 0);
}

#page #tribe-events-bar{
    display: none;
}

#page #tribe-events-content{
    padding: 0;
}

.tribe-content p{
    font-size:14px;
    font-family: "Lato","Helvetica";
}

.tribe-events-list-event-title.summary{
    font-size:20px;
    text-transform:none;
    font-family: "ralewaysemibold";
    color: rgb(50,78,102);
}

address.tribe-events-address{
    margin:0;
}

.type-tribe_events .tribe-events-read-more{
    display: none;
}

#tribe-events-pg-template dd{
    margin: 0;
}

#tribe-events-pg-template .tribe-events-single-section-title{
    color:#B00000;
    margin:0;
}

#tribe-events-pg-template .tribe-events-single-section{
    margin-top:20px;
}

#tribe-events-pg-template .tribe-events-venue-map{
    border:solid 2px #B00000;
    border-radius:5px;
}

.single-tribe_events .tribe-events-venue-map {
   float: none;
}

.tribe-events-meta-group-details, .tribe-events-meta-group-organizer, .tribe-events-meta-group-venue, .single-tribe_events .tribe-events-venue-map{
    display: inline-block;
    width:49.5%;
    vertical-align: top;
}

#tribe-events-pg-template .tribe-events-meta-group-details{
    margin-bottom: 30px;
}

.tribe-events-back{
    margin-top: 0;
    margin-left: 160px;
}

.type-tribe_events .tribe-events-single-section .tribe-events-meta-group-gmap .tribe-events-venue-map{
    width: 49.5%;
    height:300px;
}

.type-tribe_events .tribe-events-single-section .tribe-events-meta-group-gmap .tribe-events-venue-map .gm-style{
    height:300px !important;
}

.type-tribe_events .tribe-events-single-section .tribe-events-meta-group-gmap .tribe-events-venue-map #tribe-events-gmap{
    background-color: transparent !important;
    padding-top: 63%;
}

.tribe-events-back a, .tribe-events-meta-group a, .tribe-events-read-more{
    color: rgb(50, 78, 102);
    text-decoration: none !important;
    font-size: 14px;
}

.tribe-events-meta-group a:hover, .tribe-events-read-more:hover{
    color: rgb(230, 68, 21);
    text-decoration: underline !important;
}

#page .tribe_events .tribe-events-single-event-description{
    padding-right: 5%;
}

.tribe-events-gcal.tribe-events-button, .tribe-events-ical.tribe-events-button, .tribe-events-back a{
    box-shadow: 0 0 0 2px rgba(39, 41, 43, 0.15) inset!important;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.6);
    font-family: "Lato",'Helvetica Neue',Arial,Helvetica,sans-serif;
    margin: 0 .25em 0 8%;
    padding: .8em 1.5em;
    font-weight: bolder;
    border-radius: .2857rem;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0) inset,0 0 0 0 rgba(39, 41, 43, 0.15) inset;
    -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    -webkit-tap-highlight-color: transparent;
}

.tribe-events-ical.tribe-events-button{
  display: none;
}

.single .tribe-events-back{
    margin-left: 0;
}

.tribe-events-gcal.tribe-events-button:hover, .tribe-events-ical.tribe-events-button:hover, .tribe-events-back a:hover{
    color:rgba(176,0,0,0.8);
    box-shadow: 0 0 0 2px rgba(176,0,0,0.8) inset!important;
}

.single-tribe_events #menu-item-710 a{
    color: rgb(230,68,21) !important;
}

.single-tribe_events #menu-item-723.menu-item a{
    color: rgb(230,68,21) !important;
    padding-left: 25px;
}

.single-tribe_events #menu-item-710 li a{
    color: black !important;
}

.single-tribe_events #menu-item-710 li a:hover{
    color: rgb(230,68,21) !important;
}

.page .mention_links{
    color:rgb(50,78,102);
    text-decoration: none;
}

.page .mention_links:hover{
    color:rgb(230,68,21);
    text-decoration: underline;
}

.events-category-finances a.tribe-events-read-more{
  display: none;
}

    /**
    *
    * 3.9.3 Communiqués financiers
    *
    **/
.category.category-comfinanciers h2, .category.category-comdepresse h2.ui.header, .category.category-80 h2{
  color: rgb(89, 89, 89);
text-align: center;
font-size: 1.75rem;
margin: 30px 150px;
border-bottom: solid 2px rgb(200, 200, 200);
font-weight: normal !important;
font-family: "ubuntumedium";
}

.category.category-comdepresse h2.ui.header{
  margin: 0 0 1rem 0;
  border: none;
  padding: .25em;
}

.category.category-comdepresse .ui.segment{
  padding: 0.25em .75em;
  margin: 0 .25em 1em .25em;
}
.category.category-comdepresse .ui.segment h3{
  margin:0;
  margin-bottom: .5rem;
}

.category.category-comfinanciers h3, .category.category-comdepresse h3, .category.category-80 h3 {
  font-family: "ralewaysemibold";
  font-weight: normal;
}

.category.category-comdepresse .ui.black.segment p{
  padding-right: 150px;
  font-family: "ralewayitalic";
  font-weight: normal;
}

.category.category-comdepresse .ui.segment .horodate{
  font-size: .75rem;
}

.category.category-comdepresse .ui.segment .black.button{
  font-size: .75rem;
  margin: 0 .25em 0 0;
  padding: .75rem 1rem;
  margin-top: -30px;
}

.category.category-comdepresse .ui.segment .black.button .fa.fa-plus{
  margin-right: 5px;
  font-size: .75rem;
}

.category.category-comfinanciers .ui.header.title, .category.category-80 .ui.header.title{
	font-weight: normal;
	font-size: 1.75rem;
	padding: .25em;
	font-family: "ubuntumedium";
}

.category.category-comfinanciers #content ul, .category.category-comdepresse #content ul, .category.category-80 #content ul{
  margin:10px 150px;
  list-style: none;
}

.category.category-comfinanciers .ui.basic.segment:first-child, .category.category-comdepresse .ui.basic.segment:first-child, .category.category-80 .ui.basic.segment:first-child{
  padding-top: inherit;
}

.category.category-comfinanciers .ui.basic.segment:last-child, .category.category-comdepresse .ui.basic.segment:last-child, .category.category-80 .ui.basic.segment:last-child{
  padding-bottom: inherit;
  margin-bottom: inherit;
}

.category.category-comfinanciers .ui.accordion:not(.styled) .title~.content:not(.ui):last-child, .category.category-comdepresse .ui.accordion:not(.styled) .title~.content:not(.ui):last-child, .category.category-80 .ui.accordion:not(.styled) .title~.content:not(.ui):last-child{
  padding-bottom: 1em;
}

.category.category-comfinanciers .ui.segment h3, .category.category-80 .ui.segment h3{
  margin: 0;
  font-family: "ralewaysemibold";
  font-size: 16px;
}

.category.category-comfinanciers .ui.segment .link_more, .category.category-80 .ui.segment .link_more{
  margin-top: -30px;
}

.category.category-comfinanciers .ui.segment, .category.category-80 .ui.segment{
  padding: 0;
  margin:15px 0;
}

.category.category-comfinanciers .ui.segment:first-of-type, .category.category-80 .ui.segment:first-of-type{
  margin-top: 0;
}

.category.category-comfinanciers .ui.segment .horodate, .category.category-comfinanciers .ui.segment .link_more, .category.category-80 .ui.segment .link_more{
  font-size: 12px;
}

.page #main .panel-group h3{
	margin: 15px 0 10px 0;
	font-size: 16px;
	color: rgb(176,0,0);
	background-color: rgb(89,89,89) !important;
	border-color: rgb(89,89,89) !important;
}

.page #main .panel-group h3:first-child{
	margin-top:0;
}

.page #main .panel-group p{
	margin-bottom: 10px; 
}


/**
* 4.0 - WEB ELEMENTS
**/
    /**
    * 4.1 -> Widget
    **/
    
.home .container_12 .grid_4 h3{
    text-align: center;
}

.home .container_12 .title-news{
    color:rgb(50,78,102) !important;
}

.home .container_12 .title-news:hover{
    color:rgb(233,79,14) !important;
}

.container_12 .grid_4 .widget table{
    text-align: center;
}

.container_12 .grid_4 .widget table caption{
    text-align: center;
    color: black;
}

.tribe-events-list-widget h1{
    display: none;
}

.tribe-events-list-widget h4{
    margin: 0;
    line-height: inherit;
}

body.home #page .tribe-events-list-widget h4{
    color: rgb(50,78,102);
    font-size:14px;
    font-family: 'Muli';
    text-transform: inherit;
    font-weight:bolder;
    margin:0;
}

.tribe-events-list-widget-events:hover h4{
    color: rgb(230,68,21);
}

.tribe-events-list-widget p{
    margin: 0;
    font-size: 12px;
    color: rgb(89,89,89);
}

.date_event{
    display: inline-block;
    width: 15%;
    height: 50px;
    vertical-align: middle;
    padding-right: 5px;
    cursor: default;
}

.content_event{
    display: inline-block;
    width: 79%;
    padding: 2.5px;
    vertical-align: middle;
    background: none;
}

.day_event,.month_event{
    display: block;
    text-align: center;
}

.day_event{
  height: 25px;
  background-color: rgb(255, 255, 255);
  line-height: 25px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: solid 1px rgb(43,60,75);
  font-size: 20px;
  font-family: 'Muli';
  font-weight: bolder;
  color: rgb(43,60,75);
  border-bottom: none;
}

.month_event{
    height: 22px;
    line-height: 20px;
    background-color: rgb(233, 68, 21);
    color: white;
    border-bottom-left-radius:3px;
    border-bottom-right-radius: 3px;
    font-family: 'Muli';
    font-weight: bolder;
    font-size: 14px;
}

.tribe-events-list-widget .tribe-events-list-widget-events{
    margin-bottom: 0 !important;
}


.tribe-events-widget-link{
    display: block;
    font-size: 14px !important;
    text-align: center;
    margin-top: 20px !important;
}

.tribe-events-widget-link a, #goAubayTV, #goTwitter{
    border-radius: 5px;
    border: solid 1px rgba(200,200,200,0.5);
}

.tribe-events-widget-link .fa-plus{
    margin-right: 9px;
}

.var-narrow .timeline-header{
    background-color: red !important;
}

#goAubayTV .fa-plus, #goTwitter .fa-plus{
    margin-right: 9px;
}

.linkAubayTV{
    margin-top: 5px !important;
}

    /**
    * 4.2 - Audio/Video
    **/
    
    /**
    * 4.3 - Semantic
    **/
#main-content .ui.steps .step.active .title, .main-content .ui.steps .step.active:before, #main-content .ui.steps .step.completed:before{
  color: rgb(0,153,110) !important;
}

.page-parent .ui.huge.message, .singular .ui.huge.message, .page-child .ui.huge.message, .category .ui.huge.message, .tribe-events-page-template #page .ui.huge.message, .search .ui.huge.message{
  font-size: 2.428571em;
  background-color: white;
  padding-left: 8%;
  padding-right: 8%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border:none;
  box-shadow: none;
  margin-bottom: 0;
  text-align: center;
}

.tribe-events-page-template #page .ui.huge.message header{
  margin-bottom: 20px;
}

.page-parent.page .ui.huge.message .entry-header, .singular .ui.huge.message .entry-header, .page-child.page .ui.huge.message .entry-header, .category .ui.huge.message .entry-header, .tribe-events-page-template #page .ui.huge.message .entry-header{
  padding: 0;
  margin-bottom: 0;
  text-align: center;
  background: none;
}

.page-parent.page .ui.huge.message h1, .singular .ui.huge.message h1, .page-child.page .ui.huge.message h1, .category .ui.huge.message h1, .tribe-events-page-template #page .ui.huge.message h2.tribe-events-page-title{
  color: rgb(50, 78, 102);  
  text-align: center;
}

.page-parent .ui.huge.message hr, .singular .ui.huge.message hr, .page-child .ui.huge.message hr, .category .ui.huge.message hr, .tribe-events-page-template #page .ui.huge.message hr, .search .ui.huge.message hr{
  background-color: rgb(50, 78, 102);
  height: 5px;
  width: 300px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
}

.plus_home .ui.basic.button, .link-jobs .ui.basic.button{
padding: 15px;
text-decoration: none;
font-size: 14px;
}

.plus_home .ui.basic.button i, .link-jobs .ui.basic.button i{
margin-right: 10px;
font-size: 14px;
}

.plus_home .ui.basic.button.pink{
margin-top: 0px;
}

.plus_home .ui.basic.button.pink:hover{
box-shadow:0 0 0 2px rgba(140,31,61,0.75) inset!important;
color: rgba(140,31,61,0.75) !important;
}

.home .ui.basic.orange.button:hover, .home .ui.basic.inverted.orange.button:hover, #page .ui.basic.orange.button:hover, #page .ui.basic.inverted.orange.button:hover{
    box-shadow:0 0 0 2px #E64415 inset!important;
    color: #E64415 !important;
}

.home .ui.basic.orange.button i{
    margin-right:10px;
}


    /**
    * 4.4 - Icons
    **/

#hautdepage i{
  font-size: 16px;
  color: rgb(50,78,102);
}

#hautdepage button:hover i{
  color:rgb(230,68,21);
}

i{
  font-family: 'fontawesome' !important;
  font-size: 16px;
}
  
    /**
    * 4.5 - Scroll down
    **/

#scrollDown{
  position: absolute;
  left:49%;
  text-align: center;
  z-index: 10;
}

#scrollDown i{
  font-size: 26px;
  padding: 5px;
  border-radius:25px;
  background-color: black;
  color: white;
}

#scrollDown span{
  font-size: 16px;
}

    /**
    * 4.6 - Scroll top
    **/

#hautdepage{
    position: absolute;
    bottom: 35px;
    right: 100px;
    z-index: 1;
}

#hautdepage button:hover + span{
    color: #E94F0E;
}

#hautdepage button{
  padding:0;
  background-color: #DDDDDD;
}

#hautdepage span{
    line-height: 20px;
    color: white;
    font-size:12px;
}


    /**
    * 4.7 - Breadcrumb
    **/

.breadcrumb{
  margin-top: 30px;
}

.home .breadcrumb, .tribe-events-page-template .breadcrumb{
  display: none;
}

.ui.segment.inverted.breadcrumb{
  display: block;
  text-align: center;
  background-color: rgb(43,60,75) !important;
  margin:0;
  padding:1.5em 0.5em;
  border-radius: 0;
}

.ui.segment.breadcrumb p{
  margin: 0;
  margin-right: 5px;
  display: inline-block;
	color: rgb(255,255,255);
}

.ui.segment.breadcrumb p i{
  margin-right: 5px;
  font-size: 20px;
  color: rgb(230,68,21);
}

.ui.segment.breadcrumb span a{
  color: rgb(230,68,21);
}

.breadcrumb{
  font-size: 12px;
  display: inline-block;
}

.breadcrumb a{
  color: rgb(50,78,102);
}
.breadcrumb a:hover{
  color: rgb(233,79,14);
  text-decoration: underline;
}

.breadcrumb{
  margin-top:0;
  margin-left:160px;
}

    /**
    * 4.8 - Carousel
    **/
#slider_wraper{
  background-color: rgb(220,220,220);
  -moz-box-shadow: 0px 0px 10px 2px #656565;
  -webkit-box-shadow: 0px 0px 10px 2px #656565;
  -o-box-shadow: 0px 0px 10px 2px #656565;
  box-shadow: 0px 0px 10px 2px #656565;

}

#slider_wraper .ms-slide-info .ms-info
{
  position: absolute;
}

#slider_wraper .ms-slide-info.ms-dir-h{
  margin-top:0px !important;
  position: absolute !important;
  top: 0;
  right: 0;
  width: 30%;
  height: 380px;
  padding-top: 120px;
  background-color: rgba(0,0,0,.7);
}

#slider_wraper .ms-slide-info.ms-dir-h h2{
  font-size: 24px;
  color: white !important;
  margin: 0px 0px 15px 0px;
  font-family: 'ralewaysemibold';
  font-weight:normal;
  color:rgb(50,78,102);
  text-transform: uppercase;
  padding-left: 15px;
}

#slider_wraper .ms-slide-info.ms-dir-h p{
  font-size: 14px;
  color: white !important;
  line-height: 1.5;
  padding:0 15px;
  margin-bottom:0;
  min-height: 70px;
  font-family: "Lato";
  font-weight: normal;
}

#slider_wraper .ms-slide-info.ms-dir-h a.ui.button{
  margin-top: 15px;
  margin-left: 15px;
  padding: 0.8em 1em;
}

#slider_wraper .ms-skin-light-5 .ms-nav-next{
  top: 450px;
  right: 25px;
  left:inherit;
  bottom: inherit;
}

#slider_wraper .ms-skin-light-5 .ms-nav-prev{
  top: 450px;
  right: 65px;
  left:inherit;
  bottom: inherit;
}

#slider_wraper .ms-skin-light-5 .ms-nav-next:hover, #slider_wraper .ms-skin-light-5 .ms-nav-prev:hover{
  background-color: rgb(89,89,89);
}

.page #main .jsn-bootstrap3 .carousel .carousel-content{
  text-align: center;
}

.page #main .jsn-bootstrap3 .carousel .carousel-control span.icon-arrow-right{
  right: 0;
}

.page #main .jsn-bootstrap3 .carousel .carousel-control span.icon-arrow-left{
  left:0;
}

.page #main .jsn-bootstrap3 .carousel ol.carousel-indicators{
  display: none;
}

    
    /**
    * 4.9 - Search
    **/

 .search-toggle:before{
  color: rgb(255,255,255) !important;
 }

.bloc-search .search-toggle, .bloc-search .search-box{
  background-color: inherit !important;
}

.search-box-wrapper{
  padding-left: 2px;
}

#search-container.hide{
  display: none!important;
}

.search-box-wrapper
{
  width:inherit;
  position: inherit;
}

.screen-reader-text{
  display: none;
}

.search-submit{
  display: none;
}

#search-container{
  display: inline-block !important;
  width:75%;
  vertical-align: top;
}

.search-toggle{
  float:none;
  width: inherit;
  display: inline-block;
  height: inherit;
  background: none !important;
}

.search-toggle:before{
  margin: 0 !important;
  font-size: 25px !important;
}

.search-box .search-field {
  float: none;
  border-radius: 5px;
  font-size: 14px;
  padding: 5px 5px 5px 10px;
  line-height: 15px;
  border: solid 1px rgb(200, 200, 200);
  width: 100%;
}

.search-box{
  padding: 0px;
}

.bloc-search{
  display: inline-block;
  width:15%;
  vertical-align: sub;
}

.bloc-search .search-toggle:before{
  margin-top: 15px;
  font-size: 20px;
  font-weight: normal;
}


/**
* 5.0 - TABLES
**/

/**
* 6.0 - IMAGES
**/

.logo-news{
  display: inline-block;
  line-height: 25px;
}

.title-news h3{
  display: inline-block;
  margin: 0;
  width:100%;
  line-height: 25px;
  vertical-align: top;
  font-size: 16px;
  text-align: left !important;
}

.news-date{
  font-size:16px;
  font-family: 'ralewaythin_italic';
}

.news p{
  margin: 0;
  font-family: 'ralewaythin_italic';
  color:rgb(128,128,128);
  font-size:14px;
}

.news{
  margin-top: 25px;
}


/**
* 7.0 - GALLERIES
**/

    /**
    * 7.1 - AMMAP
    **/ 

.app-map-left {
    background-image: url(../images/map_shadow_left.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    float: left;
    width: 5%;
    height: 550px;
}

.app-map-right {
    background-image: url(../images/map_shadow_right.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    float: right;
    width: 5%;
    height: 550px;
}

.app-map-bottom {
    background-image: url(../images/map_shadow_bottom.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    height: 48px;
    margin: 0 5%;
}
.app-map-center{
    background-image: url(../images/map_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: auto;
    overflow: hidden;
    margin: 0 5%;
    padding: 17px;
}

.ammapDescriptionWindow{
    background-color: rgba(255, 255, 255,0.8);
    z-index: 50;
    border: 2px solid rgba(243, 130, 10, 0.8);
    -moz-box-shadow: 0px 3px 5px 0px #656565;
}

.ammapDescriptionText,.ammapDescriptionTitle{
    color: black;
    font-family: 'ubuntumedium' !important;
    padding-left: 10px;
}

.ammapDescriptionWindow .ammapDescriptionText p{
    font-size: 12px;
    color: black;
    margin-bottom: 10px;
}

.ammapDescriptionText a{
    color:#3A5065;
}

.ammapDescriptionText a:hover{
    color:#E94F0E;
}

.ammapDescriptionWindowCloseButton{
    margin-right: 2px;
    margin-top: 0px;
    border-radius: 5px;
}

.ammapDescriptionWindowCloseButton:hover{
    cursor: pointer;
}

.ammapDescriptionTitle{
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    background-color: rgba(243, 130, 10, 0.8);
    -webkit-box-shadow: 0px 3px 5px 0px #656565;
    -o-box-shadow: 0px 3px 5px 0px #656565;
    box-shadow: 0px 3px 5px 0px #656565;
    margin-bottom: 5px;
}

/**
* 9.0 - FONT-FACE
**/

    /**
    * 9.1 - Ubuntu
    **/

@font-face {
    font-family: 'ubuntulight';
    src: url('font/ubuntu-l-webfont.eot');
    src: url('font/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ubuntu-l-webfont.woff2') format('woff2'),
         url('font/ubuntu-l-webfont.woff') format('woff'),
         url('font/ubuntu-l-webfont.ttf') format('truetype'),
         url('font/ubuntu-l-webfont.svg#ubuntulight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubuntulight_italic';
    src: url('font/ubuntu-li-webfont.eot');
    src: url('font/ubuntu-li-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ubuntu-li-webfont.woff2') format('woff2'),
         url('font/ubuntu-li-webfont.woff') format('woff'),
         url('font/ubuntu-li-webfont.ttf') format('truetype'),
         url('font/ubuntu-li-webfont.svg#ubuntulight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubuntumedium';
    src: url('font/ubuntu-m-webfont.eot');
    src: url('font/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ubuntu-m-webfont.woff2') format('woff2'),
         url('font/ubuntu-m-webfont.woff') format('woff'),
         url('font/ubuntu-m-webfont.ttf') format('truetype'),
         url('font/ubuntu-m-webfont.svg#ubuntumedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubuntubold';
    src: url('font/ubuntu-b-webfont.eot');
    src: url('font/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ubuntu-b-webfont.woff2') format('woff2'),
         url('font/ubuntu-b-webfont.woff') format('woff'),
         url('font/ubuntu-b-webfont.ttf') format('truetype'),
         url('font/ubuntu-b-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubuntu_condensedregular';
    src: url('font/ubuntu-c-webfont.eot');
    src: url('font/ubuntu-c-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ubuntu-c-webfont.woff2') format('woff2'),
         url('font/ubuntu-c-webfont.woff') format('woff'),
         url('font/ubuntu-c-webfont.ttf') format('truetype'),
         url('font/ubuntu-c-webfont.svg#ubuntu_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubuntubold_italic';
    src: url('font/ubuntu-bi-webfont.eot');
    src: url('font/ubuntu-bi-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ubuntu-bi-webfont.woff2') format('woff2'),
         url('font/ubuntu-bi-webfont.woff') format('woff'),
         url('font/ubuntu-bi-webfont.ttf') format('truetype'),
         url('font/ubuntu-bi-webfont.svg#ubuntubold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubuntuitalic';
    src: url('font/ubuntu-ri-webfont.eot');
    src: url('font/ubuntu-ri-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ubuntu-ri-webfont.woff2') format('woff2'),
         url('font/ubuntu-ri-webfont.woff') format('woff'),
         url('font/ubuntu-ri-webfont.ttf') format('truetype'),
         url('font/ubuntu-ri-webfont.svg#ubuntuitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubunturegular';
    src: url('font/ubuntu-r-webfont.eot');
    src: url('font/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ubuntu-r-webfont.woff2') format('woff2'),
         url('font/ubuntu-r-webfont.woff') format('woff'),
         url('font/ubuntu-r-webfont.ttf') format('truetype'),
         url('font/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

    /**
    * 9.2 - Neris
    **/

@font-face {
    font-family: 'nerissemibold';
    src: url('font/neris-semibold-webfont.eot');
    src: url('font/neris-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/neris-semibold-webfont.woff2') format('woff2'),
         url('font/neris-semibold-webfont.woff') format('woff'),
         url('font/neris-semibold-webfont.ttf') format('truetype'),
         url('font/neris-semibold-webfont.svg#nerissemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nerislight';
    src: url('font/neris-light-webfont.eot');
    src: url('font/neris-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/neris-light-webfont.woff2') format('woff2'),
         url('font/neris-light-webfont.woff') format('woff'),
         url('font/neris-light-webfont.ttf') format('truetype'),
         url('font/neris-light-webfont.svg#nerislight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nerisblack_italic';
    src: url('font/neris-blackitalic-webfont.eot');
    src: url('font/neris-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/neris-blackitalic-webfont.woff2') format('woff2'),
         url('font/neris-blackitalic-webfont.woff') format('woff'),
         url('font/neris-blackitalic-webfont.ttf') format('truetype'),
         url('font/neris-blackitalic-webfont.svg#nerisblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nerisblack';
    src: url('font/neris-black-webfont.eot');
    src: url('font/neris-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/neris-black-webfont.woff2') format('woff2'),
         url('font/neris-black-webfont.woff') format('woff'),
         url('font/neris-black-webfont.ttf') format('truetype'),
         url('font/neris-black-webfont.svg#nerisblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nerislight_italic';
    src: url('font/neris-lightitalic-webfont.eot');
    src: url('font/neris-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/neris-lightitalic-webfont.woff2') format('woff2'),
         url('font/neris-lightitalic-webfont.woff') format('woff'),
         url('font/neris-lightitalic-webfont.ttf') format('truetype'),
         url('font/neris-lightitalic-webfont.svg#nerislight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nerisbold_italic';
    src: url('font/neris-bolditalic-webfont.eot');
    src: url('font/neris-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/neris-bolditalic-webfont.woff2') format('woff2'),
         url('font/neris-bolditalic-webfont.woff') format('woff'),
         url('font/neris-bolditalic-webfont.ttf') format('truetype'),
         url('font/neris-bolditalic-webfont.svg#nerisbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'neristhin';
    src: url('font/neris-thin-webfont.eot');
    src: url('font/neris-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/neris-thin-webfont.woff2') format('woff2'),
         url('font/neris-thin-webfont.woff') format('woff'),
         url('font/neris-thin-webfont.ttf') format('truetype'),
         url('font/neris-thin-webfont.svg#neristhin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'neristhin_italic';
    src: url('font/neris-thinitalic-webfont.eot');
    src: url('font/neris-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/neris-thinitalic-webfont.woff2') format('woff2'),
         url('font/neris-thinitalic-webfont.woff') format('woff'),
         url('font/neris-thinitalic-webfont.ttf') format('truetype'),
         url('font/neris-thinitalic-webfont.svg#neristhin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nerissemibold_italic';
    src: url('font/neris-semibolditalic-webfont.eot');
    src: url('font/neris-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/neris-semibolditalic-webfont.woff2') format('woff2'),
         url('font/neris-semibolditalic-webfont.woff') format('woff'),
         url('font/neris-semibolditalic-webfont.ttf') format('truetype'),
         url('font/neris-semibolditalic-webfont.svg#nerissemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

    /**
    * 9.3 - Open sans
    **/

@font-face {
    font-family: 'Open Sans', sans-serif;
}

    /**
    * 9.4 - Raleway
    **/

@font-face {
    font-family: 'ralewaylight';
    src: url('font/raleway-light-webfont.eot');
    src: url('font/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-light-webfont.woff2') format('woff2'),
         url('font/raleway-light-webfont.woff') format('woff'),
         url('font/raleway-light-webfont.ttf') format('truetype'),
         url('font/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaybold_italic';
    src: url('font/raleway-bolditalic-webfont.eot');
    src: url('font/raleway-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-bolditalic-webfont.woff2') format('woff2'),
         url('font/raleway-bolditalic-webfont.woff') format('woff'),
         url('font/raleway-bolditalic-webfont.ttf') format('truetype'),
         url('font/raleway-bolditalic-webfont.svg#ralewaybold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextralight_italic';
    src: url('font/raleway-extralightitalic-webfont.eot');
    src: url('font/raleway-extralightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-extralightitalic-webfont.woff2') format('woff2'),
         url('font/raleway-extralightitalic-webfont.woff') format('woff'),
         url('font/raleway-extralightitalic-webfont.ttf') format('truetype'),
         url('font/raleway-extralightitalic-webfont.svg#ralewayextralight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaybold';
    src: url('font/raleway-bold-webfont.eot');
    src: url('font/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-bold-webfont.woff2') format('woff2'),
         url('font/raleway-bold-webfont.woff') format('woff'),
         url('font/raleway-bold-webfont.ttf') format('truetype'),
         url('font/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayitalic';
    src: url('font/raleway-italic-webfont.eot');
    src: url('font/raleway-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-italic-webfont.woff2') format('woff2'),
         url('font/raleway-italic-webfont.woff') format('woff'),
         url('font/raleway-italic-webfont.ttf') format('truetype'),
         url('font/raleway-italic-webfont.svg#ralewayitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextralight';
    src: url('font/raleway-extralight-webfont.eot');
    src: url('font/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-extralight-webfont.woff2') format('woff2'),
         url('font/raleway-extralight-webfont.woff') format('woff'),
         url('font/raleway-extralight-webfont.ttf') format('truetype'),
         url('font/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaymedium_italic';
    src: url('font/raleway-mediumitalic-webfont.eot');
    src: url('font/raleway-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-mediumitalic-webfont.woff2') format('woff2'),
         url('font/raleway-mediumitalic-webfont.woff') format('woff'),
         url('font/raleway-mediumitalic-webfont.ttf') format('truetype'),
         url('font/raleway-mediumitalic-webfont.svg#ralewaymedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayblack_italic';
    src: url('font/raleway-blackitalic-webfont.eot');
    src: url('font/raleway-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-blackitalic-webfont.woff2') format('woff2'),
         url('font/raleway-blackitalic-webfont.woff') format('woff'),
         url('font/raleway-blackitalic-webfont.ttf') format('truetype'),
         url('font/raleway-blackitalic-webfont.svg#ralewayblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayblack';
    src: url('font/raleway-black-webfont.eot');
    src: url('font/raleway-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-black-webfont.woff2') format('woff2'),
         url('font/raleway-black-webfont.woff') format('woff'),
         url('font/raleway-black-webfont.ttf') format('truetype'),
         url('font/raleway-black-webfont.svg#ralewayblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextrabold_italic';
    src: url('font/raleway-extrabolditalic-webfont.eot');
    src: url('font/raleway-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-extrabolditalic-webfont.woff2') format('woff2'),
         url('font/raleway-extrabolditalic-webfont.woff') format('woff'),
         url('font/raleway-extrabolditalic-webfont.ttf') format('truetype'),
         url('font/raleway-extrabolditalic-webfont.svg#ralewayextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaysemibold_italic';
    src: url('font/raleway-semibolditalic-webfont.eot');
    src: url('font/raleway-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-semibolditalic-webfont.woff2') format('woff2'),
         url('font/raleway-semibolditalic-webfont.woff') format('woff'),
         url('font/raleway-semibolditalic-webfont.ttf') format('truetype'),
         url('font/raleway-semibolditalic-webfont.svg#ralewaysemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaythin_italic';
    src: url('font/raleway-thinitalic-webfont.eot');
    src: url('font/raleway-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-thinitalic-webfont.woff2') format('woff2'),
         url('font/raleway-thinitalic-webfont.woff') format('woff'),
         url('font/raleway-thinitalic-webfont.ttf') format('truetype'),
         url('font/raleway-thinitalic-webfont.svg#ralewaythin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaymedium';
    src: url('font/raleway-medium-webfont.eot');
    src: url('font/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-medium-webfont.woff2') format('woff2'),
         url('font/raleway-medium-webfont.woff') format('woff'),
         url('font/raleway-medium-webfont.ttf') format('truetype'),
         url('font/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayregular';
    src: url('font/raleway-regular-webfont.eot');
    src: url('font/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-regular-webfont.woff2') format('woff2'),
         url('font/raleway-regular-webfont.woff') format('woff'),
         url('font/raleway-regular-webfont.ttf') format('truetype'),
         url('font/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewayextrabold';
    src: url('font/raleway-extrabold-webfont.eot');
    src: url('font/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-extrabold-webfont.woff2') format('woff2'),
         url('font/raleway-extrabold-webfont.woff') format('woff'),
         url('font/raleway-extrabold-webfont.ttf') format('truetype'),
         url('font/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaythin';
    src: url('font/raleway-thin-webfont.eot');
    src: url('font/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-thin-webfont.woff2') format('woff2'),
         url('font/raleway-thin-webfont.woff') format('woff'),
         url('font/raleway-thin-webfont.ttf') format('truetype'),
         url('font/raleway-thin-webfont.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaylight_italic';
    src: url('font/raleway-lightitalic-webfont.eot');
    src: url('font/raleway-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-lightitalic-webfont.woff2') format('woff2'),
         url('font/raleway-lightitalic-webfont.woff') format('woff'),
         url('font/raleway-lightitalic-webfont.ttf') format('truetype'),
         url('font/raleway-lightitalic-webfont.svg#ralewaylight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('font/raleway-semibold-webfont.eot');
    src: url('font/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/raleway-semibold-webfont.woff2') format('woff2'),
         url('font/raleway-semibold-webfont.woff') format('woff'),
         url('font/raleway-semibold-webfont.ttf') format('truetype'),
         url('font/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

@font-face{
  font-family: 'Geo Sans';
  src: url('font/geosanslight-webfont.eot');
  src: url('font/geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
       url('font/geosanslight-webfont.woff2') format('woff2'),
       url('font/geosanslight-webfont.woff') format('woff'),
       url('font/geosanslight-webfont.ttf') format('truetype'),
       url('font/geosanslight-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


/** VERSION TABLETTE **/

@media all and (max-width: 860px){

	

}

/********************************************************************** 
*                                                                     *
*                            A TRAITER                                *
*                                                                     *
**********************************************************************/

@media all and (max-width: 860px){
  
  #site-header img{
    width:100px;
    height:100px;
  }

  .bann h1{
    margin-left: 11rem;
  }

  .bloc-search{
    margin-left: 5rem;
  }

  .header-main{
    margin-top: 0;
  }

  .search-box{
    background-color: #E94F0E;
  }

  .search-toggle,.search-toggle:hover, .search-toggle.active{
    background-color: #E94F0E;
  }

  .search-box-wrapper{
    width:82%;
  }

  footer #footer-sidebar aside.widget{
    margin-bottom: 10px;
  }

  #secondary{
    border:none;
  }

}

#bigcalendar1 .week_days{
  font-size: 20px !important;
}

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

/*TABLETTE*/
@media all and (min-width: 760px) and (max-width: 1020px) {
	
	#hautdepage{
		display: none;
	}
	
	#colophon{
		height: auto;
	}

	#colophon aside{
		display: inline-block;
		width: 50%;
		vertical-align: top;
	}

	#page footer #nav_menu-3 h1
	{
		padding: 0;
		padding-left: 105px;
	}

	footer #footer-sidebar #nav_menu-3 ul li{
		border: none;
		padding: 0;
	}

	footer #contact_footer p #adresse_siege{
		font-size: 10px;
	}

	footer #contact_footer p .fa{
		margin-right: 5px;
	}


	footer span{
		font-size: 11px;
	}


}

 
/** ON PARLE D'AUBAY **/  
.category-9 #page #main h2, .category-83 #page #main h2{
	font-size: 2.5em;
	text-align: center;
	color: rgb(43, 60, 75);
	font-family: Muli;
	margin:0 0 1em 0;
}

.category-9 #page #main .ui.orange, .category-83 #page #main .ui.orange{
	color:rgb(230,68,21);
	border-top: 2px solid rgb(230, 68, 21);
}

.category-9 #page #main .ui.basic.blue.button:hover, .category-83 #page #main .ui.basic.blue.button:hover{
    box-shadow: 0 0 0 2px rgb(43, 60, 75) inset!important;
    color: rgb(43, 60, 75)!important;
}

.category-9 #page #main .ui.basic.segment h3, .category-83 #page #main .ui.basic.segment h3{
	color : rgb(43,60,75);
	font-size:1.25em;
	font-family:"Muli";
    margin: 0.5em 0 0.25em 0;
}

.category-9 #page #main .ui.basic.segment p, .category-83 #page #main .ui.basic.segment p{
	color : rgb(43,60,75);
	font-size: 1.125em;
	font-family: "Lato";
	margin-bottom: 10px;
}

.category-9 #page #main .ui.basic.segment .ui.segment, .category-83 #page #main .ui.basic.segment .ui.segment{
	margin-bottom: 2em;
	padding:0.5em 1.5em;
}

/*TELEPHONE*/
@media all and (max-width: 760px) {

  .category.category-comdepresse .ui.black.segment h3, .category.category-comfinanciers .ui.black.segment h3{
    font-size: 1rem;
  }

  .category.category-comdepresse .ui.black.segment p, .category.category-comfinanciers .ui.black.segment p{
    padding-right: 20px;
    font-family: "ralewayitalic";
    font-weight: normal;
     font-size: .75rem; 
  }

  .category.category-comfinanciers .ui.black.segment a.link_more, .category.category-comdepresse .ui.segment a.black.button{
    margin-top: 0;
  }

	#page .site-main .entry-content{
		padding: 0;
	}

	.entry-content .jsn-bootstrap3 .col-md-6{
		padding: 0 !important;
	}

	#hautdepage{
		display: none;
	}
	
	#colophon{
		height: auto;
	}

	#colophon aside{
		display: inline-block;
		width: 50%;
		vertical-align: top;
	}

	#page footer #nav_menu-3 h1
	{
		padding: 0;
		padding-left: 25px;
	}

	footer #footer-sidebar #nav_menu-3 ul li{
		border: none;
		padding: 5px 10px;
	}

	footer .widget .menu-menu_reseaux-container{
		margin-top: 0;
	}

	footer #contact_footer p #adresse_siege{
		font-size: 10px;
	}

	footer #contact_footer p .fa{
		margin-right: 5px;
	}

	nav.secondary-navigation ul li a{
		padding: 5px;
		font-size: 10px;
	}

	nav.secondary-navigation ul{
		margin-top: 5px;
	}

	.ui.segment.inverted.breadcrumb{
		padding: 0.75em 0.5em;
	}

	.copyright_Aubay{
		font-size: 12px;
	}

	footer span{
		font-size: 11px;
	}

	footer span a{
		font-size: 10px;
	}

	/** GLOBAL **/

  .page-parent .ui.huge.message, .singular .ui.huge.message, .page-child .ui.huge.message, .category .ui.huge.message, .tribe-events-page-template #page .ui.huge.message
  {
    padding-left: 5%;
    padding-right: 5%;
  }

  .category.category-comfinanciers #content ul, .category.category-comdepresse #content ul, .category.category-comfinanciers h2, .category.category-comdepresse h2{
    margin:10px 25px;
  }


  .tribe-events-gcal.tribe-events-button, .tribe-events-ical.tribe-events-button, .tribe-events-back a {
    margin: 0 .25em 0 0;
    padding: .4em .75em;
    font-size: 12px;
  }

	.header-background .links-people{
		display: none;
	}

	#page #main h1{
		font-size: 2rem !important;
	}

  #main h4{
    font-size: 1.5rem;
  }

	.site-header{
		height: auto;
		min-height: 55px;
	}
	
	#site-header, .sticked #site-header{
		top: 2px;
		left: 5px;
	}

	#site-header img{
		width:50px;
		height: 50px;
	}

	.menu-toggle{
		top: 2px;
		right: 5px;
	}

	.bloc-search{
		display: none;
	}

	.primary-navigation.toggled-on{
		padding: 53px 0 0 0;
		width: 100%;
		text-align: left;
	}

	.primary-navigation ul li{
		height: auto;
		border-bottom: solid 2px rgb(230,68,21);
	}

	.primary-navigation ul li.active{
		border:none;
	}


	.primary-navigation ul li:last-child{
		border: none;
	}

	.primary-navigation ul li a:before{
		font-family: "fontawesome";
 		content : "\f055";
		float:right;
 		font-size: 16px;
 	}

	.primary-navigation ul li.active a{
		color: rgb(230,68,21);
	} 	

 	.primary-navigation ul li.active a:before{
		font-family: "fontawesome";
 		content : "\f056";
		float:right;
 		font-size: 16px;
 	}

	.primary-navigation ul ul{
		width: 100%;
		top:inherit;
		padding:0;
		margin: 0;
		box-shadow: none;
		display: none;
		border-bottom: solid 2px rgb(230, 68, 21);
		border-top: none;
	}

	.primary-navigation ul li:last-child.active ul{
		border-bottom:none;
	}


	.primary-navigation ul ul.opened{
		display: block;
	}

	.primary-navigation ul ul li a:before{
		display: none;
	}

	.primary-navigation ul#menu-menu_top li a, .primary-navigation ul#menu-menu_top-en li a{
		padding:5px 10px !important;
	}

	.primary-navigation ul#menu-menu_top ul li a{
		padding: 10px 20px !important;
	}

	.single footer .widget h1{
		padding-left: 20px;
	}

	/** EQUIPE DIRIGEANTE **/
	
	#page .content .cards .card, #page .content .card{
		float: none;
		margin: 20px auto;
	}

	#page #conseil{
		text-align: left;
	}


	/** CULTURE **/

	.jsn-bootstrap3 .ui.move.reveal .hidden.content div h2{
		font-size: 18px;
	}

	.jsn-bootstrap3 .ui.move.reveal .hidden.content div ul li{
		font-size: 10px;
		margin:15px;
	}

	/** Process **/
	
	.wr_text .ui.ordered.steps .step{
		width: 95%;
	}

	.wr_text .ui.ordered.steps .step:after{
		border-left: 2px solid rgba(0, 153, 110, 0.8) !important;
		border-bottom: 2px solid rgba(0, 153, 110, 0.8) !important;
		border-right: none;
		top: 99%;
		right: 50%;
	}

	.ui.large.steps .completed.step, .ui.large.steps .active.step {
		padding-left: 2em;
	}

	#page .ui.steps .step:first-child{
		border-radius: .2857rem .2857rem 0 0;
	}

	#page .ui.steps .step:last-child {
		border-radius: 0 0 .2857rem .2857rem;
	}

	/** POSTE **/
	
	.single_job_listing .ui.green.segment .meta li{
		font-size: 10px;
		margin: 0 0.25em 0 0;
		padding:.25em;
	}

	.single-job_listing #page header.entry-header h1.entry-title {
		line-height: 60px;
	}

	.job_filters .job_types li{
		list-style: none;
	}
	

	/**  HOMEPAGE **/

	#slider_wraper .ms-slide-info.ms-dir-h{
		margin-top: inherit !important;
		position: relative !important;
		top: inherit;
		right: inherit;
		width: 100%;
		height: auto;
		padding: 0;
	}

	#slider_wraper .ms-skin-light-5 .ms-nav-prev{
		top: 100px;
		right: 65px;
	}

	#slider_wraper .ms-skin-light-5 .ms-nav-next{
		top: 100px;
		right: 25px;
	}

	#slider_wraper .ms-slide-info.ms-dir-h h2{
		font-size: 18px;
		padding-top: 5px;
		margin-bottom: 5px;
	}

	#slider_wraper .ms-slide-info.ms-dir-h p{
		font-size: 11px;
	}

	#slider_wraper .ms-slide-info.ms-dir-h a.ui.button{
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#slider_wraper .ms-slide-info .ms-info{
		position: relative;
	}

	#slider_wraper .ms-slide-info.ms-dir-h a.ui.button{
		font-size: 12px;
	}

	#slider_wraper .ms-slide-info.ms-dir-h a.ui.button i.fa-plus{
		font-size: 12px;
	}

	.home h3.title_element{
		font-size: 28px !important;
	}

	.home .title_element{
		font-size: 32px !important;
	}
	
	#panorama{
		background: none;
		padding: 0 !important;
		height: auto;
	}

	#panorama .col-md-3.col-sm-3.col-xs-12{
		width: 50%;
	}

	.home.page .jsn-bootstrap3 p{
		font-size: 12px;
	}

	.home.page #page .jsn-bootstrap3 .wr_text p.compteur, #page .jsn-bootstrap3 .wr_text p span.compteur, #page .jsn-bootstrap3 .wr_text p.pano{
		font-size: 5vw !important;
		line-height: 7vw !important;
	}

	#panorama p{
		font-size: 2vw !important;
	}

	.home .bubble-home{
		padding-top: 7vw;
	}

	#page #contact_footer p, #menu-menu_footer li{
		display:block;
	}

	.container_12 .grid_4{
		width: 85%;
		margin: 0 auto !important;
		margin-top: 20px !important;
	}

	.home article{
		margin-bottom: 0;
	}

	.home .site-content .test{
		margin-top: 20px;
	}

	.content_event{
		text-align: left;
	}

	#page .tribe-events-list-widget h4{
		font-size: 12px;
	}

	.content_event p{
		font-size: 10px;
	}

	.tribe-events-list-widget .tribe-events-list-widget-events{
		margin-bottom: 10px !important;
	}

	.home #page .hfeed.vcalendar{
		height: auto;
	}

	.tribe-events-widget-link{
		margin-top: 10px !important;
	}

	.separator{
		display: none;
	}

	.title_home_elements{
		margin-bottom: 15px;
	}

	.bubble-home{
		width: 100px;
		height: 100px;
		margin: 0px auto;
		border-radius: 100px;
		line-height: 115px;
	}

	.bubble-home i.fa{
		font-size: 36px;
	}

	.plus_home .ui.basic.button.pink{
		margin-top: 10px;
	}


	/** END HOME **/

  /** CALENDRIER **/
  span.tribe-events-list-separator-month{
    margin: 0;
    font-size: 18px;
  }

  .vcard .time-details {
    width: 30px;
    height: 30px;
    background: url(../images/calendar_mobile.png) center center;
    line-height: 30px;
    font-size: 16px;
    margin:0;
  }

  #tribe-events-content .tribe-events-loop .type-tribe_events{
    padding: 10px 15px;
  }

  .tribe-events-list .vevent.hentry h2{
    font-size: 12px;
    margin:0;
    margin-bottom: 5px;
  }

  .tribe-content p, .type-tribe_events .tribe-events-read-more{
    font-size: 10px;
  }



}



/*****************************************
*                                        *
*             MEDIA QUERIES              *
*                                        *
*****************************************/
/*ORDI*/
@media all and (min-width:1020px){

}
/*TABLETTE*/
@media all and (min-width: 760px) and (max-width: 1020px) {

}
/*TELEPHONE*/
@media all and (max-width: 760px) {
	

  #page .temoignage{
    width: inherit;
  }

  #page .jsn-bootstrap3 .ui.comments{
    padding: 0;
  }

  body.page #page h2{
    font-size: 1.5rem;
  }

  body.page #page h3, body.page #page h4{
    font-size: 1.25rem;
  }
  body.page #page p,body.page #page li{
    font-size: 0.8rem;
  }


  #page #main .title_process h4{
    margin-top: -2.40rem;
    font-size: 1rem;
  }
    
  body.page #page h3 {
    font-size: 15px !important;
    padding-top: 40% !important;
	margin-top: -26%;
  }
    
  .page .site-main #secondary{
  
    position: inherit;
    top:inherit;
    left: inherit;
    width: 80%;
    margin: 0 auto;
  }

  .page .page_with_children .entry-content{
    margin-left: 0;
  }
    
  h3.txt_gov{
    padding-top: 33% !important;    
  }


}



/** A TRAITER **/
#page h4 {
	color: rgb(43, 60, 75);
	font-size: 2rem;
	font-family: "Muli";
	font-weight: bolder;
}

.jsn-bootstrap3 .panel-title a{
  font-family: "ubuntumedium";
}

.jsn-bootstrap3 .panel-default > .panel-heading + .panel-collapse .panel-body{
  border-top: none;
}

.jsn-bootstrap3 a {
  cursor: pointer;
}

.panel-body a::after {
  float: right;
  content: "\f019";
  font-family: "fontawesome";
  cursor: pointer;
}

.jsn-bootstrap3 .panel-group .panel {
  border:none;
}

.jsn-bootstrap3 .panel-default > .panel-heading {
color: rgb(51, 51, 51);
border: solid 1px rgb(221, 221, 221);
}

.panel i.fa{
  padding-right: 5px;
}

.jsn-bootstrap3 .panel-group .panel{
  margin:10px 0;
  background: none;
}

#page .jsn-bootstrap3 .panel-default > .panel-heading{
  background:none;
}

#page .jsn-bootstrap3 .panel-default:last-child > .panel-heading{
  background:rgb(255,255,255);
}

#page .jsn-bootstrap3 .panel-default:last-child > .panel-heading h4{
  color: rgb(43,68,21);
}

#page .wr-element-accordion .panel h4{
  margin: 0 !important;
  font-family: "Muli",sans-serif !important;
  font-size: 1.25rem;
  color: white;
}

#page .jsn-bootstrap3 .panel-title a{
	color: rgb(43,60,75);
}

#page .jsn-bootstrap3 .panel-title a:hover{
	color: rgb(230,68,21);
}

#page .wr-element-accordion .panel .panel-heading:hover h4{
  margin: 0 !important;
  font-family: "Muli",sans-serif !important;
  font-size: 1.25rem;
  color: rgb(43,60,75);
}

#page .wr-element-accordion .panel:last-child .panel-heading:hover h4{
  margin: 0 !important;
  font-family: "Muli",sans-serif !important;
  font-size: 1.25rem;
  color: rgb(230,68,21);
}

#page .wr-element-heading h5{
	text-align: center;
	font-family: "Muli";
	font-size: 14px;
	font-weight: 500;
    color: rgb(89, 89, 89);
}

#page .reveal.move.ui{
	white-space: normal;
}

#page .ui.basic.black.button:hover, #page .ui.basic.black.buttons .button:hover {
	background: 0 0!important;
	box-shadow: 0 0 0 2px rgb(89, 89, 89) inset!important;
	color: rgb(89, 89, 89)!important;
}

#page .ui.black.segment {
	border-top: 2px solid rgb(89, 89, 89);
}


.jsn-bootstrap3 .ui.comments{
  max-width:inherit;
  padding: 0 5rem;
}

h3.ui.block.header{
  padding: .75rem 3.5rem;
  text-align: left;
}

.temoignage{
  width:30%;
  text-align:center;
  margin:0 auto;
  display:inline-block;
  vertical-align:top;
}

.jsn-bootstrap3 .temoignages .temoignage p{
  text-align:center;
  padding:0 20px;
}

.temoignage .ui.small.image{
  margin:15px auto;
  height: 150px;
}

.jsn-bootstrap3 .img-circle{
  width:150px;
}

.wr_text .ui.comments .comment .avatar img{
  border-radius: 100%;
  width:35px;
  height: 35px;
  cursor:default;
}

.page .jsn-bootstrap3 h2{ 
  text-align: left;
  font-size: 24px;
  text-transform: none;
}

.jsn-bootstrap3 .ui.comments p{
  margin: 0;
}

.jsn-bootstrap3 .ui.comments .comment{
  padding: 0;
}

.jsn-bootstrap3 .ui.comments .comment .text{
  text-align: left;
  font-size: 13px;
}

.temoignages .temoignage p{
	font-size: 13px;
}

i.fa.fa-quote-left,i.fa.fa-quote-right{
	margin: 0 5px;
	font-size: 20px;
}

#secondary .ui.dividing.header {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(220,220, 220, 0.5);
  color: white;
  margin:0;
  background-color: rgb(43, 60, 75);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
  font-size: 0.80rem;
}	

#secondary a .ui.dividing.header:hover{
	color:rgb(230,68,21);
}

#secondary .ui.dividing.header i.fa{
	font-size: 1.25rem;
	padding-right:5px;
	color:white;
}

.page .jsn-bootstrap3 .event .ui.move.reveal .hidden.content div{ 
	padding-top:5%;
}

.page #page .jsn-bootstrap3 .event .ui.move.reveal .hidden.content div h4{
	color: rgb(243, 68, 21) !important;
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 0 5px;
	text-align: center;
}

.page .jsn-bootstrap3 .event .ui.move.reveal .hidden.content div ul{
	color: rgb(89, 89, 89) !important;
}

.page .jsn-bootstrap3 .event .ui.move.reveal .hidden.content div ul li{
	text-align:left;
	margin:5px;
}

#page .jsn-bootstrap3 .event .hidden.content p{
	margin: 5% 5px;
	color: rgb(89, 89, 89) !important;
	font-weight: normal;
	text-align: center;
}

.page .row#ctrl .ui.move.reveal .hidden.content h4,.page .row#ctrl2 .ui.move.reveal .hidden.content h4{
  font-size: 20px;
  margin: 0 0 20px 0;
  text-align: center;
  color: rgb(230,68,21);
}

#page #main .jsn-bootstrap3 .ctrl .ui.move.reveal .hidden.content div h2 {
  color: rgb(243, 68, 21) !important;
  font-size: 24px;
  margin: 0 0 25px 0;
  text-align: center;
}

.page .row.ctrl .ui.move.reveal .hidden.content ul{
  padding-left: 10px;
}

.page .row.ctrl .ui.move.reveal .hidden.content ul li{  
  margin: 5px;
}

.page p.timeline{
  margin: 0px 8px 1em;
  padding: 0 10px 0;
  border-left: 3px solid rgb(89, 89, 89);
}

.page i.fa.fa-circle{
  color: rgb(230,68,21);
}

.entry-content ul li a.pdf{
  color: rgb(50,78,102);
  text-decoration: none;
}

.entry-content ul li a.pdf:after {
  float: right;
  content: "\f019";
  font-family: "fontawesome";
  cursor: pointer;
}

.entry-content ul li a.pdf:hover{
  color: rgb(230,68,21)
}

.entry-content ul.no-disc{
  list-style: none;
  margin: 0;
}

.entry-content ul.no-disc li{
  margin: 10px 0;
}

.ui.move.reveal li{
  line-height: 1.33;
}

.jsn-bootstrap3 .stagiaires ul{
  margin-top: 40px;
}

.stagiaires li{
  margin: 15px 0;
  font-weight: bold;
  margin-left: 20px;
}

.page #page .jsn-bootstrap3 .stagiaires h3{
  text-align: center;
}

.warning-stage .col-md-1.col-sm-1.col-xs-12 p{
  margin: 15px;
  text-align: center;
}

.warning-stage i{
  font-size: 40px;
}

#page .warning-stage .col-md-11.col-sm-11.col-xs-12 p{
  margin-bottom: 10px;
}

.build-carreer h3{
  text-align: left;
}

#page #graph-femmes-aubay{
	margin-bottom: 2em;
	padding-bottom: 1.5em !important;
}

#page #titre-femme-aubay{
	margin-top: 2em;
}

#femmes-cle img{
	margin-bottom: 10px;
}

body.page #page .ui.comments h4{
	font-size: 1.75em;
	color: rgb(230,68,21);
	text-align:center;
}

#femmes-cle p{
	margin: 0;
	text-align: center;
	font-size: 13px;
	color: rgb(79, 112, 138);
	font-weight: 600;
	line-height: 1;
}
#femmes-cle span{
	margin: 5px 0;
	color: rgb(230,68,21);
	font-size: 24px;
}

#femmes-cle{
	text-align: center;
}

#page #femmes-cle2 h5{
	font-size: 18px;
	margin: 20px 0 15px;
	color: rgb(50,78,102);
	text-align: center;
}

#page .ui.center.aligned.header, #page .ui.centered.header{
	text-align: center;
}


#page .ui.comments .comment .text{
  color: rgb(102,102,102);
  font-family: "Lato";
  font-size: 1.125em;
  line-height: 1.5;
}

#femmes-cle2{
	margin-bottom: 20px;
}

.video{
	margin-bottom: 20px;
}

#page #top-class p{
	margin-bottom: 5px;
}

*{
	word-wrap:normal;
}


@media all and (min-width:100px){
  .site-header{
  height:inherit;
  box-shadow:none;
  max-width: inherit;
  margin: 0 auto;
  background: rgb(255, 255, 255);
}

.primary-navigation .nav-menu {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.primary-navigation .menu-item-has-children > a, .primary-navigation .page_item_has_children > a {
  padding: 6px 50px !important;
  color: rgb(43, 60, 75) !important;
  font-family: "ralewaybold";
} 

.primary-navigation ul ul {
	top: 58px;
	padding: 0;
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0) !important;
	border: none;
    border: solid 1px rgb(200, 200, 200);
	border-top: solid 3px rgb(230, 68, 21);
}

.primary-navigation li ul li:first-of-type {
  margin-top: 0px;
}

.primary-navigation li ul li {
  border-bottom: solid 1px rgb(200, 200, 200);
  font-size: 12px;
  margin: 0;
  background-color: rgb(255, 255, 255);
  /* box-shadow: 0px 1px 5px 0px rgb(0, 0, 0); */
}

body nav.site-navigation li a {
  color: rgb(43, 60, 75) !important;
  font-family: "ralewaybold";
}

div#second_part-header {
  background-color: rgb(255, 255, 255);
}

#cadre_header{
  margin-left: 6%;  
}

div#logo_aubay {
  position: relative;
}

#site-header {
  position: absolute;
  top: -25px;
  left: -20px;
  z-index: 5;
}


div#links-search-header{
  border-top: solid 2px rgb(50, 78, 102);
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 3.5%;
}


.links-people {
  position: inherit;
  display: inline-block;
  font-family: "ralewaybold";
  line-height: 25px;
}

.links-people p {
  text-align: left;
  color: rgb(89, 89, 89);
  display: inline-block;
  font-size: 11px;
  font-family: "ralewaybold";
}

p:first-child {
  margin: 0;
}

.links-people li {
  display: inline-block;
  padding: 0 15px;
  border-right: solid 1px rgb(128, 128, 128);
  line-height: 11px;
}

* body li {
  color: rgb(43,60,75);
  line-height: 1.5;
  font-family: "Lato";
  font-size:1.125em;
}

.links-people a {
  display: block;
  text-align: left;
  color: rgb(89, 89, 89);
  font-size: 11px;
  font-family: "ralewaybold";
}

.bloc-search {
  display: inline-block;
  width: 15%;
  vertical-align: middle;
}

.bloc-search .search-toggle, .bloc-search .search-box {
  background-color: inherit !important;
  color: rgb(255, 255, 255);
}

.bloc-search .search-toggle:before {
  /* margin-top: 15px; */
  font-size: 15px;
  font-weight: normal;
  vertical-align: middle;
}

.search-toggle:before {
  margin: 0 !important;
  font-size: 24px !important;
}

#page .search-toggle:before {
  color: rgb(0, 0, 0) !important;
}

.search-box .search-field{
  background-color: rgb(43,60,75);
}

#search-container {
  display: inline-block !important;
  width: 60%;
  vertical-align: middle;
  color: rgb(255, 255, 255);
}

.page #main, .single #main, .events-list #main, .archive #main, .search #main {
  max-width: inherit;
  margin: 0 auto;
}

.page #main #main-content, .single #main #main-content, .events-list #main #main-content, .archive #main #main-content, .search #main #main-content {
  max-width: inherit;
}

header#masthead{
	border-bottom: solid 1px rgb(43, 60, 75);
}

#page #main header.entry-header, .search header.entry-header {
  padding: 20px 8%;
  margin-bottom: 5em;
  text-align: center;
  background-color: rgb(43, 60, 75) !important;
  position: relative;
  width: 100%;
  font-weight: normal;
}

.search-box .search-field{
  padding: 2px 5px 2px 10px;
}


#page #main h1 {
  color: rgb(255, 255, 255) !important;
  margin: 0;
  text-transform: uppercase !important;
  text-align: center;
  font-size: 3rem !important;
  color: white !important;
  font-family: "Lato",sans-serif !important;
  font-weight: normal;
}


header.entry-header::after {
  top: 100%;
  right: 5%;
  border: solid rgba(0, 0, 0, 0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: rgb(43, 60, 75) !important;
  border-width: 50px;
  margin-left: 10px;
}

#footer-sidebar #text-3{
  line-height: inherit;
}

footer #footer-sidebar #nav_menu-3 ul li {
  padding: 0 42px;
}

footer #footer-sidebar aside.widget {
  width: 100%;
  padding: 0;
  display: block;
  position: relative;
  text-align: center;
  margin-bottom: 0;
}

footer {
  height: 115px;
}

#page footer.site-footer {
  background-color: rgb(43, 60, 75);
  margin: 0 auto;	
}

footer #adresse_footer p, footer span a{
  color: rgb(230,68,21) !important;
}

footer #contact_footer p {
  line-height: 25px;
  display: inline-block;
  padding: 10px 25px;
  text-transform: uppercase;
}

nav.secondary-navigation {
  width: 100%;
  text-align: center;
  margin: 0;
 padding: 10px 0px;
  background-color: rgb(43, 60, 75);
  border: none;
  border-top: solid 1px rgb(255, 255, 255);
}

nav.secondary-navigation ul li a {
  display: block;
  color: rgb(255, 255, 255) !important;
  padding: 10px;
}

#hautdepage {
  position: absolute;
  bottom: -15px;
  right: 100px;
  z-index: 1;
}

#hautdepage button {
  padding: 0;
  background-color: rgb(255, 255, 255);
  border-radius: 100%;
}

#hautdepage i {
  font-size: 20px;
  color: rgb(50, 78, 102);
}

.ui.segment.inverted.breadcrumb{
  display:none;
}

/** à enlever **/
div#header-navigation {
  width: 91.5%;
  margin-left: 8.5%;
}

.bloc_bleu{
	background-color:rgba(43,60,75,0.9) !important;
}

.page .site-main #secondary
{
	left:10px;
}

#page .padding-8{
	padding: 0 8% !important;

}

#page .padding-30{
	padding: 0 30% !important;
}

#page .padding-8_25{
	padding: 25px 8% !important;
}

#page .margin-8{
  margin: 0 8% !important;
}

#page .margin-2-8{
  margin: 0 8% 0 2% !important;
}

#page .margin-15{
  margin: 0 15% !important;
}

.jsn-bootstrap3 .img_aubay-bref img{
	width: 100%;
	height: 350px;
}

.jsn-bootstrap3 .graph_aubay-bref{
	height: 400px;
}

*, *:before, *:after{ 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
} 

.jsn-bootstrap3 .graph_aubay-bref .graph .width-50{
	width:49%;
	display:inline-block;
	vertical-align:middle;
}

#page #main #intro-aubay-bref{
	padding: 5em 8% !important;	
	background-color: rgba(255,255,255,0.95);
}

#page #main #intro-aubay-bref p{
	font-size: 1.25em;
}

#page .jsn-bootstrap3 .css-shapes-preview-2 .graph h5{
	color:rgb(43, 60, 75);
}

#page #main #post-115 .entry-header, #page #main #post-3249 .entry-header, #page #main #post-4742 .entry-header, #page #main #post-4797 .entry-header {
	margin-bottom: 0 !important;
}

#page #main #post-115 .entry-content, #page #main #post-3249 .entry-content, #page #main #post-4742 .entry-content, #page #main #post-4797 .entry-content {
	background:none;
}

#page #main #post-115, #page #main #post-3249{
	background: url('../images/aubayenbref.jpg');
	background-size: 100%;
	background-attachment: fixed;
}

#page #main #post-1845, #page #main #post-3255{
	background: url('../images/secteur.jpg');
	background-size: 100%;
	background-attachment: fixed;
}

#page #main #post-4742, #page #main #post-4797{
	background: url('../images/panorama-fi.jpg');
	background-size: 100%;
	background-attachment: fixed;
}

#page #main #post-4742 h5, #page #main #post-4797 h5{
	font-size: 1.5rem;
}

#page #main #post-4742 iframe, #page #main #post-4797 iframe{
	height: 300px !important;
}

#page #main #post-4742 iframe .onchart-tv-logo, #page #main #post-4797 iframe .onchart-tv-logo{
	display: none !important;
}

#page .panorama-fi-1{
	background-color: rgba(255,255,255,0.75);
	padding-top: 4em !important;
	padding-bottom: 4em !important;
}

#page .panorama-fi-2{
	background-color: rgba(43, 60, 75,0.75);
	margin-top: 4em;
	margin-bottom: 4em;
	padding-top: 4em !important;
	padding-bottom: 4em !important;
}

#page #post-4742 .panorama-fi-2 h5, #page #post-4797 .panorama-fi-2 h5{
	color: white;
	text-align: center;
	margin:0;
}

#page #post-4742 .panorama-fi-1 h4, #page #post-4742 .panorama-fi-1 h5, #page #post-4797 .panorama-fi-1 h4, #page #post-4797 .panorama-fi-1 h5{
	color: rgb(43,60,75);
	text-align: center;
	font-size: 1.5rem;
}

#page #post-4742 .panorama-fi-1 ul, #page #post-4742 .panorama-fi-1 .wr-element-buttonbar, #page #post-4797 .panorama-fi-1 ul, #page #post-4797 .panorama-fi-1 .wr-element-buttonbar{
	margin-left: 7.5em;
}

#page #post-4742 .panorama-fi-1 ul li, #page #post-4797 .panorama-fi-1 ul li{
	margin: 5px 0;
	font-size: 1.125rem;
}

#page #post-4742 .wr-element-image, #page #post-4797 .wr-element-image{
	text-align: center;
}

#page #post-4742 .jsn-bootstrap3 .item > img, #page #post-4797 .jsn-bootstrap3 .item > img{
	width: 75%;
	margin: 0 auto;
}

#page #post-4742 .jsn-bootstrap3 .item.next.left > .carousel-caption h4 , #page #post-4797 .jsn-bootstrap3 .item.next.left > .carousel-caption h4 {
	font-size: 1.5em !important;
}

#page #post-4742 .jsn-bootstrap3 .item > .carousel-caption, #page #post-4797 .jsn-bootstrap3 .item > .carousel-caption {
	width: 75%;
	padding: 10px 25px;
	left: 12.5%;
	right: 12.5%;
	background-color: rgba(43,60,75,0.8);
	border-radius: 0;
	bottom: 0;
}

#page #post-4742 .jsn-bootstrap3 .item > .carousel-caption h4, #page #post-4797 .jsn-bootstrap3 .item > .carousel-caption h4{
	font-size: 1.5em;
	margin: 5px;
	color: white;
}

#page #post-4742 .jsn-bootstrap3 .item > .carousel-caption p a, #page #post-4797 .jsn-bootstrap3 .item > .carousel-caption p a{
    display: block; 
    text-align: center;
    font-size: 1.125rem;
    text-decoration: underline;
}

#page #post-4742 .btn-default, #page #post-4797 .btn-default{
	background-color: rgb(43,60,75);
	color: rgb(255,255,255);
	border-radius: 5px;
	padding: 10px 15px;
	margin: 0.5em;
	margin-top: 60px;
}

#page #post-4742 .button-1:before, #page #post-4797 .button-1:before{
	content: url('../images/gouvernance.png');
	position: absolute;
	top: -50px;
}

#page #post-4742 .button-2:before, #page #post-4797 .button-2:before{
	content: url('../images/marches.png');
	position: absolute;
	top: -50px;
}

#page #post-4742 .button-3:before{
	content: url('../images/docDeRef.png');
	position: absolute;
	top: -50px;
	left: 60px;
}

#page #post-4797 .button-3:before{
	content: url('../images/docDeRef.png');
	position: absolute;
	top: -50px;
	left: 30px;
}

#page #post-4742 h6, #page #post-4797 h6{
	text-align: left;
	font-size: 1.25em;
	margin-bottom: 0;
	margin-top: 10px;
}

#page #post-4742 p a, #page #post-4797 p a{
	font-size: 1.125em;
}

#page #main #post-1845 #top-class.padding-8, #page #main #post-3255 #top-class.padding-8{
	background: white;
	padding-bottom: 2em !important;
}

#page #main #post-1845 .entry-content, #page #main #post-3255 .entry-content{
	background: none;
}

#page .jsn-bootstrap3 .graph_aubay-bref h5{
	font-weight: bolder;
  font-size: 2em;
	color: white;
	display: inline-block;
	text-align:center;
	width:80%;
}

.jsn-bootstrap3 .graph_aubay-bref .graph img{
	max-height: 400px;
	max-width: 500px;	
}

#bref1,#bref2,#bref3{
	margin:5em auto !important;
}
#bref1,#bref3{
	background-color: rgba(43,60,75,0.9);
}

#page #main article #bref1 h5, #page #main article #bref3 h5{
	color: rgb(255,255,255);
}

#page #main article #bref2 h5, #page #main article #bref4 h5{
	color: rgb(43,60,75);
}

#bref2, #bref4{
	background-color: rgba(255,255,255,0.9);
}

.bottom-5{
	margin-bottom:5em;
}

#page .row.bloc_pres{
	width:100%;
}

#page .bloc-home p.texte-innov, #page .bloc-home p.texte-secteur, #page .bloc-home p.texte-carriere{
	min-height: 10vw;
} 

.row.bloc_pres .bandeau-home{
	text-align: center;
}

.row.bloc_pres .bandeau-home img{
	margin: 2.5em 0;
}

#page .ms-slide-info{
	display: none;
}


body.page #page #bloc_pano h2{
	  text-align: center;
  margin: 50px 0;
  font-size: 3em !important;
  color: rgb(255, 255, 255) !important;
  text-transform: capitalize !important;
}

#page p#button_panorama{
	margin: 3em 0; 
	display: inline-block;
}

#page p#button_panorama .ui.button{
	padding: 1em 1.25em;
}

#page p#button_panorama .ui.button i{
	margin: 0 10px 0 0;
}

#page #panorama p{
	text-align: center;
	color: rgb(43,60,75);
    font-size: 0.8vw;
    padding: 0 1vw;
}

#page #panorama p.pano{
	margin:0;
	font-size: 1.5vw;
}

#page #panorama p.compteur, #page #panorama span.compteur {
	font-size: 2vw;
	margin:0;
	font-weight: bolder;
}

#page #panorama span.compteur{
	line-height: 2vw;
}

#page .bandeau-home{
	width:100%;
}

#bloc_pano .wr-element-image img{
	width: 100%;
}

#bloc_pano .col-md-12{
	background: url('../images/panno.png') no-repeat;
  background-size: 100% 100%;
  height: 100%;
}

#panorama #button_panorama .ui.button{
	background-color: white !important;
}

#page .jsn-bootstrap3 p a.ui.basic.button{
	padding: 1em 1.25em;
}

#page .jsn-bootstrap3 p a.ui.basic.button i{
	margin: 0 10px 0 0 ;
}

body.page #page .tribe-events-list-widget h4, #page #news h4{
	text-transform: capitalize;
	font-size: 1em;
	margin: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 8px;
}

body.page #page .tribe-events-list-widget h4.entry-title.summary{
  padding:0;
}


#page .bloc_pres .bloc-home p{
	text-align: justify;
	padding: 0 5%;
} 

#page #bloc_pres-1{
	margin-bottom: 4em !important;
}

#page #bloc_pres-1 h2,#page #bloc_pres-2 h2,#page #bloc_pres-3 h2{
  margin:0 !important;
  padding: 50px 0 5px 0;
  text-align: center;
}

#page .bloc_pres .bloc-home p.align-center{
	text-align: center;
	margin-top: 25px;
}

#page a.ui.button.orange:hover i.fa.fa-plus{
	color: rgb(43, 60, 75);
}

#page a.ui.button.blue:hover i.fa.fa-plus{
	color: rgb(230,68,21);
}
#news h4.ui.top.attached.header{
  font-family: "Muli";
  font-weight: bolder;
}

#youtube_video-home.ui.segment{
  margin: 0 1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
  margin-bottom: 15px;
  text-align: center;
  padding-top: 2px;
  overflow: hidden;
}

#youtube_video-home.ui.segment iframe{
  max-height: 315px;
  margin:0;
}

/**
  EVENEMENT
**/

.wf-container{
  width: 100%;
}

.wf-column{
  width: 31% !important;
  margin: 1%;
}

.wf-box{
    border: 1px solid rgb(230, 68, 21);
    border-radius: 5px;
    margin: 2vw 0;
}

.wf-box h3{
  padding-left: 10px;
  margin-bottom: 0;
}

.wf-box:hover h3{
  color: rgb(230,68,21) !important;
}

.wf-box p{
  padding:0 5px 0 10px;
}

/** 
  
  NOTRE CULTURE
  
**/

.jsn-bootstrap3.wr-element-container.wr-element-text.colonne_culture-1{
  position: relative;
}

.text-culture-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}

 #page .colonne_culture-1 .text-culture-1 h3{
  color: rgb(49, 79, 103);
  font-size: 1.75em;
  text-align: center;
  margin: 60px 10px 50px 10px;
  font-weight: bolder;
}

.text-culture-1 ul{
  list-style: none;
  margin: 0;
  padding:0;
}

.text-culture-1 ul li, .text-culture-2 ul li{
  margin: 20px 5px;
}

.jsn-bootstrap3.wr-element-container.wr-element-text.colonne_culture-2, .jsn-bootstrap3.wr-element-container.wr-element-text.colonne_culture-1 {
  position: relative;

}

.text-culture-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}

 #page .colonne_culture-2 .text-culture-2 h3{
  color: rgb(49, 79, 103);
  font-size: 1.75em;
  text-align: center;
  margin: 60px 10px 50px 10px;
  font-weight: bolder;
}

.text-culture-2 ul{
  list-style: none;
  margin: 0;
  padding:0;
}

.image_culture-2 img {
  width: 100%;
  height: 100%;
}

.image_culture-1 img {
  width: 100%;
  height: 100%;
}

#culture1 ul, #culture2 ul{
	padding: 0 1vw;
}

#culture1 ul li, #culture2 ul li{
	text-align: center;
	list-style: none;
}

#page #culture1 .col-md-6,#culture2 .col-md-6{
  padding:0 !important;
}

}

.text-culture-2,.text-culture-1{
  visibility: hidden;
}

.colonne_culture-1,.colonne_culture-2, .bref-aubay .col-md-12{
  overflow: hidden;
}


#secteur-activites{
	position: relative;
	min-height: 41vw;
}

#secteur-activites #bloc-classement{
	position: absolute;
	width: 30%;
	top: 0;
	left: 2.5%;
	text-align: center;
}

#secteur-activites #bloc-texte{
	position: absolute;
	top: 0;
	left: 35%;
	width: 30%;
}

#secteur-activites #bloc-secteur{
	position: absolute;
	top: 0;
	left: 67.5%;
	width: 30%;
	text-align: center;
}

#secteur-activites #bloc-classement #bloc-classement-1{
	top: 10vw;
}

#secteur-activites #bloc-classement .bloc-content{
	position: absolute;
	background: white;
	display: inline-block;
	border-radius: 100%;
	width: 10vw;
	height: 10vw;
	left: 5vw;
	z-index: 2;
}

#secteur-activites #bloc-classement #bloc-classement-2{
	top: 22vw;
}

#secteur-activites #bloc-classement #bloc-classement-1 .content-bloc, #secteur-activites #bloc-classement #bloc-classement-2 .content-bloc{
	padding-top: 35%;
}

#secteur-activites #bloc-classement .bloc-content .content-bloc h4, #secteur-activites #bloc-classement .bloc-content .content-bloc p{
	text-align: center;
	font-weight: bolder;
	color: rgb(43,60,75);
}

#secteur-activites #bloc-classement #bloc-classement-1 .content-bloc h4, #secteur-activites #bloc-classement #bloc-classement-2 .content-bloc h4{
	font-size: 2.25em;
	margin: 0;
}

#secteur-activites #bloc-classement #bloc-classement-1 .content-bloc p, #secteur-activites #bloc-classement #bloc-classement-2 .content-bloc p{
	text-transform: uppercase;
	font-size: 0.85vw;
}

#secteur-activites #bloc-classement .bloc-content:hover{ 
	cursor: pointer;
}

#secteur-activites #bloc-classement .bloc-content:hover{
	background: rgb(43,60,75);
}

#secteur-activites #bloc-classement .bloc-content:hover .content-bloc h4, #secteur-activites #bloc-classement .bloc-content:hover .content-bloc p{
	color: white;
}

#secteur-activites #bloc-texte{
	top: 8vw;
	min-height: 20vw;
}

#secteur-activites #bloc-texte .bloc-content h2{
	font-size: 2.25vw;
	color: rgb(43,60,75);
	font-weight: bolder;
}

#secteur-activites #bloc-texte .texte-bloc-secteur{
	background-color: rgba(255,255,255,0.9);
	border-radius: 10px;
	padding: 1.5em;
	width:85%;
}

#secteur-activites #bloc-texte .texte-bloc-secteur li{
	list-style: none;
	font-size: 1vw;
	text-align: center;
}
#secteur-activites #bloc-texte .texte-bloc-secteur ul{
	margin: 0 !important;
}

#secteur-activites #bloc-texte .texte-bloc-secteur p{
	font-size:1vw;
}

#secteur-activites #bloc-secteur .bloc-switcher img{
	width: 3vw;
}

#page #secteur-activites #bloc-secteur .bloc{
  width: 6vw;
  height: 6vw;
  position: absolute;
  top:0;
  left: 0;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}

#page #secteur-activites #bloc-secteur .bloc.bloc-content{
  background-color : rgb(43,60,75);
  z-index: 2;
}

#page #secteur-activites #bloc-secteur .bloc.bloc-content:hover{
  z-index:2;
  background-color : rgb(255,255,255);
  border: solid 2px rgb(43,60,75);
}

#page #secteur-activites #bloc-secteur .bloc.bloc-content .content-bloc{
  padding:5%;
}

#page #secteur-activites #bloc-secteur .bloc.bloc-content .content-bloc{
  font-size:0.5vw;
  text-transform:uppercase;
  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
  transform: rotate(-45deg);
  position: absolute;
  top: 20%;
  left: 20%;
  color:white;
}

#page #secteur-activites #bloc-secteur .bloc.bloc-content:hover .content-bloc{
  color:rgb(43,60,75);
}

#page #secteur-activites #bloc-secteur #bloc-secteur-3{
  top:5vw;
  left:25%;
}

#page #secteur-activites #bloc-secteur #bloc-secteur-4{
  top:15vw;
  left: 25%;
}

#page #secteur-activites #bloc-secteur #bloc-secteur-5{
  top:25vw;
  left:25%;
}

#page #secteur-activites #bloc-secteur #bloc-secteur-6{
  top:20vw;
  left:0%;
}

#page #secteur-activites #bloc-secteur #bloc-secteur-7{
  top:30vw;
  left:0%;
}

#page #secteur-activites #bloc-secteur #bloc-secteur-8{
  top:10vw;
  left:50%;
}

#page #secteur-activites #bloc-secteur #bloc-secteur-9{
  top:20vw;
  left:50%;
}

#page #secteur-activites #bloc-secteur #bloc-secteur-10{
  top: 30vw;
  left: 50%;
}

#page #secteur-activites #bloc-secteur .bande-secteur, #page #secteur-activites #bloc-classement .bande-classement{
	background: rgb(43,60,75);
	height: 3px;
	position: absolute;
	-ms-transform: rotate(90deg); /* IE 9 */
  	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  	transform: rotate(90deg);
  	z-index: 1;
}
#page #secteur-activites #bloc-secteur #bande-secteur-1{
	top: 25vw;
    left: -32.25%;
    width: 40vw;
}
#page #secteur-activites #bloc-secteur #bande-secteur-2{
	top: 35vw;
    left: -23.5%;
    width: 20vw;
}

#page #secteur-activites #bloc-secteur #bande-secteur-3{
	top: 30vw;
    left: 9.5%;
    width: 30vw;
}

#page #secteur-activites #bloc-classement #bande-classement-1{
	background: white;
	top: 20vw;
    left: 17%;
    width: 10vw;
}

.bubble-innov .picto-innov
{
	display:inline-block;
    border:0;
    border-radius: 10px;
    position: relative;
    padding: 1em 2em;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); 
}

.bubble-innov .picto-innov ul{
  margin-left: 0;
}

.bubble-innov .picto-innov ul li{
  color: white;
  text-align: center;
  list-style: none;
  background-color: rgb(43,60,75);
  padding: 0.75em 1.25em;
  margin: 1em 0;
  border-radius: 5px;
  min-width: 15vw;
}

@media all and (max-width:500px){
  .bubble-innov .picto-innov ul li {
    min-width: 50vw;
  }
}

@media all and (max-width:500px){

  #page .relative #iframe_innov{
    width: 100% !important;
  }

  #page .doc_pdf{
    margin: 0 0 1em 0 !important;
  }

  #page #post-1896 #titre-pdf, #page #post-3282 #titre-pdf {
    margin-bottom: 0 !important;
    margin-top: 1em !important;
  }
}

/** OFFRE DIGITALE **/

@media all and (max-width:500px){

  .page #page #post-1757 .bubble-digital, .page #page #post-3278 .bubble-digital{
    width: 30%;
	line-height: 1.5vw;
	min-height: 2.5vw; 
  }

  .page #page #post-1757 .bubble-digital span, .page #page #post-3278 .bubble-digital span{
      font-size: 1.5vw;
  }
}

/** INFOS REGLEMENTEES **/

#post-171 .panel-body a{
  display: block;
  margin: 10px 0;
  font-size: 1em;
}

/** PROCESSUS **/

@media all and (max-width:500px){

  #page .row #etapes-process li p {
      color: rgb(255, 255, 255);
      padding-right: 0;
  }

  #animInfinite-1_1,#animInfinite-1_2,#animInfinite-1_3, #animInfinite-2_1,#animInfinite-2_2,#animInfinite-2_3, #animInfinite-3_1,#animInfinite-3_2,#animInfinite-3_3, #animInfinite-4_1,#animInfinite-4_2,#animInfinite-4_3, #trait-anim-1, #trait-anim-2, #trait-anim-3, #trait-anim-4, #trait-anim-5{
    display: none;
  }

  #page .anim_bubble-process{
    width: 200px;
    height: 200px;
  }

  .page #page #anim-process #anim-bubble_1 p{
	margin-top: -42px;
    padding-top: 65px;
  }
  
  .page #page #anim-process #anim-bubble_2 p{
	margin-top: -65px;
    padding-top: 85px;
  }

	.page #page #anim-process #anim-bubble_3 p{
	margin-top: -39%;
    font-size: 13px !important;
  }
	
   .page #page #anim-process #anim-bubble_4 p{
	margin-top: -32%;
    font-size: 13px !important;
  }

  #page #anim-bubble_1{
    left: 5%;
  }

  #page #anim-bubble_2{
    top: 275px;
    right: 5%;
    border:1px solid rgb(230,68,21);
  }

  #page #anim-bubble_3{
    top: 500px;
    left: 5%;
  }

  #page #anim-bubble_4{
    top: 725px;
    right: 5%;
    border:1px solid rgb(230,68,21);
  }

  .page #page #post-183 #anim-process, .page #page #post-3295 #anim-process{
    background-size: cover;
    height: 950px;
  }
  
  .page #page #post-4918 #anim-process, .page #page #post-3295 #anim-process{
    background-size: cover;
    height: 950px;
  }

}

#page .margin-50px{
  margin-top:50px !important;
  margin-bottom: 50px !important;
}

#page .row .carousel.slide h4{
    font-size: 2.5em;
    color: white;
    margin: 20px 0;
}

#page .row .carousel.slide a{
    color: white;
}

#page .row .carousel.slide a:hover{
    color: rgb(230,68,21);
}

#page .padding-8 p i.fa.fa-angle-right {
  font-size: 100px;
  color: rgb(255, 255, 255);
}

.doc_pdf{
  display: inline-block;
  text-align: center;
  margin: 0 10%;
}

#page .padding-8 .doc_pdf p{
  text-align: center;
}

#page #main-content .white *{
	color: white;
}

#page #last-part-innov{
	position:absolute;
	height: 700px;
	width: 100%;
	bottom:0%;
	left: 0%;
	z-index: 0;
}

.relative{
	position: relative;
	z-index: 2;
}

#page .relative .doc_pdf p{
	color: white;
}

#process .picto-2{
	display:inline-block;
    border:0;
    width:150px;
    border-radius: 150px;
    background-color: white;
    height:150px;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1); 
}

#picto-2 .picto-2 ul li{
  list-style: none;
  background-color: white;
  min-width:20vw;
  border-radius: 10px;
  padding: 0.75em 1.25em;
  margin: 0.5em 0;
  display: inline-block;
  font-weight: bolder;
}

#process{
	position: relative;
	background-color: rgb(43,60,75);
}

#process .picto-2:hover img{
	display: none;
}

#process .picto-2_text{
	position: absolute;
	width: 150px;
	height: 150px;
	top: 21%;
	left: 0;
	visibility: hidden;
}

#process .picto-3_text{
	position: absolute;
	width: 150px;
	height: 150px;
	top: 27.5%;
	left: 0;
	visibility: hidden;
}

#process .picto-2 .picto-2_text ul, #process .picto-2 .picto-3_text ul, #picto-2 .picto-2 .picto-2_text ul{
	text-align: center;
	margin: 0;
}

#process .picto-2 .picto-2_text ul hr, #process .picto-2 .picto-3_text ul hr{
	margin: 5px 30px;
	border-top: solid 1px rgb(89, 89, 89);
}

#process .picto-2 .picto-2_text ul li, #process .picto-2 .picto-3_text ul li{
	list-style: none;
	font-size: 8px;
}

#process .picto-2 .picto-2_text p{
	padding: 0 8px !important;
	color: rgb(89,89,89) !important;
	font-size: 8px;
	text-align: center;
}
#process .picto-2 .picto-3_text p{
	padding: 0 10px !important;
	color: rgb(89,89,89) !important;
	font-size: 8px;
	text-align: center;
}

#process .picto-2:hover{
	z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(2);
    transition: all 200ms ease-in;
    transform: scale(2);
}

 #process .picto-2:hover{
	z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.75);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.75);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.75);
    transition: all 200ms ease-in;
    transform: scale(1.75);
 }


#process .picto-2:hover .picto-2_text, #process .picto-2:hover .picto-3_text{
	visibility: visible;
}


#page .relative iframe{
  margin-bottom: 10px;
  height: 300px;
  border: 2px solid rgb(255, 255, 255);
}

#page .relative #iframe_innov{
	width: 75%;
	margin: 0 auto;
	display: inherit;
}

#page #iframe_innov h4{
	margin: 0;
	padding: .5em .75em;
	font-size: 1em;
}

#youtube_pdf{
	margin-top: 7.5em !important;
}

#page .relative .white h4{
	margin: 0;
}

#page .doc_pdf .picto_pdf{
	margin: 25px;
}

#page .doc_pdf a:hover{
	text-decoration: none;
} 


.page-id-1845 #main #post-1845  header.entry-header{
	margin: 0 !important;
} 

#rubrique_rse{
	margin-bottom: 25px;
}

div#top_RSE{
	height: 900px;
	padding-top: 50px;
	position: relative;
}

.bubble_rse{
	width: 500px;
	height: 500px;
	border-radius: 100%;
	background-color: rgb(255,255,255);
	padding: 75px 35px;
}

#page #main .bubble_rse #buble1_hidden p{
	padding: 0 5px;
}

#page #main .bubble_rse h2{
	font-size: 1.75em;
	margin:15px 0 25px 0 !important;
	text-align: center;
}

#page #main .bubble_rse h3{
	font-size: 1.25em;
	margin:20px 0 5px 0;
	text-align: center;
}

#page #main .bubble_rse p{
	text-align: center;
} 

#page #main .bubble_rse#bubble_1{
	position: absolute;
	top: 10%;
	left: 10%;
}

#page #main .bubble_rse#bubble_2{
	position: absolute;
	top: 40%;
	right: 10%;
}

#page #main .bubble_rse#bubble_3{
	position: absolute;
	top:-150px;
	left: 10%;
	background-color: rgb(43, 60, 75);
	z-index: 1;
}

#page #main .bubble_rse#bubble_3 h2{
	color: white;
	border:none;
	margin:5px !important;
} 

#politique_soc{
	position: relative;
	background-color: rgb(43, 60, 75);
}

div#mission_handicap, div#mission-handicap-2{
	z-index: 2;
	position: relative;
}

#page div#mission_handicap h3, #page div#mission-handicap-2 h3{
	text-align: center;
	color: white;
	font-size: 1.25em;
}

#page div#mission_handicap p,  #page div#mission-handicap-2 p{
	padding: 10px 15px;
	color: white;
}

div#video_rse{
	background-color: rgb(43, 60, 75);
	position: relative;
	z-index: 2;
}

div#diversite_rse{
	background-color: rgba(43, 60, 75,0.9);
	padding: 25px !important;
}

#page div#diversite_rse h3, #page div#secuformaachat h3, #page div#last-part_RSE h3{
	text-align: left;
	color: white;
	font-size: 1.25em;
	margin:0;
	font-weight:bolder;
	margin-top:20px;
}

#page div#diversite_rse p, #page div#secuformaachat p, #page div#last-part_RSE p{
	text-align: left;
}

#page div#diversite_rse p, #page div#last-part_RSE p{
	padding: 10px 0;
	color: white; 
}

#page #politique_soc{
	padding-top: 2em !important;
}

#page #last-part_RSE, #page div#secuformaachat{
	padding-top: 2em !important;
	padding-bottom: 2em !important;
}

#page #last-part_RSE ul li{
	color: white;
	font-size: 1.125em;
}

#page div#secuformaachat p{
	color: white;
	text-align: left;
}

#page div#diversite_rse p{
	margin: 0;
}

#page div#secuformaachat{
	background-color: rgba(43, 60, 75,0.8);
}

#page div#last-part_RSE{
	background-color: rgba(43, 60, 75,0.7);
}

#page div#last-part_RSE hr, #page div#secuformaachat hr, #page div#diversite_rse hr{
	margin-top: 5px;
	margin-bottom: 5px;
}

#page #main div#secuformaachat hr{
	margin-bottom:15px;
}

#page #main .bubble_rse#bubble_4 img{
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
 
div#mecenat_environnement{
	position: relative;
	height: 650px;
}

#page #main .bubble_rse#bubble_4{
	position: absolute;
	top: 75px;
	right: 15%;
	padding: 5px;
	width:350px;
	height: 350px;
}

#page #main .bubble_rse#bubble_5{
	position: absolute;
	top: 275px;
	left: 15%;
	width:350px;
	height: 350px;
    display: table-cell;
    vertical-align: middle;
}

#page #main .bubble_rse#bubble_5 h3{
	margin: 15px 0 10px 0;
}

#post-40, #post-3269{
  background-image: url('../images/rse.jpg');
  background-size: 100%;
  background-attachment: fixed;
}

#post-40 .entry-content, #post-3269 .entry-content{
  background:none;
}

#page #main #post-40 .entry-header, #page #main #post-3269 .entry-header {
  margin-bottom: 0 !important;
} 

#post-40 #rubrique_rse, #post-3269 #rubrique_rse{
  padding-bottom: 2em !important;
  padding-top: 5em !important;
  background-color: rgba(255,255,255,0.9);
}

#page #rubrique_rse h2{
	text-align:center;
}

#mecenat{
	position: relative; 
}

#asterix{
	position: absolute;
	bottom: 5%;
	left:46%;
}
#asterix i.fa{
	font-size: 20px;
}

#asterix:hover i.fa{
	color: rgb(230,68,21)
}

#buble4_visible{
	height: 100%;
	width: 100%;
}

#buble1_hidden, #buble4_hidden{
	visibility: hidden;
	position: absolute;
	top: 35%;
	left: 5%;
	width: 90%;
    display: table-cell;
    vertical-align: middle;
}

#page #buble4_hidden p{
	margin: 0;
}

.bubble_rse{
	border: 1px solid rgb(43,65,70);
}

.bubble_rse#buble_3{
	border: none;
} 

body #page .header_info{
  padding:20px 0 !important;
}

body #page .header_info h2{
  color: white;
  text-align: center;
}

#page #sous-partie-conseil{
	background-color: rgba(255,255,255,0.8);
}


#page #main #post-2413 #nos-solutions h2, #page #main #post-3289 #nos-solutions h2{
	margin: 1em 0;
}

#page #domaine-competence{
  height: 40vw;
  position: relative;
}

#page #domaine-competence .bloc{
  width: 10vw;
  height: 10vw;
  position: absolute;
  top:0;
  left: 0;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}

#page #domaine-competence #bloc-competence{
  width: 100%;
  overflow:hidden;
  position: relative;
  height: 100%;
}

#page #bande-conseil{
    width: 40vw;
    height: 4px;
    background-color: rgb(43, 60, 75);
    display: block;
    position: absolute;
    top: 52.25%;
    left: 25%;
    z-index: 0;
}

#page #domaine-competence .bloc.bloc-content{
  background-color : rgb(43,60,75);
  z-index: 1;
  border: 2px solid rgb(43,60,75);
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1) rotate(45deg);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1) rotate(45deg);   
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1) rotate(45deg);
  transition: all 200ms ease-in;
  transform: scale(1) rotate(45deg);
}

#page #domaine-competence .bloc.bloc-content:hover{
  z-index:2;
  -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.25) rotate(45deg);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.25) rotate(45deg);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.25) rotate(45deg);
    transition: all 200ms ease-in;
    transform: scale(1.25) rotate(45deg);
    background-color : rgb(255,255,255);
    border: solid 2px rgb(43,60,75);
    cursor: pointer;
}

#page #domaine-competence .bloc.bloc-content .content-bloc{
  padding:5%;
}

#page #domaine-competence .bloc.bloc-content .content-bloc{
  font-size:0.75vw;
  font-weight: bolder;
  font-family: "Muli";
  text-transform:uppercase;
  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
  transform: rotate(-45deg);
  position: absolute;
  top: 35%;
  left: 0%;
  color:white;
}

#page #domaine-competence .bloc.bloc-content#bloc-4 .content-bloc, #page #domaine-competence .bloc.bloc-content#bloc-5 .content-bloc{
  top: 30%;
  left: 0;
}

#page #domaine-competence .bloc.bloc-content#bloc-3 .content-bloc{
  top: 40%;
  left: 14%;
}

#page #domaine-competence .bloc.bloc-content#bloc-2 .content-bloc{
  top: 40%;
  left: 28%;
}

#page #domaine-competence .bloc.bloc-content:hover .content-bloc{
  color:rgb(43,60,75);
}

#page #domaine-competence #bloc-1{
  top:40%;
  left:24%;
}

#page #domaine-competence #bloc-2{
  top: 63%;
  left: 34%;
}

#page #domaine-competence #bloc-3{
  top:63%;
  left:54%;
}

#page #domaine-competence #bloc-4{
  top:16%;
  left:34%;
}

#page #domaine-competence #bloc-5{
  top:40%;
  left:44%;
}

#page #domaine-competence #bloc-6{
  top:16%;
  left:54%;
}

#page #domaine-competence #bloc-6:hover, #page #domaine-competence #bloc-4:hover{
  background-color: rgb(43,60,75);
    z-index: 1;
    border: 2px solid rgb(43,60,75);
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1) rotate(45deg);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1) rotate(45deg);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1) rotate(45deg);
    transition: all 200ms ease-in;
    transform: scale(1) rotate(45deg);
    cursor: default;
}

#page #domaine-competence #bloc-6:hover .content-bloc, #page #domaine-competence #bloc-4:hover .content-bloc{
  color:white;
}

#page #graphiques-conseil #graphique-conseil-4, #page #graphiques-conseil #graphique-conseil-6{
  display: none;
} 


#page #domaine-competence #bloc-7{
  top:40%;
  left:64%;
}

#nuage-innov{
  height: 400px;
  position: relative;
}

#nuage-conseil #bloc-nuage span.mot, #nuage-innov #bloc-nuage span.mot{
  font-family: "Muli";
  font-size: 2vw;
  color: rgb(255,255,255);
  text-transform: uppercase;
  font-weight: bold;
}


@media all and (max-width:500px){
  #page #nuage-conseil #bloc-nuage span.mot, #page #nuage-innov #bloc-nuage span.mot{
    font-size: 1.25em;
  }
  
  #page #nuage-innov #bloc-nuage span.mot-1 {
    position: absolute;
    top: 15%;
    left: 5%;
  }

  #page #nuage-innov #bloc-nuage span.mot-8 {
    position: absolute;
    top: 5%;
    left: 40%;
  }

  #page #nuage-innov #bloc-nuage span.mot-9{
    top: 25%;
    left: 35%;
  }

  #page #nuage-innov #bloc-nuage span.mot-5 {
    position: absolute;
    top: 70%;
    left: 35%;
  }

  #page #nuage-innov #bloc-nuage span.mot-4 {
    position: absolute;
    top: 81.5%;
    left: 7.5%;
  }

  #page #nuage-innov #bloc-nuage span.mot-3 {
    position: absolute;
    top: 55%;
    left: 22.5%;
  }

  #page #nuage-innov #bloc-nuage span.mot-2 {
    position: absolute;
    top: 40%;
    left: 60%;
  }
}

#nuage-innov #bloc-nuage span.mot-1{
  position: absolute;
  top: 10%;
  left: 20%;
}
#nuage-innov #bloc-nuage span.mot-2{
  position: absolute;
  top: 35%;
  left: 70%;
}
#nuage-innov #bloc-nuage span.mot-3{
  position: absolute;
  top: 60%;
  left: 27.5%;
}
#nuage-innov #bloc-nuage span.mot-4{
  position: absolute;
  top: 87.5%;
  left: 17.5%;
}
#nuage-innov #bloc-nuage span.mot-5{
  position: absolute;
  top: 65%;
  left: 60%;
}
#nuage-innov #bloc-nuage span.mot-6{
  position: absolute;
  top: 42.5%;
  left: 15%;
}
#nuage-innov #bloc-nuage span.mot-7{
  position: absolute;
  top: 90%;
  left: 52.5%;
}
#nuage-innov #bloc-nuage span.mot-8{
  position: absolute;
  top: 10%;
  left: 50%;
}

#nuage-innov #bloc-nuage span.mot-9{
  position: absolute;
  top: 35%;
  left: 42.5%;
}

#first-part_conseil{
  padding: 0 8% !important;
  margin-top: 2em;
}

#domaine_conseil{
	padding-bottom: 5em !important;
}

#post-2413, #post-3289{
  background: url('../images/conseil.png');
  background-size: 100%;/* 
  background-attachment: fixed; */
}

#page #main #post-2413 .entry-content, #page #main #post-3289 .entry-content{
  background:none;
}

#post-2413 .panel-title, #post-3289 .panel-title{
  text-align:center;
}

#page #domaine_conseil h2{
  text-align:center;
  color: white;
  margin-top: 2em;
}

.part1_conseil,.part2_conseil, .part1_domaine,.part2_domaine{
  width:47%;
  display:inline-block;
  text-align:justify;
  vertical-align:top;
  margin:2%;
}

#text2_conseil .part1_conseil, .part1_domaine, .part2_domaine{
	margin-left: 0;
}
#text2_conseil .part2_conseil, .part1_domaine, .part2_domaine{
	margin-right: 0;
}

#text2_conseil{
	text-align: left;
}

#text1_conseil h4{
	color: rgb(43,60,75) !important;
	font-family: "Muli" ;
	font-weight: bolder;
	margin-top: 2em;
}

#page #text2_conseil .part1_conseil p, #page #text2_conseil .part2_conseil p{
	color: rgb(43,60,75) !important;
	text-align: justify;
}

#domaine_conseil ul li{
	font-size: 1.125em;
	margin: 10px 0 !important;
}
#page #domaine_conseil{
	padding-top: 2em !important;
  margin-bottom:5em;
}

#page #post-2413 #nos-solutions, #page #post-3289 #nos-solutions{
	margin-top: 4em;
}

#page #post-2413 #bloc-texte-conseil, #page #post-3289 #bloc-texte-conseil{
	position: absolute;
    top: 15%;
    left: 0%;
    display: inline-block;
    width: 15vw;
    background-color: rgba(255,255,255,0.8);
    padding: 1vw 1.5vw;
    border-radius: 5px;
}

#page #sous-partie-conseil .graphique-conseil{
	padding-bottom: 3em !important;
}
#page #sous-partie-conseil h2{
	text-align: center;
	margin: 1em 0;
	font-size: 3em;
}

#page #sous-partie-conseil #big-data .colonne{
	display: inline-block;
	width: 45%;
	margin: 0 2% !important;
	vertical-align: top;
}

#page #sous-partie-conseil #big-data .colonne h3{
	text-align: center;
	margin: 2em 0 1em 0;
	font-size: 1.5vw;
	font-weight: bolder;
}
#page #sous-partie-conseil #big-data .colonne ul{
	width: 30%;
    margin: 0 auto;
}
#page #sous-partie-conseil #big-data .colonne ul li{
	text-transform: uppercase;
	font-size: 1.125em;
}

#page #sous-partie-conseil #big-data .ligne h3{
	text-align: center;
	margin: 2em 0 1em 0;
	font-size: 1.5vw;
	font-weight: bolder;
}

#page #sous-partie-conseil #big-data .ligne p{
	text-align: center;
}

#page #sous-partie-conseil #agilite h3{
	margin: 2em 0 1em 0;
	text-align: center;
	font-size: 1.5vw;
	font-weight: bolder;
}

#page #sous-partie-conseil #agilite p{
	margin-bottom: 10px;
}

#page #sous-partie-conseil .container{
	width: 100%;
	margin-top: 2em !important;
}

#page #sous-partie-conseil .container .grid_3{
	width: 23%;
	margin: 0 1%;
}

#page #sous-partie-conseil .container .grid_3 img{
	float: none !important;
}

#page #sous-partie-conseil .container .grid_3 p{
	text-align: center;
	font-family: "Muli";
	font-size: 1.25vw;
	font-weight: bolder;
}

#page #sous-partie-conseil #agilite p:last-of-type{
	text-align: center;
}

#page #sous-partie-conseil #agilite p img{
	float: none !important;
}

#page #sous-partie-conseil #strategie-it h3, #page #sous-partie-conseil #management-optim h3{
	margin: 2em 0 1em 0;
	text-align: center;
	font-size: 1.5vw;
	font-weight: bolder;
	padding: 0 8%;
}

#page #sous-partie-conseil #strategie-it h4, #page #sous-partie-conseil #management-optim h4{
	margin: 2em 0 1em 0;
	text-align: center;
	font-size: 1.25vw;
}

#page #main .graphique-conseil{
	padding: 0 8% !important;
}

#page #main #graphique-conseil-5{
	padding: 0 !important;
}

#page #main #graphique-conseil-5 .graph{
	padding: 0 8% !important;
}

#page #main #graphique-conseil-5 #graph-2{
	background-color: rgba(43,60,75,0.8);
	padding-top: 1em !important;
}

#page #main #graphique-conseil-5 #graph-2 h4{
	color: white !important;
}

#page #main .graphique-conseil .graph p{
	text-align: center;
}

#page #main .graphique-conseil .graph img{
	float: none;
}

/** FLIP CARD CONSEIL**/

#page #main #graphiques-conseil #management-optim h2, #page #main #graphiques-conseil #management-optim h3{
	padding: 0 8%;
}

#page #main #graphiques-conseil #management-optim .container{
	width: 100%;
	padding: 0 8%;
}

#page #main #graphiques-conseil #management-optim .container .grid-3{
	display: inline-block;
	width: 17.5%;
	margin: 0 1%;
}
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
	margin: 0 auto;
}

/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
	transform: rotateY(180deg);
}

.flip-container, .front, .back {
	width: 10vw;
	height: 10vw;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
	background-color: rgb(43,60,75);
	border: solid 2px rgb(43,60,75);
	display: table-cell;
	vertical-align: middle;
	padding: 1vw;
	border-radius: 10px;
}

#page #main #graphiques-conseil #management-optim .front span{
	color: white;
	font-size: 1vw;
	font-family: "Muli";
	font-weight: bolder;
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
	background-color: rgb(255,255,255);
	border: solid 2px rgb(43,60,75); 
	padding: 1vw;
	border-radius: 10px;
}

#page #main #graphiques-conseil #management-optim .back p{
	color: rgb(43,60,75);
	font-size: 0.85vw;
	font-family: "Lato";
	font-weight: bolder;
	text-align: center;
}

#flip-card-1 .front{
	padding-top: 4vw;	
}

#flip-card-3 .front{
	padding-top: 1.5vw;	
}

#flip-card-2 .front, #flip-card-4 .front, #flip-card-5 .front{
	padding-top: 3.5vw;	
}

#flip-card-1 .back, #flip-card-5 .back{
	padding-top: 3vw;	
}

#flip-card-2 .back{
	padding-top: 2.25vw;	
}

#flip-card-4 .back{
	padding-top: 1.75vw;	
}

#page #sous-partie-conseil #graphique-conseil-5{
	padding-bottom: 0!important;
}

#page #sous-partie-conseil #graphique-conseil-5 #graph-4 h4{
	margin: 0!important;
	padding: 0.5em 0 !important;
	background-color: rgb(43,60,75);
	color: white;
}

#page #sous-partie-conseil #graphique-conseil-5 #graph-4{
	padding: 0 !important;
}

#page #sous-partie-conseil .graphique-conseil{
	padding-bottom: 4em !important;
}


/** OFFRE **/

.job_filters .job_types li{
	list-style: none;
}

/* .single_job_listing li{
	list-style: none;
} */

.job_description ul{
	margin-left: 25px;
	margin-bottom: 20px;
}

.job_description ul li{
	margin: 5px 0;
}

@media all and (max-width: 760px){

	#page .site-main .job_listing .entry-content {
    	padding: 2%;
	}

	#page .site-main .job_listing ul{
    	margin-left: 20px;
	}

}

	#page .site-main .job_listing ul li li{
    	font-size: 1em;
	}
	#page .site-main .job_listing ul ul{
    	margin-bottom: 10px;
	}

/** SOLUTIONS **/
#post-2843, #post-3273{
  background: url('../images/solution-projet.jpg');
  background-size: 100%;
  background-attachment: fixed;
}

#page #main #post-2843 .entry-content, #page #main #post-3273 .entry-content{
  background:none;
}

#page #post-2843 h2, #page #post-3273 h2{
	color: white;
}

#page #post-2843 #industrie, #page #post-3273 #industrie{
	margin-bottom: 4em;
}


#page #post-2843 #industrie .col-md-6:first-of-type, #page #post-3273 #industrie .col-md-6:first-of-type{
  padding: 0 !important;
  width: 48%;
  margin-right: 2%;
}



#page #post-2843 #industrie .col-md-6:last-of-type, #page #post-3273 #industrie .col-md-6:last-of-type{
	background-color: rgba(255,255,255,0.8);
	padding: 2em !important;
	border-radius: 5px;
	width: 48%;
	margin-left: 2%;
}

#page #post-2843 h2:first-of-type, #page #post-3273 h2:first-of-type{
	margin-top: 0;
}

#page #post-2843 h2,#page #post-3273 h2{
	margin: 1em 0;
}

#page #post-2843 #industrie .col-md-6 h3, #page #post-3273 #industrie .col-md-6 li{
	text-align: justify;
}

#page #post-2843 #industrie .col-md-6 li, #page #post-3273 #industrie .col-md-6 li{
	margin: 10px 0;
	font-size: 1.125em;
	list-style-image: url('../images/puce2.png');
}

#page #post-2843 .industrie-mots, #page #post-3273 .industrie-mots{
	background-color: rgba(255,255,255,0.8);
  padding: 2em;
  border-radius: 5px;
}

#page #post-2843 .industrie-mots ul span, #page #post-3273 .industrie-mots ul span{
	font-size: 1.25vw;
  text-transform: uppercase;
}

#page #nos-solutions{
	background-color: rgb(255,255,255);
}

#page #main #centre-offre{
	margin-bottom: 4em;
}

#page #main #centre-offre .col-md-6{
	width: 48%;
	padding: 0 !important;
}

#page #main #centre-offre .col-md-6:first-of-type{
	margin: 0 2% 0 0;
}

#page #main #centre-offre .col-md-6:last-of-type{
	margin: 0 0 0 2%;
}

#page #main #centre-offre li span{
	color: rgb(230,68,21);
}

#page #main #centre-offre li{
	list-style-image: url('../images/puce2.png');
	font-size: 1.125em;
	margin-bottom: 5px;
}

#page #post-2843 #centre-offre p{
	margin-bottom: 10px;
}

#page #main #centre-offre .wr_text{
    padding: 1vw 2vw;
    background-color: rgba(255, 255, 255,0.8);
    border-radius: 5px;
}

#page #main #nos-solutions h2{
	color: rgb(43,60,75);
	margin-top: 1em;
}

#page #main #nos-solutions-suite p, #page #main #nos-solutions-suite-2 p{
	text-align: center;
}

#page #main #nos-solutions-suite h4, #page #main #nos-solutions-suite-2 h4{
	font-size: 1.25em;
}

#page #main #nos-solutions-suite, #page #main #nos-solutions-suite-2{
	background-color: white;
}

#page #main #nos-solutions-suite .col-md-2, #page #main #nos-solutions-suite .col-md-4, #page #main #nos-solutions-suite-2 .col-md-2, #page #main #nos-solutions-suite-2 .col-md-4{
	width: 18%;
	margin: 1vw 1%;
}

#page #main #nos-solutions-suite-2{
	padding-bottom: 2em !important;
  margin-bottom: 5em;
}

/** FINANCE */

#post-1751{
	background-image: url('../images/finance.jpg');
  background-size: 100%;
  background-attachment: fixed;
}

#page #main #post-1751 .entry-content{
	background: none;
}

#page #post-1751 h3{
  color: rgb(230,68,21);
  margin: 0em;
}

#page #post-1751 .col-md-6{
  background-color: rgba(255,255,255,0.9);  
  width: 40%;
  margin: 2em 5%;
  padding: 2em !important;
  border-radius: 10px;
}

#page #post-1751 .col-md-6 li{
 margin: 10px 0 5px 0;
 text-align: left;
}

#page #post-1751 .carte{
  padding-bottom: 2em;
}

#page #post-1751 #carte-finance{
  margin-top: 2em;
}

#page #post-1751 .content-map h3{
  text-align: center;
  margin: 1em 0;
}

#page #post-1751 .content-map p{
  text-align: center;
}

#page #post-1751 .content-map img{
  width: 50%;
}

#page #post-1751 .content-map li{
  text-align: center;
  list-style: none;
}

#page .margin-top-1{
  margin-top: 1em;
}

#page #post-1751 #finance-client li{
  text-align: center;
  list-style: none;
}

#page #post-1751 .finance-interventions .col-md-6{
  margin: 0 5%;
}

.cercle-map, .cercle-map-2, .cercle-map-3{
  border-radius: 100%;
  border: solid 1px rgb(112,0,0);
  display: inline-block;
  position: absolute;
}
#map-finance{
  position: relative;
}

#map-finance #pays-marker-1,#map-finance #pays-marker-2,#map-finance #pays-marker-3,#map-finance #pays-marker-4,#map-finance #pays-marker-5{
  position: absolute;
}
#map-finance #pays-marker-1{
    top: 10vw;
    left: 25vw;
}
#map-finance #pays-marker-2{
    top: 5.5vw;
    left: 35vw;
}
#map-finance #pays-marker-3{
    top: 5vw;
    left: 17.5vw;
}
#map-finance #pays-marker-4{
    top: 20vw;
    left: 15vw;
}
#map-finance #pays-marker-5{
    top: 18.5vw;
    left: 37.5vw;
}

#map-finance .cercle-map{
  padding:1vw;
  z-index: 1;
}

#map-finance .cercle-map span{
  font-size: 1.25vw;
  color: white;
}

#map-finance #pays-marker-1 .cercle-map{
  background-color: rgb(150,0,24);
  border:none;
  width: 12.5vw;
  height: 12.5vw;
  padding-top: 5.25vw;
}

#page #map-finance .cercle-map:hover{
  cursor: pointer;
  background-color: rgb(230,68,21);
}

#map-finance #pays-marker-2 .cercle-map{
  background-color: rgb(219,23,2);
  border:none;
  width: 6.5vw;
  height: 6.5vw;
  padding-top: 2.5vw;
}
#map-finance #pays-marker-3 .cercle-map{
  background-color: rgb(253,70,38);
  border:none;
  width: 8vw;
  height: 8vw;
  padding-top: 3vw;
}
#map-finance #pays-marker-4 .cercle-map{
  background-color: rgb(198,8,0);
  border:none;
  width: 11vw;
  height: 11vw;
  padding-top: 3.75vw;
}
#map-finance #pays-marker-5 .cercle-map{
  background-color: rgb(128,24,24);
  border:none;
  width: 9.5vw;
  height: 9.5vw;
  padding-top: 3.75vw;
}
#map-finance #pays-marker-1 .cercle-map-2{
  width:15vw;
  height:15vw;
  top: -1.25vw;
  left: -1.25vw;
}
#map-finance #pays-marker-4 .cercle-map-2{
  width:15vw;
  height:15vw;
  top: -2vw;
  left: -2vw;
}
#map-finance #pays-marker-5 .cercle-map-2{
  width:20vw;
  height:20vw;
  top: -5vw;
  left: -5vw;
}
#map-finance #pays-marker-2 .cercle-map-2{
  width:12.5vw;
  height:12.5vw;
  top: -3vw;
  left: -3vw;
}
#map-finance #pays-marker-3 .cercle-map-2{
  width:10vw;
  height:10vw;
  top: -1vw;
  left: -1vw;
}
#map-finance #pays-marker-3 .cercle-map-3{
  width:12.5vw;
  height:12.5vw;
  top: -2.25vw;
  left: -2.25vw;
}

.carte #content-pays-3{
  min-height: 38.125vw;
}




#page #post-1751 #interventions h2{
  text-transform: uppercase;
  color: white;
  font-weight: bolder;
}
#page .colonne-2, #page .colonne-10{
  display: inline-block;
}
#page .colonne-2{
  width: 35%;
}
#page .colonne-10{
  width: 54%;
  vertical-align: top;
}

#page #finance-perimetre li{
  color: rgb(230,68,21);
}


#finance .grid_4, #centre-service .grid_4, #RetD .grid_4{
	width: 30%;
}

#page #finance .grid_4 p, #page #RetD .grid_4 p, #page #graph_offre-digitale .grid_6 p{
	text-align: justify;
}
#page #graph_offre-digitale img{
	margin:1em auto;
}
	
#centre-service p span{
	color: rgb(230,68,21);
	font-weight: bolder;
}

#RetD .grid_3{
	width: 23%;
}

#page #RetD img{
	margin: 0 auto;
	float: initial !important;
}

#page #RetD .grid_3 p{
	text-align: center;
	font-size: 1.5em;
}

#page #RetD .container{
	margin-top: 50px;
}

#graph_offre-digitale p img{
	padding: 0 15%;
}

#graph_offre-digitale .grid_12 img{
	margin-top: 50px;
}

#offre_packagee .grid_6, #graph_offre-digitale .grid_6{
	width: 48%;
	text-align: justify;
}

#finance ul, #centre-service ul,#offre_packagee ul{
	padding: 0;
	margin:0;
}

#graph_offre-digitale #graph_offre-1, #graph_offre-digitale #graph_offre-2, #graph_offre-digitale #graph_offre-3, #graph_offre-digitale #graph_offre-4{
	text-align: center;
	float: none;
	width: 98%;
}

#page #main #post-185 header.entry-header, #page #main #post-3302 header.entry-header{
  margin-bottom: 0;
}

#page #main #post-185 #votre-carriere-intro, #page #main #post-3302 #votre-carriere-intro{
  padding-top: 4em !important;
  padding-bottom: 4em !important; 
  background: url('../images/carriere-intro.png');
}

#page #main #post-185 #votre-carriere-intro .jsn-bootstrap3.wr-element-container, #page #main #post-3302 #votre-carriere-intro .jsn-bootstrap3.wr-element-container{
  padding: 2em;
  background: rgba(255,255,255,0.8);
  border-radius: 10px;
}

#page .ui.button-profil, #page .ui.button-evolution{
	width: 200px;
	height: 200px;
	border-radius: 100%;
	background-color: rgb(43,60,75);
	margin:0 auto;
	padding-top: 80px;
	font-size: 1.25em;
	color: white;
	text-transform: uppercase;
}

#page .ui.button-profil:hover, #page #button-evolution .ui.button-evolution:hover{
  cursor: pointer;
  background-color: rgb(230,68,21);
}

#page #button-evolution .ui.button-evolution.active,#page #button_profil .ui.button-profil.active{
  background-color: white;
  padding-top: 75px;
  border: solid 5px rgb(230,68,21);
  color: rgb(43,60,75);
}

#page #button-evolution .ui.button-evolution{
	background-color: rgba(43,60,75,0.7);
}

#page #button-profil-evolution{
	margin: 50px 0;
}

.container-temoignage{
	background-color: rgb(43,60,75);
}

#page .container-temoignage .temoignage_profil.grid_4{
	width: 33.33%;
	margin: 0;
	padding: 2% !important;
	padding-bottom: 5em !important;
}

#page .container-temoignage .temoignage_profil.grid_4 img{
	display: block;
	margin: 0 auto;
}
#page .container-temoignage .temoignage_profil.grid_4 strong{
	display: block;
	text-align: center;
	margin:10px auto;
}

#page .container-temoignage .temoignage_profil.grid_4 p {
  width: 85%;
  margin: 20px auto;
}



#graph_offre-digitale .bubble_offre-1, #graph_offre-digitale .bubble_offre-2{
	width: 200px;
	height: 200px;
	border-radius: 100%;
	margin: 30px auto;
	position: relative;
}

#graph_offre-digitale .bubble_offre-1:hover, #graph_offre-digitale .bubble_offre-2:hover{
	background-color: rgb(230,68,21);
	cursor: pointer;
}

#page #graph_offre-digitale .bubble_offre-1:hover h3, #page #graph_offre-digitale .bubble_offre-2:hover h3{
	color: white;
}

#page #graph_offre-digitale .grid_6, #page #graph_offre-digitale .grid_6{
	text-align: center;
}

#page #graph_offre-digitale  #button_offre-1 h3{
	padding-top:90px;
}
#page #graph_offre-digitale  #button_offre-2 h3{
	padding-top:75px;
}
#page #graph_offre-digitale  #button_offre-3 h3{
	padding-top:85px;
}
#page #graph_offre-digitale  #button_offre-4 h3{
	padding-top:75px;
	margin-top:0;
}

#page #graph_offre-digitale #container_bubble{
  width: 100%;
}

#page #graph_offre-digitale #container_bubble .grid_3{
  width: 23%;
}


#graph_offre-digitale .bubble_offre-1{
	border: 1px solid rgb(43,60,75);
}

#page #graph_offre-digitale .bubble_offre-1 h3{
	color: rgb(43,60,75);
	padding-top: 100px;
	font-size: 1.25em;
	text-align: center;
}

#graph_offre-digitale .bubble_offre-2{
	background-color: rgb(43,60,75);
}

#page #graph_offre-digitale .bubble_offre-2 h3{
	color: white;
	padding-top: 100px;
	font-size: 1.25em;
	text-align: center;
}

#page #graph_offre-digitale .bubble_offre-1 .background-digital{ 
  background-image: url('../images/new_digital_cercle.png');
  height:250px;
  width: 250px;
  position: absolute;
  top: -25px;
  left: -25px;
  border-radius: 100px;
} 

.bubble_process p{
  text-align: center;
  padding: 75px 30px !important;
  color: white !important;
}

#process p{
  font-weight: bolder;
}

#process p i.fa-minus{
  line-height: 175px;
  text-align: center;
  color: rgb(255, 255, 255);
  display: block;
  font-size: 40px;
}
  
#process .bubble_process{
  margin:0 auto;
}

#page #process{
	height: 300px;
	padding:50px 16% !important;
}

#bienvenue_process img{
  width: 100%;
  height: 500px;
  opacity: 0.8;
}

#page #bienvenue_process #message_bienvenue-process p{
  text-align: center;
  margin-top: 5px;
}

#page #message_bienvenue-process h4{
  font-size: 3.5em;
  color: rgb(230, 68, 21);
}

.anim_bubble-process{
  width: 250px;
  height: 250px;
  border-radius: 100%;
  border:solid 1px rgb(43,60,75);
  position: absolute;
  background-color: white;
  padding: 0 30px;
}

.anim_bubble-process img{
  position: absolute;
  z-index: 2;
}

#anim-bubble_1{
  top:50px;
  left: 15%;
}

#anim-bubble_1 img{
  top: -25px;
  left: 25px;
}

#anim-bubble_2{
  top:300px;
  right: 20%;
}

#anim-bubble_2 img{
  top: 0px;
  left: 175px;
}

#anim-bubble_3{
  top:550px;
  left: 15%;
}

#anim-bubble_3 img{
  top: 175px;
  left: 0px;
}

#anim-bubble_4{
  top:800px;
  right: 20%;
}

#anim-bubble_4 img{
  top: 175px;
  left: 175px;
}

#anim-process{
  position: relative;
  height: 1150px;
}

#page #post-183 .entry-header, #page #post-3295 .entry-header{
	margin-bottom: 0 !important;
}

#page #post-183 #anim-process, #page #post-3295 #anim-process{
	background: url('../images/img_processus_de_recrutement.png') no-repeat;
  background-size: 100%;
  margin: 0 !important;
  padding: 2em 8% !important;
}

#page #post-183 .entry-content, #page #post-3295 .entry-content{
	background:none !important;
}

#page #anim-process #anim-bubble_1 p{
	padding-top: 55%;
	text-align: center;
	font-size: 18px !important;
	font-weight: bolder;
}

#page #anim-process #anim-bubble_2 p{
	padding-top: 55%;
	text-align: center;
	font-size: 18px !important;
	font-weight: bolder;
}

#page #anim-process #anim-bubble_3 p,#page #anim-process #anim-bubble_4 p{
  padding-top: 45%;
  text-align: center;
  font-size: 16px !important;
  font-weight: bolder;
}

#animInfinite-1_1{ 
  background-image: url('../images/process_1-3.png');
  height:300px;
  width: 300px;
  position: absolute;
  top: -25px;
  left: -25px;
  border-radius: 100px;
  animation-name:rotation;
  -webkit-animation-name:rotation; 
  -moz-animation-name:rotation;
  -o-animation-name:rotation; 
  animation-duration:10s;
  -webkit-animation-duration:10s; 
  -moz-animation-duration:10s;
  -o-animation-duration:10s; 
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite; 
  -moz-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite; 
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear; 
  -moz-animation-timing-function:linear;
  -o-animation-timing-function:linear;
  z-index: 1; 
}

#animInfinite-1_2{ 
  background-image: url('../images/process_1-2.png');
  height:325px;
  width: 325px;
  position: absolute;
  top: -37.5px;
  left: -37.5px;
  border-radius: 100px;
  animation-name:rotation;
  -webkit-animation-name:rotation; 
  -moz-animation-name:rotation;
  -o-animation-name:rotation; 
  animation-duration:8s;
  -webkit-animation-duration:8s; 
  -moz-animation-duration:8s;
  -o-animation-duration:8s; 
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite; 
  -moz-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite; 
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear; 
  -moz-animation-timing-function:linear;
  -o-animation-timing-function:linear;
  z-index: 1; 
}

#animInfinite-1_3{ 
  background-image: url('../images/process_1-1.png');
  height:350px;
  width: 350px;
  position: absolute;
  top: -50px;
  left: -50px;
  border-radius: 100px;
  animation-name:rotation;
  -webkit-animation-name:rotation; 
  -moz-animation-name:rotation;
  -o-animation-name:rotation; 
  animation-duration:5s;
  -webkit-animation-duration:5s; 
  -moz-animation-duration:5s;
  -o-animation-duration:5s; 
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite; 
  -moz-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite; 
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear; 
  -moz-animation-timing-function:linear;
  -o-animation-timing-function:linear;
  z-index: 1; 
}

#animInfinite-2_1{ 
background-image: url('../images/process_2-3.png');
  height:300px;
  width: 300px;
  position: absolute;
  top: -25px;
  left: -25px;
  border-radius: 100px;
  animation-name:rotation2;
  -webkit-animation-name:rotation2; 
  -moz-animation-name:rotation2;
  -o-animation-name:rotation2; 
  animation-duration:10s;
  -webkit-animation-duration:10s; 
  -moz-animation-duration:10s;
  -o-animation-duration:10s; 
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite; 
  -moz-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite; 
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear; 
  -moz-animation-timing-function:linear;
  -o-animation-timing-function:linear;
  z-index: 1; 
}

#animInfinite-2_2{ 
  background-image: url('../images/process_2-2.png');
  height:325px;
  width: 325px;
  position: absolute;
  top: -37.5px;
  left: -37.5px;
  border-radius: 100px;
  animation-name:rotation2;
  -webkit-animation-name:rotation2; 
  -moz-animation-name:rotation2;
  -o-animation-name:rotation2; 
  animation-duration:8s;
  -webkit-animation-duration:8s; 
  -moz-animation-duration:8s;
  -o-animation-duration:8s; 
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite; 
  -moz-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite; 
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear; 
  -moz-animation-timing-function:linear;
  -o-animation-timing-function:linear;
  z-index: 1; 
}

#animInfinite-2_3{ 
  background-image: url('../images/process_2-1.png');
  height:350px;
  width: 350px;
  position: absolute;
  top: -50px;
  left: -50px;
  border-radius: 100px;
  animation-name:rotation2;
  -webkit-animation-name:rotation2; 
  -moz-animation-name:rotation2;
  -o-animation-name:rotation2; 
  animation-duration:5s;
  -webkit-animation-duration:5s; 
  -moz-animation-duration:5s;
  -o-animation-duration:5s; 
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite; 
  -moz-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite; 
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear; 
  -moz-animation-timing-function:linear;
  -o-animation-timing-function:linear;
  z-index: 1; 
}

#animInfinite-3_1{ 
  background-image: url('../images/process_3-3.png');
  height:300px;
  width: 300px;
  position: absolute;
  top: -25px;
  left: -25px;
  border-radius: 100px;
  animation-name:rotation;
  -webkit-animation-name:rotation; 
  -moz-animation-name:rotation;
  -o-animation-name:rotation; 
  animation-duration:10s;
  -webkit-animation-duration:10s; 
  -moz-animation-duration:10s;
  -o-animation-duration:10s; 
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite; 
  -moz-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite; 
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear; 
  -moz-animation-timing-function:linear;
  -o-animation-timing-function:linear;
  z-index: 1; 
}

#animInfinite-3_2{ 
  background-image: url('../images/process_3-2.png');
  height:325px;
  width: 325px;
  position: absolute;
  top: -37.5px;
  left: -37.5px;
  border-radius: 100px;
  animation-name:rotation;
  -webkit-animation-name:rotation; 
  -moz-animation-name:rotation;
  -o-animation-name:rotation; 
  animation-duration:8s;
  -webkit-animation-duration:8s; 
  -moz-animation-duration:8s;
  -o-animation-duration:8s; 
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite; 
  -moz-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite; 
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear; 
  -moz-animation-timing-function:linear;
  -o-animation-timing-function:linear;
  z-index: 1; 
}

#animInfinite-3_3{ 
  background-image: url('../images/process_3-1.png');
  height:350px;
  width: 350px;
  position: absolute;
  top: -50px;
  left: -50px;
  border-radius: 100px;
  animation-name:rotation;
  -webkit-animation-name:rotation; 
  -moz-animation-name:rotation;
  -o-animation-name:rotation; 
  animation-duration:5s;
  -webkit-animation-duration:5s; 
  -moz-animation-duration:5s;
  -o-animation-duration:5s; 
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite; 
  -moz-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite; 
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear; 
  -moz-animation-timing-function:linear;
  -o-animation-timing-function:linear;
  z-index: 1; 
}

#animInfinite-4_1{ 
background-image: url('../images/process_4-3.png');
  height:300px;
  width: 300px;
  position: absolute;
  top: -25px;
  left: -25px;
  border-radius: 100px;
  animation-name:rotation2;
  -webkit-animation-name:rotation2; 
  -moz-animation-name:rotation2;
  -o-animation-name:rotation2; 
  animation-duration:10s;
  -webkit-animation-duration:10s; 
  -moz-animation-duration:10s;
  -o-animation-duration:10s; 
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite; 
  -moz-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite; 
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear; 
  -moz-animation-timing-function:linear;
  -o-animation-timing-function:linear;
  z-index: 1; 
} 

#animInfinite-4_2{ 
  background-image: url('../images/process_4-2.png');
  height:325px;
  width: 325px;
  position: absolute;
  top: -37.5px;
  left: -37.5px;
  border-radius: 100px;
  animation-name:rotation2;
  -webkit-animation-name:rotation2; 
  -moz-animation-name:rotation2;
  -o-animation-name:rotation2; 
  animation-duration:8s;
  -webkit-animation-duration:8s; 
  -moz-animation-duration:8s;
  -o-animation-duration:8s; 
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite; 
  -moz-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite; 
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear; 
  -moz-animation-timing-function:linear;
  -o-animation-timing-function:linear;
  z-index: 1; 
}

#animInfinite-4_3{ 
  background-image: url('../images/process_4-1.png');
  height:350px;
  width: 350px;
  position: absolute;
  top: -50px;
  left: -50px;
  border-radius: 100px;
  animation-name:rotation2;
  -webkit-animation-name:rotation2; 
  -moz-animation-name:rotation2;
  -o-animation-name:rotation2; 
  animation-duration:5s;
  -webkit-animation-duration:5s; 
  -moz-animation-duration:5s;
  -o-animation-duration:5s; 
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite; 
  -moz-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite; 
  animation-timing-function:linear;
  -webkit-animation-timing-function:linear; 
  -moz-animation-timing-function:linear;
  -o-animation-timing-function:linear;
  z-index: 1; 
}

@keyframes rotation{ 
   from {transform:rotate(0deg);} to {transform:rotate(360deg);} 
} 
@-webkit-keyframes rotation{ 
   from {-webkit-transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);} 
} 
@-moz-keyframes rotation{ 
   from {-moz-transform:rotate(0deg);} to {-moz-transform:rotate(360deg);} 
} 
@-o-keyframes rotation{ 
   from {-o-transform:rotate(0deg);} to {-o-transform:rotate(360deg);} 
} 

@keyframes rotation2{ 
   from {transform:rotate(360deg);} to {transform:rotate(0deg);} 
} 
@-webkit-keyframes rotation2{ 
   from {-webkit-transform:rotate(360deg);} to {-webkit-transform:rotate(0deg);} 
} 
@-moz-keyframes rotation2{ 
   from {-moz-transform:rotate(360deg);} to {-moz-transform:rotate(0deg);} 
} 
@-o-keyframes rotation2{ 
   from {-o-transform:rotate(360deg);} to {-o-transform:rotate(0deg);} 
} 

#page #etapes-process li p{
	color: white;
	padding-right: 5em;
}

#page #etapes-process li{
	margin: 20px 0;
}

/* #page #etapes-process hr{
	margin: 20px 25%;
	border-top: 2px solid white;
} */

#page #etapes-process{
	padding-bottom: 2em;
}

#las_part_process hr{
  border:solid 1px rgb(43,60,75);
}

#page #las_part_process p{
  text-align:justify;
  font-size: 16px;
}

#las_part_process{
  margin-bottom:30px;
}

#trait-anim-1{
	position: absolute;
	top: 26%;
	left: 25%;
	width: 45%;
	height: 1px;
	background-color:rgba(43, 60, 75,0.5);
	-ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
    transform: rotate(20deg);
}

#trait-anim-2{
	position: absolute;
	top: 50%;
	left: 20%;
	width: 50%;
	height: 1px;
	background-color:rgba(43, 60, 75,0.5);
	-ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
    transform: rotate(-20deg);
}

#trait-anim-3{
	position: absolute;
	top: 70%;
	left: 20%;
	width: 50%;
	height: 1px;
	background-color:rgba(43, 60, 75,0.5);
	-ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
    transform: rotate(20deg);
}

#anim-process .col-md-12.col-sm-12.col-xs-12{
	height: 100%;
}

#decouvrir_offres{
	padding:2.5% 8%;
}

#page #decouvrir_offres p{
	text-align:center;
}

#page #picto-2 .arrow-right p{
  text-align: center;
}

#page #post-109 header.entry-header, #page #post-2413 header.entry-header, #page #post-3289 header.entry-header, #page #post-3259 header.entry-header{
  margin-bottom: 0;
}

#page #cube-container{
  margin: 50px auto;
}

#cube-container .container {
  width: 400px;
  height: 400px;
  position: relative;
  perspective: 1000px;
}

#cube-container #cube {
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
}

#cube-container #cube figure {
  width: 400px;
  height: 400px;
  display: block;
  position: absolute;
  border: 2px solid black;
  background-color: rgba(255,255,255,0.8);
}

#cube .front  { transform: rotateY(   0deg ); }
#cube .back   { transform: rotateX( 180deg ); }
#cube .right  { transform: rotateY(  90deg ); }
#cube .left   { transform: rotateY( -90deg ); }
#cube .top    { transform: rotateX(  90deg ); }
#cube .bottom { transform: rotateX( -90deg ); }

#cube .front  { transform: rotateY(   0deg ) translateZ( 200px ); }
#cube .back   { transform: rotateX( 180deg ) translateZ( 200px ); }
#cube .right  { transform: rotateY(  90deg ) translateZ( 200px ); }
#cube .left   { transform: rotateY( -90deg ) translateZ( 200px ); }
#cube .top    { transform: rotateX(  90deg ) translateZ( 200px ); }
#cube .bottom { transform: rotateX( -90deg ) translateZ( 200px ); }

#cube { transform: translateZ( -200px ); }

#cube.show-front  { transform: translateZ( -200px ) rotateY(    0deg ); }
#cube.show-back   { transform: translateZ( -200px ) rotateX( -180deg ); }
#cube.show-right  { transform: translateZ( -200px ) rotateY(  -90deg ); }
#cube.show-left   { transform: translateZ( -200px ) rotateY(   90deg ); }
#cube.show-top    { transform: translateZ( -200px ) rotateX(  -90deg ); }
#cube.show-bottom { transform: translateZ( -200px ) rotateX(   90deg ); }

#cube { 
  transition: transform 1s;
}

#options{
  margin-top: 100px;
}

#page #options #show-buttons{
  text-align: center;
}

#options #show-buttons button{
  background-color: white;
  padding: 1em 1.25em;
  box-shadow: 0 0 0 2px rgba(39, 41, 43, 0.15) inset;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  border-radius: .2857rem;
  text-transform: none;
  text-shadow: none!important;
  margin:0 25px;
}

#options #show-buttons button:hover{
  box-shadow: 0 0 0 2px rgba(43, 60, 75, 0.9) inset;
  color: rgba(43, 60, 75, 0.9) ;
}

.ui.cube{
	width: 100%;
}

.ui.cube.side{
	padding: 2em !important;
}

.ui .sides{
	width: 100%;
}

.primary-navigation ul ul{
  width: 93%;
  z-index: 2;
  border:none;
  border-top: solid 2px rgb(230,68,21);
  background-color: white !important;
  line-height: 35px;
  top: 58px;
}

.primary-navigation li ul li{
  border: none;
  display: inline-block;
  background-color: white;
}

.primary-navigation li ul li:hover a{
	padding-left: 15px;
}

#page .primary-navigation li{
  position: static;
  list-style: none;
}

#page .primary-navigation ul li.current-menu-ancestor.current-menu-parent a{
  text-decoration: underline;
}

#page .primary-navigation ul li.current-menu-ancestor.current-menu-parent ul li a{
  text-decoration: none;
}

#page .primary-navigation li.active a{
  color: rgb(230,68,21) !important;
}

#page .primary-navigation li.active ul li a{
  color: rgb(43,60,75) !important;
}

#page .primary-navigation li.active ul li:hover a{
  color: rgb(230,68,21) !important;
}

#page .primary-navigation li.active ul li.current-menu-item a{
  color: rgb(230,68,21) !important;
}

.primary-navigation ul ul a{
  padding: 4px 15px;
  display: block;
}

.primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul {
  left: -999em;
  z-index: 2;
  width: 93%;
}

#page .temoignage_profil img{
	display: block;
}

#page .temoignage_profil strong{
	font-weight: bold;
	display: block;
	font-size: 1.25rem;
	margin-left: 0;
	margin:10px 0 20px 0;
	color: white;
}

#page .temoignage_profil p{
	color: white;
}

#page .temoignage_profil{
	text-align: left;
	padding:1% 8% !important;
}

#page .temoignage_profil{
	background-color: rgb(43,60,75);
}

#page #profil .temoignage_profil {
  background-color: rgba(43,60,75,0.9);
}

#page .temoignage_profil .img-tem, #page .temoignage_profil .text-tem{
	display: inline-block;
	vertical-align: middle;
}

#page .temoignage_profil .img-tem{
	width: 25%;
}

#page .temoignage_profil .text-tem{
	width: 65%;
}

#page .container-temoignage #temoignage_4{
	background-color: rgba(43,60,75,0.7);
}

#page .container-temoignage #temoignage_3{
	background-color: rgba(43,60,75,0.8);
}

#page .container-temoignage #temoignage_2{
	background-color: rgba(43,60,75,0.9);
}

#page .temoignage_profil img{
	margin:10px 0;
}

#finance .container, #RetD .container, #offre_packagee .container{
	width: 100%;
	margin: 25px 0;
	padding: 0;
}

#graph_offre-digitale .container{
	margin: 25px auto;
	padding: 0;
	width: 1150px;
}

#page #intro-offre-digitale{
	background: url('../images/offre-digitale.jpg');
	background-size: 100%;
}

#page #main #post-1757 header.entry-header, #page #main #post-3278 header.entry-header{
	margin-bottom: 0 !important;
} 

#page #intro-offre-digitale #texte-intro-offre{
	width: 35vw;
	float: right;
	margin: 5vw 0 5vw 5vw;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 2.5vw;
    border-radius: 10px;
}

#page #post-1757 #aprroche-globale, #page #post-1757 #graph_offre-digitale, #page #post-1757 #bloc_liste, #page #post-3278 #aprroche-globale, #page #post-3278 #graph_offre-digitale, #page #post-3278 #bloc_liste{
	margin-top: 4em;
}

#page #post-1757 #bulles-approche h3, #page #post-3278 #bulles-approche h3{
	margin-bottom: 1em;
}

#page #post-1757 #aprroche-globale h2, #page #post-3278 #aprroche-globale h2{
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

#page #post-1757 #graph_offre-digitale h2, #page #post-3278 #graph_offre-digitale h2{
	margin-bottom: 1em;
}


#page #intro-offre-digitale #texte-intro-offre p{
	margin: 10px 0;
    color: rgb(43, 60, 75);
    font-size: 0.95vw;
}

#page #intro-offre-digitale #texte-intro-offre p strong{
	font-size: 1.75vw;
	font-weight: normal;
}


#page #liste_2col .colonne{
	display: inline-block;
	width: 45%;
	vertical-align: top;
}

#page #post-1757 #bloc_liste .col-xs-12, #page #post-3278 #bloc_liste .col-xs-12{
	background: white;
	border-radius: 10px;
	min-height: 12vw;
}

#page #post-1757 #bloc_liste .col-md-2.col-sm-2, #page #post-3278 #bloc_liste .col-md-2.col-sm-2{
	width: 18%;
	margin: 0 2%;
}

#page #post-1757 #bloc_liste .col-md-6.col-sm-6, #page #post-3278 #bloc_liste .col-md-6.col-sm-6{
	width: 30%;
	margin: 0 2%;
}

#page #post-1757 .line-bubble-1, #page #post-1757 .line-bubble-2, #page #post-3278 .line-bubble-1, #page #post-3278 .line-bubble-2{
	text-align: left;
}

#page #post-1757 .bubble-digital, #page #post-3278 .bubble-digital{
  width: 10vw;
  display: inline-block;
  margin: 0.5vw 1vw;
  vertical-align: top;
  border-radius: 10px;
  background-color: rgb(43,60,75);
  border: 3px solid rgb(255,255,255);
  text-align: center;
}

#page #post-1757 .bubble-digital span, #page #post-3278 .bubble-digital span{
	color: white;
	font-weight: bolder;
	font-size: 0.65vw;
	text-transform: uppercase
}

#page #post-1757 .bubble-digital:hover, #page #post-3278 .bubble-digital:hover{
	border: 3px solid rgb(43,60,75);
	background-color: white;
}

#page #post-1757 .bubble-digital:hover span, #page #post-3278 .bubble-digital:hover span{
	color: rgb(43,60,75);
}


#page #post-1757 .bubble-digital .bubble-content, #page #post-3278 .bubble-digital .bubble-content{
    vertical-align: middle;
    padding: 1vw 0.5vw;
}

#page #post-1757 #bloc_liste, #page #post-3278 #bloc_liste{
	background-color: rgb(43,60,75);
	padding-top:2em !important;
	padding-bottom:2em !important;
}

#page #post-1757 #bloc_liste h3, #page #post-3278 #bloc_liste h3{
	color: rgb(230,68,21);
	margin: 10px 0;
	font-size: 1.25vw;
}

#centre-service .container{
	width: 100%;
	padding: 0;
	margin-bottom: 30px;
}

#finance .container .grid_4, #RetD .container .grid_4{
	padding: 2%;
}

#centre-service .container .grid_4{
	padding: 0 2%;
}

#finance .container .grid_4:first-of-type, #RetD .container .grid_4:first-of-type, #centre-service .container .grid_4:first-of-type{
	padding-left : 0;
	margin-left: 0;
}

#finance .container .grid_4:last-of-type, #RetD .container .grid_4:last-of-type{
	padding-right : 0;
	margin-right: 0;
}

#centre-service .container .grid_4:nth-child(2){
	margin-right:0;
 	padding-right: 1%;
}

#centre-service .container .grid_4:last-of-type{
	margin: 0;
	padding: 0;
}

#finance .container .grid_4 h3, #RetD .container .grid_4 h3, #centre-service .container .grid_4 h3{
	margin-bottom: 30px;
	text-align: center;
}

 #offre_packagee .container .grid_6 h3{
 	text-align: center;
 	padding: 0 10px;
 	margin-bottom: 30px;
 }


#offfre_digitale h2, #finance h2, #RetD h2, #offre_packagee h2, #centre-service h2{
	margin: 40px 0 !important;
}

.texte_profil, .texte_evolution{
	margin-bottom: 30px;
}

#evolution .temoignage_profil{
  margin-bottom: 2em;
}

#post-50, #post-3317{
  background-image: url('../images/ecole-relation.jpg');
  background-size: 100%;
  background-attachment: fixed;
}

#post-1896, #post-3282{
  background-image:url("../images/last-part_innov.png");
  background-size: 100%;
  background-attachment: fixed;
}

#page #post-1896 #intro-innov, #page #post-1896 #intro-text-innov, #page #post-1896 #axes-innov, #page #post-1896 #axes-innov-picto, #page #post-3282 #intro-innov, #page #post-3282 #intro-text-innov, #page #post-3282 #axes-innov, #page #post-3282 #axes-innov-picto{
  background-color: rgba(255,255,255,0.9);
}

#page #post-1896 #axes-innov-picto, #page #post-3282 #axes-innov-picto{
  margin-bottom:5em;
}

#page #post-1896 #intro-innov, #page #post-3282 #intro-innov{
  padding-top: 5em !important;
}

#page #post-1896 #axes-innov, #page #post-3282 #axes-innov{
  padding-top: 3em !important;
}

#page #post-1896 #axes-innov-picto, #page #post-3282 #axes-innov-picto{
  padding-bottom: 2em !important;
}

#page #post-1896 #intro-innov h2, #page #post-3282 #intro-innov h2{
	text-align:center;
}

#page #post-1896 #axes-innov, #page #post-3282 #axes-innov{
  margin-top: 5em;
}

#page #post-1896 #titre-pdf, #page #post-3282 #titre-pdf{
  margin-bottom: 3em;
  margin-top: 1em;
}

#page #post-1896 #intro-text-innov, #page #post-3282 #intro-text-innov{
  padding-bottom: 5em !important;
  margin-bottom: 5em;
}

#page #main article#post-1896 .entry-header, #page #main article#post-3282 .entry-header{
  margin-bottom: 0;
}

#page #main article#post-1896 .entry-content, #page #main article#post-3282 .entry-content{
  background: none;
}

#page #main #post-50 .bcgd-white h2, #page #main #post-50 .bcgd-white p , #page #main #post-3317 .bcgd-white h2, #page #main #post-3317 .bcgd-white p {
  color: white;
}

#page #main #post-50 .bcgd-white strong, #page #main #post-3317 .bcgd-white strong{
  color: rgb(230,68,21);
}

#page #main #post-50 .entry-content, #page #main #post-3317 .entry-content{
  background:none;
}

#page #carousel-build-carreer{
  margin-bottom:5em !important;
  padding-top: 5em !important;
  padding-bottom: 5em !important;
}

#page #carousel-build-carreer .build-carreer{
  width: 75%;
  margin:0 auto;
}

#page #carousel-build-carreer{
  background-color: rgba(43,60,75,0.9);
}

#page #carousel-build-carreer h2, #page #carousel-build-carreer p{
	color:white;
}

#page #carousel-build-carreer .carousel img{
  margin:0 auto;
  width: 75%;
}

#parcours-etudiant #button-offres{
  background-color: rgba(43, 60, 75, 0.9);
  border-radius: 10px;
  display: inline-block;
  margin: 4em auto;
}

#parcours-etudiant #button-offres a{
	display: block;
}

#parcours-etudiant #button-offres:hover{
  background-color: rgba(255, 255, 255, 0.9);
  border:solid 3px rgb(43, 60, 75);
}

#parcours-etudiant #button-offres h3{
	padding: 1em 2em;
	margin:0;
	color: white;
	font-size: 1.25em;
	text-align: center;
	font-weight: bolder;
}

#parcours-etudiant #button-offres:hover h3{
	color: rgb(43,60,75);
}

#parcours-etudiant {
	overflow: hidden;
}

#parcours-etudiant .col-md-6{
	padding: 0 !important;
}

#parcours-etudiant .col-md-6:last-of-type{
	/* width: 44%;
	float: right; */
	padding-right: 8%;
}

#parcours-etudiant .col-md-6 .wr-element-heading h2{
	padding:0.5em;
}

#parcours-etudiant .col-md-6 .wr-element-image img{
	max-width: 70%;
	padding-top: 3em;
}

#parcours-etudiant #four-reasons-title h2{
	background-color: rgba(43, 60, 75, 0.9);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
	color: white !important;
}

#parcours-etudiant #video-steph{
	background-color: rgba(43, 60, 75, 0.9);
    border-radius: 10px;
	color: white !important;
	display: inline-block;
	padding: 20px;
}

#parcours-etudiant #video-steph iframe{
	margin: 0;
}

#parcours-etudiant #video-steph h2{
	color: white !important;
	margin-bottom: 1em;
}



#page #carousel-build-carreer .jsn-bootstrap3.wr-element-container.wr-element-text.build-carreer{
  width: 75%;
}


#page #carousel-build-carreer .carousel .carousel-caption{
  width: 75%;
  margin: 0 auto;
  bottom: 0;
  background-color: rgba(43,60,75,0.9);
  visibility: hidden;
}

#page #carousel-build-carreer .carousel .carousel-caption.animated{
  visibility: visible;
}


#page #carousel-build-carreer .carousel .carousel-caption h4{
  margin:10px;
  font-size: 1.75em;
}

#page #carousel-build-carreer .carousel .carousel-caption p{
  margin:0;
  color: white;
  margin:0 25px;
  font-size: 1.125em;
  text-align: center;
}

#carousel-build-carreer p strong{
	color:rgb(230,68,21);
}

#carousel-build-carreer p strong:hover{
	color:rgb(255,255,255);
}

#page #carousel-build-carreer .jsn-bootstrap3 .carousel .carousel-control span{
	 background-color: rgb(255,255,255);
}

#page #carousel-build-carreer .jsn-bootstrap3 .carousel .carousel-control span:before{
  color: rgba(43,60,75,0.9);
}

#page #carousel-build-carreer .jsn-bootstrap3 .carousel .carousel-control:hover span{
  background-color: rgba(43,60,75,0.9);
}

#page #carousel-build-carreer .jsn-bootstrap3 .carousel .carousel-control:hover span:before{
  color: rgba(255,255,255,0.9);
}


#page #carousel-build-carreer .jsn-bootstrap3.wr-element-container.wr-element-text.build-carreer p{
  text-align: justify;
}

#circle_campus{
  border-radius: 100%;
  margin: 0;
  position: relative;
  margin: 5em auto;
}

#circle_campus img{
  width: 75%;
}



#slide_campus{
  position: absolute;
  width: 50%;
  height: 50%;
  top: 0%;
  left: 20%;
}

#circle_campus #slide_campus img{
	width: 100%;
}

#circle_campus #slide_campus img#image-camus-2{
	width: 80%;
}

#circle_campus #button-campus{
  display: inline-block;
  position: absolute;
  top: 85%;
  left: 70%;
}

#circle_campus #button-campus div{
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background-color: rgb(43,60,75);
	margin: 0 5px;
}

#circle_campus #button-campus div.active{
	background-color: rgb(230,68,21);
}


#circle_campus #button-campus div:hover{
	cursor: pointer;
	background-color: rgb(230,68,21);
}

.temoignages_ecole .img-temoignage span{
  width: 200px;
  text-align: center;
  padding-left: 50px;
  line-height: 30px;
  font-size: 1.5em;
  font-family: 'Muli';
  font-weight: bold;
  margin: 10px auto;
  color: white;
}

.temoignages_ecole{
  position: relative;
  padding: 25px;
  background-color: rgba(43,60,75,0.9);
  margin-top: 5em;
  margin-bottom: 5em;
  border-radius: 15px;
}

.temoignages_ecole #buttons_temoignages{
  position: absolute;
  top: 25px;
  right: 25px;
}

.temoignages_ecole .texte-temoignage{
  padding: 2% 5%;
  font-size: 1.125em;
  text-align: justify;
  color: white;
}

.temoignages_ecole .img-temoignage{
  display: inline-block;
}

.temoignages_ecole #buttons_temoignages, .temoignages_ecole #buttons_temoignages .button-temoignage{
  display: inline-block;
}

 .temoignages_ecole #buttons_temoignages .button-temoignage{
  margin: 5px;
  cursor: pointer;
 }


.temoignages_ecole .img-temoignage .ui.medium.circular.image{
  width: 200px;
  display: inline-block;
}

.temoignages_ecole{
  text-align: left;
}

@media all and (max-width: 580px){

	#image-ecole .col-md-10{
		display: none;
	}

	.jsn-bootstrap3 #ecoles-cibles{
		margin-top:1em !important;
	}

	#ecoles-cibles h2{
		margin: 0;
	}

	#Aubay_campus p{
		font-size: 1em !important;
	}

	#page #carousel-build-carreer{
	    padding-top: 1em !important;		
	}

	#page #carousel-build-carreer .carousel.slide{
		margin-top: 2em !important;
	}

	#page #carousel-build-carreer .carousel .carousel-caption h4{
		font-size: 1.25em;
	}

	#page #carousel-build-carreer .carousel .carousel-caption p{
		font-size: 1em;
		padding: 5px;
		margin: 0 5px;
	}

	#page .texte_evolution.texte-anime, #page .texte_profil.texte-anime, #evolution .temoignage_profil{
		padding: 0 2% !important;
	}

	.img-tem{
		width:30%;
		margin:0 5%;
	}

	.text-tem{
		width:60% !important;
		padding-top: 1em;
		padding-bottom: 1em;
	}


	#page #carousel-build-carreer .carousel .carousel-caption.animated{
		padding: 5px;
	}

	#image-ecole .col-md-2{
		width: 100%;
	}

	.temoignages_ecole .img-temoignage span{
	  width: 200px;
	  text-align: center;
	  vertical-align: bottom;
	  padding-left: 10px;
	  line-height: 30px;
	  font-size: 1.125em;
	  font-family: 'Muli';
	  font-weight: bold;
	  margin: 10px auto;
	  color: white;
	}

	
	#buttons_temoignages .ui.tiny.circular.image{
		width: 30px;
	}

	.temoignages_ecole{
	  position: relative;
	  padding: 25px;
	  background-color: rgba(43,60,75,0.9);
	  margin-top: 5em;
	  margin-bottom: 5em;
	  border-radius: 15px;
	}

	.temoignages_ecole #buttons_temoignages{
	  position: absolute;
	  top: 25px;
	  right: 25px;
	}

	.temoignages_ecole .texte-temoignage{
	  padding: 2% 5%;
	  font-size: 0.85em;
	  text-align: justify;
	  color: white;
	}

	.temoignages_ecole .img-temoignage{
	  display: inline-block;
	}

	.temoignages_ecole #buttons_temoignages, .temoignages_ecole #buttons_temoignages .button-temoignage{
	  display: inline-block;
	}

	 .temoignages_ecole #buttons_temoignages .button-temoignage{
	  margin: 5px;
	  cursor: pointer;
	 }


	.temoignages_ecole .img-temoignage .ui.medium.circular.image{
	  width: 75px;
	  display: inline-block;
	}

	.temoignages_ecole{
	  text-align: left;
	}
}

@media all and (min-width: 580px) and (max-width: 1024px){
	
	#image-ecole .col-md-10{
		display: none;
	}

	.jsn-bootstrap3 #ecoles-cibles{
		margin-top:1em !important;
	}

	#ecoles-cibles h2{
		margin: 0;
	}

	#Aubay_campus p{
		font-size: 1em !important;
	}

	#page #carousel-build-carreer{
	    padding-top: 1em !important;		
	}

	#page #carousel-build-carreer .carousel.slide{
		margin-top: 2em !important;
	}

	#page #carousel-build-carreer .carousel .carousel-caption h4{
		font-size: 1.25em;
	}

	#page #carousel-build-carreer .carousel .carousel-caption p{
		font-size: 1em;
		padding: 5px;
		margin: 0 5px;
	}

	#page .texte_evolution.texte-anime, #page .texte_profil.texte-anime, #evolution .temoignage_profil{
		padding: 0 2% !important;
	}

	.img-tem{
		width:30%;
		margin:0 5%;
	}

	.text-tem{
		width:60% !important;
		padding-top: 1em;
		padding-bottom: 1em;
	}


	#page #carousel-build-carreer .carousel .carousel-caption.animated{
		padding: 5px;
	}

	#image-ecole .col-md-2{
		width: 100%;
	}

	.temoignages_ecole .img-temoignage span{
	  width: 200px;
	  text-align: center;
	  padding-left: 10px;
	  line-height: 30px;
	  font-size: 1.25em;
	  font-family: 'Muli';
	  font-weight: bold;
	  margin: 10px auto;
	  color: white;
	}

	
	#buttons_temoignages .ui.tiny.circular.image{
		width: 50px;
	}

	.temoignages_ecole{
	  position: relative;
	  padding: 25px;
	  background-color: rgba(43,60,75,0.9);
	  margin-top: 5em;
	  margin-bottom: 5em;
	  border-radius: 15px;
	}

	.temoignages_ecole #buttons_temoignages{
	  position: absolute;
	  top: 25px;
	  right: 25px;
	}

	.temoignages_ecole .texte-temoignage{
	  padding: 2% 5%;
	  font-size: 1em;
	  text-align: justify;
	  color: white;
	}

	.temoignages_ecole .img-temoignage{
	  display: inline-block;
	}

	.temoignages_ecole #buttons_temoignages, .temoignages_ecole #buttons_temoignages .button-temoignage{
	  display: inline-block;
	}

	 .temoignages_ecole #buttons_temoignages .button-temoignage{
	  margin: 5px;
	  cursor: pointer;
	 }


	.temoignages_ecole .img-temoignage .ui.medium.circular.image{
	  width: 150px;
	  display: inline-block;
	}

	.temoignages_ecole{
	  text-align: left;
	}
    
   
}

#button_home-1 i.fa.fa-arrow-circle-o-down, #button_home-2 i.fa.fa-arrow-circle-o-down, #button_home-3 i.fa.fa-arrow-circle-o-down {
	color: white;
	font-size: 50px;
	font-weight: normal;
}

.button-section{
	display: inline-block;
	position: relative;
	top: 90%;
	left:48.5%;
}

#post-2617 #anim-bubble_1 img {
  top: 10%;
  left: 10%;
  width: 80%;
}

#post-2617 #anim-bubble_2 img {
  top: 10%;
  left: 10%;
  width: 80%;
}

#anim-bubble_5,#anim-bubble_6,#anim-bubble_7{
	display: none;
}


.carousel-site{
	margin: 5em 0 !important;
}

#image-ecole img{
	margin-bottom: 2em;
	margin-top: 2em;
}

#image-ecole{
	text-align: center;
	background-color: rgba(255,255,255,0.9) !important;
}

#image-ecole #Aubay_campus p{
	text-align: justify;
	font-size: 1.25em;
}

#ecoles-cibles h2{
	text-align: center;
	margin:20px 0 !important;
}

#ecoles-cibles{
	margin-top: 5em !important;
	background-color: rgba(255,255,255,0.9) !important;
}

#parcours-etudiant a:hover{
  text-decoration: none;
}

#parcours-etudiant ul li a:after{
  float: right;
  content: "\f019";
  font-family: "fontawesome";
  cursor: pointer;
}

#parcours-etudiant ul{
	margin-left: 0;
}

#parcours-etudiant ul li a{
	color: white;
}

#parcours-etudiant ul li a:hover{
	color: rgb(230,68,21);
	text-decoration: none;
}

#parcours-etudiant ul li{
	list-style: none;
}

#nos-stages{
	margin-top: 5em;
	background-color: rgba(43,60,75,0.9);
}

#nos-stages h2{
	color: white !important;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
}

#page #main #nos-stages h4{
	color: white;
}

#page #main #nos-stages p{
	color: white;
}

/*************************
*   MAP RELATION ECOLE   *
*************************/

#map-relation_ecole{
	position: relative;
}

#map-relation_ecole #texte-ecoles{
	position: absolute;
  	top: 20vw;
  	right: 7.5vw;
  	border: solid 2px rgb(230,68,21);
  	border-radius: 5px;
  	padding: 0.5em;
  	display: none;
}

#page #texte-ecoles .texte-ecole-map.visible .address-ecole p{
	margin: 0 !important;
	font-size: 1rem;
	/* max-width: 15vw; */
}

#page #texte-ecoles .texte-ecole-map.visible .title-ecole{
    margin: 0 !important;
    font-size: 1.5rem;
    text-align: left;
    margin-bottom: 5px;
}

#map-relation_ecole .pointer-map{
	position: absolute;
	top:0;
	left:0;
	width:1vw;
}

#map-relation_ecole .pointer-map img{
	margin: 0 !important;
}

#map-relation_ecole .texte-ecole-map #content-ecole, #map-relation_ecole .texte-ecole-map #nb-stagiaires{
	display: inline-block;
}

#map-relation_ecole .texte-ecole-map #nb-stagiaires{
	border-left: solid 2px rgb(230,68,21);
	margin-left: 5px;
	padding-left: 10px;
  display: none;
}

#map-relation_ecole .texte-ecole-map #nb-stagiaires img{
	margin: 0;
}

#map-relation_ecole .texte-ecole-map #nb-stagiaires span{
	display: block;
	color: rgb(230,68,21);
	font-size: 2em;
}


#map-relation_ecole #pointer-1{
	top:10vw;
	left:17.25vw;
}
#map-relation_ecole #pointer-2{
	top:10vw;
	left:49vw;
}
#map-relation_ecole #pointer-3{
    top: 3.75vw;
    left: 19.75vw;
}
#map-relation_ecole #pointer-4{
	top:15vw;
	left:23.25vw;
}
#map-relation_ecole #pointer-5{
	top:11.5vw;
	left:11.5vw;
}
#map-relation_ecole #pointer-6{
	top:9.75vw;
	left:19.5vw;
}
#map-relation_ecole #pointer-7{
	top:7vw;
	left:17.5vw;
}
#map-relation_ecole #pointer-8{
	top:7vw;
	left:16.5vw;
}
#map-relation_ecole #pointer-9{
	top:7vw;
	left:14vw;
}
#map-relation_ecole #pointer-10{
    top: 11.5vw;
    left: 18vw;
}
#map-relation_ecole #pointer-11{
    top: 16.5vw;
    left: 24.55vw;
}
#map-relation_ecole #pointer-12{
    top: 11.25vw;
    left: 19.5vw;
}
#map-relation_ecole #pointer-13{
	top:10.5vw;
	left:12.5vw;
}
#map-relation_ecole #pointer-14{
	top:10.25vw;
	left:18vw;
}
#map-relation_ecole #pointer-15{
	top:9vw;
	left:20vw;
}
#map-relation_ecole #pointer-16{
	top:6vw;
	left:15.5vw;
}
#map-relation_ecole #pointer-17{
	top:10.25vw;
	left:18.85vw;
}
#map-relation_ecole #pointer-18{
    top: 11.5vw;
    left: 18.75vw;
}
#map-relation_ecole #pointer-19{
	top:8vw;
	left:17vw;
}
#map-relation_ecole #pointer-20{
    top: 11.125vw;
    left: 17vw;
}
#map-relation_ecole #pointer-21{
    top: 15vw;
    left: 22.5vw;
}
#map-relation_ecole #pointer-22{
    top: 9.25vw;
    left: 11.5vw;
}
#map-relation_ecole #pointer-23{
    top: 10.5vw;
    left: 52.25vw;
}
#map-relation_ecole #pointer-24{
	top: 7.5vw;
    left: 46.5vw;
}
#map-relation_ecole #pointer-25{
	top: 10vw;
    left: 53.25vw;
}
#map-relation_ecole #pointer-26{
    top: 11.5vw;
    left: 16.25vw;
}
#map-relation_ecole #pointer-27{
    top: 8.75vw;
    left: 6.5vw;
}
#map-relation_ecole #pointer-28{
    top: 10.5vw;
    left: 20.25vw;
}
#map-relation_ecole #pointer-29{
    top: 6.5vw;
    left: 19.5vw;
}
#map-relation_ecole #pointer-30{
    top: 11.5vw;
    left: 21vw;	
}

.single .bouton-lire-article.ui.button.blue{
	padding: .8em 1em;
}


#page #secteur-activites #bloc-texte h2{
    text-align: left;
  }



/*************************************************/
/**                  RESPONSIVE                 **/
/*************************************************/

@media all and (min-width: 100px) and (max-width:720px){

  footer #footer-sidebar #nav_menu-3 ul li {
    padding: 10px 25px;
  }
  
  footer #contact_footer p {
  line-height: 25px;
  padding: 0px 25px;
  text-align: center;
  }

  .container_12 .grid_3 {
    width: 48%;
    margin: 20px 0;
  }

  #page .bloc_pres .bloc-home p {
    text-align: justify;
    font-size: 0.8em !important;
  }

  #page #bloc_pres-1 h2, #page #bloc_pres-2 h2, #page #bloc_pres-3 h2{
    font-size: 2em !important;
    padding-top: 5% !important;
  }
  #page .bloc-home{
     width: 100%;
  }

  .row.bloc_pres .bandeau-home img{
    min-height: 150px;
    width: 50%;
    margin:0.5em 0;
  }

  #page #bloc_pres-2 .bloc-home,#page #bloc_pres-3 .bloc-home{
    width: 100%;
  }

   #page .bloc-home p b.first-letter{
    font-size: 1.5em;
  }

  div#links-search-header{
    display: none !important;
  }

  #site-header {
    position: absolute;
    top: 2px;
    left: 5px;
    z-index: 5;
  }

  div#logo_aubay {
    position: inherit;
  }

  .primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul {
    left: 0;
    width: 100%;
  }

  ul{
    margin:0;
    padding:0;
  }

  #page #main h1{
    margin: 0 !important;
  }

  #page #main header.entry-header h1{
    font-size: 2em !important;
  }

  header.entry-header::after{
    border-width: 25px;
  }

  #circle_campus img {
    width: 100%;
  }
}

/*
* Aubay en bref
*/

@media all and (max-width:1150px){
  .jsn-bootstrap3 .graph_aubay-bref{
    height: inherit;
  }

  .jsn-bootstrap3 .graph_aubay-bref .graph .width-50{
    display: block;
    width: 100%;
  }

  .jsn-bootstrap3 .graph_aubay-bref .graph img {
      max-height: 400px;
      max-width: 350px;
  }

  #page .row.padding-8.bref-aubay{
    padding: 8% !important;
  }
}

@media all and (max-width:500px){
  .jsn-bootstrap3 .graph_aubay-bref{
    height: inherit;
  }

  .jsn-bootstrap3 .graph_aubay-bref .graph .width-50{
    display: block;
    width: 100%;
  }

  .jsn-bootstrap3 .graph_aubay-bref .graph img {
      max-height: 250px;
      max-width: 300px;
  }

  #page .row.padding-8.bref-aubay{
    padding: 8% !important;
  }
}

/*
* Equipe dirigeante
*/

@media all and (max-width:500px){
  #page #Equipe-dirigeante .ui .card {
      width: 50%;
      margin: 2em 25%;
  }
}

/*
* Secteurs d'activité
*/

@media all and (max-width:500px){
  #secteur-activites {
    position: relative;
    min-height: 44vw;
  }

  #page #secteur-activites #bloc-secteur #bande-secteur-1 {
    top: 30vw;
    left: -43.5%;
    width: 46vw;
  }

  #page #secteur-activites #bloc-secteur #bande-secteur-2 {
    top: 37vw;
    left: -32.5%;
    width: 25vw;
  }
    
  #page #secteur-activites #bloc-secteur #bande-secteur-3 {
    top: 35vw;
    left: -8.5%;
    width: 40vw;
  }

  #secteur-activites #bloc-classement #bloc-classement-1 .content-bloc h4, #secteur-activites #bloc-classement #bloc-classement-2 .content-bloc h4 {
    font-size: .5em;
  }

  #secteur-activites #bloc-texte .texte-bloc-secteur {
    background-color: rgba(255,255,255,0.9);
    border-radius: 2px;
    padding: 0.5em;
  }
}

/*
* Secteurs d'activité
*/

@media all and (max-width:500px){
  #page #culture1, #page #culture2{
    padding: 0 !important;
  }

  #page .colonne_culture-1 .text-culture-1 h3, #page .colonne_culture-2 .text-culture-2 h3 {
      color: rgb(49, 79, 103);
      font-size: 1em;
      margin:2.5em;
  }

  .text-culture-1 ul li, .text-culture-2 ul li{
    margin: 10px 5px;
  }
}
 #page .jsn-bootstrap3 p a.ui.basic.button {
    margin-top: 10px;
}

@media all and (max-width:1300px){
  #page #culture1, #page #culture2{
    padding: 0 !important;
  }

  #page .colonne_culture-1 .text-culture-1 h3, #page .colonne_culture-2 .text-culture-2 h3 {
      color: rgb(49, 79, 103);
      font-size: 1.5em;
      margin:2em;
  }

  .text-culture-1 ul li, .text-culture-2 ul li{
    margin: 10px 5px;
  }
}

@media all and (min-width:500px) and (max-width:1150px){
  #page #culture1, #page #culture2{
    padding: 0 !important;
  }

  #page .colonne_culture-1 .text-culture-1 h3, #page .colonne_culture-2 .text-culture-2 h3 {
      color: rgb(49, 79, 103);
      font-size: 1.25em;
      margin:1em;
  }

  .text-culture-1 ul li, .text-culture-2 ul li{
    margin: 10px 5px;
  }
}


/*
* RSE
*/

@media all and (max-width:750px){
  
  .bubble_rse, #page #main .bubble_rse#bubble_4, #page #main .bubble_rse#bubble_5{
      width: 60vw;
      height: 60vw;
      border-radius: 100%;
      background-color: rgb(255,255,255);
      padding: 15vw 5vw;
  }

  #page #main .bubble_rse#bubble_4{
    padding: 0;
    right: 25%;
  }

  #page #main .bubble_rse#bubble_5{
    top: 350px;
    left: 25%;
  }

  #bubble_2.bubble_rse {
      width: 60vw;
      height: 60vw;
      border-radius: 100%;
      background-color: rgb(255,255,255);
      padding: 12.5vw 4vw;
  }

  #page #main .bubble_rse h2{
    font-size: 1em;
    margin: 0.25em 0 !important;
    text-align: center;
  }

  #page #main .bubble_rse h3 {
    font-size: .75em !important;
    margin: 0.5em 0;
    text-align: center;
  }

  #page #main .bubble_rse p {
    font-size: .5em;
    margin: 0.5em 0;
    text-align: center;
  }
    
 
}

@media all and (min-width:750px) and (max-width:1150px){
  
  .bubble_rse, #page #main .bubble_rse#bubble_4, #page #main .bubble_rse#bubble_5{
      width: 40vw;
      height: 40vw;
      border-radius: 100%;
      background-color: rgb(255,255,255);
      padding: 10vw 5vw;
  }

  #page #main .bubble_rse#bubble_4{
    padding: 0;
    right: 50%;
  }

  #page #main .bubble_rse#bubble_5{
    top: 250px;
    left: 50%;
  }

  #bubble_2.bubble_rse {
      width: 40vw;
      height: 40vw;
      border-radius: 100%;
      background-color: rgb(255,255,255);
      padding: 10vw 4vw;
  }

  #page #main .bubble_rse h2{
    font-size: 1.25em;
    margin: 0.5em 0 !important;
    text-align: center;
  }

  #page #main .bubble_rse h3 {
    font-size: 1em;
    margin: 0.75em 0;
    text-align: center;
  }

  #page #main .bubble_rse p {
    font-size: .75em;
    margin: 0.7em 0;
    text-align: center;
  }
}

/** SOLUTIONS **/
@media all and (max-width:500px){
	#page #main #nos-solutions-suite .col-md-2, #page #main #nos-solutions-suite .col-md-4, #page #main #nos-solutions-suite-2 .col-md-2, #page #main #nos-solutions-suite-2 .col-md-4{
		width: 100%;
		margin: 2vw auto;
	} 
}

@media all and (min-width:500px) and (max-width:1150px){

	#page #main #nos-solutions-suite .col-md-2, #page #main #nos-solutions-suite .col-md-4, #page #main #nos-solutions-suite-2 .col-md-2, #page #main #nos-solutions-suite-2 .col-md-4{
		width: 48%;
		margin: 2vw auto;
	} 

}

/** OFFRE DIGITALE **/
@media all and (max-width:500px){
	#page #main #nos-solutions-suite .col-md-2, #page #main #nos-solutions-suite .col-md-4, #page #main #nos-solutions-suite-2 .col-md-2, #page #main #nos-solutions-suite-2 .col-md-4{
		width: 100%;
		margin: 2vw auto;
	} 
}

@media all and (min-width:500px) and (max-width:1150px){

	#page #main #nos-solutions-suite .col-md-2, #page #main #nos-solutions-suite .col-md-4, #page #main #nos-solutions-suite-2 .col-md-2, #page #main #nos-solutions-suite-2 .col-md-4{
		width: 48%;
		margin: 2vw auto;
	} 

}

/** EVENEMENT **/
@media all and (max-width:500px){
	.wf-column{
		width: 100% !important;
		margin: 2vw auto;
	} 

	.wf-column .wf-box{
		margin: 2vw 0;
	}
}

@media all and (min-width:500px) and (max-width:1150px){

	.wf-column{
		width: 40% !important;
		margin: 2vw 5%;
	} 

}

#address{
	clear:both;
	position:relative;
}

#address h2{
	padding-top: 0.65em !important;
}

#address .siege{
	width:46%;
	margin: 1em 1%;
	display:inline-block;
	vertical-align:top;
}

#address .siege:last-of-type{
	width:96%;
	margin: 1em 2%;
}

@media all and (max-width:500px){
	
	#page #button-profil-evolution{
		padding: 0 !important;
	}

	#button-profil-evolution .col-md-6{
		width: 50%;
	}

	#page #button-profil-evolution .ui.button-profil, #page #button-profil-evolution .ui.button-evolution {
	    width: 150px;
	    height: 150px;
	    border-radius: 100%;
	    /* background-color: rgb(43,60,75); */
	    margin: 0 auto;
	    padding-top: 60px !important;
	    font-size: 1em;
	    color: rgb(255, 255, 255);
	    text-transform: uppercase;
	    text-align: center;
	}

	#page #votre-carriere-intro h2{
		font-size: 1.125rem;
	}

	#page #graph_offre-digitale #container_bubble .grid_3{
		width: 46%;
	}
    

	#graph_offre-digitale .bubble_offre-1, #graph_offre-digitale .bubble_offre-2{
	    width: 125px;
	    height: 125px;
	    margin: 5vw;
	}

	#page #graph_offre-digitale .bubble_offre-1 .background-digital, #page #graph_offre-digitale .bubble_offre-2 .background-digital{
		display: none;
	} 

	#page #graph_offre-digitale #button_offre-1 h3, #page #graph_offre-digitale #button_offre-2 h3, #page #graph_offre-digitale #button_offre-3 h3, #page #graph_offre-digitale #button_offre-4 h3{
		padding-top: 45px;
		font-size: 2.5vw;
	}

	#page #graph_offre-digitale #button_offre-1 h3{
		padding-top: 55px;
	}

	#page #graph_offre-digitale #button_offre-3 h3, #page #graph_offre-digitale #button_offre-4 h3{
		padding-top: 55px;
	}
	

	#page #intro-offre-digitale{
		background: none !important;
	}

	#page #intro-offre-digitale #texte-intro-offre {
	    width: 100%;
	    margin: 2.5em 0 0 0;
	    background-color: rgba(255, 255, 255, 0.8);
	    padding: 0;
	    border-radius: 10px;
	}
    
    .wr_text2{
        width: 100% !important;
    }
    
    .bubble_offre-2{
        width: 130px !important;
        height: 130px !important;
        margin: 30px 16px !important;  
    }
    
    h3{
        padding-top: 50% !important;
        font-size: 13px !important;
    }
    
    #page #intro-offre-digitale #texte-intro-offre p{
		font-size: 0.8rem;
	}

	#page #main #intro-aubay-bref p {
	    font-size: 1em;
	}

	.primary-navigation li ul li{
		display: block;
	}

	footer #contact_footer p{
		display: block;
	}

	#flags {
	    position: absolute;
	    width: 100px;
	    top: 18.5px;
	    left: 50px;
	}
}

@media all and (min-width:500px) and (max-width:1024px){
	.primary-navigation .menu-item-has-children > a, .primary-navigation .page_item_has_children > a {
	    padding: 6px 15px !important;
	}

	#las_part_process .col-sm-4{
		width: 80% !important;
		margin: 0 10%;
	}
}

#form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_designer_pb .ipt_fsqm_designer_pb_circleinner .ipt_fsqm_designer_pb_circlecheck{
    color: rgb(230, 68, 21);
    text-shadow:none;
}

#form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_designer_pb .ipt_fsqm_designer_pb_circleouter:before{
  background-color: rgb(230, 68, 21);
  background-image: none;
}

#form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_designer_pb .ipt_fsqm_designer_pb_circleinner .ipt_fsqm_designer_pb_circletext{
  text-shadow:none;
  color: rgb(43,60,75);
  font-family: 'Lato';
  line-height: 45px;
}

#form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_designer_pb .ipt_fsqm_designer_pb_circleinner{
  background-color: rgb(255,255,255);
  box-shadow: none;
}

#form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_designer_pb .ipt_fsqm_designer_pb_circleouter{
  background-color: rgb(220,220,220);
  box-shadow: none;
}

#form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_designer_pb .ipt_fsqm_designer_pb_outerline{
  background-color: rgb(220,220,220);
  box-shadow: none;
}

#form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_designer_pb .ipt_fsqm_designer_pb_innerline:after{
  background-image: none;
  background-color: rgb(230,68,21);
}

#form-handi .ipt_uif_common.ipt-uif-custom-designer-4 .ui-tabs .ui-tabs-panel{
  background:none;
}

#form-handi .ipt_uif_common.ipt-uif-custom-designer-4 .ipt_uif_divider:before, #form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ui-tabs.ipt_fsqm_main_tab .ui-tabs-nav:after{
  background: none;
  box-shadow: none;
}

#form-handi .ipt_uif_common.ipt-uif-custom-designer-4 .ipt_uif_divider span.ipt_uif_divider_text{
  background: none;
}

body #page #form-handi h4{
  margin: 0;
  padding: 0;
}

#form-handi .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all:before{
  display: none;
}

#form-handi .ipt_uif_front.ipt_uif_common.ipt-fsqm-designer-themes.type_2 .ipt_uif_tabs.ui-tabs.ipt_fsqm_main_tab .ui-tabs-nav{
  padding: 0;
}

#form-handi .ipt_uif_front.ipt_uif_common.ipt-fsqm-designer-themes.type_2 .ipt_uif_tabs.ui-tabs.ipt_fsqm_main_tab .ui-tabs-nav li.ui-tabs-active{
  background-color: rgb(230,68,21);
  margin: 0;
  padding: 0;
}

#form-handi.ipt_fsqm_form_tab_panel.ui-tabs-panel.ui-widget-content.ui-corner-bottom{
  box-shadow: none;
}

#form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ui-tabs.ipt_fsqm_main_tab .ui-tabs-panel:before{
  box-shadow: none;
}

#form-handi .ipt_uif_front.ipt_uif_common.ipt-fsqm-designer-themes.type_2 .ipt_uif_tabs.ui-tabs.ipt_fsqm_main_tab .ui-tabs-nav li.ui-tabs-active a{
  font-family: 'Muli';
    font-size: 1.75em;
    text-align: center;
    text-shadow:none;
}

#form-handi .ipt_uif_front .ipt_uif_divider span.ipt_uif_divider_text{
  max-width: inherit;
    font-weight: normal;
    font-family: Lato;
}

#form-handi .ipt_uif_question_label, #form-handi .ipt_uif_question_content{
  display: block;
  float: none;
}

#form-handi .ipt_uif_question_title.ipt_uif_label{
  font-family: 'Lato';
  font-size: 16px;
  line-height: 1.5;
  font-weight: bolder;
}

#form-handi .ipt_uif_question_label{
  width: 100%;
  margin-bottom: 0.75em;
}

#form-handi .ipt_uif_common.ipt-uif-custom-designer-4 input.ipt_uif_radio + label:before, #form-handi .ipt_uif_common.ipt-uif-custom-designer-4 input.ipt_uif_checkbox + label:before{
  border: 2px solid rgb(230,68,21);
  box-shadow: none;
  background: none;
  height: 1.5em;
    width: 1.5em;
}

#form-handi .ipt_uif_common.ipt-uif-custom-designer-4 input.ipt_uif_radio + label[data-labelcon]:after , #form-handi .ipt_uif_common.ipt-uif-custom-designer-4 input.ipt_uif_checkbox + label:after{
    height: 0.25em;
    width: 0.25em;
    line-height: 1em;
    top: 0.30em;
    left: 0.25em;
    font-size: 14px;
}

#form-handi .ipt_uif_front input.ipt_uif_radio + label, #form-handi .ipt_uif_front input.ipt_uif_checkbox + label{
  line-height: 1.5em;
  padding-left: 2em;
  padding-right: 1em;
    text-indent: 0;
}

#form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_form_button_container:after, #form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_form_button_container{
  background: none;
  background-color: rgb(220, 220, 220);
  border:none;
}

#form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_form_button_container .ui-button:hover, #form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_form_button_container .ui-button:active, #form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_form_button_container .ui-button:focus, #form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_form_button_container button:hover, #form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_form_button_container button:active, #form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_form_button_container button:focus{
  background: none;
  box-shadow: none;
}

#form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_form_button_container .ui-button, #form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_form_button_container button{
  font-family: 'Lato';
  line-height: 4em;
}

#form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_form_button_container .ui-button:hover span, #form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_form_button_container button:hover span{
  color: rgb(230,68,21) !important;
}


#form-handi label{
  font-family: 'Lato';
  font-size: 14px;
}

#form-handi input, #form-handi textarea{
    font-family: 'Lato';
    font-size: 16px;
    padding-left: 0.25em;
}

#form-handi .ipt_uif_text_icon{
  display: none;
}

#form-handi .ipt_uif_column.ipt_uif_column_full.ipt_uif_conditional.ipt_fsqm_container_p_email{
  margin: 0 0 0 5%;
}

#form-handi .ipt_uif_heading.ipt_uif_divider.ipt_uif_align_left .ipt_uif_divider_text{
  margin: 0;
  padding-left: 3em;
}

#form-handi h2{
  margin: 0;
  padding: 0;
}

#form-handi label, #form-handi textarea, #form-handi h2, #form-handi h3, #form-handi h4, #form-handi h5, #form-handi h6, #form-handi span{
  color: rgb(43,60,75);
}

#page #form-handi h6 .ipt_uif_divider_text{
  padding: 0 2em;
}

#form-handi .ipt_uif_common.ipt-fsqm-designer-themes .ipt_fsqm_form_button_container:before{
  height: 0;
}

#page #form-handi #ipt_fsqm_form_1_design_18 h4 span span{
  font-size: 0.9em;
  font-style: italic;
}

.padding-20{
  padding: 0 20% !important;
}

#form-handi .parentFormipt_fsqm_form_1.formError{
  opacity: 1 !important;
}

@media all and (max-width: 900px){
  .padding-20{
    padding:0 5% !important;
  }
}

#form-handi .ipt_fsqm_form_message_success.ui-widget.ui-widget-content.ui-corner-all.ipt_uif_widget_box{
	background-image: none;
	background-color: white;
	padding: 0;
	border:1px solid rgb(220,220,220);
}

#form-handi .ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all{
	border:0;
	padding: 1em 0.5em;
	background-image: none;
    background-color: rgb(230,68,21);
    box-shadow: none;
}

#form-handi .ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all span{
	display: none;
}

#form-handi .ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all h3{
	border:0;
	padding: 0;
	color: white;
	text-shadow:none;
}

#form-handi .ipt_fsqm_form_message_success .ui-widget-content.ui-corner-all{
	margin: 0;
	border:0;
	box-shadow: none;
    background-image: none;
    background-color: rgb(255, 255, 255);
}

#form-handi .ipt_fsqm_form_message_success .ui-widget-content.ui-corner-all p{
	font-family: 'Lato';
	font-size: 14px;
}