html { font-smooth:always; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust:none; -ms-text-size-adjust:100%;   }
body { font-weight:400;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.rubriquetv-content { font-family: 'Roboto', sans-serif; font-size: 14px;}
.rubriquetv-content * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline:none;border:none; }
.rubriquetv-content *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.rubriquetv-content h2 { font-weight: 900; text-transform: uppercase; color: #222222; font-size: 1.286em; padding: 15px 0 0 0; margin: 0 0 20px 0; line-height: 1.1em;}  
.rubriquetv-content h3 { font-weight: 900; color: #222222; font-size: 1.000em; padding:0; margin: 0 0 5px 0; line-height: 1.1em;}  
.rubriquetv-content p { font-size: 1em; color: #777777;  font-weight: 400;}
.rubriquetv-content img { max-width: 100%; height: auto; transition: all 0.8s ease-in-out 0s;}
.rubriquetv-content picture { display: block; padding: 0; margin: 0; line-height: 1em;}

.rubriquetv-content .only-mobile { display: none;}

@media only screen and (min-width:767.98px) and (max-width:991.98px) {
	.rubriquetv-content .only-mobile { display: inline-block;}
}


/*  IPAD VERTICAL-2 + SMARTPHONE  */
@media only screen and (max-width:767.98px) {
	.rubriquetv-content h2 { font-size: 1.286em;} 
}
	
/* --------- GRID --------- */
.rubriquetv-content .row:after {  content: "";  display: table;  clear: both;}
.rubriquetv-content .row { padding:0 .71428571428571em 0 .71428571428571em; max-width: 1170px; margin: 0 auto; }
.rubriquetv-content .row .col-6 { width: 50%; } 

.row-4-items { padding:0 .71428571428571em 0 .71428571428571em;max-width: 1170px; margin: 0 auto;display: flex; justify-content: space-between;flex-direction: row ; align-items:flex-start;     } 
.row-4-items .block-articlelink,
.row-4-items .block-videolink,
.row-4-items .block-excerptlink,
.row-4-items .block-excerptlink2 { width: 23.5%;}


.row-3-items { padding:0 .71428571428571em 0 .71428571428571em;max-width: 1170px; margin: 0 auto;display: flex; flex-direction: row; justify-content: space-between;  align-items:flex-start;  }
.row-3-items .block-articlelink,
.row-3-items .block-videolink,
.row-3-items .block-excerptlink,
.row-3-items .block-excerptlink2 { width: 32%;}

/*  IPAD VERTICAL 1 */
@media only screen and (min-width:768px) and (max-width:991.98px) {
.row-4-items { flex-wrap: wrap;}
.row-4-items .block-videolink { width: 48%;}
.row-4-items .block-articlelink { width: 48%;}
 }

/*  IPAD VERTICAL-2 + SMARTPHONE  */
@media only screen and (max-width:767.98px) {
.row-4-items,
.row-3-items { display: block; padding:0 .71428571428571em 0 .71428571428571em; max-width: 1170px; margin: 0 auto; width: 100%; }
.row-3-items .block-articlelink,
.row-3-items .block-videolink,
.row-3-items .block-excerptlink,
.row-3-items .block-excerptlink2,
.row-4-items .block-articlelink,
.row-4-items .block-videolink,
.row-4-items .block-excerptlink,
	.row-4-items .block-excerptlink2,
.rubriquetv-content .row .col-6 { width: 100%; } 
 }

 
 
/* --------- HEADER --------- */
.rubriquetv-content header { background-color: #fff; padding: 27px 0 5px 0; border-bottom: 3px solid #d7d6d4;}
.rubriquetv-content header .row { display: flex;justify-content: space-between;}
.rubriquetv-content header h1 { font-family: 'Roboto', sans-serif; margin: 0 0 5px 0; padding:0; font-weight: 900; color: #222222; font-size:2.286em;}
.rubriquetv-content header p { text-align: right; font-size: 1.071em; color: #222222; padding: 15px 0 0 0; font-weight: 400; margin: 0 0 10px 0; line-height: 1em;}

/*  IPAD VERTICAL-2 + SMARTPHONE  */
@media only screen and (max-width:767.98px) {
	.rubriquetv-content header { padding-top: 10px;}
.rubriquetv-content header h1 {   font-size:1.714em;}
.rubriquetv-content header .row { display: block; }
.rubriquetv-content header p { padding:0;  text-align: left; font-size:0.929em;}
}


/* --------- Section-tempsforts --------- */
.section-tempsforts { background-color: #f7f7f7; color: #777777; padding: 42px 0 0 0; }
.section-tempsforts:after {  content: "";  display: table;  clear: both;}

.section-tempsforts .row:first-of-type { margin-bottom: 20px;}

.section-tempsforts .at-category { font-weight: 300; color: #f23a09; font-size: 2.143em; margin: 0 0 25px 0; padding: 0; text-transform: uppercase;}
.section-tempsforts h2 { font-weight: 900; text-transform: uppercase; color: #222222; font-size: 1.286em; padding:  5px 0 0 0; margin: 0 0 20px 0; line-height: 1.1em;}  
.section-tempsforts h3 { font-weight: 900; color: #222222; font-size: 1.000em; padding:0; margin: 0 0 5px 0; line-height: 1.1em;}  
.section-tempsforts p { font-size: 1em; color: #777777; padding: 0 ;margin: 0 0 20px 0; font-weight: 400;}
.section-tempsforts p strong { font-weight: 900; color: #222222; }  
.section-tempsforts img { max-width: 100%; height: auto; transition: all 0.8s ease-in-out 0s;}

.section-tempsforts ul { margin: 0 0 10px 0;}
.section-tempsforts ul li { color: #777777;}

.section-tempsforts .col-left { width: 46%; float: left; padding: 0 4% 0 0;}
.section-tempsforts .col-right { width: 54%; float: left;}
  

@media only screen and (max-width:767.98px) {
.section-tempsforts {  padding: 10px 0 0 0; }
.section-tempsforts .at-category { margin: 0; padding-top: 8px; font-size: 1.714em; }
.section-tempsforts h2 { padding-top:15px;}
.section-tempsforts .read-more { margin-bottom: 10px;}
.section-tempsforts .col-left,
.section-tempsforts .col-right { width: 100%; clear: both; float: none; }
 }

/* Block player */
.block-player { position: relative; overflow: hidden;}
.block-player img { perspective-origin: 50% 50%;	transform: scale(1.02);	transform-origin: 50% 50% 0;}
.block-player:hover img  {	perspective-origin: 50% 50%;	transform: scale(1.2);	transform-origin: 50% 50% 0;	transition: all 0.8s ease-in-out 0s;}
 
/* read-more */
.readmore,
.readmoreactive{ display: block; width: 100%; clear: both; float:none;  background: url(../images/read-more-bg.png) repeat-x 0 5px;  height: 30px; text-align: center; margin: 0 0 5px 0; padding: 5px 0 5px 0;}
.readmore:after,
.readmoreactive:after{  content: "";  display: table;  clear: both;}

.readmore a,
.readmoreactive a{ display: inline-block; width:31px; height: 31px; background-image: url(../images/btn-read-more.png); background-repeat:  no-repeat; background-position:  0 0;}
 

.readmore p { display: inline-block; width:31px; height: 31px; background-image: url(../images/btn-read-more.png); background-repeat:  no-repeat; background-position:  0 0; margin: 0!important; padding: 0!important;}
.readmore p:hover,
.tactile .readmore a:focus { background-position:  0 -31px;}
.readmore p span { display: none;}

.readmoreactive a { background-position:  0 -61px;}
.readmoreactive a:hover { background-position:  0 -91px;}


/* --------- block-article link  --------- */

.block-articlelink { background-color: #fff; margin: 0 0 20px 0;}
.block-articlelink a { text-decoration: none;}
.block-articlelink:hover .bd h3,
.block-articlelink:hover .bd h3 strong { color: #000; text-decoration: underline}
.block-articlelink:hover .hd img  {	perspective-origin: 50% 50%;	transform: scale(1.2);	transform-origin: 50% 50% 0;	transition: all 0.8s ease-in-out 0s;}
.block-articlelink .hd { position: relative; width: 100%; overflow: hidden;  }

@media only screen  and (min-width:1199.98px) {  .block-articlelink .hd {   height: 153px;}}


.block-articlelink .hd:after {  content: "";  display: table;  clear: both;}
.block-articlelink .hd .p-category { font-size: 0.929em; padding: 12px 14px; position:absolute; top:0; right: 0; z-index: 99; background-color: rgba(0,0,0,0.60); line-height: 1em; color: #fff; margin: 0;}

.block-articlelink .bd { padding: 14px 0 0 0; transition: all 0.3s ease-out 0s; overflow: hidden;}
 
.block-articlelink .bd h3 { border-bottom: 1px solid #fff; display: inline-block;  margin: 0 16px 4px 16px; padding: 0; color: #555555; font-size: 1.2em; font-weight: 400;}
.block-articlelink .bd h3 strong { color: #222222;  display: inline-block; margin: 0 ; padding: 0 ;}
/*.block-articlelink .bd h3 strong::after {content: ""; width: 5px; height: 10px; background: url(../images/dot.png) no-repeat 0 0; display: inline-block; margin: 0 0 0 5px;}*/


.block-articlelink .bd h4 { color: #f23a09; font-size: 0.929em; margin: 0 16px 22px 16px; font-weight: 400;padding: 0;}
.block-articlelink .bd p { font-size: 1em; color: #777777; margin: 0 16px 10px 16px; font-weight: 400; padding: 0;}

.block-articlelink .ft { clear: both; float: none;  display:flex; flex-direction:row; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 4px 16px 15px 16px;  align-self: flex-end;}
.block-articlelink .ft .ft-1 { color: #777777; font-size: 0.929em; padding: 0 10px 0 0; width: 75px;}
.block-articlelink .ft .ft-2 img { max-width: 70px; height: auto;}
.block-articlelink .ft .ft-link {  margin-left: auto;  }
.block-articlelink .ft .ft-link a {  text-align: left; color: #555555;  font-size: 0.857em;}
.block-articlelink .ft .ft-link a span {   display: inline-block;border-bottom: 1px solid #1cace6; }

.block-articlelink .ft .ft-link a:hover span {   border-bottom: 1px solid #000; }



/* --------- block-excerpt link  --------- */

.block-excerptlink { background-color: #fff; margin: 0 0 20px 0;}
.block-excerptlink a { text-decoration: none;}
.block-excerptlink:hover .bd h3,
.block-excerptlink:hover .bd h3 strong { color: #000; text-decoration: underline}
.block-excerptlink:hover .hd img  {	perspective-origin: 50% 50%;	transform: scale(1.2);	transform-origin: 50% 50% 0;	transition: all 0.8s ease-in-out 0s;}
.block-excerptlink .hd { position: relative; width: 100%; overflow: hidden; }
@media only screen  and (min-width:1199.98px) { .block-excerptlink .hd {   height: 153px;}}

.block-excerptlink .hd:after {  content: "";  display: table;  clear: both;}
.block-excerptlink .hd .p-category { font-size: 0.929em; padding: 12px 14px; position:absolute; top:0; right: 0; z-index: 99; background-color: rgba(0,0,0,0.60); line-height: 1em; color: #fff; margin: 0;}


.block-excerptlink .bd { padding: 14px 0 0 0;}
.block-excerptlink .bd h3 { border-bottom: 1px solid #fff; display: inline-block;  margin: 0 0 4px 0; padding: 0; color: #555555; font-size: 1.286em; font-weight: 400;}
.block-excerptlink .bd h3 strong { color: #222222; display: inline-block; margin: 0  ; padding: 0;}
/*.block-excerptlink .bd h3 strong::after {content: ""; width: 5px; height: 10px; background: url(../images/dot.png) no-repeat 0 0; display: inline-block; margin: 0 0 0 5px;}*/

.block-excerptlink .bd h4 { color: #f23a09; font-size: 0.929em; margin: 0 0 22px 0; font-weight: 400;padding: 0;}
.block-excerptlink .bd p { font-size: 1em; color: #777777; margin: 0 0 20px 0; font-weight: 400;padding: 0;}
 

/* --------- block-excerpt  link  2 --------- */

.block-excerptlink2 { background-color: #fff; margin: 0 0 20px 0;}
.block-excerptlink2 a { text-decoration: none;}
.block-excerptlink2:hover .bd h3,
.block-excerptlink2:hover .bd h3 strong { color: #000; text-decoration: underline}
.block-excerptlink2:hover .hd img  {	perspective-origin: 50% 50%;	transform: scale(1.2);	transform-origin: 50% 50% 0;	transition: all 0.8s ease-in-out 0s;}
.block-excerptlink2 .hd { position: relative; width: 100%; overflow: hidden;  }
@media only screen  and (min-width:1199.98px) { .block-excerptlink2 .hd { height: 153px;}}


.block-excerptlink2 .hd:after {  content: "";  display: table;  clear: both;}
.block-excerptlink2 .hd .p-category { font-size: 0.929em; padding: 12px 14px; position:absolute; top:0; right: 0; z-index: 99; background-color: rgba(0,0,0,0.60); line-height: 1em; color: #fff; margin: 0;}


.block-excerptlink2 .bd { padding: 14px 0 0 0;}
.block-excerptlink2 .bd h3 { border-bottom: 1px solid #fff; display: inline-block;  margin: 0 0 4px 0; padding: 0; color: #555555; font-size: 1.2em; font-weight: 400;}
.block-excerptlink2 .bd h3 strong { color: #222222;  display: inline-block; margin: 0  ; padding: 0  ;}
 
.block-excerptlink2 .bd p { font-size: 1em; color: #777777; margin: 0 0 20px 0; font-weight: 400;padding: 0;}
 

/* --------- block-videolink  --------- */

.block-videolink { background-color: #fff; margin: 0 0 20px 0;}
.block-videolink a { text-decoration: none;}
.block-videolink:hover .bd h3,
.block-videolink:hover .bd h3 strong { color: #000; text-decoration: underline}

.block-videolink:hover .hd img  {	perspective-origin: 50% 50%;	transform: scale(1.2);	transform-origin: 50% 50% 0;	transition: all 0.8s ease-in-out 0s;}
.block-videolink .hd { position: relative; width: 100%; overflow: hidden; }
@media only screen  and (min-width:1199.98px) { .block-videolink .hd {   height: 205px;}}


.block-videolink .hd:after {  content: "";  display: table;  clear: both;}
.block-videolink .hd .p-category { font-size: 0.929em; padding: 12px 14px; position:absolute; top:0; right: 0; z-index: 99; background-color: rgba(0,0,0,0.60); line-height: 1em; color: #fff; margin: 0;}

.block-videolink .bd { padding: 14px 0 0 0; overflow: hidden;}
.block-videolink .bd h3 { border-bottom: 1px solid #fff; display: inline-block;  margin: 0 16px 4px 16px; padding: 0; color: #555555; font-size: 1.2em; font-weight: 400;}
.block-videolink .bd h3 strong { color: #222222; display: inline-block; margin: 0; padding: 0;}
/*.block-videolink .bd h3 strong::after {content: ""; width: 5px; height: 10px; background: url(../images/dot.png) no-repeat 0 0; display: inline-block; margin: 0 0 0 5px;}*/


.block-videolink .bd h4 { color: #f23a09; font-size: 0.929em; margin: 0 16px 22px 16px; font-weight: 400;padding: 0;}
.block-videolink .bd p { font-size: 1em; color: #777777; margin: 0 16px 10px 16px; font-weight: 400;padding: 0;}

.block-videolink .figure-player { position: relative; display: block; padding: 0; margin: 0; line-height: 1em;}
.block-videolink .figure-player::after { content: "";   background: url(../images/btn-play.png) no-repeat 0 0; display: inline-block;width: 40px; height: 40px;    position: absolute;   left: 50%;   top: 50%;   transform: translate(-50%,-50%);}
.block-videolink .figure-player:hover::after { background: url(../images/btn-play.png) no-repeat 0 -40px; }
.block-videolink .figure-player figcaption { bottom: -1px; left: 0; display: block; width: 100%; position: absolute; z-index: 999; background: url(../images/player-figcaption.png) repeat-x 0 bottom; font-weight: 400; padding: 23px 15px 13px 0; line-height: 1em; text-align: right; color: #fff; font-size: 0.929em; }
.block-videolink .figure-player img {  perspective-origin: 50% 50%;	transform: scale(1.02);	transform-origin: 50% 50% 0;} 

.block-videolink .ft { clear: both; float: none;  display:flex; flex-direction:row; flex-wrap: wrap; align-items: center; justify-content: flex-start; padding: 0 16px 15px 16px;}
.block-videolink .ft .ft-1 { color: #777777; font-size: 0.929em; padding: 0 10px 0 0;}
.block-videolink .ft .ft-2 img { max-width: 70px; height: auto;}
.block-videolink .ft .ft-link {  margin-left: auto;  }
.block-videolink .ft .ft-link a {  text-align: left; color: #555555;  font-size: 0.857em;}
.block-videolink .ft .ft-link a span {   display: inline-block;border-bottom: 1px solid #1cace6; }
.block-videolink .ft .ft-link a:hover span {   border-bottom: 1px solid #000; }


/* p link */
p.p-link { text-align: right; padding:5px 0 10px 0; line-height: 1em;}
p.p-link a { text-decoration: none; display: inline-block; color:#222222; font-size: 1.143em; font-weight: 900;  padding: 0 22px 0 0; background: url(../images/p-link.png) no-repeat right 3px; line-height: 1em; }
p.p-link a span {  display: inline-block;  border-bottom: 1px solid #1cace6;  }

/* p.p-link a:hover { color:#000;  background: url(../images/p-link.png) no-repeat right -45px;  }*/
p.p-link a:hover { color:#000;  background: url(../images/p-link.png) no-repeat right -45px;  }
p.p-link a:hover span {    border-bottom: 1px solid #000;  }

@media only screen and (max-width:575.98px) {
	p.p-link { text-align: center;}
	
 }


/* ---------  section-avoirevoir --------- */
.section-avoirevoir { background-color: #ededed; color: #777777; padding: 22px 0 0 0; }
.section-avoirevoir:after {  content: "";  display: table;  clear: both;}

/* --------- Section-noemission --------- */
.section-noemission { background-color: #fff;  padding: 22px 0 14px 0; }
.section-noemission:after {  content: "";  display: table;  clear: both;}

/* --------- Section-application --------- */
.section-application { background-color: #222222;  padding: 20px 0 20px 0; color: #cccccc; }
.section-application:after {  content: "";  display: table;  clear: both;}
.section-application .row { display: flex; justify-content: flex-start;justify-content: space-between ;}

.section-application h2 { color: #fff; text-transform: uppercase; font-weight: 900; font-size: 1em; margin: 0 0 25px 0; padding: 0;}
.section-application p { color: #cccccc; font-size: 1em;}

.section-application .col-sa-1 { width: 37%; padding: 35px 7% 0 0;}
.section-application .col-sa-1 p { margin-bottom: 35px;}
.section-application .col-sa-2 { width: 37%; padding: 28px 0 0 0;}
.section-application .col-sa-3 { flex-basis: 314px;}


@media only screen and (max-width:767.98px) {
.section-application .row { display: block;}
.section-application .col-sa-1 { clear: both; float: none; width: 100%; padding: 0;}
.section-application .col-sa-2 { clear: both; float: none; width: 100%;padding: 28px 0 0 0;}
.section-application .col-sa-3 { clear: both; float: none; width: 100%;}
 }


.block-addblack { background-color: #d6d8d5; color: #353535; padding: 7px; border: 1px solid #c8c8c9; max-width: 314px; }
.block-addblack p { margin: 0; padding:0;}
.block-addblack .p-title { padding: 0; margin: 0 0 7px 0; line-height: 1em; font-size:0.857em; color: #353535; }

.block-addblack img { max-width: 100%; height: auto;}

.list-application  { padding: 0; margin: 0;}
.list-application li { display: block; text-align: left; width: 50%; float: left; padding: 0; margin: 0; list-style: none; }
.list-application li a {text-decoration: none; color: #fff; font-size: 1em; margin: 0 0 10px 0; padding: 0; }
.list-application li a strong { font-weight: 900; display: block;}
.list-application .la-logo { display: block; float: left;}
.list-application .la-label { display: block; float: left; padding: 15px 0 0 8px;}

.list-application li a:hover .la-label { text-decoration: underline;}


@media only screen and (min-width:768px) and (max-width:1199.98px) {
.list-application li { clear: both;   width: 100%; float:none; }
}
  
.list-links { margin: 0 0 10px 0; padding: 0;}
.list-links li { padding: 0; margin: 0 0 17px 0; list-style: none; }
.list-links li a { text-decoration: none; display: inline-block; color: #fff; font-weight: 900;min-height: 33px; vertical-align:top; font-size: 1.143em; padding: 6px 0 0 57px; line-height: 1.1em;}
.list-links li a:hover { text-decoration: underline;}
.list-links .ll-direct { background: url(../images/btn-voirdirect.png) no-repeat 0 0; }
.list-links .ll-commentrecevoir { background: url(../images/btn-commentrecevoir.png) no-repeat 0 0;}
						
@media only screen and (max-width:767.98px) {
	
	.block-addblack { margin: 0 auto;}
.list-application  .la-logo img { width: 60%; height: auto;}
.list-application  .la-label { display: block; float: left; padding: 6px 0 0 0;}
.list-application li a { font-size: 0.929em  }
 
.list-links li a {  font-size: 1em;}

}