/* CSS Document */

*{
margin: 0;
padding: 0;
}
body {
	background: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#container{
	width: 940px;
	text-align: left;
	height: 100%;
	margin: 0 auto;
	background-image: url(image/bgdMid.png);
	background-repeat: repeat-y;
}
#header { height: 125px; 
}
#bigbanner {
	background-image: url(image/topBanner.png);
	background-repeat: no-repeat;
}
h1 {
	top: 22px;
	position: relative;
	left: 40px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	background-image: url(image/Lesosai7-logo.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 500px;
	padding-top: 70px;
	background-position: 0px 5px;
}
.rightzone  {
	float: right;
	width: 400px;
	height: 120px;
}

#lang {
	list-style-type: none;
	font-size: 11px;
	color: #006633;
	padding-top: 15px;
	padding-left: 40px;
	text-align: right;
	padding-right: 50px;
}
#lang span {
	color: #999;
}
#lang a{
	color: #628B3C;
	text-decoration: none;
}
#lang a:hover{
	color: #990824;
	text-decoration: underline;
}

#normes {
	position: relative;
	font-size: 15px;
	font-family: "Courier New", Courier, monospace;
	float: none;
	font-weight: bold;
	color: #948A54;
	padding-right: 40px;
	line-height: 15px;
	padding-top: 15px;
	padding-left: 60px;
	text-align: justify;
}
#normes strong {
	color: #948A54;
	font-style: normal;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#normes span {
	color: #666;
}




#menu {
	height: 28px;
	background-image: url(image/bgdMenu.png);
	background-repeat: repeat-x;
	border: 1px solid #948a54;
	margin-right: 25px;
	margin-left: 25px;
	list-style-type: none;
	top: 5px;
}
#menu li {
	color: #FFFFFF;
	float: left;
}
#menu .menu-on a {
	color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 6px;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	text-decoration: none;
	display: block;
	background-image: url(image/bgdMenuAct.png);
	background-repeat: repeat-x;
	text-shadow: 0px 1px 1px #000;
}
#menu .menu-on a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(image/bgdMenuOn.png);
	background-repeat: repeat-x;
	text-shadow: 0px 1px 3px #333;
}
#menu .menu-off a {
	padding-top: 6px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	text-decoration: none;
	display: block;
	color: #948A54;
	text-shadow: 0px 1px 1px #fff;
}

#submenu_0, #submenu_1,  #submenu_2,  #submenu_3,  #submenu_4 {
	height: 26px;
	margin-right: 25px;
	margin-left: 25px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #948a54;
	border-left-color: #948a54;
	background-color: #948a54;
}

#submenu_1 p, #submenu_2 p, #submenu_3 p,  #submenu_4 p, #submenu_0 p  {
	color: #F1F0E7;
}
#submenu_0 p  {
	padding-left: 20px;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 1px;
}
#submenu_1 p  {
	padding-left: 16px;
}
#submenu_2 p   {
	padding-left: 80px;
}
#submenu_3 p {
	padding-left: 315px;
}
#submenu_4 p {
	padding-left: 455px;
}#submenu_1 a, #submenu_2 a, #submenu_3 a, #submenu_4 a, #submenu_0 a  {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: normal;
}
#submenu_1 a:hover, #submenu_2 a:hover, #submenu_3 a:hover, #submenu_4 a:hover, #submenu_0 a:hover  {
	color: #990824;
	text-decoration: none;
	background-color: #F1F0E7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#submenu_1 a:active, #submenu_2 a:active, #submenu_3 a:active, #submenu_4 a:active, #submenu_0 a:active  {
	text-shadow: 0px 1px 3px #990824;
}
#submenu_1 span, #submenu_2 span, #submenu_3 span, #submenu_4 span, #submenu_0 span  {
	padding-right: 4px;
	padding-left: 4px;
	color: #948A54;
	text-decoration: none;
	background-color: #D1CDB5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-shadow: 0px 1px 1px #fff;
}
#maintexte {
	padding: 20px;
	margin-right: 25px;
	margin-left: 25px;
	background-image: url(image/degradeShadow3pix.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#footer {
	height: 100px;
	background-color: #FFFFFF;
	background-image: url(image/footer.png);
	background-repeat: no-repeat;
	background-position: top;
}

#footer p {
	font-size: 10px;
	color: #666666;
}
#footer a {
	
}
#footer a:hover {
	
}
#createdby a {
	font-size: 9px;
	margin-left: 40px;
	float: left;
	margin-top: 3px;
	color: #948A54;
	text-decoration: none;
	background-image: url(image/E4tech-logo-93.png);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 100px;
	padding-top: 10px;
	height: 26px;
}
#createdby a:hover {
	color: #990824;
	text-decoration: none;
}
#copyright {
	color: #948A54;
	font-size: 10px;
	float: right;
	margin-right: 35px;
	margin-top: 15px;
}

/* CLASSES  STANDARDS */

a {
	color: #648b17;
	text-decoration: underline;
	outline: 0;
}
a:hover {
	color: #990824;
	text-decoration: none;
}
a:active {
	color: #990824;
	text-decoration: none;
	text-shadow: 0px 1px 3px #990824;
}
h2 {
	font-size: 30px;
	font-weight: normal;
	color: #990824;
	margin-bottom: 20px;
	margin-top: 10px;
	text-shadow: 0px 1px 2px #fff;
}

h3 {
	font-size: 18px;
	font-weight: normal;
	color: #990824;
	letter-spacing: 1px;
	margin-top: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990824;
	margin-bottom: 10px;
	padding: 0px;
}
h4 {
	padding-top: 10px;
	padding-top: 4px;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	letter-spacing: 1px;
}
h5 {
	font-weight: normal;
	color: #948A54;
	text-shadow: 0px 1px 1px #fff;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	background-color: #E5E2D1;
	box-shadow: 0px 1px 3px #948A54;
	-webkit-box-shadow: 0px 1px 3px #948A54;
	-moz-box-shadow: 0px 1px 3px #948A54;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: inline-block;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
h6 {
	font-weight: normal;
	color: #948A54;
	font-size: 15px;
	text-shadow: 0px 1px 1px #fff;
	margin-top: 20px;
	margin-bottom: 5px;
	background-color: #E5E2D1;
	box-shadow: 0px 1px 3px #948A54;
	-webkit-box-shadow: 0px 1px 3px #948A54;
	-moz-box-shadow: 0px 1px 3px #948A54;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: inline-block;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
}
.h4b {
	padding-top: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
}
p {
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: justify;
}
#maintexte ul {
	font-size: 11px;
	padding-left: 30px;
	line-height: 14px;
}
#maintexte table {
	font-size: 11px;
}




/* CLASSES */

.liste-fleches  {
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 0px;
}
.topPicture {
	float: right;
	background-color: #F1F0E7;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 40px;
}

.liste-fleches li  {
	list-style-image: url(image/fleche-bullet-15.png);
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 11px;
	line-height: 14px;
}
.liste-vu  {
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 0px;
}
.liste-vu li  {
	list-style-image: url(image/vu-bullet-15.png);
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 11px;
	line-height: 14px;
}
.liste-vu-emphase  {
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 0px;
}
.liste-vu-emphase li  {
	list-style-image: url(image/vu-bullet-15.png);
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 15px;
	line-height: 18px;
	color: #766e43;
	text-shadow: 0px 2px 1px #fff;
}
.emphase01 {
	font-size: 15px;
	line-height: 18px;
	color: #766e43;
	text-shadow: 0px 2px 1px #fff;
}

.right-position {
	float: right;
	width: 300px;
}
.left-position {
	float: left;
	width: 520px;
	text-align: left;
}


/* DIFFERENTES TABLES */

/* table-standard */
.table-standard  {
	padding: 0px;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #948a54;
	background-image: url(image/degradeBraun01.png);
	background-repeat: repeat-x;
	background-position: top;
	box-shadow: 0px 1px 3px #999;
	-webkit-box-shadow: 0px 1px 3px #999;
	-moz-box-shadow: 0px 1px 3px #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 100%;
}
.table-standard th {
	padding: 5px;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	color: #333;
	text-shadow: 0px 1px 1px #fff;
	vertical-align: top;
}
.table-standard td {
	background-color: #e5e2d1;
	padding: 5px;
	font-size: 10px;
	text-align: left;
	background-image: url(image/degradeBraun02.png);
	background-repeat: repeat-x;
	background-position: left -10px;
	vertical-align: top;
}
.table-standard ul {

}
.table-standard ul li {
	line-height: 14px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}
.table-standard p {
	text-align: left;

}
.table-standard th a {
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	letter-spacing: normal;
	text-shadow: none;
}
.table-standard th a:hover {
	text-decoration: underline;	
}
/* table-programme */
.table-programme  {
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	box-shadow: 0px 1px 3px #948A54;
	-webkit-box-shadow: 0px 1px 3px #948A54;
	-moz-box-shadow: 0px 1px 3px #948A54;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 100%;
}
.table-programme tr th {
	padding: 5px;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	color: #F1F0E7;
	text-shadow: 0px 1px 1px #000;
	vertical-align: top;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C4BD97;
	background-image: url(image/degradeBraun01.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #948A54;
}
.table-programme tr td {
	font-size: 11px;
	background-color: #e5e2d1;
	padding: 5px;
	background-image: url(image/degradeBraun02.png);
	background-repeat: repeat-x;
	background-position: left -10px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: dotted;
	border-bottom-color: #948A54;
	border-left-color: #948A54;
}
.table-programme tr td.header {
	background-position: left top;
	vertical-align: top;
	border-left-style: none;
	font-size: 12px;
}

.table-programme th a {
	color: #F1F0E7;
	text-decoration: none;
}

.table-programme th a:hover {
	color: #648b17;
	text-decoration: underline;	
	outline: 0;
}

.table-programme tr:hover td {
	background-color: #F1F0E7;
	background-image: none;
}
.table-programme ul li {
	line-height: 12px;
	padding: 0px;
}
.table-programme p {
	text-align: left;	
	font-size: 11px;
}



/* table-image */
.table-images {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.table-images th {
	vertical-align: top;
	text-align: right;
	margin: 0px;
	width: 200px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}
.table-images td {
	padding-top: 4px;
	padding-left: 10px;
	margin: 0px;
}
.commande-container {
	text-align: center;
	margin: auto;
	width: 600px;
}


.progress {
	width: 100%;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(image/line-progress.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.progress th {
	width: 25%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background-image: url(image/arrow-progress.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #006633;
	margin: 0px;
}
.progress td {
	width: 25%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

/* table-commande */
.table-commande {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;

}
.table-commande th {
	font-weight: bold;
	text-align: right;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 11px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #000;
	background-image: url(image/degradeBraun02.png);
	background-repeat: repeat-x;
	background-position: left toppx;
	text-shadow: 0px 1px 1px #fff;
}
.table-commande td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-left: 5px;
	text-align: left;
	font-size: 11px;
}
.line-total {
	border-top-style: none;
	color: #990824;
	font-weight: bold;
}
.form-field-M {
	width: 120px;
	border: 1px solid #948A54;
	color: #948A54;
	padding: 2px;
}
.form-field-L {
	width: 240px;
	border: 1px solid #948A54;
	color: #948A54;
	padding: 2px;
}
.form-field-S {
	width: 60px;
	border: 1px solid #948A54;
	color: #948A54;
	padding: 2px;
}

/* --- styles passe-partout --- */
.clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}
.center {
	text-align: center;
}
.center-vs-left {
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 100px;	
}
.red {
	color: #990824;
}
.green {
	color: #6B9216;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.orange {
	color: #EA650B;
}
.yellow {
	color: #FBBB00;
}
.barre {
	text-decoration: overline;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.inscription {
	font-weight: bold;
	background-image: url(/image/fleche-bullet-15.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 17px;
	margin-bottom: 4px;
}





.table-activations {
	padding: 0px;
	border: 1px solid #648b17;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
.table-activations th {
	background-image: none;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	font-size: 11px;
	border-style: none;
	background-color: #c3d0b9;
	padding: 3px;
}
.table-activations td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	margin: 0px;
	text-align: left;
	font-size: 11px;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-color: #c3d0b9;
	vertical-align: top;
}
.table-licence {
	margin: 0px;
	padding: 0px;

}
.table-licence th {
	background-image: none;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	font-size: 14px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-bottom-style: none;
	width: 250px;

}
.table-licence td {
	margin: 0px;
	font-size: 11px;
	padding: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.tit-link {
	font-size: 12px;
	font-weight: bold;
}

.faq-q {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #648B17;
	margin-top: 20px;
}
.faq-a {
	background-image: url(image/fleche-bullet-15.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 20px;
	padding-top: 0px;
	background-position: left 2px;
	
}
.last-update {
	color: #CC0000;
	background-image: url(image/fd-table-standard.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	
}
.tableHorizontal {
	width: 838px;
	overflow: auto;
	margin-top: 20px;
	border: 1px solid #948A54;
	padding: 4px;
	/*scrollbar-face-color:#648b17;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#648b17;
	scrollbar-shadow-color:#;
	scrollbar-highlight-color:#;
	scrollbar-3dlight-color:#;
	scrollbar-darkshadow-Color:#; */
}
.tableHorizontal table {
}
.tableHorizontal table th {
	padding: 4px;
	text-align: left;
	vertical-align: bottom;
}
.tableHorizontal table td {
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 70px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.tableHorizontal table img {
	/*filter: Blur(Add=10, Direction=100, Strength=10);	*/
}

a.downloadBtn {
	background-image: url(image/degradeGreen01.png);
	background-repeat: repeat-x;
	text-align: center;
	display: block;
	height: 26px;
	width: 90%;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 1px 1px #000;
	text-decoration: none;
	padding-top: 7px;
	background-repeat: repeat-x;
	background-position: 0px -5px;
	box-shadow: 0px 1px 3px #333;
	-webkit-box-shadow: 0px 1px 3px #333;
	-moz-box-shadow: 0px 1px 3px #333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	background-color: #6D9315;
	border: 2px solid #cfde84;
}
a.downloadBtn:hover {
	margin-top: 14px;
	margin-bottom: 16px;
	color: #fff;
	text-shadow: 0px 0px 3px #cedd85;
	text-decoration: none;
	box-shadow: 0px 2px 4px #333;
	-webkit-box-shadow: 0px 2px 4px #333;
	-moz-box-shadow: 0px 2px 4px #333;
	background-position: 0px 5px;
	background-color: #a1bf08;
	border: 2px solid #fff;
}
a.downloadBtn:active {
	margin-top: 15px;
	margin-bottom: 15px;
	box-shadow: 0px 1px 3px #000;
	-webkit-box-shadow: 0px 1px 3px #000;
	-moz-box-shadow: 0px 1px 3px #000;
}
a.downloadLink {
	font-weight: bold;
	background-image: url(image/download-bullet-15.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	display: block;
	height: 15px;
	padding-top: 3px;
}
a.downloadLink:hover {
	
}


.steps2buy .table-standard {
	height: 220px;
	width: 250px;
}
.steps2buy .table-standard th {
	font-size: 15px;
	height: 28px;
}
.steps2buy .table-standard td{
	
}
.steps2command .table-standard {
	width: 290px;
}
.steps2command .table-standard th {
	font-size: 14px;
	height: 28px;
}

#maintexte .rightRow {
	float: right;
	width: 250px;
	margin-left: 40px;
}
#container .closeWin {
	font-size: 12px;
	float: right;
	margin-top: 10px;
	margin-right: 50px;
}

.note {
	font-size: 10px;
	line-height: 10px;
}
/* Page actualités */
.newsItem {
	padding-top: 20px;
}
.newsItem h6 {
	float: left;	
}
.newsItem h4 {
	font-size: 14px;
	letter-spacing: normal;
	padding-left: 130px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
}
.newsItem p {
	padding-left: 130px;	
}
.smallnote {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #666;	
}


.red {
	color: #990824;
}

.processBloc {
	float: left;
	width: 150px;
	height: 200px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding: 5px;
	cursor: help;
}
.processBloc p {
	text-align: left;
	color: #952830;
	font-size: 11px;
	line-height: 13px;
}


.qr {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #F03;
}
.q {
	color: #066;	
}
.r {
	color: #F03;
}
.qr .r {
	display: none;	
}
.qr:hover .r {
	display: block;	
}