body{background:#f3f0ea url(../images/bg-nav-court.jpg) repeat-x;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:.75em;padding:0;margin:0;border:0;color:#413f3b;line-height:1.4em}
img {aspect-ratio: attr(width) / attr(height);}
a:focus{outline: none;}
#feedback a{display:block;position:fixed;top:120px}
strong{color:#696d5f}
.abc:hover {cursor: pointer;	color:#000;}
.abc {color:#889c00;text-decoration:none;}
.abc:focus{outline: none;}
#imgmenumobile{float:left;width:80px;margin-top:-15px;margin-right: 5px;display:none;}
#iconemobile{width:57px;height:47px;}
#myform2{background:url(../widget/form-droit.png) 50% no-repeat;width:250px;height:225px;font-family:Arial,Helvetica,sans-serif;font-size:.75em;color:#413f3b}
#myformbo{background:url(../back-office/images/bo-se-connecter.png) 50% no-repeat;width:250px;height:175px;font-family:Arial,Helvetica,sans-serif;font-size:.75em;color:#413f3b;background-position-x:center;background-position-y:top}
#myform{display:block;position:fixed;top:60px;background:url(../widget/form-droit.png) 50% no-repeat;width:250px;height:225px;padding-top:150px;font-family:Arial,Helvetica,sans-serif;font-size:.75em;color:#413f3b}
#login{width:370px;padding:0px;color:#fff;float:left;text-align:right}
#logo{float:left;margin-top:30px;margin-left:34px;margin-bottom:23px}
#logoimg{float:left;margin-top:-33px;margin-right:10px}
#surf-commu{width:300px;color:#fff;float:left;text-align:center}
#haut-droit{width:300px;padding:0x;color:#fff;text-align:right;float:right}
.non-encadre{border-style:none;margin:0;padding:0;text-decoration:none}
#principal{width:900px;background:red}
ul#nav{margin:0;padding:0;list-style-type:none;float:left}
ul#nav li{display:inline}
.haut a{color:#fff}
.table-container {width: 100%;overflow-x: auto;box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);border: 1px solid #ddd;border-radius: 5px;}
.table-container table {width: 100%;border-collapse: collapse;min-width: 600px; /* Largeur minimale pour forcer le scroll */}
.table-container th, .table-container td {border: 1px solid #ddd;padding: 8px;text-align: center;}
.table-container th {background-color: #f4f4f4;}
.table-container caption{padding:15px}
div.wrap{margin:0 auto;padding:0;width:1100px;text-align:left}
.submit2{background:url(../images/go2.png) 50% no-repeat;border-top:0 solid #fff;border-left:0 solid #fff;border-bottom:0 solid #000;border-right:0 solid #000;font:1em Arial,Helvetica,sans-serif;color:#fff;font-weight:700;padding:0;cursor:pointer;width:32px;height:22px}
strong{color:#a1b55d}
#navigation{background:#f3f0ea}
#principal{color:#181a12;background:#f3f0ea}
#principal strong{color:#606357}
#secondaire{background:#f3f0ea;margin-left:922px;margin-top:26px}
.entoure{padding:2px;border:1px solid#ddd;background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.2)}
.img_entoure{padding:2px;border:1px solid#ddd;background-color:#fff;width:650px;box-shadow:0 0 8px rgba(0,0,0,0.2)}
#global{width:1172px;margin-left:auto;margin-right:auto}
#entete{padding:12px 0}
#centre{width:100%;overflow:hidden;margin-top:45px}
#navigation{float:left;width:160px;margin-top:26px}
#principal{float:left;width:742px;padding:0 10px}
#principal p,#principal li{line-height:1.5}
#pied{margin:0;padding:0px 60px 0px 0px}
#copyright{margin:8px 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:400;margin:0;letter-spacing:0;color:#fff;padding:8px 0 10px;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:400;margin:0;letter-spacing:0;color:#fff;padding:8px 0 10px;width:160px}
div.green{background:url(../images/head-green-left-court.png) top no-repeat;font-size:1.5em;//font-family:Georgia,Arial,Verdana,sans-serif;font-family:Verdana,sans-serif;font-weight:400;margin:0;letter-spacing:0;color:#fff;padding:8px 0 10px;width:160px}
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:400;margin:0;letter-spacing:0;color:#fff;padding:8px 0 10px;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:400;margin:0;letter-spacing:0;color:#fff;padding:8px 0 10px;width:360px}
h1.orange{background:#E3001A url(../images/haut-principal-orange.png) top no-repeat;font-size:1.7em;line-height:.8em;//font-family:Georgia,Arial,Verdana,sans-serif;font-family:Verdana,sans-serif;font-weight:400;margin:0;letter-spacing:0;color:#fff;padding:8px 0px 10px 7px;width:735px;line-height:1.1em}
.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}
ol.none,ul.none{margin:0;padding:0;list-style-type:none}
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:700;color:#59554a}
ul.subnav li a:link,ul.subnav li a:visited{background:#fff}
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:#fff;text-decoration:none;color:#6da52b}
.font1px{font-size:1px;line-height:0;margin-bottom:5px}
.round-rot-left{width:223px;height:8px;background:url(../images/bas-blanc.png) no-repeat}
.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}
.logotxt{color:#01A7E9;font-family:'Lobster Two',sans-serif;font-size:30px;font-weight:bold}
.logost{color:grey;font-family:verdana;font-size:10px;font-weight:bold;margin-left:5px}
.corps{text-align:justify;margin-left:0;margin-right:10px;color:#646060;font:17px/23px Arial,Helvetica,sans-serif}
.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}
.gestion td{border:1px solid #f0ba38;padding:3px}
.suite{//background:#c9d310;background:#e29311;padding:1px 3px;color:#fff;border:1px solid #f0ba38}
a:hover .suite{//color:#e29311;color:#c9d310}
h2.sous-titre{color:#e39513;text-decoration:none;font-family:verdana;font-size:16pt;font-weight:700;margin-top:10px;margin-bottom:10px;margin:0;border:0;padding-top:20px;padding-bottom:10px;padding-left:0;clear:none}
.sous-titre{color:#e39513;text-decoration:none;font-family:verdana;font-size:10pt;font-weight:700;margin-top:10px;margin-bottom:10px;margin:0;border:0;padding-top:10px;padding-bottom:10px;padding-left:0}
h3.titre3{color:#e39513;text-decoration:none;font-family:verdana;font-size:16pt;font-weight:400;margin-top:10px;margin-bottom:10px;margin:0;border:0;padding-top:20px;padding-bottom:10px;padding-left:0}
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.gif) 2px 8px repeat-x;height:1px;line-height:.01em;font-size:.01em;padding:15px 0;margin:2px;clear:both}
div.sep2{background:url(../images/pointille2.png) 2px 8px repeat-x;height:1px;line-height:.01em;font-size:.01em;padding:15px 0;margin:0;clear:both}
div.sep_vertical{background:url(../images/pointille.gif) 2px 8px repeat-y;width:8px;line-height:.01em;font-size:.01em;padding:33px 0;margin-right:27px;margin-left:20px}
.blanc a{color:#fff}
.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:#000;background-color:#fcefbc;font-weight:400;margin:10px}
.idee-texte{width:650px;margin-top:6px;margin-left:20px;background-color:#fff;font-weight:400;padding:10px;box-shadow:3px 3px 10px rgba(0,0,0,0.2);border:1px solid #ddd;border-radius:.3em .3em .3em .3em;background-color:#f5f5f5;color:#646060;#font-family:'Lobster Two',cursive;font-family:'Merienda',cursive;font-size:14px;line-height:21px;#font:14px/20px Arial,Helvetica,sans-serif}
.variable{font-family:'Merienda',cursive;font-size:15px;color:#8acbe4}

.titre-idee-texte{color:#ffffff;background:#ff8a1e;margin-bottom:0px;padding:5px 8px;border:1px solid #DC6900;font-size:20px;font-weight:700;width:700px}
.titre-bleu{background:#01a7e9;border-color:#0074a2}
.titre-bleu2{background:#00529e;border-color:#002f5a}
.titre-bleu3{background:#dc6900;border-color:#bb5900}
.titre-grey{background:#cbc8c8;border-color:#cbc8c8}

.titre-idee-texte a{color:#ffffff;word-wrap:break-word}

.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:700;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:700;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}
.avis{margin-top:0;padding:5px;background-color:#fcefbc;font-weight:400;padding:10px}
.pub{border-top-color:#e49715;border-bottom-color:#fff;border-left-color:#fff;border-right-color:#fff;border-width:1px}
div.greenlong{background:url(../images/haut-menu-long.png) top no-repeat;font-size:1.5em;//font-family:Georgia,Arial,Verdana,sans-serif;font-family:Verdana,sans-serif;font-weight:400;margin:0;letter-spacing:0;color:#fff;padding:8px 0 10px;width:160px}
.whitebgside{background:#fff;border-right:4px solid #d8d6d0;width:156px}
.nav_petit{font-size:.8em;#overflow:hidden;word-wrap:break-word}
.recherche{float:left;color:#c0bbaa;margin-left:200px;margin-top:30px}
.divminiature{width:300px;padding-bottom:20px;padding-right:20px;padding-left:5px;}
.titreminiature{width:287px;}
.descminiature{width:287px;padding: 5px 8px;border: 1px solid;border-color: #dc6900;}
.descbleu{border-color:#002f5a;}
.descbleu2{border-color:#0074a2;}
.descbleu3{border-color:#bb5900;}
.descgrey{border-color:#cbc8c8}
.conteneurcolonne{width:340px;float:left;}

@media screen and (max-width:1100px){.recherche{margin-left:130px}
#pied{padding:10px 0px 0px 170px}
#haut-droit{display:none}
#global{width:930px}
div.wrap{width:930px}
#secondaire{margin-left:170px;float:left;margin-top:0px;width:742px}
.whitebgside{width:auto;border:none;}
ul.subnav li a{width:auto;}
#bmenusecond{display:none}
#hmenusecond{width: 100%;background: #01a8e9;}
.bas-orange{background:#e29210}}
@media screen and (max-width:929px){.entoure{height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%}
#haut-droit{display:none}
.recherche{margin-left:30px}
#logo{margin-left:0}
#surf-commu{width:750px}
#login{display:none}
h1.orange{width:550px;background:#E3001A}
.bas-orange{width:550px;background:#e29210}
.whitebgmain{width:540px}
#secondaire{width:552px}
.titre-idee-texte{width:514px}
.idee-texte{width:474px}
#principal{width:550px}
#global{width:740px}
div.wrap{width:740px}
.the_post_meta{width:510px}
h2.the_post_meta{width:510px}
.conteneurcolonne{width:auto;float:none}
.divminiature{width:auto;clear:both;padding-bottom:0px;}
.titreminiature{width:auto;}
.descminiature{width:auto;}
.imageminiature{float:left;margin-right:10px;margin-bottom:10px;}
.descminiature{margin-bottom:10px;}}
#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:760px){.whitebg{background:#fff;border-right:0 solid #d8d6d0}
#pied{padding:10px 0px 0px 0px}
#secondaire{margin-left:0px;width:100%}
blockquote,code,pre,textarea,input,iframe,object,embed,video{max-width:100%;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}
#imgmenumobile{display:block;}
div.sep{display:none;}
#navigation{margin-left:0px;width:100%;display:none;margin-top:0px}
div.green{background:none;width:100%;background-color:#00529E;}
.round-rot-left{display:none}
#haut-droit{display:none}
.madate{display:none}
.recherche{margin-left:30px}
#surf-commu{display:none}
#logo{margin-left:10px}
#entete{clear:both}
.non-encadre{max-width:100%}
h1.orange{width:auto;background:#E3001A}
.the_post_meta{width:auto}
.titre-idee-texte{width:auto}
.idee-texte{width:auto}
h2.the_post_meta{width:auto}
.bas-orange{width:auto;height:33px;background:#e29210}}
@media screen and (max-width:695px){.recherche{display:none}}
@media screen and (max-width:460px){.madate{display:none}
.logotxt{font-size:25px}}
@media screen and (max-width:400px){.logotxt{font-size:20px}}
@media screen and (max-width:380px){.logotxt{font-size:18px}
#imgmenumobile{margin-right:-20px;}}
@media screen and (max-width:351px){#logoimg{display:none;}}
@media screen and (max-width:300px){.logotxt{display:none;}}