/* Feuille de style bienvenuechezvous.fr */


/* General Style */

body {
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
color: #541b12;
font-family: "Arial", Helvetica;
font-size:12px;
line-height: 1.4em;
padding: 0;
background-color: #7a7a7a;
}

a img {
border: none;
}

a:link, a:visited {
color: #7db61a;
text-decoration: none;
}

a:hover, a:visited:hover
{
color: #ad0153;
text-decoration: none;
}



h1 {
display: block;
float: left;
font-size: 14px;
margin-bottom: 10px;
width: 100%;
text-align: left;
}


h2 {
}

p {
}

.descriptif {
display: block;
float: left;
margin-top: 15px;
text-align: justify;
font-weight: bold;
font-size: 14px;
width: 100%;
}

.notes {
display: block;
float: left;
width: 100%;
margin-top: 25px;
margin-bottom: 15px;
border-top: thin solid #7db61a;
}

#print{
display: block;
float: right;
margin-right: 10px;
width: 25px;
height: 24px;
background: url(../images/print.jpg) no-repeat;
margin-bottom: 10px;
}

/* Layout Style */

#container {
margin: 0px auto;
padding: 0 !important;
line-height: 1.1em;
overflow :hidden; 
width: 933px;
background: url(../images/background_container.gif) repeat-y;
}

#header {
display: block;
float: left;
width: 933px;
height: 193px;
margin-bottom: 10px;
background: url(../images/background_header.gif) no-repeat;
}

#logo {
display: block;
float: left;
width: 162px;
height: 167px;
background: url(../images/logo.png) no-repeat;
margin-left: 20px;
margin-top: 20px;
}

#mouette {
display: block;
float: left;
margin-top: 70px;
}

#static {
display: block;
float: left;
margin-top: 70px;
background: url(../images/statique.jpg) no-repeat;
width: 578px;
height:80px
}


#flag_fr {
display: block;
float: left;
width: 21px;
height: 14px;
background: url(../images/flag_fr.png) no-repeat;
margin-right: 10px;
margin-bottom: 20px;
}

#flag_uk {
display: block;
float: left;
width: 21px;
height: 14px;
background: url(../images/flag_uk.png) no-repeat;
margin-right: 10px;
margin-bottom: 20px;
}

#left_landing {
display: block;
float: left;
width: 235px;
margin-left: 10px;
padding-left: 10px;
}

.block_landing {
display: block;
float: left;
width: 188px;
height: 75px;
background: url(../images/block_landing.png) no-repeat;
font-size: 14px;
text-align: justify;
line-height: 18px;
padding-left: 30px;
padding-right: 20px;
padding-top: 9px;
padding-bottom: 2px;
margin-bottom: 32px;
overflow: hidden;
}


/* Hack Css ie7 */
*+html .block_landing {
display: block;
float: left;
width: 188px;
height: 75px;
background: url(../images/block_landing.png) no-repeat;
font-size: 14px;
text-align: justify;
line-height: 18px;
padding-left: 30px;
padding-right: 20px;
padding-top: 22px;
margin-bottom: 32px;
}



#middle_landing {
display: block;
float: left;
width: 395px;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
line-height: 18px;
text-align: justify;
z-index: 50;
}

#middle_landing p {
margin-top: 3px;
}

#rotator {
display: block;
float: left;
width: 395px;
height: 152px;
margin-left: 5px;
margin-top: 10px;
margin-bottom: 40px;
}

.circle {
display: block;
float: left;
width: 25px;
height: 25px;
background: url(../images/circle.png) no-repeat;
padding-top: 3px;
padding-left: 9px;
margin-top: 5px;
}

#right_landing {
display: block;
float: left;
width: 186px;
margin-left: 20px;
}



#left_rubrique {
display: block;
float: left;
width: 680px;
padding-left: 10px;
}

.main_nav {
display: block;
float: left;
margin-left: 20px;
width: 660px;
height: 35px;
text-transform: uppercase;
}

.main_nav ul{
list-style-type:none;
padding:0;
margin:0;
width: 660px;
height: 35px;
}

.main_nav li{
float:left;
/*margin-right: 5px;*/
}

.main_nav li a, .main_nav li a:visited  {
display:block;
float: left;
font-size: 12px;
width: 102px;
padding-left: 4px;
padding-right: 4px;
height: 30px;
padding-top: 5px;
background: url(../images/onglet_off.png) no-repeat;
color: #541b12;
text-decoration: none;
}

.main_nav li a.on,.main_nav li :hover, .main_nav li a:visited:hover {
display:block;
float: left;
font-size: 12px;
width: 102px;
padding-left: 4px;
padding-right: 4px;
height: 30px;
padding-top: 5px;
background: url(../images/onglet_on.png) no-repeat;
color: #541b12;
text-decoration: none;
}

#main {
display: block;
float: left;
width: 620px;
margin-left: 20px;
margin-right: 20px;
min-height: 320px;
text-align: justify;
padding-left: 20px;
padding-right: 20px;
border-top: thin solid #7db61a;
background: #fff url(../images/background_main.gif) no-repeat 0 bottom;
}

#footer {
display: block;
clear: both;
float: left;
width: 933px;
height: 291px;
background: url(../images/background_footer.gif) no-repeat;
}

#re {
display: block;
float: left;
background: url(../images/re.png) no-repeat;
width: 252px;
height: 221px;
margin-left: 275px;
margin-top: 10px;
}

#footer_content {
display: block;
float: left;
font-size: 12px;
line-height: 16px;
margin-top: 230px;
margin-left: -495px;
text-align: left;
}


/* Navigation Style */

.nav {
display: block;
float: left;
text-transform: uppercase;
font-size: 20px;
}

.nav ul{
list-style-type:none;
padding:0;
margin:0;
}

.nav li{
float:left;
z-index:100;
margin-bottom: 15px;
}

.nav li a, .nav li a:visited  {
display:block;
float: left;
font-size: 12px;
width: 171px;
height: 20px;
padding-top: 7px;
background: url(../images/nav_off.png) no-repeat;
color: #541b12;
text-decoration: none;
}

.nav li a.on,.nav li :hover, .nav li a:visited:hover {
display:block;
float: left;
font-size: 12px;
width: 171px;
height: 20px;
padding-top: 7px;
background: url(../images/nav_on.png) no-repeat;
font-weight: normal;
font-style: normal;
color: #541b12;
text-decoration: none;
vertical-align: 5px;
}

/* TABLEAU */

table.spip {
border-collapse: collapse;
border: 1px solid #541b12;
color: #363636;
background: #7db61a;
}

caption {
text-align: center;
background: transparent;
padding:6px 4px 8px 0px;
color: #541b12;
text-transform: uppercase;
}

td, th {
border: 1px solid #541b12;
padding: .4em;
color: #363636;
}

thead th, tfoot th {
border: 1px solid #541b12;
text-align: left;
background: #541b12;
color: #fff;
padding-top:3px;
}

tbody td a {
background: transparent;
text-decoration: none;
color: #363636;
}

tbody td a:hover {
background: #C2F64D;
color: #363636;
}

tbody th a {
font: normal 11px verdana, arial, helvetica, sans-serif;
background: transparent;
text-decoration: none;
font-weight:normal;
color: #363636;
}

tbody th a:hover {
background: transparent;
color: #363636;
}

tbody th, tbody td {
vertical-align: top;
text-align: left;
}

tfoot td {
border: 1px solid #541b12;
background: #541b12;
padding-top:3px;
color: #fff;
}

.odd {
background: #AEE239;
}

tbody tr:hover {
}

tbody tr:hover th, tbody tr.odd:hover th {
}