@import "inc/init.css";
@import "inc/box.css";

/* tag */
body            { margin: 0 auto; background: url('../gif/site/background.jpg') repeat-x #001337; }
body            { font: 9pt/1.2em Arial, Verdana; }
td              { border: 1px solid #FF5400; padding: 2px; }

.clear          { clear: both; font: 0pt/0em Arial, Verdana, Times; height: 0px; }

h2              { font: 11pt/1.2em Arial, Verdana; color: #FF5400; font-weight: bold; }
h2 a            { font: 11pt/1.2em Arial, Verdana; color: #FF5400; font-weight: bold; text-decoration: none; }
h2 a:hover      { color: #0153C0; }

/* id */
#top            { width: 950px; padding: 0; margin: 0 auto; }
#site           { width: 950px; padding: 0; margin: 0 auto; background: url('../gif/site/fond.jpg') repeat-y; }
#logo           { float: left; width: 220px; height: 120px; }
#banniere       { float: left; width: 730px; height: 110px; padding: 0; font: 11pt/1em Arial; color: #FFFFFF; padding-top: 10px;  }
#bande_rouge    { width: 950px; height: 4px; font: 0pt/0em Arial; }
#visuel         { width: 950px; }
#txt_accueil    { width: 350px; height: 137px; padding: 38px 450px 0 150px; background: url('../gif/site/visuel/accueil_fr.jpg') no-repeat; }
#content        { text-decoration:none; color: #000000; padding: 5px; }

#bottom         { width: 950px; margin: auto; text-align: center; font: 9pt/1em Arial; color: #FFFFFF; text-decoration:none; padding: 2px 0 0 0; }
#bottom a       { font: 9pt/1em Arial; color: #FFFFFF; text-decoration:none; }
#bottom a:hover { color: #FF5400;  }

a.std           { color: #FF5400; }

/* class */
.center         { text-align: center; }
.ileft          { text-align: left; }
.iright         { text-align: right; }        

.menu_contenu   { width:950px; height:30px; position:relative; background: url('../gif/site/menu.jpg') no-repeat; }
.menu           { width:900px; height:30px; float: left; padding: 0 0 0 30px; }
.drapeaux_uk    { float: right; padding: 5px 20px 0 0;  } 
.drapeaux_fr    { float: right; padding: 5px 20px 0 0;  } 
.drapeaux_de    { float: right; padding: 5px 20px 0 0;  } 

.left_coeur     { float: left; width: 200px; }
.right_coeur    { float: right; width: 110px; padding: 0 0 10px 0; }
.photo_coeur    { width: 100px; }
a.titre_coeur  { color: #000000; text-decoration: none; }
a.titre_coeur:hover  { color: #FF5400; }

a.contact       { color: #FF5400; font-weight: bold; text-decoration: none; font-style: normal; }
a.contact:hover { color: #000000; }

.bouton         { text-decoration:none; color: #FFFFFF; background: #FF5400; border: 1px solid #FF5400; padding: 1px; }
a.bouton:hover  { color: #FF5400; background: #FFFFFF; }

.left-accueil   { float: left; padding: 0; }
.right-accueil  { float: right; padding: 0; }
.last-left      { float: left; padding: 0; }
.last-right     { float: right; padding: 0; }
.stat           { float: left; width: 440px; height: 48px; padding: 11px 0 10px 90px; background: url('../gif/site/stat.jpg') no-repeat; }
.stat ul        { padding-left: 20px; font: 9pt/1.4em Arial; }

.box            { background-color: #FFFFFF; color: #663300; letter-spacing: 0px; font-size: 12px; }
.boxList        { background-color: #EEEEEE; color: #663300; letter-spacing: 0px; font-size: 12px; }
.boxOver        { background-color: #FF6600; color: #663300; letter-spacing: 0px; font-size: 12px; }

.left_annonce   { float: left; width: 130px; text-align: right; padding: 2px 5px 3px 0; }
.right_annonce  { float: left; width: 310px; text-align: left; padding: 0 0 3px 0; }

.modele-left    { float: left; width: 83px; padding: 0; }

.p_left         { float: left; width: 550px; text-align: right; padding: 0; }
.p_right        { float: left; width: 240px; text-align: left;  padding: 0; }

.left_tarif     { float: left; padding: 0 0 0 170px; }
.right_tarif    { float: right; padding: 0 170px 0 0; }

.new            { color: #FF5400; font-weight: bold; }

td.orange       { background-color: #FF5400; color: #CC0000;  }
.orange         { background-color: #FF5400; color: #CC0000;  }
 
.left_a         { float: left; width: 460px; }
.right_a        { float: left; }

.bleu           { color: #0153C0; }

.banniere        { width: 520px; height: 69px; padding: 5px 0 5px 5px; }
.banniere_thotem { width: 400px; height: 59px; padding: 6px 0 0 5px; }

.piece_left      { float: left; width: 750px; text-align: left; padding: 0; }