/* BODY, PAGE */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@100..900&display=swap');


html {
	font-size: 10px;
}

body {
	background-color: #666;
	background-image: url('../images/bg-rayure.png');
	color: #333;
	font-size: 1.1rem;
	font-family: 'Roboto', Arial, sans-serif; /* Lato */
	margin: 0;
	padding: 0;
	text-align: center;
}

.body-qfq-legacy {
	background: #333;
}

.body {
	padding: 0 10px 40px 10px;
}

.page {
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 1000px;
	text-align: left;
}
.page_bordure {
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 1000px;
	text-align: left;
}


.mot-auteur-side{
	padding-left: 0 !important;
}

.mot-title{
	font-size: 18px !important;
}

.auteur-title{
	font-size: 22px !important;
}

.main {}

/* GENERAL */
a:hover {
	text-decoration: underline;
}

a,a:focus,a:active {
	text-decoration: none;
	color: inherit;
	outline: 0;
}

ul {
	list-style: none outside none;
}

h1 {
	font-size: 24px;
	font-weight: bold;
	margin: -6px 0 15px;
	border-bottom: 10px solid #333;
	letter-spacing: -1px;
}

h1 span {
	font-size: 12px;
	font-weight: normal;
	margin-left: 20px;
}

h2 {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin: 0 0 10px;
}

h2 a {
	text-decoration: none;
	color: #333;
}

h2 a:hover {
	text-decoration: none;
	color: #666;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 20px;
}

p {
	margin: 0 0 25px 0;
	font-size: 12px;
	color: #333;
}

ul,menu {
	padding: 0;
	margin: 0;
}

hr {
	clear: both;
	margin: 10px 0;
	border-width: 0 0 1px;
}





.clearbox {
	clear: both;
	height:1px;
	display: block;
	visibility:hidden;
}

/* HTML5 */
time {
	font-size: 9px;
	color: #666;
	font-weight: bold;
	float: left;
	display: block;
}

section,header,footer,aside,article {
	display: block;
	width: auto;
}

/* FORM */
input[type="text"],input[type="password"] {
	margin-bottom: 6px;
	border: 1px solid #D1D1D1;
	padding: 7px 8px;
	color: #999;
	font-size: 13px;
	width: 122px;
	margin-bottom: 7px;
}


.formulaire_oubli input[type="text"] {
	width:25rem;
}

input[type="submit"] {
	/*width: 53px;
	height: 17px;*/
	padding: .25rem;
	font-size: 9px;
	cursor: pointer;
	float: right;
	text-transform: uppercase;
	font-weight: bold;
}

legend {
	display: none;
}

form li {
	position: relative;
}

label {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 7px 8px;
	color: #999;
	font-size: 13px;
}

.choix label {
	position: relative;
	padding: 0;
}

.password-password {
	display: none;
}

.login_sidebar .formulaire_login input.text {
	width:94%;
}


/* GENERAL */
.clear {
	clear: both;
}

.left {
	float: center;
}

article.list {
    width: 658px !important;
}

article .article-content .left {
	float:left;
	width: 234s;
}

.right {
	float: right;
}

.bold {
	font-weight: bold;
}

.strong {
	font-weight: bold;
	font-size: 14px;
}

img.left {
	margin-right: 10px;
}

img.right {
	float: right;
	margin-left: 10px;
}

img.full {
	margin-bottom: 20px;
	width: 100%;
}
.image-link {
	display: inline-block;
	margin-bottom: 5px;
}

hr.big {
	margin: 3px 0 11px;
	background-color: #333;
	border: 0;
	height: 2px;
	box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.51);
	-moz-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.51);
	-webkit-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.51);
}

.btn-art {
	color:#fff;
	background:#666;
	display:inline-block;
	text-align:right;
	text-decoration:none!important;
	padding:3px 6px;
}
.btn-art.free {
	background-color:#f60403;
}

.page_sommaire hr {
	margin: 20px 0;
}

.main .pub {
	width: 468px;
	overflow: hidden;
}

.content,
.content--full-width {
	overflow: hidden;
	padding-right: 22px;
	width: auto;
	display: block;
	box-sizing: border-box;
}
.content--full-width {
	width: 100%;
	padding: 0;
}

.content p a {
	text-decoration: underline;
}

.content p a:hover {
	text-decoration: none;
}

/* GENERAL -> lire la suite */
.suite {
	background: url("../images/icn_suite.jpg") no-repeat;
	display: block;
	height: 16px;
	width: 56px;
	text-indent: -9999px;
	float: right;
}

.suite-nokey {
	background-color: #CCCCCC;
	color: #333333;
	display: block;
	float: right;
	font-size: 9px;
	height: 14px;
	padding: 2px 0 0 12px;
	width: 35px;
}

.suite:hover {
	background-position: 0 -16px;
}

.suite-nokey:hover {
	background-color: #f60403;
	color: #fff;
	text-decoration: none;
}

/* GENERAL -> list */
.toutes {
	clear: right;
	float: right;
	color: #333;
	font-weight: bold;
}

.list-arrow {
	margin-left: 20px;
}

.list-arrow li {
	background: url('../images/bullet_gris.jpg') no-repeat 0 1px transparent;
	padding-left: 16px;
	margin-left: 8px;
	margin-bottom: 15px;
}

.list-arrow a {
	display: block;
	font-size: 12px;
	position: relative;
	text-decoration: underline;
	top: -4px;
}

.list-arrow a:hover {
	text-decoration: none;
}

.pub {
	margin-bottom: 20px;
}

/***************************************************************/
/* HEADER */
/*****************************************************/

/* SLIDESHOW reboot 2024 */
.slideshow2024 {
	width: 660px;
}

.slideshow2024 .slideshow-right h2 {
	text-align:left;
	margin-top: 05px;
}




/* SLIDESHOW */
#slideshow {
	position: relative;
	height: 230px;
}


#slideshow li {
	overflow: auto;
	list-style:none;
	position: absolute;
}

#slideshow li .slideshow-logo-sommaire {
	float: left;
	width: 468px;	
	height: fit-content;
	margin-right: 23px;
	overflow: hidden;
}


#slideshow li .slideshow-logo {
	float: left;
	width: 658px;	
	height: auto;
}


#slideshow li .slideshow-logo img {
	display: block;
}

#slideshow li .slideshow-right {
	/*float: left;
	width: 658px;
	height: fit-content;
	display: block;
	position: relative;*/
	text-align: justify;
}


#slideshow li .slideshow-right-sommaire {
	float: left;
	width: 232px;
	height: 230px;
	position: relative;
	text-align: left;
}

#slideshow li .slideshow-right .suite,#slideshow li .slideshow-right .suite-nokey
	{
	position: absolute;
	bottom: 0;
	right: 0;
}

#slideshow li .slideshow-right-sommaire .suite,#slideshow li .slideshow-right-sommaire .suite-nokey
	{
	position: absolute;
	bottom: 0;
	right: 0;
}

#slideshow .vertical {
	overflow:visible;
}
#slideshow .vertical,
#slideshow .vertical li {
	width: 658px;
}
#slideshow .vertical li .slideshow-logo {
	margin-right:0;
	float:none;
	width: 232px;;
}

#slideshow .vertical li .slideshow-logo img{
	display: block;
	width: 232px;
	margin: 0px;
}

#slideshow .vertical li .slideshow-right {
	float:none;
	margin-top:30px;
	width:68px;
	height:auto;
}


#navigation {
	display: none;
}

.print_showcase
/*#sidepanel*/ {
	padding:0;
}
#sidepanel section.print_showcase {
	float:right;
	overflow:hidden;
	padding:0;
	
}
#sidepanel section.print_showcase div.logo img {

	height:183px;
}
#sidepanel section.print_showcase div.content {
	margin-top:6px;
}

/* ARTICLE */
article {
	margin-bottom: 18px;
	position: relative;
	overflow: auto;
}

/* ARTICLE -> article content  */
article .article-content {
	overflow: auto;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.4;
	margin: 0px
}


rticle .article-content-groupe {
	overflow: auto;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.4;
	margin: 0px
}

.detail .article-content-meme-sujet {
	margin: 0px;
	width: 658px;
}

.detail strong {
	font-weight:900;
}

.detail code {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight:900;
}



article .article-content p {
	margin-bottom: 10px;
	text-align: justify;
}


article .article-content-groupe p {
	margin-bottom: 10px;
	text-align: justify;
	clear:left;
}

article .article-content a {
	text-decoration: underline;
}


article .article-content-groupe a {
	text-decoration: underline;
}

article .article-content a:hover {
	color: #666;
}

article .article-content-groupe a:hover {
	color: #666;
}

article .article-content-groupe-head {
	margin-bottom: 15px;
	height: auto;
	overflow: hidden;
}

article .article-content-groupe .article-content-texte {
	float: left; /* width:278px; NO */
	padding-left: 20px;
}

article .article-content-groupe h3 {
	color:#333;
	font-weight:bold;
}

article .article-content-groupe .article-content-texte h3 {
/*	background: url('../images/bg_border_article_noimg.jpg') no-repeat 0 0 transparent;*/
	margin-left: -20px;
	padding-left: 20px;
}

article .article-content-groupe .article-content-texte-noimg {
	padding-left: 20px;
}

article .article-content-groupe .article-content-texte-noimg h3 {
	background: url('../images/bg_border_article_noimg.jpg') no-repeat 0 0 transparent;
	margin-left: -20px;
	padding-left: 20px;
}



article .article-content-head {
	margin-bottom: 15px;
	height: auto;
	overflow: hidden;
}

article .article-content .article-content-texte {
	float: left; /* width:278px; NO */
	padding-left: 20px;
}

article .article-content h3 {
	color:#333;
	font-weight:bold;
}

article .article-content .article-content-texte h3 {
	margin-left: -20px;
	padding-left: 20px;
}

article .article-content .article-content-texte-noimg {
	padding-left: 20px;
}

article .article-content .article-content-texte-noimg h3 {
	margin-left: -20px;
	padding-left: 20px;
}

article .article-content .article-content-emploi {
	padding-left:187px;
}
article .article-content .article-content-emploi h3 {
	margin-left:-20px;
}
article .article-content .article-content-emploi h3,
article .article-content .article-content-emploi h3 a {
	font-size:18px!important;
}

article .article-content .logo_article {
	position:relative;
}
article .article-content .logo_article span.credit {
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	font-size:9px;
	background:black;
	display:block;
	padding:4px 8px;
	opacity:0.4;
}
article .article-content .logo_article:hover span.credit {
	opacity:0.8;
}

/* ARTICLE -> list v/s detail  */
.detail {
	margin-bottom: 30px;
	margin-top: 0;
}

.detail .keywords {
	width: auto;
	overflow:hidden;
}

.detail ul {
	margin: 20px 0;
}

.detail h1 {
	border: none;
}

.detail .article-info {
	overflow: auto;
}

.detail .article-content {
	margin-bottom: 15px;
}

.detail .article-content p {
	text-align: justify;
}


.detail .article-content-meme-sujet {
	margin: 0px;
	display: inline-block;
}

.first {
	margin-top: 0;
}

.rubrique .pub {
	margin: 35px 0;
}

h1 {
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 24px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.7;
}

.page_article .slugline {
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.4;
	color: #333;
}

.page_article .date {
	float: left;
	background:url('../images/clock-icon.png') 0 0 no-repeat;
	padding-left:20px;
}

.page_emploi .slugline {
	color: #777;
	font-style: italic;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
}

.list h3 {
	font-family: 'Rubik', sans-serif; /* 'Oswald', cursive; */
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.4;
	color: #333;
}

.list p {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.4;
	color: #333;
}

.slideshow-right h2 {
	font-family: 'Rubik', sans-serif; /* 'Oswald', cursive; */
	font-style: normal;
	font-weight: 700;
	font-size: 26px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.2;
	color: #333;
}

.slideshow-right p {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.35;
	color: #333;
}

.detail h1 {
	font-family: 'Rubik', sans-serif; /* 'Oswald', cursive; */
	text-transform: none;
	font-style: normal;
	font-weight: 900;
	font-size: 40px;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1;
	color: #333;
}

.detail p {
  font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-size: 18px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.45;
  color: #333;
}



.chapo p {
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.4;
}

.detail h1 a,.list h3 a {
	text-decoration: none;
}

.detail h1 a img,.list h3 a img {
	display: inline-block;
	position: relative;
	top: -2px;
	margin-left: 10px;
}

.detail h2,.list h4 {
	float: left;
	clear: left;
	/*color: #999;*/
	font-size: 100%;
	font-weight: normal;
	margin: 0;
}

.detail h2 a,.list h4 a {
	color: #999;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none
}

.list img.left {
	width: 170px;
}

.list img.left2 {
	width: 280px;
	margin-right: 20px;
}

/* ARTICLE -> date */
article .date {
	margin: 0px 0px 5px 0px;
	color: #999999;
	font-size: 12px;
}

/* ARTICLE -> keywords */
article .keywords {
	float: left;
	width: auto;
	overflow: auto;
	color: #999;
}

article .keywords a {
	color: #999999;
	font-size: 12px;
	text-decoration: none;
}

/* MIDDLE COLUMN */
section {
	margin-bottom: 20px;
	overflow: auto;
	clear: both;
}

.planete-emplois iframe {
	border:0;
	height:1404px;
}

.lien-emploi {
	border: 1px solid #f60403;
	color: #f60403;
	overflow: hidden;
	height: auto;
}

.middle .lien-emploi {
	padding-bottom: 10px;
}

.lien-emploi .green-head {
	background-color: #f60403;
	padding: 17px 10px;
	overflow: auto;
}

.lien-emploi .green-head a.titre-emploi {
	float: left;
	margin: 0;
	text-indent: -9999px;
	height: 29px;
	width: 164px;
	background: url('../images/logo_box_emploi.jpg') no-repeat
}

.lien-emploi .green-head .emploi-slug {
	color: #FFFFFF;
	display: block;
	float: left;
	clear: left;
	font-style: italic;
	width: auto;
}

.lien-emploi .green-head a.publier {
	font-size: 9px;
	float: right;
	background-color: #333;
	color: #fff;
	text-transform: uppercase;
	display: block;
	height: 28px;
	font-weight: bold;
	width: 53px;
	padding: 14px 10px 17px;
}

.lien-emploi .green-head a:hover.publier {
	text-decoration: none;
}

.lien-emploi .green-head .arrow {
	display: inline;
	margin-left: 2px;
}

.lien-emploi .emploi-list {
	padding: 10px!important;
	margin:0!important;
}

.lien-emploi .emploi-list li {
	list-style:none!important;
	margin-bottom: 9px;
	background: url('../images/bullet_gris.jpg') no-repeat 0 6px transparent;
	padding-left: 10px;
}

.lien-emploi .emploi-list li a {
	color: #f60403;
}

.lien-emploi .emploi-list li a:hover {
	color: #666;
	text-decoration: none;
}

.lien-emploi .cta-emploi-publier,
.lien-emploi .cta-emploi-toutes {
	color: white!important;
	background-color: #f60403;
	font-weight: bold;
	font-size: 10px;
	padding: 6px 7px;
	display: block;
	float: left;
	margin-left: 7px;
}

.lien-emploi .cta-emploi-publier:hover,
.lien-emploi .cta-emploi-toutes:hover
{
	background-color: #666;
	text-decoration: none;
}

/* PAGE EMPLOI */
.logo-emploi {
	border: 1px solid #666;
	padding: 20px 0;
}

.logo-emploi img {
	margin: 0 auto;
}

/* MIDDLE COLUMN */
.middle {
	clear: both;
}

.categorie {
	overflow: auto;

}

.categorie .rubrique {

}

.categorie h2 {
	font-weight: bold;
	font-size: 16px;
	float: left;
	clear: right;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

.middle .categorie article {
	margin: 0 0 15px;
	background-color: #f5f5f5;
	padding: 6px;
}

.middle .categorie article a {
	color: #555;
	display: block;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

.middle .categorie article a:hover {
	color: #333;
	text-decoration: none;
}

.middle .categorie article a img.left {
	margin-right: 10px;
}

.middle .categorie article .cta-article {
	width: 200px;
}

.middle .categorie article .cta-article.no-logo,
.cta-article--no-logo {
	width: 288px;
}

.middle .categorie .article-list li {
	background: url('../images/bullet_gris.jpg') no-repeat 0 6px transparent;
	padding-left: 16px;
	margin-left: 8px;
	margin-bottom: 5px;
}

.middle .categorie .article-list li a {
	color: #555;
	font-size: 12px;
	font-weight: normal;
}

.middle .categorie .article-list li a:hover {
	color: #333;
	text-decoration: none;
}

.middle .categorie .toutes {
	margin-top: 2px;
	color: #000;
}

.middle .categorie .toutes:hover {
	text-decoration: none;
	color: #666;
}

.middle  .pub-big-box {
	overflow: hidden;
}

/* SIDEBAR */
.rightCol{
	box-sizing: border-box;
	
}

.rightColFooter{
	box-sizing: border-box;
	padding-left: 20px;
}

.sidebar, .sidebar-auto {
	/* padding: 10px; */
	clear: both;
}
.sidebar {
	min-height: 200px;
	/* background-color: #ddd; */
}

/* START .suivez-nous */
.sidebar section,
.sidebar-auto section {
	padding: 11px 9px;
	position: relative;
}

.sidebar section h2,
.sidebar-auto section h2 {
	float: left;
	font-size: 11px;
	font-weight: bold;
}
/* END .suivez-nous */

.sidebar section form input[type="text"],
.w300 section form input[type="text"],
.sidebar section form input[type="password"],
.w300 section form input[type="password"] {
	border: 1px solid #d1d1d1;
	color: #999999;
	font-size: 13px;
	width: 122px;
	margin-bottom: 7px;
}

.w300 section form input[type="text"],
.w300 section form input[type="password"] {
	width: 262px;
}

.sidebar section form input[type="submit"] {
	width: 53px;
	height: 17px;
	font-size: 9px;
	cursor: pointer;
	float: right;
}

/* SIDEBAR-ARTICLE */
.sidebar-article,
.sidebar-groupe,
.sidebar-mot {
/*	 width: 160px !important;*/
	 background-color: #fff!important;
	min-height: 200px;

}


/* sidebar -> connexion */
.sidebar .connexion,
.w300 .connexion {
	background-color: #fff;
	border: 1px solid #bbbbbb;
	overflow:hidden;
}

.w300 .connexion {
	padding: 11px 9px;
	position: relative;
}

.w300 .connexion h2 {
	float: left;
	font-size: 11px;
	font-weight: bold;
}

.sidebar .connexion hr,
.w300 .connexion hr {
	margin: 10px -9px;
	width: 157px; /* bug IE8 ! */
}

.w300 .connexion hr {
	width:298px;
}

.sidebar .connexion a,
.w300 .connexion a {
	color: #666666;
	font-size: 8px;
	font-weight: bold;
}

.sidebar .connexion .key,
.w300 .connexion .key {
	background: url("../images/icn_key.png") no-repeat scroll 0 0
		transparent;
	float: right;
	height: 7px;
	margin-top: 4px;
	width: 15px;
}

/* sidebar -> recherche */
.w300 .recherche {
	overflow:hidden;
	padding: 11px 9px;
}
.sidebar .recherche,
.w300 .recherche {
	background-color: #333;
	border: 1px solid #6d6d6d;
	position: relative;
}

.sidebar .recherche label,
.w300 .recherche label {
	padding-left: 18px;
	padding-top: 18px;
}

.w300 .recherche form input[type="text"],
.sidebar .recherche form input[type="text"] {
	margin: 0;
}

.w300 .recherche form input[type="submit"],
.sidebar .recherche form input[type="submit"] {
	display: block;
	text-indent: -9999px;
	border: 0;
	height: 29px;
	width: 24px;
	position: absolute;
	background: url("../images/play_recherche.jpg") no-repeat scroll 10px
		11px white;
	right: 13px;
	top: 12px;
	border-left: 1px solid #F0F0F0;
}

/* sidebar -> infolettre */
.sidebar .infolettre,
.w300 .infolettre {
	background-color: #f60403;
	border: 1px solid #f60403;
}
.w300 .infolettre {
	padding: 11px 9px;
	position: relative;
}

.sidebar .infolettre h2,
.w300 .infolettre h2 {
	color: #ccc;
}

.w300 .infolettre h2 {
	float: left;
	font-size: 11px;
	font-weight: bold;
}

.sidebar .infolettre p,
.w300 .infolettre p {
	color: #ccc;
}

.sidebar .infolettre a,
.w300 .infolettre a {
  color: #ccc;
}
.sidebar .infolettre a:hover,
.w300 .infolettre a:hover {
  color: #fff !important;
}

.sidebar .infolettre .infolettre-merci,
.w300 .infolettre .infolettre-merci {
	color: #f60403;
	clear:both;
}

.sidebar .infolettre h2 span,
.w300 .infolettre h2 span {
	color: #fff;
}

.sidebar .infolettre .mail,
.w300 .infolettre .mail {
	background: url("../images/icn_mail.png") no-repeat scroll 0 0
		transparent;
	height: 11px;
	position: absolute;
	right: 10px;
	width: 15px;
}

.sidebar .infolettre form input[type="text"],
.w300 .infolettre form input[type="text"] {
	margin-bottom: 0;
}
.w300 .infolettre form input[type="text"] {
	width:260px;
}

.sidebar .infolettre form input[type="submit"],
.w300 .infolettre form input[type="submit"] {
	display: block;
	text-indent: -9999px;
	border: 0;
	height: 29px;
	width: 24px;
	position: absolute;
	background: url("../images/play_recherche.jpg") no-repeat scroll 10px
		11px white;
	right: 13px;
	bottom: 12px;
	border-left: 1px solid #F0F0F0;
}

.sidebar .infolettre form input[type="submit"]:focus,
.sidebar .infolettre form input[type="submit"]:hover,
.w300 .infolettre form input[type="submit"]:focus,
.w300 .infolettre form input[type="submit"]:hover {
	color: #333;
}

/* sidebar -> suivez-nous */
.sidebar .suivez-nous, .suivez-nous{
	background-color: #fff;
	border: 1px solid #bbbbbb;
	padding: 11px 9px;
	position: relative;
}

.sidebar .suivez-nous h2, .suivez-nous h2 {
	margin: 3px 0 0;
	float: left;
	font-size: 11px;
	font-weight: bold;
}

.sidebar .suivez-nous a, .suivez-nous a {
	text-indent: -9999px;
	display: block;
	height: 17px;
	width: 21px;
	float: right;
}

.sidebar .suivez-nous .twitter, .suivez-nous .twitter  {
	background: url("../images/icns_followus.jpg") no-repeat scroll 0 0
		transparent;
	margin-right: 5px;
}

.sidebar .suivez-nous .twitter:hover, .suivez-nous .twitter:hover {
	background-position: 0 -17px;
}

.sidebar .suivez-nous .rss, .suivez-nous .rss {
	background: url("../images/icns_followus.jpg") no-repeat scroll -23px 0
		transparent;
	width: 17px;
}

.sidebar .suivez-nous .rss:hover,  .suivez-nous .rss:hover {
	background-position: -23px -17px;
}

.sidebar .suivez-nous .facebook, .suivez-nous .facebook {
	background: url("../images/icns_followus.jpg") no-repeat scroll -40px 0
		transparent;
	width: 17px;
}

.sidebar .suivez-nous .facebook:hover, .suivez-nous .facebook:hover {
	background-position: -40px -17px;
}

/* sidebar -> guide multimedia */
.sidebar .guide-mul .block-head .right-icn {
	background-position: -229px 0 !important;
}

.sidebar .guide-mul .block-content a {
	font-weight: bold;
	margin-top: 5px;
}

.sidebar .guide-mul .block-content a img {
	margin-bottom: 10px;
}

/* sidebar -> bulletin pdf */
.sidebar .bulletin-pdf .block-head .right-icn,
.w300 .bulletin-pdf .block-head .right-icn {
	background-position: -229px 0 !important;
}

.sidebar .bulletin-pdf .block-content ul li,
.w300 .bulletin-pdf .block-content ul li {
	background: url('../images/bullet_gris.jpg') no-repeat 0 5px transparent;
	padding-left: 16px;
	margin-left: 8px;
	margin-bottom: 0 !important;
	color: #333;
	font-weight: bold;
}

.sidebar .bulletin-pdf .block-content a.bulletin span,
.w300 .bulletin-pdf .block-content a.bulletin span {
	background: url("../images/icn_key.png") no-repeat scroll 0 0
		transparent;
	display: inline-block;
	height: 7px;
	width: 15px;
}

.sidebar .bulletin-pdf .block-content a:hover.bulletin span {
	background-position: 0 -7px;
}

/* sidebar -> explicatif */

.sidebar .explicatif .block-content p:last-child {
	margin-bottom: 0;
}
.sidebar .explicatif img {
	max-width: 100%;
	height: auto;
}

/* sidebar -> meme-sujet */

.sidebar .meme-sujet {
	overflow:hidden;
	float: left;
	

}
.sidebar .meme-sujet .block-content ul li ul li {
	background: url('../images/bullet_gris.jpg') no-repeat 0 5px transparent;
	padding-left: 16px;
	margin-left: 8px;
	margin-bottom: 0 !important;
}


/* sidebar -> generic .block */
.sidebar .block,.content .block,.middle .block,.evenement .block {
	padding: 0;
	background-color: #fff;
	border: 1px solid #000;
}

.license-article {
	padding: 2em;
	box-sizing: border-box;
}

.sidebar .block .block-head,.content .block .block-head,.middle .block .block-head,.evenement .block .block-head,.connexion.block .block-head
	{
	background-color: #333333;
	height: 15px;
	padding: 11px 9px;
}

.evenement .block .block-head {
	height: 19px !important;
}

.block-head__title,
.sidebar .block .block-head h2,
.content .block .block-head h3,
.middle .block .block-head h2,
.evenement .block .block-head h1,
.connexion.block .block-head h3
	{
	margin: 6px 0 0 0;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
.block-head__title__link,
.block .block-head h2 a {
	color: #fff !important;
}
.block-head__title {
	text-transform: uppercase;
	color: #fff;
}

.my-quote {
    font-style: italic;
    padding-left: 30px;
}

.my-quote:before {
    content: "“";
    font-size: 3em;
    line-height: 0.1em;
    vertical-align: -0.4em;
}

.my-quote:after {
    content: "”";
    font-size: 3em;
    line-height: 0.1em;
    vertical-align: -0.4em;
}





.block-connexion.block .block-head {
	background:#f60403!important;
	border-bottom:0;
	height:50px;
	text-align: center;
}

.block-connexion.block .block-head h3 {
	text-transform: uppercase;
	font-size:150%;
	text-align: center;
	padding-left:20px;
}

.block-connexion.block .block-content hr {
	width:218px;
}

.block-connexion.block .block-content {
	background:url('../../images/bg-block-connexion.png') calc(100% - 20px) calc(100% - 20px) no-repeat;
	background-size: auto 200px;
}

.block-connexion.block button {
    border: 0;
    color: #fff;
    background-color: #f60403;
    cursor: pointer;
    font-weight: bold;
    margin-right: 20px;
    color: #fff;
    width: 77px;
    height: 32px;
    cursor: pointer;
    font-weight: bold;
}

.block-connexion.block p {
	margin-bottom:1em;
}

.block-connexion.block .block-head h3 {
/*	color:#fff!important;*/
	color:black;
	font-weight: bold;

}

.block-head__right-icn,
.sidebar .block .block-head .right-icn,
.content .block .block-head .right-icn,
.middle .block .block-head .right-icn,
.evenement .block .block-head .right-icn
{
	background: url("../images/icns_sidebar.jpg") no-repeat scroll 0 0 transparent;
	float: right;
	height: 20px;
	width: 20px;
}

.block-content,
.sidebar .block .block-content,
.content .block .block-content,
.middle .block .block-content,
.evenement .block .block-content
{
	padding: 11px 9px;
	overflow: auto;
}

.sidebar .block .block-content .toutes,
.content .block .block-content .toutes,
.middle .block .block-content .toutes,
.evenement .block .block-content .toutes
{
	margin-top: 20px;
}

.sidebar .block .block-content article,
.content .block .block-content article,
.middle .block .block-content article,
.evenement .block .block-content article
{
	margin-top: 0;
}

.sidebar .block .block-content ul li,
.content .block .block-content ul li,
.middle .block .block-content ul li,
.evenement .block .block-content ul li
{
	margin-bottom: 5px;
}

.block-content-link,
.block-content ul li a,
.sidebar .block .block-content ul li a,
.content .block .block-content ul li a,
.middle .block .block-content ul li a,
.evenement .block .block-content ul li a
{
	color: #333;
}

/* sidebar -> video */
.sidebar .video .block-head .right-icn,
.w300 .video .block-head .right-icn {
	background-position: -53px 0;
}

.sidebar .video .block-content article,
.w300 .video .block-content article {
	margin-bottom: 20px;
	overflow:hidden;
}

.w300 .video .block-content article.small {
	width:135px;
	float:left;
	margin-right:5px;
	overflow:hidden;
}

.sidebar .video .block-content article h3,
.w300 .video .block-content article h3 {
	font-weight: bold;
	font-size: 11px;
	margin-top: 10px;
	color: #333;
}

.sidebar .video .block-content article .video-thumbnail img {
	width: 140px;
}

.sidebar .video .block-content article .video-thumbnail .btn-play,
.w300 .video .block-content article .video-thumbnail .btn-play {
	background: url("../images/icn_play.png") no-repeat scroll 0 0	transparent;
	display: block;
	height: 52px;
	left: 42px;
	position: absolute;
	text-indent: -9999px;
	top: 23px;
	width: 56px;
}
.w300 .video .block-content article .video-thumbnail .btn-play {
	top:53px;
	left:112px;
	width: 56px;
}
.w300 .video .block-content article.small .video-thumbnail .btn-play {
	top:15px;
	left:41px;
	width:56px;
}
.w300 .video .block-content article .video-thumbnail img {
	margin-bottom:10px;
}
.sidebar .video .block-content article .video-thumbnail:hover .btn-play,
.w300 .video .block-content article .video-thumbnail:hover .btn-play
{
	background-position: 0 -52px;
}

.sidebar .video .block-content article .duration,
.w300 .video .block-content article .duration {
	background: url("../images/bg_gris.png") repeat scroll 0 0 transparent;
	color: #FFFFFF;
	float: right;
	font-size: 10px;
	font-weight: bold;
	height: 15px;
	margin-top: -16px;
	padding: 1px 0 0 4px;
	position: relative;
	width: 31px;
}

/* sidebar -> calendrier */
.sidebar .calendrier .block-head .right-icn,
.w300 .calendrier .block-head .right-icn {
	background-position: -76px 0;
}

.sidebar .calendrier .block-content span {
	color: #666;
}

.sidebar .calendrier .block-content h3 a,
.w300 .calendrier .block-content h3 a {
	font-weight: bold;
	color: #000;
}

.sidebar .calendrier .block-content article {
	margin-bottom: 18px;
}

/* sidebar -> dossier */
.sidebar .dossier .block-head .right-icn {
	background-position: -104px 0;
}

/* sidebar -> guide */
.sidebar .guide h2 {
	font-size: 11px;
	margin-bottom: 5px;
}

.sidebar .guide-annuel .block-head .right-icn {
	background-position: -127px 0 !important;
}

.sidebar .guide-annuel .block-content {
	background-color: #333;
	padding: 0 9px 11px;
}

.sidebar .guide-annuel form input[type="text"] {
	margin-bottom: 0;
}

.sidebar .guide-annuel form input[type="submit"] {
	display: block;
	text-indent: -9999px;
	border: 0;
	height: 29px;
	width: 24px;
	position: absolute;
	background: url("../images/play_recherche.jpg") no-repeat scroll 10px	11px white;
	right: 13px;
	bottom: 12px;
	border-left: 1px solid #F0F0F0;
}

.sidebar .guide-annuel form input[type="submit"]:hover {
	text-decoration: underline;
}

.sidebar .autres-sites h2 span.legend,
.w300 .autres-sites h2 span.legend {
	display: none;
}

.sidebar .autres-sites .block-head .right-icn,
.w300 .autres-sites .block-head .right-icn {
	background-position: -152px 0;
}

.sidebar .autres-sites .block-content ul li a,
.w300 .autres-sites .block-content ul li a {
	font-size: 9px;
}

.sidebar .itnewslink h2 span.legend,
.w300 .itnewslink h2 span.legend {
	display: none;
}

.sidebar .itnewslink .block-head .right-icn,
.w300 .itnewslink .block-head .right-icn {
	background-position: -152px 0;
}

.sidebar .itnewslink .block-content ul li a,
.w300 .itnewslink .block-content ul li a {
	font-size: 9px;
}

.w300 .autres-sites ul li,
.w300 .itnewslink ul li {
	margin-bottom: 9px;
	background: url('../images/bullet_vert.jpg') no-repeat 0 6px transparent;
	padding-left: 10px;
}

/* FOOTER */
footer {
	clear: both;
}

footer section {
	margin: 0;
}

/* FOOTER -> top */
footer .footer-top {
	background-color: #333;
	padding: 30px 10px;
	color: #fff;
}

footer .footer-top .leftCol {
	width: 310px;
/*	background: url('../images/footer_separator.jpg') no-repeat scroll right top transparent; */
	padding-right: 10px;
	height: 329px;
}

footer .footer-top .rightCol {
	width: 652px;
	/* padding-left: 10px; */
	box-sizing: border-box;
}

footer .footer-top h2 {
	font-size: 18px;
	font-family: Museo900;
	color: #fff;
	font-weight: normal;
}

footer .footer-top h3 {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

footer .footer-top .magazine {
	width: 144px;
	padding-right: 15px;
	margin-top: 30px;
	float: left;
}

footer .footer-top .magazine.last {
	padding: 0;
}

footer .footer-top .magazine .magazine-thumbnail {
	border: 3px solid #292929;
	height: 185px;
	margin-bottom: 15px;
	margin-left: -3px;
	overflow: hidden;
}

footer .footer-top .magazine .magazine-thumbnail .cta {
	width: 145px;
	height: 220px;
	background: url('../images/bg_gris.png') repeat scroll 0 0 transparent;
	position: relative;
	margin-top: -220px;
	display: none;
}

footer .footer-top .magazine .magazine-thumbnail img {
	width: 141px;
	height: 220px;
}

footer .footer-top .leftCol .magazine .magazine-thumbnail img {
	width: 141px;
	height: 185px;
}

footer .footer-top .leftCol .magazine .magazine-thumbnail .cta {
	width: 145px;
	height: 186px;
	margin-top: -186px;
}

footer .footer-top .magazine .magazine-thumbnail:hover .cta {

}

footer .footer-top .magazine .magazine-thumbnail .cta a {
	background-color: #000000;
	color: #fff;
	display: block;
	font-weight: bold;
	float: left;
	position: relative;
}

footer .footer-top .magazine .magazine-thumbnail .cta a:hover {
	color: #ff9933;
	text-decoration: none;
}

footer .footer-top .magazine .magazine-thumbnail .cta a .right-arrow {
	background: url('../images/arrow_right.png') no-repeat scroll 0 0
		transparent;
	width: 5px;
	height: 6px;
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	left: 5px;
}

footer .footer-top .magazine .magazine-thumbnail .cta a:hover .right-arrow
	{
	background-position: 0 -6px;
}

footer .footer-top .magazine .magazine-thumbnail .cta .cta-1 {
	font-size: 16px;
	margin-top: 55px;
	padding: 12px 16px 12px 7px;
}

footer .footer-top .magazine .magazine-thumbnail .cta .cta-2 {
	font-size: 12px;
	padding: 5px 16px 5px 7px;
}

/* FOOTER -> bottom */
footer .footer-bottom {
	background: url('../images/footer-border.png') no-repeat 0 top #232323;
	padding: 30px 10px;
	color: #fff;
	position: relative;
}

footer .footer-bottom .logo {
	float: left;
	width: 158px;
}

footer .footer-bottom  .copyright {
	color: #666;
	font-size: 10px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

footer .footer-bottom  .tractr {
	color: #666;
	font-size: 10px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

footer .footer-bottom .column {
	width: 148px;
	padding-right: 10px;
	border-left: 2px solid #2d2d2d;
	float: left;
	padding-left: 7px;
	text-align: left;
	font-size: 11px;
	overflow: hidden;
	height: auto;
	font-family: 'Lato', sans-serif;
}

footer section {
	overflow: hidden;
  height: auto;
}

footer .footer-bottom .column.two-list {
	padding-right: 0;
	width: 260px;
}

footer .footer-bottom .column.two-list li {
	float: left;
	padding-right: 40px;
	width: 90px;
}

footer .footer-bottom .column h2 {
	color: #666;
	font-size: 11px;
	margin-bottom: 10px;
}

footer .footer-bottom .column ul {
	float: left;
}

footer .footer-bottom .column ul li a {
	color: #ccc;
	margin-bottom: 2px;
	line-height: 1.3;
	display: inline-block;
}

footer .footer-bottom .column ul.second-list {
	float: right;
}

footer .footer-bottom .column .autres-sites .right-icn {
	display: none;
}

footer .footer-bottom .column .autres-sites h2 span {
	display: none;
}

footer .footer-bottom .column .autres-sites h2 span.legend {
	display: block;
	text-transform: uppercase;
}

/* ARTICLE DETAIL */
.auteur {
	color: #a5a5a5;
	float: left;
	margin-bottom: 5px;
}

.auteur_text {
	background:url('../images/author-icon.png') 0 0 no-repeat;
	padding-left:20px;
}

.license-article {
	padding: 2em;
	box-sizing: border-box;
}


.texte-article {
	float:left;

}



.content .block .meme-sujet {
	float: left;
}

.block .meme-sujet {
	float: left;
}

.content .meme-sujet {
	float: left;
}

.meme-sujet {
	display: inline-block;
	width: 658px !important;
}


.content .meme-sujet .block-head .right-icn {
	background-position: -182px 0;
}

.content .meme-sujet .block-content ul {
	margin-bottom: 0;
}

.content .meme-sujet .block-content ul li {
	margin-bottom: 0px;
	margin-bottom: 0px;
}

.content .meme-sujet .block-content ul li a {
	/* color: #777; */
}

.content .meme-sujet .block-content ul li ul {
	margin-top: 10px;
}

.content .meme-sujet .block-content ul li ul li {
	margin-bottom: 5px;
	background: url('../images/bullet_gris.jpg') no-repeat 0 6px transparent;
	padding-left: 16px;
	margin-left: 8px;
	margin-bottom: 5px;
}

/* ARTICLE DETAIL -> bloc archive*/
.middle .nos-archive .block-head .right-icn {
	background-position: -4px 0;
}

.middle .nos-archive .block-content .nos-archive-content {
	width: 178px;
	float: left;
}

.middle .nos-archive .block-content .nos-archive-content.noimg {
	width: auto;
}

.middle .nos-archive .block-content .nos-archive-content h3 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 15px;
}

.middle .nos-archive .block-content time {
	float: left;
	margin-top: 0;
}

.middle .nos-archive .block-content .suite {
	bottom: 3px;
	float: right;
	position: relative;
}

/* CALENDRIER */
.calendrier form {
	overflow: visible;
	height: 28px;
}

.calendrier .select-mois .selectBox-dropdown {
	width: 50px;
	float: left;
}

.calendrier .select-annee .selectBox-dropdown {
	width: 40px;
	float: left;
}

.calendrier .select-categorie .selectBox-dropdown {
	width: 100px;
	float: left;
}

.calendrier form input[type="submit"] {
	border: none;
	background-color: #333;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	float: right;
	width: 80px; /*padding:0 10px;*/
	height: 27px;
}

.calendrier ul {
	margin-top: 35px;
}

.calendrier ul li {
	padding: 10px 18px 1px;
}

.calendrier ul .gris {
	background-color: #f2f2f2;
}

.calendrier ul li span {
	font-size: 12px;
	font-weight: bold;
}

.calendrier ul li h2 {
	font-size: 12px;
	font-weight: normal;
	margin-top: 2px;
}

/* CALENDRIER -> widget */
.middle .block-calendrier .block-head .right-icn {
	background-position: -77px 0;
}

.middle .block-calendrier .block-content {
	padding: 20px 27px;
}

.middle .block-calendrier .block-content h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

.middle .block-calendrier .block-content table tr {
	height: 20px;
}

.middle .block-calendrier .block-content table tr.jours {
	height: 30px;
}

.middle .block-calendrier .block-content table tr td {
	padding-right: 23px;
	font-size: 12px;
}

.middle .block-calendrier .block-content table tr td.last {
	padding-right: 0;
}

.middle .block-calendrier .block-content table tr td a {
	text-decoration: underline;
	color: #f60403;
}

.middle .block-calendrier .block-content table tr td a:hover {
	text-decoration: none;
}

/* EVENEMENT */
.evenement {
	background-color: #fff;
	text-align: left;
	height: 100%;
}

.evenement .block {
	border: none;
}

.evenement .block .block-head h1 {

}

.evenement .block .block-head .right-icn {
	background-position: -82px 0;
	float: left;
	margin-right: 5px;
	margin-top: -2px;
}

.evenement .block .block-content {
	margin: 25px 0 0 25px;
	overflow: auto;
	height: 480px;
	width: 500px;
}

.evenement .block .block-content time {
	margin: 0;
	font-size: 12px;
}

.evenement .block .block-content h2 {
	clear: left;
	font-size: 18px;
}

.evenement .block .block-content ul {
	float: none;
	margin-bottom: 5px;
	margin-left: 30px;
}

.evenement .block .block-content ul li {
	list-style: square outside none;
	font-size: 12px;
}

.evenement .block .block-content .more-info {
	color: #f60403;
	margin-left: 30px;
	text-decoration: underline;
}

.evenement .block .block-content .more-info:hover {
	text-decoration: none;
}

.evenement .block .block-content .pub-big-box {
	margin: 30px auto 0;
}

.evenement .block .block-content .pub-big-box a img {
	margin: 0 auto;
}

/* CONTACT */
.contact-info {
	overflow: auto;
	margin-bottom: 20px;
}

.contact-info div {
	color: #999999;
	display: block;
	font-size: 12px;
	line-height: 20px;
}

.contact-info div a {
	color: #999999;
	font-size: 12px;
	line-height: 20px;
}

.contact-info .right div {
	clear: right;
	float: right;
}

.contact-info .left-icn {
	background: url("../images/icns_contact.jpg") no-repeat scroll 0 0
		transparent;
	display: inline-block;
	height: 14px;
	margin-right: 10px;
	position: relative;
	top: 1px;
	width: 20px;
}

.contact-info .left-icn.phone {
	background-position: -22px 0;
}

.contact-info .left-icn.fax {
	background-position: -43px 0;
}

.contact-info .left-icn.email {
	background-position: 0 0;
}

/* CONTACT -> list */
.contact-list {
	margin-bottom: 30px;
	overflow: auto;
}

.contact-list li {
	float: left;
	margin-right: 16px;
	margin-bottom: 12px;
	overflow: hidden;
}

.contact-list li.last {
	margin-right: 0;
}

.contact-list li h2 {
	font-size: 10px;
	text-align: center;
	margin: 0;
}

.contact-list li span,.contact-list li p {
	font-size: 10px;
	text-align: center;
	display: block;
	margin: 6px 0;
}

.contact-list li .contact-thumbnail {
	margin-bottom: 10px;
	position: relative;
	display: block;
	height: auto;
	width: 140px;
	overflow: hidden;
	text-align: center;
}

.contact-list li .contact-thumbnail img {
	height: 140px;
	margin: 0 auto;
	left: 50%;
}

.contact-list li .contact-thumbnail .cta {
	background: url("../images/bg_gris.png") repeat scroll 0 0 transparent;
	color: #FFFFFF;
	display: none;
	font-size: 16px;
	padding-top: 50px;
	position: absolute;
	top: 0px;
	left: 0px; /*margin-top: -138px;position: relative;float: left; */
	width: 100%;
	height: 100%;
}

.contact-list li .contact-thumbnail .cta:hover {
	text-decoration: none;
}

.contact-list li .contact-thumbnail .cta img {
	margin: 0 auto;
	height: auto;
}

/* EMPLOI */
.emploi-list-page .list h3 a:hover {
	color: #638f38;
}

.emploi-list-page .article-content-texte {
	width: 275px;
}

.logo-emploi-small {
	padding: 20px 0;
	border: 1px solid #666;
	margin: 0 15px 0 0;
	float: left;
}

.logo-emploi-small img {
	margin: 0 auto;
}

.logo-emploi {
	padding: 20px 0;
	clear: both;
	border: 1px solid #333;
	margin: 20px 0;
}

.logo-emploi img {
	margin: 0 auto;
}

.content .lien-emploi .green-head a.publier {
	width: 100px;
}

.emploi h1 {
	float: left;
	font-size: 20px;
	margin: 5px 0 20px;
	width: 365px;
}

.emploi h2 {
	float: none;
	text-align: center;
	color: #f60403;
	font-size: 14px;
	font-weight: bold;
}

.emploi h3 {
	float: none;
	font-size: 12px;
	margin: 25px 0;
	font-weight: bold;
}

.emploi time {
	float: right;
	margin-top: 12px;
}

.emploi article ul {
	margin-bottom: 25px;
}

.emploi article ul li {
	list-style: square outside none;
	margin-left: 40px;
	font-size: 12px;
	margin-bottom: 10px;
}

.emploi article ul li ul {
	margin-top: 10px;
}

.emploi article ul li ul li {
	margin-top: 10px;
	list-style-image: url('../images/bullet-white.jpg');
}

/* PUBLICATIONS */
.rightCol .publications section {
	width:147px;
	overflow:hidden;
	clear:none;
}

.rightCol .publications section.left {
	float:left;
}

.rightCol .publications section.right {
	float:right;
}

.rightCol .publications section .block-content ul {
	margin-top:4px;
}


/* VIDEO */
.content article .video-thumbnail {
	display: block;
	float: left;
	height: 113px;
	overflow: hidden;
	position: relative;
	margin-right: 20px;
	width: 170px;
}

.content article .video-thumbnail img { /*width: 185px;*/

}

.content article .video-thumbnail .btn-play {
	background: url("../images/icn_play.png") no-repeat scroll 0 0
		transparent;
	display: block;
	height: 52px;
	left: 58px;
	position: absolute;
	text-indent: -9999px;
	top: 33px;
	width: 56px;
}

.content article .video-thumbnail:hover .btn-play {
	background-position: 0 -52px;
}

.content article .duration {
	background: url("../images/bg_gris.png") repeat scroll 0 0 transparent;
	bottom: 0;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	height: 15px;
	padding: 1px 0 0 4px;
	position: absolute;
	right: 15px;
	width: 31px;
}

/* PAGINATION */
.pagination a {
	font-weight: bold;
	color: #000;
}

.pagination .suivants {
	float: left;
}

.pagination .precedents {
	float: right;
}


/* pagination  SPIP4*/
.pagination-items {
	display:flex;
	flex-wrap:wrap;
}

.pagination-item {
	width:50% !important;
}

.pagination-item.next {
	text-align:right;
}

.pagination--inline {
	margin-top: 1rem;
}

.pagination--inline .pagination-items {
	justify-content:space-between;
}

.pagination--inline .pagination-item  {
	width:inherit !important;
}

/* pagination pages */
.pagination_custom_article .pagination-item {
	width:inherit !important;
	padding:0.5em;
}


/* DOCUMENT */
.spip_documents_left {
	margin-right: 10px;
}

/* LOGIN */
.block-connexion {
	border: 1px solid #bbb;
	width:658px;
	text-align: center;
	

}

.block-connexion .block-head {
	background-color: #fff !important;
	border-bottom: 1px solid #bbb;
}

.block-connexion .block-head h3 {
	color: #fff !important;
}

.block-connexion .right-icn {
	background: url("../images/icn_key.png") no-repeat scroll 5px 13px
		transparent !important;
	bottom: 3px;
	position: relative;
}

.block-connexion .block-content span {
	color: #333;
	font-size: 12px;
}

.formulaire-block-connexion {
	overflow: hidden;
}

.formulaire-block-connexion .boutons {
	float: none !important;
	margin-bottom:0.5em;
}

.formulaire-block-connexion fieldset {
	float: none;
}

.formulaire-block-connexion li {
	float: none;
	margin:0!important;
}

.formulaire-block-connexion input[type="text"],
.formulaire-block-connexion input[type="password"] {
	margin-bottom:0.5em;
	width:200px;
}
.formulaire-block-connexion input[type="submit"] {
	margin-right: 20px;
	border: 0!important;
	color: white;
	width: 77px;
	height: 32px;
	background-color: #f60403!important;
	cursor: pointer;
	font-weight: bold;
	float:none!important;
}

.formulaire-block-connexion a {
	color: #333;
	display: block;
	float: none;
	font-size: 8px;
	font-weight: bold;
	text-decoration: none !important;
}

.formulaire-block-connexion a:hover {
	text-decoration: underline !important;
	color: #666;
}

.login_sidebar a {
	clear: left;
	display: block;
}

#spip_logo_auteur {
	display: none;
}

.formulaire_login .details {
	display: none;
}

.formulaire_login {
	clear: left;
}

.formulaire_login label {
	display: none;
}

.formulaire_login form input[type="submit"] {
	border: 1px solid #666666;
	color: #fff;
	background-color: #333;
	cursor: pointer;
	font-weight: bold;
}

.formulaire_login form input[type="submit"]:focus,.formulaire_login form input[type="submit"]:hover
	{
	background-color: #666;
}

.formulaire_login .editer_session {
	display: none;
}

.formulaire_login .erreur_message {
	display: none;
}

#pass_securise {
	display: none !important;
}

#formulaire_inscription .explication {
	display: none;
}

/*  LOGIN / REGISTER FANCYBOX */
#fancybox-content {
	border: 0px;
}

#login,#register {
	background-color: #FDFDFD;
	height: 300px;
	overflow: hidden;
	width: 300px;
	margin: 0px;
	text-align: left;
}

#register {
	height: auto;
	margin-bottom: 30px;
}

#login    form,#register form {
	margin: 40px;
	width: auto;
}

#login    input,#register input {
	width: 200px;
}

#register input[type="submit"] {
	background-color: #333;
	color: white;
	border: 1px solid #666;
	height: 30px;
	width: 80px;
	font-size: 11px;
}

#register input[type="submit"]:hover {
	background-color: #666;
}

#register label {
	position: relative;
}

#register .erreur_message {
	color: red;
	display: block;
}

#register .reponse_formulaire {
	margin: 50px auto;
	text-align: center;
	width: 200px;
}

/* RECHERCHE */
.page_recherche h2 {
	display: block;
}

.page_recherche h1 {
	text-align: left;
}

.spip_surligne {
	background-color:#ff8!important;
	font-size:inherit!important;
	font-weight:inherit!important;
	margin-left:inherit!important;
}

.page_recherche .categorie li {
	font-size: 14px;
	margin-bottom: 10px;
}

.page_recherche .categorie .pagination {
	float: right;
	margin-top: 20px;
}

/* MOT */
.lien-guide {
	margin-top: -10px;
	margin-bottom: 20px;
	color: #999;
}

/* CONTENU SPIP */
/*
table.spip {
	margin: 20px auto;
	border: 1px solid #999;
	border-collapse: collapse;
}

table.spip tr.row_even {
	background-color: #F0F0F0;
	font-size: 10px;
}

table.spip tr.row_odd {
	background-color: #D0D0D0;
	font-size: 10px;
}

table.spip td {
	padding: 3px;
	text-align: left;
	vertical-align: middle;
	font-size: 10px;
}*/

table.spip {
	margin: .5rem auto 2rem auto;
	width:100%;
}
table.spip td {
	padding:.5rem 0;
	
	border-top:1px solid #aaa;
}

table.spip tr:last-child td {
	border-bottom:1px solid #aaa;
}






.spip_documents {
	margin: 20px auto;
}

.detail .article-content ul li {
	background: url('../images/bullet_gris.jpg') no-repeat 0 6px transparent;
	padding-left: 16px;
	margin-left: 8px;
	margin-bottom: 5px;
	color:#333;
	font-family: 'Roboto Condensed', sans-serif;
    font-style: normal;
    font-size: 18px;
    letter-spacing: 0em;
    word-spacing: 0em;
    line-height: 1.45;
}

/* IE activebar */
#activebar-container .content {
	width: 80%;
	text-align: center;
}

/* formulaire_mot_de_passe formulaire_oubli */
.formulaire_mot_de_passe label,.formulaire_oubli label {
	position: relative;
	float: left;
	padding: 0;
	clear: left;
	font-weight: bold;
	margin-bottom: 20px;
}

.formulaire_mot_de_passe input,.formulaire_oubli input {
	position: relative;
	float: left;
	clear: left;
}

.formulaire_mot_de_passe input[type=submit],.formulaire_oubli input[type=submit]
	{
	line-height: 28px;
	display: block;
	border: 1px solid #333;
	color: #333;
	height: auto;
	width: auto;
	padding: 0 30px;
}

.formulaire_mot_de_passe .erreur,.formulaire_oubli .erreur {
	margin: 10px 0;
	display: block;
}

/* Diaporama */
.diaporama-thumbs {
	overflow: hidden;
	height: auto;
	clear: both;
}

.diaporama-thumbs img {
	float: left;
	margin-right: 5px;
}

.diaporama-big img {
	width: 468px !important;
}

/* WebAdverts */
.pub iframe {
	border: 0;
	overflow: hidden;
}

/* Contenu central */

#sidepanel {
	float:right;
	/*width: 160px !important;*/
	
	/*min-height:230px;*/
	padding:10px;
	position:relative;
}

#sidepanel section {
	padding: 11px 9px;
	position: relative;
	margin-bottom:10px;
}

#sidepanel section h2 {
	float: left;
	font-size: 11px;
	font-weight: bold;
}

#sidepanel section form input[type="text"],
#sidepanel section form input[type="password"] {
	border: 1px solid #d1d1d1;
	color: #999999;
	font-size: 12px;
	width: 130px;
	margin-bottom: 7px;
	padding:4px;
}

#sidepanel section form input[type="submit"] {
	/*width: 53px;
	height: 17px;*/
	padding:.5rem;
	font-size: 9px;
	cursor: pointer;
	float: right;
}

/* sidebar -> connexion */
#sidepanel .connexion {
	background-color: #fff;
	border: 1px solid #bbbbbb;
}

#sidepanel.connexion hr {
	margin: 10px -9px;
	width: 157px; /* bug IE8 ! */
}

#sidepanel .connexion a {
	color: #666666;
	font-size: 8px;
	font-weight: bold;
}

#sidepanel .connexion h2 {

}

#sidepanel .connexion .key {
	background: url("../images/icn_key.png") no-repeat scroll 0 0
		transparent;
	float: right;
	height: 7px;
	margin-top: 4px;
	width: 15px;
}

/* sidebar -> recherche */
#sidepanel .recherche {
	background-color: #333;
	border: 1px solid #6d6d6d;
	position: relative;
	margin-bottom:0;
}

#sidepanel .recherche label {
	padding-left: 14px;
	padding-top: 15px;
}

#sidepanel .recherche form input[type="text"] {
	margin: 0;
}

#sidepanel .recherche form input[type="submit"] {
	display: block;
	text-indent: -9999px;
	border: 0;
	height: 23px;
	width: 24px;
	position: absolute;
	background: url("../images/play_recherche.jpg") no-repeat scroll 10px 8px white;
	right: 13px;
	top: 12px;
	border-left: 1px solid #F0F0F0;
}

/* sidebar -> infolettre */
#sidepanel .infolettre {
	background-color: #333;
	border: 1px solid #6d6d6d;
}

#sidepanel .infolettre h2 {
	color: #ccc;
}

#sidepanel .infolettre p {
	color: #ccc;
}

#sidepanel .infolettre a {
  color: #ccc;
}
#sidepanel .infolettre a:hover {
  color: #fff !important;
}

#sidepanel .infolettre .infolettre-merci {
	color: #f60403;
}

#sidepanel .infolettre h2 span {
	color: #fff;
}

#sidepanel .infolettre .mail {
	background: url("../images/icn_mail.png") no-repeat scroll 0 0
		transparent;
	height: 11px;
	position: absolute;
	right: 10px;
	width: 15px;
}

#sidepanel .infolettre form input[type="text"] {
	margin-bottom: 0;
}

#sidepanel .infolettre form input[type="submit"] {
	display: block;
	text-indent: -9999px;
	border: 0;
	height: 23px;
	width: 24px;
	position: absolute;
	background: url("../images/play_recherche.jpg") no-repeat scroll 10px 8px white;
	right: 13px;
	bottom: 12px;
	border-left: 1px solid #F0F0F0;
}

#sidepanel .infolettre form input[type="submit"]:focus,
#sidepanel .infolettre form input[type="submit"]:hover {
	color: #333;
}

.w650 {
	width: 658px;
	overflow:hidden;
	box-sizing: content-box;
}

section.categorie {
	width: 100%;
}

section.categorie article {
	overflow:hidden;
	margin:0;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 400;
	clear: left;
}

.page_sommaire section.categorie article {
	width: 46%;
	float:left;
}

.content--full-width__article--large,
.page_sommaire .content--full-width section.categorie article {
	width: 400px;
}
.content--full-width__article-list,
.page_sommaire .content--full-width section.categorie .article-list {
	width: 57%;
}

section.categorie article img {
	display:block;
	margin-bottom:10px;
}

.page_sommaire section.categorie ul {
	width: 51%;
	float:right;
}
section.categorie ul li {
	float:none;
	clear:both;
	width:100%;
	padding:10px 0;
	border-top:1px dotted #ccc;
}
section.categorie ul li.first {
	border-top:none;
	padding-top:0;
}
.cta-article,
section.categorie article h3 a,
section.categorie ul li a.cta-article {
	font-size: 13px;
	font-family: 'Rubik', sans-serif; /* 'Oswald', cursive; */
	font-style: normal;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
}
section.categorie article h3 img,
section.categorie ul li h3 img {
	display:inline;
}
section.categorie article h3 img {
	vertical-align:middle;
}
section.categorie article h3 {
	display:block;
	margin-bottom:6px;
	font-size: 15px;
}
section.categorie a.continue {
	font-weight:600;
	font-size:11px;
}
section.categorie p {
	/*text-align:justify;*/	
	margin-bottom:0;
	
}

section.categorie-groupe p {
	text-align:justify;
	margin-bottom:0;
	clear:left;
}


/***********************************/

.page_auteur .pagination {
	margin-left:8px;
}

.formulaire_ecrire_auteur label {
	position:static;
	float:left;
	display:block;
	width:100px;
	padding-left:0;
}
.formulaire_ecrire_auteur input[type="text"] {
	width:300px;
	float:right;
}
.formulaire_ecrire_auteur textarea {
	width:300px;
	float:right;
	padding: 7px 8px;
}
.formulaire_ecrire_auteur input[type="submit"] {
	border: none;
	background-color: #333;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	float: right;
	width: auto;
	padding:0 10px;
	height: 27px;
	margin-top:10px;
}
.formulaire_ecrire_auteur ul li {
	padding-left:0!important;
}

.page_auteur .article-content-head img {
	width:130px;
	float:left;
	margin-right:20px;
}

.page_auteur .article-content-head.img h1 {
	width:310px;
	float:right;
}

.page_auteur h2 {
	display:block;
	float:none;
	position:static;
	font-weight:bold;
	margin-bottom:10px;
}

.page_auteur .detail p {
	font-size:12px;
	font-family: 'Roboto Condensed', sans-serif !important;
}

.page_auteur article.list .article-content .article-content-texte h3 {
	margin-bottom:5px;
}

/*********** LISTS *****************/
.article-content ol {
	counter-reset:li; /* Initiate a counter */
	margin-left:0;
	padding-left:0;
}
.article-content ol > li {
	position:relative; /* Create a positioning context */
    margin:0 0 5px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:0 8px; /* Add some spacing around the content */
    list-style:decimal; /* Disable the normal item numbering */
	color: #333
}

/*********** VIDEOS *****************/
div.content.videos {
	width:670px;
	clear:left;
	padding-right:0;
}

div.content.videos article.list {
	float:left;
	width:215px !important;
	margin:0 12px 20px 0;
	overflow:hidden;
}

div.content.videos article.list.col1 {
	clear:left;
}

div.content.videos article.list.col3 {
	margin-right:0;
}

div.content.videos article.list a.video-thumbnail,
div.content.videos article.list a.video-thumbnail img {
	width:215px !important;
	display:block;
	margin:0;
	padding:0;
	float:none;
}

.article-title,
.article__article-title,
.article-list__article-title,
div.content.videos article.list a.title{
	font-size:12px;
	font-weight:bold;
	margin-top:6px;
	display:block;
	clear:both;
	text-decoration:none;
	text-align: left;
}

div.content.videos article.list span.date { display:none; }

div.content.videos article .video-thumbnail .btn-play {
	background: url("../images/icn_play.png") no-repeat scroll 0 0
		transparent;
	display: block;
	height: 52px;
	left: 80px;
	position: absolute;
	text-indent: -9999px;
	top: 30px;
	width: 56px;
}
div.content.videos article .video-thumbnail:hover .btn-play {
	background-position: 0 -52px;
}

/*********** PALMARES *****************/
div.content.palmares {
	width:670px;
	clear:left;
	padding-right:0;
}

div.content.palmares article.list{
	float:left;
	width:323px;
	margin:0 12px 20px 0;
	overflow:hidden;
}

div.content.videos article.list.col1 {
	clear:left;
}

div.content.videos article.list.col2 {
	margin-right:0;
}

div.content.palmares article.list a.video-thumbnail,
div.content.palmares article.list a.video-thumbnail img {
	width:100%;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	float:none;
}

div.content.palmares article.list a.title{
	margin-top:6px;
	display:block;
	clear:both;
	text-decoration:none;
	font-family: 'Rubik', sans-serif; /* 'Oswald', cursive; */
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.2;
	color: #333;
}

div.content.palmares article.list span.date { display:none; }

div.content.palmares .pagination {
	font-family: 'Rubik', sans-serif; /* 'Oswald', cursive; */
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.2;
}

div.content.palmares .pagination a {
	color: #f60403;
}

#spip-admin {
	z-index:999!important;
}

.nos-archive-article h3 {
	font-family: 'Rubik', sans-serif; /* 'Oswald', cursive; */
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
}

.license-article h3 {
	font-family: 'Rubik', sans-serif; /* 'Oswald', cursive; */
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
}

.license-article ul,
.license-article p {
	margin-bottom:1em;
}

.license-article ul {
	padding-left:15px;
}

.license-article ul li {
	list-style:disc;
}

.license-article .col {
	display:flex;
}

.license-article a.button {
	white-space:nowrap;
	display:block;
        border: 0!important;
        color: white;
        height: 32px;
        line-height: 32px;
        background-color: #f60403;
        cursor: pointer;
        font-weight: bold;
	padding:0 15px;
	margin-right:20px;
}

/** CONVERGENCE LOGIN **/

#convergence-login {
	width:250px;
	margin-bottom:40px;
}
#convergence-login h3 {
	font-family: 'Rubik', sans-serif; /* 'Oswald', cursive; */
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 8px;
}
#convergence-login input {
	width:100%;
	box-sizing:border-box;
}
#convergence-login input[type=submit] {
	padding:0 8px!important;
	height:20px;
}


/* Fix divers
=================================================== */

/* patch oocss
	img {width:100%;} trop large
*/
body img {
	width:auto;
	max-width:100%;
	height:auto;
}


/* bloc admin a gauche */
.spip-admin-float {left: 2%; right:inherit; }



/* Plugins
=================================================== */
/* oembed */
.oembed figcaption {
	display: none;
}

.spip_document .oembed {
	background: transparent;
	padding: 0 !important;
	border: none;
	margin:20px 0 !important;
}

.oembed_video figure {
	margin:0 !important;
}


.spip_doc_inner{
	width: 100% !important;
    margin: 0px !important;
}

.meme-sujet{
	font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 14px !important;
}
.meme-sujet h2{
    font-size: 16px !important;
}

.license-article{
	font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 14px !important;
}


/* blockquote.spip p {
    padding: 10px 20px 10px 0 !important;
    margin: 0px 40px 20px !important;
    font-size: 1.25em;
	font-family: 'Rubik', sans-serif !important;
   	border-left: 5px solid #b4b4b4;
    font-style: italic !important;
    quotes: "«" "»";
}

blockquote.spip p:before {
    content: open-quote;
}

blockquote.spip p:after {
    content: close-quote;
}

blockquote.spip_poesie {
    position: relative; 
}

blockquote.spip_poesie:before { 
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 5px solid #f60403;
}

blockquote.spip_poesie div {
    padding: 10px 20px 10px 20px !important;
    margin: 0px 25px 20px !important;
    font-size: 1.25em;
    font-family: 'Roboto Condensed', sans-serif !important;
} */


/* style maison: quote et poesie */
blockquote.spip {
	margin:3rem 3rem;
	padding-left:5rem;
	position:relative;	
	line-height:2;
}

blockquote.spip p  {
	line-height:2;
}

blockquote.spip p:first-child:before  {
	content: "»";
	font-size:12rem;
	font-weight:900;
	color:#f60403;
	
	padding: 0 1rem;	
	line-height:1;
	position:absolute;
	left:-2.5rem;
	top:0;	
}

blockquote.spip_poesie {
	border-left:10px solid #f60403;;
	margin:1rem 0 2rem 5rem;
	padding:0rem 0rem 0rem 2rem;
	line-height:2;
	font-weight: bold;
	font-size:1.725rem;
	font-style: italic;
}

blockquote.spip_poesie p {
	line-height:2;
}




 /* ??? */

.c-glink {	
	display:inline-block;	
	font-size:12px;
}

.c-glink a {	
	display:inline-block; 
	margin-left:.5rem;
}