* {margin: 0; padding: 0;}
html {height: 100%; font-size: 100%;}
body {width: 100%; height: 100%; font-family: 'Segoe UI', 'Source Sans Pro', 'Bitter', Tahoma, Georgia, sans-serif; color: #3a3a3a; font-size: 15px; line-height: 22px; margin: 0; text-align: left; background : #e8e4c3 url(../images/bg2.jpg) no-repeat top center;}
.clear {clear: both;}
img {max-width: 100%; height: auto!important; outline: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
/* For revcontent */.css-xcdytv {float: none; border: 0; margin: 0;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
.print {display: none;}
.spip_doc_titre {max-width: 100%; font-size: 13px; line-height: 16px;}
.spip_documents_right {margin-left: 15px;}
.spip_documents_left {margin-right: 15px;}

.block-overflow {max-width: 100%; overflow: hidden;}

/* Follow */
.follow {width: 100%; float: left; background: #f5f3da; margin: 10px 0; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.follow h4 {text-align: center; color: #b93935; text-transform: uppercase; margin: 10px auto 15px auto; font-weight: bold; font-size: 20px; line-height: 30px;}
.follow h5 {text-align: center; color: #545454; margin: 7px auto 10px auto; font-weight: bold; font-size: 14px; line-height: 17px;}
.follow-left {width: 48.5%; min-height: 145px; height: auto; float: left; margin-right: 1.5%; background: #fefdef; text-align: center; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.follow-left img {margin: 0 5px;}
.follow-right {width: 48.5%; min-height: 145px; height: auto; float: left; margin-left: 1.5%; background: #e8e4c3; text-align: center; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.follow-right input[type="text"] {width: 100%; max-width: 150px; height: 20px; display: block; border: 0; margin: 0 auto 10px auto; padding: 0 10px; text-align: center; background: white; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.follow-right input[type="submit"] {height: 20px; border: 0; background: #b71d1d; color: white; padding: 0 15px; font-size: 13px; line-height: 20px; cursor: pointer;}
.follow-right input[type="submit"]:hover {background: #4a4834; color: white;} 
.follow-right input:focus {border: 1px solid #b71d1d;}


h1 {margin-bottom: 5px; font-family: 'Bitter'; text-align: center; color: #414141; font-size: 30px; line-height: 38px; font-weight: 400;}
h2 {font-family: 'Source Sans Pro'; font-weight: 300; color: #ac1111; font-size: 14px; line-height: 17px; text-transform: uppercase; letter-spacing: 1px; text-align: center;}
h3 {}
h3.spip {font-family: 'Source Sans Pro'; font-weight: 300; text-align: center;  margin-top: 45px; margin-bottom: 15px; font-size: 24px; letter-spacing: 0.5px; line-height: 30px;}
hr.spip {margin: 20px auto;}
a {outline: 0;}
p {color: #3a3a3a; margin-bottom: 15px;}
a, a.spip_out {color: #ac1111; text-decoration: none;}
ol, ul {list-style-position: inside; margin-bottom: 20px;}
ol.spip {list-style: decimal; list-style-position: inside;}
ol.spip li, ul.spip li {list-style-position: outside; margin-left: 15px;}
b, strong {}

blockquote.spip {font-size: 14px; line-height: 20px; background-color: #f5f3da; border: 0; margin: 20px 0; padding: 10px; color: #3a3a3a; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
blockquote.spip p {font-size: 14px; line-height: 20px;}

.spip_doc_titre {font-weight: 400; font-size: 12px; line-height: 15px; margin-left: auto;  margin-right: auto; color: #545454; letter-spacing: 0.4px; font-family: 'Segoe UI';}
dl.spip_documents dt img {border: #545454 solid 1px;}
.spip_documents_center {clear: both; width: 100%; margin: auto; padding-bottom: 20px; text-align: center;}

/* Tableaux */
.table-container {width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 20px 0;}
.table-container::-webkit-scrollbar {-webkit-appearance: none; width: 14px; height: 14px;}
.table-container::-webkit-scrollbar-thumb {border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3);}
table.spip {max-width: 100%; width: 100%;  margin: 20px auto; border-collapse: collapse; border-spacing: 0; font-size: 14px;}
table.spip caption {caption-side: top; text-align: center; margin: 0 auto;}
table.spip tr.row_first {background: #f5f3da; color: #3a3a3a;  font-size: 16px; font-weight: 500;}
table.spip tr.row_odd {background: white;}
table.spip tr.row_even {background: white;}
table.spip th, table.spip td {padding: 5px; border: 1px solid #3a3a3a; text-align: left;}
table.spip th {vertical-align: bottom; font-size: 16px;}
table.spip td {vertical-align: top;}

.header {min-height: 112px; height: auto; width: 98%; max-width: 1050px; margin: 0 auto; padding: 2px 0 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header-top {width: 100%; min-height: 43px; height: auto; float: left; padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header-middle {width: 100%; float: left; position: relative; z-index: 100;}
.logo {width: 50%; float: left; text-align: left; padding-left: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.logo img {float: left;}
.baseline {width: 50%; float: left; padding-right: 15px; text-align: right; font-family: Tahoma; font-weight: 200; color: #b7a71c; font-size: 38px; line-height: 26px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header-bottom {width: 100%; float: left; background: #e2dca8; border-top: 1px solid #c6b947; border-bottom: 5px solid #c6b947; margin-top: -5px; padding-top: 4px; padding-right: 15px; padding-left: 0; padding-bottom: 0; position: relative; z-index: 50; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.menu {width: 70%; float: left; text-align: left; margin-top: -4px;}
.form {width: 30%; float: left; text-align: right; margin-top: -3px;}
.form form {display: inline-block;}
.form input[type="text"] {display: inline-block; margin-left: 4px; background: #f1eed6; color: #565656; height: 15px; width: 110px; padding-top: 2px; padding-left: 5px; font-size: 12.3px; line-height: 13px; border: 0;}
.form input[type="image"] {vertical-align: middle;}
#toTop {right: 10px; bottom: 10px; display: none; padding: 5px 10px; background: #bbb791; position: fixed; cursor: pointer; -webkit-border-radius: 3px; -khtml-border-radius: 3px;  -o-border-radius: 3px;  -ms-border-radius: 3px;  -icab-border-radius: 3px;  border-radius: 3px;}
#toTop:hover {background: #ac1111;}

 /*  Menu <  720 */
@media only screen and (min-width: 100px) and (max-width: 720px) {
html {height: 100%; font-size: 100%;}
.menu {width: 10%; padding-top: 6px; padding-right: 0; padding-bottom: 0; padding-left: 8px;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.form {width: 90%; margin-bottom: 4px;}
.menu ul {float: left; margin: 0; width: 100%; padding: 0;}
.menu ul li {width: 100%; list-style: none; position: relative; font-size: 12px; line-height: 19px;}
.menu ul li a {text-decoration: none;}
.menu ul li a img {float: left; display: block}
.menu ul li ul {display: none; position: absolute; top: 26px; left: 0; margin: 0;  text-align: left; width: 290px; padding: 5px 0; background: white; max-height: 90vh; overflow-y: auto; overflow-x: hidden; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.menu ul li ul li {margin: 0; padding: 0;}
.menu ul li ul li a {font-size: 12px; font-weight: 400; height: 14px; letter-spacing: 1px; line-height: 15px; padding: 3px 12px; text-transform: uppercase; text-decoration: none; color: #565656; font-family: 'Source Sans Pro'; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.menu ul li ul li ul {display: block; position: relative; z-index: 60; top: 0; left: 0; border-top: 0; height: auto; padding: 0; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0);}
.menu ul li ul li ul li {position: relative; margin-left: 25px; margin-right: 0; margin-top: 0; margin-bottom: 0; padding: 0; display: list-item; list-style-type: disc; list-style-position: inside; color: #565656;}
.menu ul li ul li ul li a {position: relative; padding: 0; margin: 0; font-size: 12px; color: #565656; text-decoration: none; text-transform: none; background: none;}
.js_float, .js_float_target {cursor: pointer;}
}

/*  Menu > 720 */
@media only screen and (min-width: 721px) and (max-width: 1000000px) {
html {height: 100%; font-size: 100%;}
.menu ul {margin: 0; width: 100%; height: auto; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.menu ul li {display: inline-block; list-style: none; width: auto; height: auto;}
.menu ul li a img {display: none;}
.menu li ul#menu-float {display: block!important; margin: 0;}
.menu ul li ul li {margin: 0; position: relative; padding: 2px 0 3px 0; height: auto; width: auto; min-width: auto;}
.menu ul li ul li a {font-size: 12px; font-weight: 400; height: 14px; letter-spacing: 1px; line-height: 15px; padding: 6px 12px 8px 12px; text-transform: uppercase; text-decoration: none; color: #565656; font-family: 'Source Sans Pro'; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.menu ul li ul li a span {width: 9px; height: 5px; background: url(../images/arrows.png) no-repeat; margin-left: 3px; display: inline-block; opacity: 0.7;}
.menu ul li ul li:hover {background: #c5b949;}
.menu ul li ul li:hover a {color: #fff; text-decoration: none;}
.menu ul li ul li:hover span {opacity: 1;}
.menu ul li ul {z-index: 100; margin: 0;}
.menu ul li ul li ul li {display: none; margin: 0; padding: 0; width: 100%; background: none; border: 0;}
.menu ul li ul li:hover ul {width: 290px; text-align: left; position: absolute; top: 26px; left: 0; z-index: 100; border-top: 5px solid #c6b947; background: white; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.menu ul li ul li:hover > ul li {display: inline-block;  padding: 2px 0;}
.menu ul li ul li:hover > ul li a {color: #565656;}
.menu ul li ul li ul li:hover {width: 100%; background: #c5b949;}
.menu ul li ul li ul li:hover a {color: #fff;}
.menu ul li ul li ul li a {font-size: 12px; font-weight: 400; height: 14px; letter-spacing: 1px; line-height: 15px; text-transform: uppercase; text-decoration: none; height: auto;}
.menu ul li ul li ul li a:hover {color: #fff; text-decoration: none;}
.js_float, .js_float_target {cursor: pointer;}
}

/* Lang < 1024 */
@media only screen and (min-width: 100px) and (max-width: 1023px) {
html {height: 100%; font-size: 100%;}
.lang {width: 20%; float: left; text-align: left; margin-top: 3px;}
.lang ul {display: none; position: absolute; top: 30px; left: 25px; margin: 0;  text-align: left; width: 250px; padding: 5px; background: white; max-height: 90vh; overflow-y: auto; z-index: 100; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.lang li {margin: 0; padding: 0; height: auto; list-style: none; display: inline-block; }
.lang li a {font-size: 13px; line-height: 16px; text-decoration: none; color: #b7a71c; padding: 2px 5px;}
.lang ul li a:hover {color: #b7a71c; text-decoration: underline;}
.lang li ul {display: block; position: relative; top: 0; left: 0; border-top: 0; height: auto; padding: 0;}
.rss {width: 80%; float: left; text-align: right;}
.rss a {color: #525252; font-size: 13px; line-height: 16px; padding-left: 5px; text-decoration: none; white-space: nowrap;}
}

/* Lang > 1024 */
@media only screen and (min-width: 1024px) and (max-width: 1000000px) {
html {height: 100%; font-size: 100%;}
.lang {width: 65%; float: left; text-align: left;}
.lang img {display: none;}
.lang ul#menu-float2 {display: block!important; margin-bottom: 10px;}
.lang ul li {display: inline-block; list-style: none;}
.lang ul li a {color: #b7a71c; font-size: 11px; line-height: 15px; padding-right: 5px; text-transform: lowercase; text-decoration: none; white-space: nowrap;}
.lang ul li a:hover {color: #b7a71c; text-decoration: underline;}
.rss {width: 35%; float: left; text-align: right;}
.rss a {color: #525252; font-size: 11px; line-height: 15px; padding-left: 5px; text-decoration: none; white-space: nowrap;}
.rss a:hover {color: #525252; text-decoration: underline;}
}

.content {width: 98%; max-width: 1050px; margin: 0 auto; padding: 55px 0 0 0; height: auto; min-height: -webkit-calc(100% - 112px); min-height: -o-calc(100% - 112px); min-height: calc(100% - 112px); background: white url(../images/content.jpg) repeat-x top center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

/* Article */
.content-column {width: 68%; float: left; padding: 0 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.content-column .formulaire_spip fieldset {border: 0;}
.content-column .formulaire_spip legend {font-weight: bold; text-transform: uppercase; margin: 0 0 15px 0;}
.content-column .formulaire_spip ul {margin: 0;}
.content-column .formulaire_spip ul li {list-style-type: none;}
.content-column .formulaire_spip label {display: block; margin-bottom: 3px; font-size: 14px; color: gray;}
.content-column .formulaire_spip input[type="text"] {width: 430px; max-width: 100%; height: 30px; border: 1px solid silver; margin-bottom: 10px; padding: 0 10px;}
.content-column .formulaire_spip textarea {border: 1px solid silver; width: 430px; max-width: 100%; margin-bottom: 10px;  padding: 0 10px;}
.content-column .formulaire_spip input[type="submit"] {height: 30px; border: 0; background: #ac1111; color: white; padding: 0 15px; font-weight: bold; cursor: pointer;}
.content-column .formulaire_spip input[type="submit"]:hover {background: silver; color: black;}

.content-column form.newsletters {margin-top: 20px; text-align: center;}
.content-column form.newsletters label {font-size: 14px; color: gray; display: block; margin-bottom: 3px;}
.content-column form.newsletters input[type="text"] {width: 160px; height: 30px; border: 1px solid silver; margin: 0 5px 10px 5px; padding: 0 10px;}
.content-column form.newsletters select {width: 182px; height: 30px; border: 1px solid silver; margin-bottom: 10px; padding: 0 10px;}
.content-column form.newsletters input[type="submit"] {height: 30px; border: 0; background: #ac1111; color: white; padding: 0 15px; font-weight: bold; cursor: pointer;}
.content-column form.newsletters input[type="submit"]:hover {background: silver; color: black;}



.article-author {font-family: Georgia; color: #848080; font-size: 20px; line-height: 22px; font-style: italic; text-align: center;}
.article-chapo {padding: 30px 0 0 0;}
.article-chapo p {font-family: 'Source Sans Pro';  font-weight: 300; font-size: 20px; line-height: 28px; letter-spacing: 0.9px; text-align: left;}
.article-date {text-align: center; color: #545454; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; word-spacing: 2px; line-height: 16px; padding: 30px 0 0 0;}
.article-date span i {padding: 0 10px; font-style: normal;}
.line {width: 100%; height: 1px; margin: 13px 0 10px 0; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(189,69,69,1) 25%, rgba(189,69,69,1) 75%, rgba(255,255,255,1) 100%);}
.article-lang {text-align: center; margin-bottom: 20px;}
.article-lang a {color: #989898; text-transform: uppercase; text-decoration: none; word-spacing: 2px; font-size: 12px; line-height: 15px; display: inline-block; padding: 0 5px;}
.article-lang a:hover {color: #989898; text-decoration: underline;}

.zoom {width: 100%; text-align: right; float: left; margin: 0 0 5px 0;}
.zoom button {width: 20px; height: 20px; cursor: pointer; border: 0; background: url(../images/zoom.png) no-repeat; background-size: cover;}
.zoom button.unzoom {background: url(../images/unzoom.png) no-repeat; background-size: cover;}

.article-text {float: left; width: 64%;}
.article-text p {text-align: justify; font-size: 15px; line-height: 23px; text-indent: 20px;}
.article-text p.lettrine {text-indent: 0;}
.article-text p.lettrine::first-letter {float: left; font-size: 83px; color: #ac1111; padding: 0; margin-right: 10px; margin-top: 10px; line-height: 70px;}
.article-text-author {margin: 7px 0 10px 0; text-align: right;}
.article-text-author a, .article-text-author a:hover {font-family: Georgia; color: #848080; font-size: 16px;  line-height: 18px;  font-style: italic; text-decoration: none;}

.article-text-translator {width: 100%; text-align: left; padding: 7px 0; color: #3a3a3a; font-size: 13px; line-height: 18px;}
.article-text-translator a {color: #3a3a3a; text-decoration: none; border-bottom: dotted 1px #b3b3b3;}
.article-text-translator a:hover {text-decoration: none; border-bottom: dotted 1px #000; color: #000;}

.article-text-source {width: 100%; text-align: left; padding: 7px 0; color: #3a3a3a; font-size: 13px; line-height: 18px;}
.article-text-source a {color: #3a3a3a; text-decoration: none; border-bottom: dotted 1px #b3b3b3;}
.article-text-source a:hover {text-decoration: none; border-bottom: dotted 1px #000; color: #000;}

#share {padding-top: 20px;}
#share img {opacity: 0.4;}
#share img:hover {opacity: 1;}

.documents {width: 100%; text-align: center; color: #3a3a3a; font-size: 12px; line-height: 13px; text-decoration: none;}
.documents img {border: #000 solid 1px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.ps {background-color: #f5f3da; margin: 40px 0 0 0; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.ps p {font-size: 13px; line-height: 18px; text-decoration: none; text-align: justify; text-indent: 0;}

.notes {border-top: solid 1px #b1b1b1; margin-top: 40px; padding-top: 15px;}
.notes p {font-size: 13px; line-height: 18px; text-align: justify; text-indent: 0;}

.article-inc-sidebar {float: left; width: 36%; padding-left: 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.article-inc-sidebar-author {float: left; width: 100%; background: #f5f3da; padding: 5px 5px 25px 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.article-inc-sidebar-author h4 a {font-family: 'Source Sans Pro'; font-weight: 300; color: #545454; font-size: 27px; line-height: 30px; text-decoration: none; margin-bottom: 15px; display: inline-block;}
.article-inc-sidebar-author h4 a:hover {text-decoration: none; color: #000;}
.article-inc-sidebar-author p {font-size: 14px; line-height: 19px; margin: 0;}
.article-inc-sidebar-author p a {color: #3a3a3a; text-decoration: none; border-bottom: dotted 1px #b3b3b3;}
.article-inc-sidebar-author p a:hover {text-decoration: none; border-bottom: dotted 1px #000; color: #000;}
.article-inc-sidebar-author p img {border: #000 solid 1px; margin-top: 3px; margin-right: 5px; margin-bottom: 0; margin-left: 0; float: left;}

.article-inc-sidebar-art {float: left; width: 100%; background: #f5f3da; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.article-inc-sidebar-art a {width: 100%; display: inline-block; padding: 10px 5px 12px 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.article-inc-sidebar-art a img {opacity: 0.3; margin-top: 3px; margin-right: 5px; margin-bottom: 0; margin-left: 0; float: left; border: #000 solid 1px;}
.article-inc-sidebar-art a:hover {background: #dedabc; text-decoration: none;}
.article-inc-sidebar-art a:hover img {opacity: 1;}
.article-inc-sidebar-art p {font-size: 12px; line-height: 17px; text-decoration: none; font-weight: 700; margin: 0 0 -3px 0;}
.article-inc-sidebar-art span {color: #3a3a3a; font-size: 12px; line-height: 17px; font-weight: 300; margin: 0;}

.article-inc-sidebar-icon {float: left; width: 100%; background: #f5f3da; padding: 20px 5px 25px 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.article-inc-sidebar-icon a {color: #3a3a3a; font-size: 12px; display: block; text-decoration: none;}
.article-inc-sidebar-icon a:hover {color: #000; text-decoration: none;}
.article-inc-sidebar-icon img {width: 11px;}

.article-inc-sidebar-reseau {float: left; width: 100%; background: #f5f3da; padding: 0; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.article-inc-sidebar-reseau h4 {font-family: 'Source Sans Pro'; font-weight: 300; color: #545454; font-size: 27px; line-height: 30px; margin-bottom: 15px; padding: 5px 5px 0 5px; display: inline-block;}
.article-inc-sidebar-reseau p {font-size: 14px; line-height: 19px; padding: 5px 5px 0 5px;}
.article-inc-sidebar-reseau a {display: block; padding: 6px 5px; color: #3a3a3a; font-size: 12px; line-height: 17px; text-decoration: none; font-weight: 700;}
.article-inc-sidebar-reseau a:hover {background: #dedabc; text-decoration: none;}
.article-inc-sidebar-reseau a.on {background: #e9e5c5;}

.sidebar-column {width: 32%; float: left; overflow: hidden; padding-right: 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sidebar-column div.sidebar-column-big {margin-bottom: 25px; background-color: #e1dba7; width: 100%; float: left; padding: 5px 0;}
.sidebar-column-big img.map {float: left; width: 100%!important; height:auto!important; border: 1px solid #e1dba7; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sidebar-column-big img.flag {float: left; border: 0; width: 26px; margin: 8px 5px 5px 5px;}
.sidebar-column-big h4 {font-weight: 300; font-size: 26px; line-height: 29px; margin-bottom: 3px; padding: 0 5px 5px 5px;}
.sidebar-column-big h4 a {color: #545454; text-decoration: none;}
.sidebar-column-big h4 a:hover {color: #000;}
a.sidebar-column-big-art {width: 100%; display: inline-block; padding: 10px 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
a.sidebar-column-big-art img {opacity: 0.3; margin-top: 3px; margin-right: 5px; margin-bottom: 0; margin-left: 0; float: left; border: #000 solid 1px;}
a.sidebar-column-big-art:hover {background: #dcd492; text-decoration: none;}
a.sidebar-column-big-art:hover img {opacity: 1;}
a.sidebar-column-big-art p {font-size: 12px; line-height: 14px; text-decoration: none; font-weight: 700; margin: 0;}
a.sidebar-column-big-art p.small {font-size: 12px; line-height: 14px; text-decoration: none; font-weight: 300; margin: 0 0 3px 0; color: #ac1111;}
.sidebar-column-big a.more {font-size: 12px; line-height: 14px; font-size: 12px; font-weight: 700; color: #3a3a3a; text-align: right; text-decoration: none; display: block; padding: 5px;}
			
.sidebar-column div.sidebar-column-small {margin-bottom: 25px; background-color: #f5f3da; padding: 5px; width: 100%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sidebar-column-small img {float: left; border: 1px solid black; margin-right: 10px;}
.rc-widget-header img {float: none; border: 0; margin: 0;}
.sidebar-column-small a.pub1 {font-weight: 300; color: #363636; font-size: 24px; line-height: 26px; text-decoration: none;}
.sidebar-column-small a.pub2 {font-weight: 300; color: #727272; font-size: 19px; line-height: 25px; text-decoration: none;}
.sidebar-column-small a.pub3 {font-weight: 300; color: #000; font-size: 12px; line-height: 14px; text-decoration: none;}

.content-bottom {width: 98%; max-width: 1050px; margin: 0 auto; padding: 0;  background: white; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.bottom-one {float: left; background-color: #e1dba7; margin: 60px 0 80px 0; padding: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.bottom-one h4 a {font-family: 'Source Sans Pro'; font-size: 18px; line-height: 21px; text-decoration: none; color: #545454; margin-bottom: 15px; font-weight: 300; display: inline-block;}
.bottom-one h4 a:hover {color: #000; text-decoration: none;}
.bottom-one p {font-size: 13px; line-height: 18px; text-decoration: none;}
.bottom-one div {float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.bottom-one div.bottom-one-a {width: 44%; padding-top: 25px; padding-right: 0px; padding-bottom: 10px; padding-left: 25px;}
.bottom-one div.bottom-one-b {width: 25.8%; padding-top: 25px; padding-right: 25px; padding-bottom: 10px; padding-left: 25px;}
.bottom-one div.bottom-one-c {width: 30.2%; padding-top: 25px; padding-right: 25px; padding-bottom: 10px; padding-left: 0px;}

.bottom-two {float: left; background: #fcfbf6 url(../images/bottom-two.jpg) repeat-x top center; border-top: 3px solid #c5b949; margin: 0; padding: 0 0 15px 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.bottom-two div {float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.bottom-two div.bottom-two-a {width: 44%; padding-top: 25px; padding-right: 0px; padding-bottom: 10px; padding-left: 25px;}
.bottom-two div.bottom-two-a a {width: 100%;  display: inline-block; margin-bottom: 20px;}
.bottom-two div.bottom-two-a a img {opacity: 0.3; margin-right: 10px; margin-top: 0; margin-left: 0; margin-bottom: 0; float: left; border: #000 solid 1px;}
.bottom-two div.bottom-two-a a:hover img {opacity: 1;}
.bottom-two div.bottom-two-a h4 {color: #414141; font-family: 'Bitter'; font-size: 23px; line-height: 27px; margin: 0; font-weight: normal;}
.bottom-two div.bottom-two-a h5 {color: #414141; font-family: 'Bitter'; font-size: 19px; line-height: 23px; margin: 0; font-weight: normal;}
.bottom-two div.bottom-two-a p {font-family: Georgia; color: #848080; font-size: 16px; line-height: 17px; font-style: italic;}

.bottom-two div.bottom-two-b {width: 25.8%; padding: 25px 25px 10px 25px;}
.bottom-two div.bottom-two-b a {width: 100%;  display: inline-block; margin-bottom: 10px;}
.bottom-two div.bottom-two-b a img {opacity: 0.3; margin: 0 0 5px 0; float: left; border: #000 solid 1px; width: 100%;}
.bottom-two div.bottom-two-b a:hover img {opacity: 1;}
.bottom-two div.bottom-two-b p {color: #545454; font-size: 16px; line-height: 17px; font-weight: 300; margin: 0;}
.bottom-two div.bottom-two-b a:hover p {color: black;}

.bottom-two div.bottom-two-c {width: 30.2%; padding-top: 25px; padding-right: 25px; padding-bottom: 10px; padding-left: 0px;}
.bottom-two div.bottom-two-c a {width: 100%; display: inline-block; padding: 6px 0; border-top: solid 1px #e8e4c3;}
.bottom-two div.bottom-two-c a img {opacity: 0.3; float: right; border: #000 solid 1px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 5px;}
.bottom-two div.bottom-two-c a:hover img {opacity: 1;}
.bottom-two div.bottom-two-c h4 {color: #3a3a3a; font-size: 12px; line-height: 13px; font-weight: 300; margin: 0;}
.bottom-two div.bottom-two-c h5 {color: #3a3a3a; font-size: 12px; line-height: 14px; font-weight: 700; margin: 2px 0;}
.bottom-two div.bottom-two-c a:hover h5 {color: black;}
.bottom-two div.bottom-two-c p {font-style: italic; color: #727272; font-size: 12px; line-height: 13px; margin: 0;}

/* Themes */
.themes {padding-right: 0; padding-top: 0; padding-bottom: 0; padding-left: 25px;}
.themes .line {width: auto; margin-top: 20px; margin-right: 25px; margin-bottom: 50px; margin-left: 0; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(189,69,69,1) 50%, rgba(189,69,69,1) 50%, rgba(255,255,255,1) 100%);}
.themes-wrapper {width: 100%;}
.themes-wrapper div {float: left; width: 33.3%; height: 102px; padding-right: 25px; overflow: hidden; margin-bottom: 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.themes-wrapper a {background: #f5f3da; width: 100%; height: 102px; display: inline-block; padding: 2px 5px 5px 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.themes-wrapper a:hover {background: #dedabc;}
.themes-wrapper div table {width: 107px; height: 102px; margin-top: -3px; float: left;}
.themes-wrapper div table tr td {vertical-align: top;}
.themes-wrapper img {width: 100px; float: left; margin-top: 1px; /*margin-right: 10px;*/ margin-bottom: 0; margin-left: -5px; border: #000 solid 1px;}
.themes-wrapper p {color: #000; font-size: 21px; letter-spacing: 0.5px; line-height: 24px; text-decoration: none; text-align: left; display: table-cell;}
.themes-wrapper p span {color: #ac1111; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; word-spacing: 2px; line-height: 15px;}

/* Pagination */
.pagination {width: 100%; text-align: center; font-size: 17px; line-height: 17px; margin: 0 0 25px 0}
.pagination .on {color: #fff; background-color: #ac1111; padding: 6px 10px; display: inline-block; font-weight: 700;}
.pagination a {padding: 6px 10px; color: #717171; display: inline-block; text-decoration: none;}
.pagination a:hover {text-decoration: underline;}
.pagination ul li {display: inline-block;}

/* Mot */
.mot-chapo p {padding: 15px 0 10px 0; font-family: 'Source Sans Pro'; font-weight: 300; font-size: 19px; color: #3a3a3a; line-height: 27px; letter-spacing: 0.9px; text-align: center;}
.rubrique-chapo p {padding: 10px 0 0 0; font-family: 'Source Sans Pro'; font-weight: 300; font-size: 16px; color: #3a3a3a; line-height: 26px; letter-spacing: 0.9px; text-align: left; margin: 0;}
.one-mot {width: 100%; margin-bottom: 40px;}
.one-mot-source {font-family: 'Source Sans Pro'; font-weight: 300; color: #ac1111; font-size: 14px; line-height: 14px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 3px;}
.one-mot-titre a {font-family: 'Source Sans Pro'; font-weight: 300; color: #545454; font-size: 26px; line-height: 29px; text-decoration: none;}
.one-mot-titre a:hover {color: #000; text-decoration: none;}
.one-mot-author {font-family: Georgia; color: #848080; font-size: 17px; line-height: 18px; font-style: italic; margin: 5px 0 8px 0;}
.one-mot img {border: #000 solid 1px; margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 0; float: left;}
.one-mot-date {color: #545454; font-size: 12px; line-height: 15px; text-transform: uppercase; letter-spacing: 1px; word-spacing: 2px;}
.one-mot-texte a {color: #3a3a3a; font-size: 14px; line-height: 18px; text-decoration: none;}
.one-mot-texte a:hover {color: #3a3a3a; text-decoration: none;}

/* Reserche */
.mot-recherche {}
.mot-recherche input[type="text"] {background: white; color: #707070; height: 30px; width: 80%; margin: 0 2% 0 0; float: left; font-size: 16px; line-height: 30px; border: 1px solid silver; padding: 0 10px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.mot-recherche input[type="text"]:focus {border: 3px solid #ac1111;}
.mot-recherche input[type="submit"] {text-align: center; text-decoration: none; background: gray; border: 0; color: white; font-size: 15px; font-weight: 500; line-height: 30px; text-transform: uppercase; width: 18%; float: left; height: 30px;  -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; transition: all 0.4s ease-in; cursor: pointer;}
.mot-recherche input[type="submit"]:hover {background: #ac1111; color: white;}

/* Sommaire */
.content-sommaire {padding: 0;}

.content-sommaire h3 {font-family: 'Source Sans Pro'; font-weight: 300; font-size: 18px; line-height: 18px; margin-bottom: 10px; color: #aba56f;}
.content-sommaire h3 a {color: #aba56f; text-decoration: none;}
.content-sommaire h3 a:hover {color: #aba56f; text-decoration: underline;}
.content-sommaire img {border: #000 solid 1px;}
.content-sommaire-int {font-weight: 300; color: #ac1111; font-size: 14px; line-height: 17px; text-transform: uppercase; letter-spacing: 1px;}
.content-sommaire-author {font-family: Georgia; color: #848080; font-size: 16px; line-height: 18px; font-style: italic; text-align: center; margin-bottom: 15px;}
.content-sommaire-location {color: #545454; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; word-spacing: 2px; line-height: 15px;}
a.content-sommaire-text {color: #3a3a3a; font-size: 15px; line-height: 22px; text-decoration: none;}
a.content-sommaire-text:hover {color: #3a3a3a; text-decoration: none;}
.content-sommaire h2 {font-family: 'Bitter'; font-size: 30px; line-height: 38px; text-transform: none; font-weight: 400; text-align: center; margin-bottom: 5px;}
.content-sommaire h2 a {color: #414141; text-decoration: none;}
.content-sommaire h2 a:hover {color: #000; text-decoration: none;}
.content-sommaire-chapitre, .content-sommaire-chapitre a {text-decoration: none; padding-left: 20px; font-family: 'Source Sans Pro'; font-weight: 300; color: #cec464; font-size: 37px; line-height: 37px;}

.sommaire-block1 {width: 100%; float: left; background: #f4f1db;}
.sommaire-block1-a {width: 25%; float: left; padding: 20px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(229,224,178,1) 100%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sommaire-block1-a div {margin-bottom: 10px;}
.sommaire-block1-a div a {font-family: 'Source Sans Pro'; font-weight: 300; color: #545454; font-size: 18px; line-height: 18px; text-decoration: none;}
.sommaire-block1-a div a:hover {color: #000; text-decoration: none;}
.sommaire-block1-b {width: 75%; float: right; padding: 20px; background: rgb(245,243,218); background: linear-gradient(0deg, rgba(245,243,218,1) 0%, rgba(245,243,218,1) 44%, rgba(251,250,243,1) 74%, rgba(236,231,195,1) 100%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sommaire-block1-b-l {width: 68%; float: left; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sommaire-block1-b-r {width: 32%; float: right; text-align: center; background-color: #ece8c5; color: #747473; font-size: 13px; line-height: 16px;}
.sommaire-block1-b-r div {padding: 5px; width: 100%; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sommaire-block1-b-r a {color: #747473; text-decoration: none;}
.sommaire-block1-b-r a:hover {color: #747473; text-decoration: underline;}
.sommaire-block1-c {width: 75%; float: right; padding: 20px; background: rgb(244,241,219); background: linear-gradient(0deg, rgba(244,241,219,1) 0%, rgba(253,252,248,1) 100%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sommaire-block1-c-l {width: 50%; float: left; padding-right: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sommaire-block1-c-r {width: 50%; float: left; padding-left: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sommaire-block1-c h2 {font-size: 23px; line-height: 27px; text-align: left;}
.sommaire-block1-c img {float: right; margin-left: 15px; width: 120px;}
.sommaire-block1-c .content-sommaire-author {text-align: left;}

.sommaire-block2 {width: 100%; background: #f5f3da; float: left; padding: 40px 0 0 0; border-bottom: 1px solid #c5b949; border-top: 1px solid #c5b949;}
.sommaire-block2-l {width: 100%; float: left; border-top: 5px solid #c5b949; border-bottom: 1px solid #c5b949; padding: 20px 20px 40px 20px; margin-bottom: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: rgb(222,216,162); background: linear-gradient(180deg, rgba(222,216,162,1) 0%, rgba(249,248,239,1) 37%);}
.sommaire-block2-l h2 {font-size: 23px; line-height: 27px; text-align: left; color: #616161;}
.sommaire-block2-l img {float: left; margin-right: 10px;}
.sommaire-block2-l .content-sommaire-author {text-align: left;}
.sommaire-block2-l-one {width: 50%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sommaire-block2-l-one:first-child {padding-right: 20px;}
.sommaire-block2-l-one:last-child {padding-left: 20px;}

.sommaire-block2-r {width: 100%; float: left; border-top: 5px solid #c5b949; padding: 20px 20px 40px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: rgb(232,228,196); background: linear-gradient(180deg, rgba(232,228,196,1) 0%, rgba(249,248,239,1) 100%);}
.sommaire-block2-r div {float: left; width: 25%; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
/*.sommaire-block2-r div:last-child {padding: 0;}*/
.sommaire-block2-r div a {font-weight: 300; color: #545454; font-size: 17px; line-height: 19px; text-decoration: none;}
.sommaire-block2-r div a:hover {color: #000;}

.sommaire-block3 {width: 100%; float: left; padding: 40px 0; background: #f5f3da;}
.sommaire-block3-wrapper, .sommaire-block4-wrapper {float: left; width: 100%; background: white; border-top: 5px solid #c5b949; border-bottom: 1px solid #c5b949; margin-top: -4px;}

.sommaire-block3-l {width: 50%; float: left; padding-bottom: 40px; background: rgb(222,217,163); background: linear-gradient(180deg, rgba(222,217,163,1) 0%, rgba(242,241,220,1) 17%, rgba(252,252,247,1) 100%);}
.sp-thumbnail {background: #bfb240; cursor: pointer; border: 1px solid #e0daa8!important; border-left: 0px!important; border-top: 0!important; white-space: nowrap; padding: 1.5px 5px; float: left; color: white; font-size: 12px; line-height: 16px; text-transform: uppercase;}
.sp-thumbnail:hover, .sp-thumbnail-on {background: #ac1111; color: #fff; text-decoration: none;}
.sp-slide {width: 100%; float: left; padding: 0 20px!important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.sommaire-block3-l-column-one {width: 69%; float: left; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sommaire-block3-l-column-one img {float: left; margin-top: 0; margin-right: 7px; margin-bottom: 0; margin-left: 0; width: 70px;}
.sommaire-block3-l-column-one-big img {width: 140px;}
.sommaire-block3-l-column-one h2 {font-size: 20px; line-height: 24px; text-align: left; color: #616161;}
.sommaire-block3-l-column-one .content-sommaire-author {text-align: left;}
.sommaire-block3-l-column-two {width: 31%; float: left;}
.sommaire-block3-l-column-two img {margin: 0; width: 100%;}
.sommaire-block3-l-column-two h2 {font-weight: 300; color: #545454; font-size: 15px; line-height: 18px; margin-bottom: 15px; text-align: left; font-family: 'Source Sans Pro';}

.sommaire-block3-r {width: 50%; float: left; padding-bottom: 40px; background: rgb(233,229,195); background: linear-gradient(180deg, rgba(233,229,195,1) 0%, rgba(248,246,235,1) 17%, rgba(255,255,255,1) 100%);}
.sommaire-block3-r-input {width: 100%; min-height: 60px!important; height: auto!important;}
.sommaire-block3-r-input div {background: #d3ca7d; border-right: 1px solid #e0daa8; border-bottom: 1px solid #e0daa8; white-space: nowrap; padding: 0 5px 3px 5px; float: left; color: white; font-size: 12px; line-height: 16px; text-transform: uppercase;}
.sommaire-block3-r-input div.no-checked {background: #ddd9bb;}
.sommaire-block3-r-input div input {margin-right: 2px; vertical-align: bottom;}

.sommaire-block3-r-articles {width: 100%; height: 600px; overflow: auto; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sommaire-block3-r-articles a {display: block; float: left; padding: 5px; border-top: 1px solid #e8e4c3; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.sommaire-block3-r-articles a:hover {background: #d3ca7d;}
.sommaire-block3-r-articles div img {float: right; width: 50px; border: #000 solid 1px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 5px;}
.sommaire-block3-r-articles div span {color: #3a3a3a; font-size: 12px; line-height: 17px; display: block;}
.sommaire-block3-r-articles div i {color: #727272; font-size: 12px; line-height: 17px;}

.sommaire-block4 {width: 100%; background: #f5f3da; float: left; padding: 0 0 40px 0;}
.sommaire-block4-column {width: 34%; float: left; padding: 20px;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: rgb(233,229,194); background: linear-gradient(180deg, rgba(233,229,194,1) 0%, rgba(255,255,255,1) 100%);}
.sommaire-block4-wrapper {background: white;}
.sommaire-block4-column .content-sommaire-int {font-size: 12px; line-height: 15px;}
.sommaire-block4-column h2 {font-weight: 300; font-size: 26px; line-height: 29px; text-align: left; font-family: 'Source Sans Pro';}
.sommaire-block4-column h2 a {color: #545454;}
.sommaire-block4-column h2 a:hover {color: #000}
.sommaire-block4-column .content-sommaire-author {text-align: left;}
.sommaire-block4-column img {border: #000 solid 1px; float: left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 0; width: 90px;}
.sommaire-block4-column a {}
.sommaire-block4-column:first-child, .sommaire-block4-column:last-child {width: 33%; background: rgb(222,217,163); background: linear-gradient(180deg, rgba(222,217,163,1) 0%, rgba(255,255,255,1) 100%);}

.sommaire-block5 {width: 100%; background: #f5f3da; float: left; padding: 0;}
.sommaire-block5-wrapper {float: left; width: 100%;  border-top: 5px solid #c5b949; margin-top: -4px; padding: 30px 20px 10px 20px; background: rgb(233,229,194); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: linear-gradient(180deg, rgba(233,229,194,1) 0%, rgba(253,252,248,1) 100%);}
.sommaire-block5-wrapper div {width: 50%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sommaire-block5-wrapper div:first-child {padding-right: 20px;}
.sommaire-block5-wrapper div:last-child {padding-left: 20px;}
.sommaire-block5-wrapper div a {display: block; float: left; padding: 10px; width: 100%; margin-bottom: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sommaire-block5-wrapper div a:hover {background: #dedabc;}
.sommaire-block5-wrapper div img {float: left; width: 50px; border: #000 solid 1px; margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 0;}
.sommaire-block5-wrapper div span {color: #3a3a3a; font-size: 12px; line-height: 17px; display: block;}
.sommaire-block5-wrapper div i {color: #727272; font-size: 12px; line-height: 17px;}

.sommaire-block5-new {width: 100%; background: #f5f3da; float: left; padding: 0;}
.sommaire-block5-new-wrapper {float: left; width: 100%;  border-top: 5px solid #c5b949; margin-top: -4px; padding: 30px 20px 10px 20px; background: rgb(233,229,194); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: linear-gradient(180deg, rgba(233,229,194,1) 0%, rgba(253,252,248,1) 100%);}
.sommaire-block5-new-wrapper div {width: 50%; min-height: 92px; padding: 0 10px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sommaire-block5-new-wrapper div a {display: block;}
.sommaire-block5-new-wrapper div a:hover {background: #dedabc;}
.sommaire-block5-new-wrapper div img {float: left; width: 50px; border: #000 solid 1px; margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 0;}
.sommaire-block5-new-wrapper div span {color: #3a3a3a; font-size: 12px; line-height: 17px; display: block;}
.sommaire-block5-new-wrapper div i {color: #727272; font-size: 12px; line-height: 17px;}

/* Sommaire mobile */
.content-sommaire-mobile {padding: 0; background: #f9f8e9; margin-top: -5px;}
.mobile-block {width: 100%; background: #f5f3da; float: left; text-align: left; padding: 25px 15px 30px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.mobile-block-wrapper {width: 100%; float: left; margin: 13px 0 5px 0; border-bottom: 1px solid #e5e1b3; padding-bottom: 18px;}
.mobile-block a.mobile-image-left img {float: left; margin: 7px 10px 10px 0;}
.mobile-block h2, .mobile-block h2 a {font-size: 23px; line-height: 27px; text-align: left; color: #616161; font-family: bitter; text-transform: none; font-weight: 400; margin-bottom: 8px; letter-spacing: 1px;}
.mobile-block a.content-sommaire-text {display: inline; text-align: left;}
.mobile-block .content-sommaire-author {text-align: left;}


/* 0 - 414 (320, 360, 414) */
@media only screen and (min-width: 100px) and (max-width: 439px) {
html {height: 100%; font-size: 100%;}
.header-top {padding: 0 8px;}
.form input[type="text"] {width: 100px;}
.logo {width: 100%; padding-left: 8px;}
.baseline {display: none;}
.header-bottom {padding-top: 4px; padding-right: 8px; padding-bottom: 0px; padding-left: 0px;}
.content {padding: 35px 0 25px 0;}
.content-bottom {padding: 0 0 25px 0;}
.content-column {width: 100%; padding: 0 15px;}
.article-text {width: 100%;}
.article-text p {font-size: 16px; line-height: 24px;}
.zoom {display: none;}
.article-inc-sidebar {width: 100%; padding-left: 0;}
.sidebar-column {display: none;}
.bottom-one div.bottom-one-a {width: 100%; padding-top: 25px; padding-right: 25px; padding-bottom: 0px; padding-left: 25px;}
.bottom-one div.bottom-one-b {width: 100%; padding-top: 25px; padding-right: 25px; padding-bottom: 0px; padding-left: 25px;}
.bottom-one div.bottom-one-c {width: 100%; padding: 25px;}
.bottom-two div.bottom-two-a {width: 100%; padding-top: 25px; padding-right: 25px; padding-bottom: 0px; padding-left: 25px;}
.bottom-two div.bottom-two-a img {max-width: 40%;}
.bottom-two div.bottom-two-b {width: 100%; padding: 25px 25px 0 25px;}
.bottom-two div.bottom-two-c {width: 100%; padding: 25px 25px 0 25px;}
.themes {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 15px;}
.themes .line {margin-top: 20px; margin-right: 15px; margin-bottom: 40px; margin-left: 0; }
.themes-wrapper div {width: 100%; padding-right: 15px;}
.themes-wrapper p {font-size: 18px; letter-spacing: 0; line-height: 21px;}
.content-sommaire {padding: 0;}
.sommaire-block1-a {width: 100%; float: left;}
.sommaire-block1-b {width: 100%; float: left;}
.sommaire-block1-b-l {width: 100%; float: left; padding-right: 0;}
.sommaire-block1-b-r {width: 100%; float: left; margin-top: 20px; padding-top: 10px;}
.sommaire-block1-c {width: 100%; float: left; padding: 20px;}
.sommaire-block1-c-l {width: 100%; float: left; padding-right: 0;}
.sommaire-block1-c-r {width: 100%; float: left; padding-left: 0; margin-top: 20px;}
.sommaire-block2-l-one {width: 100%;}
.sommaire-block2-l-one:first-child {padding-right: 0; margin-bottom: 20px;}
.sommaire-block2-l-one:last-child {padding-left: 0;}
.sommaire-block2-r div {width: 100%; padding-right: 0; margin-bottom: 15px;}
.sommaire-block2-r div:last-child { margin-bottom: 0;}
.sommaire-block3-l, .sommaire-block3-r {width: 100%;}
.sp-slide {padding: 0 15px!important;}
.sommaire-block3-l-column-one {padding-right: 15px;}
.sommaire-block3-r-input {min-height: 80px!important;}
.sommaire-block3-r-articles {padding: 20px 15px;}
.sommaire-block4-column, .sommaire-block4-column:first-child, .sommaire-block4-column:last-child {width: 100%;}
.sommaire-block5-wrapper {padding: 30px 15px 10px 15px;}
.sommaire-block5-wrapper div, .sommaire-block5-wrapper div:first-child, .sommaire-block5-wrapper div:last-child {width: 100%; padding: 0;}
.sommaire-block5-new-wrapper div {width: 100%;}
.follow-left {width: 100%; margin-right: 0; margin-bottom: 10px; min-height: 50px;}
.follow-right {width:100%; margin-left: 0; min-height: 50px;}
}

/* 440 - 540 (440, 480, 533, 540) */
@media only screen and (min-width: 440px) and (max-width: 540px) {
html {height: 100%; font-size: 100%;}
.header-top {padding: 0 8px;}
.form input[type="text"] {width: 100px;}
.logo {width: 100%; padding-left: 8px;}
.baseline {display: none;}
.header-bottom {padding-top: 4px; padding-right: 8px; padding-bottom: 0px; padding-left: 0px;}
.content {padding: 35px 0 25px 0;}
.content-bottom {padding: 0 0 25px 0;}
.content-column {width: 100%; padding: 0 15px;}
.article-text {width: 60%;}
.article-text p {font-size: 16px; line-height: 24px;}
.article-inc-sidebar {width: 40%; padding-left: 15px;}
.sidebar-column {display: none;}
.bottom-one div.bottom-one-a {width: 100%; padding: 25px 25px 0 25px;}
.bottom-one div.bottom-one-b {width: 100%; padding: 25px 25px 0 25px;}
.bottom-one div.bottom-one-c {width: 100%; padding: 25px;}
.bottom-two div.bottom-two-a {width: 100%; padding: 25px 25px 0 25px;}
.bottom-two div.bottom-two-a img {max-width: 40%;}
.bottom-two div.bottom-two-b {width: 100%; padding: 25px 25px 0 25px;}
.bottom-two div.bottom-two-c {width: 100%; padding: 25px 25px 0 25px;}
.themes .line {margin-top: 20px; margin-right: 15px; margin-bottom: 40px; margin-left: 0; }
.themes-wrapper div {width: 100%;}
.content-sommaire {padding: 0;}
.sommaire-block1-a {width: 100%; float: left;}
.sommaire-block1-b {width: 100%; float: left;}
.sommaire-block1-b-l {width: 100%; float: left; padding-right: 0;}
.sommaire-block1-b-r {width: 100%; float: left; margin-top: 20px; padding-top: 10px;}
.sommaire-block1-c {width: 100%; float: left; padding: 20px;}
.sommaire-block1-c-l {width: 100%; float: left; padding-right: 0;}
.sommaire-block1-c-r {width: 100%; float: left; padding-left: 0; margin-top: 20px;}
.sommaire-block2-l-one {width: 100%;}
.sommaire-block2-l-one:first-child {padding-right: 0; margin-bottom: 20px;}
.sommaire-block2-l-one:last-child {padding-left: 0;}
.sommaire-block2-r div {width: 50%; padding: 0 10px; margin-bottom: 15px;}
.sommaire-block2-r div:last-child {padding: 0 10px;}
.sommaire-block3-l, .sommaire-block3-r {width: 100%;}
.sommaire-block4-column, .sommaire-block4-column:first-child, .sommaire-block4-column:last-child {width: 100%;}
.sommaire-block5-wrapper {padding: 30px 15px 10px 15px;}
.sommaire-block5-wrapper div, .sommaire-block5-wrapper div:first-child, .sommaire-block5-wrapper div:last-child {width: 100%; padding: 0;}
.sommaire-block5-new-wrapper div {width: 100%;}
.follow-left {width: 100%; margin-right: 0; margin-bottom: 10px;  min-height: 50px;}
.follow-right {width:100%; margin-left: 0; min-height: 50px;}
}

/* 541 - 768 (568, 600, 640, 720) */
@media only screen and (min-width: 541px) and (max-width: 720px) {
html {height: 100%; font-size: 100%;}
.header-top {padding: 0 10px;}
.logo {padding-left: 10px;}
.baseline {padding-right: 10px;}
.header-bottom {padding-top: 4px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px;}
.content {padding: 40px 0 25px 0;}
.content-bottom {padding: 0 0 25px 0;}
.content-column {width: 65%; padding: 0 15px;}
.sidebar-column {width: 35%; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 0px;}
.article-text {width: 100%;}
.article-text p {font-size: 16px; line-height: 24px;}
.article-inc-sidebar {width: 100%; padding-left: 0;}
.bottom-one div.bottom-one-a {padding: 15px 15px 0 15px;}
.bottom-one div.bottom-one-b {padding: 15px 15px 0 15px;}
.bottom-one div.bottom-one-c {padding: 15px;}
.bottom-two div.bottom-two-a {padding: 15px 15px 0 15px;}
.bottom-two div.bottom-two-b {padding: 15px 15px 0 15px;}
.bottom-two div.bottom-two-c {padding: 15px 15px 0 15px;}
.themes {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 15px;}
.themes .line {margin-top: 20px; margin-right: 15px; margin-bottom: 40px; margin-left: 0; }
.themes-wrapper p {font-size: 18px; letter-spacing: 0; line-height: 21px;}
.themes-wrapper div {width: 50%; padding-right: 15px;}
.content-sommaire {padding: 0;}
.sommaire-block1-a {width: 50%; float: left;}
.sommaire-block1-b {width: 50%; float: left;}
.sommaire-block1-b-l {width: 100%; float: left; padding-right: 0;}
.sommaire-block1-b-r {width: 100%; float: left; margin-top: 20px; padding-top: 10px;}
.sommaire-block1-c {width: 100%; float: left; padding: 20px;}
.sommaire-block1-c-l {width: 100%; float: left; padding-right: 0;}
.sommaire-block1-c-r {width: 100%; float: left; padding-left: 0; margin-top: 20px;}
.sommaire-block2-l-one {width: 100%;}
.sommaire-block2-l-one:first-child {padding-right: 0; margin-bottom: 20px;}
.sommaire-block2-l-one:last-child {padding-left: 0;}
.sommaire-block2-r div {width: 50%; padding: 0 10px; margin-bottom: 15px;}
.sommaire-block2-r div:last-child {padding: 0 10px;}
.sommaire-block3-l, .sommaire-block3-r {width: 100%;}
.sommaire-block4-column, .sommaire-block4-column:first-child, .sommaire-block4-column:last-child {width: 100%;}
.sommaire-block5-wrapper {padding: 30px 15px 10px 15px;}
.sommaire-block5-new-wrapper div {width: 100%;}
.follow-left {width: 100%; margin-right: 0; margin-bottom: 10px; min-height: 50px;}
.follow-right {width:100%; margin-left: 0; min-height: 50px;}
}

/* 722 - 960 (760, 800, 960) */
@media only screen and (min-width: 721px) and (max-width: 960px) {
html {height: 100%; font-size: 100%;}
.menu {width: 60%;}
.form {width: 40%;}
.content-column {width: 65%; padding: 0 15px;}
.article-text {width: 61%;}
.article-inc-sidebar {width: 39%;}
.sidebar-column {width: 35%; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 0px;}
.bottom-one div.bottom-one-a {padding: 15px 15px 0 15px;}
.bottom-one div.bottom-one-b {padding: 15px 15px 0 15px;}
.bottom-one div.bottom-one-c {padding: 15px;}
.bottom-two div.bottom-two-a {padding: 15px 15px 0 15px;}
.bottom-two div.bottom-two-b {padding: 15px 15px 0 15px;}
.bottom-two div.bottom-two-c {padding: 15px 15px 0 15px;}
.themes .line {margin-top: 20px; margin-right: 15px; margin-bottom: 40px; margin-left: 0; }
.content-sommaire {padding: 0;}
.sommaire-block1-a {width: 35%; float: left;}
.sommaire-block1-b {width: 65%; float: left;}
.sommaire-block1-c {width: 65%; float: left; padding: 20px;}
.sommaire-block1-c-l {width: 100%; float: left; padding-right: 0;}
.sommaire-block1-c-r {width: 100%; float: left; padding-left: 0; margin-top: 20px;}
.sommaire-block3-l-articles, .sommaire-block3-r-articles {padding: 10px;}
.follow-left {width: 100%; margin-right: 0; margin-bottom: 10px; min-height: 50px;}
.follow-right {width:100%; margin-left: 0; min-height: 50px;}
}

/*  961 - 1199 (1024) */
@media only screen and (min-width: 961px) and (max-width: 1199px) {
html {height: 100%; font-size: 100%;}
}

/* > 1200 (1920) */
@media only screen and (min-width: 1200px) and (max-width: 100000px) {
html {height: 100%; font-size: 100%;}
}