/* **************************************************************************
 * Styles destinés à la mise en page centrale (partie auto-administrée)
 * **************************************************************************/
body {
	margin:0;
	margin-top:4px;
	background-color: #000000;
}
body, td {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*text-align:left;*/
}
a {
	color:#FF6600;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.taille-normale {
	font-size:13px;
}
.taille-petite {
	font-size:10px;
}
.taille-grande {
	font-size:16px;
}
.taille-maxi {
	font-size:24px;
}
.vert {
	color: #00CC00;
}
.orange {
	color: #FF6600;
}
.blanc {
	color: #FFFFFF;
}
.gris {
	color: #999999;
}
.cadreorange {
	background-color:#FF6600;
	display: block;
	padding:2px;
}
.cadregris {
	background-color:#999999;
	color:black;
	display: block;
	padding:2px;
}
.cadrevert {
	background-color:#00CC00;
	display: block;
	padding:2px;
}
.cadreorange2 {
	border:solid 1px #FF6600;
	display: block;
	padding:2px;
}
.cadrevert2 {
	border:solid 1px #00CC00;
	display: block;
	padding:2px;
}
.cadregris2 {
	border:solid 1px #999999;
	display: block;
	padding:2px;
}

.lienbouton {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	background-color:#FF6600;
	border:solid 1px #FF6600;
	color: white;
	padding:2px;
	text-decoration: none;
}
.lienbouton:hover {
	background-color:#FF6600;
	border:solid 1px white;
	color: #cccccc;
	cursor : pointer;
}
.lienboutonvert {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	background-color:#00CC00;
	border:solid 1px #00CC00;
	color: white;
	padding:2px;
	text-decoration: none;
}
.lienboutonvert:hover {
	background-color:#00CC00;
	border:solid 1px white;
	color: #cccccc;
	cursor : pointer;
}
.lienboutongris {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	background-color:#999999;
	border:solid 1px #999999;
	color: white;
	padding:2px;
	text-decoration: none;
}
.lienboutongris:hover {
	background-color:#999999;
	border:solid 1px white;
	color: #cccccc;
	cursor : pointer;
}

/* **************************************************************************
 * Titres (dans les balises <Hx> et sur les styles "titre-nivX")
 * **************************************************************************/
.titre-niv1, h1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height:30px;
	/*letter-spacing:1px;*/
	font-weight: normal;
	margin-top:0px;
	display: block;
}
.titre-niv2, h2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:24px;
	/*letter-spacing:1px;*/
	font-weight: normal;
	margin-top:0px;
	display: block;
}
.titre-niv3, h3 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:22px;
	letter-spacing:1px;
	font-weight: normal;
	margin-top:0px;
	display: block;
}


/* **************************************************************************
 * MENUS (3 zones)
 *  état normal        : menuhaut,  menubas,  menugauche
 *  séléction courante : menuhaut2, menubas2, menugauche2 
 * **************************************************************************/

.menuhaut, a.menuhaut, a.menuhaut:hover,
.menuhaut2, a.menuhaut2, a.menuhaut2:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing:1px;
}
a.menuhaut:hover {
	/*color: #FF6600;*/
	text-decoration: underline;
}
a.menuhaut2:hover {
	/*color: #FF6600;*/
	text-decoration: underline;
}

.menubas, a.menubas, a.menubas:hover,
.menubas2, a.menubas2, a.menubas2:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing:1px;
}
a.menubas:hover, a.menubas2:hover,  {
	text-decoration: underline;
}

a.menugauche,  a.menugauche:hover, 
a.menugauche2, a.menugauche2:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:32px;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration: none;
}
a.menugauche2, a.menugauche2:hover {
	color: #FF6600;
}
a.menugauche:hover, a.menugauche2:hover {
	text-decoration: underline;
}

/*
a.menuhaut2, a.menubas2, a.menugauche2 {
	color:pink;
}
*/
/* **************************************************************************
 * Menu internes (niveau 2 et 3)
 * dérivés en 4 versions avec 2, 3, 4 ou 5 items !
 * **************************************************************************/
.menuin-cadre1 {
	background-color:#ff6600;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.menuin-cadre2 {
	background-color:#999999;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
a.menuin30, a.menuin30:hover  {
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	text-decoration: none;
}
a.menuin30:hover  {
	text-decoration: underline;
}
a.menuin31, a.menuin31:hover  {
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
a.menuin31:hover  {
	text-decoration: underline;
}
/* Largeurs dérivés en 4 versions avec 1, 2, 3, 4, 5 ou 6 items ! */

.menu-espace-1 { width:0px;  }
.menu-block-1, .menu-blocksel-1  { width:620px; }

.menu-espace-2 { width:30px;  }
.menu-block-2, .menu-blocksel-2  { width:295px; }

.menu-espace-3 { width:25px;  }
.menu-block-3, .menu-blocksel-3  { width:190px; }

.menu-espace-4 { width:8px;  }
.menu-block-4, .menu-blocksel-4  { width:149px; }

.menu-espace-5 { width:5px;  }
.menu-block-5, .menu-blocksel-5  { width:120px; }

.menu-espace-6 { width:4px;  }
.menu-block-6, .menu-blocksel-6  { width:100px; }

.menu-block-1, .menu-block-2, .menu-block-3, .menu-block-4, .menu-block-5, .menu-block-6 {
 	background-color:#999999;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
 .menu-blocksel-1, .menu-blocksel-2, .menu-blocksel-3, .menu-blocksel-4, .menu-blocksel-5, .menu-blocksel-6 {
	background-color:#ff6600;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

/* **************************************************************************
 * Bandeau Altissimo de haut de page
 * **************************************************************************/
.upshop, .upsalle, .upconcept {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	text-align:center;
	text-transform:uppercase;
	text-decoration: none;
}
.upshop a, .upsalle a, .upconcept a {
	color: #ffffff;
	text-decoration: none;
}
.upshop a:hover, .upsalle a:hover, .upconcept a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.upshop {
 	background-color:#00CC00;
}
.upsalle {
 	background-color:#999999;
}
.upconcept {
 	background-color:#FF6600;
}

/* **************************************************************************
 * Mises en forme liées à la charte (hors menus)
 * **************************************************************************/
.searchtxt {
	font-family: Arial, Helvetica, sans-serif;
	background-color:white;
	color:black;
	border:solid 1px white;
	width:160px;
	height:14px;
	font-size: 12px;	
}
.searchtxt:hover {
	background-color:#FFDAC1;
}
.searchbut {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 10px;
	background-color:#FF6600;
	border:solid 1px #FF6600;
	color: white;
	height:18px;
	width:28px;
	padding:0;
}
.searchbut:hover {
	background-color:#FF6600;
	border:solid 1px white;
	color: #cccccc;
	cursor : pointer;
}
.dotline {
	background-image: url(dotline.gif);
	background-repeat: repeat-y;
	background-color:pink;
}
.encart-bandeau a, .encart-bandeau a:hover {
	color:white;
}

/* **************************************************************************
 * Mise en forme spécifique des balises HTML usuelles
 * **************************************************************************/
form {
	margin:0;
	padding:0;
}
img {
	border:0;
}
hr {
	height:1px;
	border:none;
	border-top:solid 1px #999999;
}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#cccccc;
	color:black;
	border:solid 1px white;
	font-size:12px;
}
input, textarea {
	width:240px;
}