/*                     */
/* Mise forme générale */
/*                     */

html, body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 10pt;
line-height: 13pt;
text-align: center;
color: white;
background: url("../images/background.jpg") #DCD6CA repeat-x left top;
margin: 0;
padding-bottom: 5px;
}
/* Conteneur de la Page */
#container {
width: 990px;
/* top/bottom right/left */
margin: 0 auto;
padding: 0;
}
/* Header */
#header {
width: 990px;
height: 80px;
background: url("../images/header_bg.jpg") repeat-x left top;
margin-bottom: 15px;
}
/* Bannière Header Index */
#header img {
margin-top: 10px;
}
/* Logo */
#logo {
width: 495px;
height: 80px;
background: url("../images/logo.jpg") no-repeat left top;
float: left;
}
/* Disclaimer */
#disclaimer {
width: 700px;
text-align: left;
/* top/bottom right/left */
margin: 0 auto;
padding: 10px;
background: #DCD6CA;
border: 1px solid #DCD6CA;
}
/* Bloc Liens Entree */
#links {
height: 40px;
line-height: 40px;
text-align: center;
/* top/bottom right/left */
margin: 10px auto;
}
/* Colonne Principale */
#principale {
width: 780px;
text-align: left;
float: left;
/* top right bottom left */
margin: 0 15px 0 0;
}
/* Colonne Droite */
#droite {
width: 195px;
text-align: center;
float: right;
margin: 0;
}
/* Bloc Top Site */
#top-site {
width: 525px;
height: 230px;
text-align: left;
background: url("../images/top_sites_bg.jpg") #DCD6CA repeat-y left top;
border-top: 1px solid #feb617;
border-bottom: 1px solid #feb617;
float: left;
/* top right bottom left */
margin: 0 15px 15px 0;
}
/* Image Top Site */
#top-site img {
/* top right bottom left */
margin: 10px 10px 0 0;
float: left;
}
/* Bloc Video du Jour */
#vid-jour {
width: 240px;
height: 230px;
text-align: center;
background: url("../images/vid_jour_bg.jpg") #DCD6CA repeat-y left top;
border-top: 1px solid #feb617;
border-bottom: 1px solid #feb617;
margin-bottom: 15px;
float: left;
}
/* Bloc Thumbs et Videos */
#thumbs, #videos, #webcams {
width: 780px;
text-align: center;
background: url("../images/thumbs_bg.jpg") #DCD6CA repeat-y left top;
border-top: 1px solid #DCD6CA;
border-bottom: 1px solid #DCD6CA;
float: left;
margin: 0;
}
#videos {
text-align: left;
}
/* Thumbs Conteneur */
#thumbs div, #webcams div {
width: 240px;
height: 215px;
text-align: center;
/* top right bottom left */
margin: 10px 10px 0 10px;
float: left;
}
/* Hack IE 6 */
* html #thumbs div {
/* top right bottom left */
margin: 10px 8px 0 7px;
}
/* Hack IE 6 */
* html #webcams div {
/* top right bottom left */
margin: 10px 8px 0 7px;
}
/* Thumbs Image */
#thumbs div img, #webcams div img {
margin: 0;
}
/* Grosse Thumb Videos */
#videos .left {
/* top right bottom left */
margin: 5px 10px 0 5px;
float: left;
}
/* Petites Thumbs Videos */
#videos img {
/* top right bottom left */
margin: 10px 7px 0 6px;
float: left;
}
/* Hack IE 6 */
* html #videos img {
/* top right bottom left */
margin: 10px 8px 0 5px;
}
/* Blocs Droite */
.menus {
width: 195px;
text-align: center;
background: url("../images/droite_bg.jpg") #DCD6CA repeat-y left top;
border-top: 1px solid #DCD6CA;
border-bottom: 1px solid #DCD6CA;
margin-bottom: 15px;
}
/* Menu Droite */
.menu {
margin: 5px;
text-align: left;
}
/* Footer */
#footer {
width: 990px;
font-size: 7pt;
padding-top: 10px;
clear: both;
}

/*                */
/* Menu Superieur */
/*                */

#top_menu {
height: 40px;
margin: 0;
float: left;
margin-top: 25px;
}
#top_menu dd {
width: 82.5px;
height: 40px;
line-height: 40px;
font-size: 9pt;
font-weight: bold;
float: left;
margin: 0;
padding-top: 0px;
}

/*       */
/* Liens */
/*       */

/* Liens Entree */
#links a {
font-size: 18pt;
font-weight: bold;
/* top/bottom right/left */
margin: 0 80px;
}
/* Liens Menu Superieur */
#top_menu a:link, #top_menu a:visited {
color: #DCD6CA;
background: url("../images/top_menu_off.jpg") transparent no-repeat left bottom;
text-decoration: none;
display: block;
}
#top_menu a:active, #top_menu a:hover, #top_menu #on {
color: #DCD6CA;
background: url("../images/top_menu_on.jpg") transparent no-repeat left bottom;
text-decoration: none;
}
/* Lien Thumbs */
#thumbs div a {
font-weight: bold;
}
/* Liens Menu Droite */
.menu li {
margin: 0;
list-style-position: inside;
list-style-type: disc;
}
.menu li a {
text-decoration: none !important;
}
/* Lien Normaux */
a:link, a:visited {
text-decoration: underline;
color: #3B210C;
background-color: transparent;
outline: none;
}
a:active, a:hover {
color: white;
background-color: transparent;
outline: none;
}

/*                      */
/*        Titres        */
/*                      */

/* Titre Disclaimer */
#disclaimer h1 {
font-size: 14pt;
text-align: center;
/* top/bottom right/left */
margin: 5px auto;
}
/* Sous Titre Disclaimer */
#disclaimer h2 {
font-size: 12pt;
text-align: center;
/* top/bottom right/left */
margin: 5px auto;
}
/* Titre Top Site */
#top-site h1 {
height: 20px;
line-height: 20px;
font-size: 12pt;
text-align: left;
text-indent: 30px;
background: url("../images/favoris.png") #3B210C no-repeat left top;
margin: 5px;
}
/* Sous Titre Top Site, Videos */
#top-site span, #videos span {
width: 250px;
font-size: 11pt;
font-weight: bold;
text-align: center;
/* top right bottom left */
margin: 0 0 5px 0;
padding-top: 5px;
float: left;
display: block;
}
#top-site span {
width: 255px;
}
#videos span {
width: 385px;
color: #3B210C;
padding: 0;
padding-bottom: 10px;
}
/* Hack IE 6 */
* html #videos span {
width: 380px;
}
/* Titre Video du Jour */
#vid-jour h1 {
width: 220px;
height: 20px;
line-height: 20px;
font-size: 12pt;
text-align: left;
text-indent: 30px;
background: url("../images/top.png") #3B210C no-repeat left top;
/* top right bottom left */
margin: 4px auto 2px auto;
}
/* Sous Titre Video du Jour */
#vid-jour h2 {
width: 220px;
line-height: 10pt;
font-size: 9pt;
font-weight: normal;
text-align: center;
margin: 0 auto;
}
/* Titre Top Sites */
#thumbs h1 {
height: 20px;
line-height: 20px;
font-size: 12pt;
text-align: left;
text-indent: 30px;
background: url("../images/achat.png") #3B210C no-repeat left top;
/* top right bottom left */
margin: 5px 5px 0 5px;
}
/* Titre Bloc Videos */
#videos h1 {
height: 20px;
line-height: 20px;
font-size: 12pt;
text-align: left;
text-indent: 30px;
background: url("../images/top.png") #3B210C no-repeat left top;
/* top right bottom left */
margin: 4px 5px 2px 5px;
}
/* Titre Bloc Webcams */
#webcams h1 {
height: 20px;
line-height: 20px;
font-size: 12pt;
text-align: left;
text-indent: 30px;
background: url("../images/webcam_ico.jpg") #3B210C no-repeat left top;
/* top right bottom left */
margin: 4px 5px 2px 5px;
}
/* Titres Blocs Droite */
.menus h1 {
width: 185px;
height: 22px;
line-height: 22px;
font-size: 12pt;
text-align: left;
text-indent: 22px;
background: url("../images/droite_titre_bg.jpg") #3B210C no-repeat left top;
/* top right bottom left */
margin: 2px auto 2px auto;
}

/*                 */
/* Eléments divers */
/*                 */

/* Pas de bordure sur les images par défaut */
img {
border: none;
vertical-align: middle;
margin: 5px;
}

/* Alignement flottant à gauche */
.left {
/* top right bottom left */
margin: 5px 10px 0 0;
float: left;
}
/* Alignement flottant à droite */
.right {
/* top right bottom left */
margin: 5px 0 0 10px;
float: right;
}
/* Alignement centré */
.center {
text-align: center;
}
/* Retour à la ligne forcé */
.end {
clear: both;
}
small, .small {
font-size: 8pt;
}
/* Listes */
ul {
padding: 0;
margin: 15px;
}
li {
list-style-position: outside;
list-style-type: square;
margin: 10px;
}
/* Paragraphes */
p {
/* top/bottom left/right */
margin: 5px 10px;
}

/*               */
/*  Formulaires  */
/*               */

form {
margin: 0;
}
form p {
/* top/bottom left/right */
margin: 5px 0;
}
.recherche {
width: 170px;
height: 18px;
line-height: 18px;
outline: none;
background-color: #3B210C;
border: 1px solid #440000;
margin-bottom: 5px;
padding: 1px;
}