@charset "UTF-8";
/* CSS Document */

body
{
margin:0px;
padding:0px;

background-color:#181818;
background-image:url(../img/pattern.png);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;

}

p {
text-align:justify;
text-indent:20px;
margin-bottom:18px;
}

a {
color:#00FFFF;
text-decoration:none;
}

a:hover {
color:#fff;

text-decoration:none;
}

li {
list-style-type: square;
}

img {
border:none;
}

hr {
border: 0;
background-color: #555;
height: 2px;
}

.myLine {
border: 0;
background-color: #022;
height: 2px;
}

.pucewhite {
width:8px;
height:8px;
}

#header_fond {
background-color:#181818;
background-image:url(../img/topfond2.png);
background-repeat:no-repeat;
background-position:center 0px;
width:100%;
min-width:900px;
height:40px;
text-align:center;
}

header {
position:absolute;
z-index:10;
width:100%;
text-align:center;
top:0px;
left:0px;
/*border:thin solid #f00;*/
}

#enseigne {
width:900px;
text-align:left;
margin:auto;
min-height:120px;
/*border:thin solid #fff;*/
}

#showcase {
background-color:#000;
background-image:url(../img/fond6.jpg);
background-repeat:no-repeat;
background-position:center 0px;
text-align:center;
width:100%;
min-width:900px;
/*min-height:620px;---------------------------------------------*/
/*border:thin solid #00f;*/
}

#content {
width:900px;
margin:auto;
/*min-height:620px;---------------------------------------------*/
/*border:thin solid #ffff00;*/
}

#menu {
/*position:absolute;
max-width:570px;
min-width:490px;
margin-left:204px;
top:68px;*/
float:left;

width:544px;
-webkit-text-size-adjust:110%;
/*background-color:#33CC00;*/
margin-top:67px;
padding-left:18px;
/*border:thin solid #ffff00;*/

}

#imglogo {
float:left;
width:186px;
height:110px;
background-image:url(../img/logocite2627c.png);
}

#menu a {
color:#0ff;
font-size: 20px;
text-decoration:none;
/*text-shadow: 0px 0px 8px #0ff;*/

}

#menu a:hover {
color:#ffe5a0;
font-size: 20px;
text-shadow: 0px 0px 6px #ffc529, 0px 0px 10px #b84500, 0px 0px 10px #b84500;

}

#menuselected a{
color:#ffe5a0;
font-size: 20px;
text-shadow: 0px 0px 6px #ffc529, 0px 0px 10px #b84500, 0px 0px 10px #b84500;

}



.separateur {
color:#fff;
font-size: 18px;
margin-left:10px;
margin-right:10px;
}

.separateur2 {
color:#FFF;
margin-left:5px;
margin-right:5px;
}

.separateur3 {
color:#FFF;
padding-left:10px;
padding-right:10px;
}

.separateur4 {
display:inline-block;
color:#FFF;
width:22px;
}

.mauve {
color:#0ff;
}

.grisfonce {
color:#222;
}

.grisclair {
color:#666;
}

.gristresclair {
	color:#AAA;
}


.petitmauve {
font-size:16px;
color:#0ff;
}

.petitmauve2 {
font-size:14px;
color:#0ff;
}

.mauvedark {
color:#055;
}

.mauvedark2 {
color:#0aa;
}

.boxgrisdark {
background-color: #222;
}

.white {
color:#fff;
}

.bold {
font-weight:bold;
color:#fff;
}

.indent {
margin-left:20px;
}

#coords {
position:absolute;
text-align:right;
width:900px;
top:12px;
font-size:12px;
-webkit-text-size-adjust:120%;
}

#coords a {
font-size: 12px;
color: #fff;
font-weight:normal;
text-decoration:none;
}

#coords .ios a {
font-size: 12px;
color: #fff;
font-weight:bold;
text-decoration:underline;
}

#menuspecial a {
font-size: 12px;
color: #0ff;
font-weight:normal;
text-decoration:none;
}

#menuspecial a:hover {
color: #fff;
}

#blocsocial {
float:right;
/*text-align:right;
margin-left:780px;
padding-top:36px;*/
width: fit-content;
max-height:120px;
/*text-align:right;*/
margin-top:66px;
/*border:#00FF00 solid 1px;*/
padding-right: 1.25rem;
}

.social {
display:inline-block;
width:27px;
height:27px;
margin-left:7px;
/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;*/
}

.social:hover {
/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;*/
-moz-box-shadow:    0px 0px 25px 0px #0ff;
-webkit-box-shadow: 0px 0px 25px 0px #0ff;
box-shadow:         0px 0px 25px 0px #0ff;
}

#facebook {
background:url("../img/social3.png") 0 0;

}

#facebook:hover{
background:url("../img/social3.png") 0 -27px;
}

#twitter {
background:url("../img/social3.png") -27px 0;
}

#twitter:hover{
background:url("../img/social3.png") -27px -27px;
}

#youtube {
background:url("../img/social3.png") -54px 0;
}

#youtube:hover {
background:url("../img/social3.png") -54px -27px;
}

#slideshow {
padding-top:80px;
/*background-color:#002200;*/
}

#main {
padding-top:80px;
/*background-color:#002200;*/
}

#slidebloc {
position:relative;
max-width:900px;
height:450px;
/*background-color:#f00;*/
}

#mainbloc {
max-width:900px;
min-height:450px;
height:auto;
background-color:#000; /*Couleur du menu de gauche*/
}

#surfaceclic {
display:block;
position:absolute;
left:0px;
z-index:30;
width:200px;
height:450px;
background-color:#0FF;
opacity: 0;
filter: alpha(opacity=1);
}

#arrowup {
display:block;
position:absolute;
left:0px;
z-index:31;
width:36px;
height:36px;
margin-left:782px;
margin-top:-18px;
visibility:hidden;
}

.classplaystop {
display:block;
position:absolute;
left:0px;
z-index:32;
width:36px;
height:36px;
margin-left:782px;
margin-top:433px;
visibility:hidden;
}

#playstop{
background:url("../img/playstop.png") 0px 0px;;
}

#reserver {
z-index:20;
position:absolute;
display:block;
left:0px;

margin-left:25px;
margin-top:396px;
background-color:#008484;
font-size:16px;
vertical-align:middle;
padding-bottom:6px;
padding-top:3px;
padding-left:10px;
padding-right:10px;

	

background: #0FF; /* Old browsers */

background: -moz-linear-gradient(top,  #0FF 0%, #0FF 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0FF), color-stop(100%,#0FF)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #0FF 0%,#0FF 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #0FF 0%,#0FF 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #0FF 0%,#0FF 100%); /* IE10+ */

background: linear-gradient(to bottom,  #0FF 0%,#0FF 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0FF', endColorstr='#0FF',GradientType=0 ); /* IE6-9 */



/*box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.3);*/

/*text-shadow: #fff 0px 1px 1px;*/

border: solid 0px #0FF;

-moz-border-radius: 3px;
border-radius: 3px;

color:#333;

visibility:hidden;
}

#reserver:hover{
/*text-shadow: #fdd14c 0px 1px 1px;*/

color:#0AA;
	
background: #FFF; /* Old browsers */

background: -moz-linear-gradient(top,  #000 0%, #000 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#000)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #000 0%,#000 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #000 0%,#000 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #000 0%,#000 100%); /* IE10+ */

background: linear-gradient(to bottom,  #FFF 0%,#FFF 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 ); /* IE6-9 */

/*border-bottom: solid 0px #ffefbe;
border-top: solid 0px #fdd14c;*/

/*box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.3);*/
border: solid 0px #ffe5a0;
-moz-border-radius: 3px;
border-radius: 3px;
	
-moz-box-shadow:    0px 0px 25px 0px #0ff;
-webkit-box-shadow: 0px 0px 25px 0px #0ff;
box-shadow:         0px 0px 25px 0px #0FF;
}

#big a{
font-size:16px;
color:#fff;
text-decoration:none;

}

#big a:hover{
}

#big {
position:relative;
float:left;
display:block;
width:700px;
height:450px;

}

#big img {
position:absolute;
left:0px;
width:700px;
max-height:450px;
visibility:hidden;
/*border:#0f0 solid 1px;*/
}

#roue {
position:absolute;
left:0px;
display:block;
width:42px;
height:42px;
margin-left:338px;
margin-top:150px;
background-image:url(../img/roue2.gif);
}

#annonce {
z-index:19;
position:absolute;
left:0px;
display:block;
width:660px;
/*top:467px;*/
text-align:left;

padding:20px;
padding-bottom:25px;
padding-top:40px;
background-color: rgb(10, 10, 10);
background-color: rgba(0, 0, 0, 0);

visibility:hidden;
}



#small {
position:relative;
display:block;
float:right;
width:200px;
height:450px;

clip:rect(0px, 200px, 450px, 0px);

background-color:#151515;

overflow:hidden;
/*border:#00FF00 solid 1px;*/
}

#small img {
position:absolute;
display:block;
left:0px;
width:200px;
max-height:150px;
top:450px;
visibility:visible;
}

#partenaires {
margin-top:14px;
padding-bottom:20px;
text-align:center;
}

footer {
color: #007070;
font-size: 10px;
text-align:center;

width:100%;
min-height:75px;
}

#footertext {
margin-top:5px;
}

footer a {
font-size: 10px;
color: #099;
font-weight:normal;
text-decoration:none;
}

footer a:hover {
color: #fff;
}

footer .ios a {
font-size: 10px;
color: #099;
font-weight:normal;
text-decoration:underline;
}

#ligne1 {
position:absolute;
width:100%;
min-width:900px;
height:1px;
top:119px;
}

#ligne2 {
position:absolute;
width:100%;
min-width:900px;
height:1px;
top:570px;
}

#ligne3 {
width:100%;
min-width:900px;
height:1px;
}

.ligne {

background-color:#fff;

background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* IE10+ */

background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C */

}

#mule {
display:none;
}

#menugauche {
float:left;
width:186px;
min-height:450px;
text-align:left;
margin-top:1px;
}

.menulink {
padding-top:10px;
margin-left:12px;
}

.menulinkselected {
padding-top:10px;
margin-left:12px;
}

.menulinkopen {
padding-top:7px;
margin-left:18px;
color:#055;
}

.menulinkopenselected {
padding-top:7px;
margin-left:18px;
color:#055;
}

.menulink a {
color:#0ff;
text-decoration:none;
}

.menulink a:hover {
color:#ffe5a0;

text-shadow: 0px 0px 5px #ffc529, 0px 0px 7px #b84500, 0px 0px 7px #b84500;
}

.menulinkselected a {
color:#ffe5a0;

text-shadow: 0px 0px 5px #ffc529, 0px 0px 7px #b84500, 0px 0px 7px #b84500;

text-transform:uppercase;
text-decoration:none;
}

.menulinkselected a:hover {

}

.menulinkopen a {
color:#0ff;
text-decoration:none;
}

.menulinkopen a:hover {
color:#ffe5a0;

text-shadow: 0px 0px 5px #ffc529, 0px 0px 7px #b84500, 0px 0px 7px #b84500;
text-decoration:none;
}

.menulinkopenselected a {
color:#ffe5a0;

text-shadow: 0px 0px 5px #ffc529, 0px 0px 7px #b84500, 0px 0px 7px #b84500;
text-decoration:none;
}

.menulinkopenselected a:hover {
color:#ffe5a0;
text-decoration:none;
}

#contenudroite {
padding-top:10px;
float:left;
width:714px;
min-height:673px;
height:auto;
/*background-image:url(../img/pattern.png);*/
background-color:#111;
}

.clear {
  clear: both;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
}

#titre {
margin-left:20px;
margin-right:20px;
margin-bottom:10px;
margin-top:6px;
text-align:left;
font-size:20px;
}

#titre a{
color:#FFFFFF;
}

#article {
margin:20px;
text-align:left;
color:#aaa;
}

.article {
margin:20px;
text-align:left;
color:#aaa;
}

.photodeco {
box-shadow:0px 5px 8px #000;
-webkit-box-shadow:0px 5px 8px #000;
max-width:674px;

/*border-bottom:#b0b solid 3px;

-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;*/

-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;

}

.photodeco2 {
box-shadow:0px 5px 8px #040404;
-webkit-box-shadow:0px 5px 8px #040404;
border:#000 solid 3px;
background-color:#011;
width:100px;
height:147px;
}

/*.photodeco2:hover {
border:#0ff solid 3px;
}*/

.photodeco3 {
box-shadow:0px 5px 8px #000;
-webkit-box-shadow:0px 5px 8px #000;

width:50px;
height:74px;
border-right:#000 solid 6px;

}

.photodeco3:hover {
border-right:#0ff solid 6px;
}


.minibox {
width:325px;
max-width:325px;
padding-bottom:20px;
display:inline-block;
}

.affichebox {
position:relative;
float:left;
top:0px;
width:100px;
vertical-align:top;
}

.infobox {
position:relative;
float:left;
top:0px;
width:529px;
padding-left:24px;
padding-right:0px;
padding-bottom:20px;
}

.infobox a {
color:#088;
}

.infobox a:hover {
color:#0ff;
}

.infobox h1{
margin-top:-5px;
}

.fichebox {
position:relative;
width:674px;
vertical-align:top;
}

.thumbox {
position:relative;
margin-bottom:13px;
float:left;
}

.thumbox_photo {
position:relative;
float:left;
width: 50px;
min-height: 74px;
vertical-align: top;
}

.thumbox_infos {
position:relative;
float:left;
width: 255px;
padding-left:15px;
padding-right:15px;
vertical-align: top;
}

.thumbright{
position:relative;
float:left;
min-height: 74px;
vertical-align: top;
border-left:2px solid #000;
max-width:108px;

}

.thumbright img{
width:40px;
}

.white2{
color:#fff;
font-size:16px;
}

.white2 a{
color:#fff;
}

.white2 a:hover{
color:#fff;
text-shadow: 0px 0px 0px #000;
}

.reserver2 {
display:block;
background-color:#055;
margin-right:-6px;
margin-top:10px;
text-align:center;
padding-top:9px;
padding-bottom:9px;
font-size:12px;
color:#0FF;
box-shadow:0px 5px 8px #040404;
-webkit-box-shadow:0px 5px 5px #040404;
}

.reserver3 {
display:block;
text-align:center;
vertical-align: top;
width:104px;
padding-left:3px;
padding-right:3px;
font-size:12px;
color:#0AA;
}

.reserver3 a{
color:#0FF;
}

.reserver3 a:hover{
color:#ffe5a0;

text-shadow: 0px 0px 5px #ffc529, 0px 0px 7px #b84500, 0px 0px 7px #b84500;
}

.reserver4 {
display:block;
text-align:center;

margin-right:-6px;
margin-top:10px;
padding-bottom:10px;
font-size:12px;
color:#088;
border-bottom:2px #080808 solid;
}

.reserver4 a{
color:#ffe5a0;

text-shadow: 0px 0px 5px #ffc529, 0px 0px 7px #b84500, 0px 0px 7px #b84500;
}

.reserver4 a:hover{
text-decoration:underline;
}

.reserver5 {
display:block;
text-align:center;
vertical-align: top;
width:104px;
padding-left:3px;
padding-right:3px;
font-size:12px;
color:#555;
}

.reserver6 {
display:block;
text-align:center;
margin-right:-6px;
margin-top:10px;
font-size:12px;
color:#555;
}

.reserver4 img{
padding-top:1px;
}

.reserver3 img{
padding-top:1px;
}

.mentionspeciale {
margin:auto;
display:block;
padding:2px;
background-color:#000;
width:75px;
color:#0ff;
border-radius: 10px;
border:#fff solid 2px;
box-shadow:0px 5px 8px #000;
-webkit-box-shadow:0px 5px 8px #000;
margin-bottom:5px;
}

.jaune {
color:#fff;
}

.orange {
color:#fff;
}

.mentionspeciale2 {
display:inline-block;
margin-bottom:15px;

padding-top:2px;
padding-bottom:3px;
padding-left:8px;
padding-right:8px;
background-color:#000;

color:#0ff;
font-size:22px;
border-radius: 10px;
border:#fff solid 3px;
box-shadow:0px 5px 8px #111;
-webkit-box-shadow:0px 5px 8px #111;

-webkit-transform: rotate(-13deg);
-moz-transform: rotate(-13deg);
}

.mentionspeciale2b {
display:inline-block;
margin-bottom:15px;

padding-top:2px;
padding-bottom:3px;
padding-left:8px;
padding-right:8px;
background-color:#000;

color:#0ff;
font-size:22px;
border-radius: 10px;
border:#fff solid 3px;
box-shadow:0px 5px 8px #111;
-webkit-box-shadow:0px 5px 8px #111;

-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
}

#splash {
}

.citation {
text-align:justify;
font-style:italic;
margin-top:13px;
}

.pagination {
background-color:#0a0a0a;
padding:8px;
text-align:center;
color:#044;
margin-bottom:10px;
}

.pagination a{
padding-left:4px;
padding-right:4px;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

}

.whitefiche {
color:#FFF;
font-size:24px;
line-height:25px;
margin-bottom:6px;
vertical-align:top;
}

.whitestar {
color:#fff;

line-height:0px;
}


.whitestar2 {
color:#fff;

line-height:0px;
}

.star {
color:#ffe5a0;
text-shadow: 0px 0px 5px #ffc529, 0px 0px 7px #b84500, 0px 0px 7px #b84500;

}

.mymark
{
	margin-bottom: 13px;
	background: darkcyan;
	color: white;
	padding: 5px 7px;
	border-radius: 5px;
}

.mymarklink
{

}

.cyan {
	color: cyan;
}

.darkcyan {
	color: darkcyan;
}

.btnabo {
	text-indent: 0px;
	text-align: center;
}

.btnabo__title {
	padding-bottom: 1rem;
}