body {
	background-color: #333333;
	color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0;
  padding: 0;
  scrollbar-face-color: #ffffff;
  scrollbar-shadow-color: #333333;
  scrollbar-highlight-color: #333333;
  scrollbar-3dlight-color: #333333;
  scrollbar-darkshadow-color:#333333;
  scrollbar-track-color: #333333;
  scrollbar-arrow-color: #F6A20B;
}

a {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover {
	color:#F6A20B;
	text-decoration:none;
}

a.orange {
	color:#F6A20B;
	text-decoration:none;
}
a.orange:hover {
	color:#ffffff;
	text-decoration:none;
}

hr {
  color:#F6A20B;
}

/**
 * Tableau
 */
table, tr, td {
  border-spacing:0;
  margin: 0;
  padding: 0;
}

td {
	color: #FFFFFF;
}

table.monpanier {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #ffffff;
  border-spacing: 0;
  width: 100%;
}

.monpanier thead {
  color: #ffffff;
  font-weight: bolder;
  text-align: center;
}

.monpanier tfoot {
  color: #ffffff;
  font-weight: bolder;
  text-align: right;
}


.monpanier tr {
  border: 1px solid #ffffff;
  border-spacing: 1pt;
}

.monpanier td,
.monpanier th {
  background: none repeat scroll 0 0 #333333;
  border: 1px solid #ffffff;
  border-spacing: 1pt;
  padding:2pt;
}

/**
 * Liste generale
 */
ul.nolist {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Formulaire
 */
input,
select, 
textarea {
  -moz-border-radius:0.4em 0.4em 0.4em 0.4em;
  background:none repeat scroll 0 0 #FAFAFA;
  border:1px solid #DDDDDD;
	color: #333333;
	font-size: 1em;
}

textarea {
  font-size: 1.2em;
}

.button, 
.submit {
  font-weight: bold;
}

form#inscription, 
form#modification {
  float:left;
}

#inscription fieldset, 
#modification fieldset {
  border:1px solid #DDDDDD;
  padding:0 0.5em 0.5em;
}

#inscription fieldset div, 
#modification fieldset div, 
#commentaire div,
form div{
  clear:both;
  margin:0.3em 0
}

#inscription legend,
#modification legend {
  color: #F6A20B;
  font-size:1.2em;
  font-weight:bolder;
}

#inscription label, 
#modification label,
#commentaire label {
  float:left;
  margin-right:1em;
  text-align:right;
  width:10em;
}

#inscription input, 
#inscription select,
#inscription textarea,
#modification input, 
#modification select,
#modification textarea {
  -moz-border-radius:0.4em 0.4em 0.4em 0.4em;
  background:none repeat scroll 0 0 #FAFAFA;
  border:1px solid #DDDDDD;
  font:bold 0.95em arial,sans-serif;
  padding:0.15em;
}

#inscription input.submit,
#modification input.submit {
  border:0 none;
  cursor:pointer !important;
  display:block;
  float: left;
  margin-top:1em;
  overflow:hidden;
  width:94px;
}

/**
 * Blocs Principaux
 */
#main {
  width: 100%; 
  height: 100%; 
  border: 0pt none; 
  color: #ffffff;
  padding: 0pt;
}

#header {
  background:url('././img/fondbande.jpg') no-repeat scroll 0 0 #1f1f1f;
  height:160px;
}

#ecran {
  background-color:#333333;
  min-height:420px;
  padding:2pt;
  text-align:center;
  vertical-align:top;
}

#footer {
  background:url('././img/fondbande.jpg') no-repeat scroll 0 0 #1F1F1F;
  padding-bottom:10pt;
  text-align:center;
  vertical-align:top;
}

#central {
  float: left;
  height: 420px;
  margin-left: 10pt;
  text-align: left;
  vertical-align: top;
  width: 80%;
}

#sidebar{
  float: right;
  text-align: center;
  vertical-align: top;
  width: 200px;
}

#login {
  padding:5pt;
  text-align:center;
}

#column_left {
  float:left;
  padding:5pt;
  width:35%;
}

#column_center {
  float: left;
  padding: 5pt;
  text-align: center;
  width: 25%;
}

#column_right {
  float: left;
  padding: 5pt;
  width: 35%;
}
/**
 * Fin blocs principaux
 */


.tableau1 {
	height: 340px;
	width: 850px;
	
}

h3, .titre {
	background: #1F1F1F;
	color: #F6A20B;
	font-weight: bolder;
	padding: 2pt;
	text-align: left;
	text-transform: uppercase;
}

h4, .titreP {
  color: #F6A20B;
  font-weight: bolder;
}

p, .texte {
	color: #FFFFFF;
}
.texteP {
	font-size: 0.9em;
	font-weight: 500;
	color: #FFFFFF;
}

.liste {text-align:right;}

.rogne img {
  position: relative;
  left: 0px;
  top: 0px;
}
.rogne p {
  position: relative;
  width: 180px;
  height: 225px;
  overflow: hidden;
}

/**
 * Logo
 */
#logo {
  text-align:center;
}

/**
 * Stats
 */
#stats {
  color: #666666;
  font-size: 0.8em;  
}

/**
 * MENU CSS
 */
ul.menu 
{
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

ul.menu li
{
  float: left; /* pour IE */
  margin-left: 10px;
}

ul.menu li a
{
  border: 0px none;
  color: #CD2D29;
  display: block;
  float: left;
  font-size: 1.5em;
  font-weight: bolder;
  padding: 5px;
  text-align: center;
  text-decoration: none;
}

ul.menu li a:hover
{
  color: #FFFFFF;
  text-decoration: none;  

}

#menutop {
  height:30px;
  text-align:center;
}

#menutop ul
{
}

#menubottom {
  float: left;
  height: 30px;
  text-align: center;
  width: 100%;
}

#menubottom ul
{

}

/**
 * Fin MENU
 */

img.icone {  
  border:0 none; 
  height:16px;
  margin-left:5pt;
  margin-right:5pt;
  vertical-align:top;
  width:16px;
}

#messages {
  display:block;
  height:100%;
  left:0;
  margin:0;
  padding:0;
  position:fixed;
  text-align:left;
  top:0;
  visibility:visible;
  width:100%;
  z-index:999;
}

#overlay {
  background-color: rgb(0, 0, 0); 
  height: 100%; 
  left: 0pt; 
  margin: 0pt;
  opacity: 0.8; 
  padding: 0pt; 
  position: absolute; 
  top: 0pt; 
  width: 100%;
}

.message {
  display:block;
  font-weight:bold;
  margin-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  text-align:center;
  top:200px;
  width:60%;
}

.error {
  background-color:#FFCCCC;
  background-image:url("./img/error.png");
  background-position:10px 50%;
  background-repeat:no-repeat;
  border:1px solid #CC3333;
  color:#000000;
  display:block;
  font-weight:bold;
  margin-bottom:10px;
  padding:8px 8px 8px 30px;
  text-align:center;
}

.notice {
  background-color:#CCEAFF;
  background-image:url("./img/notice.png");
  background-position:10px 50%;
  background-repeat:no-repeat;
  border:1px solid #3385CC;
  color:#000000;
  display:block;
  font-weight:bold;
  margin-bottom:10px;
  padding:8px 8px 8px 30px;
  text-align:center;
}

/**
 * Module Lecteur MP3
 */
#lecteurMP3 {
  margin:10pt;
  position:absolute;
  right:0;
  top:0;
}
/**
 * Module nouveaute
 */
#nouveaute img.vignette {
  border: 1px solid;
  margin: 5px;
  width: 80px;
  float: left;
}


/**
 * Module galerie
 */ 
ul.galerie {
  margin:0;
  padding:0;
}
.galerie li {
  display: inline;
  list-style: none;
  margin: 0 10px 10px 0;
  text-align: center;
} 

/**
 * Module Boutik
 */
#boutique ul li {
  float:left;
  height:165px;
  list-style:none outside none;
  margin-left:10pt;
  width: 20%;
}
 
/**
 * Mise en page en ligne
 */
#enligne {
  background-color: #333333;
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 1.5em;
  font-weight: bolder;
  text-align: center;
  top: 50px;
  visible: visible;
  width:100%;  
}
/**
 * Fin mise en page en ligne
 */

/**
 * Mise en page hors-ligne
 */
#horsligne {
  background-color: #333333;
  color: #FFFFFF;
  font-size: 1.5em;
  font-weight: bolder;
  text-align: center;
  top: 50px;
  width:100%;  
}
/**
 * Fin mise en page hors-ligne
 */
 
/**
 * Mise en page Debug
 */
#debug {
  background-color: #ffffff;
  color: #000000;
  display: block;
  font-size: 0.8em;
  font-family: verdana;
  padding: 1em;
}

#debug p {
  color: #000;
}

#debug h3 {
  background: none;
  color: #000;
  cursor: pointer;
  text-align: center;
}

#debug h4 {
  color: #000;
}
/**
 * Fin mise en page Debug
 */#sbox-overlay {
	position: absolute;
	background-color: #000;
	left: 0;
	top: 0;
}

#sbox-window {
	position: absolute;
	background-color: #333333;
	text-align: left;
	overflow: visible;
	padding: 10px;
	/* invalid values, but looks smoother! */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#sbox-btn-close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url(./img/squeezebox/closebox.png) no-repeat center;
	border: none;
}

.sbox-window-ie6 #sbox-btn-close {
	background-image: url(./img/squeezebox/closebox.gif);
}

.sbox-loading #sbox-content {
	background-image: url(./img/squeezebox/spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#sbox-content {
	clear: both;
	overflow: auto;
	background-color: #333333;
	height: 100%;
	width: 100%;
}

.sbox-content-image#sbox-content {
	overflow: visible;
}

#sbox-image {
	display: block;
}

.sbox-content-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.sbox-content-iframe#sbox-content {
	overflow: visible;
}

/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed {
	overflow: hidden;
}
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility: hidden;
}
#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility: visible;
}

/* Shadows */
.sbox-bg {
	position: absolute;
	width: 33px;
	height: 40px;
}

.sbox-bg-n {
	left: 0;
	top: -40px;
	width: 100%;
	background: url(./img/squeezebox/bg_n.png) repeat-x;
}
.sbox-bg-ne {
	right: -33px;
	top: -40px;
	background: url(./img/squeezebox/bg_ne.png) no-repeat;
}
.sbox-bg-e {
	right: -33px;
	top: 0;
	height: 100%;
	background: url(./img/squeezebox/bg_e.png) repeat-y;
}
.sbox-bg-se {
	right: -33px;
	bottom: -40px;
	background: url(./img/squeezebox/bg_se.png) no-repeat;
}
.sbox-bg-s {
	left: 0;
	bottom: -40px;
	width: 100%;
	background: url(./img/squeezebox/bg_s.png) repeat-x;
}
.sbox-bg-sw {
	left: -33px;
	bottom: -40px;
	background: url(./img/squeezebox/bg_sw.png) no-repeat;
}
.sbox-bg-w {
	left: -33px;
	top: 0;
	height: 100%;
	background: url(./img/squeezebox/bg_w.png) repeat-y;
}
.sbox-bg-nw {
	left: -33px;
	top: -40px;
	background: url(./img/squeezebox/bg_nw.png) no-repeat;
}/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(./img/milkbox/loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.mbClear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(./img/milkbox/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(./img/milkbox/next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(./img/milkbox/play-pause.gif) no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url(./img/milkbox/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}


    <!-- necessary for google maps polyline drawing in IE -->
   v\:* {
          behavior:url(#default#VML);
        }
        
        #gmapmarker, #gmapmarker a {
          color: #000000;
        }
    <!-- END necessary for google maps polyline drawing in IE -->