* {margin: 0; padding: 0;}
html {height: 100%; font-size: 100%;}
body {width: 100%;  height: 100%; font-size: 15px; line-height: 22px; font-family: Arial; color: black; text-align: justify; margin: 0; background: url(../images/bg.jpg) repeat-x top center;}
.clear {clear: both;}
img {max-width:100%; height:auto; outline: 0;}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
@media \0screen {img { width: auto }}

h1, h2 {font-size: 18px; line-height: 30px; color: #575757; text-align: center; font-weight: normal; margin: 0 0 25px 0; text-transform: uppercase; width: 100%; background: url(../images/titre.jpg) repeat-x center;}
h1 span, h2 span {background: white; padding: 0 14px;}
h3, h3.spip {font-size: 16px; line-height: 24px; color: #bf0502; text-align: left; margin: 0 0 10px 0; font-weight: bold;}
h2.spip {font-size: 14px; line-height: 24px; color: #bf0502; text-align: left; font-weight: bold; margin: 0 0 15px 0; text-transform: uppercase; width: 100%; background: none;}
p {font-size: 15px; line-height: 22px; text-align: justify; margin: 0 0 20px 0;}
a {outline: 0; color: black; text-decoration: underline;}
a:hover {color: black; text-decoration: none;}
a.spip_mail {color: black;}
a.spip_mail:before {content: ""!important;}
a.spip_mail:hover {color: #bc0000;}

.wrapper {display: table; height: 100%; margin: 0 auto; width: 100%;}
.middle {display: table-row; height: 100%;}

.header {width: 1200px; margin: 0 auto; height: 130px; display: table;}
.header-left {width: 320px; display: table-cell; text-align: left; vertical-align: middle;}
.header-middle {display: table-cell; text-align: center; vertical-align: middle;}
.header-middle p {font-size: 14px; color: white; text-align: center; letter-spacing: 2px; margin: 0 0 10px 0;}
.header-middle a {font-size: 31px; color: white; font-weight: bold; text-align: center; text-decoration: none;}
.header-middle a:hover {color: red;}
.header-right {width: 320px; display: table-cell; text-align: right; vertical-align: middle;}
.header-right .contacts-top {height: 57px; padding-top: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header-right .contacts-top a {font-size: 14px; color: white; margin: 0 0 0 15px; text-decoration: none; border-bottom: 1px dashed white;}
.header-right .contacts-top a:hover {color: white; text-decoration: none; border: 0;}
.header-right .contacts-bottom {height: 73px;}
.header-right .contacts-bottom p {font-size: 14px; color: #999999; margin: 0; text-align: right; display: inline-block;}
.header-right .contacts-bottom a {color: #999999; text-decoration: underline;}
.header-right .contacts-bottom a:hover {color: #999999; text-decoration: none;}

.meny-wrapper {height: 40px; width: 1200px; margin: 0 auto; background: #bf0502; margin-bottom: 10px; text-align: center;}
.meny {display: table; text-align: center; margin: 0 auto;}
.meny a {font-size: 15.4px; line-height: 40px; color: white; text-decoration: none; text-transform: uppercase; display: inline-block; height: 40px; padding: 0 14px; border-right: 1px solid transparent; border-image: linear-gradient(to bottom, #bf0502, white, #bf0502); border-image-slice: 1;}
.meny a:hover {color: #bf0502; background: white; text-decoration: none;}
.meny a:last-child {border: 0;}

.slide {width: 1200px; height: 370px; margin: 0 auto;}

.content {width: 1200px; margin: 0 auto; background: white; padding: 20px 20px 80px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sommaire-block1, .sommaire-block2, .sommaire-block3 {width: 100%; float: left; margin-top: 40px;}
.block1-column {width: 565px; margin-right: 30px; float: left;}
.block1-column:last-child {margin-right: 0;}
.block1-column img {float: left; margin: 0 25px 0 0; display: table;}
.block1-column h4 {display: inline-block; width: 340px; font-size: 16px; color: white; font-weight: bold; text-align: left; padding: 3px 10px; margin: 0 0 10px 0; background: #bf0502; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.block1-column ul {margin: 0 0 10px 0; display: table;}
.block1-column ul li {list-style-type: none; padding-left: 10px; margin: 0 0 5px 0; background: url(../images/ul.png) no-repeat left 7px; text-align: left;}

.sommaire-block2 {}
.block2-column1 {width: 380px; float: left;}
.block2-column1 p {margin: 0 0 7px 0}
.block2-column1 a.more {display: inline-block; font-size: 12px; color: white; text-decoration: none; padding: 0 4px; background: #bf0502;}
.block2-column1 a.more:hover {color: white; text-decoration: none; background: #626262;}
.block2-column2 {width: 390px; margin: 0 20px; float: left;}
.block2-column3 {width: 350px; float: left;}
.block2-column3 ul.spip {margin: 0;}
.block2-column3 ul.spip li {font-size: 18px; text-align: left; list-style-type: none; margin: 0 0 15px 0; background: url(../images/block2-2.jpg) no-repeat left center; padding-left: 25px; }

.sommaire-block3 {}
.nav-carousel {position: relative;}
button.prev {width: 15px; height: 21px; border: 0; outline: none; background: url(../images/prev.jpg) no-repeat center; position: absolute;  left: 0; top: 70px;}
button.prev:hover {background: url(../images/prev-up.jpg) no-repeat center;}
button.next {width: 15px; height: 21px; border: 0; outline: none; background: url(../images/next.jpg) no-repeat center; position: absolute;  right: 0; top: 70px;}
button.next:hover {background: url(../images/next-up.jpg) no-repeat center;}
.carousel {width: 1086px!important; left: 47px!important;}
.carousel ul li {width: 160px; height: 160px; border: 1px solid #d8d8d8; margin: 0 20px 0 0;}
.carousel ul li img {width: 150px; margin: 5px;}

.error {width: 1200px; height: 370px; margin: 0 auto; position: relative;}
.error-texte {position: absolute; top: 80px; right: 40px; width: 300px;  text-align: center;}
.error-texte p.big {font-size: 170px; line-height: 170px; color: white; font-weight: bold; text-align: center; margin: 0;}
.error-texte p {text-transform: uppercase; font-size: 22px; color: white; font-weight: bold; text-align: center;}

.breadcrumbs {margin: 0 0 20px 0; width: 100%; position: relative; z-index: 101;}
.breadcrumbs>div {display: inline-block; *display: inline;}
.breadcrumbs a {text-decoration: none;}
.breadcrumbs a span {text-decoration: none; color: #575757; font-size: 13px;}
.breadcrumbs a:after {content: "•"; padding: 0 12px 0 15px; color: #575757;}
.breadcrumbs a span:hover {color: black; text-decoration: underline;}
.breadcrumbs span {font-size: 13px; color: #bf0502;}

.pagination {text-align: center; padding-top: 20px; margin: 20px 0; width: 100%;  font-size: 16px; line-height: 25px; border-top: 1px solid #cdcdcd;}
.pagination a {color: black; text-decoration: none;}
.pagination .pages {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0px 10px;}
.pagination .pages a {margin: 0 10px; }
.pagination .pages .on {margin: 0 10px; color: white; background: #bf0502; display: inline-block; width: 28px; height: 28px;  -webkit-border-radius: 50%; -khtml-border-radius: 50%;  -o-border-radius: 50%;  -ms-border-radius: 50%;  -icab-border-radius: 50%;  border-radius: 50%;}
.pagination a:hover {text-decoration: underline; color: black;}
.pagination .prev a, .pagination .next a {font-weight: normal; font-size: 15px;}
span.sep {display: none;}

.rubrique {text-align: center; width: 100%;}
.one-rubrique {width: 267px; margin: 0 10px 20px 10px; display: inline-block;}
.one-rubrique img {float: left;}
.one-rubrique a {background: #808080; color: white; font-size: 16px; line-height: 19px; text-decoration: none; font-weight: bold; display: table-cell;}
.one-rubrique a:hover {color: white; text-decoration: none; background: #bf0502;}
.one-rubrique a span {display: table-cell; height: 45px; width: 267px; vertical-align: middle;}

.article {display: table;}
.article .left {display: table-cell; vertical-align: top; width: 320px; background: #e2e2e2; padding: 10px; border: 1px solid white; -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.64); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.64); box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.64); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px;}
.article .left h4 a {display: inline-block; text-transform: uppercase;  border: 0; width: 100%; font-size: 15px; color: white; text-align: center; padding: 3px 6px; margin: 15px 0 7px 0; background: #bf0502; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px;}
.article .left h4 a:first-child {margin-top: 0;}
.article .left h4 a:hover {color: white;}
.article .left a {color: black; display: block; text-align: left; text-decoration: none; padding: 0 0 7px 10px; margin: 0 0 7px 0; border-bottom: 1px dashed white; background: url(../images/ul.png) no-repeat left 8px;}
.article .left a:hover {color: black; text-decoration: underline;}
.article .right {display: table-cell; vertical-align: top; padding-left: 30px;}
.article .right .logo-article {float: left; margin: 0 20px 20px 0;}

table.spip {width: auto; text-align: left; border-collapse: collapse; border-spacing: 0; margin: 10px 0 20px 0;}
table.spip th {font-size: 16px; font-weight: bold; background: #ececec; border: 1px solid #cdcdcd; padding: 5px;}
table.spip td {border: 1px solid #cdcdcd; padding: 5px;}
table.spip tr.row_odd {background: none;}
table.spip tr.row_even {background: none;}

ul {margin: 0 0 20px 15px;}
ul li {list-style-position: outside;}

ol {margin: 0 0 20px 15px;}
ol li {list-style-position: outside;}

ul.spip {margin: 0 0 20px 15px;}
ul.spip li {list-style-position: outside;}

ol.spip {margin: 0 0 20px 15px;}
ol.spip li {list-style-position: outside;}

.gallery {margin-top: 30px; text-align: center; display: table; width: 100%; position: relative;}
.gallery .item-gal {width: 176px; height: 176px; margin: 0 12px 24px 12px; display: inline-block; overflow: hidden; border: 1px solid silver;}


.footer {width: 100%; border-top: 2px solid #bf0502; background: url(../images/footer.jpg) no-repeat top center;}
.footer-content {width: 1200px; height: 200px; margin: 0 auto; display: table;}
.footer-column {display: table-cell; vertical-align: middle; width: 20%; text-align: left;}
.footer-column:first-child a, .footer-column:last-child a {display: block;}
.footer-column:last-child {text-align: right;}
.footer-column a, .footer-column p {font-size: 13px; color: #9a9a9a;}
.footer-column a {text-decoration: underline; display: list-item; list-style-type: disc;}
.footer-column a:hover {color: white; text-decoration: none;}
.footer-column p {margin: 0;}