body {
	background:#f3f0ea url(../images/bg-nav-court.jpg) repeat-x;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding:0;
	margin:0;
	border:0;
	color: #413f3b;
	line-height: 1.4em;
	}
	
.membrec {color:#889c00;	cursor: pointer; }

.sprite { background-image: url('../images/sprite2.png'); background-color: transparent; background-repeat: no-repeat; }	

.favoris { width: 60px; height: 60px; background-position: -120px -8px; }

.donner-avis { width: 60px; height: 60px; background-position: -60px -8px; }
.en-voi-plus { width: 60px; height: 60px; background-position: 0px -8px; margin-right:20px;} 
.tag_red { width: 16px; height: 16px; background-position: -185px -70px;display: inline-block;  }
.star_grey { width: 16px; height: 16px; background-position: -180px -16px;display: inline-block; }
.star_new { width: 16px; height: 16px; background-position: -180px 0px; display: inline-block;}
.cart { width: 16px; height: 16px; background-position: -196px -32px; display: inline-block;}
.magnifier { width: 16px; height: 16px; background-position: -185px -86px;display: inline-block; }

.comment { width: 16px; height: 16px; background-position: -196px -16px;display: inline-block; }
.information { width: 16px; height: 16px; background-position: -196px 0px; display: inline-block;}
.questionmark_48 { width: 16px; height: 16px; background-position: -180px -32px;display: inline-block; }
	
#feedback a {
display: block;
position: fixed;
top: 120px;   /* Emplacement du bouton en hauteur : remplacer 200 par 300 pour le descendre */
}

#myform2
{
	background:  url(../widget/form-droit.png) center no-repeat;
	width:250px;
	height:225px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #413f3b;
}

#myformbo
{
	background:  url(../back-office/images/bo-se-connecter.png) center no-repeat;
	width:250px;
	height:175px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #413f3b;
	background-position-x:center;
	background-position-y:top;
}

#myform {
display: block;
position: fixed;
top: 60px;
background:  url(../widget/form-droit.png) center no-repeat;
width:250px;
height:225px;
padding-top:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #413f3b;
}
	
#login {
width:370px;
padding:8px;
color:white;
float:left;
text-align:left;
}

#logo {
float:left;
margin-top:-8px;
margin-left:34px;
}

#surf-commu {
width:250px;
color:white;
float:left;
text-align:center;
}

#haut-droit {
width:360px;
padding:10px;
color:white;
text-align:right;
float:left;
}

	
.non-encadre
 {
	border-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-decoration:none;
	
 }	

#principal {
 /* padding: 20px;*/
  width: 900px;
	background: #ff0000;
}



ul#nav {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	}
	
ul#nav li{
	display: inline;
	}	
	
.haut a{
	color : white;
	}		
	
	
div.wrap {
	margin: 0 auto;
	padding: 0 0px 0 0;
	width: 1050px;
	text-align:left;
	}	

.submit2 {
	#background:  url(../images/go2.png) center no-repeat;
	background-image: url('../images/sprite2.png'); background-color: transparent; background-repeat: no-repeat;
	background-position: -180px -48px; 
	border-top: 0px solid #FFF;
	border-left: 0px solid #FFF;
	border-bottom: 0px solid #000;
	border-right: 0px solid #000;
	font: 1em Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	padding:0 0px 0 0;
	cursor: pointer; 
	width:32px;
	height:22px;
	}
	
	

strong {
	color: #A1B55D;
}



/* Navigation */
#navigation {
	background: #f3f0ea;
}


/* Contenu principal */
#principal {
	color: #181A12;
	background: #f3f0ea;
}

#principal strong {
	color: #606357;

}

/* Contenu secondaire */
#secondaire {
	background: #f3f0ea;
}



/* --- POSITIONNEMENT --- */


#global {
	width: 1085px;
	margin-left: auto;
	margin-right: auto;
	word-wrap:break-word;
}

/* En-tête */
#entete {
	padding: 12px 0;
}

/* Bloc central */
#centre {
	width: 100%;
	overflow: hidden;
}

/* Menu de navigation */
#navigation {
	float: left;
	width: 160px;
	margin-top:26px;
}

/* Contenu principal */
#principal {
	float: left;
	width: 742px;
	padding: 0px 10px;
	word-wrap:break-word;
}

#principal p, #principal li {
	line-height: 1.5;
}

/* Contenu secondaire */
#secondaire {
	margin-left: 922px;
	margin-top:26px;
}

/* Pied de page */
#pied {
	margin: 0;
	padding: 15px 20px 10px 0;
	font-size: .85em;
}

/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}	
	


h2.red {
	background:  url(./head-rot-left.gif) top no-repeat;
	font-size:1.7em;
	font-family: Georgia, Arial ,Verdana, sans-serif;
	font-weight:normal;
	margin:0;
	letter-spacing:0px;
	color:#FFF;
	padding:8px 0px 10px 0px;	
	width:223px;
	}		

h2.marron {
	background:  url(../images/head-marron-left-court.jpg) top no-repeat;
	font-size:1.7em;
	font-family: Georgia, Arial ,Verdana, sans-serif;
	font-weight:normal;
	margin:0;
	letter-spacing:0px;
	color:#FFF;
	padding:8px 0px 10px 0px;	
	width:160px;
	}	

div.green {
	#background:  url(../images/head-green-left-court.png) top no-repeat;
	background-image: url('../images/sprite2.png'); background-color: transparent; background-repeat: no-repeat;
	font-size:1.5em;
	height: 17px; background-position: 0px -68px;
	width:160px;
	//font-family: Georgia, Arial ,Verdana, sans-serif;
	font-family: Verdana, sans-serif;
	font-weight:normal;
	margin:0;
	letter-spacing:0px;
	color:#FFF;
	padding:8px 0px 10px 0px;	
	
	}	
	
div.greenindex {
	background:  url(../images/head-green-left-index.png) top no-repeat;
	font-size:1.5em;
	
	//font-family: Georgia, Arial ,Verdana, sans-serif;
	font-family: Verdana, sans-serif;
	font-weight:normal;
	margin:0;
	letter-spacing:0px;
	color:#FFF;
	padding:8px 0px 10px 0px;	
	width:360px;
	}		
	
	
div.greyindex {
	background:  url(../images/head-grey-left-court.png) top no-repeat;
	font-size:1.5em;
	
	//font-family: Georgia, Arial ,Verdana, sans-serif;
	font-family: Verdana, sans-serif;
	font-weight:normal;
	margin:0;
	letter-spacing:0px;
	color:#FFF;
	padding:8px 0px 10px 0px;	
	width:360px;
	}		

	
h1.orange {
	background: #E29210 url(../images/haut-principal-orange.png) top no-repeat;
	font-size:1.7em;
	line-height:0.8em;
	//font-family: Georgia, Arial ,Verdana, sans-serif;
	font-family: Verdana, sans-serif;
	font-weight:normal;
	margin:0;
	letter-spacing:0px;
	color:#FFF;
	padding:8px 0px 10px 7px;	
	width:735px;
	}		
	
.whitebg {
	background:#FFF;
	border-right:4px solid #d8d6d0;
	}	

.whitebgindex {
	background:#FFF;
	border-right:4px solid #d8d6d0;
	border-left:1px solid #d8d6d0;
	padding-right:5px;
	padding-left:5px;
	}		
	
	
.whitebg2 {
	background:#FFF;
	border-right:4px solid #d8d6d0;
	}	

.whitebgmain
{
	padding:6px 10px;
	margin:0;
	margin-right:10;
	display:block;
	width:728px;
}

ul.subnav {
	margin:0;
	padding:0;	
	background:#cad411;
	list-style-type:none;
	}
	
ul.subnav li a {
	padding:6px 10px;
	margin:0;
	display:block;
	width:136px;
	border-top:1px solid #f2d9dd;
	font-weight: bold;
	color : #59554A;
	}	

ul.subnav li a:link, ul.subnav li a:visited {
	background:white;
	}

ul.subnav li a:hover, ul.subnav li a:active {
	background:#fce8eb;
	color:#6da52b;
	text-decoration:none;
	}

ul.subnav li.active  a:link, ul.subnav li.active  a:visited, ul.subnav li.active a:hover, ul.subnav li.active a:active {
	background:white;
	text-decoration:none;
	color:#6da52b;
	}	
	
	
	
.font1px {
	font-size:1px;
	line-height:0;
	margin-bottom:5px;
	}
	
.round-rot-left {
	width:160px;
	height:8px;
	#background: url(../images/bas-blanc.png) no-repeat;
	background-image: url('../images/sprite2.png'); background-color: transparent; background-repeat: no-repeat; 
	background-position: 0px 0px; 
	}
	
.bas-blanc-index {
	width:360px;
	height:8px;
	background: url(../images/bas-blanc-index.png) no-repeat;
	}	
	
.bas-orange {
	width:742px;
	height:33px;
	background: url(../images/bas-orange.png) no-repeat;
	}	
	
.green a:link,  .green a:visited {color:#6da52b; text-decoration:none}
.green a:active, .green a:hover {color:#6da52b; text-decoration:underline}
	


.corps
{
	text-align:justify;
	margin-left: 0px;
	margin-right: 10px;
	color: #646060;
	font: 16px/22px Arial, Helvetica, sans-serif;	
}

.whitebgmain h2 {
	font-size:1.3em;
	font-weight:bold;
	padding:5px 8px;
	font-family:Arial, Helvetica, sans-serif;
	margin:2px 0;
	//clear:both;
	letter-spacing:normal;
	line-height:1.25em;
	}		

.surfizz {
	border :1px solid #f0ba38;


}
	
.surfizz td{
	border :1px solid #f0ba38;
	padding:5px;

}
	

.gestion {
	border :1px solid #f0ba38;
	width:720px;
	font-family:Verdana;
	font-size:8pt;
	color: #646060;
	word-wrap:break-word;

}
	
.gestion td{
	border :1px solid #f0ba38;
	padding:3px;

}	
	
.suite {
	//background:#c9d310;
	background:#e29311;
	padding : 1px 3px 1px 3px;
	color:white;
	border :1px solid #f0ba38;	
	}
	
a:hover .suite {
	//color:#e29311;
	color:#c9d310;
	}	
	

	
h2.sous-titre {	
	color:#e39513;
	text-decoration:none;
	font-family:verdana;
	font-size:11pt;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin:0px;
	border:0px;
padding-top: 10px;
 padding-bottom:10px;
 padding-left:0px;
 clear:none;
}	
	
.sous-titre {	
	color:#e39513;
	text-decoration:none;
	font-family:verdana;
	font-size:10pt;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin:0px;
	border:0px;
padding-top: 10px;
 padding-bottom:10px;
 padding-left:0px;
}

h3.titre3 {	
	color:#e39513;
	text-decoration:none;
	font-family:verdana;
	font-size:10pt;
	font-weight:normal;
	margin-top: 10px;
	margin-bottom: 10px;
	margin:0px;
	border:0px;
padding-top: 10px;
 padding-bottom:10px;
 padding-left:0px;
}

	

a:link, a:visited {
	color: #889c00;
	font-size : 1em;
	text-decoration: none;
}



a:hover {
	color: #000;
	text-decoration: none;
}

div.sep {
	background:url(../images/pointille.jpg) 2px 8px repeat-x;
	height:1px;
	line-height:0.01em;
	font-size:0.01em;
	padding:15px 0;
	margin : 2px;
	clear:both;
	}	
	
div.sep2{
	background:url(../images/pointille2.png) 2px 8px repeat-x;
	height:1px;
	line-height:0.01em;
	font-size:0.01em;
	padding:15px 0;
	margin : 0px;
	clear:both;
	}		

div.sep_vertical {
background:url(../images/pointille.gif) 2px 8px repeat-y;
width:8px;
line-height:0.01em;
font-size:0.01em;
padding:33px 0;
margin-right : 7px;
margin-left : 20px;
}
	
.blanc a {
	color:white;
}

.blanc a:hover{
	color:#889c00;
}

.corps_red
{
	text-align:justify;
	color:red;
	margin-left:10;
	margin-right:10;
	font-family:verdana;
	font-size:8pt;
}

.tableau_aide
{
	margin-top:0;
	padding:5px;
	border-style:solid solid solid solid;
	border-width:2px;
	border-bottom-color:#0D9E05; 
	border-top-color:#0D9E05;
	border-left-color:#0D9E05;
	border-right-color:#0D9E05;
	font-family:Verdana;
	font-size:8pt;
	color:black;
	background-color:#fcefbc;
	font-weight:normal;
	margin:10px;
}



.yellow h2 {
	//background:#fcefbc;
	background:#DFDFDF;
	//color:#6c6b66;
	color:white;
	font-size: 1.2em;
	margin-right:5px;
	border-radius:.3em .3em .3em .3em;
	border:1px solid #CECECE;
	//box-shadow:0 0 8px rgba(0,0,0,0.2);
	
}

.articlelong h2 {
	//background:#fcefbc;
	background:white;
	//color:#6c6b66;
	//color:white;
	color:#e39513;
	font-size: 1.2em;
	margin-right:5px;
	border-radius:.3em .3em .3em .3em;
	border:none;
	//box-shadow:0 0 8px rgba(0,0,0,0.2);
	
}
	
.yellow h2 a {
//background:#fcefbc;
background:#DFDFDF;
//color:#6c6b66;
color:white;
font-size: 1em;
}
	
.yellow  h2 a:hover {
	color:#59554A;

}

.the_post_meta {
	color: #cdd926;
	//background: #b0bb0b;
	background: #fff;
	margin-bottom:3px;
	padding: 5px 8px;
	//border: 1px solid #8d9806;
	border: 1px solid #e49715;
	
	font-size: 17px;
	font-weight:bold;
		color: #e49715;
	width:700px;
}

h2.the_post_meta {
	color: #cdd926;
	//background: #b0bb0b;
	background: #fff;
	margin-bottom:3px;
	padding: 5px 8px;
	//border: 1px solid #8d9806;
	border: 1px solid #e49715;
	
	font-size: 15px;
	font-weight:bold;
		color: #e49715;
	width:700px;
}
 
h2.the_post_meta a, h2.the_post_meta a:link, h2.the_post_meta a:visited {
	color: #889c00;
	font-size : 1em;
	text-decoration: none;
	background : none;
}

h2.the_post_meta a:hover {
	color: #000;
	text-decoration: none;
}

	
.form_achat {
box-sizing: border-box;
-moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 width:100%;
 }
	
.avis {
	margin-top:6px;
	padding:5px;
	background-color:#fcefbc;
	font-weight:normal;
	padding:10px;
	box-shadow:0 0 8px rgba(0,0,0,0.2);
	border:1px solid #DDDDDD;
	border-radius:.3em .3em .3em .3em;
}

.pub {
	border-top-color:#e49715;
	border-bottom-color:#fff; 
	border-left-color:#fff;
	border-right-color:#fff;
	border-width:1px;	
}


/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

.recherche  {float:left;color:#C0BBAA;margin-left:350px;margin-top:3px;}


.pub-haut-question {
float:left;
margin-right:15px;
margin-bottom:15px;

}

.image_site {
float:left;
padding-right:5px;
}

#cookie{color:black;border-top:1px solid #aba495;background-color:#f3f0ea;opacity:.95;filter:alpha(opacity=95);height:auto;text-align:left;padding:10px;z-index:1000;position:fixed;bottom:0;left:0;width:100%;margin:0px;font-size:.9em}#cookie a.bout{color:black;text-decoration:none;padding:0 6px;margin-left:8px;background-color:white;border:0}
@media only screen and (max-width:767px){#cookie a.bout{display:block;width:30%;text-align:center;margin:5px auto 0}}
@media only screen and (min-width:768px){#cookie a.bout{display:inline-block}}
@media screen and (max-width: 10px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, #wrap, #entete, #centre, #navigation, #principal {
   width: auto;
   margin: 0;
   padding: 0;
 }

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none;
   width: auto;
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }

 /* Un message personnalisé */
 body:before {
   content: "Version mobile du site";
   display: block;
   color: #777;
   text-align: center;
   font-style: italic;
 }
 
 #navigation { display:none;}
}

@media screen and (max-width:1050px)
{
#secondaire{display:none}
.recherche { margin-left:200px}
#haut-droit { width:250px;}
/*#surf-commu{width:100px;}*/
#global{width:930px}
div.wrap{width:930px}

.messageavis {display:none}
}


@media screen and (max-width:929px)
{
#haut-droit,#secondaire,#sup920 {display:none}
.recherche{ margin-left:25px}
.sup920 {display:none}

 .non-encadre
 {
 max-width: 100%;
 }

	h1.orange
	{
		width:550px;
		background: #E29210;
		
	}

	.bas-orange {
	width:550px;
	background: #E29210;
	}
	
	.whitebgmain {
	width:540px;
	
	}
	
	#principal {width:550px;	}
	
#global{width:740px;}
div.wrap{width:740px;}		
	.the_post_meta {	width:510px;	}	
	h2.the_post_meta {	width:510px;	}	
}

@media screen and (max-width:760px)
{

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques 
 table, td,  img,
 */
 blockquote, code, pre, textarea, input, iframe, object, embed, video {
	max-width: 100%;
	/*height: auto;*/
	width: auto;
	box-sizing: border-box;
 }

body, .wrap, #entete, #centre, #global, #principal,.whitebgmain,.whitebg2 ,#contenu{
   width: auto!important;
   margin: 0;
   padding: 0;
   max-width:100%;
 }
 
 .corps{
	margin-left:10px;
 }

	/*#navigation { display:none;}*/
/*.whitebgmain { width:100%; }*/
/*#principal { width:100%;}*/
#haut-droit, #secondaire, #navigation {display:none}
#ladate {display:none}
#surf-commu {display:none}
#logo { margin-left:10px;}
#entete{clear:both;}
#secondaire{margin-left:0px;margin-top:0px}

 /*img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }*/
 
 .non-encadre
 {
 max-width: 100%;
 }

	h1.orange
	{
		width:auto;
		background: #E29210;
		
	}
	
	.the_post_meta
	{
		width:auto;
	}	
	
		h2.the_post_meta {	width:auto;	}	

	.bas-orange {
	width:auto;
	height:33px;
	background: #E29210
	}
}
@media screen and (max-width:620px)
{
#surf-commu,#login {display:none}
#ladate {display:none}
#logo{margin-top:0px;align:center;padding-left:}
}

@media screen and (max-width:450px)
{
	.pub-haut-question {	float:none;margin-right:0px;margin-bottom:15px;	}
}

@media screen and (max-width:400px)
{
	#ladate {display:none}
	#logo{margin-top:0px}
	h1.orange
	{
		width:auto;
		background: #E29210;
		
	}

	.bas-orange {
	width:auto;
	height:33px;
	background: #E29210
	}	

	.image_site {
	float:none;
	}
	
	.desc_site {
	clear:both;
	}
	
	.the_post_meta
	{
		width:auto;
	}	
}