@font-face { font-family: "Roboto Perso"; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('Roboto-Condensed'), url('/fonts/RobotoCondensed-Regular.woff2');  font-display: block;}
body {margin:0;background-color:#fff;font-family: "Roboto Perso", arial condensed;}
.container-outside {float:left;width:100%;position:relative;z-index:0;} 
.container {margin:0 auto;position:relative;z-index:1;} 
.container-inside {float:left;width:100%;background-color:white;position:relative;z-index:2;} 
/* COMMUN */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.sd-cmp-1pO44 {display:none!important;}

nav, footer, header {background-color:white;color:#4995d1;clear:both;float:left;}
#header-pub {position:relative;margin-top:0px;float:left;background-color:white;}
footer {float:left;display:block;margin-top:20px;color: #828282; font-size:13px; line-height:25px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; padding:15px 5px;}
#footer-under {float:left;margin:10px 0px 30px 0px;color:#828282; font-size:13px;line-height:25px;}
footer a,header a, header, #footer-under a {color:#828282; text-decoration:none;}
.page {margin-top:5px;padding:15px 3px 5px 3px;clear:both;float:left; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.25);}
.main-left {float:left;}
.main-right {float:left;}
h1 {clear:both;color: #555;font-size: 25px;font-weight: 700;font-family: "Roboto Perso",arial condensed;line-height: 25px;padding-bottom: 10px;border-bottom: 1px solid #f5f5f5;text-transform: none;}
h2 {color: #555;font-size: 15px;font-weight: 700;font-family: "Roboto Perso", arial condensed;line-height: 16px;padding-bottom: 8px;border-bottom: 1px solid #f5f5f5;text-transform: uppercase;}
#contenuArticle h2 {clear:both;}
.borderline {display:block;margin:0;position:relative;top:-14px;left:0px;width:40px;height:1px;background:#222;clear:both;}
.source {width:100%;text-align:right;font-size:0.9em;text-decoration:italic;clear:both;height:20px;}
.smaller {font-size:0.9em;}
.italic {text-decoration:italic;}
a:hover > .caption {background-color: rgba(81, 163, 255, 0.5);}
blockquote {position:relative;width:100%;background: #f5f5f7;padding: 25px 50px 25px 50px;margin: 25px 0;border: none;-webkit-border-radius: 6px 6px 6px 6px;border-radius: 6px 6px 6px 6px;}
blockquote footer {margin: 0 15px;padding: 0;border: none;background:none;}
blockquote p {font-size: 20px;line-height: 30px;font-style: italic;color: #222;quotes: "\201C" "\201D" "\2018" "\2019";}
blockquote:before {position: absolute;top: 20px;left: 15px;content: open-quote;font-size:60px;color: #999;}
blockquote:after {position: absolute;bottom: 10px;right: 15px;content: close-quote;font-size:60px;color: #999;}
.contenu {float:left;text-align:justify;color:#5c5c5c;line-height:28px;font-size:15px;width:100%;overflow:hidden;font-family: "Roboto Perso", arial condensed; }
/* twitter */
.twitter-tweet {margin:0 auto!important;clear:both;}
/* dailymotion */
#dailymotion-pip-large-viewport { --position-top: 0px; --position-left: 0px; min-width:328px !important; max-width:328px !important; min-height:185px !important;  max-height:185px !important; margin:3px !important; }
#dailymotion-pip-small-viewport {--position-top: 0px; height:180px !important; margin:0px !important;}
.ayads-passback {display:none;}
/* Stop Pub */
.carreStopPub {width:600px;margin:120px auto;height:425px;}
.carreStopPubInside {float:left;width: 100%;margin: auto auto; background-color:#fff;padding:20px;color:#000;text-align:center;}
/* Outils recherche */
.header-search {width: 100%;float: right;max-width: 16em;}
.formSingleInput {position: relative;}
.mask {position: absolute;clip: rect(1px,1px,1px,1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);padding: 0;border: 0;width: 1px;height: 1px;overflow: hidden;white-space: nowrap;}
input.formSingleInput-input {padding-left: .75rem;padding-right: 2.625rem;padding-top:0.5em;padding-bottom:0.5em;border-radius: 20em;border: 1px solid #e7e7e7;height: 2.25rem;line-height: 1.3;width: 100%;}
.formSingleInput-btn {position: absolute;top: 0;right: 0;bottom: 0;width: 2.625rem;border: 1px solid #b7b7b7;border-radius: 0 20em 20em 0;background-color: #b7b7b7;color: #4c4d4e;}
.formSingleInput-btn svg {margin-right: .375rem;font-size: 1.3125rem;height: 1em;width: 1em;}
svg {fill: currentColor;}
.btnSkin-transparent {color: #878787!important;background-color: transparent!important;border-color: transparent!important;line-height: 1.15;}
.btnSkin-transparent:enabled:hover, .btnSkin-transparent[href]:hover {color: #6c6c6c;background-color: transparent;border-color: transparent;}
.socialcount {margin-top:0px; margin-bottom:5px;list-style-type: none;padding-left: 0;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.socialcount li {color:#4c4d4e;margin-right: 0rem;margin-bottom: 0rem;text-align: center;line-height: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;}
.socialcount li a{color:#4c4d4e;}
.socialcount-facebook:hover{color:#4c64a0}
.socialcount-twitter:hover{color:#00a7e7}
.socialcount-youtube:hover{color:#eb3223}
.socialcount-dailymotion:hover{color:#2068d4}
.socialcount-flipboard:hover{color:#f52828}
.socialcount-instagram:hover{color:#ff0040}

abbr[title] {text-decoration: none;color:#4c4d4e;}
.socialcount-value {padding: 0 .25rem;margin-top: .1875rem;display: inline-block;background-color: #c7c7c7;border-radius: .1875rem;font-size: .7em;line-height: 1.4em;font-weight: 700;}
.header-icons {
    margin: 0;
    list-style: none;
    padding: 0 0 .6em;
}
.header-icons>li {
    display: inline-block;
    vertical-align: bottom;
}
.mbrs .mbrs-icon {
    font-family: Open Sans WebFont,Helvetica Neue,Helvetica,arial;
    display: inline-block;
    vertical-align: middle;
    border-radius: .5em;
    padding: .2em .3em;
    text-align: center;
    font-size: .6875em;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    transition: background-color .2s ease;
}
.mbrs .mbrs-btnSkin-community {
    color: #fff!important;
    border-color: #930b48!important;
    background-color: #930b48!important; 
}
.mbrs .mbrs-btnSkin-community:hover {background-color: #51a3ff!important;}
.mbrs .mbrs-icon-picto {
    display: block;
    width: 2.5em;
    height: 2.5em;
    margin: 0 auto;
    fill: currentColor;
}
.mbrs .mbrs-icon-label {
    display: block;
    line-height: 1em;
    padding: 0 .2em;
    text-transform: uppercase;
}
.breve{font-size:12px;text-decoration:none;display:block;width:100%;height:20px;overflow:hidden;padding:3px 0px;}
.logo-top {display:inline;height:96px;width:300px;} 
.logo-end {display:inline;height:96px;width:300px;}
.bannercontainer, .bannercontainer-lire {width:796px; aspect-ratio: 16 / 9; border:5px solid rgba(0, 0, 0, .60);font-family:'Open Sans',arial;} 
.bannercontainer_s {width:33.33%;min-height:145px;  aspect-ratio: 16 / 9; border:1px solid black;font-family:'Open Sans',arial;font-size:0.9em;}
.une_c {bottom:0;left:0;}
.une_c1 {bottom:50px;left:30px;font-size:1.5em;}
.caption_cate {float:left;color:white; padding:5px 12px; background-color:rgba(222,84,62,0.9); text-transform:uppercase; }
.bannercontainer_s .caption_cate {padding:2px 5px;}

@media (min-width: 300px) and (max-width:580px ) { 
.carreStopPub {width:100%;height:500px;}
.bannercontainer, .bannercontainer-lire {width:100%;} 
.bannercontainer_s {width:50%;min-height:140px;font-size:0.8em;}
.une_4 {display:none;}
.une_c1 {bottom:10px;left:10px;font-size:1em;}
}
@media (min-width: 581px) and (max-width:850px ) { 
.carreStopPub {width:100%;max-width:600px;height:500px;}
.bannercontainer-lire {width:100%;} 
.bannercontainer {width:50%;min-height:160px;height:100%;} 
.bannercontainer_s {width:50%;min-height:160px;font-size:0.9em;}
.une_c1 {bottom:0px;left:0px;font-size:0.9em;}
}
@media (min-width: 851px) and (max-width:1200px ) {
.bannercontainer-lire {width:100%;} 	
.bannercontainer {width:50%;min-height:140px;height:100%;} 
.bannercontainer_s {width:50%;min-height:140px;font-size:0.9em;}
.une_c1 {bottom:0px;left:0px;font-size:0.9em;}
}
@media (min-width: 1201px) { 
.stickySidePClong {min-height:15000px;} 
.stickySidePCcourt {min-height:3550px;}
.breve {font-size:12.5px;margin-left:2px;letter-spacing:-0.1px;}
.bannercontainer-lire {width:789px;}
.bannercontainer-lire .une_c1 {bottom:20px!important;}
}
/* MENU RESPONSIVE */
@-webkit-keyframes androidbugfix { from {padding:0} to {padding:0} } 
#menu {clear:both;float:left;margin-top:-3px;text-transform:uppercase;}
#menu label { color:#000; padding:0 0.25em; font:3.125em/1.375em Arial }
#menu .sub-nav .toggle { padding:0 0.3125em; font:2em/2em Arial; top:0; -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1) }
#header label:hover, #menu label:hover { color:#fff; }
#main-nav-check, #menu .sub-nav-check { position:absolute; top:-9999px; left:-9999px; }
.toggle {float:right; right:0.2em; top:30px; font-size:4em; cursor:pointer; color:#4896d6; }
#menu, #menu .sub-nav { position:absolute; top:0px; bottom:0; width:13.75em; background:#fff; z-index:9999;  }
#menu, #menu .sub-nav {   
	/*-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); */
	-webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease;
	}
#menu ul { background:#fff; line-height:2.5em; text-decoration:none; padding:0; list-style:none; margin-top:4.0625em; border-top:0px solid #444 }
#menu ul li ul {background:#fff;}
#menu li { border-bottom:0px solid #444 }
#menu li a { display:block; font-size:0.875em; padding-left:1.5em; color:#000; text-decoration:none }
#menu li a:hover, #menu .toggle-sub:hover { background:#fff }
#menu .sub-nav { margin-top:-1px;} 
#menu .sub-heading { margin-top:4.0625em; padding-left:1.3125em; color:#999 }
#menu .sub-heading:before { content:""; display:block; height:1px; width:13.75em; margin-left:-1.3125em; background:#fff }
#menu .toggle-sub { font:bold 1em/2.75em Arial;  background:#fff; float:right; margin-top:-2.75em; width:2.25em; border-left:0px solid #444; cursor:pointer; text-align:center }
#menu, #menu .sub-nav { -webkit-transform:translate3d(0,0,0) }
#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu,
#menu .sub-nav-check:checked ~ [id$="-sub"] /* matches all elements with id ending "-sub" */ { 
	-webkit-transform:translate(13.75em,0); -ms-transform:translate(13.75em,0); transform:translate(13.75em,0) 
	}
@media (max-width:850px ) {  .logo-top {display:inline;height:80px;width:250px;} .big {display:none;}  #menu, #menu .sub-nav {left:-13.75em; } .toggle-menu { margin-top:15px;} #menu ul, #menu ul li ul {height:600px;} .megaban_ca{height:60px!important;} }
@media (min-width:851px ) {
	.megaban_ca{height:250px!important;}
	.toggle-menu {display:none;}
	.big {display:block;}
	#header-pub {margin:10px 0px;}
	#menu, #menu .sub-nav { -webkit-transform:translate(0,0) !important; -ms-transform:translate(0,0) !important; transform:translate(0,0) !important }
	#menu label, #menu .sub-nav, #menu .sub-heading, #header label { display:none; }
	#menu {position:relative; top:0px;margin-right:auto;margin-left:auto; height:0; width:100%;height:52px; }
	#menu .toggle-sub { display:inline-block; margin-top:-3.05em; margin-right:0.25em; border-left:0; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) }
	#menu .toggle-sub, #menu .toggle-sub:hover { background:transparent }
	#menu ul ul .toggle-sub { margin-top:-2.75em; margin-right:0; border-left:0px solid #444; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg) }
	#menu ul li:hover > label { color:#000; }
	#menu > ul { margin: 0 auto; position:relative; z-index:1; display:inline-table; border-left:0px solid #444; border-right:0; font-size:1em; font-weight:700; }
	#menu ul:after { content:""; clear:both; display:block }
	#menu ul li { float:left; position:relative; text-align:left; border-left:0px solid #4fa9db } 
	#menu ul li a { padding:0.1em 3.75em 0.1em 1.5em }
	#menu ul li a:only-child { padding-right:1.5em }
	#menu ul li:hover > a {color:#444; -webkit-transition:background-color .1s ease; transition:background-color .1s ease }
	#menu ul li:hover > ul { display:block }
	#menu ul ul { position:absolute; left:0; margin-left:-1px }
	#menu ul ul li { float:inherit; width:20em; margin-left:1px; border-bottom:1px solid #4fa9db }
	#menu ul ul li a { color:#000; padding:0 1.5em }
	#menu ul ul li a:after { right:0.375em; margin-top:-1.6875em; -webkit-transform:none; -ms-transform:none; transform:none }
	#menu ul .sub-nav { top:auto; bottom:auto; left:auto; width:auto; margin-top:0; -webkit-transform:none !important; -ms-transform:none !important; transform:none !important }	
	#menu ul ul .sub-nav { float:left; top:0; left:13.75em; margin-left:0; margin-top:-1px }
	#menu ul .fly-left ul { left:-13.75em; margin-left:-2px }
	#menu ul .fly-left ul li { float:none }
	#menu ul .fly-left .toggle-sub { right:auto; left:0.5em; left:0.375em; padding-bottom:1px; border-right:1px solid #444; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg) }
	#menu ul .go-up > ul { top:auto; bottom:0; margin-bottom:-1px }
	.cat-black {border-top:3px solid black!important;} .cat-black:hover >a, .cat-black:hover >ul li a  {background:#222222!important;}
	.cat-red {border-top:3px solid #ef3434!important;} .cat-red:hover >a, .cat-red:hover >ul li a {background:#c13636!important;}
	.cat-purple {border-top:3px solid #cc62c8!important;} .cat-purple:hover >a, .cat-purple:hover >ul li a {background:#a0569e!important;}
	.cat-blue {border-top:3px solid #51a3ff!important;} .cat-blue:hover >a, .cat-blue:hover >ul li a {background:#4a84c4!important;}
	.cat-green {border-top:3px solid #5dc866!important;} .cat-green:hover >a, .cat-green:hover >ul li a {background:#55985b!important;}
}

.rank{background: #dde9ea; color:#2881b8; font-size:2em; -webkit-border-radius: 6px 0px 0px 6px;border-radius: 6px 0px 0x 6px;}

/* IMAGES */
.img-responsive {display:block;height:auto;width:100%;}
.img-rounded {border-radius: 6px;}
.img-circle {border-radius: 50%;}
.img-thumbnail {display: inline-block;height: auto;max-width: 100%;padding: 4px;line-height: 1.428571429;background-color: #ffffff;border: 1px solid #dddddd;border-radius: 4px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}


/* perso pub  */
@media only screen and (max-width: 727px) {
.winamax_big {display:none;}
.winamax_small {display:block;}
}
@media only screen and (min-width: 728px) {
.winamax_big {display:block;}
.winamax_small {display:none;}
}
/* Ecran mobile xxs */
@media (max-width: 320px) {
.container {width:100%;min-width: 320px;}
.breve{font-size:12px!important;}
.page{padding: 15px 0px 5px 0px!important;}
#taboola-below-article-thumbnails-widget {max-height:680px; overflow:auto;}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {float: left;}
.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666666666666%;
}

.col-xs-10 {
  width: 83.33333333333334%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666666666666%;
}

.col-xs-7 {
  width: 58.333333333333336%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666666666667%;
}

.col-xs-4 {
  width: 33.33333333333333%;
}

.col-xs-3 {
  width: 30%;
}

.col-xs-2 {
  width: 16.666666666666664%;
}

.col-xs-1 {
  width: 8.333333333333332%;
}
.col-xs-0 {
  display: none;
}

}

/* Ecran mobile xs */
@media (min-width: 340px) and (max-width: 479px) {
.container {width:100%;min-width: 350px;}
.breve {font-size:12px!important;}
.page {padding-left:0px!important;padding-right:0px!important;}
#taboola-below-article-thumbnails-widget	{max-height:680px;overflow:auto;}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666666666666%;
}

.col-xs-10 {
  width: 83.33333333333334%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666666666666%;
}

.col-xs-7 {
  width: 58.333333333333336%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666666666667%;
}

.col-xs-4 {
  width: 33.33333333333333%;
}

.col-xs-3 {
  width: 30%;
}

.col-xs-2 {
  width: 16.666666666666664%;
}

.col-xs-1 {
  width: 8.333333333333332%;
}
.col-xs-0 {
  display: none;
}
.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666666666666%;
}

.col-xs-pull-10 {
  right: 83.33333333333334%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666666666666%;
}

.col-xs-pull-7 {
  right: 58.333333333333336%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666666666667%;
}

.col-xs-pull-4 {
  right: 33.33333333333333%;
}

.col-xs-pull-3 {
  right: 30%;
}

.col-xs-pull-2 {
  right: 16.666666666666664%;
}

.col-xs-pull-1 {
  right: 8.333333333333332%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666666666666%;
}

.col-xs-push-10 {
  left: 83.33333333333334%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666666666666%;
}

.col-xs-push-7 {
  left: 58.333333333333336%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666666666667%;
}

.col-xs-push-4 {
  left: 33.33333333333333%;
}

.col-xs-push-3 {
  left: 30%;
}

.col-xs-push-2 {
  left: 16.666666666666664%;
}

.col-xs-push-1 {
  left: 8.333333333333332%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666666666666%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333333334%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666666666666%;
}

.col-xs-offset-7 {
  margin-left: 58.333333333333336%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666666666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333333333%;
}

.col-xs-offset-3 {
  margin-left: 30%;
}

.col-xs-offset-2 {
  margin-left: 16.666666666666664%;
}

.col-xs-offset-1 {
  margin-left: 8.333333333333332%;
}
}
/* Ecran tablette sm */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 100%;
  }
  #taboola-below-article-thumbnails-widget	{max-height:680px;overflow:auto;}
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-9 {
    width: 70%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-sm-3 {
    width: 30%;
  }
  .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-sm-1 {
    width: 8.333333333333332%;
  }
  .col-sm-0 {
  display: none;
}
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666666666666%;
  }
  .col-sm-pull-10 {
    right: 83.33333333333334%;
  }
  .col-sm-pull-9 {
    right: 70%;
  }
  .col-sm-pull-8 {
    right: 66.66666666666666%;
  }
  .col-sm-pull-7 {
    right: 58.333333333333336%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666666666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333333333%;
  }
  .col-sm-pull-3 {
    right: 30%;
  }
  .col-sm-pull-2 {
    right: 16.666666666666664%;
  }
  .col-sm-pull-1 {
    right: 8.333333333333332%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666666666666%;
  }
  .col-sm-push-10 {
    left: 83.33333333333334%;
  }
  .col-sm-push-9 {
    left: 70%;
  }
  .col-sm-push-8 {
    left: 66.66666666666666%;
  }
  .col-sm-push-7 {
    left: 58.333333333333336%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666666666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333333333%;
  }
  .col-sm-push-3 {
    left: 30%;
  }
  .col-sm-push-2 {
    left: 16.666666666666664%;
  }
  .col-sm-push-1 {
    left: 8.333333333333332%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-sm-offset-9 {
    margin-left: 70%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-sm-offset-3 {
    margin-left: 30%;
  }
  .col-sm-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333333333333332%;
  }
}
/* Ecran PC petit md */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .container {
    width: 100%;
  }
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-9 {
    width: 70%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-7 {
    width: 60%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 40%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-3 {
    width: 30%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .col-md-0 {
  display: none;
}
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666666666666%;
  }
  .col-md-pull-10 {
    right: 83.33333333333334%;
  }
  .col-md-pull-9 {
    right: 70%;
  }
  .col-md-pull-8 {
    right: 66.66666666666666%;
  }
  .col-md-pull-7 {
    right: 58.333333333333336%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666666666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333333333%;
  }
  .col-md-pull-3 {
    right: 30%;
  }
  .col-md-pull-2 {
    right: 16.666666666666664%;
  }
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666666666666%;
  }
  .col-md-push-10 {
    left: 83.33333333333334%;
  }
  .col-md-push-9 {
    left: 70%;
  }
  .col-md-push-8 {
    left: 66.66666666666666%;
  }
  .col-md-push-7 {
    left: 58.333333333333336%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666666666667%;
  }
  .col-md-push-4 {
    left: 33.33333333333333%;
  }
  .col-md-push-3 {
    left: 30%;
  }
  .col-md-push-2 {
    left: 16.666666666666664%;
  }
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-9 {
    margin-left: 70%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-3 {
    margin-left: 30%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }
}
/* Ecran PC large lg */
@media only screen and (min-width: 1200px) {
  .container {
    width: 1200px;
  }
  #cont_left {width:calc((100% - 1200px) / 2); height: 1000px;}
  #cont_right {width:calc((100% - 1200px) / 2); height: 1000px;}
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666666666666%;
  }
  .col-lg-10 {
    width: 83.33333333333334%;
  }
  .col-lg-9 {
    width: 70%;
  }
  .col-lg-8 {
    width: 66.66666666666666%;
  }
  .col-lg-7 {
    width: 58.333333333333336%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666666666667%;
  }
  .col-lg-4 {
    width: 33.33333333333333%;
  }
  .col-lg-3 {
    width: 30%;
  }
  .col-lg-2 {
    width: 16.666666666666664%;
  }
  .col-lg-1 {
    width: 8.333333333333332%;
  }
  .col-lg-0 {
  display: none;
}
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666666666666%;
  }
  .col-lg-pull-10 {
    right: 83.33333333333334%;
  }
  .col-lg-pull-9 {
    right: 70%;
  }
  .col-lg-pull-8 {
    right: 66.66666666666666%;
  }
  .col-lg-pull-7 {
    right: 58.333333333333336%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666666666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333333333%;
  }
  .col-lg-pull-3 {
    right: 30%;
  }
  .col-lg-pull-2 {
    right: 16.666666666666664%;
  }
  .col-lg-pull-1 {
    right: 8.333333333333332%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666666666666%;
  }
  .col-lg-push-10 {
    left: 83.33333333333334%;
  }
  .col-lg-push-9 {
    left: 70%;
  }
  .col-lg-push-8 {
    left: 66.66666666666666%;
  }
  .col-lg-push-7 {
    left: 58.333333333333336%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666666666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333333333%;
  }
  .col-lg-push-3 {
    left: 30%;
  }
  .col-lg-push-2 {
    left: 16.666666666666664%;
  }
  .col-lg-push-1 {
    left: 8.333333333333332%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-lg-offset-9 {
    margin-left: 70%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-lg-offset-3 {
    margin-left: 30%;
  }
  .col-lg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-lg-offset-1 {
    margin-left: 8.333333333333332%;
  }
}