/* 
Main Stylesheet
Author: OrangeIdea
*/
@import url('vc.css');
@import url('wpb.css');
@import url('font-awesome/css/font-awesome.min.css');
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);/*
/*::-webkit-scrollbar { 
    display: none; 
}*/

::-webkit-scrollbar{width: 10px;}

::-webkit-scrollbar-button:vertical:increment {background-color:rgb(114, 114, 114);} ::-webkit-scrollbar-button:vertical:increment:hover {background-color:rgb(114, 114, 114);} 

::-webkit-scrollbar-thumb{background-color:rgb(158, 158, 158); border-radius: 0;}
::-webkit-scrollbar-thumb:hover{background-color:rgb(255, 0, 0);}

::-webkit-scrollbar-track{background-color:rgb(237, 237, 237);}

::-webkit-scrollbar-button:vertical:decrement {background-color:rgb(114, 114, 114);} ::-webkit-scrollbar-button:vertical:decrement:hover {background-color:rgb(114, 114, 114);} 


html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  /*font-weight: 400;*/
}

@-moz-document url-prefix() {
  body {
    /*font-weight: lighter !important;*/
  }
}



body {
background-color:#2e2e2e;
color:#444!important;
font-family:'grapheine',helvetica, sans-serif;
font-weight:400;
font-size:16px;
letter-spacing: -0px;
line-height:145%;  overflow-y: scroll; 
    overflow-x: hidden; -webkit-font-smoothing: antialiased; 
    text-rendering: optimizeLegibility;}
.full_row.vc_row  { margin:0 -60px;}
.full_row div[class*='vc_col'] { margin:0px; padding:0px;}
.block_row.vc_row  { margin-left:0px; margin-right:0px;}
.block_row div[class*='vc_col'] { margin:0px; padding:0px;}

::selection {
	background:#f9f9f9;
	color:#808080;
}



img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

h1{ font-size:36px!important; font-weight:bold!important; font-feature-settings: "ss01"; letter-spacing: -0px; -webkit-font-smoothing: antialiased;}
h2 { font-weight:bold!important;letter-spacing: -0px; -webkit-font-smoothing: antialiased;margin-top:48px;}
h3,h4,h5 { font-weight:bold; line-height: 1.5; -webkit-font-smoothing: antialiased;}
.oi_head_title { padding:10px; margin:0px; background:rgba(0,0,0,0.3); display:inline-block; color:#fff;}
a:focus, a:active, input:focus, textarea:focus { outline:none !important; text-decoration:none !important;}
a:active { text-decoration:none !important;}
.wide_cont { background:#fff;  margin:0 auto;}


.oi_blog_item_content p { margin: 32px 0!important;
	font-family: georgia, serif!important;
	font-size: 18px;
	line-height: 1.6;
	}
	

.oi_legend { font-weight:400 !important; text-align:center; font-size:28px;}
.wide_cont img {
  display: inline-block !important;
  height: auto !important;
  max-width: 100% !important;
}

a.pageNoFollow_hilite { text-decoration:none !important;}

.show-grid {
  margin-top: 10px;
  margin-bottom: 20px;
}
.show-grid [class*="col-md-"] div {
	background-color: #eee;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-height: 30px;
	line-height: 30px;
}
.show-grid:hover [class*="col-md-"] div {
  background: #ddd;
}
.show-grid .show-grid  {
  margin-top: 0;
  margin-bottom: 0;
}
.show-grid .show-grid [class*="col-md-"] {
  background-color: #ccc;
}



.oi_caption { padding:20px; background:rgba(255,255,255,0.8); max-width:600px;}
.oi_box h3 { margin-bottom:10px !important; font-weight:bold; font-size:20px;}

.btn {padding: 10px 15px;
background: #f3f3ef;
font-family: 'grapheine',sans-serif;
text-transform: uppercase;
font-size: 13px;
color: #000;
margin-top: 0px;
margin-bottom: 10px;
border-radius: 1px !important;
}

.home_paralax .btn { background:#000; color:#fff;}
.btn:hover { color:#fff;}

.alignright { float:right;}
.alignleft { float:left;}
img.alignleft { margin-right:20px;}
.aligncenter { text-align:center;}
.wp-caption  {}
.wp-caption-text {}
.gallery-caption {}
.bypostauthor {}
img.aligncenter { text-align:center;}
.oi_finish { margin-bottom:-100px !important;}


.flexslider { margin:0px !important}


.oi_menu_content_holder > ul { list-style:none; float:right;}
.oi_menu_content_holder > ul > li { float:left; margin-right:5px; display:inline-block; }
.oi_menu_content_holder > ul > li > a {
	color:#fff!important;
	font-size:13px;
	padding:10px 15px;
	display:inline-block;
	/*text-transform:uppercase;*/

}
.oi_menu_content_holder > ul > li > a:hover {
	text-decoration:none;
	color:#ff3b2f
}

.oi_menu_content_holder > ul > li.current-menu-item > a, .oi_menu_content_holder > ul > li.current-menu-parent > a{ color:#ff3b2f !important; }
.oi_header_holder { padding:25px 0px; color:#fff; background-color:#main;}


.header_menu { margin:0px; margin-top:10px;}
.oi_menu_content_holder > ul > li.current-menu-item:hover > a, .oi_menu_content_holder > ul > li.current-menu-parent:hover > a { color:#fff !important;}
.header_menu > li:hover > a { color:#fff !important; background:#ff0000;}
.header_menu > li:last-child { margin-right:0px;}

/* Menu - simple drop down*/
.header_menu > li > .my_drop {
	visibility:hidden;
	opacity:0;
	position:absolute;
	background:#fff;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	width:240px;

}

.header_menu > li:hover > .my_drop {
	display:block;
	visibility:visible;
	opacity:1;
	z-index:100
}

.header_menu > li:hover > .my_drop  ul li a:hover{ background:#f6f6f6}

.header_menu > li:hover > .my_drop .current-menu-item a {
	color:#ff3b2f!important;
}
.header_menu > li.current-menu-ancestor > a {color:#ff3b2f!important;}



.header_menu > li > .my_drop > ul {
	list-style:none;
	padding:0px;
}

.header_menu > li > .my_drop > ul > li > a {
	padding:10px 13px;
	display:block;
	font-size:12px;
	color:#434A54;
	text-decoration:none;
	border-bottom:1px  solid #fafafa;
}


.mentionlegales > a {
	display:block;
	font-size:12px;
	color:#434A54;
	text-decoration:none;
	border-bottom:1px  solid #fafafa;
}













.oi_tabs { list-style:none; padding:0px;  display:block;  }
.oi_tabs li {  margin-right:10px; margin-bottom:10px; font-size:18px; display:inline-block}
.oi_tabs li a { color:#000; }
.oi_tabs li.active a, .oi_tabs li a:hover { color:#ff3b2f}
.oi_col-md-3 { width:20%; float:left;}






/* Portfolio */

.oi_port_filter_holder { margin-bottom:40px;}
.filter_button {  color:#000;  margin-right:20px;  display:inline-block; text-transform:uppercase; font-size:12px}
.filter_button:hover {color:#ff3b2f; text-decoration:none;}
.filter_current { color:#ff3b2f; }
.filter_current:hover { color:#ff3b2f; text-decoration:none;}
.oi_load_more_holder { margin-top:50px}
.oi_load_more { padding:10px 15px; background:#f3f3ef; font-family:'grapheine',sans-serif; text-transform:uppercase; font-size:13px; color:#000; margin-top:20px;}
.oi_load_more:hover { text-decoration:none; color:#fff; background:#ff3b2f; cursor:pointer;}
.oi_load_more.disabled:hover{ color:#000;background:#f3f3ef; cursor:default;}
.oi_folio_page_title { padding:40px 0px; border-top:1px solid #f1f1f1; margin-bottom:20px}
.oi_first_portfolio_content { background:#fafafa; padding:0px 60px;}
.oi_port_date { margin:0px; color:#F00; text-transform:uppercase;}
.oi_port_title { margin-top:5px; margin-bottom:20px;}
.oi_first_portfolio_attach, .oi_first_portfolio_content { width:50%; float:left;}
.oi_readmore_btn { color:#f00; font-size:11px;}
.oi_readmore_btn:hover { color:#000;}
.oi_first_portfolio_attach { position:relative;}
.oi_tringle{
	width: 0; 
	height: 0; 
	border-right: 20px solid transparent;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #fafafa;
	position:absolute;
	z-index:999;
	left:0px;
	bottom:50%;
	margin-bottom:-10px;
}
.portfolio-squre, .portfolio-long { width:20%; float:left }
.portfolio-squrex2, .portfolio-wide  { width:40%;float:left}


.list-star { background:#f6f6f6; padding:20px;}
.list-star li { font-size:13px; line-height:14px; margin-bottom:12px !important; color:#666666}
.list-star li:last-child { margin-bottom:0px !important;}
.list-star li:before {
content: "\f00c";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: block;
float: left;
text-decoration: inherit;
font-size: 12px;
margin-right:12px;
line-height:16px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity:1;
color:#ff3b2f
}

#akceptor {
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


/* Portfolio Hovers */
.oi_first_port_descr { margin-bottom:20px;}
.oi_port_cats { font-size:12px; text-transform:uppercase;display:none;}
.oi_strange_portfolio_item { position:relative;}
.oi_strange_portfolio_item .oi_mask {
	position:absolute;
	z-index:500;
	top:0px;
	left:0px;
	right:0px;
	left:0px;
	bottom:0px;
	padding:30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0;
	background:#fff;
}
.oi_strange_portfolio_item:hover .oi_mask { 
	opacity:1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.portfolio-squre .oi_mask .oi_port_title,  .portfolio-long .oi_mask .oi_port_title{ font-size:20px;}
.oi_small_descr{  line-height: 100%;}
.oi_mask .oi_port_title { margin-bottom:10px; font-weight: 700 !important;}
.portfolio-wide .oi_mask .oi_port_title { font-size:32px;}
.portfolio-squrex2 .oi_mask .oi_port_title { font-size:48px;}

.oi_port_cats { bottom:20px; position:absolute;}


/* Contact-form-7 */
.wpcf7-form input:not(.wpcf7-submit), .wpcf7-form textarea  { width:100%; padding:7px; border:1px solid #ededed; background:#fff; margin-bottom:10px !important;}
.wpcf7-submit { background:#000; color:#fff; border:none;}
.wpcf7-submit:hover { background:#ff3b2f; color:#fff;}
.wpcf7-form h5 { font-weight:bold; color:#000; text-transform:uppercase; margin-bottom:5px; font-size:12px; margin-top:0px;}
.wpcf7-form span[role='alert'] { font-size:11px; margin-top:-15px !important; margin-bottom:10px !important; display:block !important;}
.wpcf7-validation-errors, .wpcf7-mail-sent-ok { border:none !important; background:#ff3b2f; color:#fff; margin-left:0px !important; padding:20px !important;}
.wpcf7-mail-sent-ok { background:#8fae1b !important;}
.wpcf7-submit { padding:5px; border-radius:none;}
.wpcf7 textarea:focus, .wpcf7 input:focus { border:1px solid #999; outline:none !important;}

.wpcf7 textarea  {
  height: 80px !important;
}


/* Isotope */

/*mathias desactive 9 juin 
.isotope,
.isotope .isotope-item {
 
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}



.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}/*




/**** Custom footer ****/

.oi_footer_holder { padding:20px 0px; background:#fff; color:#121212; font-size:11px; border-top:1px solid #ededed;}
.footer_menu { list-style:none; padding:0px !important; margin:0px;}
.footer_menu li { float:left; padding-left:7px;}
.footer_menu li a { padding-top:3px; text-decoration:none;  color:#000;}
.footer_menu li:after { content:" / "; padding-left:5px;}
.footer_menu li:last-child:after { content:""}
.footer_menu li a:hover { text-decoration:underline;}



.oi_custom_footer_holder { background:#f5f5f5; overflow:hidden; padding-bottom:10px;}
.oi_custom_footer_holder .oi_widget { margin-top:40px;}
.oi_custom_footer_holder .oi_widget .io_widget_title_single { font-size:18px; font-weight:bold; color:#404040; padding-bottom:15px; margin-bottom:20px;}
.oi_custom_footer_form { padding:20px; padding-top:60px; background:#fff;  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);}
.oi_custom_footer_text { padding-top:60px; padding-left:80px; font-size:12px;}
.oi_custom_footer_holder h5 {  text-transform:uppercase; font-family:'grapheine',sans-serif;}
#map { height:350px; margin-bottom:50px;}
.oi_no_lp { padding-left:0px !important}
.oi_no_rp { padding-right:0px !important;}
.oi_need_p { padding:0px 60px;}
 
.oi_soc_icons div {background-size:contain; border-radius:2px;}
.oi_soc_icons a { 
	display:inline-block;
	opacity:0.6
}

.oi_soc_icons a:hover {
	opacity:1;
}
.oi_with_mask_no_url { position:relative; }
.oi_with_mask_no_url:hover img{
	opacity:0.8;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.oi_with_mask_no_url:hover .oi_pretty_image_link_plus  { opacity:1; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}

.oi_pretty_image_link_plus {
	background-image:url("../css/img/zoom_plus.png");
	border:15px solid #fff;
	background-color:#fff;
	padding:25px;
	background-size:contain;
	position:absolute;
	top:50%; left:50%;
	margin-left:-37px;
	margin-top:-37px;
	z-index:99;
	opacity:0;
}

/*.menu_icon_t { width:20px; height:20px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/twitter.png')}
.menu_icon_facebook { width:20px; height:20px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/facebook.png')}
.menu_icon_in { width:20px; height:20px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/linkedin.png')}
.menu_icon_pi { width:20px; height:20px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/pinterest.png')}
.menu_icon_dribbble { width:20px; height:20px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/dribbble.png'); }
.menu_icon_google { width:20px; height:20px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/google_plus.png')}
.menu_icon_youtube { width:20px; height:20px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/youtube.png')}
.menu_icon_flickr { width:20px; height:20px; background:url('../img/flickr.png')}
 */
 
/* pour gérer alignements entre 2/3 = une image et 1/3 = 2 images en hauteur*/
.proportions.vc_col-sm-8 { width: 67.1%!important;}
.proportions.vc_col-sm-4 { width: 32.9%!important;}

 
/*Blog*/
.oi_news_date { 
 margin:-5px; padding:10px; background:#f3f3ef; font-weight:bold; }
.oi_news_title { margin-bottom:7px !important; font-weight:400; font-size:14px;}
.oi_news_title a { color:#000;}
.oi_news_title a:hover { color:#ff3b2f; text-decoration:none;}
.news_holred { list-style:none; margin:0px; padding:0px;}
.news_holred li { margin:15px 0px; display:block !important; padding:20px 0px; padding-top:10px; border-bottom:1px solid #ededed; font-size:12px;}
.news_holred li:first-child { margin-top:0px; padding-top:0px;}



.presentation-testimonial {
color: #000000 !important;
display:inline;
font-size: 14px !important;
line-height: 150% !important;
}

.presentation2-testimonial {
color: #000000 !important;
display:none;
font-size: 14px !important;
line-height: 150% !important;
}



/*sidebars*/
.oi_widget { margin-bottom:40px;}
.oi_widget .io_widget_title {  position:relative; color:#404040;font-size:18px; font-weight:bold; padding-bottom:7px; margin-bottom:15px; }

.product-categories { padding:0px; list-style:none;}
.product-categories li { 
border-bottom:1px dotted #ededed;
}
.oi_widget .current-menu-item a { color:#ff3b2f !important}

#cbox .oi_flickr_item img { border-radius:0px;}
#cbox .oi_flickr_item { float:left; width:20%; border:1px solid #fff}
#cbox .oi_flickr_item:nth-child(4n){ margin-right:0px;}
#cbox .oi_flickr_item img:hover { opacity:0.9}
.pp_content { background: #f8f8f8 !important;}
.pp_description { font-size:20px; margin-top:10px !important}

.oi_widget ul:not(#cbox) { padding:0px; list-style:none;}
.oi_widget ul:not(#cbox) li { 
border-bottom:1px solid #ededed;
}
li.recentcomments {padding: 7px 0px 7px 0px; }
.oi_cat_count { float: right; padding:2px 4px; background:#ededed; margin-top:6px; font-size:10px; min-width:30px; text-align:center;}
.oi_widget ul:not(#cbox) li a:before{
/*content: "\f105";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: block;
float: left;
text-decoration: inherit;
font-size: 14px;
margin-right:12px;
line-height:16px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity:1;
margin-top:5px;*/
}
.oi_widget ul:not(#cbox) li a { color:#000; display: inline-block; opacity:1; padding:7px 0px 7px 0px;}
.oi_widget ul:not(#cbox) li a:hover { text-decoration:none; opacity:1; color:#ff3b2f;}
.oi_widget ul:not(#cbox) li a:hover:before{
	margin-right:6px;
	margin-left:6px;
	opacity:1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color:#ff3b2f;
}


.oi_widget  #searchform label { display:none;}
.input-text { background:#f5f5f5;}
input, textarea{ padding:10px; border:0px solid #999;}
.oi_widget input {
	width: calc(90% - 32px);
	height:32px;
	border:0px solid #eaeaea;
	font-size:12px;
	line-height:12px;
	margin-bottom:0px;

}
.oi_widget input[type="submit"]{
	width:32px;
	height:32px;
 cursor:pointer;
 background:#eaeaea;
 font-size:12px;

 background-image:url("https://www.grapheine.com/wp-content/uploads/2014/12/pills-200px.gif");
	background-position:right center;
	background-repeat:no-repeat;
	background-size: auto 100% ;
}
.oi_widget input#s{ margin:0px}


.oi_right_sidebar .oi_widget{  padding-left:30px;}
.oi_left_sidebar .oi_widget{  padding-right:30px;}


.alignright { float:right;}
.alignleft { float:left;}
img.alignleft { margin-right:20px;}
.aligncenter { text-align:center;}
.vc_progress_bar { margin-bottom:10px !important;}

.oi_widget .menu > li > a  { font-weight:bold;}

.oi_widget .menu li li { padding-left:20px; }
.oi_widget .menu li li:last-child { border-bottom:none !important;}
.oi_widget .menu li li.current_page_item a { color:#ff3b2f!important}
.oi_widget .menu li li a { padding: 4px 0px !important;  font-size:12px;}

.oi_widget > div > .menu > li.menu-item-has-children > a:before {
	content:"\f103" !important;
	margin-top:4px;
}
.oi_widget > div > .menu > li.menu-item-has-children > a:hover:before, .oi_widget > div > .menu > li.menu-item-has-children > a:hover { color:#000 !important;}
.oi_widget > div > .menu > li.menu-item-has-children > a:hover:before { margin-right:12px !important; margin-left:0px !important;}
.fontawesome-icon-list i { font-size:14px; color:#3a3a3a; margin-right:10px; margin-bottom:10px;}
.fontawesome-icon-list { color:#999;}


.blog_item { margin-bottom:20px;}
div.oi_blog_post_title { margin:0px; font-weight:normal !important; font-size:24px !important; line-height:27px; margin-top:-3px !important;}
h1.oi_blog_post_title { margin:0px;font-weight:normal !important; font-size:24px !important; line-height:18px; margin-top:-3px !important;}
h3.oi_blog_post_title { margin:0px; font-weight:bold !important; font-size:24px !important; line-height:18px; margin-top:-3px !important;}
.oi_post_format_content { margin-bottom:20px; margin-top: 10px;}
h3.oi_blog_post_title a { color:#3a3a3a; margin-bottom:6px; display:inline-block; line-height : 28px;}
h3.oi_blog_post_title a:hover { color:#ff3b2f; text-decoration:none;}


.oi_blog_meta {color:#999;}
.oi_blog_meta a { color:#999;}
.oi_blog_meta a:hover {color:#ff0000;}
.oi_blog_meta { margin-bottom:0px; font-size:15px;}
.oi_full_blog_post_date { padding-bottom:24px;  border-bottom:3px solid #ededed; text-align:center; font-size:14px; text-transform:uppercase; }
.oi_date_y { font-size:11px;}
.oi_date_d { font-size:11px; line-height:12px !important; font-weight:bold; margin-bottom:5px;}

h3.oi_blog_post_title_inner { font-size:32px; margin-top:0px !important; color:#404040;}
h1.oi_blog_post_title_inner { font-size:36px; margin-top:0px !important; margin-bottom:10px !important; color:#404040;}

/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar a { color:#ff3b2f}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; margin-bottom:10px; }
#wp-calendar thead th { padding: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #ededed; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar thead th { background:#ededed; text-align:center;  border: 1px solid #fff;}
#wp-calendar caption { font-weight:bold; color:#ff3b2f}


.oi_tweet {
	margin-bottom:20px;
	padding-left:40px;
	background-image:url("../css/img/twitter-24-black.png");
	background-position:left center;
	background-repeat:no-repeat;
	font-size:12px;
	color:#777;
}
.oi_tweet a:not(.twitter_times) { color:#000;}
.oi_tweet a:hover { color:#ff3b2f; text-decoration:none;}
.oi_tweet_time > a.twitter_time { font-size:11px; color:#ff3b2f; }
.tagcloud a { padding:7px; background:#fafafa; line-height:14px; display:inline-block; margin-bottom:3px; color:#000;}
.tagcloud a:hover { color:#ff3b2f;  text-decoration:none;}

.pride_pg {margin-bottom:40px};
.pride_pg a { text-decoration:none;}
.pride_pg .prev { margin:0px !important; padding-left:0px !important;}
.pride_pg .page-numbers { padding:5px 10px; color:#999;}
.pride_pg .page-numbers:not(.current):hover { color:#000;}
.page-numbers.current { background:#000; color:#fff;}





ol:not(.oi_ticket_commentlist) { margin:0px; padding-left:0px;}
ol:not(.oi_ticket_commentlist) >li { margin-bottom:8px;}
ol.oi_ticket_commentlist {
    counter-reset:li; /* Initiate a counter */
}
ol.oi_ticket_commentlist > li {
    position:relative; /* Create a positioning context */
    list-style:none; /* Disable the normal item numbering */
}
ol.oi_ticket_commentlist > li:before {
    content:"# " counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:0px;
    left:0px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    padding:4px;
    color:#fff;
    background:#434A54;
    text-align:center;
    display: none;
}


.oi_comments_title { font-size:18px;}
.comments_div h3 span { font-size:18px; margin-right:5px;}
#respond #comment { outline:none !important; box-shadow:none !important; border:1px dotted #ededed; padding:10px;}
#respond #comment:focus { border:1px solid #ddd; }
#respond h4 { margin-top:0px;}
.fn a, .oi_commente_holder h4 a { color:#404040 !important;}
.oi_ticket_commentlist .oi_avatar { box-shadow:none; width:24px; color: #404040 !important;}

.oi_ticket_commentlist { padding-left:0px;}
.oi_ticket_commentlist .children { list-style:none;}
.oi_ticket_commentlist > li{ padding:30px; background:#f5f5f5; margin-bottom:20px;}
.oi_ticket_commentlist > li li{ background:#f5f5f5; margin-bottom:10px;}
.oi_ticket_commentlist > li ul{  margin-bottom:10px;}

.oi_ticket_commentlist ul.children { margin-top:10px;}
.oi_ticket_commentlist > li > .comment-body { border-bottom:0px solid #ededed; padding-bottom:0px;}
.oi_ticket_commentlist > li  ul .comment-body { background:#fff; padding:10px;}

.oi_ticket_commentlist .comment-meta{
	margin-top:10px;
	margin-bottom:10px;
	font-size:11px;
}

.oi_ticket_commentlist .comment-meta a { color:#999; text-decoration:none;}
.oi_ticket_commentlist .comment-author .fn{ color:#404040 !important; font-weight:bold;}
.oi_ticket_commentlist .reply a { opacity:0.5}
.oi_ticket_commentlist .reply a:hover { opacity:1; text-decoration:none;}
.oi_ticket_commentlist .comment-body .reply .comment-reply-link { color:#ff3b2f; font-size:11px;}

.oi_ticket_commentlist > li > .comment-body .reply .comment-reply-link { color:#ff3b2f; font-size:11px; }




.comment-awaiting-moderation {	/* Safari and Chrome: */
	-webkit-animation:oi_blink 1s linear 1s infinite alternate;
	-moz-animation:oi_blink 1s linear 1s infinite alternate;
}

h5.oi_share_text { display:inline-block}
.oi_post_share_icons a { color:#000; font-size:32px; opacity:0.5}
.oi_post_share_icons a:hover {opacity:1}


 /* Back To Top */
#back-top {
  position: fixed;
  bottom: 25px;
  right: 35px;
  z-index: 99;
  display: none;
}
.oi_without_border #back-top {
  bottom: 15px;
  right: 15px;
}
#back-top a {
  width: 44px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#back-top a .fa {
  width: 44px;
  height: 44px;
  line-height: 44px;
  display: block;
  font-size: 14px;
  background:rgba(0,0,0,0.3);
  border-radius: 6px;
  	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#back-top a:hover {
  color: #fff;
  	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#back-top a:hover .fa {
  background-color: rgba(0,0,0,0.7);
  	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.admin-bar .oi_sticky  { margin-top:30px;}

.wide_cont { overflow:hidden;}
.oi_sticky .oi_logo_holdred  a img{ max-height:30px !important; margin-top:5px;}
.oi_logo_holdred  a img{margin-top:2px;}
.oi_sticky .header_menu { margin:0px;}

#preloader  {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #000;
     z-index: 9999;
    height: 100%;
	display:none;
 }

#status  {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
	 display:none;
 }



@keyframes blink {  
    0% { opacity:0 }
	25% { opacity:0.5 }
	50% { opacity:1 }
    75% { opacity:0.5 }
	100% { opacity:0 }
}
@-webkit-keyframes blink {
    0% { opacity:0 }
	25% { opacity:0.5 }
	50% { opacity:1 }
    75% { opacity:0.5 }
	100% { opacity:0 }
}
.blink {
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    animation: blink 1s linear infinite;
} 

/*mathias pour gérer les espacement dans les galleries d'images et images simples / gestion du resize*/
/*.wpb_gallery_slides ul li img {margin-bottom: 30px !important;}*/
.wpb_gallery_slides ul li img {margin-bottom: 15px !important;}
.wpb_gallery_slides ul li:last-child img {margin-bottom: 0px !important;}
.wpb_content_element {margin-bottom: 30px !important;}
.wpb_revslider_element {margin-bottom: 0px !important;}

#.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 12.5px !important;
    padding-right: 12.5px !important;
    width: 100%;
}

.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 100%;
}

.vc_row.vc_row-no-padding .vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.oi_sticky { z-index:9998 !important}


/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*--------------------  > 1200  ---------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/

@media (min-width: 1200px)  {
	.header_menu { display:block !important;}
	.oi_sticky { position:fixed; width:100%; top:0px;  background:#000;  z-index:999;  margin:0px auto; z-index:998; display:none; padding:0px;}
	.oi_small_block { max-width:80%;}
	.myblackground {height:92px;}
	.oi_blog_item_content p { margin: 36px 0px !important;}

	
	
.portrait iframe {
 width: 100%;
	height: 702px;
	overflow:hidden;
}
.wpb_gallery .wpb_flexslider .flex-control-nav {
    bottom: auto;
    top: 100%;
    margin-top: -55px !important;
    margin-left: 25px !important;
}
}

/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*-------------------- 980 x 1199 -------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/

@media (min-width: 980px) and (max-width: 1199px) {


.yarpp-thumbnail:last-child {
   display: none !important;
  visibility: hidden;
}

	.header_menu li a { padding:10px !important;}
	.header_menu { display:block !important;}
	.wide_cont {/*max-width:980px */}
	.home_paralax { 
		background-attachment:inherit !important;
		background-size: cover !important;
		background-position:center !important;
	}
	.oi_sticky { position:fixed; width:100%; top:0px;  z-index:999;  margin:0px auto; z-index:998; display:none; padding:0px;}
	.oi_port_title { font-size:20px !important}
	.portfolio-squrex2 .oi_mask .oi_port_title { font-size:32px !important;}
	.oi_port_title { margin-top:5px; margin-bottom:15px;}
	.oi_blog_item_content p { margin: 16px 0px!important;}
	
.myblackground {height:102px!important;}

.portrait iframe {
 width: 100%;
	height: 585px;
	overflow:hidden;
}
.presentation-testimonial {
color: #000000 !important;
display:none !important;
font-size: 14px !important;
}

.presentation2-testimonial {
color: #000000 !important;
display:inline !important;
font-size: 14px !important;
}
	
.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 100%;
}

.wpb_gallery .wpb_flexslider .flex-control-nav {
    bottom: auto;
    top: 100%;
    margin-top: -55px !important;
    margin-left: 25px !important;
}


}

/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*--------------------767 x 980 ---------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/

@media (min-width: 767px) and (max-width: 980px) {

.portfolio-cat {
   display: none !important;
  visibility: hidden;
}

.yarpp-thumbnail:last-child {
   display: none !important;
  visibility: hidden;
}

.post-template-default .yarpp-thumbnail:nth-last-child(2) {
   display: none !important;
  visibility: hidden;
}





	.full_row.vc_row  { margin:0 -20px;}
.full_row div[class*='vc_col'] { margin:0px; padding:0px;}
.block_row.vc_row  { margin-left:-20px; margin-right:-20px;}
.block_row div[class*='vc_col'] { margin:0px; padding:0px;}
.oi_blog_item_content p { margin: 12px 0px !important;}

		body { padding-top:0px; padding-bottom:0px}
	#map { margin:0px !important;}
	.oi_price_holder.spec { margin-top:0px !important;}
	.oi_col-md-3 { width:33% !important; float:left;}
	.home_paralax { 
		background-attachment:inherit !important;
		background-size: cover !important;
		background-position:center !important;
	}
	.oi_table_center { text-align:center; margin-bottom:20px;}
	.header_menu { display:block !important;}
	
	.oi_menu_content_holder > ul > li > a {
			color:#000;
			font-size:11px;
			padding: 10px;
			display:inline-block;
			/*text-transform:uppercase;*/
		
		}
		.oi_first_port_descr { display:none;}
		.wide_cont {/*max-width:760px */}
		.cont_holder_iv h4 { font-size:12px !important;}
		.icon_holder_iv { margin-bottom:5px;}
		.vc_custom_1402150737812 { margin:0px !important;}
		.oi_custom_footer_text { padding-left:20px; margin-bottom:20px; padding-right:20px;}
		.oi_no_rp { padding-right:40px !important;}
		.oi_no_lp { display:none;}
		.achievements h3 { font-size:80px !important;}
		#wp-calendar tbody td { padding:4px;}
		.oi_sticky { position:fixed; width:100%; top:0px;  z-index:999;  margin:0px auto; z-index:998; display:none; padding:0px;}
		.oi_port_title { font-size:16px !important}
		.portfolio-squrex2 .oi_mask .oi_port_title { font-size:24px !important;}
		.oi_port_title { margin-top:5px; margin-bottom:12px;}
		h3.oi_blog_post_title a {  margin-top:15px; }
		h1.oi_blog_post_title a {  margin-top:15px; }
		div.oi_blog_post_title a {  margin-top:15px; }
		/*.tag_line { padding:20px 0px!important;margin-bottom:10px!important;}*/
		.myblackground {height:102px!important;}
		
.flexslider {
overflow: visible !important;
margin-bottom: -15px !important;
/*margin: 0px 0px 50px 0px !important;*/
}
		
.portrait iframe {
 width: 100%;
	height: 450px;
	overflow:hidden;
}

.wpb_gallery_slides ul li img {margin-bottom: 20px !important;}
.wpb_gallery_slides ul li:last-child img {margin-bottom: 0px !important;}
.wpb_content_element {margin-bottom: 20px !important;}

.vc_col-sm-4 {
     width: 33% !important; 
}

.vc_col-sm-8 {
     width: 100% !important; 
}


.portfolio-squre, .portfolio-long { width:25%; float:left }
.portfolio-squrex2, .portfolio-wide  { width:50%;float:left}

.presentation-testimonial {
color: #000000 !important;
display:none !important;
}

.presentation2-testimonial {
color: #000000 !important;
display:inline !important;
}

.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 100%;
}

.flexslider_fade {
margin-bottom:-15px !important;
}

.wpb_gallery .wpb_flexslider .flex-control-nav {
    bottom: auto;
    top: 100%;
    margin-top: -50px !important;
    margin-left: 25px !important;
}

.oi_custom_footer_holder .oi_widget { margin-top:30px !important;
margin-bottom: 0px !important;}

.oi_custom_footer_holder .oi_widget .io_widget_title_single {
padding-bottom: 0px !important;
margin-bottom: 0px !important;}


}

/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*-------------------- < 767 ------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/

@media (min-width: 0px) and (max-width: 767px) {


.oi_widget {
    margin-bottom: 0px;
}

.portfoliocat {
   display: none !important;
  visibility: hidden;
  
}
#portfoliocat {
   display: none !important;
  visibility: hidden;
}

.yarpp-thumbnail:last-child {
   display: none !important;
  visibility: hidden;
}
.post-template-default .yarpp-thumbnail:nth-last-child(2) {
   display: none !important;
  visibility: hidden;
}



		.full_row.vc_row  { margin:0 -20px;}
.full_row div[class*='vc_col'] { margin:0px; padding:0px;}
.block_row.vc_row  { margin-left:-20px; margin-right:-20px;}
.block_row div[class*='vc_col'] { margin:0px; padding:0px;}
.oi_blog_item_content p { margin: 12px 0px !important;}
	.oi_first_port_descr { display:none;}
	.home_paralax { 
		background-attachment:inherit !important;
		background-size: cover !important;
		background-position:center !important;
	}
	.oi_sticky { position:relative !important;}
	body { padding-top:0px; padding-bottom:0px}
	.oi_table_center { text-align:center; margin-bottom:20px;}
	.left_side, .right_side { display:none;}
	.header_menu { display:none; box-shadow: 0 0px 7px rgba(0, 0, 0, 0.2);}
	.header_menu li{ display: inline-block !important; width:100%;   border-bottom:1px solid #ededed;}
	.header_menu li a {  display:block; padding:10px 13px !important;}
	.header_menu { padding:0px !important;}
	.header_menu li.active a { background:none !important; color:#fff;}
	.header_menu li.active { background:#ff3b2f}
	.visible-xs { font-size:36px; text-align:right; margin-top:5px}
	.visible-xs:hover { cursor:pointer;}
	blockquote {font-size:24px;}

.portfolio-squrex, .portfolio-squre { width:33.3% !important;}
.portfolio-squrex2, .portfolio-wide { width:66.6% !important;}
.portfolio-long { width:33.3% !important;}


		.oi_first_portfolio_content, .oi_first_portfolio_attach { width:100% !important;}
	.oi_first_portfolio_attach { margin-bottom:20px;}
	.oi_tringle { display:none;}
	.oi_port_title { font-size:24px !important}
	.portfolio-squrex2 .oi_mask .oi_port_title { font-size:36px !important;}
	.oi_custom_footer_text { padding-left:20px; margin-bottom:20px; padding-right:20px;}

	#back-top { display:none;}
	.oi_sticky { position:relative !important;}
	.oi_sticky_body .wide_cont { padding-top:0px !important;}
	
	.oi_breadcrumbs { padding-top:2px; text-align: left!important;}
	.myblackground2 { opacity: 0!important;}
		/* Menu - simple drop down*/
.header_menu > li > .my_drop {
	visibility:visible;
	opacity:1;
	position:relative;
	background:#fff;
	box-shadow: none;
	width:100%;
}

.header_menu > li > .my_drop > ul > li > a { padding:5px 30px !important}
.header_menu > li >a { width:100%;}

.header_menu > li:hover > .my_drop {
	display:block;
	visibility:visible;
	opacity:1;
	z-index:100
}
h3.oi_blog_post_title a {  margin-top:15px;  }
h1.oi_blog_post_title a {  margin-top:15px;  }
div.oi_blog_post_title a {  margin-top:15px;  }
/*.tag_line { padding:20px 0px!important; margin-bottom:10px!important;}*/

		#top_link { opacity: 0 !important;}
		
.portrait iframe {
 width: 100%;
	height: 450px;
	overflow:hidden;
}

.wpb_gallery_slides ul li img {margin-bottom: 15px !important;}
.wpb_gallery_slides ul li:last-child img {margin-bottom: 0px !important;}
.wpb_content_element {margin-bottom: 15px !important;}

.sharedaddy h3.sd-title {display:none!important;}

.flexslider {
overflow: visible !important;
margin-bottom: -15px !important;
/*margin: 0px 0px 50px 0px !important;*/
}

.flexslider_fade {
margin-bottom:-15px !important;
}

.wpb_gallery .wpb_flexslider .flex-control-nav {
    bottom: auto;
    top: 100%;
    margin-top: -50px !important;
    margin-left: 25px !important;
}

.tp-leftarrow.default {
    visibility: visible !important;
}
.tp-rightarrow.default {
    visibility: visible !important;
}

.tp-bullets{
    visibility: hidden !important;
}

.presentation-testimonial {
color: #000000 !important;
display:none;
font-size: 14px !important;
}

.presentation2-testimonial {
color: #000000 !important;
display:inline;
font-size: 14px !important;
}

}





.testimonilal2_ul { list-style:none; border-left:1px dashed #ededed; padding:0px;}
.oi_textimponial2_author { margin-top:15px; margin-bottom:5px !important;}
.oi_textimponial2_author_small a:hover { color:#000; text-decoration:none; }
.oi_textimponial2_author_small {margin-top:0px !important;}
.testimonilal2_ul li { padding-bottom:30px !important; padding-left:30px; border-bottom:1px dashed #e1e1e1; padding-top:30px;}
.testimonilal2_ul li:first-child { padding-top:0px;}
.testimonilal2_ul li:last-child { padding-bottom:0px !important; border:none;}

.top {background:#000;}
.tag_line { padding:15px 0px 10px 0px; background:#dadada; }
.tag_line2 { padding:15px 0px 10px 0px; background:#414141; }
.tag_line h3 { margin:0px !important; color:#000;}
.oi_breadcrumbs a:hover { color:#000; text-decoration:none;}
.oi_breadcrumbs { font-size:11px !important;}

.blog .tag_line, .page-template-blog-php .tag_line, .page-template-with-sidebars-php .tag_line, .page-template-portfolio-php .tag_line, .single-post .tag_line, .archive .tag_line { margin-bottom:40px;}

/*.page-template-default .tag_line {margin-bottom:0px!important; visibility: hidden;};*/
.oi_demo_inner { border:none !important; padding-top:0px}
.oi_port_filter_holder { padding-top:40px !important;}
.oi_read_more_btn { font-size:11px;}
.oi_read_more_btn:not(:hover) { background:#fff; border:1px solid #ededed;}
.page-template-blog-php .oi_blog_item_content { padding:20px; background:#f6f6f6;}
.oi_blog_item_content p { margin: 16px 0px}
.page-template-blog-php .oi_post_format_content { margin-bottom:0px !important;}
.page-numbers.current { border-radius:3px;}
.pp_overlay { z-index:9999 !important;}
.oi_break .wpb_single_image { margin:0px;}
.oi_break p:empty { display:none;}
.oi_c_break_one_fourth { padding:30px;}


.oi_folio_custom_page_title { padding:40px 0; max-width:1140px !important; }
.top_hr {margin-top:0px; margin-bottom:40px;}
.oi_folio_custom_page_title { padding-top:0px;}
/* 
.wide_cont { max-width:100%;}
.container { width:100%; padding:0px 60px;}
.portfolio-squre { width:20%;}
.portfolio-wide { width:40%;}
.portfolio-long { width:20%;}
.oi_sticky { width:100%; max-width:100%;}
.oi_strange_portfolio_item img { width:100%; height:100%;}
.oi_folio_custom_page_title { width:100%; max-width:100% !important; margin-bottom:40px}
*/
@

::-webkit-scrollbar {
    display: none
}

#top_link {
    display: block;
    width: 44px;
    height: 44px;
    opacity: 0;
    transition: 350ms right ease , 550ms opacity ease;
    -webkit-transition: 350ms right ease , 550ms opacity ease;
    -moz-transition: 350ms right ease , 550ms opacity ease;
    -o-transition: 350ms right ease , 550ms opacity ease;
    -ms-transition: 350ms right ease , 550ms opacity ease;
    position: fixed;
    right: -3%;
    top: calc(50% + 64px);
    z-index: 500;
    background: #F00;
    cursor: pointer
}

#top_link #top_link_background {
    display: block;
    width: 100%;
    height: 0%;
    background: #333;
    opacity: 0;
    position: absolute;
    top: 0px;
    transition: 250ms opacity ease, 250ms height ease;
    -webkit-transition: 250ms opacity ease, 250ms height ease;
    -moz-transition: 250ms opacity ease, 250ms height ease;
    -o-transition: 250ms opacity ease, 250ms height ease;
    -ms-transition: 250ms opacity ease, 250ms height ease;
    z-index: 5
}

#top_link .icon {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(https://www.grapheine.com/wp-content/themes/newera/framework/css/img/fleches.png);
    background-repeat: no-repeat;
    background-size: 80px 80px;
    image-rendering: optimizeSpeed;
    image-rendering: pixellated;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    background-position: 0px 0px;
    position: absolute;
    top: 2px;
    left: 5px;
    z-index: 10;
    transition: 250ms ease background-position;
    -webkit-transition: 250ms ease background-position;
    -moz-transition: 250ms ease background-position;
    -o-transition: 250ms ease background-position;
    -ms-transition: 250ms ease background-position
}

#top_link:hover #top_link_background {
    height: 100%;
    opacity: 1
}

#top_link:hover .icon {
    background-position: 0px -40px
}

#top_link.visible {
    opacity: 1;
    right: 0%
}

input {border: 0px; background:#e8e8e8;  color: #666; padding: 5px;; }
.boxgauche2 {min-width: 46.5%;display:inline-block;float:right; margin-right:2.5%;}
.boxgauche1 {min-width: 47.5%;display:inline-block;}

.tw-social-icon {
	-webkit-border-radius : 0%!important;
	border-radius : 0%!important;
	margin : 0 10px 0 0!important;
}

.full_col {height:100%;}

.langue-fr {
 cursor:pointer;
 background-image:url("../css/img/version-fr.png");
	background-position:center center;
	background-repeat:no-repeat;
	background-size: auto 100% ;
}
.langue-en {
 cursor:pointer;
 background-image:url("../css/img/version-uk.png");
	background-position:center center;
	background-repeat:no-repeat;
	background-size: auto 100% ;
}

.oi_menu_content_holder > ul > li.langue-en > a:hover {
	text-decoration:none;
	color:#000!important;
	opacity: 0;
}

.oi_menu_content_holder > ul > li.langue-fr > a:hover {
	text-decoration:none;
	color:#000!important;
	opacity: 0;
}


.sharedaddy h3.sd-title {display:none!important;}

iframe {
 width: 100%;
 /*height: 56.25vw;*/
}

.oi_blog_item_main_content iframe {
    width: 100%;
    /*height: 400px;*/
}

/*.portrait iframe {
 width: 100%;
	height: 702px;
	overflow:hidden;
}*/

.sondage iframe {
 width: 100%;
	height: 2400px;

}

#book {
height: 860px!important;
}

#twitter-widget-0  {
	height: 270px!important;
	margin-left: -10px;
	margin-top:-10px !important;
}
#twitter-widget-1 {
	height: 270px!important;
}


.admin-bar .myblackground { margin-top:30px;}
.admin-bar .myblackground2 { margin-top:30px;}

.myblackground {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
z-index: -1;
height:112px;
}
.myblackground2 {
position: fixed;
width: 100%!important;
top: 0;
left: 0;
background-color: #000;
z-index: 9990!important;
height: 42px;
opacity:0;
}

#myblackground2.visible {
    opacity: 1;
    
}


/* 
Mathias
*/
.vc_gitem-post-data-source-post_date {color:#ff0000;}
.vc_gitem-post-data {margin:0px !important;}
.vc_button-2-wrapper.vc_button-2-align-left {margin-left:20px;}
.vc_btn-juicy_pink, a.vc_btn-juicy_pink, button.vc_btn-juicy_pink {
  background-color: #C2C2C2 !important; }
  
.vc_btn, a.vc_btn, button.vc_btn {
border-radius: 0px !important;
}

  
.vc_btn, a.vc_btn, button.vc_btn {content:'+';}

.vc_gitem-link, a.vc_gitem-link {text-decoration: none; line-height: 1.4; color: #000000;}

/*overflow: hidden;*/


.sd-social .sd-button .share-count {
    background: #fff!important;
    color: #f00!important;
    border-radius: 0px!important;
    display: inline !important;
    text-align: top !important;
    font-size: 15px !important;
   font-family: inherit !important;
   padding: 10px 0px 0px 0px !important;

}

.sd-content ul li a.sd-button:before {
    position: relative; 
    top: 3px !important; 
    color: #999;
}

.sd-sharing-enabled {

display: inline-block;
}


#sharing_email .sharing_send, .sd-content ul li .option a.share-ustom, .sd-content ul li a.sd-button, .sd-content ul li.advanced a.share-more, .sd-content ul li.preview-item div.option.option-smart-off a, .sd-social-icon .sd-content ul li a.sd-button, .sd-social-icon-text .sd-content ul li a.sd-button, .sd-social-official .sd-content>ul>li .digg_button >a, .sd-social-official .sd-content>ul>li>a.sd-button, .sd-social-text .sd-content ul li a.sd-button {
    text-decoration: none!important;
    display: inline !important;
    font-size: 0px !important;
    font-family: inherit !important;
    font-weight: 400!important;
    border-radius: 0px !important;
    color: #999999 !important;
    background: #fff!important; 
    border: 0px solid #fff!important;
    box-shadow: 0 0px 0 rgba(0,0,0,.08)!important;
    text-shadow: none !important;
    padding: 10px 0px 0px 0px !important;
    border-right: 0px solid #777!important;
 
}

.div .sharedaddy {
 display: inline-block !important;
 color: #999999 !important;
 height: 10px !important;
}

#content div.sharedaddy, #main div.sharedaddy, div.sharedaddy {
    clear: both;
    height: 25px;
}

.share-more {
display: none !important;
}


#oi_blog_item_content .h2 {
  margin-top: 40px !important;
  margin-bottom: 10px;
}

h2,
.h2 {
  margin-bottom: 10px!important;
}


#panel-homepage {
    background-color: #efefef!important;
}

.vc_tta.vc_general .vc_tta-tab>a {
    padding: 0px 0px 10px 0px!important;
    border:none!important;
}

.vc_tta-color-grey.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels {
     background-color: #efefef!important;
     color: #404040!important;
}

.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active>a {
    background-color: #efefef!important;
    color: #000;
}

.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a {
background-color: #efefef!important;
}

.vc_tta.vc_general .vc_tta-panel-body {
    ##padding: 15px 15px!important;
    padding: 0px !important;
    }

.vc_tta-panel-body a {
    color: #404040!important;
}

.vc_tta-panel-body a:hover {
    color: #ff0000!important;
     text-decoration: none;
}

.vc_tta-panel-body {
    color: #404040!important;
}

.gform_wrapper .validation_message, .gform_wrapper div.validation_error {
    color: #ff0000!important;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px;
    border-top: 0px solid #ff0000!important;
    border-bottom: 0px solid #ff0000!important;
    padding: 16px 0;
    clear: both;
    width: 100%;
    text-align: left !important;
}

.gform_wrapper .textarea {
    border: 0px;
    background: #e8e8e8;
}

.gform_wrapper .gfield_error .gfield_label {
    color: #ff0000!important;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 1px solid #ff0000!important;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: rgba(240,240,240,0.5)!important;
    margin-bottom: 6px !important;
    border-top: 0px solid #ff0000!important;
    border-bottom: 0px solid #ff0000!important;
    padding-bottom: 6px !important;
    padding-top: 6px !important;
    box-sizing: border-box;
}

body .gform_wrapper ul li.gfield {
    margin-top: 0px !important;
    padding-top: 0;
}

.gform_wrapper li.hidden_label input {
    margin-top: 8px !important;
}

#content .wpb_alert p:last-child, #content .wpb_text_column p:last-child, .vc_message_box>p:last-child, .wpb_alert p:last-child, .wpb_text_column p:last-child {
    margin-bottom: 5px!important;
}

.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
    margin-bottom: 0px!important;
}

.gform_wrapper .gform_footer {
    padding: 0px 0 10px !important;
    margin: 16px 0 0;
    clear: both;
    width: 100%;
}




/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*--------------------   < 641  ---------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/




@media only screen and (min-width: 641px){
.gform_wrapper .ginput_complex.ginput_container_address .ginput_left {
    margin-right: 8px;
    margin-top: 10px !important;
}




.gform_wrapper .ginput_complex.ginput_container_address .ginput_right {
    margin-right: -8px;
    padding-right: 8px;
    margin-top: 10px !important;
}



.nom-testimonial {
color: #ffffff !important;
font-size: 18px !important;
font-weight:700 !important;
}


.metier-testimonial {
color: #ffffff !important;
font-size: 18px !important;
}

}

.dateportfolio {
font-size: 36px !important;
font-weight:700 !important;
line-height: 1.1;
}

.bootomathias {
position: absolute;
    bottom: 0;
    }

.barretitreblog {
    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ededed;
    padding-bottom: 7px;
    margin-bottom: 15px;
    margin-top: 0px;
}

.publicationmargin {
	margin-bottom: 0px!Important;
}

.mc_form_inside .mergeRow {
display:none!important;
visibility:hidden!important;
}

.mc_signup_submit {
	    display: inline !important;
 text-align: left !important;
 }


#mc_signup_submit {
    margin-top: 0px !important;
    width: 32px !important;
   margin-left: -3px;
}
.mc_merge_var {
    display: inline;
    }

.oi_widget .mc_signup_submit input[type="submit"]{
	width:32px;
	height:32px;
 cursor:pointer;
 font-size:12px;

 	background-position:right center;
	background-repeat:no-repeat;
	background-size: auto 100% ;
}

.mc_email_options  {
visibility:hidden !important;
display:none !important;
}

label {
font-weight: normal !important;
}



h1 a, h2 a {
border-bottom: 2px solid #dadada;
    padding: 0 0 0px 0px;
     -webkit-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
}

h1 a:hover, h2 a:hover {
border-bottom: 2px solid red;
    padding: 0 0 0px 0px;
  opacity: 1;
   -webkit-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;
}
#breadcrumbs2 {
color : #b9b9b9;
}

#breadcrumbs2 a {
color : #b9b9b9;
border-bottom: 2px solid #414141;
    padding: 0 0 1px 0px;
     -webkit-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
}

#breadcrumbs2 a:hover {
border-bottom: 2px solid red;
    padding: 0 0 1px 0px;
  opacity: 1;
   -webkit-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;
}

p a {
border-bottom: 2px solid #dadada;
    padding: 0 0 1px 0px;
     -webkit-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
}

p a:hover {
border-bottom: 2px solid red;
    padding: 0 0 1px 0px;
  opacity: 1;
   -webkit-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;
}



a {
  color: #404040;
  text-decoration: none;
}





.timeline-Tweet {
padding: 0px !important;
}
.SandboxRoot.env-bp-min .timeline-Tweet {
padding: 0px !important;
}

.oi_commente_holder {
margin-bottom:40px;}

.yarpp-related h3 {
    font-weight: normal !important;
    padding: 0 0 20px 0 !important; 
    font-size: 15px !important;
     text-transform: none !important;
     margin: 0;
}

.sharrrr { 
 font-weight: bold !important;
  font-size: 18px !important;
  display:inline-block;
}

.yarpp-thumbnail > img, .yarpp-thumbnail-default {
    width: 134px;
    height: 134px;
    margin: 0px !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    font-size: 1em;
    line-height: 1.4em;
    margin: 0px !important;
    margin-top: 10px !important;
    width: 134px;
    text-decoration: inherit;
    /*overflow: hidden;*/
}

.yarpp-related {
     margin: -20px 0px 0px 0px !important;
}

.yarpp-related a{
    text-decoration: none;
    font-weight: bold;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail, .yarpp-thumbnail-default, .yarpp-thumbnail-title {
	display: inline-block;
	*display: inline;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
	border: 1px solid rgba(127,127,127,0.1);
	width: 144px;
	
	margin: 5px;
	margin-left: 0px;
	vertical-align: top;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
	width: 134px;
	
	margin: 5px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail > img, .yarpp-thumbnails-horizontal .yarpp-thumbnail-default {
	display: block;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
	font-size: 1em;
	line-height: 1.4em;
	margin: 7px;
	margin-top: 0px;
	width: 134px;
	text-decoration: inherit;
	overflow: hidden;
}

.yarpp-thumbnail-default {
	overflow: hidden;
}


.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 30px!important;
    margin: -20px 0 0;
    position: absolute;
    padding-top: 0px;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 1)!important;
    text-shadow: 0px 0px 0 rgba(255, 255, 255, 0)!important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out!important;
}

.flex-direction-nav .flex-next {
    right: 20px !important;
    text-align: right;
}

.flex-direction-nav .flex-prev {
    left: 20px !important;
}

.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 32px !important;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 1);
    text-shadow: 0px 0px 0 rgba(255, 255, 255, 0) !important;
}

.flex-control-nav li {
    margin: 0 10px 0px 0px !important;
    display: inline-block;
    zoom: 1;
   
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: left !important;
}

.flex-control-paging li a {
 list-style-type: none !important;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 12px;
	height: 12px;
	margin: 0 2px;
	background-color: #b6b6b6;

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;

	-webkit-box-shadow: inset 0 0 0 2px #b6b6b6;
	-moz-box-shadow: inset 0 0 0 2px #b6b6b6;
	box-shadow: inset 0 0 0 2px #b6b6b6;
}

.flex-direction-nav  {
color: rgba(1,1,1,.5)!important
}

.fleches-grises .flex-direction-nav a:before {
color: #8d8d8d!important

}
.wpb_gallery_slides .flex-control-nav {
display:inline !important;
}

.masque-nav .wpb_gallery_slides .flex-control-nav  {
display:none !important;
}

/* genre espace sous les diaporama de type fade*/
.flexslider_fade {
margin-bottom:-30px !important;
}

.flexslider {
overflow: visible !important;
margin-bottom: -15px!important;
/*margin: 0px 0px 50px 0px !important;*/
}

.flex-control-paging li a.flex-active {
	background-color: rgba(50, 50, 50, 0.9) !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none;
	box-shadow: none;
}

.flex-control-paging li a {
	background-color: rgba(210, 210, 210, 1) !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {
    font-size: 1em !important; 
    color: #999 !important;
}

.gform_wrapper h2.gsection_title {
    margin: 0 0 10px 0 !important;
}

.gform_wrapper .top_label div.ginput_container {
    margin-top: 8px;
    margin-bottom: 8px !important;
}

.gform_wrapper .chosen-container, .gform_wrapper .chosen-container * {
    margin-bottom: 8px;
}

.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
    font-size: 1.5em !important;
}

.gform_wrapper .validation_message {
    display: none;
}

.premierelignecontact {
    border-bottom: 0px solid #CCC !important;
}

.tp-bullets.simplebullets.round .bullet {
no-repeat top left;
width:32px !important;
height:32px !important; 
margin-right:0px;
margin-left: 0px !important;
background-size: cover !important;
}
.tp-dottedoverlay.twoxtwo {
    background: url("https://www.grapheine.com/wp-content/uploads/2018/04/pills-branding.png") no-repeat !important;
    background-position:center center !important;
    background-size: cover !important;
	background-size: contain !important;
	
}

.tw-social-icon {
    border-radius: 50% !important;
    background: #dadada;
}

.tp-leftarrow.default {
    visibility: hidden;
}
.tp-rightarrow.default {
    visibility: hidden;
}
.tp-bullets{
    visibility: visible;
}

.kk-star-ratings {
    width: 120px;
    min-height: 0px !important;
    height: 17px !important;
    display: inline-block;
}

.kk-star-ratings .kksr-legend {
    float: right !important;
    position: relative !important;
    width:150%;
    font-size: 15px !important; 
    text-align: left !important;
    /*top: -18px !important;*/
    right: -160% !important;
    font-family: 'grapheine',sans-serif !important;
    }

.kk-star-ratings.rgt {
    float: none !important;
    margin-left: 0px !important;
}


/* mathias */
.tiled-gallery {
	margin: 0 0 0px!important;
}

.tiled-gallery .gallery-row {
margin-bottom: 15px!important;
width: 111% !important;
}
.tiled-gallery .gallery-group {
margin-right: 15px;
}

.vc_toggle.vc_toggle_default .vc_toggle_icon {
    display: inline-block;
    width: 10px;
    margin-left: 0px !important;
    height: 2px !important;
}

.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::before {
    width: 2px !important;
}

.wpb-js-composer .vc_tta .vc_tta-controls-icon {
    height: 10px !important;
    width: 10px !important;
    
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: #fff !important;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:focus, .wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover {
    background-color: #ffffff !important;
    color: #F00 ! important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {
    margin-left: -20px !important;
    line-height: 1;
}




/// copie de Framework/FlexSlider/flexslider.css
/// Sinon le flexslider de jscomposer bouge tout le temps




/*
 * jQuery FlexSlider v2.6.1
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}

.flexslider{height: 100% !important;}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}


/* mathias pour gérer espace après les fleches du menu */

.mega_main_menu > .menu_holder > .menu_inner > ul > li
{
margin: 0 0px 0 0!important;
}

.mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link:after {
border-width: 5px 4px!important;
}

/*fleches sous menu */
.mega_main_menu li.tabs_dropdown > .mega_dropdown > li > .item_link:before, .mega_main_menu li.default_dropdown > .mega_dropdown > .menu-item > .item_link:before {
border-width: 4px 5px!important;
}

.mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link {
/*padding: 0px 15px 0px 20px!important;*/
}

.mega_main_menu > .menu_holder > .menu_inner > .mega_main_menu_ul {
font-size: 100%!important;
}

@media (max-width: 1199px){
.mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link {
padding-left: 13px!important;
padding-right: 13px!important;
}
}

/* mathias post grid css */

.element_0 {
    display: block;
    font-size: 16px;
    line-height: 140%;
    text-align: left;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #808080;
    hyphenate-limit-chars: auto;
    padding-right: 0%;
}

.element_1 {
    display: block;
    font-size: 16px;
    line-height: 140%;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 0px;
    color: #808080;
}

.element_2{
    display: block;
    font-size: 16px;
    line-height: 140%;
    text-align: left;
    margin-bottom: 20px !important;
    margin-top: 0px;
    color: #808080;
}

.item {
/*background: none !important;*/
    /*margin-right: 2%;*/
}

.skin.flat .layer-content {
    padding: 0px 0px !important;
}


.share-social-icon {
  width:16px !important;
  height:16px !important;
  background-color: #fff !important;
   background-size:16px !important;
   margin: 0px 5px -2px 0px !important;
   border-radius: 0% !important;

  &.twitter {
    background-image: url(../images/icons/twitter.png);
  }
  &.facebook {
    background-image: url(../images/icons/facebook.png);
  }
  &.dribbble {
    background-image: url(../images/icons/dribbble.png);
  }
  &.instagram {
    background-image: url(../images/icons/instagram.png);
  }
  &.google {
    background-image: url(../images/icons/google.png);
  }
  &.pinterest {
    background-image: url(../images/icons/pinterest.png);
  }
  &.linkedin {
    background-image: url(../images/icons/linkedin.png);
  }
  &.rss {
    background-image: url(../images/icons/rss.png);
  }
  &.stumble {
    background-image: url(../images/icons/stumbleupon.png);
  }
  &.vimeo {
    background-image: url(../images/icons/vimeo.png);
  }
  &.youtube {
   background-image: url(../images/icons/youtube.png);
  }
}

/* Retina Versions */
.svg {
  .share-social-icon {
    background-size:16px !important;

    &.twitter {
      background-image: url(../images/iconst/witter.svg);
    }
    &.facebook {
      background-image: url(../images/icons/facebook.svg);
    }
    &.dribbble {
      background-image: url(../images/icons/dribbble.svg);
    }
    &.instagram {
      background-image: url(../images/icons/instagram.svg);
    }
    &.google {
      background-image: url(../images/icons/google.svg);
    }
    &.pinterest {
      background-image: url(../images/icons/pinterest.svg);
    }
    &.linkedin {
      background-image: url(../images/icons/linkedin.svg);
    }
    &.rss {
      background-image: url(../images/icons/rss.svg);
    }
    &.stumble {
      background-image: url(../images/icons/stumbleupon.svg);
    }
    &.vimeo {
      background-image: url(../images/icons/vimeo.svg);
    }
    &.youtube {
     background-image: url(../images/icons/youtube.svg);
    }
  }
}

.wpb_video_widget.vc_video-aspect-ratio-235 .wpb_video_wrapper {
     padding-top: 62.5% !important;
}

.grid-nav-bottom{ display:none; }

.post-grid .grid-nav-top {
margin-bottom:0px!important;
}
.post-grid .grid-items {
margin: 0 0;
overflow: hidden;
font-size : 0px;
}

.lang_sel_list_horizontal{
display: inline-grid;
}
.lang_sel_list_horizontal>ul{
padding-inline-start: 0px;
list-style-type: none;
}



/* /////////////////////////////////////////////////
   progress barre gravity form 
/* /////////////////////////////////////////////////*/

.gform_wrapper .gf_progressbar_wrapper {
    clear: both;
    width: 100%;
    margin: 0 0 16px 0;
    padding:0 0px 16px 0!important;
}

.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
    font-size: 0em!important;
    line-height: 1 !important;
    margin: 0 0 0px 0px !important;
    padding: 0 !important;
    clear: both;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity:.6
}

.gform_wrapper .gf_progressbar {
    padding: 10px;
    position: relative;
    background-color: rgba(0, 0, 0, .1);
    -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0 0px 0px rgba(0, 0, 0, .05)!important;
    -moz-box-shadow: inset 0 0 0px 0px rgba(0, 0, 0, .05)!important;
    box-shadow: inset 0 0 0px 0px rgba(0, 0, 0, .05)!important;
    width:100%
}

.gform_wrapper .gf_progressbar_percentage {
    height: 24px;
    text-align: right;
    font-family: inherit !important;
    font-size: 1em !important;
    text-shadow: 0 0px 0px rgba(0, 0, 0, .5)!important;
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    z-index: 999;
    vertical-align: middle;
    background:#ff0000!important;
    }

.gform_wrapper .gf_progressbar:after {
    content: "";
    display: block;
    width: 100%;
    z-index: 990;
    height: 24px;
    margin-top: -24px;
    background-color: rgba(0, 0, 0, .1);
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    -webkit-box-shadow: inset 0 0 0px 0px rgba(0, 0, 0, .05)!important;
    -moz-box-shadow: inset 0 0 0px 0px rgba(0, 0, 0, .05)!important;
    box-shadow: inset 0 0 0px 0px rgba(0, 0, 0, .05)!important;
}

.gform_wrapper .gf_progressbar_percentage.percentbar_100 {
    border-top-right-radius: 0px!important;
    border-bottom-right-radius:0px!important;
}

.gform_wrapper .gf_progressbar_percentage span {
    display: block;
    width: auto;
    float: right;
    margin-right: 5px;
    margin-left: 5px;
    line-height:1.8
}

.gform_wrapper .gf_progressbar_percentage.percentbar_0 span {
    color: #959595;
    text-shadow: none;
    float: none !important;
    margin-left: 12px;
    word-wrap:normal
}

.gf_progressbar_title {
    margin: 0 0 0px 0px !important;
}

.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio] {
margin-right: 5px;
vertical-align:0!important;
}

.ginput_product_price_label { display: none; }



.diaporama_header { 
 width: 100%;
  padding-bottom: 43.636%;
/*height:670px!important;*/}


.gsurvey-rating:not(:checked) > label, .gsurvey-rating:not(:checked) > label:hover, 
.gsurvey-rating:not(:checked) > label:hover ~ label, .gsurvey-rating:not(:checked) > label, 
.gsurvey-rating:not(:checked) > label:hover, .gsurvey-rating:not(:checked) > label:hover ~ label, 
.gsurvey-rating > input:checked ~ label {
    width: 65px;
    line-height: 50px;
    background-size: 50px 50px;
    color: rgba(221, 221, 221, 0) !important;
}

.gform_legacy_markup_wrapper .top_label .gfield_label, .gform_legacy_markup_wrapper legend.gfield_label {
margin-top:5px!important;
margin-bottom:5px!important;
}

/* pour images larges comme dans gutenberg */
.alignfull {
	margin: 0px calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

.mainportfolio {
margin: 0px calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;

}

/*style gallery wordpress*/
.gallery {
	margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-item a {
	display: inline-block;
}
.gallery-columns-1 .gallery-item {
	max-width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* mathias resize vidéo proportionnel sur plus que 1000 px" 

.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
width: 100% !important;
height: 100% !important;
}
.mejs-container {
padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
max-width: 100% !important;
}
video.wp-video-shortcode {
position: relative;
}
.mejs-mediaelement {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.mejs-controls {
display: none;
}
.mejs-overlay-play {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto !important;
height: auto !important;
}
*/

/* Mathias fev 23 pour éviter que les video en arrière plan dépasse de quelques pixel de la largeur du site*/

.vc_video-bg-container {
position: relative;
margin-left: 0!important;
margin-right: 0!important;
}