html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration:none;
color:#666666
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
body
{
background:#F9F5F5;
font-family: 'Open Sans', sans-serif;
color: #666666;
font-size: 14px;
line-height: 1.3;
}
#globalsite
{
width:1028px;
height:auto;
margin:0 auto;
position:relative;
}
#head
{
width:100%;
height:150px;
}
#pubbig
{
width:100%;
height:100px;
padding:15px 0
}
.tophead
{
height:70px;
width:100%;
background:#F9F5F5;
z-index:999;
right:0px;
left:0px;
top:0px;
}
.tophead2
{
height:60px;
position:fixed;
width:100%;
background:#8dc349;
z-index:999;
right:0px;
left:0px;
top:0px;
box-shadow: 2px 2px 0px #e6e7e8;
display:none
}
.tophead_content
{
width:1028px;
margin:10px auto 0;
box-shadow: 2px 2px 0px #e6e7e8;
height:60px;
background:#8dc349 !important;
}
.tophead_content2
{
width:1028px;
height:60px;
background:#8dc349 !important;
margin:0 auto;
}
#logo
{
float:left;
width:190px;
padding:10px 0;
background:#FFF;
text-align:center;
height:40px
}
#langsite
{
width:105px;
float:left;
padding:15px 0;
text-align:center;
}
#langsite a
{
font-size:12px;
line-height:1.1;
color:#666666
}
.clrvert
{
color:#8BC53F !important
}
.clrgris
{
color:#666 !important
}
#menutop
{
width:500px;
height:60px;
float:left;
position:relative
}
#menutop li
{
float:left;
list-style:none
}
#menutop li a
{
display:block;
text-align:center;
float:left;
line-height:60px;
color:#fff;
font-family: 'Magra', sans-serif;
font-weight:700;
font-size:20px;
background:url(images/traitmenuhaut.png) right repeat-y
}
.arrawservice
{
background:url(images/arrow-grey.png) no-repeat center 37px;
}
#menutop ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 59px;
left: 345px;
float: left;
width: 100px;
z-index: 99999;
background:#8dc349;
}
#menutop ul ul ul {
left: 100%;
top: 0;
}
#menutop ul ul a {
background:#8dc349;
line-height: 1em;
padding: 8px 10px;
font-weight:400;
text-align:left;
width: 140px;
height: auto;
font-size:14px
}
#menutop li:hover > a,
#menutop ul ul :hover > a {
color:#006837
}
#menutop ul li:hover > ul {
display: block;
}
#menutop ul li.current_page_item > a,
#menutop ul li.current-menu-ancestor > a,
#menutop ul li.current-menu-item > a,
#menutop ul li.current-menu-parent > a {
text-decoration:underline;
}
* html #menutop ul li.current_page_item a,
* html #menutop ul li.current-menu-ancestor a,
* html #menutop ul li.current-menu-item a,
* html #menutop ul li.current-menu-parent a,
* html #menutop ul li a:hover {
text-decoration:underline;
}
#socialmedia
{
width:120px;
float:left;
height:60px
}
#socialmedia a
{
display:block;
height:60px;
float:left;
width:60px;
text-align:center ;
line-height:60px;
color:#fff;
font-size:24px;
background:url(images/traitmenuhaut.png) right repeat-y;
-webkit-animation-duration: 1s ;
animation-duration: 1s ;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#socialmedia a:hover
{
color:#006837;
}
#blocsearch
{
width:205px;
height:60px;
line-height:60px;
float:right
}
.searchblc
{
width:140px !important;
height:30px;
border:#8dc349 1px solid;
background:#8dc349;
padding:0 5px;
margin:14px 0 0 5px;
color:#fff;
line-height:26px;
font-size:22px;
float:left;
font-family: 'Magra', sans-serif;
font-weight:700;
}
#menubig
{
width:100%;
clear:both;
height:38px;
background:#b2b1b1;
margin-top:10px;
margin-bottom:10px
}
#menubig ul li
{
float:left;
list-style:none
}
#menubig ul li a
{
display:block;
padding:0 17px;
float:left;
line-height:38px;
text-align:center;
color:#fff;
font-family: 'Magra', sans-serif;
font-weight:700;
background:url(images/traitmenubas.png) repeat-y right
}
#menubig ul li a:hover, #menubig li a.selected
{
background:#8BC53F;
color:#FFF
}
#ban728
{
width:728px;
height:90px;
float:left;
background:#F9F5F5
}
#arabnews
{
width:298px;
height:90px;
background:#FFF;
float:right
}
#arabnews img
{
margin: 0!important;
padding: 0px!important;
border: none!important;
float:left
}
#blocacc
{
width:100%;
height:350px;
}
#blocacc360
{
width:368px;
height:350px;
background: center no-repeat;
float:left;
-webkit-background-size: auto 350px !important;
-khtml-background-size: auto 350px !important;
-o-background-size: auto 350px !important;
background-size: auto 350px !important;
}
#accfont
{
font-family: 'Magra', sans-serif;
font-weight:400;
}
#blocacc360bg
{
width:368px;
height:350px;
background:url(https://www.algerie360.com/autres/images-2/bloc-1-2.png);
}
#blocacc360bg:hover, .hoverAcc, #bloc360A135bg:hover, #blocacc100hbg:hover, #blocacc115hbg:hover, #blocacc180Bigbg:hover
{
-khtml-opacity:0.9 !important;
-moz-opacity : 0.9 !important;
-ms-filter: "alpha(opacity=60)" !important;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90) !important;
filter : alpha(opacity=90) !important;
opacity : 0.9 !important;
}
#blocacc360title
{
width:328px;
height:350px;
position:relative;
top:-340px;
left:20px
}
#T360tito
{
height:270px;
width:328px;
overflow:hidden !important
}
#T360A135tito
{
width:330px;
height:70px;
overflow:hidden !important
}
#T180Bigtito
{
width:160px;
height:145px;
overflow:hidden !important
}
#T115htito
{
width:160px;
height:80px;
overflow:hidden !important
}
#T100htito
{
width:160px;
height:58px;
overflow:hidden !important
}
#blocacc360title h2 a
{
font-family: 'Magra', sans-serif;
font-weight:700;
font-size:2em;
color:#FFF !important;
}
.infoart
{
color:#fff;
background:url(images/puce-png24.png) no-repeat 0 12px;
height:18px;
padding:10px 0 0 10px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif
}
.infoart a
{
color:#fff;
text-transform:capitalize;
font-family:Arial, Helvetica, sans-serif
}
#blocacc2-360
{
width:360px;
height:350px;
float:left
}
#bloc360A135
{
width:360px;
height:135px;
background:center top no-repeat;
-webkit-background-size: auto 360px !important;
-khtml-background-size: auto 360px !important;
-o-background-size: auto 360px !important;
background-size: auto 360px !important;
}
#bloc360A135bg
{
width:360px;
height:135px;
background:url(https://www.algerie360.com/autres/images-2/bloc-2.png)
}
#bloc360A135title
{
width:330px;
height:110px;
position:relative;
opacity :1;
top:-130px;
left:15px
}
#bloc360A135title h2 a
{
font-family: 'Magra', sans-serif;
font-weight:700;
font-size:18px;
color:#FFF !important
}
#blocacc180Big
{
width:180px;
height:215px;
background:center top;
float:left
}
#blocacc180Bigbg
{
width:180px;
height:215px;
background:url(https://www.algerie360.com/autres/images-2/bloc-3.png)
}
#blocacc180Bigtitle
{
width:160px;
height:215px;
position:relative;
opacity :1;
top:-205px;
left:10px
}
#blocacc180Bigtitle h2 a
{
font-family: 'Magra', sans-serif;
font-weight:700;
font-size:19px;
color:#FFF !important
}
#blocacc180split
{
width:180px;
height:215px;
float:right
}
#blocacc115h
{
width:180px;
height:115px;
background:center top;
}
#blocacc115hbg
{
width:180px;
height:115px;
background:url(https://www.algerie360.com/autres/images-2/bloc-4.png)
}
#blocacc115htitle
{
width:160px;
height:100px;
position:relative;
opacity :1;
top:-105px;
left:10px
}
#blocacc115htitle h2 a, #blocacc100htitle h2 a
{
font-family: 'Magra', sans-serif;
font-weight:700;
font-size:14px;
color:#FFF !important
}
#blocacc100h
{
width:180px;
height:100px;
background:center top;
}
#blocacc100hbg
{
width:180px;
height:100px;
background:url(https://www.algerie360.com/autres/images-2/bloc-5.png)
}
#blocacc100htitle
{
width:160px;
height:90px;
position:relative;
opacity :1;
top:-90px;
left:10px
}
#blocrighacctop
{
width:300px;
height:350px;
float:right;
}
#pub300250
{
width:300px;
height:auto;
}
.pub300250R
{
width:300px;
height:auto;
margin-bottom:15px;
clear:both
}
#meteoacc
{
width:286px;
height:70px;
background:#8BC53F;
padding:15px 7px;
}
#imgmeto
{
width:70px;
height:70px;
float:left;
background:center center
}
#tempmeto
{
width:75px;
height:70px;
line-height:70px;
color:#FFF;
font-size:52px;
float:left;
padding-left:5px;
}
#villechaneme
{
width:131px;
height:70px;
float:right;
}
#villenommeto
{
width:125px;
height:25px;
color:#FFF;
font-size:22px;
font-family: 'Magra', sans-serif;
font-weight:700;
overflow: hidden;
}
#MeteoSmena
{
width:100%;
clear:both;
height:15px;
line-height:15px;
padding-top:6px
}
#MeteoSmena a
{
font-size:12px;
color:#fff;
text-decoration:underline
}
.styled-select select {
background:#fff;
width:130px;
font-size: 13px;
border:none;
height: 20px;
color:#666;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.styled-select {
width: 100%;
clear:both;
padding:7px 0 0
}
#bigbloc2Acc
{
width:100%;
height:940px;
clear:both;
padding-top:20px;
overflow:hidden
}
.bloc720px
{
width:720px;
height:auto;
float:left
}
.blocleftacc
{
width:340px;
height:470px;
float:left;
}
.blocmiddleacc
{
width:340px;
height:470px;
float:left ;
padding:0 20px;
}
.blocrightacc
{
width:300px;
height:auto;
float:right
}
.topcathead
{
width:325px;
height:22px;
background:url(images/puce-verte-png24.png) 0 6px no-repeat;
line-height:22px;
padding-left:15px
}
.topcathead h4
{
width:140px;
float:left;
line-height:22px;
}
.topcathead h4 a
{
color:#8BC53F;
font-weight:400;
font-size:14px
}
.topcatheadR
{
width:165px;
height:22px;
float:right;
line-height:22px;
padding-top:11px;
}
.topcatheadR a
{
width:55px;
display:block;
text-align:center;
color:#8BC53F;
line-height:22px;
font-size:13px;
font-weight:400;
float:left;
font-family: 'Magra', sans-serif;
}
.topcatheadR a:hover, .topcatheadR a.selected
{
background:#8BC53F;
color:#fff
}
.bloc_acc_news
{
width:100%;
height:400px;
overflow:hidden;
padding:8px 0 0
}
.bloc_acc_news_sans
{
width:100%;
height:400px;
overflow:hidden;
}
.bloc360175
{
width:340px;
height:175px;
overflow:hidden;
-webkit-background-size: 340px auto !important;
-khtml-background-size: 340px auto !important;
-o-background-size: 340px auto !important;
background-size: 340px auto !important;
}
.bloc360175bg
{
width:340px;
height:175px;
background:#000;
-khtml-opacity:0.6;
-moz-opacity : 0.6;
-ms-filter: "alpha(opacity=60)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
filter : alpha(opacity=60);
opacity : 0.6;
}
.bloc360175title
{
width:310px;
height:155px;
position:relative;
top:-165px;
left:15px;
-khtml-opacity:1;
-moz-opacity : 1;
-ms-filter: "alpha(opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter : alpha(opacity=100);
opacity : 1;
}
.bloc360175 h3 a
{
font-family: 'Magra', sans-serif;
font-weight:700;
font-size:22px;
color:#FFF !important;
text-shadow: 2px 2px #333;
filter: Shadow(Color=#333, offx=2, offy=2); /* IE Proprietary Filter*/
}
.bloc360175 .infoart
{
text-shadow: 1px 1px #333;
font-size:12px;
}
.bloc_acc_news li a, .bloc_acc_news_sans li a
{
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
width:340px;
display:block;
color: #666666;
white-space: nowrap;
clear:both;
padding:0 !important;
margin:0 !important;
height:19px !important;
line-height:19px !important;
}
.bloc_acc_news li, .bloc_acc_news_sans li
{
clear:both;
width:100%;
overflow:hidden;
padding:8px 0 !important;
border-bottom:1px dotted #D3d3d3;
height:19px !important;
line-height:19px !important;
margin:0 !important
}
.cat_btm_new
{
width:100%;
clear:both;
text-align:right
}
.cat_btm_new a
{
font-size:11px
}
.cat_btm_new a:hover
{
color:#8BC53F
}
.hovercato
{
-khtml-opacity:0 !important;
-moz-opacity : 0 !important;
-ms-filter: "alpha(opacity=0)" !important;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0) !important;
filter : alpha(opacity=0) !important;
opacity : 0 !important;
}
#actudessin
{
width:300px;
height:175px;
background:#8BC53F;
clear:both;
margin-top:8px
}
.cariImg1
{
padding:13px 0;
float:left;
}
.cariImg2
{
padding:13px 6px;
float:left;
}
.cariImg3
{
padding:13px 0;
float:left;
}
.cariImg4
{
padding:0 6px;
float:left;
}
.cariImg5
{
padding:0;
float:left;
}
#fbbestshare
{
width:300px;
height:270px;
background:url(images/fond-bloc-fb.jpg) no-repeat bottom;
margin:15px 0;
clear:both
}
#fbbestshareTop
{
width:105px;
height:44px;
background:url(images/titre-bloc-fb.png) no-repeat top;
padding:24px 0 0 195px;
}
#fbbestshare ul
{
padding:0 15px;
width:270px
}
#fbbestshare li a
{
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
width:270px;
display:block;
color: #fff;
display:block;
white-space: nowrap;
}
#fbbestshare li
{
padding:6px 0;
border-bottom:1px dotted #fff ;
list-style:none
}
#abonnNewsletter
{
width:280px;
height:63px;
background:#8BC53F;
padding:10px;
clear:both;
margin-top:12px
}
#abonnNewsletter h4
{
font-size:15px;
font-weight:400;
color:#FFF;
margin-bottom:8px
}
.sendmenew
{
float:right;
width:45px;
height:27px;
background:#666;
border:1px solid #666;
font-size:14px;
color:#fff;
padding:0 !important
}
.textfieldNew
{
width:217px !important;
padding:1px 0 0 15px;
height:24px;
line-height:18px;
border:1px solid #666;
background:#fff;
color:#666;
float:left
}
#pubads300
{
width:300px;
height:250px;
clear:both;
margin-top:15px
}
#pubads300_int
{
width:300px;
height:250px;
clear:both;
margin:15px 0
}
#iconlastvideo
{
background:url(images/ico-video.png) #8BC53F no-repeat 210px center;
width:100%;
height:72px;
margin-top:15px
}
#iconlastvideo h4
{
padding:25px 0 0 30px;
background:url(images/puce-png24.png) no-repeat 15px 30px;
width:170px;
}
#iconlastvideo h4 a
{
color:#FFF;
font-size:22px;
font-weight:400;
line-height:25px
}
#lastvideoAcc
{
width:100%;
height:150px;
padding:12px 0;
clear:both;
border-top:10px solid #8BC53F;
border-bottom:10px solid #8BC53F;
}
#blocSousVideo
{
width:100%;
height:90px;
padding:15px 0;
clear:both
}
#pubsousVid
{
width:728px;
height:90px;
float:left
}
#btnemp_pra
{
width:280px;
height:90px;
float:right
}
#btn_Emploi
{
width:190px;
height:27px;
border:1px solid #999;
background:url(images/ico-emploi.png) no-repeat 10px 6px #ECE8E9;
padding:11px 10px 0 80px;
}
#btn_Emploi h2
{
background:url(images/puce-verte-png24.png) no-repeat right
}
#btn_Emploi h2 a
{
font-weight:400;
}
.autoacclk, .highacclk, .divtacclk, .femacclk, .secuacclk, .faisacclk, .natacclk, .ecoacclk
{
width:100px;
display:block;
color:#8BC53F;
line-height:30px;
font-size:14px;
font-weight:400;
float:left;
margin-right:20px;
background:url(images/puce-verte-png24.png) no-repeat 10px 10px;
padding-left:20px
}
.selecto, .autoacclk:hover, .highacclk:hover, .divtacclk:hover, .femacclk:hover
{
color:#fff;
background:no-repeat 10px 10px url(images/puce-png24.png) #8BC53F
}
.topcatheadbtm
{
width:100%;
height:30px;
line-height:30px;
}
#bgfooter
{
width:100%;
height:230px;
clear:both;
background:#8BC53F;
top:40px;
position:relative
}
#footer
{
width:1020px;
height:200px;
margin:0 auto;
padding:25px 0 0
}
.footer_bloc {
float: left;
margin-right: 30px;
width: 170px;
}
.footer_bloc h6 {
margin:0 0 10px;
font-family: 'Magra', sans-serif;
font-size: 16px;
color:#FFF;
font-weight:700;
}
#footer ul {
margin:0;
padding:0;
}
#footer li {
margin:0 0 3px;
padding:0 0 0 15px;
list-style:none;
background:url(images/puce-png24.png) 0 50% no-repeat;
}
#footer li a {
color:#f5f5f5;
font-size:13px;
}
#logo_bottom {
width:170px;
padding:25px 0 0;
float:right;
height:50px;
}
#titlepost
{
width:560px;
float:left;
position:relative;
overflow: hidden;
display: table;
height:110px;
padding-top:3px
}
#socialfbpost
{
width:100px;
float:right;
border-left:1px solid #ECE8E9;
padding-left:20px;
height:110px;
}
#centertit
{
display: table-cell;
vertical-align: middle;
width: 100%;
margin: 0 auto;
}
#titlepost h1 a
{
font-family: 'Magra', sans-serif;
font-weight:700;
font-size:30px;
color:#8BC53F;
line-height:105%;
}
.bloc700px
{
width:710px;
height:auto;
float:left
}
#NbJaime
{
width:100%;
color:#8BC53F;
font-family: 'Magra', sans-serif;
font-weight:700;
font-size:66px;
text-align:center;
height:55px;
line-height:55px;
padding-bottom:15px
}
#leftbarreart
{
width:180px;
height:auto;
float:left;
background:url(images/bloc-source-article.png) no-repeat top
}
.clearme
{
width:100%;
clear:both
}
.clearmesocial
{
width:100%;
clear:both;
padding:6px 0
}
.dateart
{
width:160px;
height:25px;
padding:0 10px;
line-height:25px;
color:#FFF;
font-size:11px
}
.logosource
{
width:177px;
padding:7px 0 10px 3px;
height:40px;
line-height:40px
}
#imgarti
{
width:180px;
clear:both;
height:310px;
padding:10px 0;
background:#fff;
overflow:hidden
}
#imgarti img
{
padding:0 10px 10px;
max-width:160px;
max-height:160px
}
#content
{
width:500px;
float:right;
font-size:16px;
line-height:1.5em;
color:#191919;
}
.img_adsense
{
display:none
}
/* =Images
-------------------------------------------------------------- */
#content a {
color:#8BC53F;
}
#content img {
margin: 0;
height: auto;
max-width: 650px;
width: auto;
}
#content .attachment img {
max-width: 650px;
}
#content .alignleft,
#content img.alignleft {
display: inline;
float: left;
margin-right: 15px;
margin-top: 4px;
}
#content .alignright,
#content img.alignright {
display: inline;
float: right;
margin-left: 15px;
margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
margin-bottom: 12px;
}
#content .wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
padding: 4px;
text-align: center;
}
#content .wp-caption img {
margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
}
#content .wp-smiley {
margin: 0;
}
#content .gallery {
margin: 0 auto 18px;
}
#content .gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
#content .gallery img {
border: 2px solid #666;
}
#content .gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
#content .gallery dl {
margin: 0;
}
#content .gallery img {
border: 10px solid #e1e1e1;
}
#content .gallery br+br {
display: none;
}
#content .attachment img { /* single attachment images should be centered */
display: block;
margin: 0 auto;
}
/* Text elements */
#content p {
margin-bottom: 18px;
}
#content ul {
list-style: square;
margin: 0 0 18px 1.5em;
}
#content ol {
list-style: decimal;
margin: 0 0 18px 1.5em;
}
#content ol ol {
list-style: upper-alpha;
}
#content ol ol ol {
list-style: lower-roman;
}
#content ol ol ol ol {
list-style: lower-alpha;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
margin-bottom: 0;
}
#content dl {
margin: 0 0 24px 0;
}
#content dt {
font-weight: bold;
}
#content dd {
margin-bottom: 18px;
}
#content strong {
font-weight: bold;
}
#content cite,
#content em,
i {
font-style: italic;
}
#content big {
font-size: 131.25%;
}
#content ins {
background: #ffc;
text-decoration: none;
}
#content blockquote {
font-style: italic;
padding: 0 3em;
}
#content blockquote cite,
#content blockquote em,
#content blockquote i {
font-style: normal;
}
#content pre {
background: #f7f7f7;
color: #222;
line-height: 18px;
margin-bottom: 18px;
padding: 1.5em;
}
#content abbr,
#content acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
#content sup,
#content sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
#content sup {
bottom: 1ex;
}
#content sub {
top: .5ex;
}
#content input[type="text"],
#content textarea {
background: #f9f9f9;
border: 1px solid #ccc;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
padding: 2px;
}
/* =Navigation
-------------------------------------------------------------- */
#socialmediabtn
{
width:100%;
text-align:center;
padding:15px 0 0;
}
#autresingle
{
width:100%;
padding:15px 0 0;
clear:both
}
#adssouspost
{
width:100%;
height:90px;
padding-bottom:15px;
overflow:hidden;
text-align:center
}
#AlireAussi
{
width:100%;
height:265px;
overflow:hidden
}
.simlaireArt
{
width:144px;
height:220px;
float:left;
padding-top:15px
}
.simlaireArt img, #commentaireArt img
{
padding-bottom:10px
}
.pand2
{
padding:15px 41px 0
}
.pand3
{
padding:15px 42px 0 0
}
#content div
{
}
#commentaireArt
{
width:100%;
min-height:130px;
padding:0 0 20px;
margin-top:20px;
clear:both
}
#titleTopsemaine h3, #actulive h3
{
font-family: 'Magra', sans-serif;
font-weight:700;
font-size:22px;
color:#8BC53F;
}
#bloctopsemaine
{
width:100%;
height:180px;
clear:both;
padding:6px 0 10px
}
.top_week_cat_bloc
{
width:340px;
height:180px;
background: center no-repeat;
float:left;
overflow:hidden;
-webkit-background-size: 340px auto !important;
-khtml-background-size: 340px auto !important;
-o-background-size: 340px auto !important;
background-size: 340px auto !important;
}
.top_week_cat_blocbg
{
width:340px;
height:180px;
background:#8BC53F;
-khtml-opacity:0.95;
-moz-opacity : 0.95;
-ms-filter: "alpha(opacity=95)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
filter : alpha(opacity=95);
opacity : 0.95;
}
.top_week_cat_blocgbg:hover, .hovertopwk
{
-khtml-opacity:0.6 !important;
-moz-opacity : 0.6 !important;
-ms-filter: "alpha(opacity=60)" !important;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60) !important;
filter : alpha(opacity=60) !important;
opacity : 0.6 !important;
}
.top_week_cat_bloctitle
{
width:300px;
height:160px;
position:relative;
top:-160px;
left:20px
}
.top_week_cat_bloc h3 a
{
font-family: 'Magra', sans-serif;
font-weight:700;
font-size:22px;
color:#FFF !important;
}
#bloc3cat
{
width:1028px;
/*border:1px solid #D3d3d3;*/
height:auto;
margin-top:10px;
clear:both;
/*background:url(images/ligne-340-trans.png) 340px 0 repeat-y;*/
}
#left-columnCat
{
width:342px;
float:left;
height:auto
}
#middle-columnCat
{
width:342px;
float:left;
height:auto;
}
#right-columnCat
{
width:344px;
float:right;
height:auto
}
.blocactucat
{
width:300px;
padding:0 10px 15px;
height:auto;
margin:0 0 30px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125);
overflow:hidden;
background:#FFF
}
.blocactucatpub
{
width:300px;
padding:10px;
height:auto;
margin:0 0 30px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125);
overflow:hidden;
background:#FFF
}
#middle-columnCat .blocactucat, #middle-columnCat .blocactucatpub
{
margin:0 10px 30px;
}
#right-columnCat .blocactucat, #right-columnCat .blocactucatpub
{
margin:0 0 30px 20px;
}
.blocactucat:hover
{
-webkit-box-shadow:1px 1px 1px 1px rgba(194,194,194,1);
-moz-box-shadow: 1px 1px 1px 1px rgba(194,194,194,1);
box-shadow: 1px 1px 1px 1px rgba(194,194,194,1);
}
.blocactucat:hover h2 a
{
color:#80bd37;
}
.blocactucat h2 a
{
font-family: 'Magra', sans-serif;
font-weight:700;
font-size:18px;
color:#444;
}
.blocactucat img
{
width:320px;
position:relative;
left:-10px;
}
.blocactucat .infoart a, .blocactucat .infoart
{
color:#666
}
.blocactucat .infoart a
{
font-weight: 700;
color:#8BC53F;
display:block;
position:absolute;
left:10px;
}
.blocactucat .infoart
{
background-image: none !important;
text-transform: capitalize;
border-bottom:1px solid #666;
padding: 0 10px!important;
height: 26px;
line-height: 26px;
width: 320px;
left: -10px;
position: relative;
margin: 10px 0 10px;
text-align:right;
clear:both
}
.blocactucat .infoart span
{
padding: 0 20px 0 0 ;
color:#cecece
}
.blocactucat p
{
font-size: 13px;
clear: both;
display: block;
padding: 8px 0 0 0;
}
#navigation
{
padding:20px 0 0;
width:100%;
clear:both
}
#navigation .alignright
{
width:180px;
height:38px;
float:left;
background:url(images/btn-precedent.png) no-repeat;
padding:0 25px;
line-height:38px;
}
#navigation .alignleft a
{
color:#FFF;
font-family: 'Magra', sans-serif;
font-weight:400;
font-size:18px
}
#navigation .alignleft
{
width:180px;
height:38px;
float:right;
padding:0 25px;
background:url(images/btn-suivant.png) no-repeat;
line-height:38px;
text-align:right
}
#navigation .alignright a
{
color:#FFF;
font-family: 'Magra', sans-serif;
font-weight:400;
font-size:18px
}
.bloc_achure {
border-bottom:1px dotted #D3d3d3;
padding:10px 0 8px 0;
margin:0 0 15px 0;
clear:both;
width:100% !important
}
#usp_list li
{
margin:0 0 10px 0;
padding:0px
}
#usp_list
{
margin:0 !important;
padding:0 !important
}
.speciemp
{
color: #8BC53F;
}
#usp_form input[type="text"]
{
width:95% !important;
clear:both !important
}
.tablo_slat
{
width:100%;
font-size:13px
}
.tablo_slat td
{
padding:13px 0;
border-right:1px dotted #8BC53F;
}
.tablo_slat td.heador
{
background:#8BC53F;
padding:10px 0;
color:#fff;
font-weight:bold
}
.tablo_slat td.textcentro
{
text-align:center
}
.tablo_slat td.sansbd
{
border-right:none
}
.tablo_slat td.vendr
{
background:url(images/Icon_djoumoua.png) no-repeat 10px 5px;
padding-left:35px !important
}
.salat_desc
{
width:700px;
padding:0 30px 20px !important;
height:50px;
margin-top:20px;
clear:both
}
.salat_desc_l
{
width:200px;
height:20px;
background:url(images/Prayer_icon.png) no-repeat 0 3px;
padding:8px 0 10px 30px;
float:left
}
.salat_desc_m
{
width:230px;
height:20px;
border-left:1px solid #111111;
border-right:1px solid #111111;
text-align:center;
float:left;
padding:8px 0 10px 0;
}
.salat_desc_r
{
width:230px;
height:20px;
text-align:center;
float: right;
padding:8px 0 10px 0;
}
.videoaccblc
{
width:144px;
height:150px;
float:left;
padding:0 13px;
overflow:hidden
}
.imgvidblc
{
width:144px;
height:70px;
background-position:center center;
overflow:hidden;
text-align:center;
margin-bottom:5px;
text-align:center;
padding-top:20px;
background-size: 100% auto !important;
}
.imgvidblc:hover
{
-khtml-opacity:0.5;
-moz-opacity : 0.5;
-ms-filter: "alpha(opacity=50)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
opacity : 0.5;
}
#contactto h3
{
color:#8BC53F;
}
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
color: #8BC53F !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover {
background-color: #eee;
border-color:#eee;
padding: 6px 20px !important;
}
#Catnomtop
{
width:100%;
height:60px;
padding:0;
line-height:60px;
padding-bottom:10px
}
#Catnomtop h2
{
color:#8BC53F;
font-family: 'Magra', sans-serif;
font-weight:700;
font-size:50px;
text-align:center;
text-transform:uppercase;
}
#CatnomtopSous
{
height:40px;
line-height:40px;
clear:both;
width:100%;
background:#fff
}
#CatnomtopSous ul
{
height:40px;
width:1028px;
margin:0 auto
}
#CatnomtopSous ul li
{
float:left;
list-style:none
}
#CatnomtopSous ul li a
{
color: rgb(178, 177, 177);
float:left;
display:block;
padding:0 14px;
font-size:18px;
font-family: 'Magra', sans-serif;
font-weight:700;
text-transform:capitalize
}
#CatnomtopSous ul li a:hover
{
color:#8BC53F;
}
#CatnomtopSous ul li a.bigclass
{
background:#8BC53F;
color:#fff;
}
.blocleftemploi
{
width:335px;
height:auto;
float:left;
}
.blocmiddlemploi
{
width:335px;
height:auto;
float:right;
padding:0;
}
.lastoffr360
{
width:100%;
height:260px;
overflow:hidden;
}
.lastoffr360 h2
{
padding:5px !important;
width:330px;
background:#8BC53F;
height:20px
}
.lastoffr360 h2 a ,#search_emploi h2 a
{
font-family: 'Magra', sans-serif;
line-height:20px;
font-size:16px;
font-weight:700px;
color:#FFF !important;
}
.lastoffr360 ul
{
padding:0px !important;
margin:0px !important
}
.lastoffr360 li a
{
color: #666666 !important;
display:block;
height:21px !important;
line-height:21px !important;
margin:0 !important;
padding:0 !important;
font-weight:400px
}
.lastoffr360 li
{
padding:7px 0 !important;
margin:0 !important;
border-bottom:1px dotted #D3d3d3 ;
height:19px !important;
line-height:19px !important;
overflow:hidden;
clear:both
}
#search_emploi
{
width:100%;
height:100px;
clear:both;
padding:15px 0;
border-bottom:1px solid #D3d3d3;
margin-bottom:20px
}
#search_emploi h2
{
padding:5px !important;
width:690px;
background:#8BC53F;
height:20px;
font-family: 'Magra', sans-serif;
line-height:20px;
font-size:16px;
font-weight:700px;
color:#FFF;
margin-bottom:15px
}
.tite_empl_sea
{
font-family: 'Magra', sans-serif;
font-size:16px;
font-weight:400px;
color:#8BC53F;
width:110px;
float:left
}
.tite_empl_sea2
{
font-family: 'Magra', sans-serif;
font-size:16px;
font-weight:400px;
color:#8BC53F;
width:180px;
float:left
}
.cate
{
width:220px;
float:left;
margin:0 25px 0 0;
}
.emploirechbtn
{
width:130px;
background:#8BC53F;
border:#8BC53F 1px solid;
height:25px;
font-family: 'Magra', sans-serif;
line-height:20px;
font-size:16px;
font-weight:700px;
color:#FFF;
clear:both;
margin:10px 0 0 270px
}
.fanbgFB
{
width:320px;
height:60px;
padding:0 10px 10px;
clear:both;
border-bottom:1px solid #D3d3d3;
}
.titlop
{
font-size:16px;
color: #8BC53F;
border-bottom:1px solid #d3d3d3;
}
.meteo_ul
{
width:140px;
float:left;
font-size:13px;
margin:0 !important;
padding:0 !important
}
.meteo_ul li
{
list-style:none;
background:url(images/puce-grise.png) no-repeat 0 4px;
padding:0 0 0 12px;
}
.meteo_ul li a
{
color: #333 !important;
text-decoration:none
}
.meteo_ul li a:hover
{
color:#8BC53F !important;
}
#feed_error {
position: fixed;
left: 0;
top: 300px;
height: 128px;
width: 30px;
background: #000000;
z-index: 999999;
display: block;
_position: absolute;
}
.test {
padding: 0;
overflow: visible;
}
#simplemodal-overlay {
background-color: #000;
cursor: wait;
}
#simplemodal-container {
height: 280px;
width: 610px;
background-color: #fff;
border: 3px solid #ccc;
padding: 0;
margin: 0;
}
a.simplemodal-close {
background: url(images/x.png) no-repeat;
width: 25px;
height: 29px;
display: inline;
z-index: 3200;
position: absolute;
top: -15px;
right: -18px;
cursor: pointer;
}
/* spéciale coupe du monde */
#liste_club {float: none; margin: 0 0; width:1020px; display: block; padding:15px 0 ; height:70px; margin:0 auto}
#liste_club fieldset {border: 1px solid #9ca7bb; width: 11.1%; float: left; margin: 0 0.25%; padding: 5px 0.35%;}
#liste_club legend{ margin : 0 auto; text-align:center; font-family: 'museo_sans900'; font-size: 0.8rem; color: #444b5d}
#liste_club fieldset legend a{ float: none; width: 75px; text-align: center; font-family: 'museo_sans900'; font-size: 0.8rem; color: #444b5d; padding: 0 2px; display: inline-block;}
#liste_club fieldset a{ text-align: center; float: left; width: 23%; font-family: 'interstateregular'; font-size: 17px; color: #9ca7bb; margin: 2px 1%; overflow: hidden}
#liste_club fieldset a img{ float: left; width: 100%;}
@font-face{font-family:'interstateregular';src:url('https://www.lequipe.fr/v6/fonts/interstate-font.eot');src:url('https://www.lequipe.fr/v6/fonts/interstate-font.eot?#iefix') format('embedded-opentype'),
url('https://www.lequipe.fr/v6/fonts/interstate-font.woff') format('woff'),
url('https://www.lequipe.fr/v6/fonts/interstate-font.ttf') format('truetype'),
url('https://www.lequipe.fr/v6/fonts/interstate-font.svg#interstate') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'museo_sans900';src:url('/v6/fonts/opensans.eot');src:url('https://www.lequipe.fr/v6/fonts/opensans.eot?#iefix') format('embedded-opentype'),
url('https://www.lequipe.fr/v6/fonts/opensans.woff') format('woff'),
url('https://www.lequipe.fr/v6/fonts/opensans.ttf') format('truetype'),
url('https://www.lequipe.fr/v6/fonts/opensans.svg#museo_sans900') format('svg');font-weight:normal;font-style:normal}
#alauneslideCm
{
width:700px;
height:400px;
float:left;
margin-top:15px
}
#rightblocunecm
{
width:300px;
height:400px;
float:right;
overflow:hidden;
margin-top:15px;
}
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 700px; /*width of featured content slider*/
height: 400px;
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0; /*leave as is*/
top: 0; /*leave as is*/
width: 700px; /*width of featured content slider*/
height: 400px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.titecmslide
{
padding: 8px 0 20px 10px;
height:45px;
border: 0;
background: #000;
background: rgba(0,0,0,0.7);
margin-top:215px
}
.titecmslide h2 a
{
font-family: 'Magra', sans-serif;
font-weight: 400;
font-size: 20px;
color: #FFF !important;
}
.titecmslide h2 a:hover
{
text-decoration:underline;
}
.paginationcm{
width: 700px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
position:absolute;
bottom:0;
height:115px;
z-index:990
}
.paginationcm a{
padding: 0 0;
display:block;
width:174px;
height:115px;
background:no-repeat center center;
background-size:174px auto !important;
float:left;
border-right: 1px solid #404339;
color:#fff
}
.paginationcm a span{
font-size: 12px;
display: inline-block;
padding: 6px 7px 4px !important;
width:160px;
max-width:160px;
overflow: hidden;
height: 30px;
display:block;
margin-top:75px;
background:#27282c;
display: -webkit-box;
line-height: 16px;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.paginationcm a:hover, .paginationcm a.selected{
text-decoration:underline;
}
#lastvideoAccCm
{
width:100%;
height:150px;
padding:10px 0;
clear:both;
}
.lastvideoCM
{
font-family: 'Magra', sans-serif;
font-weight: 700;
font-size: 20px;
color: #8BC53F !important;
margin:15px 0 5px
}
#bloceENCM
{
width:700px;
height:600px;
float:left;
border-top:#666666 5px solid
}
.blocimgACC
{
width:100%;
height:170px;
overflow:hidden;
padding-bottom:15px;
clear:both
}
.imgBlocimgR
{
width:295px;
float:right ;
height:170px;
}
.imgBlocimgL
{
width:295px;
float:left;
height:170px;
}
.TxtBlocimgR
{
width:390px;
float:left;
}
.TxtBlocimgL
{
width:390px;
float:right;
}
.blocimgACC a
{
color: #8BC53F
}
.blocimgACC h2
{
margin-bottom:10px
}
.blocimgACC h2 a
{
font-size: 18px;
font-family: 'Magra', sans-serif;
font-weight: 700;
color: #666666;
}
.titleh2max
{
max-height:55px;
padding-bottom:6px
}
.txtBlc310
{
width:100%;
height:130px;
}
.bloc160CM
{
width:164px;
float:left;
height:187px;
overflow:hidden;
font-size:12px
}
.bloc160CMimg
{
width:164px;
height:80px;
overflow:hidden;
background-position:center center;
background-size:100% auto !important;
margin-bottom:7px
}
.bloc160CM h4 a
{
font-size: 13px;
line-height:16px;
font-weight:bold;
color:#666
}
.bloc160CM h4
{
margin-bottom:7px
}
.bloc200AccM
{
padding:0 0 0 14px;
}
#blocrightENCM
{
width:300px;
height:auto;
float:right;
}
.sliderwrapper300{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 300px; /*width of featured content slider*/
height:410px;
background:#FFF
}
.sliderwrapper300 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0; /*leave as is*/
top: 0; /*leave as is*/
width: 300px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.paginationo{
width: 100px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align:center;
position:absolute;
height:19px;
top:3px;
}
.paginationo a{
padding: 0 5px;
text-decoration: none;
color: #666;
font-size: 14px;
font-weight: 700;
font-family: 'Magra', sans-serif;
}
.paginationo a:hover, .paginationo a.selected{
color: #8BC53F;
}
.paginationo a.toc
{
display:none;
color:#666;
}
.paginationo a.selected
{
display:inline
}
.actu_f_divo
{
width: 284px;
border-left: 1px solid #D3D9E5;
border-right: 1px solid #D3D9E5;
padding: 0 7px;
clear: both;
border-bottom: 1px solid #D3D9E5;
height: 40px;
/* line-height: 28px; */
overflow: hidden!important;
}
.actu_f_divo:hover{background-color:#e8e8e8}
.dato-flasho
{
width: 25px;
float: left;
padding: 0 0 7px 0 !important;
font-weight: bold;
line-height: 40px;
}
.titro_flasho
{
width: 235px;
float: right;
padding: 3px 0 7px 3px !important;
height: 34px;
line-height: 34px;
}
.titro_flasho a
{
font-size: 12px;
line-height: 17px;
display: inline-block;
vertical-align: middle;
}
.all_arts
{
text-align:right;
padding:3px 0 3px;
background:#e1e1e1;
clear:both;
position:relative;
background:#dedede;
height:18px;
width:100%
}
.headflashinfo
{
background:#8BC53F;
width:290px;
padding:0 0 0 10px;
font-size: 18px;
font-family: 'Magra', sans-serif;
font-weight: 700;
height:33px;
line-height:33px;
color:#fff;
}
.actu350cm
{
width:342px;
height:568px;
float:left;
border:1px solid #D3D9E5;
}
.bloc330x560
{
width:300px;
height:568px;
float:right;
}
.ligneactucm
{
width:322px;
height:50px;
padding:10px;
border-bottom:1px solid #D3D9E5;
}
.ligneactucmimg
{
height:50px;
width:90px;
background:center center no-repeat;
float:left
}
.ligneactucmtxt
{
width:222px;
height:50px;
overflow:hidden;
float:right;
font-size:12px;
line-height:16px
}
.ligneactucmtxt a
{
color:#666;
font-weight:bold
}
.galeryCm
{
width:298px;
border-left:1px solid #D3D9E5;
border-right:1px solid #D3D9E5;
border-bottom:1px solid #D3D9E5;
padding:0 0px;
height:236px;
background:#fff
}
img.galerieCm
{
width:64px;
height:64px;
float:left;
}
a.tip {
position: relative;
text-decoration: none;
width:64px;
height:64px;
float:left;
margin:6px 5px;
}
a.tip:hover:before {
display: block;
position: absolute;
padding: .5em;
content: attr(title);
min-width: 120px;
text-align: center;
width: auto;
height: auto;
white-space: nowrap;
top: -32px;
background: rgba(0,0,0,.75);
-moz-border-radius:10px;
-webkit-border-radius:5px;
border-radius:10px;
color: #fff;
font-size: .86em;
}
a.tip:hover:after {
position: absolute;
display: block;
content: "";
border-color: rgba(0,0,0,.8) transparent transparent transparent;
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top: -8px;
left:1em;
}
.headspecailCM {
background: #e9eef5 url(coupe-du-monde/images/bandeau-special-bresil.jpg) no-repeat;
width: 290px;
padding: 0 0 0 10px;
font-weight: 700;
height: 40px;
line-height: 40px;
color: #2D313A;
font-family: 'museo_sans900';
font-size: 18px;
text-transform: uppercase;
letter-spacing: -1px;
font-weight: normal;
}
.blocactucatCM
{
width:300px;
padding:15px 19px 20px 20px;
height:auto;
border-bottom:1px solid #D3d3d3;
overflow:hidden
}
#programme { position:relative; font-family: Arial,Helvetica,sans-serif;font-size:12px;line-height:1}
#div_pays .tous.list {float:none; width: auto;}
#div_pays .tous a:hover { }
#div_pays .list {float:left; width:25%;}
#div_pays .list a, #div_pays .tous a {display:block; font-size:11px;margin-left: 20px;padding:6px; cursor:pointer;}
#div_pays .list a:hover, #div_pays .list a.active { color:#8BC53F}
#div_pays {clear: both; margin-bottom: 20px;}
#open_pays {width:112px; height:14px; padding:4px 6px 0 0 ; line-height:14px; color:#9ca6b9; float:right; margin-bottom:1px;line-height: 21px; cursor: pointer;position: relative;top: -3px;}
#open_pays span{float:left; width: 25px; height:25px; margin-right:5px;background:url(https://www.lequipe.fr/v6/img/CM/sprite-calendrier-CM.png) no-repeat 0 0 transparent; background-position: 0 -27px;}
#open_pays:hover span, #open_pays.active span, #open_pays.active, #open_pays:hover {background-position: 0 -2px;color:#8BC53F;}
.onglet { clear:both; margin-bottom: 2px; overflow:hidden;cursor:pointer; height: 40px;}
.onglet ul li{display:inline-block; *display:inline; *zoom:1;padding:3px 7px;text-transform:uppercase;font-size:14px;color:#9ca6b9;font-family: 'interstateregular', Helvetica, Arial, sans-serif;font-size: 26px;}
.onglet ul li:first-child{margin-left: 0;}
.onglet ul li a{color:#9ca6b9; font-family: 'interstateregular', Helvetica, Arial, sans-serif;font-size: 26px;}
.onglet ul li a:hover {color: #8BC53F !important;}
#contenu #Classement { padding:0 !important}
#ResultatGroupe { margin-bottom:12px}#ResultatGroupe .heure { padding-right:4px}
#programme { *zoom:1;}
#programme h4 {background-color:#666;background-image:url(https://www.lequipe.fr/Football/CM2010/img/fond_h4_CDM.gif);color:#fff;padding:5px 8px 8px;}
#ResultatGroupe .date, #ResultatGroupe .lieu, #ResultatGroupe .date span, #ResultatGroupe .lieu span { text-align:left !important}
.input option {background-position:0 0;background-repeat:no-repeat;color:#828287;font-size:11px;padding-left:20px; height:18px}
#contenu .data .onglet { border-top:0}
.data { padding-top:11px}
.data h2 { padding:16px !important;}
#programme h4 { margin-top:8px}
.heurevide {width:39px}
.onglet ul li.active, .onglet ul li:hover {color:#8BC53F !important;border-bottom: 4px solid #8BC53F;}
#classement .exterieur{ padding-left: 5px; width: 285px !important}
#classement .rang{ width: 40px}
/** NEW STYLE **/
h5.grp, h5.mestre {float:left;height: 35px; line-height: 35px;}
#col-gauche {padding-top:0}
.ResultatGroupe {width: 100%;}
.ResultatGroupe .date {width: 14%;padding-left: 15px;}
section[data-compet="MAE"] .date {width: 5%;padding-left: 15px;}
.ResultatGroupe .lieu {width: 19%; color: #596273;}
section[data-compet="MAE"] .lieu {padding-left:15px;}
.ResultatGroupe .domicile, .ResultatGroupe .exterieur {width: 24%;}
.ResultatGroupe .tiret {width: 10%;text-align: center; position:relative;}
.ResultatGroupe .tiret .scorematch, .ResultatGroupe .tiret .heurematch {font-family: 'museo_sans900', Arial, sans-serif;}
.ResultatGroupe .tiret .heurematch {color:#7b8598; font-size:16px;}
.ResultatGroupe .tiret .scorematch{font-size:18px;}
.ResultatGroupe .domicile a.libelle, .ResultatGroupe .exterieur a.libelle {vertical-align: middle;}
.diffuseur {width: 15%;}
.diffuseur span {background: url(https://www.lequipe.fr/v6/img/sprite-tv.png) 0 0 no-repeat; width: 35px;display: block;height: 14px;}
.diffuseur span.tf1 {background-position: 0 -131px}
.diffuseur span.bein {background-position: 0 -2933px}
section[data-compet="MAE"] .diffuseur {width: 15%;}
section[data-compet="MAE"] .diffuseur img {max-width: 100%;}
.ResultatGroupe .domicile {text-align: right;}
.ResultatGroupe .flags {width:39px;}
.titre h1 {font-family: 'museo_sans900', Arial, sans-serif;font-size: 26px;text-transform: uppercase;margin-bottom: 15px;}
.share-tick {margin-bottom: 15px;}
.ResultatGroupe tr {height:45px;border-bottom: 1px solid #e9edf4;}
.ResultatGroupe td{vertical-align: middle;}
.ResultatGroupe .drapeau {width: 14px; position: relative; top: -1px;}
.ResultatGroupe .drapResDom {margin-left: 15px; margin-right: 0}
.ResultatGroupe .drapResExt {margin-right: 15px;}
.ResultatGroupe .equipe1 a.colorFRA, .ResultatGroupe .exterieur a.colorFRA, #div_pays .list a.colorFRA{
color:#3366FF!important;}
.newflags {position: relative; top: -1px;}
.newflags-mini {width: 13px;display: inline-block;margin-right: 8px;}
.vainq {font-weight: bold;}
.tiret .info-sup {position:absolute;font-size:9px; color: #596273;}
.tiret .info-sup.tab {bottom: 2px;left: 20px;}
.tiret .info-sup.prol {bottom: 2px;left: 27px;}
/* POUR MOBILE */
tr.mobile > td {height: 25px!important;}
/* POUR MATCHES AMICAUX */
.lib-groupe {font-size: 11px;font-weight: normal;}
/* patch ie7 */
/*.ResultatGroupe .exterieur a.libelle {*position:relative; *margin-left:37px; *top:6px; *zoom:1;}
.ResultatGroupe .drapResExt {*position:relative; *top:-7px;}*/
#div_pays .list {*width:24%;}
/* fin du patch */
/* sprite 24px */
.newflags { display: block; background: url('https://www.lequipe.fr/v6/img/flags/newflags.png?27032014a') no-repeat; width: 24px; height: 14px; background-size: 392px 240px;}
.newflags-mini { display: inline-block; *display:inline; *zoom:1; background: url('https://www.lequipe.fr/v6/img/flags/newflags-mini-14.png?27032014a') no-repeat; width: 14px; height: 8px; background-size: 224px 135px; vertical-align: middle;position: relative;top: -1px;}
.newflags-mini.ALG { background-position: -76px -0px; }
.newflags-mini.ALL { background-position: -91px -0px; }
.newflags-mini.ANG { background-position: -121px -0px; }
.newflags-mini.ARG { background-position: -151px -0px; }
.newflags-mini.AUS { background-position: -196px -0px; }
.newflags-mini.BAR { background-position: -61px -9px; }
.newflags-mini.BEL { background-position: -76px -9px; }
.newflags-mini.BRE { background-position: -181px -9px; }
.newflags-mini.BRN { background-position: -196px -9px; }
.newflags-mini.BRU { background-position: -1px -18px; }
.newflags-mini.BUF { background-position: -16px -18px; }
.newflags-mini.BUL { background-position: -31px -18px; }
.newflags-mini.BUR { background-position: -46px -18px; }
.newflags-mini.CAB { background-position: -61px -18px; }
.newflags-mini.CAM { background-position: -76px -18px; }
.newflags-mini.CAN { background-position: -91px -18px; }
.newflags-mini.CDN { background-position: -106px -18px; }
.newflags-mini.CDS { background-position: -121px -18px; }
.newflags-mini.CEI { background-position: -136px -18px; }
.newflags-mini.CHL { background-position: -151px -18px; }
.newflags-mini.CHN { background-position: -166px -18px; }
.newflags-mini.CHY { background-position: -181px -18px; }
.newflags-mini.CIV { background-position: -196px -18px; }
.newflags-mini.COL { background-position: -1px -27px; }
.newflags-mini.COM { background-position: -16px -27px; }
.newflags-mini.CPV { background-position: -31px -27px; }
.newflags-mini.CRI { background-position: -46px -27px; }
.newflags-mini.CRO { background-position: -61px -27px; }
.newflags-mini.CUB { background-position: -76px -27px; }
.newflags-mini.DAN { background-position: -91px -27px; }
.newflags-mini.DJI { background-position: -106px -27px; }
.newflags-mini.DOM { background-position: -121px -27px; }
.newflags-mini.EAU { background-position: -136px -27px; }
.newflags-mini.ECO { background-position: -151px -27px; }
.newflags-mini.EGY { background-position: -166px -27px; }
.newflags-mini.EQU { background-position: -181px -27px; }
.newflags-mini.ERY { background-position: -196px -27px; }
.newflags-mini.ESP { background-position: -1px -36px; }
.newflags-mini.EST { background-position: -16px -36px; }
.newflags-mini.ETH { background-position: -31px -36px; }
.newflags-mini.FID { background-position: -46px -36px; }
.newflags-mini.FIN { background-position: -61px -36px; }
.newflags-mini.FRA { background-position: -76px -36px; }
.newflags-mini.GAB { background-position: -91px -36px; }
.newflags-mini.GAL { background-position: -106px -36px; }
.newflags-mini.GAM { background-position: -121px -36px; }
.newflags-mini.GBR { background-position: -136px -36px; }
.newflags-mini.GEO { background-position: -151px -36px; }
.newflags-mini.GEQ { background-position: -166px -36px; }
.newflags-mini.GHA { background-position: -181px -36px; }
.newflags-mini.GRD { background-position: -196px -36px; }
.newflags-mini.GRE { background-position: -1px -45px; }
.newflags-mini.GUA { background-position: -16px -45px; }
.newflags-mini.GUB { background-position: -31px -45px; }
.newflags-mini.GUI { background-position: -46px -45px; }
.newflags-mini.GUY { background-position: -61px -45px; }
.newflags-mini.HAI { background-position: -76px -45px; }
.newflags-mini.HND { background-position: -91px -45px; }
.newflags-mini.HOL { background-position: -106px -45px; }
.newflags-mini.HON { background-position: -121px -45px; }
.newflags-mini.ILN { background-position: -136px -45px; }
.newflags-mini.IND { background-position: -151px -45px; }
.newflags-mini.INO { background-position: -166px -45px; }
.newflags-mini.IRL { background-position: -181px -45px; }
.newflags-mini.IRN { background-position: -196px -45px; }
.newflags-mini.IRQ { background-position: -1px -54px; }
.newflags-mini.ISL { background-position: -16px -54px; }
.newflags-mini.ISR { background-position: -31px -54px; }
.newflags-mini.ITA { background-position: -46px -54px; }
.newflags-mini.JAM { background-position: -61px -54px; }
.newflags-mini.JAP { background-position: -76px -54px; }
.newflags-mini.JOR { background-position: -91px -54px; }
.newflags-mini.KAZ { background-position: -106px -54px; }
.newflags-mini.KEN { background-position: -121px -54px; }
.newflags-mini.KIB { background-position: -136px -54px; }
.newflags-mini.KIR { background-position: -151px -54px; }
.newflags-mini.KOS { background-position: -166px -54px; }
.newflags-mini.KOW { background-position: -181px -54px; }
.newflags-mini.LAO { background-position: -196px -54px; }
.newflags-mini.LBR { background-position: -1px -63px; }
.newflags-mini.LBY { background-position: -16px -63px; }
.newflags-mini.LES { background-position: -31px -63px; }
.newflags-mini.LET { background-position: -46px -63px; }
.newflags-mini.LIB { background-position: -61px -63px; }
.newflags-mini.LIE { background-position: -76px -63px; }
.newflags-mini.LIT { background-position: -91px -63px; }
.newflags-mini.LUX { background-position: -106px -63px; }
.newflags-mini.MAC { background-position: -121px -63px; }
.newflags-mini.MAD { background-position: -136px -63px; }
.newflags-mini.MAL { background-position: -151px -63px; }
.newflags-mini.MAR { background-position: -166px -63px; }
.newflags-mini.MAU { background-position: -181px -63px; }
.newflags-mini.MCO { background-position: -196px -63px; }
.newflags-mini.MDI { background-position: -1px -72px; }
.newflags-mini.MEX { background-position: -16px -72px; }
.newflags-mini.MGL { background-position: -31px -72px; }
.newflags-mini.MHL { background-position: -46px -72px; }
.newflags-mini.MIC { background-position: -61px -72px; }
.newflags-mini.MLI { background-position: -76px -72px; }
.newflags-mini.MLT { background-position: -91px -72px; }
.newflags-mini.MNE { background-position: -106px -72px; }
.newflags-mini.MOL { background-position: -121px -72px; }
.newflags-mini.MOZ { background-position: -136px -72px; }
.newflags-mini.MRI { background-position: -151px -72px; }
.newflags-mini.MWI { background-position: -166px -72px; }
.newflags-mini.MYA { background-position: -181px -72px; }
.newflags-mini.NAM { background-position: -196px -72px; }
.newflags-mini.NAU { background-position: -1px -81px; }
.newflags-mini.NEP { background-position: -16px -81px; }
.newflags-mini.NGA { background-position: -31px -81px; }
.newflags-mini.NIC { background-position: -46px -81px; }
.newflags-mini.NIG { background-position: -61px -81px; }
.newflags-mini.NOR { background-position: -76px -81px; }
.newflags-mini.NZL { background-position: -91px -81px; }
.newflags-mini.OMN { background-position: -106px -81px; }
.newflags-mini.OUG { background-position: -121px -81px; }
.newflags-mini.OUZ { background-position: -136px -81px; }
.newflags-mini.PAK { background-position: -151px -81px; }
.newflags-mini.PAN { background-position: -166px -81px; }
.newflags-mini.PAR { background-position: -181px -81px; }
.newflags-mini.PER { background-position: -196px -81px; }
.newflags-mini.PHI { background-position: -1px -90px; }
.newflags-mini.PLW { background-position: -16px -90px; }
.newflags-mini.PNG { background-position: -31px -90px; }
.newflags-mini.POL { background-position: -46px -90px; }
.newflags-mini.POR { background-position: -61px -90px; }
.newflags-mini.QAT { background-position: -76px -90px; }
.newflags-mini.RCA { background-position: -91px -90px; }
.newflags-mini.RDC { background-position: -106px -90px; }
.newflags-mini.RDO { background-position: -121px -90px; }
.newflags-mini.ROU { background-position: -136px -90px; }
.newflags-mini.RTC { background-position: -151px -90px; }
.newflags-mini.RUS { background-position: -166px -90px; }
.newflags-mini.RWA { background-position: -181px -90px; }
.newflags-mini.SAL { background-position: -196px -90px; }
.newflags-mini.SAM { background-position: -1px -99px; }
.newflags-mini.SAN { background-position: -16px -99px; }
.newflags-mini.SEM { background-position: -31px -99px; }
.newflags-mini.SEN { background-position: -46px -99px; }
.newflags-mini.SER { background-position: -61px -99px; }
.newflags-mini.SEY { background-position: -76px -99px; }
.newflags-mini.SIE { background-position: -91px -99px; }
.newflags-mini.SIN { background-position: -106px -99px; }
.newflags-mini.SKN { background-position: -121px -99px; }
.newflags-mini.SLM { background-position: -136px -99px; }
.newflags-mini.SLQ { background-position: -151px -99px; }
.newflags-mini.SLU { background-position: -166px -99px; }
.newflags-mini.SLV { background-position: -181px -99px; }
.newflags-mini.SLN { background-position: -181px -99px; }
.newflags-mini.SOM { background-position: -196px -99px; }
.newflags-mini.SOU { background-position: -1px -108px; }
.newflags-mini.SRI { background-position: -16px -108px; }
.newflags-mini.STP { background-position: -31px -108px; }
.newflags-mini.SUE { background-position: -46px -108px; }
.newflags-mini.SUI { background-position: -61px -108px; }
.newflags-mini.SUR { background-position: -76px -108px; }
.newflags-mini.SVG { background-position: -91px -108px; }
.newflags-mini.SWA { background-position: -106px -108px; }
.newflags-mini.SYR { background-position: -121px -108px; }
.newflags-mini.TAI { background-position: -136px -108px; }
.newflags-mini.TAN { background-position: -151px -108px; }
.newflags-mini.TCA { background-position: -166px -108px; }
.newflags-mini.THA { background-position: -181px -108px; }
.newflags-mini.TIM { background-position: -196px -108px; }
.newflags-mini.TJK { background-position: -1px -117px; }
.newflags-mini.TOG { background-position: -16px -117px; }
.newflags-mini.TON { background-position: -31px -117px; }
.newflags-mini.TRI { background-position: -46px -117px; }
.newflags-mini.TUK { background-position: -61px -117px; }
.newflags-mini.TUN { background-position: -76px -117px; }
.newflags-mini.TUR { background-position: -91px -117px; }
.newflags-mini.TUV { background-position: -106px -117px; }
.newflags-mini.UKR { background-position: -121px -117px; }
.newflags-mini.URS { background-position: -136px -117px; }
.newflags-mini.URU { background-position: -151px -117px; }
.newflags-mini.USA { background-position: -166px -117px; }
.newflags-mini.VAN { background-position: -181px -117px; }
.newflags-mini.VEN { background-position: -196px -117px; }
.newflags-mini.VIE { background-position: -1px -126px; }
.newflags-mini.YEM { background-position: -16px -126px; }
.newflags-mini.ZAM { background-position: -31px -126px; }
.newflags-mini.ZIM { background-position: -46px -126px; }
.newflags.AAA { background-position: -2px -0px; }
.newflags.AFG { background-position: -28px -0px; }
.newflags.AFS { background-position: -54px -0px; }
.newflags.AGO { background-position: -80px -0px; }
.newflags.ALB { background-position: -106px -0px; }
.newflags.ALG { background-position: -132px -0px; }
.newflags.ALL { background-position: -158px -0px; }
.newflags.AND { background-position: -184px -0px; }
.newflags.ANG { background-position: -210px -0px; }
.newflags.ANT { background-position: -236px -0px; }
.newflags.ARG { background-position: -262px -0px; }
.newflags.ARM { background-position: -288px -0px; }
.newflags.ARS { background-position: -314px -0px; }
.newflags.AUS { background-position: -340px -0px; }
.newflags.AUT { background-position: -2px -16px; }
.newflags.AZE { background-position: -28px -16px; }
.newflags.BAH { background-position: -54px -16px; }
.newflags.BAN { background-position: -80px -16px; }
.newflags.BAR { background-position: -106px -16px; }
.newflags.BEL { background-position: -132px -16px; }
.newflags.BEN { background-position: -158px -16px; }
.newflags.BLR { background-position: -184px -16px; }
.newflags.BLZ { background-position: -210px -16px; }
.newflags.BOL { background-position: -236px -16px; }
.newflags.BOS { background-position: -262px -16px; }
.newflags.BOT { background-position: -288px -16px; }
.newflags.BRE { background-position: -314px -16px; }
.newflags.BRN { background-position: -340px -16px; }
.newflags.BRU { background-position: -2px -32px; }
.newflags.BUF { background-position: -28px -32px; }
.newflags.BUL { background-position: -54px -32px; }
.newflags.BUR { background-position: -80px -32px; }
.newflags.CAB { background-position: -106px -32px; }
.newflags.CAM { background-position: -132px -32px; }
.newflags.CAN { background-position: -158px -32px; }
.newflags.CDN { background-position: -184px -32px; }
.newflags.CDS { background-position: -210px -32px; }
.newflags.CEI { background-position: -236px -32px; }
.newflags.CHL { background-position: -262px -32px; }
.newflags.CHN { background-position: -288px -32px; }
.newflags.CHY { background-position: -314px -32px; }
.newflags.CIV { background-position: -340px -32px; }
.newflags.COL { background-position: -2px -48px; }
.newflags.COM { background-position: -28px -48px; }
.newflags.CPV { background-position: -54px -48px; }
.newflags.CRI { background-position: -80px -48px; }
.newflags.CRO { background-position: -106px -48px; }
.newflags.CUB { background-position: -132px -48px; }
.newflags.DAN { background-position: -158px -48px; }
.newflags.DJI { background-position: -184px -48px; }
.newflags.DOM { background-position: -210px -48px; }
.newflags.EAU { background-position: -236px -48px; }
.newflags.ECO { background-position: -262px -48px; }
.newflags.EGY { background-position: -288px -48px; }
.newflags.EQU { background-position: -314px -48px; }
.newflags.ERY { background-position: -340px -48px; }
.newflags.ESP { background-position: -2px -64px; }
.newflags.EST { background-position: -28px -64px; }
.newflags.ETH { background-position: -54px -64px; }
.newflags.FID { background-position: -80px -64px; }
.newflags.FIN { background-position: -106px -64px; }
.newflags.FRA { background-position: -132px -64px; }
.newflags.GAB { background-position: -158px -64px; }
.newflags.GAL { background-position: -184px -64px; }
.newflags.GAM { background-position: -210px -64px; }
.newflags.GBR { background-position: -236px -64px; }
.newflags.GEO { background-position: -262px -64px; }
.newflags.GEQ { background-position: -288px -64px; }
.newflags.GHA { background-position: -314px -64px; }
.newflags.GRD { background-position: -340px -64px; }
.newflags.GRE { background-position: -2px -80px; }
.newflags.GUA { background-position: -28px -80px; }
.newflags.GUB { background-position: -54px -80px; }
.newflags.GUI { background-position: -80px -80px; }
.newflags.GUY { background-position: -106px -80px; }
.newflags.HAI { background-position: -132px -80px; }
.newflags.HND { background-position: -158px -80px; }
.newflags.HOL { background-position: -184px -80px; }
.newflags.HON { background-position: -210px -80px; }
.newflags.ILN { background-position: -236px -80px; }
.newflags.IND { background-position: -262px -80px; }
.newflags.INO { background-position: -288px -80px; }
.newflags.IRL { background-position: -314px -80px; }
.newflags.IRN { background-position: -340px -80px; }
.newflags.IRQ { background-position: -2px -96px; }
.newflags.ISL { background-position: -28px -96px; }
.newflags.ISR { background-position: -54px -96px; }
.newflags.ITA { background-position: -80px -96px; }
.newflags.JAM { background-position: -106px -96px; }
.newflags.JAP { background-position: -132px -96px; }
.newflags.JOR { background-position: -158px -96px; }
.newflags.KAZ { background-position: -184px -96px; }
.newflags.KEN { background-position: -210px -96px; }
.newflags.KIB { background-position: -236px -96px; }
.newflags.KIR { background-position: -262px -96px; }
.newflags.KOS { background-position: -288px -96px; }
.newflags.KOW { background-position: -314px -96px; }
.newflags.LAO { background-position: -340px -96px; }
.newflags.LBR { background-position: -2px -112px; }
.newflags.LBY { background-position: -28px -112px; }
.newflags.LES { background-position: -54px -112px; }
.newflags.LET { background-position: -80px -112px; }
.newflags.LIB { background-position: -106px -112px; }
.newflags.LIE { background-position: -132px -112px; }
.newflags.LIT { background-position: -158px -112px; }
.newflags.LUX { background-position: -184px -112px; }
.newflags.MAC { background-position: -210px -112px; }
.newflags.MAD { background-position: -236px -112px; }
.newflags.MAL { background-position: -262px -112px; }
.newflags.MAR { background-position: -288px -112px; }
.newflags.MAU { background-position: -314px -112px; }
.newflags.MCO { background-position: -340px -112px; }
.newflags.MDI { background-position: -2px -128px; }
.newflags.MEX { background-position: -28px -128px; }
.newflags.MGL { background-position: -54px -128px; }
.newflags.MHL { background-position: -80px -128px; }
.newflags.MIC { background-position: -106px -128px; }
.newflags.MLI { background-position: -132px -128px; }
.newflags.MLT { background-position: -158px -128px; }
.newflags.MNE { background-position: -184px -128px; }
.newflags.MOL { background-position: -210px -128px; }
.newflags.MOZ { background-position: -236px -128px; }
.newflags.MRI { background-position: -262px -128px; }
.newflags.MWI { background-position: -288px -128px; }
.newflags.MYA { background-position: -314px -128px; }
.newflags.NAM { background-position: -340px -128px; }
.newflags.NAU { background-position: -2px -144px; }
.newflags.NEP { background-position: -28px -144px; }
.newflags.NGA { background-position: -54px -144px; }
.newflags.NIC { background-position: -80px -144px; }
.newflags.NIG { background-position: -106px -144px; }
.newflags.NOR { background-position: -132px -144px; }
.newflags.NZL { background-position: -158px -144px; }
.newflags.OMN { background-position: -184px -144px; }
.newflags.OUG { background-position: -210px -144px; }
.newflags.OUZ { background-position: -236px -144px; }
.newflags.PAK { background-position: -262px -144px; }
.newflags.PAN { background-position: -288px -144px; }
.newflags.PAR { background-position: -314px -144px; }
.newflags.PER { background-position: -340px -144px; }
.newflags.PHI { background-position: -2px -160px; }
.newflags.PLW { background-position: -28px -160px; }
.newflags.PNG { background-position: -54px -160px; }
.newflags.POL { background-position: -80px -160px; }
.newflags.POR { background-position: -106px -160px; }
.newflags.QAT { background-position: -132px -160px; }
.newflags.RCA { background-position: -158px -160px; }
.newflags.RDC { background-position: -184px -160px; }
.newflags.RDO { background-position: -210px -160px; }
.newflags.ROU { background-position: -236px -160px; }
.newflags.RTC { background-position: -262px -160px; }
.newflags.RUS { background-position: -288px -160px; }
.newflags.RWA { background-position: -314px -160px; }
.newflags.SAL { background-position: -340px -160px; }
.newflags.SAM { background-position: -2px -176px; }
.newflags.SAN { background-position: -28px -176px; }
.newflags.SEM { background-position: -54px -176px; }
.newflags.SEN { background-position: -80px -176px; }
.newflags.SER { background-position: -106px -176px; }
.newflags.SEY { background-position: -132px -176px; }
.newflags.SIE { background-position: -158px -176px; }
.newflags.SIN { background-position: -184px -176px; }
.newflags.SKN { background-position: -210px -176px; }
.newflags.SLM { background-position: -236px -176px; }
.newflags.SLQ { background-position: -262px -176px; }
.newflags.SLU { background-position: -288px -176px; }
.newflags.SLV { background-position: -314px -176px; }
.newflags.SLN { background-position: -314px -176px; }
.newflags.SOM { background-position: -340px -176px; }
.newflags.SOU { background-position: -2px -192px; }
.newflags.SRI { background-position: -28px -192px; }
.newflags.STP { background-position: -54px -192px; }
.newflags.SUE { background-position: -80px -192px; }
.newflags.SUI { background-position: -106px -192px; }
.newflags.URU { background-position: -262px -208px; }
.newflags.USA { background-position: -288px -208px; }
.titleCM14 {border-left: 5px solid;}
div.titleCM14 > div {padding-left: 10px; font: 20px/42px 'interstateregular', Arial, sans-serif; color:#7b8598; background: #f5f7fa; *height:42px;}
div.titleCM14 {border-left-color:#8BC53F;}
.inputnewsearch
{
width:470px;
float:left;
height: 40px;
line-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1em !important;
font-family: 'Magra', sans-serif!important;
line-height: 2em;
padding: 11px !important;
background: #fff !important;
border: 1px solid #eaebeb !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lescat_emp_sendnew
{
width:150px;
float:right;
}
#search_emploinew
{
margin-bottom:10px;
background: #eff0f2;
padding: 15px;
width: 670px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
height:45px;
}
#bglistoff
{
background: #f8f9f9;
padding: 15px;
width: 670px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.lngemplnew
{
width:100%;
border-bottom: 1px solid #eff0f2;
padding:15px 0;
height:40px;
line-height:40px;
overflow:hidden
}
.lngemplnewtit
{
width:500px;
overflow:hidden;
float:left
}
.lngemplnewtit a
{
color: #666 !important;
font-weight:700;
font-size:14px;
text-transform:capitalize !important;
}
.lngemplnewdate
{
width:80px;
float:right;
text-align:center;
font-weight:700;
font-size:14px;
text-transform:capitalize;
}
.logorecrutu
{
width:80px;
float:left;
}
.logorecrutu img
{
width:60px !important;
height:60px;
}
.lastoffrenew
{
padding: 5px !important;
width: 690px;
background: #8BC53F;
height: 30px;
font-family: 'Magra', sans-serif;
line-height: 30px;
font-size: 20px;
font-weight: 700;
color: #FFF;
clear:both
}
#pub728carac
{
width:100%;
height:90px;
padding:12px 0;
}
#pub728caracpub
{
height:90px;
width:728px;
float:left;
}
#caracbloc
{
width:286px;
height:74px;
padding:8px 7px;
background:#f7a131;
float:right;
position:relative
}
#caracbloc img
{
float:left;
margin-left:4px
}
#caracbloc h3
{
float:right;
text-align:center;
font-family: 'Magra', sans-serif;
color:#fff;
font-size:18px;
-moz-transform:rotate(-270deg);
-moz-transform-origin: bottom left;
-webkit-transform: rotate(-270deg);
-webkit-transform-origin: bottom left;
-o-transform: rotate(-270deg);
-o-transform-origin: bottom left;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
position: absolute;
left: 258px;
top: -27px;
width: 80px;
line-height: 90%;
}
#accbloc680h
{
height: 700px;
width:100%;
clear:both
}
#accbloc680hL
{
width:718px;
float:left
}
#accbloc680hR
{
width:300px;
float:right
}
.blocactuaccN
{
width:100%;
height:340px;
clear:both
}
.bloc30Pacc
{
height:290px;
width:32%;
float:left;
}
.espace5P
{
margin-right:2%
}
.ombregris
{
box-shadow: 2px 2px 0px #e6e7e8;
background:#fff
}
.bloc1S3acc
{
width:90%;
padding:11px 5%;
height:68px;
line-height:68px;
clear:both;
overflow:hidden
}
.bloc1S3acc:hover, .blocbasspot:hover, .blcspreco:hover, .espace5P:hover, .blcspreco4:hover
{
-webkit-box-shadow: 1px 1px 1px 1px rgba(194,194,194,1);
-moz-box-shadow: 1px 1px 1px 1px rgba(194,194,194,1);
box-shadow: 1px 1px 1px 1px rgba(194,194,194,1);
}
.bloc1S3acc span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
.bloc1S3accEsp
{
margin-bottom:10px
}
.titreetcla
{
width:100%;
height:45px;
clear:both
}
.titreetcla h2
{
width:400px;
font-family: 'Magra', sans-serif;
font-size:20px;
height:45px;
line-height:45px;
font-weight:700;
color:#80bd37;
float:left
}
.bgimgPacc
{
width:230px;
height:145px;
clear:both;
margin-bottom:10px;
-webkit-box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
background-size: cover!important;
}
.bgimgPacc img
{
width:230px;
height:145px;
}
.catEtTitAcc
{
padding:0 10px;
overflow:hidden;
height:122px
}
.catEtTitAcc a
{
color:#666666;
font-family: 'Magra', sans-serif;
font-size:18px;
line-height:18px;
font-weight:700
}
.catEtTitAcc a:hover, .bloc1S3acc a:hover, .shareacc a:hover, .blocbasspot span a:hover, .SpEctTitAcc a:hover
{
color:#80bd37;
}
.youtubeligAcc a:hover, #YoutTit1 a:hover
{
text-decoration:underline
}
.catEtTitAcc h5
{
padding-bottom:6px
}
.catEtTitAcc h5 a
{
color:#80bd37;
font-size:16px;
font-family: 'Magra', sans-serif;
}
.bloc1S3acc a
{
color:#666666;
font-family: 'Magra', sans-serif;
font-size:16px;
line-height:18px;
font-weight:700
}
#paragefbtitbg
{
width:100%;
height:46px;
line-height:46px;
background:#3a589c;
margin:12px 0;
}
#paragefbtit
{
background:url(images/logo-facebook-135x352.png) 900px center #3a589c no-repeat;
height:46px;
line-height:46px;
padding-left:750px;
width:274px;
clear:both;
font-family: 'Magra', sans-serif;
font-size:18px;
color:#FFF
}
#fbplusshare
{
width:100%;
height:280px;
clear:both;
overflow:hidden
}
.shareacc
{
width:195px;
height:290px;
float:left;
overflow:hidden
}
.shareaccesp
{
/*margin-right:12px;*/
}
.shareaccimg
{
width:195px;
height:125px;
-webkit-box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
background-size: cover!important;
}
.shareaccNb
{
width:195px;
height:45px;
line-height:45px;
font-family: 'Magra', sans-serif;
font-size:19px;
color:#FFF;
text-align:center;
background:#3a589c;
margin-bottom:8px;
font-weight:700
}
.shareacc span
{
padding:0 6px;
display:block;
}
.shareacc a
{
font-family: 'Magra', sans-serif;
font-size:14px;
color:#666;
font-weight:700;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 180px;
height: 50px; /* Fallback for non-webkit */
margin: 0 auto;
line-height: 1.15;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
#pub970acc
{
width:100%;
height:90px;
text-align:center
}
#sport_ecoAcc
{
width:100%;
height:350px;
clear:both;
margin-top:12px
}
.sportAccL
{
width:505px;
float:left
}
.ecoAccR
{
width:505px;
float:right
}
.blcspreco
{
width:163px;
height:210px;
float:left
}
.imgaccSp
{
width:163px;
height:100px;
margin-bottom:8px;
-webkit-box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
background-size: cover!important;
}
.blcsprecoEsp
{
margin-right:8px;
}
.headsport_ecoAcc
{
height:26px;
width:100%;
border-bottom:1px solid #e0dfdf;
line-height:26px;
margin-bottom:10px
}
.headsport_ecoAcc h3
{
color:#80bd37;
font-size:16px;
font-family: 'Magra', sans-serif;
width:200px;
float:left
}
.SpEctTitAcc
{
padding:0 10px;
overflow:hidden;
height:90px;
}
.SpEctTitAcc a
{
color:#666666;
font-family: 'Magra', sans-serif;
font-size:16px;
line-height:16px;
font-weight:700;
}
.blocbasspot
{
width:231px;
height:79px;
padding:8px;
line-height:79px;
float:left;
margin-top:12px;
overflow:hidden
}
.blocbasspot span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
.blocbasspot span a {
color:#666666;
font-family: 'Magra', sans-serif;
font-size:14px;
line-height:16px;
font-weight:700;
}
#youtubeblccnew
{
width:100%;
height:420px;
clear:both;
margin:17px 0;
overflow:hidden
}
#youtubeblccnewL
{
width:623px;
float:left;
background:#8cc149
}
#youtubeblccnewR
{
width:405px;
float:right
}
.youtubeligAcc
{
width:275px;
padding:6px 0 6px 130px;
height:72px;
clear:both;
line-height:72px;
position:relative;
}
.youtubeligAcc:hover
{
khtml-opacity:0.9 !important;
-moz-opacity : 0.9 !important;
-ms-filter: "alpha(opacity=90)" !important;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90) !important;
filter : alpha(opacity=90) !important;
opacity : 0.9 !important;
}
.youtubeligAcc span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
.youtubeligAcc a {
color:#fff;
font-family: 'Magra', sans-serif;
font-size:14px;
line-height:16px;
font-weight:700;
}
.playico
{
position:absolute;
color:#fff;
font-size: 40px!important;
left: 40px;
/* height: 15px; */
top: 25px;
}
#YoutTit1
{
width:603px;
padding:10px;
clear:both;
background:#8cc349;
height:50px;
cursor:pointer;
display:table
}
#YoutTit1 a
{
color:#fff;
font-family: 'Magra', sans-serif;
font-size:20px;
line-height:20px;
font-weight:700;
}
#f1tvidYout iframe
{
width:623px !important;
height:350px !important;
}
#basblobacc
{
width:100%;
height:auto;
clear:both;
}
#basblobaccL
{
width:300px;
float:left
}
#basblobaccR
{
width:715px;
float:right;
}
.blocbassAccde
{
width:100%;
height:255px;
margin-bottom:12px;
}
.titreetclBas
{
width:100%;
height:40px;
clear:both
}
.titreetclBas h2
{
width:400px;
font-family: 'Magra', sans-serif;
font-size:20px;
height:40px;
line-height:40px;
font-weight:700;
color:#80bd37;
float:left
}
.blcspreco4
{
width:172px;
height:210px;
float:left
}
.imgaccSp4
{
width:172px;
height:100px;
margin-bottom:8px;
-webkit-box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
background-size: cover!important;
}
/* la une new 2015 */
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/* fin une 2015 */
.site1028
{
width:1028px;
margin:0 auto;
clear:both
}
.imgaccSpune
{
width:250px;
height:200px;
margin-bottom:8px
}
.owl-carousel .item
{
width:195px !important;
height:250px;
}
.owl-carousel .item h2 a
{
font-family: 'Magra', sans-serif;
font-weight:700;
font-size:18px;
color:#666666;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 340px;
height: 45px; /* Fallback for non-webkit */
margin: 0 auto;
line-height: 1.2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-align:center
}
.carouseltit
{
width:250px;
height:70px;
}
.infoartune
{
height:23px;
color:#80bd37 !important;
font-size:12px;
text-align:center;
line-height:23px;
}
.infoartune a
{
color:#80bd37 !important;
text-transform:capitalize;
font-size:12px;
}
.owl-controls {
/*margin-top: 10px;*/
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-controls .owl-nav [class*=owl-] {
color: #fff;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.owl-controls .owl-nav [class*=owl-]:hover {
background: #869791;
color: #fff;
text-decoration: none
}
.owl-controls .owl-nav .disabled {
opacity: .5;
cursor: default
}
.owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display:inline
}
.owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px
}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
background: #869791
}
#big_img_art
{
width:710px;
height:265px;
padding:35px 0 0;
display: block;
position: relative;
background: rgba(0,0,0, .7);
}
#big_img_art::after {
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
.header-fixed {
height: 62px;
color: #ffffff;
box-sizing: border-box;
top:-100px;
-webkit-transition:top 0.3s;
transition:top 0.3s;
}
.header-fixed .header-limiter {
max-width: 1024px;
text-align: center;
margin: 0 auto;
}
/* The header placeholder. It is displayed when the header is fixed to the top of the
browser window, in order to prevent the content of the page from jumping up. */
.header-fixed-placeholder{
height: 80px;
display: none;
}
/* Logo */
/* The navigation links */
.header-fixed .header-limiter nav {
line-height: 40px;
float: right;
}
.header-fixed .header-limiter nav a{
display: inline-block;
padding: 0 5px;
text-decoration:none;
color: #ffffff;
opacity: 0.9;
}
.header-fixed .header-limiter nav a:hover{
opacity: 1;
}
.header-fixed .header-limiter nav a.selected {
color: #608bd2;
pointer-events: none;
opacity: 1;
}
/* Fixed version of the header */
body.fixed .header-fixed {
height: 60px;
background:#8BC53F;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 99999;
}
body.fixed .header-fixed-placeholder {
display: block;
}
body.fixed .header-fixed .header-limiter h1 {
font-size: 24px;
line-height: 30px;
}
body.fixed .header-fixed .header-limiter nav {
line-height: 28px;
font-size: 13px;
}
/* Making the header responsive */
@media all and (max-width: 600px) {
.header-fixed {
padding: 20px 0;
height: 75px;
}
.header-fixed .header-limiter h1 {
float: none;
margin: -8px 0 10px;
text-align: center;
font-size: 24px;
line-height: 1;
}
.header-fixed .header-limiter nav {
line-height: 1;
float:none;
}
.header-fixed .header-limiter nav a {
font-size: 13px;
}
body.fixed .header-fixed {
display: none;
}
}
#titrepost
{
height:100px;
width:640px;
overflow:hidden;
margin:0 auto;
clear:both;
text-align:center
}
#titrepost h1
{
font-family: 'Magra', sans-serif;
font-weight:700;
font-size:30px;
color:#FFF;
line-height:110%
}
.datearti
{
width:100%;
text-align:center;
font-size:14px;
clear:both;
height:20px;
line-height:20px;
color:#FFF;
}
.datearti a
{
color:#FFF !important;
}
#shareblocpost
{
padding-top:15px;
clear:both;
width:100%;
}
/* drop big menu */
/* Main menu wrapper */
.cbp-hsmenu-wrapper {
position: relative;
}
/* Common style for all lists */
.cbp-hsmenu-wrapper ul {
list-style: none;
padding: 0;
width:100%;
clear:both;
height:38px;
background:#a1a1a1;
margin-top:10px;
margin-bottom:10px
}
/* 100% width bar for menu */
.cbp-hsinner {
background:#b2b1b1;
position: relative;
z-index: 100;
}
/* Main menu style */
.cbp-hsmenu-wrapper .cbp-hsmenu {
width: 100%;
}
.cbp-hsmenu > li {
}
.cbp-hsmenu > li:first-child {
}
/* Main menu link style */
.cbp-hsmenu > li > a {
padding:0 17px;
float:left;
line-height:38px;
text-align:center;
color:#fff;
font-family: 'Magra', sans-serif;
/*font-weight:700;*/
background:url(images/traitmenubas.png) repeat-y right;
display: inline-block;
position: relative;
z-index: 10000;
outline: none;
}
.no-touch .cbp-hsmenu > li:hover,
.no-touch .cbp-hsmenu > li > a:hover,
.no-touch .cbp-hsmenu > li > a:focus{
background:#8BC53F;
}
.cbp-hsmenu > li.cbp-hsitem-open > a
{
color:#ffF;
background:#8BC53F;
}
/* Add an arrow to the main menu link if it has a submenu (not the only child) */
.cbp-hsmenu > li > a:not(:only-child):before {
display: inline-block;
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: "\f107";
font-size: 90%;
margin-right: 0.3em;
opacity: 0.7;
vertical-align: middle;
}
.cbp-hsmenu > li.cbp-hsitem-open > a:not(:only-child):before {
content: "\f106";
}
/* Add a triangle to currently open menu item link */
.cbp-hsmenu > li.cbp-hsitem-open > a:after {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color: #8BC53F;
border-width: 10px;
left: 50%;
margin-left: -10px;
}
/* Submenu style */
.cbp-hssubmenu {
position: absolute;
left: 0;
top: 100%;
width: 100%;
z-index: 0;
text-align: center; /* for aligning the sub items */
visibility: hidden;
margin:0px !important;
height:240px!important;
background: #fff!important;
}
.cbp-hssubmenu:before,
.cbp-hssubmenu:after {
content: " ";
display: table;
}
.cbp-hssubmenu:after {
clear: both;
}
/* Let's allow 6 item in a row */
.cbp-hssubmenu > li {
width: 202px;
float: left;
vertical-align: top;
opacity: 0;
-webkit-transition: opacity 0.1s 0s;
-moz-transition: opacity 0.1s 0s;
transition: opacity 0.1s 0s;
}
.cbp-hssubmenu img
{
width:187px;
height:125px;
-webkit-box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
}
.cbp-hssubmenu > li a {
display: block;
color: #666;
outline: none;
padding:1em;
background:none !important
}
.no-touch .cbp-hssubmenu > li a:hover,
.no-touch .cbp-hssubmenu > li a:focus {
color: #888;
}
.cbp-hssubmenu > li a img {
border: none;
outline: none;
display: inline-block;
margin: 0;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.no-touch .cbp-hssubmenu > li img:hover {
opacity: 0.8;
}
.cbp-hssubmenu > li a span {
display: block;
font-size:13px;
text-align:left;
width: 187px;
height: 50px;
overflow: hidden;
font-weight:700
}
.cbp-hssubmenu > li a:hover span
{
color:#8BC53F;
}
.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
z-index: 1000;
visibility: visible;
}
.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu > li {
opacity: 1;
-webkit-transition: opacity 0.5s 0.1s;
-moz-transition: opacity 0.5s 0.1s;
transition: opacity 0.5s 0.1s;
}
/* Helper div for animating the background */
.cbp-hsmenubg {
background: #f7f7f7;
position: absolute;
width: 100%;
top: 100%;
left: 0;
z-index: 0;
height: 0px;
}
.no-touch .cbp-hsmenubg {
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
@media screen and (max-width: 65em){
.cbp-hsmenu-wrapper {
font-size: 80%;
}
}
@media screen and (max-width: 51.4375em){
.cbp-hsmenu-wrapper {
font-size: 100%;
}
.cbp-hsmenu-wrapper .cbp-hsmenu {
padding: 0;
max-width: none;
width: 100%;
}
.cbp-hsmenu > li {
border-top: 1px solid rgba(255,255,255,0.5);
text-align: center;
margin: 0 auto;
display: block;
}
.cbp-hsmenu > li:first-child {
border-top: none;
}
.cbp-hsmenu > li > a {
display: block;
}
.cbp-hsmenu > li > a:not(:only-child):before {
line-height: 1.8;
right: 0;
position: absolute;
font-size: 200%;
}
.cbp-hsmenubg {
display: none;
}
.cbp-hssubmenu {
background: #f7f7f7;
position: relative;
overflow: hidden;
height: 0;
}
.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
height: auto;
}
/* Let's only allow 3 item in a row now */
.cbp-hssubmenu > li {
width: 30%;
}
/* Reset box shadows for the 6 items in row case */
.cbp-hssubmenu > li:nth-child(-n+6),
.cbp-hssubmenu > li:nth-child(6n+1) {
box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;
}
/* First 4 items don't have upper box shadow */
.cbp-hssubmenu > li:nth-child(-n+3) {
box-shadow: -28px 0 0 -27px #ddd;
}
/* Every 5th item does not have a left box shadow */
.cbp-hssubmenu > li:nth-child(3n+1) {
box-shadow: 0 -28px 0 -27px #ddd;
}
}
@media screen and (max-width: 25em){
/* Let's only allow 1 item in a row now */
.cbp-hssubmenu > li {
width: 100%;
display: block;
}
.cbp-hsmenu-wrapper .cbp-hssubmenu > li {
box-shadow: 0 1px #cecece;
text-align: left;
}
.cbp-hssubmenu > li a {
text-align: left;
line-height: 50px;
padding: 0.4em 1em;
}
.cbp-hssubmenu > li a img {
float: left;
max-height: 50px;
}
.cbp-hssubmenu > li a span {
min-height: 0;
margin: 0;
}
}
.m-navsubcat {
background: #8BC53F;
width: 1008px;
position: absolute;
bottom: 0;
left: 0;
height: 24px;
overflow: hidden;
padding: 5px 10px;
text-align: left;
line-height: 24px;
}
.m-navsubcat span
{
background:#fff;
padding: 2px 8px;
}
.m-navsubcat span a
{
font-weight:700
}
.img-shadow {
position: relative;
width: 320px;
float: left;
}
.img-shadow::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
}
.img-shadow img {
float: left;
}
.at4-toaster-outer .at4-recommended .at4-recommended-item .at4-recommended-item-caption .at-h4 {
font-size: 11px;
line-height: 12px !important;
margin: 10px 0 6px;
height: 30px;
width: 125px;
height: 36px !important;
}
.at4-recommended-toaster .at4-recommended-container {
margin: 0 0 0 10px!important;
}
.at4-recommended.at4-recommended-toaster div.at-recommended-label {
padding: 10px 0 0 10px!important;
}
#paragefbtitpost {
background: url(images/logo-facebook-135x352.png) 588px center #3a589c no-repeat;
height: 36px;
line-height: 36px;
padding-left: 466px;
width: 244px;
clear: both;
font-family: 'Magra', sans-serif;
font-size: 14px;
color: #FFF;
margin: 12px 0;
background-size: 100px auto;
}
.tith3direct
{
height: 34px;
background: #8BC53F;
/* position: fixed; */
/* width: 100%; */
line-height: 34px;
padding: 0 0 0 10px;
color: #fff;
font-size: 16px;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.postwhite
{
padding:0 20px;
margin-bottom:8px;
background:#fff;
position: relative;
top: -18px;
}
.titreh3pst {
background:#8BC53F;
height: 36px;
line-height: 36px;
padding-left: 10px;
width: 700px;
clear: both;
font-family: 'Magra', sans-serif;
font-size: 18px;
color: #FFF;
font-weight:400
}
.bloc230Top
{
height:340px;
width:230px;
float:left;
margin-top:36px;
}
.bloc230TopNm
{
height:50px;
width:100%;
background:#8BC53F;
font-size:34px;
font-family: 'Magra', sans-serif;
font-weight:700;
text-align:center;
line-height:50px;
display:block;
color:#FFF
}
.espace36P
{
margin-right:36px
}
.glidecontenttoggler
{
height:40px;
line-height:40px;
clear:both;
width:100%;
background:#fff
}
.glidecontenttoggler ul
{
height:40px;
width:420px;
margin:0 auto
}
.glidecontenttoggler ul li
{
float:left;
list-style:none;
}
.glidecontenttoggler ul li a
{
color: rgb(178, 177, 177);
float:left;
display:block;
padding:0 15px;
font-size:22px;
font-family: 'Magra', sans-serif;
font-weight:700;
text-transform:capitalize
}
.glidecontenttoggler ul li a:hover ,.glidecontenttoggler ul li a.selected
{
color:#8BC53F;
text-decoration:underline
}
/* slide top article */
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 1028px;
height: 770px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
}
/*
Total wrapper width: 350px+5px+5px=360px
Or width of wrapper div itself plus any left and right CSS border and padding
Adjust related containers below according to comments
*/
.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
visibility: hidden;
width: 1028px;
height: 770px;
}
/* fin */
.imgchaine
{
width:170px;
height:138px;
float:left;
cursor:pointer;
}
#YoutTitch
{
width:603px;
padding:10px;
clear:both;
background:#8cc349;
height:40px;
line-height:40px;
cursor:pointer;
font-size:26px;
font-family: 'Magra', sans-serif;
font-weight:700;
color:#FFF
}
#youtubeblchaineL
{
width:688px;
float:left;
background:#8cc149
}
#youtubeblchaineR
{
width:340px;
float:right
}