/*
Theme Name: NEW DGS Theme V3.1 bocasay
Theme URI: http://nathanstaines.com
Description: An HTML5 version of <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on Twenty Ten.
Version: 3.2
Author: Nathan Staines
Author URI: http://nathanstaines.com
Tags: starkers, html5, naked, clean, basic




*/

@import "css/reset.css";
@import "css/layout.css";
@import url(//fonts.googleapis.com/css?family=Lobster);
@font-face {
  font-family: 'HelveticaNeueLTPro-Lt';
  src: url('fonts/HelveticaNeueLTPro-Lt.eot') format('embedded-opentype'),  url('fonts/HelveticaNeueLTPro-Lt.otf')  format('opentype'),
	     url('fonts/HelveticaNeueLTPro-Lt.woff') format('woff'), url('fonts/HelveticaNeueLTPro-Lt.ttf')  format('truetype'), url('fonts/HelveticaNeueLTPro-Lt.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueLTPro-Bd';
  src: url('fonts/HelveticaNeueLTPro-Bd.eot') format('embedded-opentype'),  url('fonts/HelveticaNeueLTPro-Bd.otf')  format('opentype'),
	     url('fonts/HelveticaNeueLTPro-Bd.woff') format('woff'), url('fonts/HelveticaNeueLTPro-Bd.ttf')  format('truetype'), url('fonts/HelveticaNeueLTPro-Bd.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.jPanelMenu-panel{
	/*height: 100%;*/
/*	overflow-y: auto;*/
}
html{
	overflow-y: scroll !important; 
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


.fb-comments iframe, .fb-comments, .fb-comments span { width:100% !important; }
.fb-div{
}
.fb_iframe_widget span {
  width: 300px!important;
}

body {
	/*-webkit-font-smoothing: antialiased;
	*/
	font-family: 'Noto Sans', sans-serif;
	overflow: initial!important;
}

#global {
    background-color: #FFFFFF;
    width: 100%;
    margin: 0 auto;
    z-index: 2;
	position: relative;
}

/* En-tête */
#header {
	z-index: 10;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;

}
.header_no_login{
	margin-top: 0px;

}
.header_login{
	margin-top: 28px;
}
.header_animation{
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	-webkit-transform: translateZ(0);
}


#header h1 {
    margin: 0;
    padding:0;
    float:left;
}
#header h1 img {
    margin: 0;
}


#header .navbar {
	z-index: 99;
	margin: 0 auto;
	background-color: #fff;
	height: 52px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	-webkit-transform: translateZ(0);
	position: relative;
	width: 100%;
	-moz-box-shadow: -2px 1px 3px 0px #bdbcbc;
-webkit-box-shadow: -2px 1px 3px 0px #bdbcbc;
-o-box-shadow: -2px 1px 3px 0px #bdbcbc;
box-shadow: -2px 1px 3px 0px #bdbcbc;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#bdbcbc, Direction=206, Strength=3);
}

#header .navbar .navbar-inner {
	background-color: #FFF;
	padding: 0;
	color: #fff;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 44px;
	height: 46px;
	max-width: 1100px;
	margin: auto;
	position: relative;
}

.main-menu li a{
	color: #6e8291;
	text-decoration: none;
	font-weight: bold;
}

.main-menu li.menu{
	background-color: rgb(175,175,175);
	width: 46px;
	height: 52px;
	padding: 0;
	margin-right: 15px;
}

.menu-trigger{
	width: 46px;
	height: 46px;
	display: block;
	z-index: 9999999;
}

.main-menu li.logo img{
	padding:8px 0 0 0;
}

.red{
	color:#ff0107;
}

.blue{
	color: #05bbff;
}

.green{
	color:#98d700;
}

.main-menu>li {
	display: block;
	float: left;
	font-size: 14px;
	color: #000;
	  
	padding: 0 10px;
	position: relative;
	height: 46px;
	font-weight: 300;
}
.main-menu>li.submenu{
	padding:2px 12px 0px 12px;
	text-align: center;
	color:#6e8291;
}
.main-menu>li.pull-right {
	float: right;
}

.main-menu>li.top-search {
	padding: 0 10px;
}

.main-menu>li.top-search img{
	margin: 14px 0 10px 0;
	display: block;
}
.main-menu>li.logos {
	position: absolute!important;
	right: 40px
}
.main-menu>li.logos>img{
	padding:12px 10px 0 10px;

}
.main-menu>li.Culture{
	border-top: 3px solid #009229;
}
.main-menu>li.Entreprise{
	border-top: 3px solid #c574ff;
}
.main-menu>li.Multimedia{
	border-top: 3px solid #ff1000;
}
.main-menu>li.Style{
	border-top: 3px solid #ffbb00;
}
.main-menu>li.Technologie{
	border-top: 3px solid #4971f3;
}
.main-menu>li.dgv{
	border-top: 3px solid #999999;
}
.colors-line{
	display: none;
	height:4px;
	background-image: url(images/colors-line.png);
	background-position-x: center;
	-webkit-box-shadow:  0px 1px 2px 0px #999;
	-moz-box-shadow:  0px 1px 2px 0px #999;
	box-shadow:  0px 1px 2px 0px #999;
}
@media (max-width:979px) {
	.border-top{
		border-top: 1px solid #656b74;
	}
	.border-bottom{
		border-bottom: 1px solid #656b74;
	}
	.shareCase.GP, .shareCase.fb-share{
		display: none !important;
	}
}
#jPanelMenu-menu {
	background: #535a63;

}
#jPanelMenu-menu li{
	float: none;
	padding: 0;
}
#jPanelMenu-menu li a {
	background: #535a63;
	display: block;
	/*border-top: 1px solid #484848;*/
	/*border-bottom: 1px solid #2e2e2e;*/
	text-decoration: none;
	text-shadow: 0 -1px 2px #222;
	font: 12px "ProximaNovaRegular",Arial,sans-serif;
	padding: 0px 20px;
	color: #fff;
	font-size: 12px;
	line-height: 43px;
	text-transform: uppercase;
}

.search-form {
	background-color: #FFF;
	height: 60px;
	/*max-width: 300px;*/
	position: absolute;
	right:-1px;
	width: 445px;
	display: none;
	top: 52px;
	border-top: 1px solid #dedede;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
}

.top-search-wrapper{
	position: absolute;
	top:12px;
	right:140px;
	width: 290px;
	line-height: 29px;
	border: 1px solid #aeaeae;
	border-radius: 3px;
	font-size: 18px;
}

.header-search-submit{
	position: absolute;
	top:12px;
	right: 10px;
	background-color: #009cff;
	color:#FFF;
	font-size: 18px;
	font-weight: 500;
	border: none;
	padding: 6px 10px;
	border-radius: 3px;
}

.logos-form {
	background-color: #FFF;
	position: absolute;
	/*right:-57px;*/
	width: 320px;
	display: none;
	top: 52px;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	border-left: 1px solid #aeaeae;
	border-top: 1px solid #dedede;
}


.logos-form #sidefb{
	float:left;
	margin:0 0 0 20px;
}

.logos-form .sideg{
	float: right;
	margin-top: 12px;
}

.logos-form .sidetw{
	float:left;
	margin-top:12px;
	min-width: 160px;
	margin-left: 10px;
}

.logos-form .siderss img{
	padding: 14px 10px 0 0px;
	float:left;
	height: 30px;
}

.logos-form .sidep img{
	padding: 14px 10px 0 0px;
	float:left;
	height: 30px;
}
.logos-form .sideplus{
	float: left;
	margin:7px 0  0 10px;
}
.logos-form .sideplus a{
	color:#88d4ff;
	/**/
	font-size: 14px;
	font-weight: 700;
	text-decoration: underline;

}
.logos-form ul#Menuplus {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}
.logos-form ul#Menuplus li{
	border-top: 1px solid #dedede;
	text-align: center;
}
.logos-form ul#Menuplus li a{
	padding: 10px;
	color: #686868;
	text-decoration: none;
	font-size: 24px;
	font-weight: normal;
}

/* Contenu principal */

#fondprincipal {
  background-color: #f7f7f7;
  padding:0;
  border-bottom: 0px solid #DDD;
  overflow: hidden;
  clear: both;
}

#wrap {
  width:100%;
  max-width:1100px;
  background-color: #fff;
  overflow: hidden;
  margin: 0 auto;
  clear:both;
  border: 1px solid #dddddd;
}

.DGS_ads{
	max-width: 1100px;
	background-color: #f0eee9;
	margin: 0 auto;
	border: 1px solid #dddddd;
	border-bottom: 0;
	border-top: 0;
}
.DGS_ads .position{
	text-align:center;
	padding: 12px 0;
}

#main {
  background-color: #fff;
  /*border: 1px solid #dddddd;*/
  /*border-left: 1px solid #dddddd;*/
  /*padding: 20px 29px 20px 30px;*/
  padding: 15px 15px 20px 15px;
  position: relative;
  width: 750px;
  float: left;

}

body.single #main{
	padding: 1px 15px 1px 15px;
}

#main article{
	margin-bottom: 20px;
	border-radius: 1px;
	-moz-box-shadow: 0px 1px 3px 0px #d4d4d4;
    -webkit-box-shadow: 0px 1px 3px 0px #aaa;
    box-shadow: 0px 1px 3px 0px #aaa;
     /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#aaa')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#aaa');

}

#main .adv{
	margin-bottom: 30px;
	text-align: center;
}

header h2{
	display: block;
	/**/
	font-size: 32px;
	line-height: 40px;
	text-align: center;
}
header h1{
	display: block;
	/**/
	font-size: 32px;
	line-height: 40px;
	text-align: center;
}


.search h2, .home header h2, .category header h2,.page header h2, .author header h2, .tag header h2, .blog header h2{
	padding: 12px 20px;
}
.search h1, .home header h1, .category header h1,.page header h1, .author header h1, .tag header h1, .blog header h1{
	padding: 12px 20px;
}

.single-post header h2{
	padding: 11px 20px 22px 20px;
	letter-spacing: 0.03em;

	/*ou 30px padding-bottom???*/
}
.single-post header h1{
	padding: 11px 20px 22px 20px;
	letter-spacing: 0.03em;

	/*ou 30px padding-bottom???*/
}

.single-post article header h2{
	padding: 12px 20px;
}
.single-post article header h1{
	padding: 12px 20px;
}

#main article header h2 a{
	color:#000;
	text-decoration: none;
}
#main article header h1 a{
	color:#000;
	text-decoration: none;
}

#main article a img{
	width: 100%;
	/*height: 100%;*/
	height: auto;
	display: block;
}

#main .post p{
	/**/
	font-size: 18px;
	color:#000000;
	font-weight: 400;
	line-height: 24px;
	padding: 20px 0px 0 0;
	max-width: 620px;
	float: right;
	display: block;
	text-align: justify;
	position: relative;
	letter-spacing: 0.01em;
}


.overlay_image {
	position: absolute;
	right: 20px;
	width: 40px;
	height: 40px;
	bottom: 20px;
}
.overlay_image img {
}


#main .post iframe.video {
}

#main .post p strong{
	font-weight: bold;
}

#main .post{
	/*margin: 30px;*/

}
#main .post .photo{
	margin: 0px 0px;
	position: relative;
}
#main .post img.size-full, #main .post img.alignnone, #main .post img.attachment-post-thumbnail{
	width: 100%;
	/*height: 100%;*/
	height: auto;
	float:right;

}

.mini-shares-haut{
	height: 20px;
	display: none;
	width: 839px;
	position: fixed;
	margin-left: -29px;
	padding: 10px;
	padding-right: 29px;
	top: 50px;
	background-color: #FFF;
	border-bottom: 1px solid #ddd;
	z-index: 3;
}

.float-shares{
	width: 70px;
	height: 400px;
	position: fixed;
	margin-left: -115px;
	margin-top: 60px;
	padding: 10px 0 0 10px;
	text-align: center;
	display: none;
	top: 30%;
}

@media(min-width:1300px){
}

.post .float-shares .trending_image img{
	margin: 5px 0;
}

.post .float-shares .shareCase {
	float: none;
	margin-bottom: 20px;
	text-align: right;
}

.post .float-shares .partage span{
	font-size: 12px;

}
.post .float-shares .partage_count2 {
	font-size: 30px;
	font-weight: 700;
}
.post .float-shares .partage {
	text-align: center;
}

@media(min-width:639px){
	.mini-shares-haut .GP{
		display: block;
	}
	.mini-shares-haut .TW{
		display: block;
	}
}

@media(max-width:510px){
	.mini-shares-haut .GP{
		display: none;
	}
	.mini-shares-haut .TW{
		display: none;
	}
}
.post .shares-haut div.FB{
	width: 62px;
}
.post .shareCase{
	float: right;
	margin-left:30px;

}
.shareCase.fb-share{
	width: 65px;
}

.post .PIN{
	margin-top: 22px;
}



.post .trending_image{
	/*margin-top: 20px;	*/
}

.post .partage{
	text-align: right;
	margin-top: 2px;
	line-height: 30px;
}

#lightbox .partage{
	font-size: 50px;
}


.post .partage span, #lightbox .partage span{
	display: block;
	font-size: 22px;
	font-weight: 500;
	margin-top: 3px;
}

.post .post-on{
	color:#797979;
/*	max-width: 920px;
	margin: 30px 0px 10px 0px;*/
	font-size: 14px;
}

.post .post-on a{
	color:#676767;
	font-weight: 700;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
	text-transform: uppercase;
}

.post .post-on .spon a{
	color:#797979;
	font-weight: 700;
	text-decoration: none;

}

.post .post-on .spon a span{
	font-weight: 700;
}


#the-content {
	margin-top: -10px;
}
#the-content h2{
	float:right;
	margin: 20px 0px 10px 0px;
	font-size: 18px;
	text-align: justify;
	font-weight: 700;
	letter-spacing: 0.01em;
    line-height: 24px;
	width: 100%;
}
#the-content>div{
	float:right;
	margin: 0px 0px 10px 0px;
	
	font-size: 17px;
	color: #444444;
	font-weight: 700;
	width: 100%;
}

#the-content h3{
	float:right;
	font-size: 18px;
	font-weight: 700;
	width: 100%;

}

#the-content ul{
	float:right;
	margin: 20px 0px 10px 0px;
	
	font-size: 17px;
	color: #444444;
	font-weight: 700;
	width: 100%;

}
#the-content h1{
	float:right;
	margin: 20px 0px 10px 0px;
	
	font-size: 17px;
	color: #444444;
	font-weight: 700;
	width: 100%;

}

#main .post ul li{
	
	font-size: 17px;
	color:#444444;
	font-weight: 400;
	line-height: 125%;
	padding: 15px 0px;
	max-width: 620px;
	float: right;
	text-align: justify;

}

#main .post ul{
	list-style-type:disc;
}

#the-content a{
	text-decoration: none;
	font-weight: 700;
}


.share {
	padding: 15px 0 11px 0;
	border-bottom: 1px solid #ccc;
	margin: 0 0px 0px 0px;
	border-top: 2px dashed #77aed8;
	float: left;
	width: 100%;
}
.post .share .shareCase, .img-unique-main .share .shareCase{
	margin-left: 0px;
}

.post .share .FB, .img-unique-main .share .FB{
	float: right;
  	width: 115px;
  	overflow: hidden;
}

.post .share .TW, .img-unique-main .share .TW{
	margin-left: 15px;
	overflow: hidden;
}
.single-share-text{
	display: block;
	float: left;
	margin-left: 18px;	  
	font-weight: 700;
	font-style: italic;
	
	word-spacing:2px;
	margin:0 0 5px 0;
	font-size: 19px;
	color:#1d97fe;
	-webkit-transform: scale(1, 1.3);
    -moz-transform: scale(1, 1.3);
    -ms-transform: scale(1, 1.3);
    transform: scale(1, 1.3);

}

.single-share-text span{
	color:#000;
	font-style: normal;
	/*margin-left: 18px;*/
}

a.MotCle {
	
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	padding: 4px 7px;
	margin-right: 5px;

}
.post-source {
	
	font-size: 14px;
	margin: 30px 0px 0px 0px;
	/*height: 28px;*/
	float: left;
	min-width: 70%;
}

.post-source .post-source-title, .post-on .post-source-title {
	background-color: #afafaf;
	color:#FFF;
	padding: 4px 8px;
	float: left;
	font-weight: bold;
	margin-right: 5px;

}

.post-source a {
	color:#787878;
	float: left;
	font-weight: bold;
	padding: 4px 0px;

}


.key-words {
	
	font-size: 14px;
	margin: 0 0px 0px 0px;
	float: left;
	width: 90%;
}

.MotsCles {
	/*margin-left: 156px;*/
	margin-left: 0px;

}

.key-words .key-words-title {
	/*background-color: #0a9130;*/
	color:#FFF;
	width: 130px;
	padding: 4px 8px;
	float: left;
	font-weight: bold;
	margin-right: 5px;
}

.key-words a, .post-on a, .post-source a {
	background-color: #e6e6e6;
	color:#676767;
	float: left;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.fb-comments {
	margin-top: 10px;
}

aside {
  width: 300px;
  float: right;
  background-color: #fff;
  padding: 15px 15px 15px 5px;
  overflow: hidden;
  position: relative;
  min-height: 500px;
  /*border-right: 1px solid #dddddd;*/
}

#sider_select{
	margin-bottom: 20px;
}

#sider_select .top{
	padding:0px 5px 10px 10px;
	  
	font-size: 24px;
	background-color: #f0f0f0;
	height: 24px;
}

.sider_fixed{
	padding-top:5px;
	top:50px;
	z-index: 1;
	width: 300px;
	position: fixed;
	background-color: #f0f0f0;
	height: 35px;

}

.sider_fixed_login{
	padding-top:5px;
	height: 35px;
	top:78px;
	z-index: 1;
	width: 300px;
	position: fixed;
	background-color: #f0f0f0;
}

#sider_select .title{
	height: 50px;
	background-color: #FFF;
	margin-top: 0px;
	color:#3f3f3f;
}
#sider .triange{
	border: 6px solid #000;
	border-color: #000 transparent transparent transparent;
	border-style: solid solid dashed dashed;
	display: inline-block;
}
.lesbotton{
	padding: 10px;
	  
	font-size: 24px;
	color:#3f3f3f;
}
.lesbotton a{
	text-decoration: none;
	color:#3f3f3f;
}
#sider_select .sider_menu{
	display: none;
	background-color: #FFF;
	z-index: 100;
	position:relative;
	/*float: left;*/
	width: 298px;
	border: 1px solid #ccc;
}
.sider_decouverte{
	background-image: url(images/decoverte.png);
	height: 20px;
	background-repeat: no-repeat;
	font-weight: 700;

}

.sider_decouverte a{
	margin-left: 28px;
	color:#3f3f3f;
	text-decoration: none;
	line-height: 20px;
}


#menu-sider{
	padding: 10px;
}
#menu-sider li{
	width: 138px;
	float: left;
	
	font-size: 15px;
	font-weight: 700;
	height: 20px;
	margin:10px 0px 10px 0;

}

#menu-sider li a{
	color:#3f3f3f;
	text-decoration: none;
	margin-left: 8px;
	line-height:20px;
}

aside article{
	margin-bottom: 15px;
	height: auto;
	width: 300px;
	padding-bottom: 8px;
	position: relative;
	-moz-box-shadow: 0px 1px 3px 0px #aaa;
    -webkit-box-shadow: 0px 1px 3px 0px #aaa;
    box-shadow: 0px 1px 3px 0px #aaa;
     /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#aaa')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#aaa');
}

aside article .image{
	float: left;
	height: 130px;
}

aside article>img{
	width: 115px;
	height: 80px;
}

aside article .texte {
	clear: both;
	display: block;
	min-height: 20px;
	overflow: hidden;
	line-height: 20px;
	/*letter-spacing: 0.02em;*/
	letter-spacing:0px;
}

aside article a{
	
	font-size: 15px;
	color:#000;
	text-decoration: none;
}

aside .partage_nombre{
	float: right;
	
	font-size: 13px;
	color:#a6a6a6;
	margin-top: 9px;
}

aside .partage_nombre span{
	font-weight: 700;
}

/*aside .partage_nombre div {
	margin-top:5px;
}
*/
aside article .aside_link {
	margin-top: -13px;
	margin-right: 10px;
}
/*aside article .partage_nombre, aside article .partage_bottons {
	height: 22px;
	display: block;
}
aside article .partage_bottons {

}
*/

aside .adv{
	background-color: #CCC;
	/*padding: 30px;*/
	display:block;
	/*height: 250px;*/
	margin-bottom: 20px;
	margin-top: 20px;
}

aside .sidebar_libre{
	display:block;
	margin-bottom: 20px;
}

.bloc-top{
	background-image: url(images/newBloc/top-back_new.png);
	background-repeat: no-repeat;
	/*height: 590px;*/
	margin-bottom: 20px;
	padding-top: 1px;
	position: relative;
	margin-top: 20px;
}

aside .title{
	  
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin-top:10px;
}

aside .title span{
	color:#3598d6;
	text-transform: uppercase;
}
aside .aside_link{
	height: 22px;
}

aside .sou-title{
	  
	font-style: italic;
	font-size: 14px;
	text-align: center;
	margin-top:10px;
	color:#767676;
	margin-bottom: 20px;

}

aside .bloc-newsletter .sou-title{
	margin-bottom: 10px;
}

.bloc-top .bloc-top-chaque{
	width: 296px;
	min-height: 45px;
	border-top: 1px dashed #d8dcde;
	border-right: 2px solid #dde0e2;
	border-left: 2px solid #dde0e2;
	background-color:#f9f9f9;
	/*background-repeat: no-repeat;*/
}
.bloc-top img{
	float:left;
	padding: 8px 10px;
}

.bloc-top img{
	float:left;
	padding: 8px 10px;
}
.bloc-top .bloc-top-title{
	padding:8px 10px 8px 47px;
	
	font-size: 12px;
	line-height: 14px;
	font-weight: 500;

}

.bloc-top .bloc-top-title a{
	color:#060606;
	text-decoration: none;

}



aside .more-link{
	border-top: 1px dashed #d8dcde;
	text-align: center;
	  
	font-style: italic;
	font-weight: 700;
	padding-top: 20px;
}

aside .bloc-top .more-link{
	height: 34px;
	background-image: url(images/newBloc/unknoz.png);
	background-repeat: no-repeat;
	border-top:0;
}
aside .more-link a {
	color:#0087dc;
	font-size: 12px;
}
.bloc-newsletter{
	cursor: pointer;
}

.bloc-selection, .bloc-newsletter{
	background-image: url(images/newBloc/selection-back_new.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding-top: 1px;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.bloc-selection .title, .bloc-newsletter .title{
	  
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin-top:10px;
}
.bloc-selection .bloc-top-title{
	  
	/*margin-top: 20px;*/
	padding: 20px 13px 20px 13px;
	/*margin-bottom: 15px;*/
	background: url(images/newBloc/selection-back_slide.png) no-repeat;
}

.bloc-newsletter .bloc-top-title{
	  
	padding: 10px 13px 10px 13px;
	background: url(images/newBloc/selection-back_slide.png) no-repeat;
	color:#203b8b;
	text-transform: uppercase;

}

aside .bloc-newsletter .more-link{
	padding-top:60px;
	border-top: 0px;
}

aside .bloc-newsletter .bloc-nl-text{
	
	font-size: 14px;
	color:#bebebe;
	margin-top: 10px;
}
.bloc-selection .bloc-top-title a{
	color:#203b8b;
	font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
}
.bloc-selection .partage_nombre {
	float: none;
	
	font-size: 30px;
	color: #bcbcbc;
	font-weight: 700;
	margin-top: 0px;
}
.bloc-selection .partage_nombre div{
	font-size: 14px;
	font-weight: 500;
}
.bloc-selection .img{
	width: 220px;
	height: 220px;
	border-radius: 50%;
	margin: auto;
	box-shadow: inset 0 0 0 10px rgba(255,255,255,0.6);
	background-size:220px 220px;

}
.bloc-selection img{
	margin-left: -60px;
}
.bloc-selection .more-link{
	border-top: 0px;
	margin-top: 10px;
}

.bloc-top-bottom{
	background: url(images/newBloc/selection-back_bottom.png) no-repeat;
	height: 110px;
}
.bloc-newsletter .bloc-top-bottom{
	margin-top: -45px;
}

.citation{
	margin-bottom: 20px;
	margin-top: 5px;
}

aside blockquote{
    background:transparent url('images/bloc/Citation1.png') 0 0 no-repeat;
}

aside blockquote p{
	font-family: "Times New Roman", Georgia, Serif;
    padding: 0 40px 8px 0;
    margin: 0 0 0 0;     
    color: #000;
    background:transparent url('images/bloc/Citation2.png') 100% 100% no-repeat;
    text-align: center;
    line-height: 25px;
	font-size: 21px;
	letter-spacing: 0.4px;
}

aside blockquote, #statistique {
margin: 0;
padding: 10px 0 0 45px;
font-size: 21px;
font-style: normal;
}
aside .ajouter {
	text-align: right;
}

aside .ajouter a{
      
    font-size: 12px;
    text-decoration: none;

    color: #949494;
}

aside .author_name{
	font-family: "Times New Roman", Georgia, Serif;
	font-weight: bold;
	line-height: 17px;
	text-transform: uppercase; 
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #737373;
	margin-top: 25px;
}

/* pour youtube*/

#main .thumb-photo {
	/*max-height: 437px;*/
	overflow: hidden;
	height: 394px;
}


#main .thumb-photo a{

}

#main footer{
	padding: 13px 15px 13px 10px;
	font-size: 19px;
	height: 14px;
}
#main footer .post-category{
	float: left;
	line-height: 14px;
}

#main footer .post-category a{
	color: #8C8C8C;
	text-decoration: none;
}

#main footer .partage_nombre{
	color: #8c8c8c;
	float: right;
	display: block;
	line-height: 15px;

}
#main footer .partage_nombre img{
	position: absolute;
	right: 0;
	top: 0;
}
#main footer .partage_bottons{
	float: right;
	display: none;
}

/*#main article:hover footer .partage_nombre{
	display: none;
}
#main article:hover footer .partage_bottons{
	display: block;
}*/

#main footer .partage_nombre span{
	font-size: 19px;
}


.navigation{
	text-align: center;
	padding-bottom: 20px;
	  
}

.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#ddd; border:1px solid #ddd; color:#fff; margin-right:4px; padding:4px 7px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ddd; color:#fff;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color: #fff;background: #6f6f6f; border:1px solid #DDD; margin-right:4px; padding:4px 7px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

#paginate .current {color: #fff;background: #6f6f6f; border:1px solid #DDD; margin-right:4px; padding:4px 7px;}
#paginate  a {background:#ddd; border:1px solid #ddd; color:#fff; margin-right:4px; padding:4px 7px; text-align:center; text-decoration:none;}
#paginate a:hover, #paginate a:active {background:#ddd; color:#fff;}



#main .author{
	margin: 20px 0;
}

#main .author .avatar{
	float:left;
	height: 140px;
	width: 140px;
}
#main .author .author-name{
	display: block;
	
	font-size: 30px;
	padding: 0px 20px 12px 0px;
	margin-left: 160px;
}

#main .author .description{
	
	font-size: 17px;
	color: #444444;
	font-weight: 400;
	line-height: 125%;
	padding: 15px 0px;
	display: block;
	text-align: justify;
	margin-left: 160px;
}


#main .author-button {
	display: block;
	margin: 0 -20px;
	padding: 5px 0px;
	text-align: center;
	text-decoration: none;
	background-color: #7c7c7c;
	color: #FFF;
	
	font-size: 28px;
}

footer{
	background-color: #FFF;
	max-width: 1100px;
	margin: auto;
	/*padding: 30px 0;*/
	position: relative;
}

footer .logo-mots{
	font-size: 23px;
	font-weight: 700;
}

footer .text{
	font-size: 13px;
	  
	color: #313131;
	float: left;
	width: 50%;
	padding: 0 5px;
	line-height: 16px;
}


footer .logos{
	float: right;
	width: 45%;
	padding: 0 5px;
}

footer .logos li{
	float:right;
	margin-left:25px;
}

footer .links{
	clear:right;
	float: right;
	font-size: 11px;
	  
	color: #313131;
	padding: 0 5px;
}

footer .links li{
	float:right;
	margin-left:25px;
}

footer .links a{
	color:#000;
	font-weight: 700;
	text-decoration: none;
}

footer .copyright{
	font-size: 13px;
	  
	color: #313131;
	text-align: center;
	padding-top: 20px;
}

footer .CG{
	position: absolute;
	right: 0px;
	bottom: 25px;
	font-size: 12px;
	  
	padding: 0 5px;

}

footer .CG a{
	color: #818181;
}

#related{
	max-width: 1100px;
	margin: 0 auto;

}
#related .related-title{
	font-size: 32px;
	text-align: center;
	height: 0px;
	display: block;
	border-top:5px solid #000;
	font-weight: 700;
	margin: 80px 0 40px 0;
}

#related .related-title span{
	font-size: 32px;
	text-align: center;
	height: 40px;
	font-weight: 700;
	margin: -20px auto 20px auto;
	background-color: #f7f7f7;
	display: block;
	width: 620px;
	font-family: "Lobster";
	color: #000;
}

#related .thumb-photo{
	margin: auto;
	width: 350px;
	position: relative;
	height: 230px;
}


#related .related-content{

}

#related .related-link a{
	color: #31b8fd;
}

#related .related-link{
	font-size: 18px;
	text-align: center;
	height: 40px;
	display: block;
	
	margin: 20px 0 30px 0;
	float: left;
	width: 100%;
}

#related article{
	float: left;
	box-sizing: border-box;
	width: 350px;
	height: 350px;
	margin-right:25px;
	margin-bottom: 13px;
}
#related article:nth-child(3), #related article:nth-child(6){
	margin-right: 0;
}

#related article h2{
	float: left;
	padding: 10px 0;
	font-size: 20px;
	
	font-weight: 700;
	text-align: center;
	display: block;
	width: 100%;
}

#related article h2 a{

	text-decoration: none;
	color: #000;
}

#related article h1{
	float: left;
	padding: 10px 0;
	font-size: 20px;
	
	font-weight: 700;
	text-align: center;
	display: block;
	width: 100%;
}

#related article h1 a{
	line-height: 25px;
	text-decoration: none;
	color: #000;
}

#related article a img{
	display: block;
	text-align: center;
	position: relative;

}

#related article a .partage_nombre{
	position: absolute;
	font-weight: 700;
	right: 0px;
	bottom: 0;
	color: #FFF;
	padding: 10px;
	background: rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	height: 36px;
}
#related article img{
	width: 350px;
	height: 230px;
}

/*color category tojo 18/02/15*/ 

#main article .post-category{
	color: #000;
}

.single .partage{
	color: #000;
}
.single .key-words-title {
	background-color: #000;
}
#the-content a{
	color:#000;
}



/*#main article.category-inspirant .color-sous-image{
	border-bottom: 5px solid #00db4d;
}
#main article.category-inspirant .post-category{
	color: #00db4d;
}
aside article.category-inspirant .image{
	border-bottom:3px solid #00db4d;
}
aside article.category-inspirant .partage_nombre{
	color:#00db4d;
}
.single #main .category-inspirant .partage{
	color: #00db4d;
}
.single .category-inspirant .key-words-title {
	background-color: #00db4d;
}
.category-inspirant #the-content a{
	color:#00db4d;
}



#main article.category-emouvant .color-sous-image {
	border-bottom: 5px solid #f66dff;
}
#main article.category-emouvant .post-category{
	color: #f66dff;
}
aside article.category-emouvant .image{
	border-bottom:3px solid #f66dff;
}
aside article.category-emouvant .partage_nombre{
	color:#f66dff;
}
.single .category-emouvant .partage{
	color: #f66dff;
}
.single .category-emouvant .key-words-title {
	background-color: #f66dff;
}
.category-emouvant #the-content a{
	color:#f66dff;
}



#main article.category-motivant .color-sous-image{
	border-bottom: 5px solid #ffc23f;
}
#main article.category-motivant .post-category{
	color: #ffc23f;
}
aside article.category-motivant .image{
	border-bottom:3px solid #ffc23f;
}
aside article.category-motivant .partage_nombre{
	color:#ffc23f;
}
.single .category-motivant .partage{
	color: #ffc23f;
}
.single .category-motivant .key-words-title {
	background-color: #ffc23f;
}
.category-motivant #the-content a{
	color: #ffc23f;
}


#main article.category-innovant .color-sous-image{
	border-bottom: 5px solid #3fc7ff;
}
#main article.category-innovant .post-category{
	color: #3fc7ff;
}
aside article.category-innovant .image{
	border-bottom:3px solid #3fc7ff;
}
aside article.category-innovant .partage_nombre{
	color:#3fc7ff;
}
.single .category-innovant .partage{
	color: #3fc7ff;
}
.single .category-innovant .key-words-title {
	background-color: #3fc7ff;
}
.category-innovant #the-content a{
	color:#3fc7ff;
}


#main article.category-shotup .color-sous-image{
	border-bottom: 5px solid #ff0000;
}
#main article.category-shotup .post-category{
	color: #ff0000;
}
aside article.category-shotup .image{
	border-bottom:3px solid #ff0000;
}
aside article.category-shotup .partage_nombre{
	color:#ff0000;
}
.single .category-shotup .partage{
	color: #ff0000;
}
.single .category-shotup .key-words-title {
	background-color: #ff0000;
}
.category-shotup #the-content a{
	color:#ff0000;
}
*/




/* >1100 */
@media(min-width:1100px){
	.shares-bas{
		display: none;
	}
	.main-menu li.menu {
		display: none;
	}
	#main{
  		
	}
}

@media(max-width:1100px){
	#main .thumb-photo {
		height: auto!important;
	}
}





@media(min-width:980px) and (max-width:1100px){
	
	.shares-bas{
		display: none;
	}
	.main-menu li.menu {
		display: none;
	}
	
	aside {
		
	}
	.main-menu li.dgv  {
		display: none;
	}

	.main-menu>li.submenu{
		
	}

	#main article header h2{
		display: block;
		
		font-size: 30px;
		padding: 10px;
		line-height: 35px;

	}
	#main article header h1{
		display: block;
		
		font-size: 30px;
		padding: 10px;
		line-height: 35px;

	}

	#main {
  		padding: 15px 14px 20px 15px;
  		float: none!important;
	}

	#main article{
		margin-bottom: 25px;
	}
	#main .adv{
		text-align: center;
		margin-bottom: 30px;
	}

	aside {
 		padding-top: 15px;
	}

	.single-share-text span {
		display: none;
	}
}


/* <980 */
@media(max-width:979px){
	
	.post-source {
		width: 100%;
	}

	.shares-bas{
		display: block;
	}
	.main-menu li.disparu {
		display: none;
	}
	aside{
		/*display: none;*/
	}
	#main{
  		margin-right:0;
  		padding: 20px 14px 20px 15px;
	}
	#main article header h2{
		display: block;
		
		font-size: 30px;
		padding: 5px 10px;
		line-height: 35px;
	}
	#main article header h1{
		display: block;
		
		font-size: 30px;
		padding: 5px 10px;
		line-height: 35px;
	}
	#main article{
		margin-bottom: 15px;
	}
	#main .adv {
		margin-bottom: 15px;
	}
	aside {
 		padding: 15px 10px;
	}

	#main footer{
		padding: 10px 10px;
		font-size: 15px;
		height: 15px;
	}

	footer .text{
		float: none;
		width: 98%;

	}


	footer .logos{
		float: none;
		width: 375px;
		margin: 20px auto 0 auto;

	}


	footer .links{
		margin: 10px auto 0px auto;
		float: none;
		width: 340px;
	}

	.single-share-text span {
		display: inline;
	}
	.post .PIN, .post .LI{
		display: block;
	}
	.partage_bottons .LIN{
		display:block;
	}
	#parent_thumb {
		float: right!important;
		width: 82%!important;
		margin: 0 0 10px 0!important;
	}
	#parent_thumb img{
		width: 100%;
	}
	body #parent_content {
		width: 100%;
		height: auto;
	}
	body #socialShareParent {
		left: 0;
		position: relative;
		margin-top: 10px;
	}

}


@media(max-width:639px){
	body #socialShareParent li {
		margin-left: 0px;
	}
	body #socialShareParent li#parent_fb{
		clear: both;
		margin-right: 7px;
	}
	body #socialShareParent li#parent_tw {
		margin-right: 7px;
	}
	body #socialShareParent li#parent_fb, body #socialShareParent li#parent_tw, body #socialShareParent li#parent_gplus{
		margin-top: 10px;
	}
	
	.main-menu li.logo{
		width: 200px;

	}
	li.logo img {
		width: 100%;
		margin: 6px 0 0 0;
	}
	footer .CG{
		bottom: 10px;
	}
	.single-post header h2 {
		padding: 20px 0 20px 0;
	}
	.single-post header h1 {
		padding: 20px 0 20px 0;
	}
	header h2 {
		font-size: 30px;
	}
	header h1 {
		font-size: 30px;
	}

	.search-form {
		width: 418px;
	}
	.top-search-wrapper {
		width: 265px;
	}
	.post .PIN, .post .LI{
		display: none;
	}

	.post .GP{
		display: none;
	}
	.partage_bottons .LIN{
		display:none;
	}
	.partage_bottons .GP{
		display:block;
	}
	.post .shares-haut div.FB {
		margin-left: 0px;
	}
	.post-source-title {
		clear: both;
	}
}


/*seulement pour single share text*/
@media(max-width:700px){
	.single-share-text {
		display: inline;
	}
	.single-share-text span {
		display: none;
	}
}

@media(max-width:500px){
	.single-share-text {
		display: none;
	}
}
/* pour related dans page d'aceuil*/

@media(max-width:740px){
	.relate_afficher {
		display: block;
	}
	.page-id-12745 #the-content, .page-id-2208 #the-content, .page-id-57912 #the-content{
		width: 100%;
	}
	.page-id-12745 #the-content img, .page-id-2208 #the-content img{
		width: 100%;
		height: auto;
	}
}
@media(min-width:740px){
	.relate_afficher {
		display: block;
	}
}


/* pour mobile */
@media(max-width:459px){
	.main-menu li.logos {
		display: none;
	}
	footer .CG{
		bottom: 10px;
	}
	.main-menu li.logo img {
		width: 100%;
		margin: 6px 0 0 0;
	}
	.main-menu li.logo {
		width: 200px;
	}
	.search-form {
		width: 318px;
	}
	.top-search-wrapper {
		width: 165px;
	}

	#main article header h2 {
		font-size: 23px;
		padding: 5px 10px;
		line-height: 23px;
	}
	#main article header h1 {
		font-size: 23px;
		padding: 5px 10px;
		line-height: 23px;
	}
	article header h2 {
		font-size: 20px;
		line-height: 24px;
	}
	article header h1 {
		font-size: 20px;
		line-height: 24px;
	}
	body.single #main {
		padding: 1px 15px;
	}
	header h2 {
		font-size: 25px;
		line-height: 28px;
	}
	header h1 {
		font-size: 25px;
		line-height: 28px;
	}
	.single-post header h2 {
		padding: 20px 0 20px 0;
	}
	.single-post header h1 {
		padding: 20px 0 20px 0;
	}
	#main .post p {
		padding: 8px 0;
	}
	.post .PIN, .post .LI, .post .GP{
		display: none;
	}
	.post .shares-haut .partage span ,.post .shares-bas .partage span{
		font-size: 18px;
	}
	.post .shares-haut .partage ,.post .shares-bas .partage {
		margin-left: 20px;
		float: left;
		margin-top: 5px;
		font-size: 26px;
	}
	.post .share .TW {
		/*width: 142px;*/
		width: 100px;
	}
	.partage_bottons .LIN{
		display:none;
	}
	.partage_bottons .GP, .trending_image {
		display:none;
	}
	.share-bas .partage {
		margin-left: 5px !important;
	}
	.post .shareCase {
		margin-left: 20px;
	}
	
}

@media(max-width:979px){
	 aside {
	 	display: none;
	 }
	 #main {
	 	padding-right: 15px;
	
	 }
	 #the-content {
	 	overflow: hidden;
	 }
}

@media(min-width:768px) and (max-width:1100px){
	.logo {
		padding-left: 10px !important;
	}
}

#lightbox{

	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #0a0a0a;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-pack: start;
	-moz-box-pack: start;
	-ms-box-pack: start;
	box-pack: start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-box-align: stretch;
	box-align: stretch;
	z-index: 10000;
	display: none;
}


#newsletter{
	background-image: url("images/newsletter/background.jpg");
	background-size: 100%;
}

#newsletter .text-image{
	position: absolute;
	left: 300px;
	top: 25px;
}
#newsletter .placeholder {
	color: #b8d4ff;
}

#newsletter .checkbox{
	color:#FFF;
	position: absolute;
	  
	font-size: 12px;
	font-weight: 700;
    -moz-text-shadow :1px 1px #000;
    -webkit-text-shadow :1px 1px #000;
    text-shadow :1px 1px #000;
}

#newsletter .checkbox a{
	color:#FFF;
}
#newsletter .checkbox p{
	display: inline;
	text-decoration: underline;
}
#newsletter .text {
	width: 487px;
	position: absolute;
	line-height: 14px;
	top: 3px;
	left: 25px;
}

#newsletter .line1{
	left:270px;
	top:259px;
}

#newsletter .line2{
	left:270px;
	top:296px;
}

#newsletter .input{
	position: absolute;
	left: 256px;
	top:331px;
	height: 53px;
	width: 304px;
	padding: 0px 18px;
	resize: none;
	border: 0px;
	background: url("images/newsletter/input-etape1.png") no-repeat;
	font-size: 20px;
	outline: 0;

}

::-webkit-input-placeholder { /* WebKit browsers */
	    color:    #b8d4ff;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	    color:    #b8d4ff;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	    color:    #b8d4ff;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
	    color:    #b8d4ff;
	}

#newsletter .submit{
	position: absolute;
	left: 597px;
	top:330px;
	width: 167px;
	height: 55px;
	resize: none;
	border: 0px;
	background: url("images/newsletter/button-etape1.png") no-repeat;
	outline: 0;

}

#newsletter2{
	background-image: url("images/newsletter/background.jpg");
	background-size: 100%;
}


#newsletter2 .text-image{
	position: absolute;
	left: 313px;
	top: 20px;
}

#newsletter2 .form{
	position: absolute;
	top:95px;
	left:330px;
	width: 358px;
	height: 215px;
	background-color: rgba(255,255,255,0.7);
	padding: 5px 10px;
	text-align: right;
	font-size: 14px;
	font-weight: 700;

}

#newsletter2 select{
	margin-top: 4px;
}

.birthday-picker{
	display: inline;
}

#newsletter2 label{
	clear: left;
	width: 135px;
	text-align: left;
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	  
	font-weight: 700;

}
#newsletter2 .text-field{
	width: 210px;
	float: right;
	text-align: left;
}
#newsletter2 .height{
	width: 214px;
	line-height: 30px;
}
#newsletter2 .text{
	margin: 5px 0;
}
#newsletter2 .birth-day,#newsletter2 .birth-month{
	width: 69px;
	margin-right: 3px;
}
#newsletter2 .birth-year{
	width: 70px;
}
#newsletter2 .submit2{
	position: absolute;
	left: 326px;
	top:330px;
	width: 386px;
	height: 55px;
	resize: none;
	border: 0px;
	background: url("images/newsletter/button-etape2.png") no-repeat;
	outline: 0;
}

#newsletter3{
	background-image: url("images/newsletter/background3.png");


}

#newsletter-like{
	background-image: url("images/newsletter/background-like.png");


}
#newsletter3 .text-image,#newsletter-like .text-image{
	position: absolute;
	top: 13px;
	left:70px;
}
#newsletter3 .bloc, #newsletter-like .bloc{
	
	font-size: 14px;
	font-weight: 700;
	color: #565656;
	background-color: #fff;
	position: absolute;
	border: 1px solid #c5c5c5;
}

#newsletter3 .fb, #newsletter-like .fb{
	width: 300px;
	height: 250px;
	top: 116px;
	left:80px;
}
#newsletter3 .tw, #newsletter-like .tw{
	width: 300px;
	height: 90px;
	top: 116px;
	left:400px;
}

#newsletter3 .tw .bouton, #newsletter-like .tw .bouton{
	position: absolute;
	top: 50px;
	left:15px;
}

#newsletter3 .gp, #newsletter-like .gp{
	width: 300px;
	height: 140px;
	top: 226px;
	left:400px;
}

#newsletter3 .text-position, #newsletter-like .text-position{
	position: absolute;
	left:15px;
	top:10px;
	width: 250px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 140px 0;
}

#newsletter3 .text, #newsletter-like .text{
	height: 20px;
	margin-right: 7px;
	vertical-align: middle;
	float: left;
}

#newsletter3 .tw .line, #newsletter-like .tw .line{
	height: 36px;
	width: 100%;
	border-bottom: 1px solid #c5c5c5;
}



#newsletter3 .gp .bouton, #newsletter-like .gp .bouton{
	position: absolute;
	top: 34px;
	line-height: 0;
}

#main img.imgLazy:hover {
	/*filter: brightness(40%);
    -webkit-filter: brightness(40%);
    -moz-filter: brightness(40%);
    -o-filter: brightness(40%);
    -ms-filter: brightness(40%);*/
}
.lapub {
	margin-bottom: 10px;
}
.img-unique-main {
	margin-top: 15px;
	clear: both;
}
#img-unique {
	padding: 15px;
	background-color: #000;
	overflow: hidden;
	text-align: center;
	margin-top:-5px;
}
#img-unique img{
	max-width: 100%;
	height: 100%;
}
#img-unique-meta {
	padding: 10px 0;
	color: #fff;
	font-family: 'Roboto',sans-serif;
    font-size: 15px;
    font-style: italic;
}
#img-unique-meta a{
	color: #fff;
	text-decoration: none;
}
#img-unique-meta #img-name{
	float: left;
}
#img-unique-meta #img-source{
	float: right;
}
.pubhome {
	margin-bottom: 20px;
	position: relative;
}

#backparent {
	padding: 20px;overflow: hidden;

}
#parent_thumb {
	float: left;
	width: 300px;
	margin:0 20px;
}
#parent_content {
	float: left;
	position:relative;
	height: 130px;
	width: 60%;
}
#parent_content h2{
	text-align: center;
	font-size: 28px;
	font-family: 'Noto Sans', sans-serif!important;
	line-height: 30px;
}
#parent_content h2 a{
	color: #000;
	text-decoration: none;
}
#prec_bt {
	float: left;
	margin-top: 40px;
	margin-left: 5px;
}
#socialShareParent {
	overflow:hidden;
	width: 100%;
	position:absolute;
	bottom: 0;
	left:20px;
}
#socialShareParent li{
	display: inline;
	float: left;
	margin-left:50px;
}
#socialShareParent li#Culture{
	color: #009229;
	font-weight: bold;
}
#socialShareParent li#Entreprise{
	color: #c574ff;
	font-weight: bold;
}
#socialShareParent li#Multimedia {
	color:#ff1000;
	font-weight: bold;
}
#socialShareParent li#Style {
	color:#ffbb00;
	font-weight: bold;
}
#socialShareParent li#Technologie {
	color:#4971f3;
	font-weight: bold;
}
.ntSponsored .aside_link {
	bottom: 0!important;
	margin-top: -5px;
}

/*masque sur image dans single*/
#main .ZoomBoxImg .mask {
	position: absolute;
   overflow: hidden;
	opacity: 0;
   	background: rgba(0,0,0,0.15);
   	transition: all 0.4s ease-in-out;
   	
}
#main .ZoomBoxImg:hover .mask {
   opacity: 1;  
}

/* tojo page widget 02/10/14*/
/*
@import url(//fonts.googleapis.com/css?family=Lobster);
@font-face {
  font-family: 'HelveticaNeueLTPro-Lt';
  src: url('fonts/HelveticaNeueLTPro-Lt.eot') format('embedded-opentype'),  url('fonts/HelveticaNeueLTPro-Lt.otf')  format('opentype'),
	     url('fonts/HelveticaNeueLTPro-Lt.woff') format('woff'), url('fonts/HelveticaNeueLTPro-Lt.ttf')  format('truetype'), url('fonts/HelveticaNeueLTPro-Lt.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueLTPro-Bd';
  src: url('fonts/HelveticaNeueLTPro-Bd.eot') format('embedded-opentype'),  url('fonts/HelveticaNeueLTPro-Bd.otf')  format('opentype'),
	     url('fonts/HelveticaNeueLTPro-Bd.woff') format('woff'), url('fonts/HelveticaNeueLTPro-Bd.ttf')  format('truetype'), url('fonts/HelveticaNeueLTPro-Bd.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

*/
.helveticaLight {
	font-family: 'HelveticaNeueLTPro-Lt';
}
body.page-template-widgettemplate-php #wrap{
	border-top: none;
}
#fondprincipal-widget {
	background-color: #f7f7f7;
	padding: 0;
}
#main-widget {
	padding: 47px 75px 65px 75px; 
}
.main-content-widget{
	text-align: center;
	margin-bottom: 72px;
	color: #000;
}
.main-content-widget #widget-pageTitle {
	color: #ff6000;
	font-size: 36px;
	font-family: 'Lobster', cursive;
	margin-bottom: 31px;
	margin-top: -4px;
}
.main-content-widget p {
	font-size: 20px;
	font-family: 'HelveticaNeueLTPro-Lt';
	line-height: 24px;
}
.main-content-widget p span{
	font-weight: bold;
}
#widget-left {
	float: left;
	display: block;
	width: 560px;
}
#widget-param .section-bloc {
	clear: both;
}

#widget-left h2.section-title {
	font-size: 24px;
	line-height: 18px;
	color: #000;
	font-family: 'Lobster', cursive;
}
#widget-left .section-content {
	padding: 29px 0 47px 32px;
	width: 476px;
}
#widget-left .section-content-appa {
	padding: 29px 0 23px 32px;
	width: 490px;
}
.section-content .contenu-colleft{
	float: left;
	width: 272px;
	padding: 0 30px 0 0px;
	margin-bottom: 10px;
}
.section-content .contenu-colright{
	float: right;
	width: 173px;
}
.section-content .contenuCategorie {
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
}
.section-content .contenuAlterner {
	clear: both;
}
.section-sep {
	margin-bottom: 20px;
}
.section-content .ApparenceOption {
	clear: both;
	margin-left: 50px;
}
.apparence-element {
	clear: both;
	margin-bottom: 15px;
}
.color-group {
}
.apparence-element .apparence-colleft {
	float: left;
	width: 200px;
}
.apparence-element .apparence-colright {
	float: right;
	width: 200px;
}
.section-content-appa .ApparenceOption {
	clear: both;
	margin-left: 50px;
	margin-bottom: 25px;
}
.section-bloc #generalApparence {
	height: 125px;
}
.section-bloc #apparenceArticle {
	height: 57px;
}
/* formulaire*/
*:focus {
    outline: none;
}
#widget-param input:focus,
#widget-param select:focus,
#widget-param textarea:focus,
#widget-param button:focus {
    outline: none;
}
#widget-param input[type='checkbox']{
	vertical-align: middle;
}
#widget-param input[type='text']{
	border:1px solid #d3d6db;
	padding: 7px 10px;
	height: 15px;
	margin: 6px 0 0 0;
	float: left;
}
#widget-param label.dessus {
	font-size: 15px;
	color:#5d6572;
}
#widget-param .catContainer {
	width: 33.333%;
	float: left;
	margin-bottom: 17px;
}
#widget-param .widgetTitle{
	width: 359px;
	margin-top: 5px!important;
}
#widget-param .widgetOption{
	width: 180px;
	margin-top: 7px!important;
}
#widget-param .widgetColorOptionBlack, #widget-param .widgetColorOptionWhite, #widget-param .widgetColorOption, #widget-param .widgetColorOptionGray {
	width: 148px;
}
#widget-param .copyCheck{
	margin-bottom: 18px;
}
#importBt {
	clear: both;
	text-align: center;
}
#importBt img{
	cursor: pointer;
}
#importBt a{
	border: none;
text-decoration: none;
color: #fff;
font-family: 'HelveticaNeueLTPro-Bd';
font-size: 26px;
text-transform: uppercase;
background-color: #ff6000;
padding: 20px 0px;
height: 20px;
display: block;
width: 572px;
margin-left: auto;
margin-right: auto;
line-height: 21px;
}

/*widget-right*/
#widget-right {
	padding-right: 15px;
	float: right;
	margin-top: 8px;

}
#widget-right .dgs_widget{
	float: right;
	margin-bottom: 40px;
}
.copy_text{
	font-family: 'HelveticaNeueLTPro-Lt';
	font-size: 12px;
	color: #a9a9a9;
}
/*popup*/

#popup_window{
padding: 10px;
background: #267E8A;
cursor: pointer;
color: #FCFCFC;
margin: 200px 0px 0px 200px;
}
.popup-overlay {
	z-index: 999;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 100%;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
.overlay .popup-overlay {
    opacity: 1;
    left: 0
}
.popup {
    position: fixed;
    top: 25%;
    z-index: -9999;
}
.popup .popup-body {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    opacity: 0;
    min-height: 220px;
    width: 540px;
    padding: 20px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    position: relative;
    -moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    -webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    text-align: center;
    border: 1px solid #e9e9e9;
}
.popup.visible, .popup.transitioning {
    z-index: 9999;
}
.popup.visible .popup-body {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.popup .popup-exit {
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    right: -10px;
    background: url("fancybox/croix.png") no-repeat;
 
}
.popup .popup-content {
    
}
.popup-content .popup-title {
    font-size: 24px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}
.popup-content p {
    font-size: 13px;
    text-align: justify;
}
.popup #code{
	width: 90%;
	margin: 10px auto;
	border: none;
	height:200px;
}
.divColor {
	width: 200px;
}

@media(max-width:1100px){
	#widget-left{
		float: none;
		margin-left:auto;
		margin-right: auto; 
	}
	#widget-right{
		width: 390px;
		float: none;
		margin: 0 auto;
		overflow: hidden;
	}
	#widget-right .dgs_widget{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}
@media(max-width:800px){
	.divColor {
		width: auto;
	}
	#widget-left{
		width: 100%;
	}
	#widget-left .section-content{
		padding-left: 0;
		padding-right: 0;
	}
	.section-content .contenu-colleft, .section-content .contenu-colright{
		width: 100%;
		padding: 0;
	}
	.section-content .ApparenceOption {
		margin-left: 0;
	}
	.apparence-element {
		clear: both;
		overflow: inherit;
	}
	#widget-param .widgetTitle {
		position: relative;
	}
	.apparence-element .apparence-colleft, .apparence-element .apparence-colright {
		width: 100%;
		float: none;
		clear: both;
	}
	.apparence-element .apparence-colleft {
		margin-bottom: 20px;
	}
	#importBt a{
		display: block;
	}
	#code-popup {
		left: auto !important;
	}
	.popup.visible .popup-body{
		margin: 0 auto;
	}
	#widget-right{
		width: 100%;
	}
}
@media (max-width: 979px){
	body.single #main{
		padding: 20px 14px 20px 14px;
		width: 100%!important
	}
	body.single .video {
		clear: both;
	}
}
/*adaptation header*/
@media (max-width: 480px){
	#trigger {
	    display: block;
	    position: absolute;
	}
	#soo-header-right {
	    margin-top: -38px;
	    right: 5px;
	}
	#soo-logo {
	    left: 5px;
	    width: 243px !important;
	}
}
/*New footer*/
footer{
	background-color: #FFF;
	max-width: 1100px;
	margin: auto;
	/*padding: 30px 0;*/
	position: relative;
}
.foot_soonetwork {
    border-top: none !important;
    margin-top: 0 !important;
    background: none repeat scroll 0% 0% #FFF;
}
.footer_description {
    color: #313131;
    font-size: 13px;
    line-height: 16px;
    padding-right: 30px;
    letter-spacing: 0.3px;
    margin-top: 2px;
    margin-left: 1px;
}
.footer_description > img {
	position: relative;
    top:7px !important;
}
.ar{
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
}
.grace{
	color: #313131;
	font-size: 13px;
	margin-left: 1px;
	margin-top: 15px;
	letter-spacing: 0.3px;
}
 .containerF{
   display: block;
	margin: auto;
	overflow: hidden;
	height: auto;
	max-width: 1100px;
}
.link-admin li{
	display:inline-block;
	position: relative;
}
.link-admin li:not(:first-child), .link-admin li:not(:last-child){
	margin-left: 12px;
	margin-right: 12px;
}
.link-admin li:not(:last-child):after{
	position: absolute;
	content: ".";
	right: -17px;
	top: -3px;
	color: #000;
}
.link-wrap {
    margin: 20px auto 0;
    text-align: center;
}
.link-admin li a{
	color: #606060;
	font-family: "noto sans";
	font-size: 13px;
	text-align: center;
	text-decoration: none;
}
#link-foot-outter{
	box-sizing: border-box;
	padding-top: 28px;
	padding-bottom: 28px;
	background-color: #F7F7F7;
	border-bottom: 2px solid #DDD;
}
.foot_soogeek {
    margin-top: 0px !important;
}
@media (max-width: 1200px){
	.footer_description {
	    padding-right: 0px;
	    text-align: justify;
	    -moz-text-align-last: left;
	}
}
@media (max-width: 1100px){
	.related-title, .related-content{
		display: none !important;
	}
}
#vsswf{
	display: none !important;
}
#tabs, #fb-div-new {
	display: none;
}
#tabs ul {
	width: 100%;
}
#tabs ul li {
	list-style-type: none;
	width: 50%;
	float: left !important;
	padding: 25px 0 0 0!important;
/*	border-bottom: 4px solid #d7ddeb;*/
}
#tabs ul li a {
	text-decoration: none;
	color: #818181;
	font-size: 14px;
}
.border-botton {
	background: #d7ddeb;*;
	height: 4px;
	margin-top: 15px !important;
}
.ui-tabs-active .border-botton {
	background-image: linear-gradient(60deg, #ffac1b, #ffd800);
	height: 4px;
	margin-top: 15px !important;
}
@media (max-width: 979px){
	#jPanelMenu-menu img{
		display: none !important;
	}
	.bar-separation{
		padding-left: 20px !important;
		height: 43px;
		color: #fff;
		line-height: 38px;
	}
}