html,body{background-color:#813750;}
body{margin:0;padding:0;background-color:#813750;;background-repeat:repeat;background-position:0 0;background-attachment:fixed;font-family:Verdana,sans-serif;letter-spacing:0;font-size:12px;background-color:#813750;font-weight:normal;text-align:center;}

#conteneur{border:0 solid #fff;margin:0 auto;width:900px;padding-right:0;text-align:center;}

#contenu{background-color:#fff;color:#555;  text-align:justify;}

#contenu p{text-align:justify;text-indent:0;padding-left:0px;padding-right:0px; }

td{font-family:Verdana,sans-serif;font-size:12px;line-height:1.6em;  }

a:hover{color:#c06;text-decoration:underline;}

a {color:#c06;text-decoration:none;}

p{margin:0 0 0 0px; }

#header{background-color:#813750; background:transparent url(../image/headerrouge.png) no-repeat scroll left top;height:150px;width:900px;}
#headerindex{background-color:#813750; background:transparent url(../image/headerindex.png) no-repeat scroll left top;width:900px;height:150px;}
#headerblog{background-color:#813750; background:transparent url(../image/blog/headblog.jpg) no-repeat scroll left top;width:900px;height:150px;}

#headerindex #slideshow1{text-align:left;}
#headerindex #slideshow1 img{position:absolute;margin-top:10px;}

#ariane
{text-align: right;
font-size:11px;
}



h1
{
  font-size: 16px; 
  font-weight:normal;
}

h2
{
  font-size: 12px; 
  font-weight:normal;
  display: inline;
}

h3
{
  font-size: 12px; 
  font-weight:normal;
  display: inline;
}

h4
{
  font-size: 12px; 
  font-weight:normal;
  display: inline;
  font-weight:bold;
}

/* Debut menu
--------------------------------------------- */
.toggle, [id^=drop] {
 display: none;
}

.toggle2, [id^=drop] {
 display: none;
}

#current{color:#fff;}

nav {
   border:2px solid white;
 border-radius: 10px 10px 0 0;
   line-height: 40px;
   padding-left:0px;
  background-color: #C06;
}

nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-family:Verdana,sans-serif;letter-spacing:0;font-size:15px;font-weight:bold; text-align:center;
  background-color: #C06;
    overflow: hidden;
 border-radius: 10px 10px 0 0;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  padding-top: 5px;
 
}

nav a {
  display: block;
  padding: 0 5px;
  color:#603;
  text-decoration: none;
  width:100px;
}

nav ul li ul li:hover { color: #fff;       }
nav a:hover { color: #fff; text-decoration: none; 
}

nav ul ul {
  display: none;
  position: absolute;
}

nav ul li:hover > ul { 
display: inherit;
border-radius: 0 0 0 0;
}

nav ul ul li {
  float: none;
  display: list-item;
  position: relative;
  border-radius: 0 0 0 0;
  border-top:1px solid white;
  font-family:Verdana,sans-serif;letter-spacing:0;font-size:13px;font-weight:bold;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: auto;
}

nav li.icon {display: none;}


li > a:after { content: ''; }

li > a:only-child:after { content: ''; }


.show-mobile {
	display:none;
}


.nonvu{display:none;
}
	
			
/* center image (class displayed)
--------------------------------------------- */		
.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto; }


/* Mise en page des label
--------------------------------------------- */
.ac-label {
  font-weight: 700;
  position: relative;
  padding: .5em 1em;
  margin-bottom: .5em;
  display: block;
  cursor: pointer;
  background-color: #e5e5e5;
  transition: background-color .15s ease-in-out;
    color:#603;
}

.ac-input:checked + label, .ac-label:hover {
  background-color: #b5b5b5;
   color:#FFF;
}

.ac-label:after, .ac-input:checked + .ac-label:after {
  content: "+";
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  width: 2em;
  height: 100%;
  line-height: 2.25em;
  text-align: center;
  background-color: #c5c5c5;
  transition: background-color .15s ease-in-out;
  color:#C06;
 }

.ac-label:hover:after, .ac-input:checked + .ac-label:after {
  background-color: #b5b5b5;
  color:#fff;
}

.ac-input:checked + .ac-label:after {
  content: "x";
    color:#fff;
      background-color: #b5b5b5;
}
 
.ac-input {
  display: none;
}

.ac-text, .ac-sub-text {
  opacity: 0;
  height: 0;
  margin-bottom: .5em;
  transition: opacity .5s ease-in-out;
  overflow: hidden;
}

.ac-input:checked ~ .ac-text, .ac-sub .ac-input:checked ~ .ac-sub-text { 
  opacity: 1;
  height: auto;
}


.ac-sub .ac-label {
  background: none;
  font-weight: 600;
  padding: .5em 2em;
  margin-bottom: 0;
}

.ac-sub .ac-label:checked {
  background: none;
  border-bottom: 1px solid whitesmoke;
}

.ac-sub .ac-label:after, .ac-sub .ac-input:checked + .ac-label:after {
  left: 0;
  background: none;
}

.ac-sub .ac-input:checked + label, .ac-sub .ac-label:hover {
  background: none;
}

.ac-sub-text {
  padding: 0 1em 0 2em;
}


.ad-label {
    position: relative;
  padding: .5em 1em;
  margin-bottom: 0em;
  display: block;
  cursor: pointer;
  background-color: #FFBF00 ;
    text-align: center;
border:1px dotted #a5a5a5; 
color:#603;
}

.ad-input:checked + label, .ad-label:hover {
  background-color: #FFCC00  ;
color:#fff;
}


/* Mise en page du formulaire
--------------------------------------------- */
.form-style-10{
    width:auto;
    padding:30px;
    margin:0px auto;
    background: #DFDFFC;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);  
}
  
.form-style-10 label{
    display: block;
    font: 14px Verdana,sans-serif; 
    color: #555555;
    margin-bottom: 13px;
}
.form-style-10 input[type="text"],
.form-style-10 input[type="date"],
.form-style-10 input[type="datetime"],
.form-style-10 input[type="email"],
.form-style-10 input[type="number"],
.form-style-10 input[type="search"],
.form-style-10 input[type="time"],
.form-style-10 input[type="url"],
.form-style-10 input[type="password"],
.form-style-10 textarea,

.form-style-10 select {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 3px;
    border-radius: 6px;
       border: 0px solid #fff; 
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0);
       font: normal 16px Verdana, serif;
    color: #6699DD;
}
 


.form-style-10 input[type="button"], 
.form-style-10 input[type="submit"]{
    background: #006600;
    padding: 8px 20px 8px 20px;
    border-radius: 5px;
   
    color: #fff;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    font: normal 30px Verdana, serif;
   
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 0px solid #fff;
    font-size: 15px;
    float: right;
}
.form-style-10 input[type="button"]:hover, 
.form-style-10 input[type="submit"]:hover{
    background: #339900;
       box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}


/* Rater
--------------------------------------------- */
.srtgs {
 position:relative;
 margin:0;
 width:110px;
 text-align:left;
 padding:0px 0px 0px 0px;
}

.srtgs .stars, .srtgs .d_rtg, .srtgs .totalrate { width:110px; }
.srtgs .stars {
 position:relative;
 height:20px;
 margin:0;
 background: url('/uk/star/star0.png')  top left;
 padding:0px;
}
.srtgs .d_rtg {
 position:absolute;
 top:0; left:0;
 margin:0;
 height:20px;
}
.srtgs .totalrate {
 position:absolute;
 text-align:center;
 font-weight:bold;
 color:#fff;
}
.totalrate i {
 padding-right:0px;
 color:#fff;
}
.totalrate span{
 color:#fff;
}
 .srtgs .d_rtg span {
  display:block;
  width:11px;
  float:left;
  cursor:pointer;
 } 
.srtgs .star_n {
 position:relative;
 height:20px;
 margin:0;
 background: url('/uk/star/star1.png') top left;
}
.srtgs em {
 position:absolute;
 bottom:0px;
 left:0px;
 font-size:0px;
 text-align:center;
  
}
.fin {
 position:relative;
 text-align:center;
 font-size:10px;
 color:#228B22;
  width:110px;
}


#social {
    	text-align : right;
  padding-bottom: 0px;
		}
	
	
/* Footer
--------------------------------------------- */
#footer{background:transparent url(/image/pied2.jpg) no-repeat scroll left center;height:50px;font-size:.8em;text-align:center;width:900px;color:#813750;}

#footer-mobile{
   display: none; 
     }
     
     



/* Debut Media Queries
--------------------------------------------- */
/* Version mobile
--------------------------------------------- */
/* Debut Media Queries
--------------------------------------------- */

@media (max-width : 750px) {
	
	
	/* Redimension des img
--------------------------------------------- */

#images {
height: 100%;
}
#images img {
position: relative;
max-width: 95%;
width: auto\9;
}

 
#logo {
  
  padding-top:13px;
  padding-right:20px;
  float: right;
  }



nav { margin: 0;  color:#fff;  font-family:Verdana,sans-serif; text-align:left;   border-radius: 0 0 0 0; 
padding-left:0px;  }

nav a {width:100%; background-color:#813750;
}

#current{color:#fff; background-color:#D7CCC8;}

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block;
  padding-left: 20px;
  text-decoration: none;
  border: none;
text-align:left;
color:#fff; 
background-color:#813750;
}


.toggle2 {
  display: block;
  background-color: #C06;
  padding-left: 15px;
  color: #FFF;
  font-family:Verdana,sans-serif;font-size:30px;
  line-height: 60px;
  text-decoration: none;
  border: none;
  background-color:#813750;
  font-weight: normal;
}

[id^=drop]:checked + ul { 
display: block; 
border-radius: 0 0 0 0;
width: 100%; 
}

nav ul li {
  display: block;
  width: 100%;   
  border-top:1px solid white;
  text-align:left;
  padding-top: 0px;
  background-color:#813750;
  font-weight: normal;
}

nav a {
  display: block;
padding-left:20px;
  color:#fff;
  width:auto;
  text-align:left;
}


nav ul li ul li .toggle,
nav ul ul a {  width:100%; }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }



nav ul ul li {
  display: block;
  float: none;
  position: relative;
  font-family:Verdana,sans-serif;
padding-left:0px;
}


nav ul ul ul li { position: static;}


/* Page 
--------------------------------------------- */
html,body{background-color:#fff; background-image:none;}

#conteneur{width:95%; background-color:#fff;}

#header{display:none;}

#contenu{background-color:#fff;color:#000; width:100%;}

#contenu p{text-align:left; text-indent:0;line-height:1.6em; width:100%;}

td{width:100%; padding-left:5px; padding-right:5px;}



/* supprimer img des options
--------------------------------------------- */	

#option-mobile img{
   padding-top:10px;
     }

#option-mobile {
    background-color:#fff;
     }



/* afficher le div en mobile
--------------------------------------------- */	
/* Cache ou visisble 
--------------------------------------------- */
.swap-mobile {
	display:none;
}

.show-mobile {
	display:inline;
}



/* Tableau
--------------------------------------------- */
table, tbody { display: block; }
tr { display: table; }
td { display: table-row; }


#social-mobile td{
   display: table-cell;
   
     }

#footer{
   background: none; 
   display: block; 
   background-color:#BCAAA4;
   text-color:#fff;
   font-size:10px;
   width:100%;
   height:100%;
     }

 


/* Flexbox
--------------------------------------------- */
.flex-container {
     display: -webkit-flex; /* Safari */
    -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
    display: flex;
    flex-direction: column-reverse; 
}

.flex-item {

}

}

    


.BOUTON_STANDARD{font-family:Verdana,sans-serif;background-color:#437313;color:#fff;font-size:11px;font-weight:bold;text-decoration:none;}

.imgmenu2{background:transparent url(/image/fondmenugroupe.jpg) no-repeat scroll left center;background-position:-3px -5px;//<--gauche et vers le bas width:105px;}
.imgmenu3{background:transparent url(/image/fondmenugroupe.jpg) no-repeat scroll left center;background-position:-3px -215px;}
.imgmenu4{background:transparent url(/image/fondmenugroupe.jpg) no-repeat scroll left center;background-position:-2px -435px;}
.imgmenu5{background:transparent url(/image/fondmenugroupe.jpg) no-repeat scroll left center;background-position:-7px -650px;}
.imgmenu6{background:transparent url(/image/ken.jpg) no-repeat scroll left center;}



.classification { position: relative;width: 80px;height: 18px;}
.classification .cover {position: absolute;background: transparent url(/image/stars.png) top left no-repeat;top: 0px;left: 0px;width: 80px;height: 18px;}
.classification .progress {position: absolute;background: transparent url(/image/stars_full.png) top left no-repeat;top: 0px;left: 0px;height: 18px;}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
 
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#333333; repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:2px; height:2px; background:url(/image/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:2px; height:2px; background:url(/image/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:2px; height:2px; background:url(/image/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:2px; height:2px; background:url(/image/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:2px; background:url(/image/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:2px; background:url(/image/controls.png) right top repeat-y;}
    #cboxTopCenter{border-top : 2px solid #fff;}
    #cboxBottomCenter{height:2px; border-top : 2px solid #fff 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#000;}
        #cboxCurrent{position:relative; bottom:4px; left:58px; color:#fff;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/image/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/image/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/image/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/image/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/image/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}