﻿/*
--------------------
Simple CSS Styles
--------------------

Name: String Replace (Default) Theme
Author: initnu|lz

Description:
This the is the css theme for the String Replace theme.
You can use this as a template for your own themes.

Also refer to style.php...
*/

/*
-------
GENERAL
-------
*/
/* CLASSES GENERALES */
body, html
{ 
	padding:0px;
	color:#fff;
	font-family:"Open Sans", Helvetica, Arial, sans-serif;
	line-height:14px;
	max-height:100%;
	max-width:100%;
	margin:0px;
	background:url(/images/bgd.jpg);
	position:relative;
}
/* structure */
#content
{
	padding:10px;
	width:764px;
	margin-right: 240px;
}
#lastPostsLoader {
	height:37px;
	width:37px;
	margin:auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
/* Typography */
#container {
	margin-right: auto;
	margin-left: auto;
	display:flex;
	flex-direction:column;
	min-height:100vh;
	width: 1024px;
	background-color: #333;
	box-shadow: 0 0 40px #333;
}
#wrap {
	width: 1024px;
	margin: 0px;
	padding: 0px;
	position:relative;
	background-color:#333;
}
#footer {
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	padding-top: 20px;
	width: 1024px;
	background-color: #333;
	min-height:60px;
	box-shadow: 0 0 40px #333;
}
.clearfix {
	clear:both;
	display:block;
	overflow:hidden;
	width:0;height:0;
	line-height:0;
}
.copyright
{
	border-top: #999 1px solid;
	margin: 0px;
	width: 1024px;
	background-color: #333;
	padding-top: 20px;
	color: #4D4D4D;
}
 /* Main */
#main
{
	padding-bottom:20px; 
}
p {
	margin:5px 0px 5px 0px; 
}
.etendor {
	display:flex;
	flex-direction:row;
	width:764px;
	height:178px;
}
.logo {
	width: 322px;
	height: 178px;
}
.logo_bar {
	width: 420px;
	height: 4px;
}
.d-flex-fd-column-jc-sa {
	display:flex;
	flex-direction:column;
	justify-content:space-around;
}
.beta_liner {
	display:flex;
	justify-content:flex-end;
	margin-bottom:16px;
	color:#c0c0c0;
	font-size:24px;
	font-family:"Monotype Corsiva";
}
.htitle {
	font-size:42px;
	line-height:46px;
	font-weight:bold;
	color:#fff;
	padding:26px 0px 0px 30px;
	text-shadow:4px 4px 4px #bcbcbc;
}
code, pre {
	font-family: 'Courier New', Courier, Fixed;
}
pre {
	overflow:auto;
	width:500px;
	border:1px dotted #4D4D4D;
	padding:5px;
}

blockquote {
	border-color:#4D4D4D;
	margin:15px 30px 0px 10px;
	padding-left:20px;
	border-left:5px solid #ddd;
}
.rejustify { 
	text-align:justify; 
}
#extSencha 
{
	margin:5px;
	font-family:"Times New Roman", Times, serif;
}
i {
	font-style:italic;
}
b {
	font-weight:bold;
}
u {
	text-decoration:underline;
}
h1, h2, h3, h4, h5, h6
{
	font-family:'Trebuchet MS', 'Gill Sans', Helvetica, sans-serif;
	font-weight:bold;
	color: #B3B3B3;
	margin: 2px 0px 2px 0px;
}
h4.alert1{
	color: #B3B3B3;
	background-color: #383838;
	width: 210px;
	padding: 5px 10px 5px 0px;
	margin-left: auto;
	margin-right: auto;
	border: #4D4D4D 1px solid;
	line-height: 14px;
	position: relative;
}
h4.alert2 {
	color: #cd180a;
	background-color: #383838;
	width: 80%;
	padding: .6em;
	border: #cd180a 1px solid;
	line-height: 14px;
	position: relative;
}
h4.alert3{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #B3B3B3;
	background-color: #383838;
	width: 97%;
	padding: .6em;
	border: #4D4D4D 1px solid;
	line-height: 14px;
	position: relative;
}
h6 
{
	color: #FFFFFF;
}
#h4
{
	font-family: 'Trebuchet MS', 'Gill Sans', Helvetica, sans-serif;
	font-weight: bold;
	color: #B3B3B3; /* headline_txt_color */
    /*text-shadow: #bbb 2px 2px 1px; */
	margin: 2px 0px 2px 0px;
}
#h6
{
	font-family: 'Trebuchet MS', 'Gill Sans', Helvetica, sans-serif;
	font-weight: bold;
	color: #5482B0; /* headline_txt_color */
    /*text-shadow: #bbb 2px 2px 1px; */
	margin: 2px 0px 2px 0px;
}
h7
{
	color: #726f67;
	font-family: "Times New Roman",Times,serif;
    font-weight: bold;
}
.h8
{
	color: #b3b3b3;
	font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
}
span.exit1
{
	position: absolute;
	top: 0;
	right: 0;
	background: #5482B0;
	color: #4D4D4D;
	line-height: 4px;
	font-weight: bold;
	padding: 0.4em;
	cursor: pointer;
	border-left: #4D4D4D 1px solid;
	border-bottom: #4D4D4D 1px solid;
}
span.exit2 {
	position: absolute;
	left: 5px;
	background: #383838;
	color: #cd180a;
	line-height: 8px;
	font-weight: bold;
	padding: 0.2em;
	cursor: pointer;
	border: #cd180a 1px solid;
}
span.exit3 {
	position: absolute;
	margin: auto;
	background: #383838;
	color: #5482B0;
	line-height: 8px;
	font-weight: bold;
	padding: 0.15em;
	cursor: pointer;
	border: #5482B0 1px solid;
}
/* Links */
a:link, a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #5482B0; /* link_reg_color */
}
a:hover
{
	text-decoration: underline;
	color: #94B9DD; /* link_hi_color */
}
a:active
{
	color: #C7DDF3; /* link_down_color */
}
/* Images */
#img_float_left
{
	/* Used in the [img] tag when float=left */
	float: left;
	margin: 2px 8px 4px 2px;
}
#img_float_right
{
	/* Used in the [img] tag when float=right */
	float: right;
	margin: 2px 2px 4px 8px;
}
/* Forms */
input {
	font-family: georgia, garamond, serif;
}
input::placeholder {
	color: transparent;
}
textarea, select {
	text-align: left;
}
textarea {
	padding-right: 4px;
	padding-left: 4px;
}
textarea, select, input[type=password], input[type=text] {
	background: #fff;
	outline: none;
	border-right: #7c8185 2px solid;
	border-bottom: #7c8185 2px solid;
	border-left: #a7abae 1px solid;
	border-top: #a7abae 1px solid;
	color: #000;
	box-shadow: inset 1px 1px 2px #383838;
}
.blueborder, textarea.blueborder, select.blueborder, input[type=password].blueborder, input[type=text].blueborder{
	border-right: #5482b0 2px solid;
	border-bottom: #5482b0 2px solid;
	border-left: #5482b0 1px solid;
	border-top: #5482b0 1px solid;
}
#cap-border, #re-cap-border {
	display: flex;
	height: 50px;
	width: 160px;
}
div.grippie
{
	background: #EEEEEE url(/images/grippie.png) no-repeat scroll center 2px;
	border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px 1px 1px;
	cursor: s-resize;
	overflow: hidden;
    height: 9px;
}
.resizable-textarea textarea
{
	display: block;
	margin-bottom: 0pt;
	width: 58.5%;
	height: 160px;
	resize: none;
}
textarea.apple-chrome-textarea
{
	width: 472px;
	padding: 0;
	height: 160px;
	resize: vertical;
}
input[type=radio].blueborder {
	outline: 2px solid #5482b0;
}
/* Other Elements */	
hr
{
	color: #4D4D4D; /* inner_border_color */
	background-color: #4D4D4D; /* inner_border_color */
	height: 1px;
	border: 0px;
	margin: 4px 0px; 
}
#gestion table
{
	 border-width:1px; 
	 border-style:solid; 
	 border-color:#383838;
	 width:100%;
}
#gestion td, #gestion th 
{ 
	 border-width:1px;
	 border-style:solid; 
	 border-color:#383838;
}
.w100 {
	width:100%;
}
.w120-vatt {
	width:120px;
	vertical-align: text-top;
}
/*
------------
THEME SPECIFIC
------------
/* Navigation */

/* Header */
#header-bar
{
	color: #4E4E4E;
	height: 25px;
	background: url(/images/nav-background.gif) repeat-x;
}
.btnWindow input
{
	font-size: 11px;
}
#header-bar a, #header-bar a:hover
{
	color: #4D4D4D;
	font-weight: inherit;
	text-decoration: inherit;
}
#header
{
	/* background-image: url(images/background-header.gif); */
	width: 72%;
}
.header
{
	/* background-image: url(images/background-header.gif); */
	width: 100%;
}
.fl-pad-6-12-0-12 
{
	float: left;
	padding: 6px 12px 0px 12px;
}
.fl-pad-6-12-0-12-iga
{
	float: left;
	font-size: 12px;
	padding: 6px 12px 0px 12px;
}
.fr-pad-6-12-0-12 
{
	float: right;
	padding: 6px 12px 0px 12px;
}
.fr-pad-4-12-0-2 {
	float: right;
	padding: 4px 12px 0px 2px;
}
.fr-pad-6-2-0-2
{
	float: right;
	padding: 6px 2px 0px 2px;
}
.fr-pad-8-2-0-12
{
	float: right;
	padding: 8px 2px 0px 12px;
}
.h-25-w-2 
{
	height: 25px;
	width: 2px;
}
.h-25-w-2-iga 
{
	height: 25px;
	width: 2px;
}
.h-25-w-2-alpha 
{
	height: 25px;
	width: 2px;
}
/* Login */
#login 
{
	display: inline;
	color: #5482B0;
	background-color: #383838;
	border: #4D4D4D 1px solid;
	text-align: center;
	width: 300px;
	padding: 9px;
	position: absolute;
	margin: 20%;
}
#barricade
{
	margin-top: 250px;
	margin-left: 208px;
	position: relative;
}
#login2
{
	color: #5482B0;
	background-color: #383838;
	border: #4D4D4D 1px solid;
	text-align: center;
	width: 280px;
	padding: 9px;
	margin-left: 10px;
	margin-top: 0px;
}
.bouton 
{
	clear: both;
	padding-bottom: 1px;
}
.bouton input, .bouton button
{
	border: 0px;
	box-shadow: none;
	text-align: center;	
}
#popup
{
	padding: 20px;
}
.comment
{
	margin-bottom: 12px;
	/* border: 1px #0f0 dashed; */
}
.entry
{
	margin-bottom: 24px;
}
.subject
{
	font-family: 'Trebuchet MS', 'Gill Sans', Helvetica, sans-serif;
	font-weight: bold;
	color: #808080;
	padding: 4px 0px;
}
.byline
{
	color: #808080;
	padding: 2px 0px;
}
.content
{
	padding: 10px 0px;
}
.buttons
{
	padding: 4px 0px;
}
#sidebar
{
	padding: 10px;
	width: 220px;
	/* padding plus width = 240 */
  	margin-left: -240px;
	float: right;
}
#sidebar a:link, #sidebar a:visited
{
	color: #5482B0;
}
#sidebar a:hover
{
	color: #94B9DD;
}
#sidebar a:active
{
	color: #C7DDF3;
}
#sidebar button 
{
	color: #FFFFFF;
	background-color: #4D4D4D;
	border-color: #4D4D4D;
	text-decoration: none;
	border: 0px;
}
#sidebar .menu_title,  #sidebar .menu_title a:link, #sidebar .menu_title a:visited, #sidebar .menu_title a:hover, #sidebar .menu_title a:active
{
	color: #FFFFFF;
	background-color: #4D4D4D;
	border-color: #4D4D4D;
}	
#sidebar .menu_title
{
	font-family: 'Gill Sans', 'Trebuchet MS', Helvetica, sans-serif;
	font-weight: bold;
	padding: 7px 5px 7px 5px;
	margin: 0;
}
#sidebar .menu_title a, #sidebar .menu_title:hover
{
	text-decoration: none;
	color: #726f67;
}
#sidebar .menu_sidebar
{
	background-color: #383838;
	border-color: #4D4D4D;
	padding: 10px 25px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: #4D4D4D 1px solid;
}
.poker-pic {
	width: 90px;
	height:auto;
	box-shadow: 2px 2px 4px #bcbcbc;
}
.chewy-pic {
	width:128px;
	height:auto;
}
.devs-pic {
	width:115px;
	height:auto;
}
#sidebar li{
	list-style:none;
}
#loading{
	display: none;
}
#sidebar #navigation
{
	background-color: #383838;
	border-color: #4D4D4D;
	padding: 11px 25px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: #4D4D4D 1px solid;
}
#sidebar .calendar {
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
}
#sidebar .calendar a
{
	font-weight: bold;
	text-decoration: none;
}
#sidebar .calendar td
{
	padding: 2px;
}
.menu-items
{
	padding: 10px;
}
.menu-contenu
{
	margin-right: 24px;
	margin-top: 28px;
	opacity: 1;
}
.menu-contenu a:link, .menu-contenu a:visited
{
	color: #5482B0;
}
.menu-contenu a:hover
{
	color: #94B9DD;
}
.menu-contenu a:active
{
	color: #C7DDF3;
}
.menu-contenu button 
{
	color: #FFFFFF;
	background-color: #4D4D4D;
	border-color: #4D4D4D;
	text-decoration: none;
	border: 0px;
}
.menu-contenu .menu_title,  .menu-contenu .menu_title a:link, .menu-contenu .menu_title a:visited, .menu-contenu .menu_title a:hover, .menu-contenu .menu_title a:active
{
	color: #FFFFFF;
	background-color: #4D4D4D;
	border-color: #4D4D4D;
}	
.menu-contenu .menu_title
{
	font-family: 'Gill Sans', 'Trebuchet MS', Helvetica, sans-serif;
	font-weight: bold;
	padding: 7px 0px 7px 5px;
	margin: 0;
}
.menu-contenu .menu_title a, .menu-contenu .menu_title:hover
{
	text-decoration: none;
	color: #726f67;
}
.menu-contenu .menu_sidebar
{
	background-color: #383838;
	border-color: #4D4D4D;
	padding: 11px 25px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: #4D4D4D 1px solid;
}
.menu-contenu li{
	list-style:none;
}
.menu-contenu #navigation
{
	background-color: #383838;
	border-color: #4D4D4D;
	padding: 11px 25px;
	margin-top: 0px;
	margin-bottom: 10px;
	border: #4D4D4D 1px solid;
}
.menu-contenu .calendar {
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
}
.menu-contenu .calendar a
{
	font-weight: bold;
	text-decoration: none;
}
.menu-contenu .calendar td
{
	padding: 2px;
}
#archive_tree_menu ul	
{
	list-style: none inside;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}

#archive_tree_menu li	
{
	margin: 0px;
	padding: 0px;
	/* border: 1px #F0F dashed; */
}
/* Formulaire */
.titre_formulaire
{
	font-weight: bold;
	color: #708090;
	line-height: 22px;
}

.confirme_form
{
	background-color: #383838;
	color: #5482B0;
	padding: 10px;
	font-weight: bold;
}
#confirme_legend
{
	color: #D9D9D9;
}

.bloc fieldset, .wrapper fieldset, #form1 fieldset, #form2 fieldset, #form3 fieldset
{
  border: 1px solid #666;
  padding:10px;
  margin: 10px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;	
  border-radius:8px;	
}
.bloc legend, .wrapper legend
{
  color: #d9d9d9;
  margin-bottom:0px;
  margin-left:10px;
}
.rep fieldset, .wrapper fieldset, #form1 fieldset, #form2 fieldset, #form3 fieldset
{
  border: 1px solid #666;
  padding:10px;
  margin: 10px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;	
  border-radius:8px;	
}
.rep legend, .wrapper legend
{
  color: #d9d9d9;
  margin-bottom:0px;
  margin-left:10px;
}
label
{
	margin-left: 10px;
	display: inline;
	float: left;
	width: 150px;
}
.label
{
	margin-left: 40px;
	display: inline;
	float: left;
	text-align: left;
	width: 150px;
} 
.button input
{ 
	font-family: Arial,Helvetica,Verdana,sans-serif;
	border:0px; 
	background: #383838;
	color: #5482B0;
	font-weight: bold;
	text-decoration: none;
	padding:1px; 
	cursor:pointer;
}
.button input:hover
{ 
	border:0px;
	text-decoration: underline;
	color: #94B9DD; /* link_hi_color */
} 
.button input:active 
{ 
	border:0px;
	color: #C7DDF3; /* link_hi_color */
} 
.btnWindow input { 
	box-shadow: none;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	border:0px; 
	background: transparent;
	color: #4D4D4D;
	font-weight: bold;
	text-decoration: none;
	padding:1px; 
	cursor:pointer;
}
.btnWindow input:hover
{ 
	border:0px;
	text-decoration: none;
	color: #94B9DD; /* link_hi_color */
} 
.btnWindow input:active 
{ 
	border:0px;
	color: #C7DDF3; /* link_hi_color */
}  
.bloc
{
	color: #5482B0;
	background-color: #383838;
	border: #4D4D4D 1px solid;
	text-align: left;
	padding: 10px;
	margin-top: 20px;
}
.rep
{
	color: #5482B0;
	background-color: #383838;
	border: #4D4D4D 1px solid;
	text-align: left;
	width: 740px;
	padding: 10px;
	margin-top: 20px;
	max-width: 740px;
}
.dp-none 
{ 
	display: none;
}
.panel
{
	color: #5482B0;
	background-color: #383838;
	border: #4D4D4D 1px solid;
	text-align: left;
	width: 760px;
	max-width: 760px;
	height: 41px;
	min-height: 41px;
	font-weight: bold;
	color: #708090;
}
.panel .arrow
{
	color: #4e5154;
	background: transparent url(/images/dot.png);
}
.text_format
{
	color: #b3b3b3;
	font-family: Verdana,Arial,Helvetica,sans serif;
	font-weight: bold;
    text-decoration: none;
}
#bloc-nocolor
{
	background-color: #383838;
	border: #4D4D4D 1px solid;
	text-align: left;
	margin-top: 20px;
}
#bloc-msg
{
	color: #fff;
	background-color: #383838;
	border: #4D4D4D 1px solid;
	text-align: left;
	padding: 25px 50px;
	margin-top: 20px;
}
#Calendarbloc
{
    color: #4D4D4D;
	background-color: #5482B0;
	border: #4D4D4D 0px solid;
	text-align: center;
}
.Calendarweek
{
    color: #4D4D4D;
	text-align: center;
}
.vert
{
        color: #2dd506;
}
.jaune
{
        color: #ecd407;
}
.orange
{
        color: #e59804;
}
.rouge
{
        color: #cd180a;
}
.vert input
{ 
	font-family: Arial,Helvetica,Verdana,sans-serif;
	border:0px; 
	background: transparent;
	color: #2dd506;
	font-weight: bold;
	text-decoration: none;
	padding:1px; 
	cursor:pointer;
}
.vert input:hover
{ 
	border:0px;
	text-decoration: underline;
	color: #8eef77; /* link_hi_color */
} 
.vert input:active 
{ 
	border:0px;
	color: #dcf9d6; /* link_hi_color */
} 
.jaune input
{ 
	font-family: Arial,Helvetica,Verdana,sans-serif;
	border:0px; 
	background: transparent;
	color: #ecd407;
	font-weight: bold;
	text-decoration: none;
	padding:1px; 
	cursor:pointer;
}
.jaune input:hover
{ 
	border:0px;
	text-decoration: underline;
	color: #f8eb83; /* link_hi_color */
} 
.jaune input:active 
{ 
	border:0px;
	color: #fffbdd; /* link_hi_color */
} 
.orange input
{ 
	font-family: Arial,Helvetica,Verdana,sans-serif;
	border:0px; 
	background: transparent;
	color: #e59804;
	font-weight: bold;
	text-decoration: none;
	padding:1px; 
	cursor:pointer;
}
.orange input:hover
{ 
	border:0px;
	text-decoration: underline;
	color: #f1c97c; /* link_hi_color */
} 
.orange input:active 
{ 
	border:0px;
	color: #fbecd0; /* link_hi_color */
} 
.rouge input
{ 
	font-family: Arial,Helvetica,Verdana,sans-serif;
	border:0px; 
	background: transparent;
	color: #cd180a;
	font-weight: bold;
	text-decoration: none;
	padding:1px; 
	cursor:pointer;
}
.rouge input:hover
{ 
	border:0px;
	text-decoration: underline;
	color: #e7817a; /* link_hi_color */
} 
.rouge input:active 
{ 
	border:0px;
	color: #f3d0ce; /* link_hi_color */
}
.bg-383838
{
	background-color: #383838;
}
.bg-4D4D4D
{
	background-color: #4D4D4D;
}
.bg-708090
{
	background-color: #708090;
}
.checkbox 
{
	margin-right:0;
}
div.suppr img
{ 
	vertical-align:top;
}
div.suppr 
{ 
	margin-left:100px;
	position:absolute;
	z-index:3;
}
div.suppr a 
{
	width:18px;
}
div.upload img
{ 
	vertical-align:	top;
}
div.upload 
{ 
	margin-left:475px;
	position:absolute;
	z-index:3;
}
div.upload a 
{
	width:18px;
}
div.icon img
{ 
	vertical-align:top;
}
div.icon 
{ 
	margin-left:100px;
	position:absolute;
	z-index:3;
}
div.icon a 
{
	width:18px;
}
td.border 
{
	border-right:1px solid black;
}
#load, #load2 
{ 
	height: 37px;
	width: 37px;
	margin-top: 5px;
	margin-left: 280px;
}
div.refresh 
{
	text-decoration:none;
}
div.refresh:hover 
{
	text-decoration:none;
}
#tableRep2 
{
	width: auto;
	vertical-align: text-top;
}
iframe 
{
	background-color:white;
	height:95%;
	margin-left:5%;
	margin-top:1%;
	width:90%;
}
#beta_console
{
	color: #c0c0c0;
	float: right;
	margin-bottom: 15px;
	margin-right: 25px;
	font-family: Brush Script MT,cursive;
}
.trash {
	background: transparent;
	border: 0;
	cursor: pointer;
}
.icon_upload {
	background: transparent;
	border: 0;
	cursor: pointer;
}
.icon {
	background: transparent;
	border: 0;
	cursor: pointer;
}
.pentil {
	color: #5482B0;
	background: transparent;
	border: 0;
	cursor: pointer;
}
.name {
	color: #5482b0;
	font-family: 'Trebuchet MS', 'Gill Sans', Helvetica, sans-serif;
	font-weight: bold;
	padding: 7px 5px 5px 6px;
}
.name:hover
{ 
	border:0px;
	text-decoration: underline;
} 
#itemCenter
{
	margin-top: 250px;
}
#linkSidebarCalendar, #linkSidebarCounter, #linkSidebarSearch, #linkSidebarCategories
{
	background-color: #4d4d4d;
}
/* Block gestion */
.buttonx {
	background: transparent;
	border:0px;
	width: 16px;
	height: 16px;
}
.buttonx:hover
{ 
    background-image: url(../images/supprimer.png);
	background-repeat: no-repeat ;
	cursor: pointer;
}
.buttonRe {
	background: transparent;
	border:0px;
	cursor: pointer;
	padding: 0px;
}
.btnGest input
{ 
	font-family: Arial,Helvetica,sans-serif;
	border:0px;
	background: transparent;
	color: #b3b3b3;
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;
	margin: 0px 0px 0px 0px;
}
.btnGest input:hover
{ 
	border:0px;
	color: #b3b3b3; /* link_hi_color */
	text-decoration: underline;
}
.Gest
{ 
	font-family: Arial,Helvetica,sans-serif;
	border:0px;
	color: #b3b3b3;
	font-weight: bold;
}
.Gest input
{ 
	font-family: Arial,Helvetica,Verdana,sans-serif;
	border:0px; 
	background: #4D4D4D;
	color: #b3b3b3;
	font-weight: bold;
	text-decoration: none;
	padding:1px; 
	cursor:pointer;
}
.Gest input:hover
{ 
	border:0px;
	text-decoration: underline;
} 
.Gest input:active 
{ 
	border:0px;
} 
.btnSort input
{ 
	font-family: 'Times New Roman',Times,serif;
	border:0px; 
	background: transparent;
	color: #383838;
	font-weight: bold;
	text-decoration: none;
	padding:0px; 
	cursor:pointer;
    font-size: 14px;
}
.btnSort input:hover
{ 
	border:0px;
	text-decoration: none;
	color: #94B9DD; /* link_hi_color */
} 
.btnSort input:active 
{ 
	border:0px;
	color: #C7DDF3; /* link_hi_color */
}
.Sort
{ 
	font-family: 'Times New Roman',Times,serif;
	color: #726F67;
	font-weight: bold;
	padding:0px;
}
.bloc table {
	border-spacing: 0px;
	width: 100%;
	border: #666a6d 1px solid;
	color: #4D4D4D;
	text-align: left;
}
.bloc table th {
	line-height: 30px;
    height: 30px;
    vertical-align: middle;
    padding-left: 10px;
	border-right: #4D4D4D 1px solid;
	border-bottom: #4D4D4D 1px solid;
	border-left: #737a7e 1px solid;
	border-top: #737a7e 1px solid;
}
.bloc table td {
	line-height: 20px;
    height: 20px;
    vertical-align: middle;
    padding: 10px;
    text-align: left;
	border-right: #383838 1px solid;
	border-bottom: #383838 1px solid;
	border-left: #656a6d 1px solid;
	border-top: #656a6d 1px solid;
}
.rep table {
	width: 100%;
	border: 1px solid transparent;
    text-align: left;
}
#btnDropDown input
{ 
	font-family: Arial,Helvetica,sans-serif;
	border:0px;
	background: transparent;
	color: #5482b0;
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;
	margin: 0px 10px 0px 10px;
}
#btnDropDown input:hover
{ 
	border:0px;
	color: #726f67; /* link_hi_color */
} 
#btnDropDown .menu-spacer {
	border-right: 2px solid #878787;
    padding-right: 10px;
}
#btnDropDown .menu-spacer2 {
	border-right: 2px solid #878787;
    padding-right: 10px;
}
#btnDropDown .menu-spacer4 {
	border-right: 2px solid #878787;
    padding-right: 10px;
}
.btnDropDown input
{ 
	font-family: Arial,Helvetica,sans-serif;
	border:0px;
	background: transparent;
	color: #5482b0;
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;
	margin: 0px 10px 0px 10px;
}
.btnDropDown input:hover
{ 
	border:0px;
	color: #726f67; /* link_hi_color */
} 
.menu-actif-drop-down input
{ 
	font-family: Arial,Helvetica,sans-serif;
	border:0px;
	background: transparent;
	color: #b3b3b3;
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;
	margin: 0px 10px 0px 10px;
}
.btnDropDown .menu-spacer {
	border-right: 2px solid #878787;
    padding-right: 10px;
}
.menu-actif-drop-down .menu-spacer {
	border-right: 2px solid #878787;
    padding-right: 10px;
}
.btnDropDown .menu-spacer2 {
	border-right: 2px solid #878787;
    padding-right: 10px;
}
.menu-actif-drop-down .menu-spacer2 {
	border-right: 2px solid #878787;
    padding-right: 10px;
}
.btnDropDown .menu-spacer4 {
	border-right: 2px solid #878787;
    padding-right: 10px;
}
.menu-actif-drop-down .menu-spacer4 {
	border-right: 2px solid #878787;
    padding-right: 10px;
}
ul.products li {
    /* border: #4D4D4D 1px solid; */
	width: 220px;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
	padding-left: 10px;
}
ul.terme li {
    /* border: #4D4D4D 1px solid; */
	width: 210px;
	padding-right: 10px;
	padding-left: 10px;
}
ul.dots {
	margin-left: 40px; 
	list-style-image: url(/images/dots.png);
}
/* wordpress post formating, etc.
-------------------------------------------------*/
.alignleft {
	float: left;
	margin-right: 20px;
}
.alignright {
	float: right;
	margin-left: 20px;
}
.aligncenter {
	text-align: center;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.aligncenter-no-block {
	text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.alignmiddle {
	margin-top: 65%;
	position: relative;
}
.inner {
	display: table;
    margin: 0 auto; 
}
/* Page downloading */
#downloading {
    font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
}
#downloading .project-icon img{
	float:left;
	margin-right:0.5em;
	vertical-align:middle;
}
#downloading .dl-title { 
	color: #FFFFFF;
	text-shadow: 1px 1px 2px #b3b3b3;
}
#downloading .dl-ref { 
	color: #b3b3b3;
}
.dp-in-m0 {
	display:inline;
	margin:0px;
}
#downloading {
	display:inline-block;
	margin-top:20px;
	height:auto;
}
#downloading:after{
	content:"";
	display:table;
	clear:both;
}
#downloading a{
	font-size:inherit;
	margin-left:0;
	text-decoration:underline;
}
.project-icon {
	display: block;
}
/* Facture template */
.facture
{
	width: 100%;
	padding-bottom: 75px;
	background-color: white;
	font-family: Georgia, serif;
	color: black;
	box-shadow: 4px 4px 4px #bcbcbc;
}
.dotted
{
	line-height: 40px;
	border-top: 1px dotted black;
}
.payConfirmTable
{
	font-family: "Times New Roman",Times,serif;
    text-decoration: none;
}
.payConfirmTable .dotted
{
	line-height: 40px;
	border-top: 1px dotted #b3b3b3;
}
.payConfirmTable td
{
	color: #b3b3b3;
}
.confirm_Bloc
{
	color: #333333;
	font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif;
	background-color: #4D4D4D;
	text-align: center;
	width: 170px;
	height: 115px;
	padding: 10px;
	margin: 60px 20px 60px 20px;
	max-width: 160px;
	max-height: 115px;
	float: left;
}
.confirm_blue_Bloc
{
	color: #333333;
	font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif;
	background-color: #5482b0;
	text-align: center;
	width: 220px;
	height: 155px;
	padding: 10px;
	margin: 40px 30px 40px 30px;
	max-width: 220px;
	max-height: 155px;
	float: right;
}
.confirm_red_Bloc
{
	color: #333333;
	font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif;
	background-color: #cd180a;
	text-align: center;
	width: 220px;
	height: 155px;
	padding: 10px;
	margin: 40px 30px 40px 30px;
	max-width: 220px;
	max-height: 155px;
	float: right;
}
.confirm_orange_Bloc
{
	color: #333333;
	font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif;
	background-color: #e59804;
	text-align: center;
	width: 220px;
	height: 155px;
	padding: 10px;
	margin: 40px 30px 40px 30px;
	max-width: 220px;
	max-height: 155px;
	float: right;
}
.cHeadOptions button
{
	cursor: pointer;
	color: #5482B0;
	background-color: #4D4D4D;
	border-color: #4D4D4D;
	text-decoration: none;
	border: 0px;
}
#toggleofcontenttotoggle button
{
	cursor: pointer;
	color: #5482B0;
	background-color: #383838;
	border-color: #383838;
	text-decoration: none;
	border: 0px;
}
/* scroller */
.wrap {
	position: relative;
}
.wrap2 {
	position: relative;
}
/* Frame */
.frame {
	height: 245px;
	overflow: hidden;
}

.frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
}

.frame ul li {
	float: left;
	width: 346px;
	height: 245px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.frame2 {
	height: 722px;
}
/* Scrollbar */
.scrollbar {
	float: left;
	width: 650px;
}
.scrollbar .handle {
	cursor: pointer;
}
.scrollbar .handle .mousearea {
	position: absolute;
}
/* Controls */
.controls {
	margin: 0px 40px;
	max-width: 600px;
}
/* One Item Per Frame example */
.oneperframe ul li 
{ 
	width: 346px;
}
.source_1_fr {
	border-radius: 4px;
    background-image: url(/images/box/quickView_1_fr.png);
    background-size: 100% 100%;
	z-index: 10;
}
.source_2_fr {
	border-radius: 4px;
    background-image: url(/images/box/quickView_2_fr.png);
    background-size: 100% 100%;
	z-index: 10;
}
.source_3_fr {
	border-radius: 4px;
    background-image: url(/images/box/quickView_3_fr.png);
    background-size: 100% 100%;
	z-index: 10;
}
.source_4_fr {
	border-radius: 4px;
    background-image: url(/images/box/quickView_4_fr.png);
    background-size: 100% 100%;
	z-index: 10;
}
.source_5_fr {
	border-radius: 4px;
    background-image: url(/images/box/quickView_5_fr.png);
    background-size: 100% 100%;
	z-index: 10;
}
.source_6_fr {
	border-radius: 4px;
    background-image: url(/images/box/quickView_6_fr.png);
    background-size: 100% 100%;
	z-index: 10;
}
.source_7_fr {
	border-radius: 4px;
    background-image: url(/images/box/quickView_1_fr.png);
    background-size: 100% 100%;
}
.source_8_fr {
	border-radius: 4px;
    background-image: url(/images/box/quickView_2_fr.png);
    background-size: 100% 100%;
}
.source_9_fr {
	border-radius: 4px;
    background-image: url(/images/box/quickView_3_fr.png);
    background-size: 100% 100%;
}
.source_10_fr {
	border-radius: 4px;
    background-image: url(/images/box/quickView_4_fr.png);
    background-size: 100% 100%;
}
.source_11_fr {
	border-radius: 4px;
    background-image: url(/images/box/quickView_5_fr.png);
    background-size: 100% 100%;
}
.source_12_fr {
	border-radius: 4px;
    background-image: url(/images/box/quickView_6_fr.png);
    background-size: 100% 100%;
}
.source_1_en {
	border-radius: 4px;
    background-image: url(/images/box/quickView_1_en.png);
    background-size: 100% 100%;
	z-index: 10;
}
.source_2_en {
	border-radius: 4px;
    background-image: url(/images/box/quickView_2_en.png);
    background-size: 100% 100%;
	z-index: 10;
}
.source_3_en {
	border-radius: 4px;
    background-image: url(/images/box/quickView_3_en.png);
    background-size: 100% 100%;
	z-index: 10;
}
.source_4_en {
	border-radius: 4px;
    background-image: url(/images/box/quickView_4_en.png);
    background-size: 100% 100%;
	z-index: 10;
}
.source_5_en {
	border-radius: 4px;
    background-image: url(/images/box/quickView_5_en.png);
    background-size: 100% 100%;
	z-index: 10;
}
.source_6_en {
	border-radius: 4px;
    background-image: url(/images/box/quickView_6_en.png);
    background-size: 100% 100%;
	z-index: 10;
}
.source_7_en {
	border-radius: 4px;
    background-image: url(/images/box/quickView_1_en.png);
    background-size: 100% 100%;
}
.source_8_en {
	border-radius: 4px;
    background-image: url(/images/box/quickView_2_en.png);
    background-size: 100% 100%;
}
.source_9_en {
	border-radius: 4px;
    background-image: url(/images/box/quickView_3_en.png);
    background-size: 100% 100%;
}
.source_10_en {
	border-radius: 4px;
    background-image: url(/images/box/quickView_4_en.png);
    background-size: 100% 100%;
}
.source_11_en {
	border-radius: 4px;
    background-image: url(/images/box/quickView_5_en.png);
    background-size: 100% 100%;
}
.source_12_en {
	border-radius: 4px;
    background-image: url(/images/box/quickView_6_en.png);
    background-size: 100% 100%;
}
.ui-draggable, .ui-droppable {
	background-position: top;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
	background-color: #4D4D4D;
}
.ui-dialog { 
	z-index: 1000;
	position: absolute;
	box-shadow: 0px 0px 15px #333;
}
.detailPanel .cFoot {
	border-radius: 0px 0px 8px 8px;
	border-color: #4D4D4D;
	box-shadow: 0px 0px 15px #333;
}
.ui-corner-all {
	border-radius: 8px 8px 0px 0px;
	border-color: #4D4D4D;
	background-color: transparent;
}
.not_available_font {
	margin-top: 40px;
	margin-left: 65px;
	padding-top: 10px;
	margin-right: 20px;
	font-size: 14px;
	text-align: left;
	color: #333;
	font-weight: bold;
	line-height: 18px;
	min-width: 175px;
}
#swf-holder object {
    max-width:1000px;
    max-height:840px;
}
.twisty {
	height: 11px; 
	width: 11px;
	margin-bottom: -2px;
	padding-left: 10px;
}
/* section porte-folio */
#wrapper_pf
{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.object_pf
{
	background-color: #383838;
	border-top: #4D4D4D 1px solid;
	padding: 15px 30px 5px 30px;
}
.button_pf button
{ 
	width: 312px;
	text-align: left;
	background: #383838;
	border: 0px;
	text-decoration: none;
	cursor:pointer;
}
.button_pf button:hover
{ 
	border: 0px;
	text-decoration: none;
}
.pfTitle 
{
	color: #FFFFFF;
}
.para_pf 
{
	text-indent: 25px;
	text-align: justify;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 14px;
	color: #B3B3B3;
}
.w-auto-h-60
{
	width: auto;
	height: 60px;
}
.w-auto-h-70
{
	width: auto;
	height: 70px;
}
.w-auto-h-80
{
	width: auto;
	height: 80px;
}
.pad-10
{
	padding: 10px;
}
/* Tabs
----------------------------------*/
ul#tabs {
	margin-top: 30px;
	padding: 0 0 3px;
	font-size:1em;
	list-style: none;
	height: 21px;
	background:transparent url(/images/tabs/tab-bar.png) repeat-x left bottom;
}
ul#tabs a {
	cursor:pointer;
}
ul#tabs li {
    float: left;
	margin: 0 5px;
	padding: 0 0 0 4px;
	background:transparent url(/images/tabs/tab-left-ie6.png) no-repeat left -38px;
}
ul#tabs li a {
	font: bold 12px/170% Helvetica;
	display: block;
	margin: 0;
	padding:4px 17px 0px 12px;
	border-width: 0;
	font-weight:bold;
	text-decoration:none;
	color: #5482B0;
	background: transparent url(/images/tabs/tab-right-ie6.png) no-repeat right -38px;
}
ul#tabs li:hover a {
	border-width: 0;
	background:transparent url(/images/tabs/tab-right-ie6.png) no-repeat right -76px;
}
ul#tabs li:hover {
	background:transparent url(/images/tabs/tab-left-ie6.png) no-repeat left -76px;
}
ul#tabs li.inactive a, ul#tabs li.inactive a:hover {
	text-decoration:none;
	border-width: 0;
	color: #4d4d4d;
	background:transparent url(/images/tabs/tab-right-ie6.png) no-repeat right 0;
}
ul#tabs li.inactive {
	background:transparent url(/images/tabs/tab-left-ie6.png) no-repeat left 0;		
}
.tabs-container { 
	display: inherit;		
    text-align:left;
	padding-top: 20px;
}
/* Navigation Anonymus */
.navigation-album
{
	color: #ffffff;
	width: 384px;
	height: 50px;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 11px;
	font-weight: bold;
	font-family: Georgia;
	text-align: left;
	background: url(/images/anonymus/nav-album.png) repeat-x;
}
.navigation-album a, .navigation-album a:hover
{
	color: #ffffff;
    font-size: inherit;
	font-weight: inherit;
	text-decoration: inherit;
}
.triangle-album {
	margin-top: 0px; 
	position: absolute;
}
.table-album {
	width: 383px;
	margin-left: 16px;
	font-size: 11px;
    font-weight: normal;
	font-family: Georgia;
	text-align: left;
}
.flex-bg-gray {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
	background-image: url(/images/gray.png);
	background-repeat: repeat;
}
.flex-bg-white {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
	background-image: url(/images/white.png);
	background-repeat: repeat;
	color:#333;
}
/* Google
----------------------------------*/
.google {
	font-family: arial,sans-serif;
	font-weight: bold;
}
.c-3887fe {
	color: #3887fe;
}
.c-fb3721 {
	color: #fb3721;
}
.c-ffbb02 {
	color: #ffbb02;
}
.c-26b14c {
	color: #26b14c;
}
/* Extends
----------------------------------*/
.mr-20 {
	margin-right: 20px;
}
.pad-7 {
	padding: 7px;
}
.w-398 {
	width: 398px;
}
.w-18-curs-p {
	width: 18%;
	cursor: pointer;
}
.icon-logo {
	float: right; 
	margin: 7px 0px 1px 5px;
	box-shadow: 2px 2px 4px #AAA;
	width: 78px;
	height: 78px;
}
.qct a:link, .qct a:visited
{
	color: #5482B0;
}
.qct a:hover
{
	color: #94B9DD;
}
.qct a:active
{
	color: #C7DDF3;
}
.al-l {
	text-align: left;
}
.logo_G3E {
	height: 51px; 
	width: 126px; 
	border: 0px;
}
.f-l {
	float: left;
}
.f-l-w-160 {
	float: left;
	width: 160px;
}
.f-r {
	float: right;
}
.f-l-pad-0 {
	float: left;
	padding: 0px;
}
.h-140-w-325 {
	height: 140px; 
	width: 325px;
}
.m-w-1000 {
	max-width:1000px;
}
.w-100p-va-tt {
	width: auto;
	vertical-align: text-top;
}
.w-120-va-tt {
	width: 120px;
	vertical-align: text-top;
}
.w-100p {
	width: 100%;
}
.w-30 {
	width: 30px;
}
.w-250 {
	width: 250px;
}
.w-300 {
	width: 300px;
}
.w-400 {
	width: 400px;
}
.w-500 {
	width: 500px;
}
.w-100p-h-auto {
	width: 100%;
	height:auto;
}
.ml-10 {
	margin-left: 10px;
}
.ml-12 {
	margin-left: 12px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-20-logo {
	margin-left: 20px;
}
.ml-21-5 {
	margin-left: 21.5px;
}
.ml-40 {
	margin-left: 40px;
}
.mr-40 {
	margin-right: 40px;
}
.ml-260 {
	margin-left: 260px;
}
.dp-il-m-0 {
	display: inline;
	margin: 0px;
}
.dp-il {
	display: inline;
}
.dp-b {
	display: block;
}
.mb-5 {
	margin-bottom: 5px;
}
.h-50 {
	height: 50px;
}
.h-80 {
	height: 80px;
}
.h-730 {
	height: 730px;
}
.w-760-h-a {
	width: 760px;
	height: auto;
}
.m-120 {
	margin: 120px;
}
.ml-120 {
	margin-left: 120px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mw-110-h-auto {
	max-width: 110px;
	height: auto;
}
.m-40 {
	margin: 40px;
}
.m-2 {
	margin: 2px;
}
.bt-4D4D4D-1-s {
	border-top: #4D4D4D 1px solid;
}
.bt-1-s-b {
	border-top: 1px solid black;
}
.bt-1-s-B3B3B3 {
	border-top: 1px solid #B3B3B3
}
.br-4D4D4D-1-s {
	border-right: #4D4D4D 1px solid;
}
.mt--26 {
	margin-top: -26px;
}
.mt--26-logo {
	margin-top: -26px;
}
.c-5482B0 {
	color: #5482B0;
}
.cB3B3B3 {
	color: #B3B3B3;
}
.c-613c3a {
	color: #613c3a;
}
.fl-pad-12-w-217 {
	float: left;
	padding: 12px;
	width: 217px;
}
.fl-ml-17-pad-12-w-219 {
	float: left;
	margin-left: 17px;
	padding: 12px;
	width: 219px;
}
.fl-ml-17-pad-12-w-217 {
	float: left;
	margin-left: 17px;
	padding: 12px;
	width: 217px;
}
.pabs {
	position: absolute;
}
.w-260-ml-220-tac-bc-c {
	width: 260px;
	margin-left: 220px;
	text-align: center;
	border-collapse: collapse;
}
.w-720-ml-10-bc-c {
	width: 720px;
	margin-left: 10px;
	border-collapse: collapse;
}
.bb-1-s-B3B3B3 {
	border-bottom: 1px solid #B3B3B3;
}
.bb-2-s-b {
	border-bottom: 2px solid black;
}
.w-650-ml-40-bc-c {
	width: 650px;
	margin-left: 40px;
	border-collapse: collapse;
}
.lh-40-bt-1-s-b {
	line-height: 40px;
	border-top: 1px solid black;
}
.mt-6 {
	margin-top: 6px;
}
.mt-16 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 16px;
}
.mt-80 {
	margin-top: 80px;
}
.dp-none-w-100p-bc-c {
	display: none; 
	width: 100%; 
	border-collapse: collapse;
}
.w-50p-br-1-s-4D4D4D {
	width: 50%;
	border-right: 1px solid #4D4D4D;
}
.w-50p-pdl-25 {
	width: 50%;
	padding-left: 25px;
}
.w-175-h-a-fl-m-0-15-15-0 {
	width: 175px;
	height: auto;
	float: left;
	margin: 0px 15px 15px 0px;
}
.w-90-h-a-bs-2-2-4-BCBCBC {
	width: 90px;
	height: auto;
	box-shadow: 2px 2px 4px #BCBCBC;
}
.lh-30 {
	line-height: 30px;
}
.lh-40 {
	line-height: 40px;
}
.dp-b-mw-660-ov-s-ml-40-bc-b {
	display: block;
	max-width: 660px;
	overflow-x: scroll;
	margin-left: 40px;
	border-collapse:collapse;
}
.dp-none-br {
	display: none;
}
.ta-l {
	text-align: left;
}
.fr-m-4-0-1-5-h-118-w-a {
	float: right;
	margin: 4px 0px 1px 5px;
	height: 118px;
	width: auto;
}
.w-14-h-a {
	width: 14px;
	height: auto;
}
.z-1-w-215-h-625 {
	z-index: 1;
	width: 215px;
	height: 625px;
}
.f-r-z-0-w743-h-625 {
	float: right;
	z-index: 0;
	width: 743px;
	height:625px;
}
.f-r-m-4-0-1-5-h-104-w-a {
	float: right;
	margin: 4px 0px 1px 5px;
	height: 104px;
	width: auto;
}
.f-r-m-7-0-1-5-bs-2-2-4-w-78-h-78 {
	float: right;
	margin: 7px 0px 1px 5px;
	box-shadow: 2px 2px 4px #AAA; 
	width: 78px;
	height: 78px;
}
.c-w a,.c-w a:hover,.c-w a:link,.c-w a:active {
	color: white;
	cursor:pointer;
}
.c-w a:visited {
	color: grey;
	text-decoration: none;
	cursor:pointer;
}
.pa-w50-h1000 {
	width: 50px;
	height: 1000px;
	position: absolute;
}
.pa-w1024-h1280 {
	width: 1024px;
	transform: scale(0.78);
	margin-left: -103px;
	margin-top: -147px;
	height: 1280px;
	position: absolute;
}
.mh-980 {
	min-height: 980px;
}
.bg-DEDECE {
	background-color: #DEDECE;
}
.bg-333 {
	background-color: #333;
}
ul.itemCircle-80 {
    margin-left: 80px;
	color: #DEDECE;
    list-style-type: circle;
}
.bn-w100-h21-bc383838  { 
	border:none;
	width:100px;
	height:21px;
	background-color: #383838;
}
/* -----------------------
Règles adaptatives
------------------------*/
/* ......../ bar-container /.......... */
.bar-container input[type="checkbox"], .bar-container .hamburger-lines, .menu-items {
	display: none;
}
.bar-container {
	height: 0px;
}
/* ......../ media query /.......... */
@media (max-width: 1034px) {
	.bar-container input[type="checkbox"],
	.bar-container .hamburger-lines { 
		display: block;
		float: right;
	}
	.bar-container input[type="checkbox"] {
		position: absolute;
		display: block;
		height: 30px;
		width: 40px;
		top: 4px;
		right: 6px;
		z-index: 5;
		opacity: 0;
		cursor:pointer;
	}
	.bar-container .hamburger-lines {
		position: absolute;
		display: block;
		height: 24px;
		width: 30px;
		top: 8px;
		right: 0px;
		z-index: 2;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 3px 14px 11px 14px;
		background-color: #CCC;
	}
	.bar-container .hamburger-lines .line {
		display: block;
		height: 4px;
		width: 100%;
		border-radius: 10px;
		background-color: #333;
	}
	.bar-container .hamburger-lines .line1 {
		transform-origin: 0% 0%;
		transition: transform 0.4s ease-in-out;
	}
	.bar-container .hamburger-lines .line2 {
		transition: transform 0.2s ease-in-out;
	}
	.bar-container .hamburger-lines .line3 {
		transform-origin: 0% 100%;
		transition: transform 0.4s ease-in-out;
	}
	.menu-items {
		height: 100%;
        width: 0;
	    position: fixed;
		display : block;
	    z-index: 12;
	    top: 0;
	    right: -24px;
	    background-color: rgba(51,51,51,0.7);
		border-left: 4px ridge #C3C3C3;
	    overflow-x: hidden;
	    transition: 0.5s;
	    margin-top: 21px;
	}
	.bar-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
		margin-left: 7px;
		transform: rotate(45deg);
	}
	.bar-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
		transform: scaleY(0);
	}
	.bar-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
		margin-left: 7px;
		transform: rotate(-45deg);
	}
	.langue {
		margin-right: 54px;
	}
	#sidebar {
		display: none;
	}
	.uppercut input {
		margin-right: 54px;
	}
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 1014px;
	}
}
@media (max-width: 1024px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 1004px;
	}
	#login {
		margin: 20%
	}
}
@media (max-width: 1014px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 994px;
	}
	#login {
		margin: 20% 20%
	}
}
@media (max-width: 1004px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 984px;
	}
	#login {
		margin: 20% 20%
	}
}
@media (max-width: 994px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 974px;
	}
	#login {
		margin: 21% 20%
	}
}
@media (max-width: 984px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 964px;
	}
	#login {
		margin: 21% 20%
	}
}
@media (max-width: 974px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 954px;
	}
	#login {
		margin: 21% 20%
	}
}
@media (max-width: 964px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 944px;
	}
	#login {
		margin: 22% 20%
	}
}
@media (max-width: 954px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 934px;
	}
	#login {
		margin: 22% 20%
	}
}
@media (max-width: 944px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 924px;
	}
	#login {
		margin: 22% 20%
	}
}
@media (max-width: 934px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 914px;
	}
	#login {
		margin: 23% 20%
	}
}
@media (max-width: 924px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 904px;
	}
	#login {
		margin: 23% 20%
	}
}
@media (max-width: 914px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 894px;
	}
	#login {
		margin: 23% 20%
	}
}
@media (max-width: 904px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 884px;
	}
	#login {
		margin: 23% 20%
	}
}
@media (max-width: 894px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 874px;
	}
	#login {
		margin: 24% 20%
	}
}
@media (max-width: 884px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 864px;
	}
	#login {
		margin: 24% 20%
	}
}
@media (max-width: 874px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 854px;
	}
	#login {
		margin: 24% 20%
	}
}
@media (max-width: 864px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 844px;
	}
	#login {
		margin: 24% 20%
	}
}
@media (max-width: 854px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 834px;
	}
	#login {
		margin: 24% 20%
	}
}
@media (max-width: 844px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 824px;
	}
	#login {
		margin: 25% 20%
	}
}
@media (max-width: 834px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 814px;
	}
}
@media (max-width: 824px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 804px;
	}
}
@media (max-width: 814px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 794px;
	}
}
@media (max-width: 804px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 784px;
	}
	#content, .w-760-h-a {
		width: 764px;
	}
	#wrapper_pf
	{
		display: flex;
		max-width: 372px;
		margin: 0px auto 20px auto;
		flex-direction: column;
	}
	#login {
		margin: 25% 20%
	}
}
@media (max-width: 794px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 774px;
	}
	#content, .w-760-h-a {
		width: 754px;
	}	
	.etendor {
		width: 754px;
		height:176px;
	}
	.logo {
		width: 318px;
		height: 176px;
	}
	.logo_bar {
		width: 415px;
		height: 4px;
	}
	.ml-20-logo {
		margin-left: 20px;
	}
	#login {
		margin: 26% 20%
	}
}
@media (max-width: 784px) {
	#container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 764px;
	}
	#content, .w-760-h-a {
		width: 744px;
	}
	.etendor {
		width: 744px;
		height: 174px;
	}
	.logo {
		width: 314px;
		height: 174px;
	}
	.logo_bar {
		width: 410px;
		height: 4px;
	}
	.ml-20-logo {
		margin-left: 19px;
	}
	#login {
		margin: 26% 20%
	}
}
@media (max-width: 774px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 754px;
	}
	#content, .w-760-h-a {
		width: 734px;
	}
	.etendor {
		width: 734px;
		height:172px;
	}
	.logo {
		width: 310px;
		height: 172px;
	}
	.logo_bar {
		width: 405px;
		height: 4px;
	}
	.ml-20-logo {
		margin-left: 19px;
	}
	.mt--26-logo {
		margin-top: -25px;
	}
	#login {
		margin: 27% 20%
	}
	ul#tabs li a {
		font: bold 11px/170% Helvetica;
		padding:5px 16px 0px 11px;
	}
}
@media (max-width: 764px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 744px;
	}
	#content, .w-760-h-a {
		width: 724px;
	}
	.etendor {
		width: 724px;
		height:170px;
	}
	.logo {
		width: 306px;
		height: 170px;
	}
	.logo_bar {
		width: 400px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 18px;
	}
	.htitle {
		font-size: 41px;
		line-height: 45px;
		padding: 25px 0px 0px 29px;
	}
	.beta_liner {
		margin-bottom: 18px;
		font-size: 23px;
	}
	.mt--26-logo {
		margin-top: -25px;
	}
	#login {
		margin: 27% 20%
	}
	ul#tabs li a {
		font: bold 11px/170% Helvetica;
		padding:5px 16px 0px 11px;
	}
}
@media (max-width: 754px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 734px;
	}
	#content, .w-760-h-a {
		width: 714px;
	}
	.etendor {
		width: 714px;
		height:168px;
	}
	.logo {
		width: 302px;
		height: 168px;
	}
	.logo_bar {
		width: 395px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 15px;
	}
	.htitle {
		font-size: 40px;
		line-height: 44px;
		padding: 24px 0px 0px 28px;
	}
	.beta_liner {
		margin-bottom: 18px;
		font-size: 23px;
	}
	.mt--26-logo {
		margin-top: -25px;
	}
	#login {
		margin: 27% 20%
	}
	ul#tabs li a {
		font: bold 11px/170% Helvetica;
		padding:5px 16px 0px 11px;
	}
}
@media (max-width: 744px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 724px;
	}
	#content, .w-760-h-a {
		width: 704px;
	}
	.etendor {
		width: 704px;
		height:166px;
	}
	.logo {
		width: 298px;
		height: 166px;
	}
	.logo_bar {
		width: 390px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 14px;
	}
	.htitle {
		font-size: 40px;
		line-height: 43px;
		padding: 23px 0px 0px 27px;
	}
	.beta_liner {
		margin-bottom: 18px;
		font-size: 23px;
	}
	.mt--26-logo {
		margin-top: -24px;
	}
	#login {
		margin: 27% 20%
	}
	ul#tabs li a {
		font: bold 11px/170% Helvetica;
		padding:5px 16px 0px 11px;
	}
	.bloc {
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media (max-width: 734px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 714px;
	}
	#content, .w-760-h-a {
		width: 694px;
	}
	.etendor {
		width: 694px;
		height: 164px;
	}
	.logo {
		width: 294px;
		height: 164px;
	}
	.logo_bar {
		width: 385px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 13px;
	}
	.htitle {
		font-size: 39px;
		line-height: 42px;
		padding: 22px 0px 0px 27px;
	}
	.beta_liner {
		margin-bottom: 18px;
		font-size: 22px;
	}
	.mt--26-logo {
		margin-top: -24px;
	}
	#login {
		margin: 28% 20%
	}
	ul#tabs li a {
		font: bold 10px/150% Helvetica;
		padding:5px 14px 0px 10px;
	}
	ul#tabs {
		height: 18px;
	}
	ul#tabs li {
		margin: 0 4px;
	}
	.bloc table td, .bloc table th {
		padding-left: 9px;
		padding-right: 9px;
	}
}
@media (max-width: 724px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 704px;
	}
	#content, .w-760-h-a {
		width: 684px;
	}
	.etendor {
		width: 684px;
		height: 162px;
	}
	.logo {
		width: 290px;
		height: 162px;
	}
	.logo_bar {
		width: 380px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 12px;
	}
	.htitle {
		font-size: 39px;
		line-height: 41px;
		padding: 21px 0px 0px 26px;
	}
	.beta_liner {
		margin-bottom: 17px;
		font-size: 22px;
	}
	.mt--26-logo {
		margin-top: -23px;
	}
	#login {
		margin: 28% 20%
	}
	ul#tabs li a {
		font: bold 10px/150% Helvetica;
		padding:5px 14px 0px 10px;
	}
	ul#tabs {
		height: 18px;
	}
	ul#tabs li {
		margin: 0 4px;
	}
	.bloc table td, .bloc table th {
		padding-left: 8px;
		padding-right: 8px;
	}
}
@media (max-width: 714px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 694px;
	}
	#content, .w-760-h-a {
		width: 674px;
	}
	.etendor {
		width: 674px;
		height: 160px;
	}
	.logo {
		width: 286px;
		height: 160px;
	}
	.logo_bar {
		width: 375px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 11px;
	}
	.htitle {
		font-size: 38px;
		line-height: 41px;
		padding: 20px 0px 0px 26px;
	}
	.beta_liner {
		margin-bottom: 17px;
		font-size: 22px;
	}
	.mt--26-logo {
		margin-top: -23px;
	}
	#login {
		margin: 29% 20%
	}
	ul#tabs li a {
		font: bold 10px/150% Helvetica;
		padding:5px 14px 0px 10px;
	}
	ul#tabs {
		height: 18px;
	}
	ul#tabs li {
		margin: 0 4px;
	}
	.bloc table td, .bloc table th {
		padding-left: 7px;
		padding-right: 7px;
	}
}
@media (max-width: 704px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 684px;
	}
	#content, .w-760-h-a {
		width: 664px;
	}
	.etendor {
		width: 664px;
		height: 158px;
	}
	.logo {
		width: 282px;
		height: 158px;
	}
	.logo_bar {
		width: 370px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 11px;
	}
	.htitle {
		font-size: 38px;
		line-height: 41px;
		padding: 20px 0px 0px 25px;
	}
	.beta_liner {
		margin-bottom: 17px;
		font-size: 21px;
	}
	.mt--26-logo {
		margin-top: -22px;
	}
	#login {
		margin: 29% 20%
	}
	ul#tabs li a {
		font: bold 10px/150% Helvetica;
		padding:5px 14px 0px 10px;
	}
	ul#tabs {
		height: 18px;
	}
	ul#tabs li {
		margin: 0 4px;
	}
	.bloc table td, .bloc table th {
		padding-left: 6px;
		padding-right: 6px;
	}
}
@media (max-width: 694px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 674px;
	}
	#content, .w-760-h-a {
		width: 654px;
	}
	.etendor {
		width: 654px;
		height: 156px;
	}
	.logo {
		width: 278px;
		height: 156px;
	}
	.logo_bar {
		width: 365px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 11px;
	}
	.htitle {
		font-size: 37px;
		line-height: 41px;
		padding: 20px 0px 0px 25px;
	}
	.beta_liner {
		margin-bottom: 17px;
		font-size: 21px;
	}
	.mt--26-logo {
		margin-top: -22px;
	}
	#login {
		margin: 30% 20%
	}
	ul#tabs li a {
		font: bold 9px/140% Helvetica;
		padding:6px 12px 0px 9px;
	}
	ul#tabs {
		height: 17px;
	}
	ul#tabs li {
		margin: 0 3px;
	}
	.bloc table td, .bloc table th {
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media (max-width: 684px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 664px;
	}
	#content, .w-760-h-a {
		width: 644px;
	}
	.etendor {
		width: 644px;
		height: 154px;
	}
	.logo {
		width: 274px;
		height: 154px;
	}
	.logo_bar {
		width: 360px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 10px;
	}
	.htitle {
		font-size: 37px;
		line-height: 40px;
		padding: 19px 0px 0px 24px;
	}
	.beta_liner {
		margin-bottom: 17px;
		font-size: 20px;
	}
	.mt--26-logo {
		margin-top: -21px;
	}
	#login {
		margin: 30% 20%
	}
	ul#tabs li a {
		font: bold 9px/140% Helvetica;
		padding:6px 12px 0px 9px;
	}
	ul#tabs {
		height: 17px;
	}
	ul#tabs li {
		margin: 0 3px;
	}
	.bloc table td, .bloc table th {
		padding-left: 4px;
		padding-right: 4px;
	}
}
@media (max-width: 674px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 654px;
	}
	#content, .w-760-h-a {
		width: 634px;
	}
	.etendor {
		width: 634px;
		height: 152px;
	}
	.logo {
		width: 270px;
		height: 152px;
	}
	.logo_bar {
		width: 355px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 10px;
	}
	.htitle {
		font-size: 36px;
		line-height: 40px;
		padding: 19px 0px 0px 24px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 20px;
	}
	.mt--26-logo {
		margin-top: -21px;
	}
	#login {
		margin: 31% 19%
	}
	ul#tabs li a {
		font: bold 9px/140% Helvetica;
		padding:6px 12px 0px 9px;
	}
	ul#tabs {
		height: 17px;
	}
	ul#tabs li {
		margin: 0 3px;
	}
	.bloc table td, .bloc table th {
		padding-left: 3px;
		padding-right: 3px;
	}
}
@media (max-width: 664px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 644px;
	}
	#content, .w-760-h-a {
		width: 624px;
	}
	.etendor {
		width: 624px;
		height: 150px;
	}
	.logo {
		width: 266px;
		height: 150px;
	}
	.logo_bar {
		width: 350px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 10px;
	}
	.htitle {
		font-size: 36px;
		line-height: 40px;
		padding: 19px 0px 0px 23px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 20px;
	}
	.mt--26-logo {
		margin-top: -21px;
	}
	#login {
		margin: 31% 19%
	}
	ul#tabs li a {
		font: bold 9px/140% Helvetica;
		padding:6px 12px 0px 9px;
	}
	ul#tabs {
		height: 17px;
	}
	ul#tabs li {
		margin: 0 3px;
	}
	.bloc table td, .bloc table th {
		padding-left: 2px;
		padding-right: 2px;
	}
}
@media (max-width: 654px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 634px;
	}
	#content, .w-760-h-a {
		width: 614px;
	}
	.etendor {
		width: 614px;
		height: 148px;
	}
	.logo {
		width: 262px;
		height: 148px;
	}
	.logo_bar {
		width: 345px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 9px;
	}
	.htitle {
		font-size: 35px;
		line-height: 40px;
		padding: 19px 0px 0px 23px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 19px;
	}
	.mt--26-logo {
		margin-top: -20px;
	}
	#login {
		margin: 32% 19%
	}
	ul#tabs li a {
		font: bold 8px/130% Helvetica;
		padding:6px 10px 0px 8px;
	}
	ul#tabs {
		height: 14px;
	}
	ul#tabs li {
		margin: 0 2px;
	}
}
@media (max-width: 644px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 624px;
	}
	#content, .w-760-h-a {
		width: 604px;
	}
	.etendor {
		width: 604px;
		height: 146px;
	}
	.logo {
		width: 258px;
		height: 146px;
	}
	.logo_bar {
		width: 340px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 9px;
	}
	.htitle {
		font-size: 35px;
		line-height: 39px;
	    padding: 19px 0px 0px 23px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 19px;
	}
	.mt--26-logo {
		margin-top: -20px;
	}
	#login {
		margin: 32% 19%
	}
	ul#tabs li a {
		font: bold 8px/130% Helvetica;
		padding:6px 10px 0px 8px;
	}
	ul#tabs {
		height: 14px;
	}
	ul#tabs li {
		margin: 0 2px;
	}
	.w-auto-h-80, .w-auto-h-70, .w-auto-h-60 {
		height: 65px;
		width: auto;
	}
}
@media (max-width: 634px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 614px;
	}
	#content, .w-760-h-a {
		width: 594px;
	}
	.etendor {
		width: 594px;
		height: 144px;
	}
	.logo {
		width: 254px;
		height: 144px;
	}
	.logo_bar {
		width: 335px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 9px;
	}
	.htitle {
		font-size: 34px;
		line-height: 39px;
		padding: 19px 0px 0px 23px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 18px;
	}
	.mt--26-logo {
		margin-top: -19px;
	}
	#login {
		margin: 33% 19%
	}
	ul#tabs li a {
		font: bold 8px/130% Helvetica;
		padding:6px 10px 0px 8px;
	}
	ul#tabs {
		height: 14px;
	}
	ul#tabs li {
		margin: 0 2px;
	}
	.w-auto-h-80, .w-auto-h-70, .w-auto-h-60 {
		height: 60px;
		width: auto;
	}
}
@media (max-width: 624px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 604px;
	}
	#content, .w-760-h-a {
		width: 584px;
	}
	.etendor {
		width: 584px;
		height: 142px;
	}
	.logo {
		width: 250px;
		height: 142px;
	}
	.logo_bar {
		width: 329px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 9px;
	}
	.htitle {
		font-size: 33px;
		line-height: 38px;
		padding: 19px 0px 0px 23px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 17px;
	}
	.mt--26-logo {
		margin-top: -18px;
	}
	#login {
		margin: 34% 19%
	}
	ul#tabs li a {
		font: bold 8px/130% Helvetica;
		padding:6px 10px 0px 8px;
	}
	ul#tabs {
		height: 14px;
	}
	ul#tabs li {
		margin: 0 2px;
	}
	.w-auto-h-80, .w-auto-h-70, .w-auto-h-60 {
		height: 55px;
		width: auto;
	}
}
@media (max-width: 614px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 594px;
	}
	#content, .w-760-h-a {
		width: 574px;
	}
	.etendor {
		width: 574px;
		height: 140px;
	}
	.logo {
		width: 246px;
		height: 140px;
	}
	.logo_bar {
		width: 324px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 9px;
	}
	.htitle {
		font-size: 32px;
		line-height: 38px;
		padding: 19px 0px 0px 23px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 17px;
	}
	.mt--26-logo {
		margin-top: -18px;
	}
	#login {
		margin: 34% 18%
	}
	ul#tabs li a {
		font: bold 8px/130% Helvetica;
		padding:6px 10px 0px 8px;
	}
	ul#tabs {
		height: 14px;
	}
	ul#tabs li {
		margin: 0 2px;
	}
	.w-auto-h-80, .w-auto-h-70, .w-auto-h-60 {
		height: 50px;
		width: auto;
	}
	.btn-display  {
		display: none;
	}
}
@media (max-width: 604px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 584px;
	}
	#content, .w-760-h-a {
		width: 564px;
	}
	.etendor {
		width: 564px;
		height: 138px;
	}
	.logo {
		width: 241px;
		height: 138px;
	}
	.logo_bar {
		width: 318px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 9px;
	}
	.htitle {
		font-size: 31px;
		line-height: 37px;
		padding: 19px 0px 0px 23px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 17px;
	}
	.mt--26-logo {
		margin-top: -18px;
	}
	#login {
		margin: 35% 18%
	}
	ul#tabs li a {
		font: bold 8px/130% Helvetica;
		padding:6px 10px 0px 8px;
	}
	ul#tabs {
		height: 14px;
	}
	ul#tabs li {
		margin: 0 2px;
	}
	.w-auto-h-80, .w-auto-h-70, .w-auto-h-60 {
		height: 45px;
		width: auto;
	}
}
@media (max-width: 594px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 574px;
	}
	#content, .w-760-h-a {
		width: 554px;
	}
	.etendor {
		width: 554px;
		height: 136px;
	}
	.logo {
		width: 237px;
		height: 136px;
	}
	.logo_bar {
		width: 311px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 9px;
	}
	.htitle {
		font-size: 32px;
		line-height: 36px;
		padding: 19px 0px 0px 22px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 17px;
	}
	.mt--26-logo {
		margin-top: -18px;
	}
	#login {
		margin: 36% 18%
	}
	ul#tabs li a {
		font: bold 8px/130% Helvetica;
		padding:6px 10px 0px 8px;
	}
	ul#tabs {
		height: 14px;
	}
	ul#tabs li {
		margin: 0 2px;
	}
	.w-auto-h-80, .w-auto-h-70, .w-auto-h-60 {
		height: 45px;
		width: auto;
	}
}
@media (max-width: 584px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 564px;
	}
	#content, .w-760-h-a {
		width: 544px;
	}
	.etendor {
		width: 544px;
		height: 134px;
	}
	.logo {
		width: 233px;
		height: 134px;
	}
	.logo_bar {
		width: 305px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 9px;
	}
	.htitle {
		font-size: 31px;
		line-height: 35px;
		padding: 19px 0px 0px 21px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 17px;
	}
	.mt--26-logo {
		margin-top: -18px;
	}
	#login {
		margin: 37% 18%
	}
	ul#tabs li a {
		font: bold 7px/130% Helvetica;
		padding:5px 8px 0px 7px;
	}
	ul#tabs {
		height: 12px;
	}
	ul#tabs li {
		margin: 0 1px;
	}
}
@media (max-width: 574px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 554px;
	}
	#content, .w-760-h-a {
		width: 534px;
	}
	.etendor {
		width: 534px;
		height: 132px;
	}
	.logo {
		width: 229px;
		height: 132px;
	}
	.logo_bar {
		width: 297px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 9px;
	}
	.htitle {
		font-size: 30px;
		line-height: 34px;
		padding: 19px 0px 0px 20px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 17px;
	}
	.mt--26-logo {
		margin-top: -18px;
	}
	#login {
		margin: 38% 17%
	}
	ul#tabs li a {
		font: bold 7px/130% Helvetica;
		padding:5px 8px 0px 7px;
	}
	ul#tabs {
		height: 12px;
	}
	ul#tabs li {
		margin: 0 1px;
	}
}
@media (max-width: 564px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 544px;
	}
	#content, .w-760-h-a {
		width: 524px;
	}
	.etendor {
		width: 524px;
		height: 130px;
	}
	.logo {
		width: 225px;
		height: 130px;
	}
	.logo_bar {
		width: 290px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 9px;
	}
	.htitle {
		font-size: 29px;
		line-height: 33px;
		padding: 18px 0px 0px 19px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 17px;
	}
	.mt--26-logo {
		margin-top: -18px;
	}
	#login {
		margin: 39% 16%
	}
	ul#tabs li a {
		font: bold 7px/130% Helvetica;
		padding:5px 8px 0px 7px;
	}
	ul#tabs {
		height: 12px;
	}
	ul#tabs li {
		margin: 0 1px;
	}
}
@media (max-width: 554px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 534px;
	}
	#content, .w-760-h-a {
		width: 514px;
	}
	.etendor {
		width: 514px;
		height: 128px;
	}
	.logo {
		width: 221px;
		height: 128px;
	}
	.logo_bar {
		width: 285px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 9px;
	}
	.htitle {
		font-size: 28px;
		line-height: 32px;
		padding: 18px 0px 0px 18px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 17px;
	}
	.mt--26-logo {
		margin-top: -18px;
	}
	.h-25-w-2-iga, .fl-pad-6-12-0-12-iga {
		display: none;
	}
	#login {
		margin: 40% 16%
	}
	ul#tabs li a {
		font: bold 7px/130% Helvetica;
		padding:5px 8px 0px 7px;
	}
	ul#tabs {
		height: 12px;
	}
	ul#tabs li {
		margin: 0 1px;
	}
	.btnSort input {
		font-size: 12px;
	}
}
@media (max-width: 544px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 524px;
	}
	#content, .w-760-h-a {
		width: 504px;
	}
	.etendor {
		width: 504px;
		height: 126px;
	}
	.logo {
		width: 217px;
		height: 126px;
	}
	.logo_bar {
		width: 278px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 9px;
	}
	.htitle {
		font-size: 27px;
		line-height: 31px;
		padding: 17px 0px 0px 17px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 16px;
	}
	.mt--26-logo {
		margin-top: -17px;
	}
	.h-25-w-2-iga, .fl-pad-6-12-0-12-iga {
		display: none;
	}
	#login {
		margin: 42% 15%
	}
	ul#tabs li a {
		font: bold 7px/130% Helvetica;
		padding:5px 8px 0px 7px;
	}
	ul#tabs {
		height: 12px;
	}
	ul#tabs li {
		margin: 0 1px;
	}
}
@media (max-width: 534px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 514px;
	}
	#content, .w-760-h-a {
		width: 494px;
	}
	.etendor {
		width: 494px;
		height: 124px;
	}
	.logo {
		width: 213px;
		height: 124px;
	}
	.logo_bar {
		width: 272px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 8px;
	}
	.htitle {
		font-size: 26px;
		line-height: 30px;
		padding: 17px 0px 0px 16px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 16px;
	}
	.mt--26-logo {
		margin-top: -17px;
	}
	.h-25-w-2-iga, .fl-pad-6-12-0-12-iga {
		display: none;
	}
	#login {
		margin: 42% 15%
	}
	ul#tabs li a {
		font: bold 7px/130% Helvetica;
		padding:5px 8px 0px 7px;
	}
	ul#tabs {
		height: 12px;
	}
	ul#tabs li {
		margin: 0 1px;
	}
}
@media (max-width: 524px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 504px;
	}
	#content, .w-760-h-a {
		width: 484px;
	}
	.etendor {
		width: 484px;
		height: 122px;
	}
	.logo {
		width: 209px;
		height: 122px;
	}
	.logo_bar {
		width: 267px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 8px;
	}
	.htitle {
		font-size: 26px;
		line-height: 30px;
		padding: 16px 0px 0px 16px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 16px;
	}
	.mt--26-logo {
		margin-top: -17px;
	}
	.h-25-w-2-iga, .fl-pad-6-12-0-12-iga {
		display: none;
	}
	#login {
		margin: 43% 15%
	}
	ul#tabs li a {
		font: bold 7px/130% Helvetica;
		padding:5px 8px 0px 7px;
	}
	ul#tabs {
		height: 12px;
	}
	ul#tabs li {
		margin: 0 0px;
	}
}
@media (max-width: 514px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 494px;
	}
	#content, .w-760-h-a {
		width: 474px;
	}
	.etendor {
		width: 474px;
		height: 120px;
	}
	.logo {
		width: 205px;
		height: 120px;
	}
	.logo_bar {
		width: 260px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 8px;
	}
	.htitle {
		font-size: 25px;
		line-height: 29px;
		padding: 16px 0px 0px 16px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 16px;
	}
	.mt--26-logo {
		margin-top: -17px;
	}
	.h-25-w-2-iga, .fl-pad-6-12-0-12-iga {
		display: none;
	}
	#login {
		margin: 44% 15%
	}
	ul#tabs li a {
		font: bold 7px/130% Helvetica;
		padding:5px 8px 0px 7px;
	}
	ul#tabs {
		height: 12px;
	}
	ul#tabs li {
		margin: 0 0px;
	}
}
@media (max-width: 504px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 484px;
	}
	#content, .w-760-h-a {
		width: 464px;
	}
	.etendor {
		width: 464px;
		height: 118px;
	}
	.logo {
		width: 201px;
		height: 118px;
	}
	.logo_bar {
		width: 254px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 8px;
	}
	.htitle {
		font-size: 24px;
		line-height: 29px;
		padding: 16px 0px 0px 15px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 16px;
	}
	.mt--26-logo {
		margin-top: -17px;
	}
	.h-25-w-2-iga, .fl-pad-6-12-0-12-iga {
		display: none;
	}
	#login {
		margin: 45% 15%
	}
	ul#tabs li a {
		font: bold 7px/130% Helvetica;
		padding:5px 8px 0px 7px;
	}
	ul#tabs {
		height: 12px;
	}
	ul#tabs li {
		margin: 0 0px;
	}
}
@media (max-width: 494px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 474px;
	}
	#content, .w-760-h-a {
		width: 454px;
	}
	.etendor {
		width: 454px;
		height: 116px;
	}
	.logo {
		width: 197px;
		height: 116px;
	}
	.logo_bar {
		width: 248px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 8px;
	}
	.htitle {
		font-size: 24px;
		line-height: 28px;
		padding: 16px 0px 0px 15px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 16px;
	}
	.mt--26-logo {
		margin-top: -16px;
	}
	.h-25-w-2-iga, .fl-pad-6-12-0-12-iga {
		display: none;
	}
	#login {
		margin: 46% 14%
	}
	ul#tabs li a {
		font: bold 7px/130% Helvetica;
		padding:5px 8px 0px 7px;
	}
	ul#tabs {
		height: 12px;
	}
	ul#tabs li {
		margin: 0 0px;
	}
}
@media (max-width: 484px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 464px;
	}
	#content, .w-760-h-a {
		width: 444px;
	}
	.etendor {
		width: 444px;
		height: 114px;
	}
	.logo {
		width: 193px;
		height: 114px;
	}
	.logo_bar {
		width: 242px;
		height: 3px;
	}
	.ml-20-logo {
		margin-left: 8px;
	}
	.htitle {
		font-size: 23px;
		line-height: 27px;
		padding: 16px 0px 0px 14px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 16px;
	}
	.mt--26-logo {
		margin-top: -15px;
	}
	.h-25-w-2-iga, .fl-pad-6-12-0-12-iga {
		display: none;
	}
	#login {
		margin: 47% 14%
	}
	ul#tabs li a {
		font: bold 7px/130% Helvetica;
		padding:5px 8px 0px 7px;
	}
	ul#tabs {
		height: 12px;
	}
	ul#tabs li {
		margin: 0 0px;
	}
	.btnSort input {
		font-size: 11px;
	}
	.dp-none-br {
		display: block;
	}
}
@media (max-width: 474px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 454px;
	}
	#content, .w-760-h-a {
		width: 434px;
	}
	.etendor {
		width: 434px;
		height: 112px;
	}
	.logo {
		width: 189px;
		height: 112px;
	}
	.logo_bar {
		width: 236px;
		height: 2px;
	}
	.ml-20-logo {
		margin-left: 8px;
	}
	.htitle {
		font-size: 22px;
		line-height: 26px;
		padding: 16px 0px 0px 12px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 15px;
	}
	.mt--26-logo {
		margin-top: -14px;
	}
	.h-25-w-2-iga, .fl-pad-6-12-0-12-iga {
		display: none;
	}
	#login {
		margin: 47% 14%
	}
	ul#tabs li a {
		font: bold 7px/130% Helvetica;
		padding:5px 8px 0px 7px;
	}
	ul#tabs {
		height: 12px;
	}
	ul#tabs li {
		margin: 0 0px;
	}
	.btnSort input {
		font-size: 10px;
	}
}
@media (max-width: 464px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 444px;
	}
	#content, .w-760-h-a {
		width: 424px;
	}
	.etendor {
		width: 424px;
		height: 110px;
	}
	.logo {
		width: 185px;
		height: 110px;
	}
	.logo_bar {
		width: 230px;
		height: 2px;
	}
	.ml-20-logo {
		margin-left: 8px;
	}
	.htitle {
		font-size: 21px;
		line-height: 26px;
		padding: 16px 0px 0px 12px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 15px;
	}
	.mt--26-logo {
		margin-top: -14px;
	}
	.h-25-w-2-iga, .fl-pad-6-12-0-12-iga, .h-25-w-2-alpha {
		display: none;
	}
	#login {
		margin: 48% 14%
	}
	ul#tabs li a {
		font: bold 7px/130% Helvetica;
		padding:5px 8px 0px 7px;
	}
	ul#tabs {
		height: 12px;
	}
	ul#tabs li {
		margin: 0 0px;
	}
	.btnSort input {
		font-size: 9px;
	}
}
@media (max-width: 454px) {
    #container, #wrap, #footer, .copyright, .pa-w1024-h1280 {
		width: 434px;
	}
	#content, .w-760-h-a {
		width: 414px;
	}
	.etendor {
		width: 414px;
		height: 108px;
	}
	.logo {
		width: 181px;
		height: 108px;
	}
	.logo_bar {
		width: 225px;
		height: 2px;
	}
	.ml-20-logo {
		margin-left: 8px;
	}
	.htitle {
		font-size: 20px;
		line-height: 25px;
		padding: 16px 0px 0px 12px;
	}
	.beta_liner {
		margin-bottom: 16px;
		font-size: 15px;
	}
	.mt--26-logo {
		margin-top: -14px;
	}
	.h-25-w-2-iga, .fl-pad-6-12-0-12-iga, .h-25-w-2-alpha {
		display: none;
	}
	#login {
		margin: 48% 11%
	}
	.fr-pad-8-2-0-12 {
		float: right;
		padding: 8px 2px 0px 6px;
	}
	ul#tabs li a {
		font: bold 7px/130% Helvetica;
		padding:5px 8px 0px 7px;
	}
	ul#tabs {
		height: 12px;
	}
	ul#tabs li {
		margin: 0 0px;
	}
	.btnSort input {
		font-size: 8px;
	}
}