/* Fonts */
@font-face {
    font-family: 'robotoregular';
    src: url('/modules/DigiOne.ThisASLife/Client/Fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot');
    src: url('/modules/DigiOne.ThisASLife/Client/Fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/modules/DigiOne.ThisASLife/Client/Fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff') format('woff'),
         url('/modules/DigiOne.ThisASLife/Client/Fonts/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format('truetype'),
         url('/modules/DigiOne.ThisASLife/Client/Fonts/roboto_regular_macroman/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('/modules/DigiOne.ThisASLife/Client/Fonts/roboto_bold_macroman/Roboto-Bold-webfont.eot');
    src: url('/modules/DigiOne.ThisASLife/Client/Fonts/roboto_bold_macroman/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/modules/DigiOne.ThisASLife/Client/Fonts/roboto_bold_macroman/Roboto-Bold-webfont.woff') format('woff'),
         url('/modules/DigiOne.ThisASLife/Client/Fonts/roboto_bold_macroman/Roboto-Bold-webfont.ttf') format('truetype'),
         url('/modules/DigiOne.ThisASLife/Client/Fonts/roboto_bold_macroman/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoblack';
    src: url('/modules/DigiOne.ThisASLife/Client/Fonts/roboto_black_macroman/Roboto-Black-webfont.eot');
    src: url('/modules/DigiOne.ThisASLife/Client/Fonts/roboto_black_macroman/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/modules/DigiOne.ThisASLife/Client/Fonts/roboto_black_macroman/Roboto-Black-webfont.woff') format('woff'),
         url('/modules/DigiOne.ThisASLife/Client/Fonts/roboto_black_macroman/Roboto-Black-webfont.ttf') format('truetype'),
         url('/modules/DigiOne.ThisASLife/Client/Fonts/roboto_black_macroman/Roboto-Black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}





body, html{
	font-family:'robotoregular';
	font-size: 14px;
	color: rgb(51,51,51);
	background-color: #333333
}

b, strong{
	font-family: 'robotobold';
	font-weight: normal;
}
/* Headers */

#header{
	position: relative;
}

	#header .tag {
		font-size: 14px;
		margin: 12px 0 10px 17px;
		padding: 3px 10px;
		font-family: 'Roboto'; 
		height: 25px;
	}

	#header h1 {
		font-size: 45px;
		padding-left: 80px;
		color: white;
		margin-bottom: 10px;
		font-family: 'Roboto'; 
	}



#header h1.small_h1{
	font-size: 18px;
	margin-right: 10px;
}


	#header h2 {
		font-size: 18px;
		color: white;
		margin-top: 10px;
		padding-left: 80px;
		padding-right: 10px;
		font-family: 'Roboto'; 
	}

	#header .date {
		color: black;
		margin-left: 0;
		font-family: 'Roboto'; 
	}

#header #social_tablet{
	position: absolute;
	top: 10px;
	right: 6px;
	display: none;
}

#header #social_desktop{
	display: inline-block;
	padding: 15px 15px 7px 15px;
}

#header #social_desktop img{
	width: 26px;
}

#header #social_desktop_container{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: rgba(0,0,0,0.1)
}

#header #social_mobile{
	position: absolute;
	right: 6px;
	bottom: -48px;
	z-index: 10;
	display: none;
}

#header #social_mobile a{
	display: inline-block;
}

#header #social_mobile img{
	width: 40px;
}


/* Right contents */

#right_content .right_container{
	padding: 23px 17px;
	font-size: 16px;
}

#right_content .right_container p{
	font-size: 16px;
}

#right_content .right_container a{
	font-size: 16px;
	text-transform: uppercase;
}
#right_content .right_container a:hover{
	text-decoration:underline;
}
#right_content .right_container a.arrowLink:after{
	display:inline-block;
	margin-left:5px;
	content:">";
}


#right_content h2 {
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 20px;
	font-family: 'Roboto'; 
	color: #fff;
}

#right_content h3{
	font-size: 22px;
	margin-bottom: 7px;
}

#right_content h3 a{
	font-size: 22px !important;
	text-transform: none !important;
}

#right_content h4{
	font-size: 19px;
}

#right_content h4 a{
	font-size: 19px !important;
	text-transform: none !important;
}

#right_content a {
	color: white;
	text-decoration: none;
	font-family: 'Roboto'; 
}

#right_content ul{
	padding-left: 12px;
}

#right_content ul li{
	list-style-type: none;
	padding: 4px 0;
}

#right_content .right_container ul li a{
	text-transform: none;
	font-family: 'robotobold';
}


/* Right Content Nav */

#right_content #right_nav{
	height: 210px;
    width:100%;
}

	#right_content #right_nav tr td {
		font-size: 20px;
		font-family: 'Roboto'; 
		text-transform: uppercase;
		vertical-align: middle
	}

#right_content #right_nav tr:first-of-type td{
	padding: 7px 15px;
}

#right_content #right_nav tr td a{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 5px 35px;
}


/** Les titres **/
h1,h2,h3,h4,h5,h6{
	margin:0 0 15px 0;
	font-family: 'Roboto'; 
}
	
	h1{
	}
	h2{
		font-size:16px;
		font-family: 'robotobold';
		color:#000;
		line-height:21px;
	}
	h3{
	}
	h4{
	}
	h5{
	}
	h6{
	}

/** Liste à puce **/
ul, ol{
}
	li{
	}

/** Lien **/
a{
}
a:hover{
}
	a img{
	}

/** Paragraphe **/
	p{
	}
/** Tableau **/
table{
	border-collapse:collapse;
}
caption{
}
tr{

}
th{
}
td{
	vertical-align:top;
}

/** Les formulaires **/
form{

}
fieldset{
}
label{
}
input[type="text"]{
}
input{
}
textarea{
}	
	.textarea-txt{
	}
select{

}

/** Divers **/
b, strong{
}
i{
}
small{
}
hr{
}
.italic{
	font-style: italic;
}
.sup{
	position: relative;
	top: -0.7em;
    font-size: 9px;
    line-height: 9px;
}


/* Categories */
	 #article.notArticle #article_text{
		border-bottom: none !important;
	}

	/* Orange */
	.category-orange #header{
		background-color: rgb(242,145,8);
	}
	.category-orange #social_mobile img{
		background-color: rgb(242,145,8);
	}
	.category-orange #header span.tag, .category-orange #header span.tag a{
		color: rgb(242,145,8);
	}
	.category-orange #article #article_nav_buttons a{
		background-color: rgb(242,145,8);
	}
	.category-orange #article #article_text{
		border-bottom: 2px solid rgb(242,145,8);
	}
	.category-orange  a{
		color: rgb(242,145,8);
	}
	.category-orange .big-h2{
		color: rgb(242,145,8);
	}
	.category-orange .expert h3,
	.category-orange .support h3{
		color: rgb(242,145,8);
	}

	/* grey */
	.category-grey #header{
		background-color: rgb(51,51,51);
	}
	.category-grey #social_mobile img{
		background-color:  rgb(51,51,51);
	}
	.category-grey #header span.tag, .category-grey #header span.tag a{
		color:  rgb(51,51,51);
	}
	.category-grey #article #article_nav_buttons a{
		background-color:  rgb(51,51,51);
	}
	.category-grey #article #article_text{
		border-bottom: 2px solid  rgb(51,51,51);
	}
	.category-grey  a{
		color: rgb(51,51,51);
	}
	.category-grey .big-h2{
		color:  rgb(51,51,51);
	}
	.category-grey .expert h3,
	.category-grey .support h3{
		color:  rgb(51,51,51);
	}


	/* red */
	.category-red #header{
		background-color: rgb(191,23,36);
	}
	.category-red #social_mobile img{
		background-color: rgb(191,23,36);
	}
	.category-red #header span.tag, .category-red #header span.tag a{
		color: rgb(191,23,36);
	}
	.category-red #article #article_nav_buttons a{
		background-color: rgb(191,23,36);
	}
	.category-red #article #article_text{
		border-bottom: 2px solid rgb(191,23,36);
	}
	.category-red  a{
		color: rgb(191,23,36);
	}
	.category-red .big-h2{
		color: rgb(191,23,36);
	}
	.category-red .expert h3,
	.category-red .support h3{
		color: rgb(191,23,36);
	}

	/* yellow */
	.category-yellow #header{
		background-color: rgb(254,191,71);
	}
	.category-yellow #social_mobile img{
		background-color: rgb(254,191,71);
	}
	.category-yellow #header span.tag, .category-yellow #header span.tag a{
		color: rgb(254,191,71);
	}
	.category-yellow #article #article_nav_buttons a{
		background-color: rgb(254,191,71);
	}
	.category-yellow #article #article_text{
		border-bottom: 2px solid rgb(254,191,71);
	}
	.category-yellow  a{
		color: rgb(254,191,71);
	}
	.category-yellow .big-h2{
		color: rgb(254,191,71);
	}
	.category-yellow .expert h3,
	.category-yellow .support h3{
		color: rgb(254,191,71);
	}

	/* Pink */
	.category-pink #header{
		background-color: rgb(222, 5, 77);
	}
	.category-pink #social_mobile img{
		background-color: rgb(222, 5, 77);
	}
	.category-pink #header span.tag, .category-pink #header span.tag a{
		color: rgb(222, 5, 77);
	}
	.category-pink #article #article_nav_buttons a{
		background-color: rgb(222, 5, 77);
	}
	.category-pink #article #article_text{
		border-bottom: 2px solid rgb(222, 5, 77);
	}
	.category-pink  a{
		color: rgb(222, 5, 77);
	}
	.category-pink .big-h2{
		color: rgb(222, 5, 77);
	}
	.category-pink .expert h3,
	.category-pink .support h3{
		color: rgb(222, 5, 77);
	}

	/* green */
	.category-green #header{
		background-color: rgb(161, 199, 54);
	}
	.category-green #social_mobile img{
		background-color: rgb(161, 199, 54);
	}
	.category-green #header span.tag, .category-green #header span.tag a{
		color: rgb(161, 199, 54);
	}
	.category-green #article #article_nav_buttons a{
		background-color: rgb(161, 199, 54);
	}
	.category-green #article #article_text{
		border-bottom: 2px solid rgb(161, 199, 54);
	}
	.category-green  a{
		color: rgb(161, 199, 54);
	}
	.category-green .big-h2{
		color: rgb(161, 199, 54);
	}
	.category-green .expert h3,
	.category-green .support h3{
		color: rgb(161, 199, 54);
	}

	/* prune */
	.category-prune #header{
		background-color: rgb(153,21,132);
	}
	.category-prune #social_mobile img{
		background-color: rgb(153,21,132);
	}
	.category-prune #header span.tag, .category-prune #header span.tag a{
		color: rgb(153,21,132);
	}
	.category-prune #article #article_nav_buttons a{
		background-color: rgb(153,21,132);
	}
	.category-prune #article #article_text{
		border-bottom: 2px solid rgb(153,21,132);
	}
	.category-prune  a{
		color: rgb(153,21,132);
	}
	.category-prune .big-h2{
		color: rgb(153,21,132);
	}
	.category-prune .expert h3,
	.category-prune .support h3{
		color: rgb(153,21,132);
	}

	/* mediumviolet */
	.category-mediumviolet #header{
		background-color: #A2185B;
	}
	.category-mediumviolet #social_mobile img{
		background-color: #A2185B;
	}
	.category-mediumviolet #header span.tag, .category-mediumviolet #header span.tag a{
		color: rgb(153,21,132);
	}
	.category-mediumviolet #article #article_nav_buttons a{
		background-color: #A2185B;
	}
	.category-mediumviolet #article #article_text{
		border-bottom: 2px solid #A2185B;
	}
	.category-mediumviolet  a{
		color: rgb(153,21,132);
	}
	.category-mediumviolet .big-h2{
		color: rgb(153,21,132);
	}
	.category-mediumviolet .expert h3,
	.category-mediumviolet .support h3{
		color: rgb(153,21,132);
	}

	/* blue */
	.category-blue #header{
		background-color: rgb(38,176,222);
	}
	.category-blue #social_mobile img{
		background-color: rgb(38,176,222);
	}
	.category-blue #header span.tag, .category-blue #header span.tag a{
		color: rgb(38,176,222);
	}
	.category-blue #article #article_nav_buttons a{
		background-color: rgb(38,176,222);
	}
	.category-blue #article #article_text{
		border-bottom: 2px solid rgb(38,176,222);
	}
	.category-blue  a{
		color: rgb(38,176,222);
	}
	.category-blue .big-h2{
		color: rgb(38,176,222);
	}
	.category-blue .expert h3,
	.category-blue .support h3{
		color: rgb(38,176,222);
	}


/* backgrounds */
.bg-grey{
	background:#333333 !important;
}
.bg-lightgrey{
	background:#999999 !important;
}
.bg-orange{
	background:rgb(242,145,8) !important;
}
.bg-prune{
	background:rgb(153,21,132) !important;
}
.bg-red{
	background:rgb(191,23,36) !important;
}
.bg-pink{
	background:rgb(222, 5, 77) !important;
}
.bg-green{
	background:rgb(161, 199, 54) !important;
}
.bg-lightpink{
	background:#F6E7EE !important;
}
.bg-yellow{
	background:rgb(254,191,71) !important;
}
.bg-mediumviolet{
	background:#a2185b !important;
}
.bg-blue{
	background:rgb(38,176,222) !important;
}
.bg-gray-expert{
	background-color:#d9d9d9;
}
/* hover backgrounds */
.bghover-grey:hover,
.bghover-grey.active{
	background:#333333 !important;
}
.bghover-lightgrey:hover,
.bghover-lightgrey.active{
	background:#999999 !important;
}
.bghover-orange:hover,
.bghover-orange.active{
	background:rgb(242,145,8) !important;
}
.bghover-prune:hover,
.bghover-prune.active{
	background:rgb(153,21,132) !important;
}
.bghover-red:hover,
.bghover-red.active{
	background:rgb(191,23,36) !important;
}
.bghover-pink:hover,
.bghover-pink.active{
	background:rgb(222, 5, 77) !important;
}
.bghover-green:hover,
.bghover-green.active{
	background:rgb(161, 199, 54) !important;
}
.bghover-lightpink:hover,
.bghover-lightpink.active{
	background:#F6E7EE !important;
}
.bghover-yellow:hover,
.bghover-yellow.active{
	background:rgb(254,191,71) !important;
}
.bghover-mediumviolet:hover,
.bghover-mediumviolet.active{
	background:#a2185b !important;
}
.bghover-blue:hover,
.bghover-blue.active{
	background:rgb(38,176,222) !important;
}
.bghover-gray-expert:hover,
.bghover-gray-expert.active{
	background-color:#d9d9d9;
}
/* text-color */
.txt-grey{
	color:#333333 !important;
}
.txt-lightgrey{
	color:#999999 !important;
}
.txt-orange{
	color:rgb(242,145,8) !important;
}
.txt-darkorange{
	color:#e94e1b !important;
}
.txt-prune{
	color:rgb(153,21,132) !important;
}
.txt-red{
	color:rgb(191,23,36) !important;
}
.txt-mediumviolet{
	color:#a2185b !important;
}
.txt-pink{
	color:rgb(222, 5, 77) !important;
}
.txt-green{
	color:rgb(161, 199, 54) !important;
}
.txt-yellow{
	color:rgb(254,191,71) !important;
}
.txt-yellowflash{
	color:rgb(250,230,22) !important;
}
.txt-black{
	color:#000 !important;
}
.txt-white{
	color:#FFF !important;
}
.txt-blue{
	color:rgb(38,176,222) !important;
}

/* tag */
.tag{
	background:white;
	font-size:15px;
	text-transform:uppercase;
	display:inline-block;
	padding:6px 6px 4px 6px;
}

/* columns of same height styles */
.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: middle;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}

/* vertical alignment styles */
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}



/* Gigya */
div.gig-button-container{
	padding:0 1px 0 0 !important;
	margin-bottom:0 !important;
}

/* lightbox */
a.lightbox,
a.lightbox:focus,
a.lightbox:hover{
	text-decoration:none;
}
a.lightbox_nav,
a.lightbox_nav:focus,
a.lightbox_nav:hover{
	text-decoration:none;
}

/* padding */
.padding-left-0{
	padding-left:0 !important;
}
.padding-right-0{
	padding-right:0 !important;
}
.padding-2{
	padding:2px !important;
}
.padding-5{
	padding:5px !important;
}
.padding-top-0 {
    padding-top:0 !important;
}
/* block video */
.block-video {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    margin-bottom: 25px;
}
.block-video  iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;

}
/* content-no-padding */
.article-no-padding #article{
       padding-top: 0;
}