/* 
Copyright 2008 Okotag 
http://www.okotag.com
Author : Raphael Bastide
Author Website : http://www.raphaelbastide.com
*/

/*------------ hophophop --*/

* {
margin: 0;
}
html, body {
height: 100%;
}

body{
background:#eaeaea url(img_fr_FR/head_bg.jpg) repeat-x;
font-family:verdana;
font-size:12px;
}

#page{
width:632px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -70px; /*voir footer height*/
}

#header{
padding:5px;
}

#menu{
margin:-15px 0 0 150px;
text-align:right;
}

#content{
width:100%;
margin:30px 0 0 0;
line-height:1.4em;
color:#5F5F5F;
}

#main{
background:url(img_fr_FR/box1.png) no-repeat;
height:260px;
}

#footer{
background:#eaeaea url(img_fr_FR/footer_bg.jpg) repeat-x;
text-align:center;
color:#CFCFCF;
}


/*------------ header --*/

#logo{
padding:7px 0 0 0;
}


/*------------ content --*/

#main{
padding:14px 15px;
margin:40px 0 0 0;
}

.box{
}

.boxtop{
padding:0;
background:url(img_fr_FR/topbox.png) no-repeat;
height:15px;
}

.boxmiddle{
background:url(img_fr_FR/middlebox.png) repeat-y;
padding:0 15px;
}

.boxbottom{
padding:0;
background:url(img_fr_FR/bottombox.png) no-repeat;
height:15px;
}


/*------------ footer --*/
#footer, .push {
height: 70px;
}
#footer ul{
padding:45px 0 0 0;
}
#footer li{
display:inline;
font-size:10px;
margin:0px 6px;
}
/*------------ form --*/

#login{
text-align:right;
margin:0 0 20px 400px;
padding:0px 0 0 0 ;
font-size:9px;
}
#login a:hover{
color:black;
}
#login a:visited{}

#login input{
font-size:10px;
color:#636363;
width:70px;
border:solid 1px #D7D7D7;
}
#login .buttonSubmit{
background:#E7E7E7;
padding:0px 0px 5px 0px;
margin:0;
width:30px;
height:18px;
}

#login .buttonSubmit:hover{
background:#D7D7D7;
}
#logout{
color:gray;
background:#F7F7F7;
font-size: 12px;
position: relative;
float:right;
margin:-13px 10px 100 0;
padding:3px;
}

/*------------ native html --*/
h1, h2, h3, h4{font-family: "Trebuchet MS", Helvetica,Verdana, Arial,sans-serif !important; margin:0 0 10px 0;}
h2{margin:0 0 30px 0;}
h3{color:#97C00E; margin:13px 0 3px 0;}
p, li {line-height:1.5em; padding:0 0 10px 0;}
li{ list-style-type:square;}
.imgdl{padding:10px;}
.center{text-align:center;}
#page a{ color:black;}
a {color:gray; text-decoration:none;}
a:hover {color:black;}
a:visited {color:#AFAFAF;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
a img {border:none;}
::-moz-selection{background:#d4f175;color:black;}
::selection {background:#d4f175;color:black;}
.important, .important a{color:#BF0C0C;}
.biglink {font-size:16px; padding:10px 0; color:#7B9B0C;}
.biglink:hover {color:#97C00E;}
/*------------ slider --*/
dl { width: 100%; padding:5px 0;}
dl,dd { margin: 0; }
dt { border-left:solid 3px #97C00E ; color:white; background:#EFEFEF; font-size: 14px; padding: 7px; margin: 4px 0px; }
#page dt a { color: #575757; }
#page dt:hover { background:#FBFBFB;}