﻿/* FULLWIDTH OF BOXED VERSIONS SETTINGS*/
 .container {
    margin: 0 auto;
    width:1170px; /*Change to any value and the whole template will adjust to it :) */
    position: relative;
    
}
#container{   
    width: 100%;/* if you want  boxed version change the value to the value of .container (940px by default) + some value (for example 80px more, they represent margins on the left and right) so it would be 1020px*/
    margin:0px auto;
    position:relative;
    z-index:99;
}


 /*--------------------------------------------------------------------------------------*/
 /*                     RESET CSS                                                    */
 /*-------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: none }
del { text-decoration: line-through }
hr { background: transparent; border: 0; clear: both; color: transparent; height: 1px; margin: 0; padding: 0; }
mark { background-color: #ffffb3; font-style: italic; }
input, select { vertical-align: middle }
ins { background-color: red; color: white; text-decoration: none; }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; }
* html .clearfix, :first-child+html .clearfix { zoom: 1 }


/*--------------------------------------------------------------------------------------*/
 /*                     GRID                                                        */
 /*-------------------------------------------------------------------------------------*/

.one,.one-half,.two-third,.one-third,.one-fourth ,.one-fifth,.one-sixth,.three-fourth,.two-fourth{ float:left;position:relative;margin-right:2.21%; }
.one { width: 100%; margin-right: 0!important; }
.one-half { width: 48.895%; }
.two-third { width: 65.93%; }
.one-third  { width: 31.86%; }
.one-fourth { width: 23.34%; }
.two-fourth { width: 46.68%; }
.three-fourth { width: 74.44%;}
.one-fifth { width: 18.23%; }
.one-sixth { width: 14.82%; }
.one-half:nth-child(2n), .one-third:nth-child(3n), .one-fourth:nth-child(4n),.one-fifth:nth-child(5n),.one-sixth:nth-child(6n){margin-right: 0!important;}
.horizontal-line {width: 100%;margin: 40px 0; float: left; border-top: 1px solid #e3e3e3;}
.container .one-fourth:last-child{margin-right: 0!important;}
.container .one-third:last-child{margin-right: 0!important;}
.container .three-fourth:last-child{margin-right: 0!important;}
.container .two-third:last-child{margin-right: 0!important;}
.one .one-fourth:last-child{margin-right: 0!important;}
.one .two-third:last-child{margin-right: 0!important;}

 /*--------------------------------------------------------------------------------------*/
 /*                     GENERAL CSS FOR STYLING                                      */
 /*-------------------------------------------------------------------------------------*/

body {
    background: #a2a2a2 url("");
    color: #898989;
    font-family: 'Merriweather Sans', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    font-size:14px;
    line-height:21px;
}
html, body {height:100%;}
p{margin-bottom: 10px;}
code,
pre {
    display: block;
    clear: both;
    overflow: auto;
    padding: 10px;
    text-align: left;
    white-space: pre;
    line-height: 18px;
    margin: 20px 0;
    background-color: #ebebeb;
}
img {
    max-width: 100%;
    height: auto;
}
a, a > * {
    text-decoration: none;
    /*color: #5D5D5D;*/
    
}
a:hover{
   text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    font-variant: normal;
    white-space: normal;
    color: #404040;
    margin-bottom: 20px;
    font-family: 'Oswald',arial, helvetica, sans-serif;
}
h1 {
    font-size: 26px;
    line-height: 32px;
}
h2 {
    font-size: 24px;
    line-height: 30px;
}
h3 {
    font-size: 22px;
    line-height: 30px;
}
h4 {
    font-size: 16px;
    line-height: 22px;
}
h5 {
    font-size: 16px;
    line-height: 22px;
}
h6 {
    font-size: 14px;
    line-height: 22px;
}
header {
    height: auto;
    width: 100%;
    float: left;
    margin: 0px 0 0 0;

}
header {
    background: #f8f8f8;
    /*height: 50px;*/
    border-bottom: 1px solid #dddddd;
    position: relative;
}
#style2 header {
    background: #F5870E;
}

 #wrapp{
    float: left;
    width: 100%;
}
#content{    
    float:left;
    width: 100%;
    margin: 0px 0 0 0 ;
    position: relative;
}
#header{
    padding: 0px 0  0px 0;   
   /* float:left;*/
   
}
#header .link-header{
	    height: 250px;
	    cursor: pointer;
}

.top-bar{
    width: 100%;
    float: left;
    padding: 10px 0;
}
.top-bar .date{
	color:#fff;
	padding:0 25px;
}
.top-bar .date h4{
	color:#fff;
	text-transform:uppercase;
	margin-bottom: 0px;
}
#wrapp-block {
    background: #fff;
    margin-top: 14px;
    padding: 0;
    position: relative;
}
.news-plus{
	margin-top:10px
}

.focus .news-plus li{

    border: none; 
}
#wrapp-block:before {
    content: "";
    background: rgba(255,255,255,0.6);
    height: 7px;
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    width: 98.5%;
    margin: 0;
    margin: 0 auto;
}
#wrapp-block:after {
    content: "";
    background: rgba(255,255,255,0.7);
    height: 14px;
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    width: 97%;
    margin: 0;
    margin: 0 auto;
}

header .top-menu{
	margin-left:20px;
}

/* -------------------------------------------------- */
	/*	Social Icons
	/* -------------------------------------------------- */	

	.social-icons { font-size: 0;  float: right;}
	footer .social-icons { float: none;}
	.social-icons ul{text-align:right;  padding: 13px 25px 9px 13px; background-color: #47975f;}
	#style2 .social-icons ul{ padding: 14px 25px 12px 13px}
	.top-header-line .social-icons { float: right; }

		.social-icons li {
			display: inline-block; 
			margin: 5px 5px 0 0;
			vertical-align: top;
			position: relative;
		}
		
		.social-icons li:after {
			position: absolute;
			display: block;
			width: 24px;
			height: 24px;
			content: "";
			opacity: 0;
			text-align: center;
			top: 0;
			left: 0;
			z-index: 0;

			-webkit-transition: -webkit-transform .3s ease, background-color .35s, opacity .25s ease;
					transition: transform .3s ease, background-color .35s, opacity .25s ease;
			-webkit-transform: scale(0);		
					transform: scale(0);
			-webkit-border-radius: 50%;
					border-radius: 50%;
		}
		
		.social-icons li:hover:after {
			opacity: 1;
			
			-webkit-transform: scale(1);
					transform: scale(1);
		}
		
			div.social-icons li a { 
				/*border-color: transparent;*/
				width: 24px;
				height: 24px;
			}
			
				div.social-icons li:after {
					position: absolute;
					display: block;
					width: 24px;
					height: 24px;
					content: "";
					opacity: 0;
					text-align: center;
					top: -1px;
    				left: 2px;					
    				z-index: 0;

					-webkit-transition: -webkit-transform .3s ease, background-color .35s, opacity .25s ease;
							transition: transform .3s ease, background-color .35s, opacity .25s ease;
					-webkit-transform: scale(0);		
							transform: scale(0);
					-webkit-border-radius: 50%;
							border-radius: 50%;
				}
				
				div.social-icons li:hover:after {
					opacity: 1;
					-webkit-transform: scale(1);
							transform: scale(1);
				}
				
				div.social-icons li.twitter:hover:after		{ background-color: #47c0d8 }
				div.social-icons li.facebook:hover:after	{ background-color: #49699f; }
				div.social-icons li.youtube:hover:after	    { background-color:#C00; }
				div.social-icons li.linkedin:hover:after	{ background-color: #2c7cb7; }
				div.social-icons li.pinterest:hover:after	{ background-color: #c21c21; }
				div.social-icons li.rss:hover:after         { background-color: #fe9900; }
				div.social-icons li.flickr:hover:after		{ background-color: #e82c88; }
				
				.social-icons li a:hover { border-color: transparent; }	
		
		div.circle-icons li { margin: 0 2px; position: relative; }

		.circle-icons li a {
			display: block;
			width: 45px;
			height: 45px;
			padding:0 0;
			border: 2px solid transparent;
			font: 0/0 a;
			cursor: pointer;
			text-align: center;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			-webkit-transition: all .25s ease;
			transition: all .25s ease;
		}

			ul.social-icons li.twitter:hover:after     { background-color: #47c0d8; }
			ul.social-icons li.facebook:hover:after	   { background-color: #49699f; }
			ul.social-icons li.linkedin:hover:after	   { background-color: #2c7cb7; }
			ul.social-icons li.pinterest:hover:after   { background-color: #c21c21; }
			ul.social-icons li.rss:hover:after		   { background-color: #fe9900; }
			ul.social-icons li.gplus:hover:after	   { background-color: #c33d19; }
			ul.social-icons li.flickr:hover:after	   { background-color: #e82c88; }
			ul.social-icons li.instagram:hover:after   { background-color: #517fa3; }
			ul.social-icons li.dropbox:hover:after	   { background-color: #5da3e8; }
			ul.social-icons li.youtube:hover:after	   { background-color: #b72d24; }
			ul.social-icons li.blogger:hover:after	   { background-color: #f38f33; }
			ul.social-icons li.evernote:hover:after	   { background-color: #73b122; }
			ul.social-icons li.dribbble:hover:after	   { background-color: #e65992; }
			ul.social-icons li.behance:hover:after	   { background-color: #18a3fe; }
			ul.social-icons li.lastfm:hover:after	   { background-color: #be0607; }
			ul.social-icons li.skype:hover:after	   { background-color: #24b0e4; }
			ul.social-icons li.vimeo:hover:after	   { background-color: #568799; }
			ul.social-icons li.forrst:hover:after	   { background-color: #628267; }
			ul.social-icons li.digg:hover:after		   { background-color: #2882c6; }
			ul.social-icons li.appstore:hover:after	   { background-color: #606060; }
			ul.social-icons li.wordpress:hover:after   { background-color: #33759d; }
			ul.social-icons li.stumbleupon:hover:after { background-color: #eb4924; }
			ul.social-icons li.deviantart:hover:after  { background-color: #5f7162; }
			ul.social-icons li.github:hover:after	   { background-color: #7292a2; }
			ul.social-icons li.mail:hover:after		   { background-color: #65a413; }
			
				.social-icons i {
					position: relative;
					font-weight: bold;	
					font-size: 13px;
					z-index: 3;
					-webkit-transition: color .35s ease-out;
					transition: color .35s ease-out;
				}

				.top-header-line .social-icons i { font-size: 14px; }

				.social-icons li i {
					display: block;
					line-height: 43px;
					color: #fff;
				}
				
				.shortcades-social-icons-container .social-icons li i {	color: #696b6c;	}
				
				/*line height for header social-icons*/
				div.social-icons li i {line-height: 19px !important;}

				.social-icons a:hover i {color: #fff;}


/*******************************************************************************/


.date-day{
	border-right:1px solid #ebebeb;
	float:left;
	 font-family: Oswald;
  /*line-height: 50px;*/
    font-size: 14px;
    padding: 13px 15px;
  	text-align:center;
     width: 170px;


}

#weather{
border-right: 1px solid #ebebeb;
    float: left;
    font-family: Oswald;
    font-size: 14px;
    padding: 12px 15px;
 }
 
 .slogan{
		border-right:1px solid #ebebeb;
	float:left;
	 font-family: Oswald;
  /*line-height: 50px;*/
    font-size: 14px;
    padding: 14px 15px;
        text-transform: uppercase;

}
.content{
	padding:20px;
	position:relative;
}
.light-grey{
	background:#f0f0f0 !important;
}
.grey{
	background:#D8D8D8!important;
}
.border-top{
	border-top:1px solid #ebebeb;
}
#logo img{
	width:36%;
	float:left;
	margin-right:10px
}
#logo span{
	font-family: Oswald;
	 font-size: 23px;
	 color:#5d5d5d;
	 text-transform:uppercase;
	 line-height: 27px;
}

.orange{
	color:#F5870E !important;
}
.size15{
	font-size:15px!important;
}

.pub{
	text-align:center;
	width:468px;
	height:90px;
	background:#5d5d5d;
	float: left;
    position:relative;
}
#style2 .pub{
	text-align:center;
	width:468px;
	height:90px;
	background:#5d5d5d;
	float: left;
    position:relative;
}
#style2 .subhead .pub{
	text-align:center;
	width:468px;
	height:90px;
	background:#5d5d5d;
	float: left;
    position:relative;
        border-right: 1px solid rgba(93, 93, 93, 0.2);
    margin-right:10px;
}

#style2 .pub:after{content:none;}

header .pub{
    margin-top: 7px;
}
.pub:after{
	content: "Publicité";
    background: rgba(255,255,255,0.7);
    height: 23px;
    position: absolute;
    top: 34px;
    /* left: 0; */
    padding: 3px;
   font-family: Arial;
    font-weight: bold;    right: -57px;
    width: 90px;
    margin: 0;
    margin: 0 auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 12px;
}

.subhead .zone-logo{
	float:left;
    width: 315px;
   /* border-right:1px solid rgba(93, 93, 93, 0.2);*/
    padding: 0 10px 0 0;   
   /* margin-right: 2.21%;*/
  }
    
 .subhead .zone-interactive{
	float:left;
	width: 300px;
	border-right: 1px solid #5D5D5D;
	margin-right: 2.21%;}
	
.subhead .zone-interactive h4{
	font-family: Oswald;
	font-size: 15px;
	margin-bottom: 7px;
	color:#e00000;
	text-transform:uppercase;
	font-weight: 400;
}
ul.outils li a {
    float: right;
    padding: 0 101px 0 16px;    display: inline-block;
    text-align: center;
    font-family: Oswald;
    line-height: 53px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 13px;
        position: relative;
        background: #505050;
}

ul.outils li a span{
display: block; */
    /* width: 100%; */
    margin-bottom: 12px;
    /* float: left; */
    top: -10px;
    right: 8px;
    width: 83px;
    position: absolute;
    z-index: 5;
}

ul.outils li a img{

	text-align:center;
}
.emergence h4 {
    font-family: Oswald;
    font-size: 24px;
    margin-bottom: 0;
    background-color: rgb(214, 222, 216);
    padding: 10px 70px 11px 30px;
    line-height: 27px;
    color: #F5870E;
    text-transform: uppercase;
    font-weight: 400;
    float: left;
    position: relative;
    margin-right: 48px;
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;

}
header .content {
    position: relative;
    z-index: 6;
}
.emergence h4:after {
    content: "";
    position: absolute;
    width: 43px;
    right: -70px;
    top: 36px;
    border-style: solid;
    border-width: 39px 30px 0px 0px;
    border-color: #D6DED8 transparent transparent transparent;
    position: absolute;
    right: -32px;
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;
}
.emergence h4:before {
    content: "";
    position: absolute;
    width: 43px;
    right: -70px;
    top: 0;
    border-style: solid;
    border-width: 0px 31px 36px 0px;
    border-color: #D6DED8 rgba(206, 189, 189, 0) rgb(214, 222, 216) rgba(167, 159, 159, 0);
    position: absolute;
    right: -32px;
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;
}


.emergence ul li a{
    float: left;
    display: inline-block;
    font-family: Oswald;
    font-size: 13px;
    /* border-right: 1px solid rgba(221, 221, 221, 0.27); */
    padding: 0px 42px;
    color: #F5870E;
    /* background: rgba(255, 255, 255, 0.83); */
    

}
.emergence ul li a:hover span{
	color: #fff;

} 
.emergence ul li a span{
	    margin-top: 6px;
    color: #F5870E;
    display: block;
    padding: 3px;
        -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;
}
.emergence ul{
	/*padding-top:30px;*/
}
.emergence ul li:last-child a{
	 border-right:none;	
	 padding-right:0;
}
.emergence ul li:first-child a{
	/* padding:0 15px 0 0;	*/
}

.emergence:hover h4 {
	color:#fff;
	background-color: rgb(245, 135, 14);
} 

 #emergence:hover h4:before{
 border-color: #D6DED8 rgba(206, 189, 189, 0) rgb(245, 135, 14)  rgba(167, 159, 159, 0);
	
}

 #emergence:hover h4:after{
 border-color: #F5870E transparent transparent transparent;
	
}


.flaticon-item{
	position: relative;
}
.flaticon-item.flaticon-item-1{
	
    background:url('../images/svg/hospital32.svg') no-repeat;
	background-repeat:no-repeat;
	background-position: 50%;
}
.flaticon-item.flaticon-item-2{
    background:url('../images/svg/business17.svg') no-repeat;
	background-repeat:no-repeat;
	background-position: 50%;
}
.flaticon-item.flaticon-item-3{
    background:url('../images/svg/graduation-cap2.svg') no-repeat;
	background-repeat:no-repeat;
	background-position: 50%;
}
.flaticon-item.flaticon-item-4{
	 fill: blue;
    background:url('../images/svg/brick7.svg') no-repeat;
	background-repeat:no-repeat;
	background-position: 50%;
}
.flaticon-item.flaticon-item-5{
    background:url('../images/svg/diagram7.svg') no-repeat;
	background-repeat:no-repeat;
	background-position: 50%;
}
.flaticon-item.flaticon-item-6{
    background:url('../images/svg/hippie5.svg') no-repeat;
    background-repeat:no-repeat;
    background-position: 50%;
}
.flaticon-item {
   height: 45px;
    line-height: 1.2;
    padding:0;
    margin-right: 0;
    width: 100%;
    display: block;}
#emergence{
	background:#0C3A17;
  /*background-image: url(../images/babck-emergence.jpg);*/
  background-position:bottom;
 /* height: 100px;*/
  background-attachment: fixed;
}
.emergence ul{
	/*float:right;*/
	/*width:950px;*/
	display:inline-flex;
}
.no-marging{
	margin:0 !important;
}
.no-marging-bottom{
	margin-bottom:0 !important;
}
.horizontal-line {
    width: 100%;
    margin: 20px 0;
    float: left;
    border-top: 1px solid #e3e3e3;
}

/*------------------------------------------------------------------*/ 
/*	news une
/*------------------------------------------------------------------*/

.news-items-slider .rubrique{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-family: Josefin Sans;
    margin: 0 0 12px 0;
    
}
.flash-info .rubrique {
    font-size: 14px;
    text-transform: uppercase;
    color: #E62222;
    margin: 0;
    font-family: 'Oswald', 'Arial', serif;

}.flash-info li a{
	/*font-family: 'Arial', sans-serif;
    font-weight: bold;*/
    color: #6D6A6A;
    	font-size:12px;
	padding-bottom:5px;
}
.flash-info li {
    margin-bottom: 5px !important;
    padding: 15px 10px 7px 10px;
    max-height: 87px;
    min-height: 87px;
}
.demof li {
        
   /* border-bottom: 1px solid rgba(207, 207, 207, 0.43);*/
}

.news-items-slider h3 {
    margin: 5px 0 15px;
    color: #fff ;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #fff;
}
.news-items-slider h3 {
    font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
}
.news-items-slider .date {
	color: #fff;
    font-size: 14px;
    display: table;
    float: left;
    font-family: Josefin Sans;
    padding-right: 30px;
}
.news-items-slider .plus {
	color: #fff;
    font-family: Playfair Display;
    text-align: right;
    font-size: 14px;
    display: table;
    float: right;
    font-style: italic;
}
.news-items-slider .title-rubrique{
	position:absolute;
	top:0;
	left:0;
	padding:20px;
	z-index: 15;
}
.news-items-slider .title-rubrique h2{
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    color:#fff;
    margin-bottom:0;
    border-left: 4px solid #fff;
    padding-left: 14px;
    line-height: 22px;
}
.news-items-slider{
	position:relative;
	overflow:hidden;
}
.news-items-slider:after{
	content: "";
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
position: absolute;
    bottom: -13%;
    left: 0;
    right: 0;
    height: 45%;
    width: 100%;
    z-index: 11;
    transition: .4s;}
.news-items-slider:before{
	content: "";
    background: -moz-linear-gradient(top, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.80)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    position: absolute;
    top: -7%;
    left: 0;
    right: 0;
    height: 25%;
    width: 100%;
    z-index: 11;
    transition: .4s;
}
.news-items-slider:hover:after {
	position: absolute;
	bottom: -30%;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: 11;
	transition: .4s;
}

.news-items-slider .flex-direction-nav li a.flex-next,
.news-items-slider .flex-direction-nav li a.flex-prev {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
   width: 25px;
height: 25px;
text-indent: -9999px;
display: block;
position: absolute;
top: 35%;
    z-index: 19999;
}
.news-items-slider .flex-direction-nav li .flex-next {
    background: url("../images/slider-next.png") 50% 50% no-repeat;
    border-radius: 4px;
}
.news-items-slider .flex-direction-nav li .flex-prev {
    background: url("../images/slider-prev.png") 50% 50% no-repeat;
    border-radius: 4px;
}
.news-items-slider .flex-direction-nav li .flex-next {
    right: 0px;
    opacity: 0;
}
.news-items-slider .flex-direction-nav li .flex-prev {
    left: 0px;
    opacity: 0;
}
.news-items-slider:hover .flex-direction-nav li .flex-next {
    right: 15px;
    opacity: 100;
}
.news-items-slider:hover .flex-direction-nav li .flex-prev {
    left: 15px;
    opacity: 100;
}
.news-Une{
	/*margin-bottom:15px;*/
    border: solid #dfdfdd;
    border-width: .1rem;
    background: #fff;
    padding: .3rem;

}

/*------------------------------------------------------------------*/ 
/*	scrool to top
/*------------------------------------------------------------------*/
#topcontrol{
	z-index:999999999!important;
}

#scrolltotop:hover {
  border-color: transparent;
  background-color: #1B1C17;
  color: #fff !important;
}

#scrolltotop {
 width: 40px;
    height: 40px;
    background-color: #F5870E;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transition-duration: 1200ms;
    transition-duration: 1200ms;
    z-index: 99999999;}
#scrolltotop:after {
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
    font-size: 15px;
    font-family: 'fontello';
    content: "\ed4e";
    line-height: 41px;  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}
.shadow-box {
    -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
}

/*--------------------------------------------------------------------------------------*/
 /*                   news-plus                                                */
 /*-------------------------------------------------------------------------------------*/


.news-plus li {
	border: solid #dfdfdd;
    border-width: .1rem;
    background: #eee;
    padding: .3rem;
    margin-bottom:10px;
    /*float: left;*/
    /*margin-right:8px;*/
     /* width: 24.99%;*/
}

.news-plus li .zone-img{
	float:left;
	margin-right:10px;
	width:30%;
}

.news-plus li:first-child .zone-img{
	float:none;
	margin:none;
	width:100%;
}

.news-plus li:last-child {
    margin-bottom:0px;
}
.news-plus p {
    font-size: 12px;
    font-weight: 500;
    font-family: Arial;
    color: #3E3E3E;
    line-height: 20px;
    margin-bottom: 0px;
    margin-top: 7px;
}
.news-plus h3 {
    margin: 0;
    color: #484848;
    font-size: 19px;
    line-height: 24px;
    padding: 0;
    font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
}
.news-plus li:hover h3 a{
	color:#000
}
.news-plus .date {
    color: #F5870E;
    font-size: 14px;
    margin-top: 6px;
    display: table;
    font-weight: 700;
    font-family: Josefin Sans;
}
.news-plus .rubrique {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #F5870E;
    margin: 6px 0 0 6px;
     font-family: Josefin Sans;
}

.article-img .item-preview {
    padding: 8px 12px 8px 12px;
    background: rgba(0,0,0,0.75);
    position: absolute;
    top: 40%;
    right: 40%;
    z-index: 121;
    opacity: 0;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    
}
.article-img a{
	color:#545454;
}
.article-img:hover .item-preview{
	background:#fff;
	opacity:1;
}

/*.right{
	float:right;
}*/

.content-wrap{
	position: relative;
}
.tile_rubrique{
	margin-bottom:10px;
}

.news-plus.tag li {
     background: #fff;
}
.news-plus.photos li {
   margin-right: 8px; 
   width: 22.5%;
   min-height: 265px;
   max-height: 265px;
   float: left;
}
.news-plus.photos li .one-fourth {
    width: 100%;
}
.news-plus.photos li .three-fourth{
	width:100%
}
.news-plus.photos li h3 {
    font-size: 13px;
    margin-top: 11px;
        line-height: 17px;
}
.news-plus.photos .item-preview {
    /* padding: 8px 12px 8px 12px; */
    background: rgba(0,0,0,0.75);
    opacity: 0;
    position: absolute;
    /* top: 40%; */
    width: 100%;
    height: 100%;
    /* right: 40%; */
    z-index: 10;
    border-radius: 4px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.news-plus.photos a.item-preview i {
    color: #FFF;
    text-align: center;
    font-size: 31px;
    font-weight: 300;
    position: absolute;
    top: 40%;
    right: 42%;
}
.news-plus.photos .item-preview:hover{
	opacity: 1;
}
.news-plus.photos li:nth-child(4n){
	margin-right:0;
}
.nb-img {
    color: #47975F;
}
.article ul.meta li i{
	font-size:24px;
}
/*--------------------------------------------------------------------------------------*/
 /*                   news-actu                                              */
 /*-------------------------------------------------------------------------------------*/

.news-actu .highlight  {
    border: solid #dfdfdd;
    border-width: .1rem;
    background: #fff;
    padding: .3rem;
        max-height: 330px;
    min-height: 330px;
   /* margin-bottom: 10px;*/
    /*float: left;*/
     /*margin-right: 8px;
  	 width: 24.99%;*/
}
.news-actu .no-highlight  {
    border: solid #dfdfdd;
    border-width: .1rem;
    background: #f7f7f7;
    padding: .3rem;
   /* float: left;*/
    
    margin-bottom: 10px;
}
.news-actu .no-highlight .zone-img{
	float:left;
	width:35%;
	margin-right:10px;
}
.news-actu .highlight .zone-img{
	max-height:210px;
	overflow:hidden;
}
.news-actu .no-highlight h3 {
    font-size: 11px;
    line-height: 18px;
    font-family: 'Merriweather Sans', Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
    font-weight: 400;
}
.news-actu .no-highlight li:last-child{
	border:none;
}
.news-actu .highlight h3{
	font-size: 14px;
	line-height: 22px;
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin-bottom: 0px;
	font-weight: 400;
}
.news-actu:hover h3 a{
	color:#000
}
.no-highlight ul.meta  li{
	margin: 0;
	text-transform: capitalize;
}
.no-highlight .zone-texte{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 75px;
}
/*--------------------------------------------------------------------------------------*/
 /*                     gouv video                                                */
 /*-------------------------------------------------------------------------------------*/

	.actu-video .box-block{
	min-height: 298px;
	max-height:298px;
	overflow:hidden;
}

/*--------------------------------------------------------------------------------------*/
 /*                     JQUERY TABS                                                 */
 /*-------------------------------------------------------------------------------------*/
.tabs-wrapp {
    float: left;
    position: relative;
    margin-top: 20px;
}
.box-communique .tabs-nav {
    list-style: none;
    margin: 0;
    overflow: visible;
    padding: 0;
        width: 40%;
    float: left;
}

.tabs-nav {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.tabs-nav2 {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.tabs-nav li {
    float: left;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.box-communique .tabs-nav li{
	float: left;
    line-height: 32px;
    margin: 0;
    overflow: visible;
    padding: 0;
	display: block;
    position: relative;
    width: 100%;
}



.box-communique .tabs-nav li a {
    background: #622082;
    /* border-right: 2px solid #FFF; */
    color: #fff;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400;
    letter-spacing: 0;
    outline: none;
    font-family: Oswald;
    font-size: 11px;
    text-transform: uppercase;
    padding: 2px 9px;
    text-decoration: none;
    border-radius: 0; 
    -moz-transition: all 0.14s ease 0s;
    -webkit-transition: all 0.14s ease 0s;
    -o-transition: all 0.14s ease 0s;
    box-shadow:inset 1px 1px 0px rgba(0,0,0,0.12),inset -1px -1px 0px rgba(0,0,0,0.12);
}
.box-communique .tab-content {
    padding: 12px;
    background: #FFF;
    max-height: 338px;
    min-height: 338px;
    height: 338px;
    overflow: auto;
}
.tabs-nav2 li {
    float: left;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.tabs-nav li.active { line-height: 31px }
.tabs-nav2 li.active { line-height: 31px }
.tabs-nav li a {
    /*background: #166233;*/
   /* border-right: 2px solid #FFF;*/
    color: #404040;
    display: block;
    font-weight:400;
    letter-spacing: 0;
    outline: none;
    font-family: Oswald;
    font-size: 13px;
    text-transform: uppercase;
    padding: 2px 9px;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
    -moz-transition: all 0.14s ease 0s;
    -webkit-transition: all 0.14s ease 0s;
    -o-transition: all 0.14s ease 0s;
    box-shadow: inset 1px 1px  0px rgba(0,0,0,0.12),inset -1px 0px  0px rgba(0,0,0,0.12);
}
.tabs-nav2 li a {
    /*background: #166233;*/
   /* border-right: 2px solid #FFF;*/
    color: #404040;
    display: block;
    font-weight:400;
    letter-spacing: 0;
    outline: none;
    font-family: Oswald;
    font-size: 11px;
    text-transform: uppercase;
    padding: 2px 9px;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
    -moz-transition: all 0.14s ease 0s;
    -webkit-transition: all 0.14s ease 0s;
    -o-transition: all 0.14s ease 0s;
    box-shadow: inset 1px 1px  0px rgba(0,0,0,0.12),inset -1px 0px  0px rgba(0,0,0,0.12);
}

.tabs-nav li.active a{
	color:#622082;
}
.tabs-nav2 li.active a{
	color:#F5870E;
}

.tabs-nav li:first-child a { border-left: none }
.tabs-nav li a:hover {
    background: #FFFFFF;
    color: #F5870E;
}
.tabs-nav li a i {
    margin-right: 5px;
    color: #FFF;
}
.tabs-nav2 li:first-child a { border-right: none }
.tabs-nav2 li a:hover { background: #fff }
.tabs-nav2 li a i {margin-right: 5px;color: #FFF;}

.tabs-nav li.active a {
    background: #fff;
    /*border-right: 1px solid #FFF;*/
    width: 93px;
    border-bottom: 1px solid;
    box-shadow: inset 1px 1px 0px rgb(98, 32, 130),inset 0px 0px 0px rgba(0,0,0,0.12);
}
.tabs-nav2 li.active a {
    background: #fff;
    border-bottom: 1px solid #FFF;
}
.box-communique .tabs-container {
    border: 1px solid #622082;
    margin: -1px 0 0px;
    overflow: hidden;
    width: 59%;
}

.tabs-container {
    border: 1px solid #dddddd;
    margin: -1px 0 0px;
    overflow: hidden;
    width: 100%;
}

.tab-content {
    padding: 12px;
    background: #FFF;

}
.tab-content2 {
    padding: 9px;
    background: #FFF;
    min-height: 308px;
    max-height: 308px;
    overflow: auto;
}

ul.box-communique li {
    min-height: 45px;
    background: url(../images/Adobe-icon.png) no-repeat 0px 6px;
    display: block;
    padding: 0px 4px 4px 16px;
    background-size: 16px;
}

ul.box-communique li a .date {
color: #F5870E;
    font-size: 10px;
    display: table;
    font-weight: 700;    display: block;
    line-height: 15px;
    font-family: Josefin Sans;
}
ul.box-communique li a .titre {
	font-size: 10px;
    font-family: 'Merriweather Sans', Arial, Helvetica, sans-serif;
    color: #6D6A6A;
    line-height: 15px;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: 7px;    font-weight: bold;}
    
ul.box-communique li a {
    /*background: #fff;*/
    display: block;
    padding: 5px;
    -moz-transition: all 0.24s ease 0s;
    -webkit-transition: all 0.24s ease 0s;
    -o-transition: all 0.24s ease 0s;

}
ul.box-communique li a {
    /* background: #fff; */
    cursor: pointer;
    /*margin-bottom: 10px;*/
}

a.tab-link-acces {
    display: block;
    background: #404040;
    text-align: center;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    -moz-transition: all 0.24s ease 0s;
    -webkit-transition: all 0.24s ease 0s;
    -o-transition: all 0.24s ease 0s;
    border: 1px solid transparent;
}
.galerie-photo{
	 border: solid #dfdfdd;
    border-width: 0 .1rem .1rem 0;
    background: #fff;
    padding: .3rem;

}


.galerie-photo a.link-title{
	font-family: 'Oswald',arial, helvetica, sans-serif;
    font-weight: 700;
    color: #166233;
    font-size:18px;
}

.galerie-photo ul {
    float: left;
    list-style: none;
}
.galerie-photo li {
    float: left;
    border: 3px solid #F0F0F0;
    display: block;
   width: 120px;
    height: 120px;
    margin: 10px 10px 0 0;
    display: block;
    position: relative;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    border-radius: 2px;
}
.galerie-photo li a img { border: none }
.galerie-photo.inner li { border: 3px solid #ccd0d9 }
.galerie-photo li a span {
    position: absolute;
    display: block;
    width: 114px;
    height: 114px;
        left: 0px;
    top: 0px;
    opacity: 0;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.galerie-photo.inner li a span {
    width: 48px;
    height: 48px;
}
.galerie-photo li a:hover span,
.galerie-photo.inner li a:hover span { opacity: 0.75 }
.galerie-photo li:hover { border: 3px solid #656d78 }
.galerie-photo.inner li:hover { border: 3px solid #aab2bd }
.galerie-photo.inner { margin-top: 15px }
.galerie-photo li a span {
	background: #F5870E url("../images/search-bg.png") 50% 0% no-repeat;
}
.galerie-photo li a:hover span, .flickr-widget.inner li a:hover span {
	background: #F5870E url("../images/search-bg.png") 50% 50% no-repeat;
}
.box-block{
	border: solid #dfdfdd;
    border-width: .1rem;
    background: #fff;
    padding: .3rem;
    position: relative;
    overflow: hidden;
}
.box-block-info{
    background: transparent;
    position: relative;
    overflow: hidden;
    padding-left: 130px;
    border-left: 1px solid rgba(93, 93, 93, 0.2);
    width: 50%;
    float: right;
}
.box-block-info:after {
    content: "";
    background: url(../images/nt.png) no-repeat;
    width: 158px;
    height: 97px;
    position: absolute;
    top: 8px;
    left: -16px;
}
.middle-block .box-block .title-rubrique h2 {
    font-family: 'Oswald', 'Arial', serif;
    font-weight: 400;
    margin-bottom: 15px;
    border-left: 4px solid #F5870E;
    padding-left: 14px;
    line-height: 22px;
    font-size: 13px;
    position: relative;
    z-index: 12;
    text-transform: uppercase;   
}

.middle-block .box-block .title-rubrique h2 a{
	color:#717171;
}
.middle-block .box-block{
	margin-bottom:15px;
}
.right-block .box-block .title-rubrique h2 {
	font-family: 'Oswald', 'Arial', serif;
    font-weight: 400;
    margin-bottom: 15px;
    border-left: 4px solid #F5870E;
    padding-left: 14px;
    line-height: 22px;
    font-size: 13px;
    text-transform: uppercase;    }

.right-block .box-block .title-rubrique h2 a{
	color:#717171;
}
.right-block .box-block{
	margin-bottom:15px;
}

.box-block.zone-interactive{
	overflow:visible !important;
	height: 43px;
	background-color: #F5870E;
}

.right-block  .tabs-container {
	/*margin-bottom:15px;*/
}
.box-photo {
    position: relative;
    margin: -5px;
    /* top: -37px; */
    margin-bottom: 12px;
}
.apps .box-photo{
	position: relative;
    margin: -5px;
    top: 0;
    margin-bottom: 0;
}
.box-photo:before {
    content: "";
    background: -moz-linear-gradient(top, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.80)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    position: absolute;
    top: -7%;
    height: 30%;
    width: 100%;
    z-index: 6;
    transition: .4s;
}
.box-block:hover .box-photo:before {
	content: "";
    background: -moz-linear-gradient(top, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.80)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	height: 40%;
	transition: .4s;
}
.head-photo .title-rubrique h2{
	    border-left: 4px solid #fff !important;
	    
}
.head-photo .title-rubrique h2 a{
	color:#fff !important;
}
.head-photo h3 {
  margin: 0 0 8px 0;
    color: #2B8D42;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 8px 0;
    font-family: 'Oswald', 'Arial', serif;
    font-weight: 400;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);}

ul.min-une {
    padding-left: 20px;
    margin-top: 15px;
    list-style-image: url('../images/nav-arrow.png');
}
ul.min-une  li a{

	padding:5px;
	font-weight: 400;
    color: #fff;
    font-size: 11px;
}
.green{
	background:#47975F;
}

.green .title-rubrique h2 a{
	color:#fff !important;
}

.photo-box-round img {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}
.photo-box-round {
    background: #fff;
    width: 50px;
    height: 50px;
    border: 3px solid #fff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    display: inline-block;
    position: absolute;
    top: -11px;
    right: 4px;
    z-index: 15;
}

.no-overflow{
	overflow:visible !important;
}
ul.ivory li a {
    /* float: left; */
    /* width: 100%; */
    /* min-height: 60px; */
    display: block;
    padding: 7px 10px;
    margin: 0 2px 10px 0;
    background: #fff;
    border-radius: 3px;
    font-family: 'Arial', sans-serif;
    font-size: 12px;
    color: #888;
    font-weight: 600;
}
/*ul.ivory li:nth-child(7n+0) a{
	width: 94%;
}*/

ul.service li a{
    /* min-height: 60px; */
    padding: 10px;
    margin: 0 2px 10px 0px;
    background: #fff url('../images/next-next.png') no-repeat right;	
    border-radius: 3px;
    /*-webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);*/
    /*font-family: 'Arial', sans-serif;*/
    font-size: 11px;
        background-size: 6%;
    color: #888;
    display: block;
    border: 1px solid transparent;
     -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;

}
ul.service li a:hover{
        border: 1px solid #fff;
        color: #fff;
          background: transparent url('../images/next-next2.png') no-repeat right;
        -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.3);
}

.box-block.service{
	    border:none;
}

ul.media {
    padding-left: 20px;
    margin-top: 15px;
    list-style-image: url('../images/nav-arrow.png');
}
ul.media   li a{
	font-family: 'Arial', sans-serif;
	padding:5px;
	font-weight: 600;
    color: #757575;
    font-size: 12px;
    text-transform: capitalize;
}

ul.utile {
    padding-left: 20px;
    margin-top: 15px;
    list-style-image: url('../images/nav-arrow.png');
}
ul.utile  li a{
	font-family: 'Arial', sans-serif;
	padding:5px;
	font-weight: 600;
    color: #757575;
    font-size: 12px;
    text-transform: capitalize;
}

.zoom a span{
	color: #000;
    font-family: Playfair Display;
    text-align: right;
    font-size: 14px;
    display: table;
    float: right;
    font-style: italic;
}

.box-gouvenement .prime li a{

    font-size: 11px;
    color: #7D7D7D;
    font-weight: 600;
    border-bottom: 1px dotted #C3C3C3;
    display: block;
    margin: 5px 0;}
    
    .box-gouvenement .prime li:last-child a{
	border:none;
}

ul.prime  {
    padding-left: 20px;
    margin-top: 15px;
    list-style-image: url('../images/nav-arrow.png');
}

.agenda li a {
    background: #FFFFFF;
    display: block;
    border: 1px solid rgba(76, 76, 76, 0.23);
    margin-bottom: 5px;
        -webkit-transition: all .35s ;
    transition: all .35s ;

}
.agenda li:last-child a{
	margin-bottom:0;
}
.agenda .date {
    float: left;
    margin-right: 10px;
    background: #404040;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    /* padding-top: 5px; */
    font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    /* height: 26px; */
    -webkit-transition: all .35s;
    transition: all .35s;
}
    
 .agenda li:hover a .date{
	background:#F5870E;
}  
 
.agenda .time {
    background: #47975F;
    padding: 2px 10px;
    color: #FFFFFF;
  }  
  .agenda .day {
    background: #47975F;
    padding: 2px 10px;
    color: #FFFFFF;
  }  
  .agenda .month {
    background: #47975F;
    padding: 2px 10px;
    color: #FFFFFF;
  }  
.agenda .event {
    padding: 5px 6px;
    display: block;
    font-size: 11px;
    color: #7D7D7D;
}
.box-block:last-child{
	margin-bottom:0;
}
.gouvideo h3 {
    margin: 10px 0 8px 0;
    color: #2B8D42;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;

}

ul.apps-download li a {

margin-top: 4px;
    background: #000;
    float: left;
    width: 50%;
    border-right: 1px solid;
    display: inline-block;text-align:center;}
    
    ul.apps-download li:last-child a{
	border:none;
}

.black {
    background: #000;
}
.left-block .box-block .title-rubrique h2 {
    font-family: 'Oswald', 'Times New Roman', serif;
    font-weight: 400;
    margin-bottom: 15px;
    border-left: 4px solid #F5870E;
    padding-left: 14px;
    line-height: 22px;
    font-size: 13px;
    position: relative;
    z-index: 12;
    text-transform: uppercase;
}
.left-block .box-block .title-rubrique h2 a {
    color: #717171;
}

.service-item h3{
	font-size:14px;
	margin-bottom:0;
	
}

.service-item h4{
	font-size:13px;
	margin:10px 0 0 0;
	
}


.service-item {
/* text-align: center; */
padding: 9px;
margin: 0 1px;
position: relative;
min-height: 267px;
max-height: 267px;
border: 1px solid #e6e9ee;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background:#fff;
}

#owl-slider2 .service-item {min-height:290px;}
.service-item:hover { /*border: 1px solid #aab2bd*/ }
.service-item h1 i { font-size: 100px }

.left-block .box-block {
    margin-bottom: 15px;
}
.box-dossier{
	min-height:256px !important;
}

.left-block .box-block.dossier .title-rubrique h2{
	margin-bottom:0
}

ul.dossier li:nth-child(n+2)  .one-half {
   margin:0 !important;
}

ul.dossier li h3{
	margin: 0;
    color: #2B8D42;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    padding: 5px;
}

.actu-photo{
	/*background:url('../images/background-patterns/12.png');
	border-top:1px solid #a5a5a5;*/
	position:relative;
}

.actu-video{
	background:#f8f8f8;
	position:relative;
}
.actu-video .gn-box-wrapper{
	background:#000;
}

.white{
	background:#fff;
}

.actu-photo .title-rubrique h2 {
    font-family: 'Oswald', 'Times New Roman', serif;
    font-weight: 400;
    margin-bottom: 15px;
    border-left: 4px solid #F5870E;
    padding-left: 14px;
    line-height: 22px;
    font-size: 13px;
    text-transform: uppercase;
}
.actu-video .title-rubrique h2 {
    font-family: 'Oswald', 'Times New Roman', serif;
    font-weight: 400;
    margin-bottom: 15px;
    border-left: 4px solid #F5870E;
    padding-left: 14px;
    line-height: 22px;
    font-size: 13px;
    text-transform: uppercase;
}

.actu-photo .title-rubrique h2 a {
    color: #fff;
}
.actu-video .title-rubrique h2 a {
    color: #717171;
}
.news-publication .highlight {
    border: solid #dfdfdd;
    border-width: .1rem;
    background: #fff;
    padding: .3rem;
    max-height: 275px;
    min-height: 275px;
    /* margin-bottom: 10px; */
    /*float: left;*/
}
.news-publication .highlight .zone-img {
    max-height: 210px;
    overflow: hidden;
    border-bottom: 1px solid #DEDEDE;
}
.news-publication .highlight h3 {
    font-size: 28px;
    line-height: 37px;    font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-bottom: 0px;
    font-weight: 400;
    float: left;
}
.news-publication .highlight a.bt {
    padding: 9px;
    background: #F5870F;
    border: 1px solid #e5e7e9;
    width: 20px;
    margin-top: 0;
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
    overflow: hidden;
    float:right;
    top: -3px;
}
.news-publication .highlight a i{
	color:#fff;
}
.news-publication .highlight:hover a.bt{
	background: #2D8E43;
}
.actu-photo h3 {
    margin: 12px 0 8px 0;
    color: #2B8D42;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 8px 0;
    font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;

}
.actu-video h3 {
    margin: 12px 0 0 0;
    color: #404040;
    font-size: 11px;
    line-height: 20px;
    padding: 0 0 0 0;
    font-family: 'Merriweather Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    
}
.actu-video .box-block h3{
 font-size: 14px;
	font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

.actu-video .service-item .play i{
	position:absolute;
    top: -28px;
    right: 8px;	
    color:#fff;
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;
    font-size:20px

}
.actu-video .service-item:hover .play i{
    color:#F5870E; 
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;

}


.actu-video p{
    font-family: 'Arial', sans-serif;
    padding: 5px;
    font-weight: 600;
    color: #757575;
    font-size: 12px;
    text-transform: capitalize;
}

.actu-photo p{
    font-family: 'Arial', sans-serif;
    padding: 5px;
    font-weight: 600;
    color: #757575;
    font-size: 12px;
    text-transform: capitalize;
}
.actu-photo .highlight {
    border: solid #dfdfdd;
    border-width: .1rem;
    background: #fff;
    padding: .3rem;
    max-height: 330px;
    min-height: 330px;
    /* margin-bottom: 10px; 
    float: left;*/
}
.actu-photo .service-item {
    padding: 0;
    border: 0;
}
.actu-photo .date {
    text-transform: uppercase;
    color: #F5870E;
    font-size: 11px;
    font-weight: bold;
    font-family: Josefin Sans;
    text-transform: uppercase;
}
.actu-photo .service-item .highlight {
    border:none;
    max-height: 330px;
    min-height: 330px;
    margin-bottom: 0;
    float: none;
}
.actu-photo .service-item h3{
	    font-family: 'Merriweather Sans', Arial, Helvetica, sans-serif;
	    font-size: 11px;
    line-height: 18px;

}
.actu-photo .highlight .zone-img {
    max-height: 210px;
    overflow: hidden;
    position:relative;
}
.zone-img:hover .nb-img{
	color:#F5870E;
}
.zone-img:hover .nb-img i{
	color:#F5870E;
}

.nb-img{
 position: absolute;
    z-index: 30;
    bottom: 0;
    font-size: 11px;
    right: -1px;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px 0 0 0;
        -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
 }
 .news-plus .nb-img{
	 background-color: #eee;
}
.actu-photo .highlight .zone-img a.item-permalink{
    background: rgba(0,0,0,0.75);
    position: absolute;
    top: 40%;
    left: -50px;
    z-index: 120;
    border-radius: 4px;
    padding: 8px 12px 8px 12px;
        -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.actu-photo .highlight .zone-img a.item-preview{
   /*padding: 8px 12px 8px 12px; */
    background: rgba(0,0,0,0.75);
    opacity: 0;
    position: absolute;
    /* top: 40%; */
    width: 100%;
    height: 100%;
    /* right: 40%; */
    z-index: 10;
    border-radius: 4px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
   }

.actu-photo .highlight .zone-img:hover  a.item-preview {  }

.actu-photo .service-item .highlight .zone-img:hover  a.item-preview { }

.actu-photo .highlight .zone-img a.item-permalink:hover, .actu-photo .highlight .zone-img a.item-preview:hover { opacity: 1; }
.actu-photo .highlight .zone-img a.item-permalink:hover i, .actu-photo .highlight .zone-img a.item-preview:hover i { color: #2D8E43}
.actu-photo .highlight .zone-img a.item-permalink i, .actu-photo .highlight .zone-img a.item-preview i{
    color: #FFF;
    text-align: center;
    font-size: 31px;
    font-weight: 300;
    position: absolute;
    top: 40%;
    right: 42%;}
   
.nb-img i{
	font-size:18px;
}  
ul.meta li {
    /* float: left; */
    margin: 10px 0px 0 0;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    text-transform: uppercase;
	float: none;
    font-size: 11px;
    font-weight: bold;
    border-right: 1px solid #F5870E;
    border-bottom: none;
    border-top: none;
    border-left: 0;
    padding: 0 5px 0 0;
    /* margin: 0; */
    background-color: transparent;
    font-family: Josefin Sans;
}
ul.meta li a{
	    color: #F5870E;
}
.box-actu-img{
   padding: 5px;
    border: 1px solid rgba(165, 165, 165, 0.44);
    background: #fff;}
.content-type-tof {
    padding:20px 20px 20px 0;
}
.photo-plus h3{
	border-bottom: 0;
	padding:0;
	margin:0 0 8px 0;
}
.actu-video .date {
    text-transform: uppercase;
    color: #F5870E;
    font-size: 11px;
    font-weight: bold;
    font-family: Josefin Sans;
    text-transform:uppercase;

}
.photo-plus .date {
    text-transform: uppercase;
    color: #F5870E;
    font-size: 11px;
    font-weight: bold;
}
.photo-plus div {
    border: solid #dfdfdd;
    border-width: 0 .1rem .1rem 0;
    background: #fff;
    padding: .3rem;
    margin-bottom: 10px;
    float: left;
    display: inline;
    margin-right: 2%;
}
.photo-plus div {
margin-right: 0;
}
ul.slidecontrols{
}
.photo-plus li:nth-child(3n+0){
	margin-right:0;
}
ul.slidecontrols li {
    float: left;
    list-style: none;

}
ul.slidecontrols li:first-child {
    margin-right: 2px;
}
ul.slidecontrols li a.next {
    background: #BCBCBC url("../images/carousel-prev-next.png") 115% 50% no-repeat;
}
ul.slidecontrols li a.prev {
    background: #BCBCBC url("../images/carousel-prev-next.png") -15% 50% no-repeat;
}

ul.slidecontrols li a.prev {
    height: 24px;
    width: 24px;
    top:0;
    right:-45px;
    position: absolute;
    /*border-radius: 2px;*/
    color: #FFF;
    /*border-bottom: 1px solid #434a54;*/
    text-indent: -99999px;
    cursor: auto;
    display: block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
ul.slidecontrols li a.prev:hover{
	background-color: #676767;
}
ul.slidecontrols li a.next:hover{
	background-color: #676767;
}

 ul.slidecontrols li a.next {
    height: 24px;
    width: 24px;
    right:-45px;
    top:25px;
    position: absolute;
    /*border-radius: 2px;*/
    color: #FFF;
    /*border-bottom: 1px solid #434a54;*/
    text-indent: -99999px;
    float: left;
    display: block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.footer-pub {
    margin-top: 25px;
    position: relative;
    padding-top: 25px;
    background: #F53A00;
}
footer{
	background:#212121;
	border-bottom: 4px solid #47975F;

}
.back-red{
	background: #bb1414;
}
.middle-block .box-block.back-red .title-rubrique h2 {
   color:#fff;
   border-left: 4px solid #fff;
}
.middle-block .box-block.back-red .title-rubrique h2 a{
	 color:#fff;
}
.back-red .flash-info .rubrique{
	color:#fff;
}
.back-red .flash-info li a {
	color:#fff;
}
.newsletter input {
    width: 100%;
    text-align: center;
    border: 0;
    margin: 0;
    background: transparent;
    border: 1px solid #393939;
    color: #fff;
}

input, select, textarea {
    color: #999;
   	padding: 12px 0;
    border: 2px solid #f0f0f0;
    margin-bottom: 0px;
    background: transparent;
    position: relative;
    
}

.newsletter input, select, textarea{
	font-family: 'Merriweather Sans', Arial, Helvetica, sans-serif!important;
	font-size: 11px;
}

.newsletter button {
    background: #3C3C3C;
    width: 100%;
    margin: 0;
    padding: 15px 7px;
}

.newsletter {
    /* padding: 10px 0; */
    border-top: 1px solid rgba(248, 248, 248, 0.06);
    border-bottom: 1px solid rgba(248, 248, 248, 0.06);
    background: #292929;
    margin-bottom: 20px;
}

.button, button, input[type=submit], input[type=button], input[type=reset] {
    display: inline-block;
    padding: 7px 7px 7px;
	background: #47975F;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: 800;
    text-transform: uppercase;
    border: 0;
    font-family: 'Arial', sans-serif;
}

.newsletter p{
	/*font-family: 'Arial', sans-serif;*/
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
}

footer .zone-logo{
	margin-bottom:40px;
}

footer .social-icons i{
	font-size:20px;
}

footer .social-icons li a {
    /* border-color: transparent; */
    width: 33px;
    height: 33px;
}

footer .social-icons li:after {
    width: 33px;
    height: 33px;
  }
  
footer .social-icons li i {
    line-height: 30px !important;
}

footer h3 {
    font-family: 'Oswald', 'Arial', serif;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 22px;
    font-size: 16px;
    text-transform: uppercase;
    color: #383838;
}

footer ul.foot {
   /* padding-left: 20px;
    margin-top: 15px;
    list-style-image: url('../images/nav-arrow.png');*/
    height: 113px;
}
footer ul.foot li a{
    padding: 5px;
    font-weight: 600;
    color: #757575;
    font-size: 11px;
    text-transform: capitalize;
    /*font-family: 'Arial', sans-serif;*/
}

.m-b-20{
	margin-bottom:20px;
    display: block;
}
.m-t-20{
	margin-top:20px;
}

footer h5 {
	font-size: 12px;
    color: #B3B3B3;
    font-weight: 100;	 
    font-family: 'Arial', sans-serif;
    margin-bottom:5px;
}

.copyright{
	padding:25px 0;
	font-size:12px;
	/* font-family: 'Arial', sans-serif;*/
}

.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}

.copyright a {
	color: #757575;
}

.social-icons h6{
    font-size: 14px;
    line-height: 22px;
    float: left;
    font-weight: 500;
    margin-right: 17px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: Oswald;
    color: #fff;
}

footer .social-icons h6{
	    margin-top: 5px;
}

#back{
	background-position: 50% 0;
    background-repeat: no-repeat;
	cursor: default;
	z-index:1;
	position:relative;
	background-color:
}

.folio-sb-toggle-btn {
  cursor: pointer;
}

.gouv ul{
	 /*background: #BB1414;*/
    color: #fff;
   /* padding: 10px 20px 10px 0;*/
    position: absolute;
    z-index: 25;
    cursor: pointer;
    left: -40px;
    top: 44%;
   /* transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);*/
    font-family: 'Oswald', 'Arial', serif;
}
.gouv li {
    background: #F5870E;
    padding: 7px 9px;
    position: relative;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    border-bottom: 1px solid #000;
    left: -33px;
}

.gouv li.facebook{
	background: #49699f;
}
.gouv li.twitter{
	background: #47c0d8;
}
.gouv li.opinion{
	background: #000;
}


.pmr-open .gouv span{
	 /*background: rgba(0, 0, 0, 0.9);*/
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
.gouv i {
  
    color: #fff;

    line-height: 10px;

    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    font-family: 'Oswald', 'Arial', serif;
}
.p-20{
	padding:20px;
}
/*.left{
	float:left;
}*/
.close {
    float: right;
    background-color: #E62222;
    padding: 4px 10px;
    margin-left: 15px;
    font-size: 10px;
    cursor: pointer;
    color: #fff;
    margin-top: 6px;
}
.close i{
	color:#fff;
}
a.sondage-link{
	padding:9px 50px 9px 10px;
	background:#fff;
	text-align:center;
	font-size:12px;
	font-family: 'Arial', sans-serif;
	display: block;
	color:#4A4A4A;
	font-weight:700;
}
a.sondage-link i{
	font-size:12px;
	color:#4A4A4A;
	font-weight:700;
}
.footer-widget {
    position: absolute;
    bottom: 0px;
    display: block;
    clear: both;
    width:100%;
}
.push-menu-right form{
	padding:15px 0;
}
ul.service li i{
	     color: #393939;
    margin-right: 10px;
    margin-bottom: 20px;
    float: left;}
 
 #style2 ul.outils li a{
	/*width: 33%;
	border-right: 1px solid rgba(0, 0, 0, 0.26);
	margin-right: 0;*/
}
#style2 ul.outils li:last-child a{
	border-right:none;
	/*margin-right: 0;*/
}

#main-navigation select { display: none }
#main-navigation select {
    background: #FFF;
    border: 1px solid #eee;
    cursor: pointer;
    padding: 10px 5px;
    color: #676767;    
  	
}
.main-menu,
.main-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#current {
   background-color: #F0F0F0;
        border-right: 1px solid #ccd0d9;
        color: #F5870E;
}
.main-menu li,
.main-menu ul a { position: relative }
.main-menu > li { float: left }
.main-menu > li.floatr { float: right }
.main-menu li > a { display: block; }
.main-menu ul {
    position: absolute;
    display: none;
    width: 180px;
}
.main-menu ul ul {
    top: 0;
    left: 180px;
}
.main-menu li:hover > ul { display: block }
#navigation ul li:first-child { margin-left: -8px }
#navigation ul li ul li:first-child,
#navigation ul li ul li ul li:first-child { margin-left: 0 }
ul.main-menu li a i {
    color: #FFF;
    margin: 0;
}
ul.main-menu  ul li a i { color: #aab3bc }
#current {
    margin-left: 0px;
    padding-left: 20px;
    z-index: 8;
    position: relative;
     text-shadow:none;
}
ul.main-menu li a#current i{
	 color: #F5870E;
}
.main-menu a { text-decoration: none }
.main-menu > li > a {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding: 18px 20px 17px 20px;
    font-family: Oswald;
    text-transform:uppercase;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.62);
    -webkit-transition: all .95s ease;
	transition: all .95s ease;

    
}
.main-menu > li > a i {
    display: block;
    text-align: center;
    font-size: 22px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.main-menu > li:hover > a {
    background-color: #F0F0F0;
    padding-left: 20px;
    margin: 0 0 0 0px;
    text-shadow:none;
    color:#F5870E;
    -webkit-transition: all .25s ease;
	transition: all .25s ease;

}
ul.main-menu li a {
    -webkit-transition: background-color 80ms ease-in-out;
    -moz-transition: background-color 80ms ease-in-out;
    -o-transition: background-color 80ms ease-in-out;
    -ms-transition: background-color 80ms ease-in-out;
    transition: background-color 80ms ease-in-out;
}
.main-menu ul li a {
    -webkit-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    -moz-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    -o-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    -ms-transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
    transition: background-color 20ms ease-in-out, color 20ms ease-in-out;
}
.main-menu  li  a  span {
    display: block;
    color: #ccd0d9;
    width: 100%;
    font-style: italic;
    font-size: 11px;
    line-height: 14px;
}
.main-menu > li > a img,
.main-menu li > ul > li > a img {
    border: 0;
    margin-right: 7px;
}
/* Sub Menu */
.main-menu ul {
    background-color: #F0F0F0;
    border: 1px solid #e0e0e0;
    border-top: none;
    left: 0px;
    z-index: 999;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    box-shadow: 0 1px 1px rgba(0,0,0,0.04);
}
.main-menu ul a {
    color: #5d5d5d;
    font-size: 14px;
    line-height: 18px;
    padding: 9px 12px;
    border-top: 1px solid #e6e6e6;
    font-family: Oswald;
    -webkit-transition: all .25s ease;
	transition: all .25s ease;


}
.main-menu ul a:hover {
	color:#F0F0F0;
	background-color: #a5a5a5;
	    -webkit-transition: all .25s ease;
	transition: all .25s ease;

}

/* Mega Menu */
.main-menu .one-column,
.main-menu .two-columns,
.main-menu .three-columns,
.main-menu .four-columns,
.main-menu .five-columns {
    position: absolute;
    display: none;
    overflow: auto;
    z-index: 999;
    background: #fff;
}
.main-menu .one-column,
.main-menu .one { width: 160px }
.main-menu .two-columns,
.main-menu .two { width: 320px }
.main-menu .three-columns,
.main-menu .three { width: 480px }
.main-menu .four-columns,
.main-menu .four { width: 640px }
.main-menu .five-columns,
.main-menu .five { width: 800px }
.main-menu > li.floatr > ul.one-column,
ul.two-columns,
ul.three-columns,
ul.four-columns,
ul.five-columns { right: 0 }
.main-menu > li:hover > ul.one-column,
ul.two-columns,
ul.three-columns,
ul.four-columns,
ul.five-columns { display: block }
.main-menu .one,
.main-menu .two,
.main-menu .three,
.main-menu .four,
.main-menu .colfive5 { float: left }
.main-menu li > ul.one-column,
ul.two-columns,
ul.three-columns,
ul.four-columns,
ul.five-columns {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    left: -1px;
    padding: 10px;
}
ul.one-column a:hover,
ul.two-columns a:hover,
ul.three-columns a:hover,
ul.four-columns a:hover,
ul.five-columns a:hover {
    background: none;
    border: none;
}
ul.one-column a,
ul.two-columns a,
ul.three-columns a,
ul.four-columns a,
ul.five-columns a {
    background: none;
    border: none;
}
ul.one-column p a,
ul.two-columns p a,
ul.three-columns p a,
ul.four-columns p a,
ul.five-columns p a { padding: 0 }
.main-menu h5 {
    font-size: 13px;
    color: #656d78;
    font-weight: normal;
    margin: 8px 10px 7px 10px;
    font-weight: 600;
    letter-spacing: 0;
}
.main-menu ol {
    list-style: none;
    margin: 7px 10px;
    padding: 0;
}
.main-menu ol li {
    border-bottom: 1px dotted #e0e0e0;
    padding: 4px 0;
}
.main-menu ol a {
    color: #aab2bd;
    font-size: 12px;
    padding: 3px 0;
    line-height: 15px;
}
.main-menu p {
    font-size: 12px;
    line-height: 18px;
    margin: 9px 10px;
    padding: 0;
}
.main-menu p a {
    color: #aab2bd;
    text-decoration: underline;
}
.main-menu p a:hover { color: #555 }
.main-menu ol a i {
    margin-right: 7px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.badge.badge-important {
    background-color: #f35958;
    color: #fff;
}
.badge {
    text-shadow: none;
    font-family: 'Oswald',Arial, serif;
    background-color: #D1DADE;
    font-size: 14px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 4px;
    color: #5E5E5E;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    border-radius: 10px;
}

.box-block-info .down {
    width: 20px;
    height: 20px;
    background-color: #fff;
    display: table;
    font-size: 0px;
    position: relative;
    position: absolute;
    right: 2px;
    top: 0;
    border: none;
}
.box-block-info .up {
    width: 20px;
    height: 20px;
    background-color: #fff;
    display: table;
    font-size: 0px;
    position: relative;
    position: absolute;
    right: 26px;
    top: 0;
    border: none;
}
.box-block-info .up:after {
    content: '\e8b6';
    font-family: "fontello";
    font-size: 10px;
    color: #E62222;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 19px;
    border: solid 1px #777;
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    
}
.box-block-info .down:after {
    content: '\e8b3';
    font-family: "fontello";
    font-size: 10px;
    color: #E62222;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 19px;
    border: solid 1px #777;
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
}

.tile_rubrique h3 {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 18px;
    position: relative;
    float: left;
    margin-right: 25px;
    color: #2D8E43;
}
.tile_rubrique h3:after {
    content: ">";
    font-weight: 100;
    position: absolute;
    right: -70px;
    top: 0px;
    position: absolute;
    right: -14px;
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;
}

ul.rubrique-site li a {
    padding: 5px;
    font-weight: 600;
    color: #757575;
    font-size: 10px;
    text-transform: uppercase;
}
.rubrique-site > li {
    float: left;
    border-right: 1px solid rgba(33, 33, 33, 0.4);
}
.rubrique-site > li:last-child{
	border:none;
}
.rubrique-site {
 padding:7px 11px;
}

	
.big-content #menu {
    /*height: 520px;*/
    margin: 3px 0 0 -100px;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 99999;
     -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}

.big-content #menu .content {
    width: 30px;
    margin-left: 25px;
        padding: 0;
}

.big-content #menu .content ul.zone-menu li a{
	height:25px;
	color: #777;
}

.big-content #menu .content ul.zone-menu li.current i{
	color:#2D8E43;
}

.big-content #menu .content ul.zone-menu li{
    margin: 0 0px 20px 0;
    border-bottom: 1px solid #BCBCBC;
    padding-bottom: 20px;
}
.big-content #menu .content ul.zone-menu li:last-child{
	margin: 0;
    border-bottom: none;
    padding-bottom: 0;

}

.big-content #menu .content ul.zone-menu li a i{
	font-size:29px;
	
}

.big-content #menu .content ul.zone-menu li a i:before{
	margin:0;
}

.stickit {
	position: fixed !important;
	top: 0 !important;
    margin: 3px 0 0 -100px !important;
	 -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}

.stickit-end{
top:auto!important;
	bottom: 0!important;
    position: absolute !important;
	/*position: absolute;
	right: 0;*/
	 -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}

.big-content{
position:relative;	
}
.stickem-container {
	position: relative;
}
.bottom.big-content .one-fourth{
	margin:0;
	padding:0;
	width: 25%;
}
.bottom.big-content .three-fourth{
	margin:0;
	padding:0;
	width: 75%;
}
.bottom.big-content .one-half{
	margin:0;
	padding:0;
	width: 50%;
}


.overflow{
	overflow:hidden;
}

.bottom.big-content .one-fourth.ministere{
	background:#47975F;
	    min-height: 400px;
    max-height: 400px;
}
 .bottom.big-content .three-fourth.dossier {
    background: #f6f7f8;
    min-height: 400px;
    max-height: 400px;
    
 }

.bottom.big-content .one-fourth.ministere h3{
	color:#fff;
}
.bottom.big-content .one-fourth.dossier h3{
	color:#fff;
}

.bottom.big-content .one-fourth.ministere ul.rubrique-site li a {
    color: #fcfcfc;
}

.bottom.big-content .one-fourth.ministere .box-block {
    border:none;
    border-width:0;
    background: transparent;
    padding: 0;
 }
 
 .bottom.big-content .one-fourth.dossier {
    background: #212121;
    min-height: 400px;
    max-height: 400px;}
    .bottom.big-content .one-fourth.dossier ul.rubrique-site li a {
    color: #fcfcfc;
}

.box-block.zone-interactive.e-presse{
	background:#622082;
}
.box-block.zone-interactive.e-presse ul.outils li a span {
width: 83px;
}
.e-presse{
	position:relative;
}
.e-presse:before {
    border-color: transparent #622082;
    border-style: solid;
    border-width: 0 0 16px 20px;
    bottom: -11px;
    content: "";
    display: block;
    position: absolute;
    right: 47px;
    width: 0;
}
.box-block.e-presse{
	
}

#pub{
	position:relative;
}
#pub .closex{
	position: absolute;
    margin: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.36);
    top:0;
    padding: 3px 9px;
    cursor: pointer;
    font-size: 10px;
    color: #fff;

}
#pub .closex i {
    font-size: 10px;
    color: #fff;
}
#pub-back{
	text-align:center;
	color:#fff;
	cursor:pointer;
	background:#333;
	font-size: 14px;
    font-family: Oswald;
}
#pub-back i{
	font-size:16px;
}
#pub-back a{
	text-align:center;
	color:#fff;
	font-size:10px;
	display:block;
}
.bottom.big-content .one-fourth.cotedivoire{
	background:#47975F;
	min-height: 400px;
    max-height: 400px;
}
.bottom.big-content .one-fourth.cotedivoire h3{
	color:#fff;
}

.cotedivoire .portfolio-items-slider span{
	text-align:center;
	font-family: 'Oswald',arial, helvetica, sans-serif;
	font-size:20px;
	margin-top: 13px;
    display: block;
    color: #fff;
}
.cotedivoire .flexslider .slides li {
    line-height: 1px;
    max-height: 100%;
    text-align: center;
}
.bottom.big-content .one-fourth.cotedivoire ul.rubrique-site li a {
    padding: 5px;
    font-weight: 600;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
}
.bottom.big-content .one-fourth.e-service{
	background:#3b5998;
	min-height: 400px;
    max-height: 400px;
}
.bottom.big-content .one-half.dossier {
   background: #e8e8e8;
    min-height: 398px;
    max-height: 398px;
    border-top: 1px solid #DFDFDD;
    border-bottom: 1px solid #DFDFDD;
}

.bottom.big-content .one-half.dossier .carousel .owl-controls .owl-prev{
	top:-40px;
	right:25px;	
}
.bottom.big-content .one-half.dossier .carousel .owl-controls .owl-next{
	top:-40px;
	right:0;	
}


.bottom.big-content .one-fourth.e-service h3{
	color:#fff;
}

.timeline{
	border-radius:none !important;
}

.face-back-sidebar
{
	background: rgba(73,105,159,1) !important
}
.opi-back-sidebar
{
	background: rgba(0, 0, 0, 1) !important;
}
.twit-back-sidebar
{
	background: rgba(71,192,216,1) !important;
}
.symbole{
	text-align:center;
	justify-content:center;
	
}

.e-service .service-item {
    text-align: center;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
}
.e-service  ul.rubrique-site li a {
    color: #fff;
}

/*--------------------------------------------------------------------------------------*/
 /*                     19 - TOOLTIPS                                                    */
 /*-------------------------------------------------------------------------------------*/
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}
#tiptip_holder.tip_top { padding-bottom: 5px }
#tiptip_holder.tip_bottom { padding-top: 5px }
#tiptip_holder.tip_right { padding-left: 5px }
#tiptip_holder.tip_left { padding-right: 5px }
#tiptip_content {
    font-size: 11px;
    color: #FFF;
    padding: 5px 8px;
    font-family: "Roboto", Arial, Verdana;
    background: #656d78;
    border-radius: 4px;
}
#tiptip_arrow,
#tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #656d78 }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #656d78 }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #656d78 }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #656d78 }
#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: #656d78;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -6px;
    border-bottom-color: #656d78;
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: #656d78;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: #656d78;
}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: #656d78;
    }
    #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: #656d78 }
    #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: #656d78 }
}

.dossier .service-item {
    /* text-align: center; */
    padding: 0px;
    margin: 0px 5px;
    position: relative;
     border: none; 
         min-height: 310px;
             max-height: 310px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: rgb(255, 255, 255); 
}
.dossier .service-item h3 {
   
    font-size: 14px;
    line-height: 21px;
    padding: 10px;
    color: #404040;
    font-weight: 400;}
    
#social .one-third{
	width:30%;
	min-height:400px;
	max-height:400px;
	margin:0;
}
#social .one-third.twitter{
	background:#47c0d8;
}

.twitter .tile_rubrique h3 {
    color: #FFFFFF;
}
.facebook .tile_rubrique h3{
	color:#49699f;
}
.bottom.big-content .one-fourth.twitter {
    background: #47C0D8;
    min-height: 400px;
    max-height: 400px;
}

.right-block .tabs-nav li.active a {
    width: 135px;	
}
.right-block ul.min-une li a {
    padding: 5px;
    font-weight: 400;
    color: #000;
    font-size: 11px;
}
.right-block .twitter{
	margin-bottom:15px;
}
.right-block #video{
	margin-bottom:15px;
}
.divider {
    position: absolute;
    width: 392px;
    height: 100%;
    left: 66.5%;
    top: 0;
    background: #ddd;
}
.article.tag h3{
	margin-bottom:0;
}
.article.tag .meta{
	margin-bottom:0;
}
.article h3 {
    font-size: 30px;
    line-height: 40px;
    color: #484848;
    font-weight: 400;
    text-transform: uppercase;
}
.article{
	font-size:12px;
	    color: #505050;
	        margin-bottom: 40px;
}
.article ul.meta li:last-child {
    float:right;
}
.article ul.meta li{
	border:none;
	margin: 0;
	font-size: 11px;
}
.article ul.meta{
	margin-bottom:20px;
}
.article .description{
	color: #2C8D42;
	font-weight:bold;
}

.article p{
	text-align:justify;
}
.article .partager{
	position: absolute;
    right: 0;
    top: 0;
    height: 33px;
    width: 100px;
    padding: 0 5px;
    color: #828282;
    line-height: 33px;
    background: #D8D8D8;}
    
.article .partager:before{
    content: "";
    position: absolute;
    border-bottom: 18px solid transparent;
    border-top: 16px solid transparent;
    width: 0;
    left: -12px;
    height: 0;
    border-right: 12px solid #d8d8d8;}

ul.avoir {
       
}

ul.avoir li a{
    color: #fff;
    border-left: solid 1px #fff;
    /* display: block; */
    height: 32px;
    float: left;
    font-size: 10px;
    line-height: 31px;
    padding: 0 20px 0 20px;
    text-decoration: none;
    position: relative;
    background: #232323; 
}
ul.avoir li a i{
	font-size:15px;
}

ul.avoir li a:after{
	border-bottom: 16px solid transparent;
    border-top: 16px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    right: -10px;
    top: 0;
    border-left: 10px solid #232323;
}
ul.avoir li:first-child a:before {
    content: "";
    background:#232323;
    width: 38px;
    position: absolute;
    right: 44px;
    height: 100%;
}

ul.theme li a{
    color: #545454;
    border-left: solid 1px #545454;
    /* display: block; */
    /*height: 32px;*/
    float: left;
    font-size: 10px;
    /*line-height: 31px;*/
    padding: 0 20px 0 20px;
    text-decoration: none;
    position: relative;
    background: #fff; 
}
ul.theme li:first-child a{
	border:none;

} 
.zone-texte h3 a{
	color:#545454;
}
.foot-theme{
	 justify-content: center;
	 text-align:center;
}
.foot-theme ul {
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0 40px 0;
    display: inline-block;
}
.foot-theme ul li {
    float: left;
    display: inline-block;
    padding: 0 15px;
    border-right: solid 1px #333;
    line-height: 12px;
    margin-bottom: 10px;
}
.foot-theme ul li:last-child{
	border-right:0;
}
.foot-theme ul li a {
    font-size: 12px;
    text-decoration: none;
    color: #333;
}

.m-15{
	margin-bottom:15px;
}
.pagenavi li {
    display: inline-block;
    background: #f0f0f0;
    position: relative;
}
.pagenavi li:hover {
    background: #47975F ;
    -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;
}
.pagenavi li.selected{
    background: #47975F !important;
}

.pagenavi li.selected a{
	color: #fff !important;
	 border-top-color: #343030 !important;
}
.pagenavi li a, .pagenavi li span {
    padding: 5px 10px;
    display: block;
     font-size: 10px;
    z-index: 2;
    position: relative;
    color: #999;
    border-top: 5px solid #fff;
}
ul.pagenavi{
	margin:20px 0;
}
.pagenavi li:hover a{
	color:#fff;
}
.entry-image {
    position: relative;
    overflow: hidden;
    max-height: 119px;
}
.entry-image .entry-mark {
    background: rgba(0,0,0,0.5);
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}
.entry-image img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 0;
}
.news-plus li a:hover .entry-image .entry-mark {
	opacity: 1;
}
.news-plus li a:hover .entry-image img {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
}
.article-img{
	position: relative;
    overflow: hidden;
    margin: 0 0 10px 0;
    /*float:left;*/
    padding: 10px;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    background: url(../images/striptags.png) repeat;
}
.article-img img{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	
}
.article-img .entry-mark {
    background: rgba(0,0,0,0.5);
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}
.article-img:hover .entry-mark {
	opacity: 1;
}
.article-img:hover  img {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
}
.img-share {
    width: 40%;
    float: left;
    margin: 10px 15px 10px 0;
	background: #FFFFFF;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #D8D8D8;
}
    
.img-share.photos {
    width: 100%;
    float: none;
    margin: 10px 15px 30px 0;
	background: #FFFFFF;
    padding: 6px 0 0 0;
    border-bottom: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    text-align:left;
    position: relative;
}
.article.tag {
    margin-bottom: 10px;
}
.light-100{
	font-weight:100!important;
}
.news-plus.tag .nb-img i{
	color:#545454;	
}
.grey-border{
	border-top:10px solid #ddd;
}

.article.portfolio .zone-img {
    max-height: 210px;
    overflow: hidden;
    position: relative;
    padding: 5px;
    border: 1px solid #A9A9A9;
    border-radius: 5px;
}
.article.portfolio .zone-img a.item-preview {
    /* padding: 8px 12px 8px 12px; */
    background: rgba(0,0,0,0.75);
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0; 
    z-index: 10;
    border-radius: 4px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.news-plus.tag .nb-img {
    background-color: #fff;
}

.article.portfolio .photos .one-fourth{
	    margin-bottom: 2.21%;
}
.article.portfolio .zone-img a.item-preview i {
    color: #FFF;
    text-align: center;
    font-size: 31px;
    font-weight: 300;
    position: absolute;
    top: 45%;
    right: 37%;}
.article.portfolio .zone-img a.item-permalink:hover, .article.portfolio .zone-img a.item-preview:hover { opacity: 1; }

.news-plus.videos li {
    margin-right: 8px;
    width: 49.5%;
    min-height: 350px;
    max-height: 350px;
}
.news-plus.videos li h3 {
    font-size: 13px;
    margin-top: 11px;
    line-height: 17px;
}
.news-plus.videos .play i {
    position: absolute;
    top: -28px;
    right: 8px;
    color: #fff;
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;
    font-size: 20px;
}

.video-frame{
	background:#000;
	position:relative;
}
.video-frame:before{
	position: absolute;
    height: 100%;
    width: 21px;
    content: "";
    background: #000;
    left: -20px;
}

.video-frame:after {
    position: absolute;
    height: 100%;
    width: 14px;
    content: "";
    background: #000;
    right: -13px;
    top: 0;
}
.news-plus.publications img{
    border: 1px solid #dfdfdf;
}
.news-plus.publications li{

    border-width: 0;
    background: #fff; 
    padding: .3rem;
    padding-bottom: 23px;
    margin-bottom: 10px;
    float: left;

}
.news-plus.publications a.bt {
    padding: 3px 9px;
    /*background: #505050;*/
    margin-top: 15px;
    border: 1px solid #505050;
    /* width: 20px; */
    font-size: 10px;
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
    overflow: hidden;
    float: left;
    color: #fff;
}
.news-plus.publications a.bt i{
    color: #505050;
    font-size: 15px;
}
.m-b-25{margin-bottom: 25px;}

a.bt {
    padding: 3px 9px;
    /* background: #505050; */
    margin-top: 15px;
    border: 1px solid #505050;
    /* width: 20px; */
    font-size: 10px;
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
    overflow: hidden;
    float: left;
    margin-left: -1px; 
    color: #fff;
}
a.bt i{color: #505050;font-size: 13px; }

.news-plus.photos li:nth-child(2n) {
    background: #f5f5f5;
}
.news-plus.grands-dossiers li{
    min-height: 270px !important;
    max-height: 270px !important;
}
.headlines {
    font-family: 'Oswald',arial, helvetica;
    font-size: 14px;
    background: #DDDDDD;
    text-transform: uppercase;
    padding: 8px 8px 8px 17px;
    margin-bottom: 15px;
    color: #232323;
    position:relative;
}
.headlines:after {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    left: -2px;
    top: 11px;
    border-left: 10px solid #FFFFFF;
}

ul.doc li a {
    background: url(../images/pdf.gif) no-repeat 7px top;
    display: block;
    /* min-height: 45px; */
    margin-bottom: 5px;
    color: #B03333;
    padding: 5px 5px 10px 79px;
    border-bottom: 1px solid rgb(221, 221, 221);
    position: relative;
    overflow: hidden;
    /* border-radius: 5px; */
    -webkit-transition: all .35s;
    transition: all .35s;
}

ul.doc li:last-child a{
    border: none;
}

ul.doc li:hover a {
    background: url(../images/pdf.gif) no-repeat 0px top;
}

/* FLEXSLIDERS */

.flexslider

{

  border:none;

  margin:0;

}



.flexslider .slides li.dark

{

  color:#fff;

}



.flexslider .slides li.light

{

  color:#444;

}



.main-flexslider .slides li img

{

  width:auto;

  display:inline-block;

}



.main-flexslider .slides li

{

  padding:0 0;

  background-size:cover!important;

}



.main-flexslider .flex-direction-nav a,

.portfolio-flexslider .flex-direction-nav a,

.tp-leftarrow.default, 

.tp-rightarrow.default

{

  text-align:center !important;

  width:60px !important;

  height:65px !important;

  top:50% !important;

  background:url(../img/main-slider-arrows.png) 0 2px no-repeat !important;

  border:1px solid #fff !important;

  border:1px solid rgba(255,255,255,.4) !important;

  transition:all .3s !important;

  -webkit-transition:all .3s !important;

  -moz-transition:all .3s !important;

}


.ms-skin-metro .ms-nav-next, 
.ms-skin-metro .ms-nav-prev{

  background:url(../img/main-slider-arrows.png) 0 2px no-repeat!important;

  border:1px solid #fff;

  border:1px solid rgba(255,255,255,.4);

  text-align:center;

  width:60px!important;

  height:65px!important;
  
  left:0!important;
  
  transition: border .3s;
  
  -webkit-transition: border .3s;
  
  -moz-transition: border .3s;
  
}
.ms-skin-metro .ms-nav-next:hover, 
.ms-skin-metro .ms-nav-prev:hover{
  border:1px solid rgba(255,255,255,.8);
}
.ms-skin-metro .ms-nav-next{
  left:auto!important;
  right:0!important;
  background-position:-60px 2px !important;
}
.tp-leftarrow.preview4:after{
  display:none;
}
.tp-leftarrow.preview4 .tp-arr-allwrapper{
  left:-1px;
}
.tparrows.tp-rightarrow.preview4:after{
  left:auto;
  right:0;
  display:none;
}
.tparrows.preview4 .tp-arr-allwrapper{
  top:-20px;
}
.tparrows.tp-rightarrow.preview4 .tp-arr-allwrapper{
  left:-120px;
}
.tp-rightarrow.default{
  background-position:-62px 2px !important;
}
.main-flexslider .flex-direction-nav a:hover,
.portfolio-flexslider .flex-direction-nav a:hover
.tp-leftarrow.default:hover, 
.tp-rightarrow.default:hover{
  border-color:#fff;
  background-color:rgba(0,0,0,.1);
}
.main-flexslider .flex-direction-nav a.flex-prev,
.portfolio-flexslider .flex-direction-nav a.flex-prev{
  left:0;
  background-position:0 2px;
  border-left:none;
}
.portfolio-flexslider img{
  height:auto;
}
.main-flexslider .flex-direction-nav a.flex-next,
.portfolio-flexslider .flex-direction-nav a.flex-next{
  right:0;
  background-position:-60px 2px;
  border-right:none;
}
.main-flexslider .slides li h2{
  font-size:82px;
  line-height:92px;
  font-weight:800;
  text-transform:uppercase;
  text-shadow:0 0 30px #555;
}
.main-flexslider .slides li h2.cursive-style{
  font-size:147px;
  line-height:110px;
  font-weight:400;
  text-transform:none;
  text-shadow:none;
  margin:0;
}
.main-flexslider .slides li h2.big{
  text-shadow:none;
  font-size:172px;
  line-height:90px;
  text-shadow:0 0 5px #ccc;
  margin-top:80px;
}
.main-flexslider .slides li h3.big{  
font-size:56px;
  line-height:66px;
  font-weight:800;
  text-transform:uppercase;
}
.main-flexslider.light .slides li h2{
  text-shadow:0 0 5px #555;
}
h2.cursive-style + .slider-quote{
  margin-top:40px;
}
.main-flexslider .slides li .slider-quote + a.button.unfilled{
  margin-top:40px;
}
.slider-top-image{
  margin-bottom:40px;
}

.slider-quote{
  font-size:14px;
  line-height:28px;
  text-shadow:0 0 10px #555;
  font-weight:800;
  text-transform:uppercase;
  margin-top:60px;
  display:block;

}
.slider-quote.big{
  font-size:43px;
  font-weight:400;
  text-shadow:none;
  line-height:53px;
}
.main-flexslider.light .slides li .slider-quote
{
  text-shadow:0 0 1px #555;
}
.slider-quote>span,.slider-quote>span>span
{
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  border-color:rgba(255,255,255,0.6);
  padding:1px 0;
  display:inline-block;
}
.flexslider-thumbnail-gallery .slides>li{
  position:relative;
}
.flexslider-thumbnail-gallery .project-hover{
  z-index:100;
}
.flexslider-thumbnail-gallery .slides>li:hover .project-hover{
  display:block;
}
.flexslider-thumbnail-gallery .flex-control-thumbs{
  position:relative;
  bottom:0;
  overflow:visible;
}
@-webkit-keyframes fadeInDownTooltip  {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);

    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}
@keyframes fadeInDownTooltip {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}
.flexslider-thumbnail-gallery .tooltip{
  margin-left: -40px;
  margin-top: -10px;
  -webkit-animation: fadeInDownTooltip .5s; 
    animation: fadeInDownTooltip .5s;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
}
.flexslider-thumbnail-gallery .tooltip.top  .tooltip-arrow{
  margin-left:20px;
  border-width: 13px 18px 0 0;
  bottom:-8px;
  background:#2d363c transparent transparent transparent;
}
.flexslider-thumbnail-gallery .tooltip.top .tooltip-inner{
  margin-left:50%;
  max-width:300px;
  width:100%;
  padding: 12px 20px;
  text-align: left;
  background:#2d363c;
}
.flexslider-thumbnail-gallery .slides>li:hover .project-hover,
.flexslider-thumbnail-gallery .slides>li:hover .project-hover>a{
  transform:scale(1);
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity:1;  
}
.m-b-15{
    margin-bottom: 15px;
}
/*.project-meta{
  padding: 12px 20px 27px;
  position:relative;
  height:50px;
  background:#AB2626;
  transition:background .3s;
  -webkit-transition:background .3s;
  -moz-transition:background .3s;
}*/

.project-meta {
    padding: 12px 0 27px;
    position: relative;
    text-align: center;
    height: 50px;
    margin: 0 auto;
    width: 60%;
    background: #AB2626;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
}

.project:hover .project-meta{
  background:#2f424d;
}
.project-meta h4{
  margin-bottom:0;
  color:#fff;
  font-size:18px;
  font-weight:300;
}
.project-meta h4 a{
  color:#fff;
}
ul.carousel-arrows{
  list-style:none;
  margin:0;
  padding:0;
}
ul.carousel-arrows li{
  width:15px;
  height:15px;
  display:block;
  background:url(../images/project-carousel-arrows.png) no-repeat;
  cursor:pointer;
  position:absolute;
  bottom:27px;
  left:-17px;
}
ul.carousel-arrows li.arrow-right{
  left:auto;
  right:-17px;
  background-position:-15px 0;
}
.projects-slider-carousel {
    padding: 20px;
    border: 1px solid #eee;
}
.project-meta span.project-category {
    font-size: 11px;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
}
.products-carousel .slides li {
    margin-right: 6px;
    cursor: pointer;
    position: relative;
}
.products-carousel {
    margin-top: 10px;
}
.projects-slider-carousel.cabinet .slides{
    margin-top: 15px;
}
.news-plus.cabinet li{
    float: none;
}
.news-plus.cabinet h3{
    font-size: 14px;
}
.news-plus.old-minister li{
border-top: none;
    border-left: none;
    border-right: none;
}
.news-plus.old-minister  h3{
   /* margin: 30px 0 0 0;*/
}
.news-plus.publications2 li{
        min-height: 310px;
    max-height: 310px;
}
.news-plus.old-minister li:last-child{
    border: none;
}
.title h3 {
    /*text-align: center;*/
    text-transform: uppercase;
    position: relative;
    font-weight: 400;
    font-size: 18px;
    font-family: Oswald;
}
.style2 .team-member {
    min-height: 350px;
    max-height: 350px;
    padding: 0;
    margin: 10px 0;
    border: 1px solid rgba(0, 0, 0, 0.13);
    -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;
}
.team-member {
    /* background: #fbfbfb; */
    padding: 20px 20px;
    text-align: center;
}
.style2 .team-member-image {
    border-radius: 0;
}
.team-member-image {
    position: relative;
    border: 5px solid rgb(230, 111, 24);
    border-radius: 50%;
    box-shadow: 0px 0px 7px 0px;
    -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;
}
.style2 .hover {
    border-radius: 0;
}
.hover {
    background: rgba(0, 0, 0, 0.31);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    -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;
}
.style2 .team-member .team-member-image img {
    border-radius: 0;
    margin: 0 auto;
}
.team-member .team-member-image img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.style2 .team-member .team-member-content {
    margin: 0 0;
    padding: 20px;
}
.team-member .team-member-content {
    position: relative;
    z-index: 1;
    margin: 20px 0;
}
.style2 .team-member h4 {
    margin-bottom: 10px;
}
.team-member h4 {
    font-weight: 400;
    font-size: 13px;
}
.style2 .team-member .team-member-content .desc {
    border-top: 1px solid #DEDEDE;
    padding-top: 10px;
    font-weight: 500;
}
.team-member .team-member-content .desc {
    text-transform: uppercase;
    font-size: 10px;
    margin: 0;
    display: block;
    margin-top: 8px;
    line-height: 13px;
    color: #2C8D41;
    font-weight: 800;
}
.style2 .team-member .link a {
    position: absolute;
    bottom: 20px;
    right: 30%;
    background: #FFF;
    line-height: 33px;
    width: 33px;
    border-radius: 50%;
    height: 33px;
}

.team-member .link a {
    position: absolute;
    bottom: 20px;
    right: 28%;
    background: #FFF;
    line-height: 33px;
    width: 33px;
    border-radius: 50%;
    height: 33px;
}
.style2 .team-member .site a {
    position: absolute;
    bottom: 20px;
    left: 30%;
    background: #FFF;
    line-height: 33px;
    width: 33px;
    border-radius: 50%;
    height: 33px;
}

.team-member .site a {
    position: absolute;
    bottom: 20px;
    right: 51%;
    background: #FFF;
    line-height: 33px;
    width: 33px;
    border-radius: 50%;
    height: 33px;
}
.style2 .hover {
    border-radius: 0;
}

.hover {
    background: rgba(0, 0, 0, 0.31);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    -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;
}
.team-member-image.hover:hover{
      opacity:1
} 
.style2 .team-member:hover .hover{
    opacity:1
}
.style2 .team-member .hover i{
    color:#4a4a4a;
    font-size: 15px;
}
.style2 .prime .team-member-image {
    border: none;
    border-radius: 0;
    float: left;
    width: 330px;
    box-shadow: none;
}
.style2 .prime .team-member .team-member-content {
    margin: 0 0;
    padding: 20px;
    float: left;
    text-align: left;
    max-width: 48%;
}
.style2 .prime .team-member h4 {
    margin-bottom: 10px;
    font-size: 22px;
}
.style2 .prime .team-member .team-member-content .desc {
    border-top: 1px solid #DEDEDE;
    padding-top: 10px;
    font-size: 13px;
}
.style2 .prime .team-member-content-dt {
    margin-top: 15px;
}
.style2 .prime .team-member {
    float: left;
    border-radius: 5px 5px 0 0;
    border:none;
    width: 100%;
    margin: 0;
    overflow: hidden;
    max-height: 100%;
    background: #fff;
}
.style2 .button{
    font-size: 10px;
    font-weight: 400;
    padding: 5px 20px 6px;
    border-radius: 50px;
}
.top-20 {
    margin-top: 20px;
}
.border-bot{
    border-bottom: 1px solid #E2E2E2;
}
ul.option li {
    display: block;
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

ul.option li a {
    color: #FFFFFF;
    font-size: 10px;
    background: #484848;
    padding: 2px 10px;
    border-radius: 50px;
    border:1px solid transparent;
    transition:all .3s !important;
  -webkit-transition:all .3s !important;
  -moz-transition:all .3s !important;
}
ul.option li:hover a{
    background: #fff;
    border:1px solid #484848;
    color: #484848;
}
.news-plus.institutions li {
    background: #fff;
    border: 0;
}
.news-plus.institutions li h3 {
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #DFDFDD;
}

table a {
    text-align: center;
    color: #a5a5a5;
    font-size: 22px;
    display: block;
}
.pdf{
    color: #bb0706;
}
.word{
    color: #2c5898;
}
.orange.date{
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Josefin Sans;
    padding: 0 5px;
    background: #FFFFFF;
    border-radius: 50px;
}
.text-center{
    text-align:center;
}

form.simple-form fieldset {
    margin-bottom: 15px;
    float: left;
}
form.simple-form fieldset {
    border: 1px solid #aab2bd;
}
form.simple-form fieldset {
    padding: 0px 0px;
    border-radius: 2px;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    float: left;
}
form.simple-form fieldset i {
    float: left;
    width: 28px;
    height: 22px;
    color: #FFF;
    line-height: 12px;
    text-align: center;
    padding: 10px 2px 0px 2px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
form.simple-form fieldset i {
    /* background-color: #47975F; */
    color: #47975F;
    font-size: 18px;
}
form.simple-form input {
    outline: none;
    font-size: 12px;
    color: #888;
        width: 85%;
    margin: 0 0 0px 0;
        max-width: 94%;
    display: block;
    background: #ffffff;
    /* box-shadow: inset 0px 2px 4px #f3f3f3; */
    font-family: "Roboto", Arial, Verdana;
    border: none;
    border-radius: none;
}.newsletter input[type=text], ,textarea{
       max-width: 93%;
}
input[type=text], input[type=password], input[type=email], textarea, select {
    border: 1px solid #AAB2BD;
    padding: 8px 10px;
    outline: none;
    font-size: 10px;
    color: #888;
    margin: 0;
    max-width: 100%;
    display: block;
    background: #fff;
    border-radius: 3px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
input, select {
    vertical-align: middle;
}
form.simple-form textarea {
    width: 97%;
    margin: 0 0 15px 0;
    border: none;
    color: #888;
      font-size: 12px;
}
.modal-body select { width: 100%; margin-bottom: 20px;}
.modal-open{overflow:hidden}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:auto;overflow-y:scroll}
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.modal-dialog{position:relative;z-index:1050;width:auto;padding:10px;margin-right:auto;margin-left:auto}
.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box}
.modal-backdrop{/*position:fixed*/;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:transparent;}
.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}
.modal-header{min-height:16.428571429px;padding:15px;border-bottom:1px solid #e5e5e5;background: #505050;}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.428571429}
.modal-body{position:relative;padding:20px}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer:before,.modal-footer:after{display:table;content:" "}
.modal-footer:after{clear:both}
.modal-footer:before,.modal-footer:after{display:table;content:" "}
.modal-footer:after{clear:both}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
@media screen and (min-width:768px){
.modal-dialog{width:900px;padding-top:30px;padding-bottom:30px}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.modal-header .close {
    float: left;
    font-size: 12px;
    font-weight: bold;
    width: 26px;
    position: absolute;
    z-index: 25;
    right: 0;
    top: 5px;
    line-height: 1;
    color: #F00;

}
.modal-header h4{
 margin-bottom:0;   
 text-transform: uppercase;
 color: #fff;
 font-weight:400;
}
.modal-header span {
    display: block;
    /* width: 100%; */
    /* float: left; */
    top: -10px;
    right: 8px;
    width: 136px;
    position: absolute;
    z-index: 5;
}
.modal-body .input-title {
    margin: 0px 0 0 0px;
    line-height: 43px;
    float: left;
    font-size: 11px;
    border-bottom: 1px solid #F0F0F0;
}
.modal-body input[type=submit] {
    background: #505050;
    width: auto;
    margin-bottom: 15px;
    color: #fff;
}
.notification {
    color: #ce8f22;
    background-color: #fffcee;
    background-image: none;
    box-shadow: none;
    font-size: 11px;
    text-shadow: none;
    padding: 9px 19px 9px 15px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #F0DBB4;
    margin-bottom: 10px;
    transition: all 0.2s linear 0s;
}
.notification.error {
    color: #e76e70;
    background-color: #fff6f4;
    border-color: #f8cdcd;
}
.notification p{
    margin-bottom: 0;
}
.notification.success {
    color: #438a85;
    background-color: #f3faf8;
    border-color: #bfd1cf;
}
footer input[type=text], footer input[type=email]{
    background: transparent;
    border: 1px solid #3C3C3C;
        border-radius: 0;
            margin-bottom: 13px;
        padding: 17px 10px;
}
.banniere {
    padding: 15px 15px;
    text-align: right;
    border: 1px solid rgb(221, 221, 221);
    position: relative;
    background: rgba(0, 0, 0, 0.08);
}

.ann {
    position: absolute;
    left: 13px;
    line-height: 88px;
    font-family: Oswald;
    /* text-align: center; 
     top: 34px; 
     -webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
     transform: rotate(-90deg); */
}
.f-right{float: right;}
.f-logo{position: relative;    top: -25px;}
.zone-img img{ display: block;}
.footer-pub h3 {
    font-size: 31px;
    line-height: 44px;
    color: #fff;
    margin-top: 35px;
}
.footer-pub p{
    font-size: 11px;
    margin-bottom: 0;
    color: #fff;
}
ul.mobileapps li{
display: block;
    margin: 10%;
    text-align: center;
}
ul.mobileapps li:last-child{
    margin-bottom: 0;
}

ul.mobileapps li a img{
    width: 50%;
}
.header_toggle_menu {
    display: inline-block;
    width: 100%;
}
.header_toggle_menu .menu_small_btn {
    background: none;
    border: 0;
    color: #ffffff;
    float: right;
    margin: 14px 0;
    width: 100%;
    position: relative;
    text-align: center;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    height: 24px;
    /* width: 83px; */
}
.folio-sb-toggle-btn {
    cursor: pointer;
}
.folio-sb-toggle-btn span {
    padding: 2px;
    margin-top: -8px;
    position: relative;
    top: -5px;
}
.header_nav_holder {
    text-align: center;
}
.nav-toggler i{
        font-size: 25px;
}
.push-menu-left h3 {
    font-family: 'Oswald', 'Arial', serif;
    color: #fff;
    margin-bottom: 0;
}
.push-menu-left .close { margin-top: 0px}

ul.sidebar li a {
    font-size: 11px;
    color: #919191;
    padding: 10px 20px;
    border-bottom: 1px solid #292929;
    display: block;
    position: relative;
    font-weight: 100;
     transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
ul.sidebar li:hover .submenu{
    background: #212020;
}
ul.sidebar li:hover a{
    background: #1b1b1b;
}
ul.sidebar li {
    position: relative;
}
ul.sidebar  li .submenu {
    position: absolute;
    width: 40px;
    height: 28px;
    padding-top: 13px;
    text-align: center;
    background: #292929;
    right: 0;
    top: 0;
     transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
ul.sidebar ul {
        display: none;
}
ul.sidebar ul li:hover a{
background: #010101;
}
ul.sidebar ul {

    background: #1b1b1b;
}
ul.sidebar #current{
    background: none;
    border: 0;
}
.pml-open #opinion-sidebar{
    display: none
}
ul.sidebar ul li a{
    padding-left: 60px;
    position: relative;
}
ul.sidebar ul li a:before {
    content: '\f100';
    font-family: 'Fontello';
    position: absolute;
    left: 20px;
    top: 10px;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    text-align: right;
    display: block;
    z-index: 250;
    font-size: 0;
    right: 16px;
    top: 28px;
} 

.flex-control-nav li:first-child {
    margin: 0;
}

.flex-control-nav li {
    margin: 0px 0 0 3px;
    display: inline-block;
    zoom: 1;
    text-indent: -9999px;
}

.flex-control-nav li a {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 10px;
    height: 10px;
    display: block;
    background: #ccd0d9;
    border-bottom: none!important;
    cursor: pointer;
    text-indent: -999em;
    border-radius: 100px;
}
.flex-control-nav li a.flex-active, .flex-caption, .pagination .current{
    border-bottom: 1px solid #0084c9;
}
.flex-control-nav li a:hover, .flex-control-nav li a.flex-active {
    background: #f5870e!important;
}
.newsletter .tile_rubrique h3 {
    color: #484848;
}
#photo .actu-photo h3 {
    margin: 12px 0 0 0;
    padding: 0 0 0 0;
}
.pagination {
    font: 12px Arial, Helvetica, sans-serif;
    margin: 40px 0 0 0;
}
.pagination a {
    color: #999;
    background: #f0f0f0;
    margin: 2px;
    border-top: 5px solid #fff;
    padding: 5px 10px;
    text-decoration: none;
     -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;
}
.pagination span.active {
    color: #FFFFFF;
    font-weight: 700;
    margin: 2px;
    padding: 5px 10px;
    background: #47975F;
}
.pagination a span.active {
    border-top-color: #343030 !important;
}
.pagination a:hover {
    background: #47975F;
    color: #fff;
}
.content.home{
    text-align: center;
}
.content.home .tile_rubrique h3{
        float: none;
            text-align: center;
            margin:0;
}
.content.home .tile_rubrique h3:after{
    content: "";
}
.content.home .tile_rubrique .rubrique-site > li {
    float: none;
}
.content.home .tile_rubrique .rubrique-site{
    padding: 0;
}
.content.rdv{
    background: #dadada;
        padding: 0;
}
.vids{
    background: #000;
    padding: 20px;
    position: relative;
}

.vids:after{
content: "";
    width: 24px;
    right: -24px;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
}

.mt50{
    margin-top: 50px;
}
.mtb50{
    margin: 50px 0 150px 0;
}
.sondage{
    background: #525252;
}
.sondage h3{
    /*margin: 0;*/
    font-weight: 100;
        color: #fff;
}
.zone-site{
background: rgba(27, 27, 27, 0.98);
    position: fixed;
    bottom: 0;
    height: 100px;
    text-align: center;
    width: 100%;
    z-index: 999;
}
#nav .tabs {
    /*float: right;*/
    overflow: hidden;
    /* position: absolute; */
    top: 0;
    padding: 0 25px;
    height: 68px;
    text-align: center;
    right: 0;
    line-height: 61px;
    margin-top: 18px;
    z-index: 1;
-webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
#nav .tabs li {
    display: inline-block;
    vertical-align: top;
}
#nav .tabs li ol li:before {
    content: '';
    display: block;
    border-left: 1px solid rgba(0,0,0,.2);
    height: 100px;
    width: 100%;
    float: left;
    margin: -25px 0 -75px;
    -webkit-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
-webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
#nav .tabs li a, #nav .tabs li span {
position: relative;
    display: block;
    cursor: pointer;
    padding: 15px 5px 15px 11px;
    height: auto;
    line-height: 36px;
    color: #fff;
    font-family: Gotham,sans-serif;
    font-weight: 700;
    /* text-transform: uppercase; */
}
#nav .tabs li ol li:first-child:before{
    border-left:none;
}
#nav .tabs li ol li:hover:before{background-image:-moz-linear-gradient(left,rgba(0,0,0,.1)0,rgba(0,0,0,0)100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.1)0,rgba(0,0,0,0)100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.1)0,rgba(0,0,0,0)100%);background-image:-ms-linear-gradient(left,rgba(0,0,0,.1)0,rgba(0,0,0,0)100%);background-image:linear-gradient(to right,rgba(0,0,0,.1)0,rgba(0,0,0,0)100%); -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

#nav .tabs li a i{
    font-size: 25px;
    line-height: 37px;
    color:#0C561D;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
#nav .tabs li a:hover i{
    color:#EC5B06; 
}






