html, body {width:100%; height:100%; margin:0px; padding:0px;}

body {
    color: #333;
    font: normal 77.01% Verdana, Arial, Tahoma, Sans-serif;
	background:#70caff url(/des/fond.jpg) left bottom repeat-x;
	overflow:hidden
}

ul {list-style-type:square}

table
{
	border-collapse: collapse;
}

td, form
{
	margin: 0em;
	padding: 0em;
}

img {border:0px}

.clear {
	clear: both; font-size:1px;
}

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

hr {color:#d4d4d4; background:#d4d4d4; width:90%; height:1px}

    .png
    {
        //background-image: none ! important;
        behavior: url('/des/pngfix.htc');
    }

/* TPL */
body>div {width:100%; height:100%; margin:auto; background:url(/des/terre.jpg) 50% bottom no-repeat; overflow:hidden; text-align:center;}

div#nuages {overflow:hidden; clear:both}
div#nuages marquee {position:absolute; top:36px; z-index:4;width:100%}
div#nuages marquee+marquee {top:12px; z-index:3; left:-50%; width:150%}
div#nuages marquee+marquee+marquee {top:81px; z-index:2; left:-45%; width:145%}
div#nuages marquee+marquee+marquee+marquee {top:5px; z-index:1; left:-65%; width:165%}

div#nuages marquee+marquee+marquee+marquee+marquee {top:10px; z-index:1; left:81%;}
div#nuages marquee+marquee+marquee+marquee+marquee+marquee {top:77px; z-index:1; left:59.9%;}
div#nuages marquee+marquee+marquee+marquee+marquee+marquee+marquee {top:7px; z-index:1; left:38.9%;}

div#main {width:100%; height:50%; margin:auto; position: absolute; top:42%; overflow-y:auto;  text-align:center; z-index:100;}
div#main div.bg_dop_menu {float:left; width:20%}
div#main div#content {float:left; width:60%;}
div#main div#adv {float:right; width:19%; text-align:center}
div#main div#adv img {margin:0px 3px 3px 0px;}
div.bannergroup {text-align:center; margin-bottom:10px}

div.subscribe { width:19%; position: absolute; z-index:101; bottom:8%; right:0px}
div.subscribe span {background:#fba919; display:block}
div.subscribe form {background:#fff; opacity:0.4; filter:alpha(opacity=40);}

div#subscribe { width:19%; position: absolute; bottom:8%; height:70px; overflow:hidden; right:0px}
div#subscribe div.fond { position:relative; z-index:5}
div#subscribe div.title {background:#fba919; height:20px}
div#subscribe div.form {background:#fff; opacity:0.4; filter:alpha(opacity=40); height:50px}
div#subscribe div.prin { position:relative; z-index:101; bottom:68px}
div#subscribe span {}
div#subscribe form {margin-top:15px}
div#subscribe form input {border:1px solid #000; background:none; width:50%}
div#subscribe form input:focus {border-style:dotted}
div#subscribe form input+input{background:url(/des/arrow.gif) right bottom no-repeat; width:16px; height:20px; border:0px;}

div.dop_menu {position:absolute; top:37%; width:19%; z-index:100; text-align:right}
div.dop_menu a {display:block; margin:5px 3px; padding:2px 5px; font: normal 100% Verdana, Arial, Helvetica, sans-serif; color:#333}
div.dop_menu a:hover {color:#990000}
div.dop_menu a.cur {color:#000; text-decoration:none}

div.banner_left {position:absolute; top:60%; width:19%; z-index:100; text-align:right; padding:10px 0 0 0}

div.banner_left .banneritem {padding:10px 0 0 0}

div#bg {background:#fff; opacity:0.75; filter:alpha(opacity=75); position:absolute; top:37%; width:62%; height:58%; right:19%; z-index:5; margin:auto; text-align:right}
div#bg div.top_line {height:20px; margin:auto; text-align:right; border-top:5px solid}
div#bg div.top_line h1 {position:absolute; right:0px; top:0px; padding:0px 15px 3px 15px; margin:auto; text-align:right;}
div#bg div.bottom_line {position:absolute; bottom:3px; height:10px; width:100%; margin:auto}

div#bg div.bottom_banners {position:absolute; bottom:15px; height:53px; width:100%; text-align:left; padding:0 3px 0 3px; margin: auto}
/* YELLOW */
div.dop_menu.yellow a {display:block; height:17px; background:url(/des/yell.png) right top repeat-y; margin:5px 3px; padding:2px 5px; font: normal 100% Verdana, Arial, Helvetica, sans-serif}
div#bg div.top_line.yellow {border-color: #fedb71}
div#bg div.top_line.yellow h1, div#bg div.bottom_line.yellow {background:#fedb71}
/* GREEN */
div.dop_menu.green a {display:block; height:17px; background:url(/des/green.png) right top repeat-y; margin:5px 3px; padding:2px 5px; font: normal 100% Verdana, Arial, Helvetica, sans-serif}
div#bg div.top_line.green {border-color: #7cd36e}
div#bg div.top_line.green h1, div#bg div.bottom_line.green {background:#7cd36e}
/* ROSE */
div.dop_menu.rose a {display:block; height:17px; background:url(/des/rose.png) right top repeat-y; margin:5px 3px; padding:2px 5px; font: normal 100% Verdana, Arial, Helvetica, sans-serif}
div#bg div.top_line.rose {border-color: #ffaeaa}
div#bg div.top_line.rose h1, div#bg div.bottom_line.rose {background:#ffaeaa}
/* VIOLET */
div.dop_menu.violet a {display:block; height:17px; background:url(/des/violet.png) right top repeat-y; margin:5px 3px; padding:2px 5px; font: normal 100% Verdana, Arial, Helvetica, sans-serif}
div#bg div.top_line.violet {border-color: #d68fff}
div#bg div.top_line.violet h1, div#bg div.bottom_line.violet {background:#d68fff}

div#head {width:100%; position:absolute; bottom:67.2%; clear:both; vertical-align:bottom; overflow:hidden}
div#head div {float:left; position:relative}
div#head div#logo {text-align:right; width:19%; text-align:right; margin:auto;}
div#head div#logo img {position: relative; right:-40px; bottom:-30px; z-index:5; text-align:right; margin:auto}
div#head div#navigation_imgs {width:62%; bottom:-129px}
div#head div#navigation_imgs a {width:32%; display:block; float:left; margin:auto; position:relative; bottom:0px; z-index:5}
div#head div#navigation_imgs a.cur {background:url(/des/chaise.gif) 50% bottom no-repeat;}
div#head div#navigation_imgs a.cur img {position:relative; bottom:50px}
div#head div#navigation_imgs a+a {margin-left:2%}
div#head div#navigation_imgs a+a+a {}
div#head div#dop_links {width:18%;}

div#navigation {clear:both; position:absolute; z-index:6px; top:32%; width:100%; height:5%; background:#fff; font:bold 98% Tahoma, Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:-0.5px}
div#navigation div {float:left; margin-top:0.6%;}
div#navigation div#home {text-align:right; width:19%; text-align:right;}
div#navigation div#home a {background:#fedb6f; padding:4px 50px; text-decoration:none; display:block; margin-right:2%; float:right; color:#333; position:relative; z-index:7}
div#navigation div#menu {width:62%; white-space:nowrap}
div#navigation div#menu a {background:#7cd36e; width:32%; display:block; float:left; text-decoration:none; margin:auto; padding:4px 0px; color:#333; position:relative; z-index:7}
div#navigation div#menu a:hover, div#navigation div#home a:hover {opacity:0.75; filter:alpha(opacity=75); color:#990000}
div#navigation div#menu a+a {background:#ffaeaa; margin-left:2%}
div#navigation div#menu a+a+a {background:#d68fff;}
div#navigation div#search {width:18%; position:relative; z-index:7}
div#navigation div#search form {display:inline}
div#navigation div#search form input {border:1px dotted #333; background:#f5f5f5; font-size:90%; margin:0px 5px}
div#navigation div#search form input:focus {border-style:solid}

div#bg_lines {width:100%; clear:both; height:100%; position:absolute; z-index:1; top:0px; left:0px}
div#bg_lines>div {float:left; width:19%; margin:auto; height:100%;}
div#bg_lines>div+div {width:62%;}
div#bg_lines>div+div div {width:32%; display:block; float:left; margin:auto; background:#FFFFFF; height:100%; opacity:0.3; filter:alpha(opacity=30);}
div#bg_lines>div+div div+div {margin-left:2%}

div#bottom {width:100%; clear:both; height:5%; position:absolute; z-index:6; bottom:0%; left:0px; border-top:3px solid #fff; color:#ccc}
div#bottom div {float:left; width:19%; margin:auto; height:100%; padding-top:5px}
div#bottom div+div {width:62%; padding:0px}
div#bottom div+div div {width:32%; display:block; float:left; margin:auto; background:#FFFFFF; height:100%; background:#7cd36e; opacity:0.3; filter:alpha(opacity=30);}
div#bottom div+div div+div {margin-left:2%; background:#ffaeaa;}
div#bottom div+div div+div+div {background:#d68fff; width:32%}
div#bottom div+div+div {width:18%; padding-top:5px}
div#bottom div+div+div a {color:#999999}
div#bottom div+div+div a:hover {color:#fff}

div#banners_bottom {width:100%; clear:both; height:7%; position:absolute; z-index:100; bottom:0%; margin:auto; left:20% }


.bannergroup_niz {
  float: left;
text-align:center;
  vertical-align: middle;
margin: 15px 0 0 12px;
}

.banneritem_niz {
  float: left;
text-align:center;
  vertical-align: middle; 
margin: 0px 8px 0 0
}

.banneritem_niz img {
vertical-align: middle;
}