/*
BODY */
html, body { margin: 20px 0 0; padding: 0; background-color: #000; color: #FFF;	font: normal 12px Verdana,Arial, sans-serif;}
#conteneur { position: absolute; left: 50%; width: 770px; margin-left: -385px; margin-right: -385px;}
#header { margin-bottom: 24px; text-align:left; width: 100%; height:120px;}
#logo { display:block; width: 340px;}
img{ border: 0 none;}

/*
LIENS DRAPEAUX */
.flags {margin:0 0 40px 0;	padding:0; height:20px;	width:192px;}
.flags li{list-style: none outside;}
.flags img {border: 2px solid #000;}
.flags a {margin: 0 -2px;}
.flags a:hover img {border: 2px solid #E2C149;}

/*
GOOGLE MAPS */
#map {color: #000;	margin:0; height: 300px;}
#map a, #map span {display:none;}
#lk_film {cursor: pointer; display:block; text-align:center; border: 2px solid #E2C149; height:30px; vertical-align:middle; padding: 5px 0 0; font: bold 14px Verdana,Arial,sans-serif; margin: 0 0 20px 0;}
#lk_film img {vertical-align: middle;}

/*
MENU GAUCHE */
#menu {width:190px;}
#menu_nav {margin:0; padding:0;}
#menu_nav li {display:block; height: 26px; border-left: 2px solid #e2c149; border-right: 2px solid #e2c149; text-align:right; padding-right:20px; background: url(../img/demi_cercle.gif) no-repeat top right;}
#menu_nav li.cart {background: inherit;  line-height: 40px; vertical-align: middle; padding: 0 20px 20px 0;}
#menu_nav li.rond {background: url(../img/cartouche.gif) no-repeat top center;}

/*
CONTENU */
#contenu {float:right; width: 552px; }

h1, h2, h3 {letter-spacing: 2px; font: bold 16px Verdana, Arial, Helvetica, sans-serif; text-align: center; color: #FFF;}
h1 {font-size:20px;}
h3 {font-size: 14px; text-align: left; margin-left: 30px;}

a {text-decoration:none; font-weight:bold;}
a, b {color: #FFF;}
a:active, a:hover, h2, span, .cart, #footer {color: #E4C048;}

#cours {display:block; width:770px; height:120px; background: url(http://www.kitconet.com/images/quote_fixes.gif) no-repeat 215px -25px;}

/*
PIED DE PAGE */
#footer {font: normal 13px Verdana, sans-serif;	text-align: center;	padding: 20px 0; color: #E4C048; clear:both;}
#footer address {border-bottom: 1px solid #E4C048;	margin: 0 0 4px 0; padding: 4px; font-style:normal;}
#footer small {font: normal 11px sans-serif; color: #444; text-align:center; display: block; margin: 5px;}
#footer small a {color: #555;}
#footer small a:hover {color: #666;}

/*
TEMPORAIRE */
.annonce_job {background: #FFF; text-align: center; border: 4px solid #F8CA33; font: normal 12px/18px Verdana, Arial, sans-serif; color: #000;}
.annonce_job h3, .annonce_job h4 {font: normal 18px Verdana, Arial, sans-serif; color:#9E4A00; background:#F8CA33; margin:0;}
.annonce_job h4 {background: #F8CA33; margin:0;}

/*
ACTUALITES MENU GAUCHE */
.bloc_actu {display: block; background: #222; margin: 20px 0 0; border: 2px solid #E4C048;}
.bloc_actu h3 {margin:10px 0; text-align:center; font-size: 14px; text-transform: uppercase;}
.bloc_actu h4 {margin:0; background: #E4C048; color: #000; height: 20px; text-align:center; vertical-align:middle; font: bold 14px Verdana, Arial, sans-serif;}
.bloc_actu p {margin: 8px; line-height: 18px; text-align:center;}

/*
ACTUALITES FLYER */
#carte h4.head {margin:0; background: #8f876c; text-align: center;}
#carte {width: 450px; padding: 0 0 0 28px; background: #FFF url(../img/filon.jpg) repeat-y -10px 0;}

h5 {margin: 0; font: bold 24px/28px "Times New Roman", Times, serif; text-align: center;}
h6 {margin: 20px 0; font: bold 16px/20px "Times New Roman", Times, serif; text-align: center;}

.flyer {margin: 20px 15px 0;}
.flyer em {display:block; text-align:center; font-weight: bold;}
.flyer img {margin: 0 0 20px 20px;}

.noir {color: #000;}