body {margin:0; padding:0;background-color:#172736;font-family:sans-serif;
background-image:url(../imgs/backgrounds/sq_BCK.jpg);background-repeat: repeat;
color:#eeeeee;
}

#vertical_div {
     position:absolute;
     left: 50%;
     top: 50%;
     width: 770px;
     height: 467px; 
     margin-top: -233px;
     margin-left: -385px;
     border: 0px solid blue;
}

img {
border: 0px solid #ffffff;
}

a {
color : #ffdd33;
text-decoration : none;
font-size : .9em;
}

a.menu:link {
color : #ffcc33;
text-decoration : none;
font-size : .9em;
}

a.menu:visited {
color : #ffee33;
text-decoration : none;
font-size : .9em;
}
a.menu:hover {
color : #ffffff;
text-decoration : none;
font-size : .9em;
}

a.menu:active{
color : #ff0000;
text-decoration : underline;
font-size : .9em;
}
:-moz-any-link:focus {
  outline: none;
}


a.selected:link {
color : #3333ff;
text-decoration : none;
font-size : .9em;
}

a.selected:visited {
color : #333399;
text-decoration : none;
font-size : .9em;
}

a.selected:hover {
color : #cc0000;
text-decoration : none;
font-size : .9em;
}


div.btns{
	zoom:1;
	white-space:nowrap;
}

div.btns:after
{
	display:block;
	clear:both;
	content:'';
}

div.btns a.btn{
	float:left;
	background:buttonface url(../imgs/buttons/border-2.gif) no-repeat;cursor:pointer;font-size:0;text-align:center;
	text-align:center;
	display:block;
	_width:140px;
	min-width:140px;
	text-decoration:none;
	margin:3px 2px;
}

div.btns a.btn:hover span{
	
	opacity:0.6;
	filter:alpha(opacity:80);
}

div.btns a.btn span
{
	padding:3px 8px 4px 8px;
	
	text-align:center;
	position:relative;
	left:1px;top:1px;
	display:block;
	text-decoration:none;
	background:url(../imgs/buttons/border.gif) right bottom no-repeat;
	font:small/1 Verdana;
	color:#222;
	
}


/* http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../imgs/buttons/bg_button_R.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 1px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}


a.button_rev {
    background: transparent url('../imgs/buttons/bg_button_R_rev.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 1px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}




a.button span {
    background: transparent url('../imgs/buttons/bg_button_span_L.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}


a.button_rev span {
    background: transparent url('../imgs/buttons/bg_button_span_L_rev.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.buttonDis {
    background: transparent url('../imgs/buttons/bg_button_R_dis.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 1px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.buttonDis_rev {
    background: transparent url('../imgs/buttons/bg_button_R_dis_rev.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 1px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}


a.buttonDis span {
    background: transparent url('../imgs/buttons/bg_button_span_L_dis.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.buttonDis_rev span {
    background: transparent url('../imgs/buttons/bg_button_span_L_dis_rev.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}



a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


/* 
 http://www.schillmania.com/content/projects/even-more-rounded-corners/
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:3em;
 max-width:1600px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:30px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../imgs/dialog/dialog2-blue-1600x1200.png) no-repeat top right;
 _background-image:url(../imgs/dialog/dialog2-blue-1600x1200_opt3.gif);
}




.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:30px; /* top slice width */
 margin-left:-30px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:20px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:30px; /* bottom corner width */
 margin-left:-30px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}


/* boites rondes -->*/






/* BUTTONS TOP*/
/* http://www.dezinerfolio.com/demo/liquidnavi/index.html */
.menutop{
	height:25px;
        margin:0px;
        padding:0px;
       
}

.menutop li{
 float:left;
 padding:0px;
 list-style:none;
 margin:0px; 
}

.menutop a{
 height:32px;     
 background:url(../imgs/buttons/T_L.gif) no-repeat left top;
 display:block;
 float:left;
 padding-left:6px;
 text-decoration:none;
 color:#dddddd;
 font-weight:bold;
}

.menutop a:hover{
 color:#00ff00;
}

.menutop a span{
 height:25px;
 background:url(../imgs/buttons/T_R.gif) no-repeat right top;
 display:block;
 padding:7px 12px 0 6px;
 display:block;
 float:left;
 cursor:pointer;
}

.menutop a.sel{
 height:32px;
 background:url(../imgs/buttons/T_L_sel.gif) no-repeat left top;
 display:block;
 float:left;
 padding-left:6px;
 text-decoration:none;
 color:#ffffff;
 font-weight:bold;
 
}

.menutop a.sel span{
 height:25px;     
 background:url(../imgs/buttons/T_R_sel.gif) no-repeat right top;
 display:block;
 padding:7px 12px 0 6px;
 display:block;
 float:left;
}



/* BUTTONS BOTTOM*/
/* http://www.dezinerfolio.com/demo/liquidnavi/index.html */
.menubottom{
 height:32px;  
 margin:0 0 0 0;
 padding:0px;
       
}

.menubottom li{
 float:left;
 padding:px;
 list-style:none;
 margin:4px 0 0 0;
}

.menubottom a{
 height:32px;       
 background:url(../imgs/buttons/B_L.gif) no-repeat left top;
 display:block;
float:left;
 padding-left:6px;
 text-decoration:none;
 color:#dddddd;
 font-weight:bold; 
}

.menubottom a:hover{
 color:#ffffff;
}

.menubottom a span{
 height:25px;     
 background:url(../imgs/buttons/B_R.gif) no-repeat right top;
 display:block;
 padding:7px 13px 0 6px;
 display:block;
float:left;
 cursor:pointer;
}

.menubottom a.sel{
 height:32px;     
 background:url(../imgs/buttons/B_L_sel.gif) no-repeat left top;
 display:block;
float:left;
 padding-left:6px;
 text-decoration:none;
 color:#ffffff;
 font-weight:bold; 
}

.menubottom a.sel span{
 height:25px;        
 background:url(../imgs/buttons/B_R_sel.gif) no-repeat right top;
 display:block;
 padding:7px 13px 0 6px;
 display:block;
float:left;
}




/* http://wigflip.com/cornershop/ */



/* http://www.sovavsiti.cz/css/hr.html */
 div.hr {
  height: 3px;
  background: #fff url(../imgs/hr/hr.jpg)  center;
  width:98%;
  margin:auto;
}
div.hr hr {
  display: none;
}

.pager {margin:0 0 0 10px;
     background-image:url(../imgs/backgrounds/content_ml.png);
     background-repeat: repeat;
     padding:10px;
     border:3px solid #172736;
     border-top:0px;
     width:95%;
}