/*
Theme Name: Geometry
Description: A theme by Geometry - Brussels - Visit us at http://www.geometry.be
*/

/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/* END CSS RESET */

@font-face {
 font-family: KlinicSlabLightItalic;
 src: url("fonts/KlinicSlabLightItalic.eot")
}
@font-face {
 font-family: KlinicSlabLightItalic;
 src: url("fonts/KlinicSlabLightItalic.ttf")
}
@font-face {
 font-family: GothamCondensedBook;
 src: url("fonts/GothamCondensedBook.eot")
}
@font-face {
 font-family: GothamCondensedBook;
 src: url("fonts/GothamCondensedBook.ttf")
}
@font-face {
 font-family: KlinicSlabBookItalic;
 src: url("fonts/KlinicSlabBookItalic.eot")
}
@font-face {
 font-family: KlinicSlabBookItalic;
 src: url("fonts/KlinicSlabBookItalic.ttf")
}
@font-face {
 font-family: KlinicSlabBook;
 src: url("fonts/KlinicSlabBook.eot")
}
@font-face {
 font-family: KlinicSlabBook;
 src: url("fonts/KlinicSlabBook.ttf")
}
@font-face {
 font-family: KlinicSlabMedium;
 src: url("fonts/KlinicSlabMedium.eot")
}
@font-face {
 font-family: KlinicSlabMedium;
 src: url("fonts/KlinicSlabMedium.ttf")
}
@font-face {
 font-family: KlinicSlabBold;
 src: url("fonts/KlinicSlabBold.eot")
}
@font-face {
 font-family: KlinicSlabBold;
 src: url("fonts/KlinicSlabBold.ttf")
}
@font-face {
 font-family: KlinicSlabMediumItalic;
 src: url("fonts/KlinicSlabMediumItalic.eot")
}
@font-face {
 font-family: KlinicSlabMediumItalic;
 src: url("fonts/KlinicSlabMediumItalic.ttf")
}

/* TYPO */

body,
p {
	font: 400 13px 'Open Sans', sans-serif;
	color: #050505;
	letter-spacing: 0;
	line-height: 20px;
	text-align: left;
}

a strong,
p strong,
li strong,
article.orange p a,
article.violet p a,
article.green p a,
article.blue p a,
article.orange p a strong,
article.violet p a srong,
article.green p a strong,
article.blue p a strong,
article.orange div a strong,
article.violet div a srong,
article.green div a strong,
article.blue div a strong {
	font: 600 13px 'Open Sans', sans-serif;
	font-style: italic;
	color: #050505;
	letter-spacing: 0.01em;
	line-height: 20px;
	text-align: left;
	text-decoration: underline;
}

li strong,
p strong {
	font-style: normal;
	text-decoration: none;
}

p em {
	font-style: italic;
}

article.orange p a,
article.orange p a strong, 
article.orange div a, 
article.orange div a strong {
	color: #ee6418;
}

article.violet p a,
article.violet p a strong, 
article.violet div a, 
article.violet div a strong {
	color: #964e96;
}

article.green p a,
article.green p a strong, 
article.green div a, 
article.green div a strong {
	color: #05a93b;
}

article.blue p a,
article.blue p a strong, 
article.blue div a, 
article.blue div a strong {
	color: #277de8;
}

.home-slide h1,
#slider h1 {
	font-family: KlinicSlabLightItalic;
	font-size: 60px;
	color: #050505;
	letter-spacing: 0;
	line-height: 50px;
	text-align: center;
}

.home-slide h2,
#slider h2 {
	font-family: GothamCondensedBook;
	font-size: 27px;
	color: #050505;
	letter-spacing: 0.065em;
	line-height: 33px;
	text-align: center;
	padding-top: 10px;
}

.header #short-menu a,
.header #main-menu a {
	font-family: GothamCondensedBook;
	font-size: 30px;
	color: #050505;
	letter-spacing: 0.065em;
	line-height: 33px;
	padding-top: 10px;
	text-transform: uppercase;
	text-decoration: none;
}

.page-template-template-societe .header #main-menu a.violet,
.header #short-menu a.violet:hover,
.header #main-menu a.violet:hover {
	color: #964e96 !important;
}

.page-template-template-culture .header #main-menu a.orange,
.header #short-menu a.orange:hover,
.header #main-menu a.orange:hover {
	color: #ee6418;
}

.page-template-template-militance .header #main-menu a.green,
.header #short-menu a.green:hover,
.header #main-menu a.green:hover {
	color: #05a93b;
}

.page-template-template-nous-vous-elle .header #main-menu a.blue,
.header #short-menu a.blue:hover,
.header #main-menu a.blue:hover {
	color: #277de8;
}

#short-search #s {
	font-family: GothamCondensedBook;
	font-size: 17px;
	color: #be1219;
	letter-spacing: 0.065em;
	text-transform: uppercase;
	text-decoration: none;
}

#container h2 {
	font-family: GothamCondensedBook;
	font-size: 30px;
	color: #050505;
	letter-spacing: 0.065em;
	line-height: 33px;
	text-transform: uppercase;
	text-decoration: none;
}

/* .single-dossier #container h2.les-dossiers,
.page-template-template-les-dossiers #container h2.les-dossiers, */
#container h2:hover {
	color: #BE1219;
}

.les-dossiers article h3,
.agenda h3,
.dossier h3 {
	font-family: KlinicSlabBookItalic;
	font-size: 32px;
	color: #ffffff;
	letter-spacing: 0;
	line-height: 30px;
	text-align: center;
}

.les-dossiers article h3 {
	color: #be1219;
}

.numbers {
	font-family: GothamBook;
	font-size: 21px;
	color: #ffffff;
	letter-spacing: 0.065em;
	line-height: 32px;
	text-align: center;
	padding-top: 10px;
}

.tag-cloud,
.tag-cloud a {
	font-family: GothamCondensedBook;
	font-size: 23px;
	color: #ffffff;
	letter-spacing: 0.03em;
	line-height: 34px;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
}

#soutien,
#copyright,
#social-icons {
	font-family: KlinicSlabBook;
	font-size: 12px;
	color: #050505;
	letter-spacing: 0;
	line-height: 15px;
	text-align: left;
}

#soutien a,
#copyright a,
#social-icons a {
	font-family: KlinicSlabMedium;
	font-size: 12px;
	color: #050505;
	letter-spacing: 0;
	line-height: 15px;
	text-align: left;
}

#social-icons a {
	font-size: 16px;
	line-height: 20px;
}

#container article h1 {
	font-family: KlinicSlabBookItalic;
	font-size: 40px;
	color: #050505;
	letter-spacing: 0;
	line-height: 42px;
	margin: 6px 2% 4px 0;
}

#container article:nth-child(3n+0) h1,
#container article:nth-child(3n+1) h1 {
	font-family: KlinicSlabBookItalic;
	font-size: 25px;
	color: #050505;
	letter-spacing: 0;
	line-height: 24px;
}

#container.dossier article h1 {
	font-family: KlinicSlabBookItalic;
	font-size: 40px;
	color: #050505;
	letter-spacing: 0;
	line-height: 42px;
	margin: 4px 0 4px 0;
}

#container.dossier article:nth-child(3n+1) h1,
#container.dossier article:nth-child(3n+2) h1 {
	font-family: KlinicSlabBookItalic;
	font-size: 25px;
	color: #050505;
	letter-spacing: 0;
	line-height: 24px;
}

#container .content-dossier h2,
#container article h2 {
	font-family: GothamCondensedBook;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0.065em;
	text-transform: uppercase;
	text-decoration: none;
}

#container article.orange h2,
#container article.orange h2 a,
#container article h2.orange {
	color: #ee6418;
}

#container article.violet h2,
#container article.violet h2 a,
#container article h2.violet {
	color: #964e96;
}

#container article.green h2,
#container article.green h2 a,
#container article h2.green {
	color: #05a93b;
}

#container article.blue h2,
#container article.blue h2 a,
#container article h2.blue {
	color: #277de8;
}

.content-dossier span.auteur,
#container article span {
	font-family: KlinicSlabBook;
	font-size: 15px;
	color: #050505;
	letter-spacing: 0;
	line-height: 15px;
	text-align: left;
}

.content-dossier span.auteur {
	display: block;
}

span.date strong,
span.auteur strong,
.content-dossier span.auteur strong {
	font-family: KlinicSlabBold;
	font-weight: 200;
}

#container a.black {
	font-family: KlinicSlabBook;
	font-size: 15px;
	color: #050505;
	letter-spacing: 0;
	line-height: 20px;
	text-align: left;
}

#container .article article h1,
#column-right > h1 {
	font-family: KlinicSlabLightItalic;
	font-size: 40px;
	color: #050505;
	letter-spacing: 0;
	text-align: left;
	line-height: 40px;
}

#container .article article h1 {
	line-height: 40px;
}

#container .mis-a-jour,
#container .content-dossier h3,
#container .article article .introduction,
#container .article article .introduction p  {
	font-family: KlinicSlabMediumItalic;
	font-size: 20px;
	color: #050505;
	letter-spacing: 0.02em;
	line-height: 24px;
	text-align: left;
}

#container .content-dossier h3 {
	color: #BE1219;
}

#container .article article.orange .introduction,
#container .article article.orange .introduction p {
	color: #ee6418;
}

#container .article article.violet .introduction,
#container .article article.violet .introduction p  {
	color: #964e96;
}

#container .article article.green .introduction,
#container .article article.green .introduction p  {
	color: #05a93b;
}

#container .article article.blue .introduction,
#container .article article.blue .introduction p  {
	color: #277de8;
}

#container .article article h3 {
	color: #050505;
	font-family: GothamCondensedBook;
	font-size: 20px;
	letter-spacing: 0.065em;
	line-height: 23px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 20px;
}

#container .article article .image .copyright {
	font-family: KlinicSlabBookItalic;
	font-size: 14px;
	color: #524b48;
	letter-spacing: 0;
	line-height: 15px;
}

#container .article article .citation span {
	font-family: KlinicSlabMediumItalic;
	font-size: 17px;
	color: #050505;
	letter-spacing: 0.02em;
	line-height: 21px;
	text-align: left;
}

#container .article article.orange .citation span {
	color: #ee6418;
}

#container .article article.violet .citation span {
	color: #964e96;
}

#container .article article.green .citation span {
	color: #05a93b;
}

#container .article article.blue .citation span {
	color: #277de8;
}

#container .article article .more {
	font-family: KlinicSlabMedium;
	font-size: 16px;
	color: #050505;
	letter-spacing: 0;
	line-height: 15px;
	text-align: left;
}

#container .article article.orange .more {
	color: #ee6418;
}

#container .article article.violet .more {
	color: #964e96;
}

#container .article article.green .more {
	color: #05a93b;
}

#container .article article.blue .more {
	color: #277de8;
}

#container .article article .more-intro,
#container .article article .more-content,
#container .article article .more-content span a {
	font-family: KlinicSlabBold;
	font-size: 16px;
	color: #050505;
	letter-spacing: 0;
	line-height: 20px;
	text-align: left;
}

#container .article article .more-content span a {
	text-transform: uppercase;
	text-decoration: underline;
	color: #050505;
}

#container .article article .tags {
	font-family: KlinicSlabBold;
	font-size: 13px;
	color: #050505;
	letter-spacing: 0;
	line-height: 18px;
	text-align: left;
}

#container .article article .tags a {
	color: #050505;
}

#container .article article .tags span {
	font-family: KlinicSlabBook;
	font-size: 13px;
	color: #c72731;
	letter-spacing: 0;
	line-height: 18px;
	text-align: left;
}

#container .article article .partage {
	font-family: KlinicSlabBook;
	font-size: 15px;
	color: #050505;
	letter-spacing: 0;
	line-height: 15px;
	text-align: left;
}

#container .article article .partage a {
	color: #050505;
	font-size: 17px;
}

#more-articles .more-theme span.content .aussi,
#more-articles .more-dossier span.content .plus {
	font-family: KlinicSlabBold;
	font-size: 15px;
	color: #ffffff;
	letter-spacing: 0.025em;
	line-height: 15px;
}

#more-articles .more-dossier span.content .plus {
	color: #050505;
}

#more-articles .more-theme span.content h3 {
	font-family: KlinicSlabLightItalic;
	font-size: 25px;
	color: #ffffff;
	letter-spacing: 0;
	text-align: left;
	line-height: 29px;
	text-transform: none;
}

#more-articles .more-dossier span.content h3 {
	color: #BE1219;
	font-family: KlinicSlabBookItalic;
	font-size: 32px;
	letter-spacing: 0;
	line-height: 30px;
	text-align: left;
	text-transform: none;
}

#container .content-dossier {
	font-family: KlinicSlabMediumItalic;
	font-size: 40px;
	color: #be1219;
	letter-spacing: 0.02em;
	line-height: 37px;
	text-align: left;
}

article .copyright a {
    text-decoration: underline;
    color: #050505;
}

#container .content-dossier p a {
	color: #050505;
	text-decoration: underline;
	font-style: italic;
}

#container .les-dossiers article.evenement .date {
	color: #BE1219;
	font-family:KlinicSlabBookItalic;
	font-size:17px;
	letter-spacing:0.02em;
	line-height:21px;
	margin:4px 0;
	margin-right: 150px;
}

#container .les-dossiers article.evenement .type {
	color: #9C9B9B;
	font-family: GothamCondensedBook;
	font-size: 20px;
	letter-spacing: 0.065em;
	line-height: 23px;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	margin-right: 150px;
}

#container .les-dossiers article.evenement h3 {
	color:#050505;
	font-family:GothamCondensedBook;
	font-size:20px;
	letter-spacing:0.065em;
	line-height:28px;
	text-decoration:none;
	text-transform:uppercase;
	text-align: left;
	padding-bottom: 10px;
}

#container .les-dossiers article.evenement .infos,
#container .les-dossiers article.evenement .infos a {
	color: #050505;
	font: 600 13px 'Open Sans', sans-serif;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	letter-spacing:0;
	line-height:20px;
	text-align:left;
	display: block;
	clear:  both;
	padding-top: 10px;
}

#container .les-dossiers article.evenement .infos a {
	color: #BE1219;
	font-style: italic;
	display: block;
	background-image: url("img/arrow-small.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	padding-top: 0;
}

#container .redacteur article h2 {
	font-family: KlinicSlabLightItalic;
	font-size: 20px;
	color: #be1219;
	letter-spacing: 0;
	text-align: left;
	background: none;
	margin: 0;
	padding: 0;
	clear: both;
	text-transform: none;
	vertical-align: middle;
}

#container .participer article,
#container .participer article p {
	font-family: KlinicSlabLightItalic;
	font-size: 20px;
	line-height:26px;
	letter-spacing: 0.015em;
	color: #050505;
	text-align: left;
	background: none;
	margin: 0;
	padding: 0;
	clear: both;
	text-transform: none;
	vertical-align: middle;
}

article .introduction p a {
    font: 20px KlinicSlabMediumItalic;
    letter-spacing: 0.02em;
    line-height: 24px;
    text-align: left;
    font-style: normal;
}

#container .content-dossier .copyright {
    font-family: KlinicSlabBookItalic;
    font-size: 13px;
    color: #524b48;
    letter-spacing: 0;
    line-height: 15px;
}

#container .content-dossier a {
	text-decoration: underline;
	color: #050505;
}

#container .article article span.copyright-citation-image {
    padding: 0;
    text-align: left;
    color: #050505;
    clear: both;
    width: 100%;
    display:  block;
    font-family: KlinicSlabBookItalic;
    font-size: 13px;
    color: #524b48;
    letter-spacing: 0;
    line-height: 15px;
    padding-top: 4px;
}

#container .article article span.copyright-citation-image a{
    text-decoration: underline;
    color: #050505;
}

#container .participer input.envoyer,
#container .participer label {
	font-family: KlinicSlabBook;
	font-size: 18px;
	line-height: 30px;
	color: #050505;
	letter-spacing: 0.015em;
	text-align: left;
	background: none;
	margin: 0;
	padding: 0;
	clear: both;
	text-transform: uppercase;
	vertical-align: middle;
	display: inline-block;
	width: 35%;
	text-align: right;
}

#container .participer input {
	font-family: KlinicSlabLightItalic;
	font-size: 18px;
	line-height: 22px;
	color: #050505;
	letter-spacing: 0.015em;
	text-align: left;
	background: none;
	margin: 0 0 0 5px;
	padding: 0;
	clear: both;
	text-transform: none;
	vertical-align: middle;
	border: 0 solid red;
	border-bottom: 1px solid #050505;
	width: 35%;
}

#container .participer span {
	display: inline !important;
	margin:  0 !important;
}

#container .participer span.genre {
	display: inline-block !important;
	width: 50%;
	padding-left: 35%;
	padding-bottom: 30px;
	font-family: KlinicSlabLightItalic;
	font-size: 18px;
	line-height: 22px;
	color: #050505;
	letter-spacing: 0.015em;
}

#container .participer span input {
	display: inline-block;
	width: auto;
	margin: 0 3px 0 10px;
}

#container .participer span.idee {
	display: block !important;
	width: 65%;
	float: right;
}

#container .participer label.idee {
	display: block !important;
	width: 35%;
	float: left;
}

#container .participer textarea {
	display: inline-block;
	margin: 0 3px 15px 10px;
	width:  80%;
	height: 300px;
	border: 1px solid #050505;
	font-family: KlinicSlabLightItalic;
	font-size: 18px;
	line-height: 22px;
	color: #050505;
	letter-spacing: 0.015em;
}

#container .participer input.envoyer {
	background-image: url("img/left-arrow-submit.png");
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	width: auto;
	margin: 0 0 0 35%;
	padding:  0 0 0 15px;
	border:  0;
	cursor: pointer;
	font-family: KlinicSlabBold;
	color: #be1219;
	overflow: hidden;
}

span.wpcf7-not-valid-tip {
    color: #be1219 !important;
    display: block !important;
    padding:  0 0 0 35%;
}

div.wpcf7-validation-errors {
    border: 2px solid #be1219 !important;
}

div.wpcf7-response-output {
    margin: 30px 10% 0 10% !important;
    padding: 5px 0 5px 0 !important;
    color: #be1219 !important;
    display: block !important;
    width: 80% !important;
    text-align: center;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #05a93b !important;
    color: #05a93b !important;
}

#container .recherche article h2 {
    line-height: 26px;
    color: #050505;
}

.search-everything-highlight-color {
    background: none !important;
    color: #be1219 !important;
    font-family: KlinicSlabMediumItalic !important;
    font-size: 20px !important;
    line-height: 26px !important;
    letter-spacing: 0.015em !important;
    text-align: left !important;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
    text-transform: none !important;
    vertical-align: middle !important;
}

.content-dossier ul li {
    font: 400 13px 'Open Sans', sans-serif;
    color: #050505;
    letter-spacing: 0;
    line-height: 20px;
    text-align: left;
}

#loadMore.black {
    font-family: GothamCondensedBook !important;
    font-size: 30px !important;
    color: #050505 !important;
    letter-spacing: 0.065em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

/* END TYPO */























/* SLIDER */

html, body {
  background: #F7F5E6;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

.slider {
  margin: 0 auto;
  max-width: 940px;
}

.slide_viewer {
  height: 340px;
  overflow: hidden;
  position: relative;
}

.slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}

.slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.slide:first-child {
  display: block;
}

.slide_buttons {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

a.slide_btn {
  color: #474544;
  font-size: 42px;
  margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.slide_btn.active, .slide_btn:hover {
  color: #428CC6;
  cursor: pointer;
}

.directional_nav {
  height: 340px;
  margin: 0 auto;
  max-width: 940px;
  position: relative;
  top: -340px;
}

.previous_btn, .next_btn {
  cursor: pointer;
}



/* END SLIDER */









/* SLIDER-ARTICLE */



/* END SLIDER-ARTICLE */

































html,
body {
	margin: 0;
	padding: 0;
	background: #f5f2f2;
}

a {
	text-decoration: none;
}

.fa-inverse {
  color: #f5f2f2 !important;
}

#slider {
	width: 100%;
	max-width: 1304px;
	margin: 145px auto 0 auto;
	overflow: hidden;
	position: relative;
}

.home-slide img,
#slider img {
	width: 100%;
}

#slider .top {
	position: absolute;
	width: 92%;
	top: 0;
	padding: 0 4% 0 4%;
	z-index: 5;
}

#slider .top img,
#line .top img {
	background-image: url("img/background-01.png");
    background-repeat: no-repeat;
    background-position: center center;
}

#slider .bottom {
	position: absolute;
	width: 92%;
	bottom: 0;
	padding: 0 4% 0 4%;
	z-index: 5;
}

#slider .bottom img {
	background-image: url("img/background-02.png");
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
}

#slider .center {
	width: 92%;
	margin: 0 auto 0 auto;
	z-index: 0;
	overflow: hidden;
	position: relative;
}

#slider .center .left-content {
	width: 48%;
	padding: 0 6% 0 6%;
	float: left;
	position: absolute;
	top: 50%;
	transform: translateY(-42%);
}

#slider .center .right-content {
	width: 40%;
	float: right;
}

#slider .center .right-content img {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	display: block;
}

#slider .left-arrow {
	position: absolute;
	width: 4%;
	bottom: 0;
	top: 0;
	left: 0;
	z-index: 10;
}

#slider .right-arrow {
	position: absolute;
	width: 4%;
	bottom: 0;
	top: 0;
	right: 0;
	z-index: 10;
}

#slider .left-arrow img {
	width: 100%;
	height: 100%;
	background-image: url("img/left-arrow.png");
    background-repeat: no-repeat;
    background-size: 80% auto;
    background-position: right 56%;
    background-color: #F5F2F2;
}

#slider .right-arrow img {
	width: 100%;
	height: 100%;
	background-image: url("img/right-arrow.png");
    background-repeat: no-repeat;
    background-size: 80% auto;
    background-position: left 44%;
    background-color: #F5F2F2;
}

#container {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto 0 auto;
	background: #ffffff;
	padding: 25px 0 0 0;
	overflow: hidden;
}

#column-left {
	width: 27%;
	margin: 0 5% 0 0;
	float: left;
}

#column-right {
	width: 68%;
	float: right;
	padding-bottom: 40px;
}

#container h2 {
	display: block;
	background-image: url("img/left-arrow-red.png");
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: left center;
	text-align: center;
	margin-bottom: 1em;
}

#container h2 span {
	display: block;
	background-image: url("img/right-arrow-red.png");
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: right center;
	text-align: center;
}

#container h2.left span {
	display: block;
	background: none;
	text-align: left;
	padding-left: 20px;
}

#container h2.red {
	color: #be1219;
}

#container h2.top {
	margin-top: 1em;
}

#column-left img {
	width: 100%;
	height:  auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
}

.tag-cloud,
.agenda,
.dossier h3 {
	background-color: #be1219;
	padding: 14px;
}

.agenda h3 {
	display: block;
	background-image: url("img/left-arrow-white.png");
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: left center;
	text-align: center;
	margin-left: 14px;
}

.agenda h3 span {
	display: block;
	background-image: url("img/right-arrow-white.png");
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: right center;
	text-align: center;
	margin-right: 14px;
}

.numbers {
	padding: 14px 0 0 0;
}


.numbers span {
	display: inline-block;
	padding: 0 0.4em 0 0.4em;
}

#footer {
	width: 100%;
	height:  120px;
	background-image: url("img/background-03.png");
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	position: relative;
	clear: both;
}

#footer #soutien,
#footer #copyright,
#footer #social-icons {
	position: absolute;
	top: 50%;
	transform: translateY(-35%);
	padding: 0;
}

#footer #soutien {
	width: 24%;
	left: 35%;
}

#footer #soutien span {
	display: block;
	float: left;
	padding:  12px 12px 12px 0;
}

#footer #copyright {
	width: 22%;
	left: 60%;
}

#footer #social-icons {
	width: 17%;
	right: 0;
}

#social-icons ul li {
	float: right;
}

#social-icons a {
	color:  #050505;
}

article {
	display: block;
	clear: both;
}

article img {
	width: 100%;
	height: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 15px 0 20px 0;
}

#container .content-dossier h2,
#container a.black,
#container article h2,
#container article .more {
	display: block;
	background-repeat: no-repeat;
	background-size: auto 82%;
	background-position: left center;
	text-align: left;
	margin: 0;
	padding: 0 0 0 15px;
	clear: both;
}

#container .article article.orange .more,
#container .article article.orange h2,
#container article h2.orange {
	background-image: url("img/arrow-orange.png");
}

#container .article article.blue .more,
#container .article article.blue h2,
#container article h2.blue {
	background-image: url("img/arrow-blue.png");
}

#container .article article.violet .more,
#container .article article.violet h2,
#container article h2.violet {
	background-image: url("img/arrow-violet.png");
}

#container .article article.green .more,
#container .article article.green h2,
#container article h2.green {
	background-image: url("img/arrow-green.png");
}

#container .content-dossier h2,
#container a.black {
	background-image: url("img/arrow-black.png");
}

#container .article article h2.dossier {
	background-image: url("img/left-arrow-red.png");
}

article:nth-child(3n+0) img,
article:nth-child(3n+1) img {
	display: none;
}

article:nth-child(3n+0) span,
article:nth-child(3n+1) span {
	display: block;
	padding-top: 4px;
}

.les-dossiers article,
article:nth-child(3n+0),
article:nth-child(3n+1) {
	width: 50%;
	float: left;
	clear: none;
}

article:nth-child(3n+0) div {
	background-color: #f5f2f2;
	margin: 0 10px 20px 0;
	padding: 20px;
	min-height: 114px;
}

article:nth-child(3n+1) div {
	background-color: #f5f2f2;
	margin: 0 0 20px 10px;
	padding: 20px;
	min-height: 114px;
}

article {
    display: none;
}

.dossier article img {
	display: inline;
}

.dossier article span {
	display: inline;
	padding-top: 0;
}

.dossier article {
	width: 100%;
	float: none;
}

.dossier article div {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}

.dossier article:nth-child(3n+1) img,
.dossier article:nth-child(3n+2) img {
	display: none;
}

.dossier article:nth-child(3n+1) span,
.dossier article:nth-child(3n+2) span {
	display: block;
	padding-top: 4px;
}

.dossier article:nth-child(3n+1),
.dossier article:nth-child(3n+2) {
	width: 50%;
	float: left;
	clear: none;
}

.dossier article:nth-child(3n+1) div {
	background-color: #f5f2f2;
	margin: 0 10px 20px 0;
	padding: 20px;
	min-height: 114px;
}

.dossier article:nth-child(3n+2) div {
	background-color: #f5f2f2;
	margin: 0 0 20px 10px;
	padding: 20px;
	min-height: 114px;
}

#top-page {
	width: 92%;
	max-width: 1200px;
	margin: 145px auto 0 auto;
	padding: 0;
	overflow: hidden;
}

#top-page img {
	background-image: url("img/background-02.png");
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
}

.les-dossiers article img {
	margin: 0;
}

#column-right > h1 {
	margin-bottom: 20px;
}

.les-dossiers article span {
	display: block;
	background-color: #f5f2f2;
	overflow: auto;
	padding: 14px;
}

.les-dossiers article span h3 {
	display: block;
}

.les-dossiers article .frame a {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	overflow: hidden;
}

.les-dossiers article img {
	display: block;
}

.les-dossiers article span {
	display: block;
	padding: 14px;
}

.les-dossiers article div {
	margin: 0;
	padding:  0;
}

.les-dossiers article:nth-child(2n+0) div {
	margin: 0 10px 20px 0;
	clear: both;
}

.les-dossiers article:nth-child(2n+1) div {
	margin: 0 0 20px 10px;
}

.les-dossiers article {
	clear: none;
}

.les-dossiers article a:hover span {
	background-color: #BE1219;
}

.les-dossiers article a:hover span h3 {
	color: #FFFFFF;
}

.article article {
	display: block;
	float:  none;
	width: 100%;
}

.article article img {
	display: block;
}

#container .article article h2 {
	display: inline-block;
}

#container .article article h2.dossier {
	color: #BE1219;
	margin-left: 35px;
}

#container .article article h2.dossier a {
	color: #BE1219;
}

#container .article article h1 {
	margin-top: 0.8em;
}

#container .article article span.auteur,
#container .article article span.date {
	display: inline-block;
}

#container .article article .introduction {
	margin: 20px 0 20px 0;
	padding: 0;
}

#container .article article p {
	margin: 20px 0 20px 0;
	padding: 0;
}

#column-right.article {
	width: 63%;
	padding-right: 5%;
}

#container .article article .image {
	margin: 20px 0 20px 0;
	padding: 0;
}

#container .article article .image img {
	margin: 0;
	padding: 0;
}

#container .article article .image.left {
	width: 50%;
	float: left;
	text-align: left;
	padding:  0 20px 10px 0;
	margin: 20px 0 0 0;
}

#container .article article .image.right {
	width: 50%;
	float: right;
	text-align: left;
	padding:  0 0 10px 20px;
	margin: 20px 0 0 0;
}

#container .article article .citation.left {
	width: 50%;
	float: left;
	text-align: left;
	padding:  0 20px 10px 0;
	margin: 20px 0 0 0;
}

#container .article article .citation.right {
	width: 50%;
	float: right;
	text-align: right;
	padding:  0 0 10px 20px;
	margin: 20px 0 0 0;
}

#container .article article .citation.left span,
#container .article article .citation.right span {
	padding: 20px 15px 20px 20px;
	background: #f5f2f2;
}

#container .article article .citation.right span {
	padding: 20px 20px 20px 15px;
	text-align: right;
}

#container .article article .more {
	margin: 20px 0 0 0;
	display: inline;
}

#container .article article .more-intro {
	margin: 0;
	padding: 0;
	display: inline-block;
}

#container .article article .more-content {
	margin: 0 0 20px 0;
	display: block;
}

#container .article article .more-content span { 
    display: inline;
    margin: 0;
    padding: 0;
}

#container .article article .more-content span:after { 
    content: ", ";
}

#container .article article .more-content span:last-child:after { 
    content: "";
}

#more-articles .more-theme,
#more-articles .more-dossier,
#container .article article .citation.image {
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 50% auto;
}

#container .article article .citation.image {
	margin: 20px 0 20px 0;
}

#more-articles .more-theme span.photo,
#more-articles .more-dossier span.photo,
#container .article article .citation.image span.photo {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
}

#more-articles .more-theme span.content,
#more-articles .more-dossier span.content,
#container .article article .citation.image span.content {
	width: 50%;
	float: right;
	margin: 0;
	padding: 0;
}

#more-articles .more-theme span.content span,
#more-articles .more-dossier span.content span,
#container .article article .citation.image span.content span {
	padding: 20px 20px 20px 15px;
	text-align: right;
	background: #f5f2f2;
}

#more-articles .more-theme span,
#more-articles .more-dossier span,
#more-articles .more-theme,
#more-articles .more-dossier {
	display: block;
}

#container .article article .tags {
	width: 50%;
	display: block;
	float: left;
	margin: 20px 0 20px 0;
	padding: 0;
	overflow: hidden;
}

#container .article article .tags span {
	display: inline;
	margin: 0;
	padding: 0;
}

#container .article article .partage {
	width: 50%;
	display: block;
	float: right;
	margin: 20px 0 20px 0;
	padding: 0;
	text-align: right;
}

#container .article article .partage a {
	display: inline-block;
	padding: 0;
	margin: 0 0 0 10px;
}

#more-articles .more-theme.orange  span.content span {
	background: #ee6418;
}

#more-articles .more-theme.violet span.content span {
	background: #964e96;
}

#more-articles .more-theme.green span.content span {
	background: #05a93b;
}

#more-articles .more-theme.blue span.content span {
	background: #277de8;
}

#more-articles .both,
#container .article article .both {
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
	overflow: hidden;
}

#more-articles .more-dossier,
#more-articles .more-theme {
	text-align: left;
	margin: 20px 0 20px 0;
	padding: 0;
	clear: both;
}

#more-articles .more-dossier span.content span,
#more-articles .more-theme span.content span {
	text-align: left;
	padding: 30px;
}

#more-articles .more-theme span.content .aussi {
	margin: 0;
	padding: 0 0 5px 0;
	text-align: left;
}

#more-articles .more-dossier span.content .plus {
	margin: 0;
	padding: 10px 0 0 0;
	text-align: left;
}

#more-articles .more-theme span.content .auteur,
#more-articles .more-theme span.content .date {
	margin: 0;
	padding: 10px 0 0 0;
	text-align: left;
}

#top-page-dossier {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 6;
}

#top-page-dossier div {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto 0 auto;
	padding: 0;
	overflow: hidden;
}

#top-page-dossier img {
	background-image: url("img/background-01.png");
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
}

#top-page-dossier img.grey {
	background-color: #F5F2F2;
	background-image: none;
	height: 145px;
}

#container.dossier {
  padding-top: 100px;
}

#container.dossier #column-left {
  padding-top: 118px;
}

#container.dossier #column-right {
  padding-top: 47px;
}

#container.dossier #column-right img {
	width: 100%;
	height:  auto;
}

#container.dossier #column-right .image-dossier {
	position: relative;
}

#container.dossier #column-right .image-dossier img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
}

#container.dossier #column-right .image-dossier .bottom {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 0;
	z-index: 5;
}

#container.dossier #column-right .image-dossier .bottom img {
	background-image: url("img/background-04.png");
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
}

#container .content-dossier {
	background-color: #F5F2F2;
	padding: 20px;
	margin-bottom: 20px;
}

#container .content-dossier h1 {
	padding-top: 15px;
}

#container .content-dossier p {
	margin: 20px 0 20px 0;
	padding: 0;
}

#container .content-dossier h3 {
	margin: 20px 0 20px 0;
	padding: 0;
}

#container.dossier .content-dossier h3 {
	background: none;
}

#container .article .mis-a-jour {
	display: block;
    background-color: #f5f2f2;
    padding: 20px 15px 20px 20px;
    margin-top: 1.6em;
}

.page-template-template-les-dossiers #column-left .dossier {
	display: none;
}

.ssba,
.ssba div {
	margin: 0 !important;
	padding: 0 !important;
	display: inline !important;
	background: none !important;
}

.ssba img {
	margin: 0 !important;
	padding: 0 !important;
}

.les-dossiers article.evenement,
.les-dossiers article.evenement span {
	background: none;
	padding: 0;
}

.les-dossiers article.evenement {
	width: 100%;
	clear: both;
}

.les-dossiers article.evenement.fps {
	background-image: url("img/event-fps.png");
	background-repeat: no-repeat;
	background-position: top right;
}

.les-dossiers article.evenement img {
	width: 33%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	margin-right: 20px;
	display: none;
}

.les-dossiers article.evenement img.visible {
	display: block;
}

.les-dossiers article.evenement img.line {
	width: 100%;
	height:  2px;
	display: block;
	margin: 25px 0 25px 0;
}

.page-template-template-agenda #column-right.les-dossiers {
	padding-right:5%;
	width:63%;
}

body.tag {
	background:#F5F2F2;
	margin:0;
	padding:0;
}

article span.video {
    width:  100%;
    display:  block;
    overflow: hidden;
}

.video-container {
    position: relative !important;
    overflow: hidden !important;
    padding-bottom: 54% !important;
    padding-top: 25px !important;
    height: 0 !important;
    margin: 0 !important;
    display: block !important;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.single-post article div {
  background: none;
  margin: 0;
  min-height: 0;
  padding:0;
}

#container .article article div {
	margin: 20px 0 20px 0;
}

div#tagcloud {
  margin-bottom:0 !important; 
}

#container .redacteur article p {
	margin-bottom: 20px;
	margin-top: 3px;
}

#column-right.redacteur {
    width: 63%;
    padding-right: 5%;
}

.redacteur article {
    width: 100%;
}

#column-right > h1.autres {
	padding-top: 10px;
	display: block;
	clear: both;
}

article img.twitter {
	width:  22px;
	height: auto;
	margin: 0 0 0 5px;
	vertical-align: middle;
	padding: 0 0 2px 0;
}

.redacteur article img {
    display: inline;
}

article ol {
	counter-reset: listenum;
}

article ol li {
    list-style-type: none;
    counter-increment: listenum;
    margin: 5px 0 0 15px;
}

article ol li:last-child {
    margin: 5px 0 5px 15px;
}

article ol li:before {
    content: counter(listenum) ". ";
    vertical-align: middle;	
}

.content-dossier ul li,
article ul li {
    margin: 5px 0 0 15px;
}

.content-dossier ul li:last-child,
article ul li:last-child {
    margin: 5px 0 5px 15px;
}

.content-dossier ul li:before,
article ul li:before {
    content: "â–ª ";
}

#container .content-dossier .image {
    margin: 20px 0 20px 0;
    padding: 0;
    display: block;
    overflow: hidden;
    line-height: 15px;
}

.misajour-none {
    display: none;
}

h2.recherche,
a.recherche {
    display: inline !important;
    line-height:  32px;
}

.abonner-left {
    width: 70%;
    float: left;
}

.abonner-right {
    width: 25%;
    float: right;
}

.abonner-right img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.abonner-form {
    clear:  both;
}

.header #logo.magic,
.header #main-menu.magic,
.header #social.magic {
    display: none;
}

.header #short,
.header #line {
    display: none;
}

.header #short.hello,
.header #line.hello {
    display: block;
}

.header.zero {
    padding-top: 0;
}

.les-dossiers article:nth-child(2n) {
    clear: both;
}

#more-articles .auteur, 
#more-articles .auteur strong,
#more-articles .date, 
#more-articles .date strong {
    color: #ffffff;
}

.recherche article {
    width:  100% !important;
    padding-right: 0 !important;
    float: left !important;
    clear:  both !important;
}

.recherche article h1 {
    font-family: KlinicSlabBookItalic !important;
    font-size: 25px !important;
    color: #050505 !important;
    letter-spacing: 0 !important;
    line-height: 24px !important;
}

.search-everything-highlight-color {
    font-size: 25px !important;
}

.recherche article.evenement {
    display: none !important;
}

.recherche-none {
    display: none;
}

.recherche article img {
    display: block;
    width:  20%;
    float:  left;
    margin: 0 15px 20px 0;
}

#logo-mobile {
    display: none;
}

#slider {
	margin: 150px auto 0;
}

.header img.fps {
	width:42%;
}

article.evenement a {
	color: #050505;
}

#footer #soutien {
    width: 32%;
    left: 30%;
}

#footer #copyright {
    width: 22%;
    left: 62%;
}

/* Modifs Août 2018 */

.participer a,
.mentions-legales a {
    font: 600 13px 'Open Sans', sans-serif;
    font-style: normal;
    line-height: normal;
    font-style: italic;
    color: #050505;
    letter-spacing: 0.01em;
    line-height: 20px;
    text-align: left;
    text-decoration: underline;
}

#container .mentions-legales article p {
    margin-bottom: 10px;
    margin-top: 3px;
}

div.wpcf7-response-output,
div.wpcf7-validation-errors {
    border: 0 solid #be1219 !important;
}

div.wpcf7-response-output {
    margin: 15px 10% 15px 10% !important;
}

.cookie-notice-container {
    padding: 15px 15px 25px 15px !important;
}

.cookie-button {
    color: #ffffff;
    cursor: pointer;
    font: 17px AlternateGothic, sans-serif;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 5px;
    border: 1px solid #ffffff;
    margin: 0;
    margin-left: 10px;
}

.cookie-notice-container h1 {
    font-family: KlinicSlabBookItalic;
    font-size: 25px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 24px;
    padding: 10px 0 15px 0;
}

.cookie-notice-container {
    background-color: #3d3d3d;
}

/* Modifs Decembre 2022 */

#container h2 {
	margin-top: 1em;
}

#loadMore {
	transform: translateY(10px)
}

.home-slide-container {
	width: 100%;
	max-width: 1304px;
	margin: 145px auto 0 auto;
	overflow: hidden;
	position: relative;
}

.home-slide {
	width: 92%;
	margin: 0 auto 0 auto;
	position: relative;
}

.home-slide .carousel-cell {
	width: 100%;
}

.home-slide .left-content {
	width: 48%;
	padding: 0 6% 0 6%;
	float: left;
	position: absolute;
	top: 50%;
	transform: translateY(-42%);
}

.home-slide .right-content {
	width: 40%;
	float: right;
}

.flickity-prev-next-button {
	width: 4%;
	height: 170px;
	border-radius: 0;
	background-repeat: no-repeat !important;
	padding: 0 !important;
	background-color: transparent !important;
}

.flickity-prev-next-button.previous {
	background-image: url("img/left-arrow.png");
	background-position: right center !important;
	left: -4%;

}

.flickity-prev-next-button.next {
	background-image: url("img/right-arrow.png");
	background-position: left center !important;
	right: -4%;
}

.home-slide .right-content img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
}

.flickity-button-icon {
	display: none;
}

.home-slide-top {
	position: absolute;
	top: 0;
	z-index: 1;
    background-image: url("img/background-01.png");
	background-repeat: no-repeat;
	background-position: center center;
	width: 92%;
	left: 4%;
	right: 4%;
}

.home-slide-bottom {
	position: absolute;
	bottom: 0;
	z-index: 1;
    background-image: url("img/background-02.png");
	background-repeat: no-repeat;
	background-position: center center;
	width: 92%;
	left: 4%;
	right: 4%;
}

.home-slide-top img,
.home-slide-bottom img {
	display: block;
}





































/* RESPONSIVE 1100 */

@media (max-width: 1100px) {

#footer #social-icons {
    display: none;
}

#footer #soutien {
    width: 35%;
    left: 25%;
}

#footer #copyright {
    width: 35%;
    left: 65%;
}

#short-search #searchsubmit {
    width: 25%;
}

#short-search #s {
    width: 73%;
}

#slider .center .left-content {
    width: 46%;
}

#slider .center .right-content {
    width: 42%;
}

.home-slide h1,
#slider h1 {
    font-size: 45px;
    line-height: 51px;
}

.home-slide h2,
#slider h2 {
    font-size: 25px;
    line-height: 29px;
}

}

/* END RESPONSIVE 1100 */

/* RESPONSIVE 1050 */

@media (max-width: 1050px) {

#slider .center .left-content {
    width: 51%;
    padding: 0 6% 0 6%;
    float: left;
    position: absolute;
    top: 50%;
    transform: translateY(-42%);
}

#slider .center .right-content {
    width: 37%;
    float: right;
}

.home-slide h1,
#slider h1 {
    font-size: 40px;
    line-height: 44px;
}

.home-slide h2,
#slider h2 {
    font-size: 20px;
    line-height: 23px;
}

.slide_viewer {
    height: 230px;
}

#short-search #searchsubmit {
    width: 30%;
}

#short-search #s {
    width: 68%;
}

.header #logo {
	width: 29%;
	margin-right: 3%;
}

.header #main-menu {
	width: 58%;
}

.header #social {
	width: 10%;
}

.header #main-menu .left {
	width: 40%;
}

.header #main-menu .right {
	width: 30%;
}

.header #search-main-menu {
	width: 30%;
	margin-top: 38px;
}

.header #main-menu a {
	font-size: 25px;
	line-height: 28px;
	margin-bottom: 7px !important;
}

#search-main-menu #searchsubmit {
	width: 41px;
}

#search-main-menu #s {
	width: 68%;
}

}

/* END RESPONSIVE 1024 */

/* MENU MOBILE */

.menu-mobile {
	background: #ffffff;
	display: none;
	width: 100%;
  	position: fixed;
	top: 0;
	z-index: 500000000 !important;
	height: 100vh;
}

.menu-mobile nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

.menu-toggle {
	color: #000000;
	padding: 3%;
	position: fixed;
	top: 0;
	z-index: 500000000 !important;
	width: auto;
	display: none;
	text-align: left;
}

.menu-toggle a {
	text-decoration: none;
	border: 0;
	font-size: 30px;
}

.menu-mobile h2,
.menu-mobile h2 span {
    display: block;
    text-align: center;
        font-family: GothamCondensedBook;
        font-size: 24px;
        color: #050505;
        letter-spacing: 0.065em;
        line-height: 28px;
        text-transform: uppercase;
}

.menu-mobile a.blue h2 {
	color: #277de8;
}

.menu-mobile a.orange h2 {
	color: #ee6418;
}

.menu-mobile a.violet h2 {
	color: #964e96;
}

.menu-mobile a.green h2 {
	color: #05a93b;
}


.menu-mobile nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

a.hamburger {
        color: #050505;
}

/* MENU MOBILE (end) */


/* RESPONSIVE 800 */

@media (max-width: 800px) {

.home-slide-container {
	display: none;
}

.menu-toggle {
	display: block;
}

#logo-mobile {
	display: block;
	width: 60%;
	text-align: left;
	margin: 3% auto 0 auto;
}

#logo-mobile img.fp {
    width: 100%;
    height:  auto;
}

#logo-mobile img.fps {
    width: 40%;
    height:  auto;
}

#container h2.left {
    display: none;
}

#short-search {
    display: none;
}

#column-left {
    display:  none;
}

#slider,
header {
    display:  none;
}

html, body {
    background: #ffffff;
}

#container {
    width: 100%;
}

#column-right.article,
#column-right {
    width: 94% !important;
    padding-right: 3% !important;
    padding-left: 3% !important;
}

article div {
    background-color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: auto !important;
}

#container article h1 {
    font-family: KlinicSlabBookItalic !important;
    font-size: 25px !important;
    color: #050505 !important;
    letter-spacing: 0 !important;
    line-height: 28px !important;
}

article span,
article span {
    display: block !important;
    padding-top: 4px;
}

article img {
    display: inline !important;
}

.les-dossiers article, 
article {
    width: 100% !important;
    float: none !important;
    clear: none !important;
}

#footer {
    display: none;
}

#top-page  {
    display: none;
}

.abonner-right {
    display: none;
}

.abonner-left {
    width: 100%;
}

#container .participer label {
    width: 100%;
    text-align: left;
}

#container .participer span input {
    margin: 0 0 20px 0;
    width: 100%;
}

#container .participer span.genre {
    width: 100%;
    padding-left: 0;
}

#container .participer span.genre input {
    margin: 0;
    width: auto;
}

#container .les-dossiers article.evenement .type,
#container .les-dossiers article.evenement .date {
    margin-right: 0;
}

#container .article article h2.dossier {
    display: block;
    margin:  8px 0 0 0;
}

#more-articles .more-theme span.photo, 
#more-articles .more-dossier span.photo, 
#container .article article .citation.image span.photo {
    display: none;
}

#more-articles .more-theme span.content, 
#more-articles .more-dossier span.content, 
#container .article article .citation.image span.content {
    width: 100%;
    float: none;
}

#more-articles .more-dossier span.content h3 {
    margin-top:  0;
}

body.tag {
    background: #ffffff;
}

.les-dossiers article div {
    margin: 0 0 30px 0 !important;
}

.les-dossiers article img {
    display: block !important;
}

#top-page-dossier {
    display: none;
}

#container.dossier {
    padding-top: 0;
}

.les-dossiers article.evenement {
    overflow: hidden;
}

#container .participer input {
    margin: 0 0 20px 0;
    width: 100%;
}





















}

/* END RESPONSIVE 800 */