/* **************************************************************************
 * 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:#00CC00;
	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;
}

/* **************************************************************************
 * BANDEAU DE NAVIGATION/LOCALISATION
 * **************************************************************************/
.navig {
	color: #999999;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
}
a.navig {
	color: #999999;
	text-decoration: bold;
	text-decoration: none;
}
a.navig:hover {
	color: #ffffff;
	text-decoration: underline;
}
.navigici {
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
/* **************************************************************************
 * MENUS (3 zones)
 *  état normal        : menuhaut,  menubas,  menugauche , smenugauche
 *  séléction courante : menuhaut2, menubas2, menugauche2, smenugauche2 
 *  ouvert sans select :                      menugauche3, smenugauche3
 * **************************************************************************/

.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 {
	text-decoration: underline;
}
a.menuhaut2:hover {
	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,
a.menugauche3, a.menugauche3:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:32px;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration: none;
	padding-left: 18px;
}
a.menugauche {
	background-image: url(tri-right.gif);
	background-repeat: no-repeat;
	background-position: -8px;
}
a.menugauche2, a.menugauche3 {
	background-image: url(tri-down.gif);
	background-repeat: no-repeat;
	background-position: -3px;
}
a.menugauche2, a.menugauche2:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a.menugauche:hover, a.menugauche2:hover, a.menugauche3:hover {
	text-decoration: underline;
}

a.smenugauche,  a.smenugauche:hover, 
a.smenugauche2, a.smenugauche2:hover,
a.smenugauche3, a.smenugauche3:hover {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:18px;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration: none;
	padding-left: 18px;
}
a.smenugauche2 {
	color: #FFFFFF;
	text-decoration: underline;
}
a.smenugauche3 {
	color: #FFFFFF;
}
a.smenugauche:hover, a.smenugauche2:hover, a.smenugauche3:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/* **************************************************************************
 * Menu internes (niveau 3)
 * dérivés en 4 versions avec 2, 3, 4 ou 5 items !
 * **************************************************************************/
.menucentre {
	width:100%;
	background-color:#666666;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
}
.itemcentre {
	width:200px;
	line-height:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
	display:block;
	float:left;
	padding-left:5px;
}
a.liencentre,  a.liencentre:hover, 
a.liencentre2, a.liencentre2:hover,
a.liencentre3, a.liencentre3:hover {
	color: #dddddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-transform:uppercase;
	text-decoration: none;
}
a.liencentre2 {
	color: #FFFFFF;
}
a.liencentre3 {
	color: #eeeeee;
}
a.liencentre:hover, a.liencentre2:hover, a.liencentre3:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.spacer {
  clear: both;
}
/* **************************************************************************
 * Titres de la zone centrale (typiquement les mini-sites)
 * **************************************************************************/
.titrecentre,.titrecentreorange,.titrecentreviolet,.titrecentrerouge {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	text-transform:uppercase;
 	background-color:#999999;
	height:50px;
	padding-left:10px;
	padding-top:10px;
}
.titrecentreorange {
 	background-color:#cc6600;
}
.titrecentreviolet {
 	background-color:#993366;
}
.titrecentrerouge {
 	background-color:#cc0000;
}
/* **************************************************************************
 * 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 au menu boutique (haut)
 * **************************************************************************/
.rubshop_on, .rubshop_off {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #ffffff;
	text-align:center;
	text-transform:uppercase;
	text-decoration: none;
}
.rubshop_on a, .rubshop_off a {
	color: #ffffff;
	text-decoration: none;
}
.rubshop_on a:hover, .rubshop_off a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.rubshop_on {
 	background-color:#003300;
}
.rubshop_off {
 	background-color:#006600;
}
.headershop {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	/*line-height:26px;*/
	/*letter-spacing:1px;*/
	font-weight: bold;
}


/* **************************************************************************
 * 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:#00cc00;
	border:solid 1px #00cc00;
	color: white;
	height:18px;
	width:28px;
	padding:0;
}
.searchbut:hover {
	background-color:#00cc00;
	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;
}

/* **************************************************************************
 * Actualités
 * **************************************************************************/
div.actu_titre {
	background-color:#999999;
	border-bottom:solid 1px #666666;
	padding:8px;
}
a.actu_link {
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration:none;
	color: #ffffff;
}
a.actu_link:hover {
	color:#FF6600;
	text-decoration:none;
}
div.actu_article {
	background-color:#999999;
	border-bottom:solid 1px #666666;
	padding:8px;
}
a.actu_link2 {
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
	color: #ffffff;
}
a.actu_link2:hover {
	color:#FF6600;
	text-decoration:none;
}
p.actu_info {
	color: #FFFFFF;
	font-size: 13px;
	text-align: justify;
}
div.actu_fleche {
	height:11px;
	text-align:right;
}

/* **************************************************************************
 * 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 #00cc00;
}
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;
}