.header h1 a {
color:#CCC;
background:inherit;
text-decoration:none
}

img.float-right {
margin:5px 0 5px 15px
}

img.float-left {
margin:5px 15px 5px 0
}

code {
margin:5px 0;
padding:15px 10px;
text-align:left;
display:block;
overflow:auto;
font:500 1em/1.5em 'Lucida Console', 'courier new', monospace;
background:#FAFAFA;
border:1px solid #f2f2f2;
border-left:3px solid #EC981F
}

acronym {
cursor:help;
border-bottom:1px solid #777
}

blockquote {
margin:15px;
padding:5px 5px 5px 32px;
background:#FAFAFA;
background-position:8px 10px;
border:1px solid #f2f2f2;
border-left:3px solid #EC981F
}

form.searchform {
background:transparent;
border:none;
margin:0;
padding:0
}

form.searchform input.textbox {
margin:0;
width:120px;
border:1px solid #CCC;
background:#FFF;
color:#333;
vertical-align:top
}

form.searchform input.button {
vertical-align:top;
padding:4px 5px;
margin-left:2px
}

#menu {
clear:both;
margin:0;
padding:0
}

#menu ul {
text-align:center;
position:relative;
margin:0;
padding:0;
float:left;
font:bold 1.1em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
width:100%;
list-style:none
}

#menu ul li {
display:inline
}

#menu ul li a,#menu ul li span {
margin-top:30px;
float:none!important;
position:relative;
bottom:-4px;
float:left;
color:gray;
padding:5px 10px;
text-decoration:none;
border-bottom:4px solid gray
}

#menu ul li a:hover {
color:#000;
background-color:#F3F3F3;
border-bottom:4px solid #FFA600
}

#menu ul li#current a,#menu ul li#current span {
color:#333;
background-color:#F3F3F3;
border-bottom:4px solid #FFA600
}

.post-footer {
background-color:#FAFAFA;
padding:5px;
margin-top:10px;
font-size:.9em;
border:1px solid #f2f2f2
}

.post-footer .date {
background:url(images/clock.gif) no-repeat left center;
padding-left:20px;
margin:0 10px 0 5px
}

.post-footer .comments {
background:url(images/comment.gif) no-repeat left center;
padding-left:20px;
margin:0 10px 0 20px
}

.post-footer .readmore {
background:url(images/page.gif) no-repeat left center;
padding-left:20px;
margin:0 10px 0 20px
}

.float-left {
float:left
}

.float-right {
float:right
}

.align-left {
text-align:left
}

.align-right {
text-align:right
}

.align-center {
text-align:center
}

.clear {
clear:both
}

.block {
display:block
}

.hide {
display:none
}

.orange {
color:#FFA600
}
.fade {
transition:opacity .01s linear
}

.nav-link,.nav-link2 {
font-weight:600
}

.modal-backdrop.show {
filter:alpha(opacity=90);
opacity:0.9
}

.scrolltop {
display:none;
width:100%;
margin:0 auto;
position:fixed;
bottom:20px;
right:10px
}

.scroll {
position:absolute;
right:20px;
bottom:20px;
background:#b2b2b2;
background:rgba(178,178,178,0.7);
padding:20px;
text-align:center;
margin:0;
cursor:pointer;
transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
-o-transition:.5s
}

.scroll:hover {
background:rgba(178,178,178,1.0);
transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
-o-transition:.5s
}

.scroll:hover .fa {
padding-top:-10px
}

.scroll .fa {
font-size:36px;
margin-top:5px;
font-weight:700;
margin-left:1px;
transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
-o-transition:.5s
}

#recherche {
clear:both;
margin:0;
padding:0
}

#recherche ul {
position:relative;
bottom:4px;
margin:0;
float:left;
width:850px;
list-style:none
}

#recherche ul li {
display:inline;
float:left;
width:120px;
padding:2px 4px;
border-left:1px solid #FFA600
}

#recherche ul li a,#menu ul li span {
position:relative;
color:#444;
text-decoration:none
}

img.mobile {
width:16px;
height:16px;
border:0 none;
vertical-align:middle;
padding:0
}

#menu ul li {
cursor:pointer
}

#menu ul li img {
position:relative;
bottom:-4px;
float:left;
border:0 none
}

#menu ul li span.o {
color:#FFA600
}

#disclaimer-cadre {
text-align:center;
font-size:13px
}

img {
max-width:100%;
height:auto
}

.page-item .page-link {
color:#FFA600
}

.page-item .page-link:focus,.page-link:hover {
color:#fff;
text-decoration:none;
background-color:#444
}

.page-item.active .page-link {
background-color:#EEE;
color:#949494;
border:1px solid #646668
}

.page-item.disabled .page-link {
color:#949494
}

div.pagination {
width:90%;
margin:10px auto;
clear:both
}

div.pagination a {
color:#FFA600;
padding:2px 4px;
border:1px solid #FFA600
}

div.pagination a:hover,div.pagination a:active {
background-color:#fff;
color:#FFA600
}

div.pagination span.current {
padding:2px 4px;
border:1px solid #646668;
background-color:#EEE;
color:#949494
}

div.pagination span.disabled {
padding:2px 4px;
border:1px solid #646668;
color:#646668
}

.bf {
display:block;
_display:none;
position:fixed;
z-index:1035;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:1px
}

.bf:hover {
right:3px
}

.bf div {
background-repeat:no-repeat;
background-position:0 0;
width:48px;
height:48px
}

.bf img {
width:18px;
height:18px;
border:0 none;
padding:0;
display:block
}

.bf .rss {
background:url(images/rss.png)
}

.bf .favoris {
background:url(images/favoris.png)
}

.bf .twitter {
background:url(images/twitter.png)
}

.bf .facebook {
background:url(images/facebook.png)
}

.bf .email {
background:url(images/email.png)
}

.bf .txt {
background:url(images/txt.png)
}

.bf .pdf {
background:url(images/pdf.png)
}

.bf .imprimer {
background:url(images/imprimer.png)
}

a.signal {
background:url(images/attention.png)no-repeat;
width:18px;
height:18px;
float:right;
border:0 none
}

.video {
width:157px;
height:75px;
border:0 none;
cursor:pointer
}

#commentaire {
margin:10px
}

.erreur {
margin:10px auto;
width:95%;
font-size:14px;
background-color:#FFEFF0;
border:1px solid red;
color:red;
padding:1%;
border-radius:12px;
border:1px solid red
}

.error,.red,a.red,.erreur a {
color:red
}

.green {
color:green
}

label .error {
float:left;
display:inline
}

.histoire {
margin:20px auto;
width:99%;
border:1px solid #FFA600;
padding:2%;
border-radius:12px;
border:1px solid #FFA600
}

.normal {
color:#666
}

.note,.note_img {
height:16px;
border:0 none;
display:inline-block
}

.note {
background:url(images/ui.stars.gif) repeat-x 0 -32px;
width:80px;
margin:0 6px
}

.note_img {
background:url(images/ui.stars.gif) repeat-x 0 -48px;
padding:0;
margin:0
}

.loader {
border:0
}

#content {
width:90%;
height:600px;
color:#000;
max-height:2000px
}

#resume {
width:70%
}

label.no {
margin:-8px 5px;
padding:0 2px;
font-weight:400
}

.left {
float:left
}

.center {
margin:0 auto;
text-align:center;
vertical-align:top
}

.right {
float:right
}

.clear {
display:block;
clear:both
}

#top {
color:#FFA600;
cursor:pointer
}

.gris {
color:#555
}

.thumb {
width:140px;
height:160px;
margin:2px;
border:1px solid #FFA600;
background-position:center center;
background-repeat:no-repeat
}

.thumb:hover {
border:1px solid #777
}

#ami {
width:95%;
padding:2px 4px;
text-align:justify;
border:1px solid #FFA600;
font-size:8pt
}

img.gal {
margin:2px 0;
border:none
}

#pub {
width:550px;
height:150px
}

#img_histoire {
display:block;
margin:5px auto 0;
padding:2px;
border:1px solid #ccc
}

#nimg {
cursor:pointer
}

#header a.toplist {
position:absolute;
font-weight:700;
font-size:14pt;
color:#ccc;
top:45px;
right:15px;
background:none inherit
}

.statusbar {
position:fixed;
bottom:5px;
left:0;
right:0;
height:16px;
padding:5px;
background:#000;
color:#FFA600;
border:solid 1px #FFA600;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
z-index:200;
overflow:hidden;
overflow-y:auto
}

.statusbarhighlight {
font-weight:700;
background-color:#F0E68C;
color:maroon;
border:solid 1px silver
}

.statusbarclose {
position:absolute;
right:10px;
top:2px;
color:red;
font-size:12pt;
font-weight:700;
cursor:pointer
}

.statusbar a {
font-weight:700
}

.inline {
display:inline
}

.highlight {
background-color:#ffa600;
color:#fff;
border:1px solid #ccc
}

a.details_note img {
vertical-align:initial;
display:none
}

#div_details {
width:230px;
text-align:left;
overflow:hidden
}

.bar_note {
position:absolute;
display:inline;
left:60px;
clear:right
}

label.checkbox span.holder {
background:transparent url(images/checkbox.gif) repeat scroll 0 0;
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-inline-policy:continuous;
height:61px
}

label.radio span.holder {
background:transparent url(images/radio.gif) repeat scroll 0 0;
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-inline-policy:continuous;
height:61px
}

label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder {
top:-42px!important
}

input.hiddenCheckbox {
left:-999px;
position:absolute
}

label.prettyCheckbox span.holderWrap {
overflow:hidden;
float:left;
position:relative
}

label.prettyCheckbox span.holder {
display:block;
position:absolute
}

label.checkbox:hover span.holder,label.radio:hover span.holder {
top:-21px!important
}

#bas_droite {
margin:2px auto;
width:140px;
border:1px solid #ffa701
}

#bas_droite:hover,#bas_droite:hover a {
border-color:#fff;
background-color:#ffa701;
color:#fff
}

#bas_droite a {
margin:0;
display:block;
width:136px;
text-align:center;
padding:4px 2px;
color:#ffa701;
font-weight:700;
background-color:#fff;
cursor:pointer
}
.bmenu {
position:absolute;
display:none;
width:180px;
border:1px solid #000;
overflow-x:hidden
}

.bmenu ul {
list-style-type:none;
margin:0;
padding:0
}

.bmenu ul li span {
background:#FFF;
font:bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#00014e;
display:block;
width:auto;
padding:3px 0;
padding-left:5px;
text-decoration:none;
border-bottom:1px solid #B5B5B5
}

.bmenu ul li a:visited,.bmenu ul li a:active {
color:#00014e
}

.bmenu ul li a:hover {
color:#000;
background:#ffffcb
}

* html .bmenu li {
height:1%
}

* html .bmenu li a {
height:1%
}
.ui-stars-star,.ui-stars-cancel {
float:left;
display:block;
overflow:hidden;
text-indent:-999em;
cursor:pointer
}

.ui-stars-star a,.ui-stars-cancel a {
width:28px;
height:26px;
display:block;
position:relative;
background:url(images/crystal-stars.png) no-repeat 0 0
}

.ui-stars-star a {
background-position:0 -56px
}

.ui-stars-star-on a {
background-position:0 -84px
}

.ui-stars-star-hover a {
background-position:0 -112px
}

.ui-stars-cancel-hover a {
background-position:0 -28px
}

.ui-stars-star-disabled,.ui-stars-star-disabled a,.ui-stars-cancel-disabled a {
cursor:default!important
}
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {
padding:0;
margin:0;
border:0;
outline:none;
vertical-align:top
}

.fancybox-wrap {
position:absolute;
top:0;
left:0;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
z-index:8020
}

.fancybox-skin {
position:relative;
background:#f9f9f9;
color:#444;
text-shadow:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}

.fancybox-opened {
z-index:8030
}

.fancybox-opened .fancybox-skin {
-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);
-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);
box-shadow:0 10px 25px rgba(0,0,0,0.5)
}

.fancybox-outer,.fancybox-inner {
position:relative
}

.fancybox-inner {
overflow:hidden
}

.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling:touch
}

.fancybox-error {
color:#444;
font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin:0;
padding:15px;
white-space:nowrap
}

.fancybox-image,.fancybox-iframe {
display:block;
width:100%;
height:100%
}

.fancybox-image {
max-width:100%;
max-height:100%
}

#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
background-image:url(images/fancybox_sprite.png)
}

#fancybox-loading {
position:fixed;
top:50%;
left:50%;
margin-top:-22px;
margin-left:-22px;
background-position:0 -108px;
opacity:0.8;
cursor:pointer;
z-index:8060
}

#fancybox-loading div {
width:44px;
height:44px;
background:url(images/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
position:absolute;
top:-18px;
right:-18px;
width:36px;
height:36px;
cursor:pointer;
z-index:8040
}

.fancybox-nav {
position:absolute;
top:0;
width:40%;
height:100%;
cursor:pointer;
text-decoration:none;
background:transparent url(images/blank.gif);
-webkit-tap-highlight-color:rgba(0,0,0,0);
z-index:8040
}

.fancybox-prev {
left:0
}

.fancybox-next {
right:0
}

.fancybox-nav span {
position:absolute;
top:50%;
width:36px;
height:34px;
margin-top:-18px;
cursor:pointer;
z-index:8040;
visibility:hidden
}

.fancybox-prev span {
left:10px;
background-position:0 -36px
}

.fancybox-next span {
right:10px;
background-position:0 -72px
}

.fancybox-nav:hover span {
visibility:visible
}

.fancybox-tmp {
position:absolute;
top:-99999px;
left:-99999px;
max-width:99999px;
max-height:99999px;
overflow:visible!important
}

.fancybox-lock {
overflow:visible!important;
width:auto
}

.fancybox-lock body {
overflow:hidden!important
}

.fancybox-lock-test {
overflow-y:hidden!important
}

.fancybox-overlay {
position:absolute;
top:0;
left:0;
overflow:hidden;
display:none;
z-index:8010;
background:url(images/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
position:fixed;
bottom:0;
right:0
}

.fancybox-lock .fancybox-overlay {
overflow:auto;
overflow-y:scroll
}

.fancybox-title {
visibility:hidden;
font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position:relative;
text-shadow:none;
z-index:8050
}

.fancybox-opened .fancybox-title {
visibility:visible
}

.fancybox-title-float-wrap {
position:absolute;
bottom:0;
right:50%;
margin-bottom:-35px;
z-index:8050;
text-align:center
}

.fancybox-title-float-wrap .child {
display:inline-block;
margin-right:-100%;
padding:2px 20px;
background:transparent;
background:rgba(0,0,0,0.8);
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
text-shadow:0 1px 2px #222;
color:#FFF;
font-weight:700;
line-height:24px;
white-space:nowrap
}

.fancybox-title-outside-wrap {
position:relative;
margin-top:10px;
color:#fff
}

.fancybox-title-inside-wrap {
padding-top:10px
}

.fancybox-title-over-wrap {
position:absolute;
bottom:0;
left:0;
color:#fff;
padding:10px;
background:#000;
background:rgba(0,0,0,.8)
}

@media only screen and -webkit-min-device-pixel-ratio 15,only screen and min--moz-device-pixel-ratio 15,only screen and min-device-pixel-ratio 15 {
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
background-image:url(images/fancybox_sprite@2x.png);
background-size:44px 152px
}

#fancybox-loading div {
background-image:url(images/fancybox_loading@2x.gif);
background-size:24px 24px
}
}