/* corps */
body { font-family: Arial, Verdana, sans-serif; color: #222222; font-size: 90%; background: #000000; }

/*div {border: 1px solid green; }  */

/* éléments */
img { border: 0; }
img.droite { float: right; }
img.gauche { float: left; }
abbr { border-bottom: 1px dotted #000000; cursor: help; }

/* liens standard */
a { text-decoration: none; color: #7C0E01; }
a:hover { text-decoration: none; color: #9F5B01; }

/* menus */
#rubriques { background: url("/img/degrade-rubriques.png"); padding-top: 15px; padding-bottom: 15px; }
#combos { background: url("/img/degrade-rubriques.png"); padding-top: 15px; padding-bottom: 15px; padding-left: 15px; }

.menurubrique { display: block; padding: 3px 0 3px 20px; font-size: 110%; color: #FFF; font-weight: bold; text-transform: uppercase; margin-top: 2px}
.menurubrique:hover { background: #9F5B01 url("/img/fond-menu-rubriques-over.png"); }
#menurubriqueselected { background: #9F5B01; color: #FFF; }

.menuappell { display: block; padding: 2px 0 3px 30px; font-size: 80%; color: #FFF;  }
.menuappell:hover { background: #DDAE89; }
#menuappellselected { background: #DDAE89; color: #333; }

.menuhaut { display: block; padding-top: 12px; float: left; font-size: 100%; text-align: center; color: #DDAE89; font-weight: bold; 
	width: 152px; height: 33px; background: url("/img/fond-bouton.png"); text-transform: uppercase; cursor: hand; }
.menuhaut:hover { background: url("/img/fond-bouton-over.png"); }
.menuhaut a { color: #DDAE89; }

/* textes sur fond du haut */
#logo { font-size: 190%; font-weight: bold; text-align: left; padding: 5px 0 0 20px; }
#logo a { color: #720E11; }
#souslogo { font-size: 120%; font-weight: bold; text-transform: uppercase; text-align: left; word-spacing: 2px; padding-top: 0; padding-left: 20px; line-height: 10px}
#souslogo a { color: #720E11; }

#clic { display: block; padding-top: 100px; width: 200px; margin-left: 25px; }

#cadre_panier { text-align: center; float: right; width: 108px; height: 33px; margin-right: 20px; padding-top: 20px; background: url("/img/cadre-panier.png"); color: #FFF; font-size: 80%; font-weight: bold; }
#cadre_panier a { color: #FFF; }
#cadre_panier a:hover { color: #DDAE89; }

#cadre_login { text-align: center; float: right; width: 108px; height: 53px; margin-right: 50px; background: url("/img/cadre-arrondi.png"); color: #FFF; font-size: 80%; }
#cadre_login a { color: #FFF; }
#cadre_login a:hover { color: #DDAE89; }

#cadre_panier, #cadre_login a { color: #FFF; }
#cadre_panier, #cadre_login a:hover { color: #DDAE89; }

/* encadré actualités */
#cadreactu { width: 235px; border: 1px solid black; text-align: center; margin: auto; margin-top: 20px; background: #FFFFFF }
#cadreactu a { font-size: 85%; text-decoration: none; color: #7C0E01; }
#cadreactu a:hover { text-decoration: none; }

/* boite déroulante news */
#blocDeroulant { overflow: hidden; position: relative; height: 75px; text-align: left; padding-left: 8px; padding-right: 8px; }
#Scroll { position: relative; top: 0; left: 0; }
#Scroll b { font-size: 120%; }

/* zone message bandeau entête congés */
#conges { text-align: center; margin-left: 25px; margin-top: 15px; width: 260px; border: 1px solid #ff0000; background: #fff; padding: 10px; }

/* contenus */
.texte { text-align: justify; }
.textepetit { font-size: 80%; text-align: justify; }
.titre_encart { text-transform: uppercase; font-weight: bold; color: #790E11; }
.photo_encart { width: 70px; height: 93px; float: left; padding: 4px; }

.prix { float: right; color: #9F5B01; width: 60px; text-align: right; }
.qte { float: right; }
.offert { background : #FF9999; text-transform: uppercase; font-size: 80%; padding: 2px; letter-spacing: 1px}

.ligne { border-bottom: 1px solid #CCC; padding: 3px; }
.ligne2 { padding: 3px; }
.entete { width: 100px; color: #444; font-size: 80%; float: left;}
.entete2 { width: 140px; color: #444; font-size: 90%; float: left;}
.valeur { color: #222; font-size: 100%; }
.valeur2 { color: #222; font-size: 90%; }
.pp { background: #DDAE89; padding: 2px; font-size: 70%; color: #000 }
.erreur { background: #FF9900; padding: 2px; color: #444; }
.dernieres { font-size: 85%; color: #FF0000; letter-spacing: 2px; font-weight: bold; }

.liens {  margin-left: 15px; padding-left: 5px; margin-bottom: 10px; background: #EEE; padding: 5px; border-left: 1px solid #EEE; }
.liens:hover { border-left: 1px solid #9F5B01; background: #DDD; }

.legende { font-size: 85%; padding-bottom: 10px; font-weight: normal; color: #333; font-style: italic;}

.msgOK { padding: 5px; border: 1px dotted green; width: 400px; font-weight: bold; margin: auto; text-align: center; color: green; }
.msgNO { padding: 5px; border: 1px dotted red; width: 400px; font-weight: bold; margin: auto; text-align: center; color: red; }

/* paragraphes */
h1 { color: #9F5B01; font-size: 130%; font-weight: bold; border-bottom: 1px solid #9F5B01; text-align: left; margin-top: 0px; padding: 8px 0 8px 0; }
h2 { color: #7C0E01; font-size: 100%; font-weight: bold; border-bottom: 1px solid #7C0E01; border-left: 1px solid #7C0E01; text-align: left; margin-top: 0px; padding: 8px 0 5px 5px; }
h3 { background: #DDAE89; font-size: 80%;  font-weight: bold; border-bottom: 1px solid #DDAE89; padding: 3px; }

/* liens bas - copyright*/
#bas { font-family: Arial, sans-serif; color: #000000; font-size: 80%; }
#bas a { text-decoration: none; color: #000000; }
#bas a:hover { text-decoration: none; color: #7C0E01; }

/* infos légales formulaires */
.legal { font-family: sans-serif; font-size: 60%; color: #777777; }

/* couleurs */
.marron { color: #9F5B01; }
.bordeaux { color: #7C0E01; }

.noir { color: #222222; }
.rouge { color: #E1001A; }
.vert  { color: #7EC65F; }

/* boutons et forms */
input { font-family: Arial, Helvetica, sans-serif; }
.form  { font-size: 85%; background : #FFF url("/icones/input_bg.png") left top repeat-x; border: 1px solid #bbb; margin-bottom: 2px; }
.formc { font-size: 85%; background : #FFF url("/icones/input_bg.png") left top repeat-x; border: 1px solid #bbb; text-align: center; margin-bottom: 2px; }
.form_petit { font-size: 70%; }
.bouton		{ color: #FFF; font-size: 85%; background-color: #7C0E01; }
.grandbouton	{ color: #FFF; font-size: 100%; background-color: #7C0E01; letter-spacing: 1px; text-transform: uppercase;}

/* backoffice */
#admin { background: #FFF; font-size: 12px; }
#admin a { font-size: 11px; }
#admin td { font-size: 11px; }
#admin .form  { font-size: 11px; background : #FFF url("/icones/input_bg.png") left top repeat-x; border: 1px solid #bbb; margin-bottom: 2px; }
#admin .formc { font-size: 11px; background : #FFF url("/icones/input_bg.png") left top repeat-x; border: 1px solid #bbb; text-align: center; margin-bottom: 2px; }
#admin .bouton	{ color: #FFF; font-size: 90%; background-color: #7C0E01; }

span.disabled { color: #CCC; }
.colonneadmin { background-color: #DDAE89; color: #000; height: 25px; }
td.admin { color: #333; }
div.result { padding: 5px; border: 1px dotted #CCC; width: 600px; font-weight: bold; margin: auto;}
.box {	font-size: 14px; font-family: Arial, sans-serif; border: 1px solid #ddd; visibility: hidden; float: left; padding: 5px; width: 0px; height: 0px; margin: 5px; background: #F3EECC; z-index: 1; margin-left: 60px;}
.masque { vertical-align: middle; -moz-opacity:0.3; filter:alpha(opacity=30); -khtml-opacity: 0.3; opacity: 0.3; }
.fondrouge { background: #F9BD3B; color: #000; padding: 5px; }
.fondvert  { background: #7EC65F; color: #FFF; padding: 5px; }
.titre { font-size: 14px; font-weight: bold; letter-spacing: 2px; color: #00004C; }