/* 
-- Sitre: universdesarts.fr
-- Name : main.css
-- Rep : ../css/
-- Desc : CSS Document - general styles texte --
-- Version :  1.0
-- Compagny : KRAFTWEB.FR
-- Auteur : O.PINTON
-- Date  : 07/11/2008
*/

@import url("box.css");

html, body {
height: 100%;
}
body {
width: 100%;
height: 100%;
margin: 0;
/*background: #940000 url('../commun/img/bg_body.jpg') repeat;*/
background-color: #a36e6e;
font: 90%/1em Verdana, "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
text-align: center;
}
body * {
margin: 0;
padding: 0;
border: 0;
}
form {
margin: 0 auto;
padding: 0;
}
input, textarea {
padding: 2px;
margin-bottom: 0.3em;
border: 1px solid #d1d1d1;
color: #333;
}
input {
background: #eee url('../commun/img/input_bg.gif') repeat;
vertical-align: middle;
}
input:focus{border:1px solid #940000}
select {
border: 1px solid #d1d1d1;
font-weight: 800;
vertical-align: middle;
}
form a {
color: #fff;
text-decoration: none;
}
form a:hover {color:#940000;}
form label{
float: left; 
clear: left; 
display: block; 
width: 250px; 
text-align: right; 
font-weight: 800;
margin-bottom: 0.3em;
padding: 2px;
}
form label:hover{color: #ff0000;}
form fieldset {
margin: 0 auto;
padding: 14px;
border: 1px inset #aaa;
background: #ffe;
}
form legend {
text-align: center;
font-size: 1em; 
font-weight: bold; 
color: #fff;
margin: 0; 
padding: 1px 7px;
background-color: #999;
}  
form sup {color: #ff0000;}
form legend sup {color: #ff0000;}
form option {background:#eee; color:#000;}
form optgroup {background:#ddd; color:#000;}
form optiongroup option {background:#ccc; color:#036;}
form .input {
width: 320px;
background: #fff;
padding: 2px;
border: 2px outset;
}
.opacity{
-moz-opacity: 0.70;
filter: alpha(opacity=70);
opacity: 0.7;
}

/*lvhaf*/
.linkWhite {color: #fff !important; text-decoration:none;}
.linkVert {color: #71912b !important;text-decoration:none;}
.linkGris {color: #777 !important;text-decoration:none;}
.linkBlack {color: #141318 !important;text-decoration:none;}
.linkRed {color: #ff0000 !important;text-decoration:none;}
.linkGrenat {color: #940000 !important;text-decoration:none;}
.transparent {background: transparent !important;}
.bold {font-weight: 800;}

.capitalize {text-transform: capitalize;}
.underline {text-decoration: underline;}
.displayOn {display: block;}
.displayOff {display: none;}
.centerdiv {text-align: center;}
.centerdiv>div {margin: 0 auto;}
.koAjax {font-weight: 800; color: #ff0000;}
.okAjax {font-weight: 800; color: #71912b;}
.cursor {cursor: pointer;}

.shadow-left {background:url(../img/shadow_header.png) left top no-repeat;}
.shadow-right {background: url(../img/shadow_header.png) right top no-repeat;padding-bottom: 30px;}

/*[]*/
hr {
border: none;
border-top: dotted 1px #bbb;
height: 1px;
margin-bottom: 7px;
}
.separateur {
width: 100%;
height: 14px;
margin: 0;
padding: 0;
background: transparent url(../commun/img/hr.png) top center repeat-x;
display: block;
}
.traitTop {border-top: 1px solid #eee;}
.traitBottom {border-bottom: 1px dotted #eee;}
.traitBottomOrange {border-bottom: 1px solid  #e2a618;}
.lineDot {
width: 100%;
height: 3px;
background: transparent url('../commun/img/line_dot.gif') 0 0 repeat-x;
clear: both;
}
.nowrap {white-space: nowrap;}
.left{float:left !important;}
.right{float:right !important;}
.clear {clear: both;}

/*[]*/
.btSuppr{
background: #ff0000 url('../commun/img/bt_suppr.gif') 0 0 no-repeat;
color: #fff;
width: 60px;
border: 1px inset;
height: 50px;
border: 0;
}
.submit{
width: 103px;
height: 28px;
margin: 21px 0 0 0;
padding: 0 0 0 3px;
background: #007c10 url('../commun/img/bt_submit_vert.gif') 0 0 no-repeat;
border: 0;
font: 14px Arial, Helvetica, sans-serif;
text-transform: capitalize;
letter-spacing: -1px;
font-weight: bold;
text-align: left;
color: #141318;
cursor: pointer;
vertical-align: middle;
}
.submit:hover{
background: #141318 url('../commun/img/bt_submit_vert_negatif.gif') 0 0 no-repeat;
color: #fff;
}
.charger {
background: url('../commun/img/bt_load.gif') 0 0 no-repeat;
width: 90px;
height: 25px;
border: 0 !important;
}
.charger:hover{background: url('../commun/img/bt_load_negatif.gif') 0 0 no-repeat;}
.submitVide {
background: #99CCFF url('../commun/img/bt_vide.gif') 0 0 no-repeat;
width: 90px;
height: 25px;
border: 0 !important;
font: 14px Helvetica, sans-serif;
text-transform: capitalize;
letter-spacing: -1px;
font-weight: bold;
text-align: center;
padding: 0;
color: #141318;
}
.submitVide:hover{
background: #009966 url('../commun/img/bt_vide_negatif.gif') 0 0 no-repeat;
}
.ajaxload {
width: 200px;
height: 24px;
padding: 3px;
background-image: url("../commun/img/ajax-loader.gif");
background-position: left center;
background-repeat: no-repeat;
}
.ajaxload span {
float: left;
padding-top: 7px;
margin-left: 17px;
font: 90%/1em Arial, Helvetica, sans-serif !important;
color: #777;
font-weight: 800;
}
.goBack {
border: 0;
height: 18px;
padding-left: 25px;
background: url('../commun/img/go_back.gif') 0 50% no-repeat;
}
/*[]*/
#body {
position: relative;
margin: 0 auto;
min-width: 1150px;
min-height: 100%;
text-align: left;
}
.loadImg{
display: none;
z-index: 500;
}

/*[Header]*/
#header {
width: 100%;
margin: 0;
padding: 0;
height: 131px;
background: #141318 url('../commun/img/bg_header.jpg') 0 0 repeat-y;
font-size: 70%;
clear: both;
}
#header p {
text-align: center;
color: #fff;
font-weight: bold;
}
#header a:link, #header a:visited {
text-decoration: none;
color: #fcfaa7;
}
#header a:hover {text-decoration: underline;}

#logo {
position: absolute;
left: 1px;
top: 1px;
width: 270px;
height: 130px;
background: transparent url('../commun/img/logo_site.gif') 0 0 no-repeat;
}
#addTo {
position: absolute;
right: 7px;
top: 114px;
}

#goodYear {
position: absolute;
top: 10px;
left: 30%;
width: 310px;
height: 110px;
background: transparent url('../commun/img/good_year.gif') 0 0 no-repeat;
z-index: 500;
}

#bandeau {
position: absolute;
top: 0px;
right: 0;
width: 390px;
height: 130px;
background-color: transparent;
background-repeat: no-repeat;
background-position: top right;
z-index: 1;
overflow: hidden;
}

#pubHeader {
position: absolute;
top: 30px;
left: 70%;
max-height: 110px;
z-index: 500;
border: 0;
background: transparent;
}

#balancoire {
position: absolute;
top: 14px;
left: 40%;
width: 80px;
height: 100px;
z-index: 500;
}

/*[]*/
.btMain {
position: relative;
margin: 0;
padding: 0 0 0 14px;
height: 27px;
background: #777 url(../commun/img/bg_bt_main.gif);
}
.btMain img {
margin: 4px 3px 0 0 ;
}
.btMain ul {
list-style: none;
}
.btMain li {
float: left;
text-transform: capitalize;
}
.btMain li a {
display: block; 
float: left; 
height: 27px; 
line-height: 27px; 
color: #aaa; 
text-decoration: none; 
font-size: 11px; 
font-weight: 800; 
text-align: center; 
padding: 0 0 0 7px;
cursor: pointer;
text-shadow: #cc0000 1px 1px 1px;
}
.btMain li a b {
float: left; 
display: block; 
padding: 0 16px 0 8px; 
color: #fff;
}
.btMain li.current a {
color:#fff; 
background: url(../commun/img/bt_main.gif);
text-shadow: #fff 1px 1px 1px;
}
.btMain li.current a b {
background: #940000 url(../commun/img/bt_main.gif) no-repeat right top; 
color:#fff;
text-shadow: #000 1px 1px 1px;
}
.btMain li a:hover {color:#fff; background:#000 url(../commun/img/bt_main_hover.gif);}
.btMain li a:hover b {background:url(../commun/img/bt_main_hover.gif) no-repeat right top; color:#fff;}
.btMain li.current a:hover {color:#fff; background:#000 url(../commun/img/bt_main.gif); cursor:default;}
.btMain li.current a:hover b {background:url(../commun/img/bt_main.gif) no-repeat right top;}

.dateHeader{
float: right; 
margin-right: 7px;
padding-top: 4px;
color: #fff;
font-size: 10px;
font-weight: normal;
vertical-align: middle;
border-bottom: 1px dotted #fff;
}

/*[PANIER]*/
div.panier {
background: #eee url('../img/panier_bg.png') 0 0 repeat-y;
height: auto;
margin: 10px auto;
padding: 10px;
border: 1px solid #eee;
}
div.panier ul {
position: relative;
list-style:none;
font-size: 14px;
}
div.panier li {
display: inline-block;
vertical-align: top;
}
div.panier li.panierImg {
width: 220px;
margin-right:30px;
font-size: 90%;
text-align: left;
}
div.panier li.allopass {
width: 400px;
text-align: left;
}
div.panier li.allopass h4 {
margin: 0;
padding: 0;
color: #940000;
}
div.panier li.allopass p {
font: bold 13px Arial, helvetica;
}
div.panier li.allopass p img {
float: left;
vertical-align: middle;
margin-right: 10px;
}

.prix {
position: absolute;
top: 10px;
right: 0;
width: 80px;
height: 55px;
background: transparent url('../img/180.png') 0 0 no-repeat;
font: bold 20px Arial, helvetica;
padding-top: 25px;
color: #fff;
text-align: center;
}
.arrowBas {
height: 16px;
line-height: 16px;
font-size: 16px;
padding-left: 20px;
background: transparent url('../img/arrow_bas.png') 0 0 no-repeat;
vertical-align: middle;
}

#allopass {
width: 100%;
height: 21px;
background: #eee url('http://payment.allopass.com/imgweb/script/fr_uk/acces_title.jpg') 0 0 repeat;
}

/*[]*/
#rechercher {
z-index: 500;
position: relative;
float: right;
top: 35px;
right: 14px;
}
#search {
background: transparent;
border: 0;
height: 25px;
}
.searchText {
border: 0px;
width: 225px;
height: 39px;
padding: 7px 0 0 7px;
font-size: 1.2em; 
font-weight: bold;
color: #fff;
border: 1px outset;
}
.searchLeft {
background: url("../commun/img/searchLeft.png") no-repeat;
background-position: top left;
margin: 0em;
}
.searchCenter {
width: 240px;
background: url("../commun/img/searchCenter.png") repeat-x;
background-position: top left;
float: left;
padding: 0px;
}
.searchGo {
background-repeat: no-repeat;
background-color: transparent;
background-image: url("../commun/img/bt_go.png");
border: 0px;
display: inline;
width: 78px;
height: 39px;
float: left;
margin: 0em;
cursor: pointer;
}
/*[suggestion]*/
#suggestion {
position: absolute;
margin: 2px 0 0;
padding: 0;
text-align: left;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
background: transparent;
z-index: 500;
cursor: pointer;
}
#suggestion ul {
margin: 0;
padding: 0;
list-style: none;
}
#suggestion li {background: #ffffe7;}
#suggestion a {
display: block;
padding: .2em .3em;
text-decoration: none !important;
color: #333 !important;
}
#suggestion a:hover {text-decoration: underline !important;}
#date {
float: right;
padding-right: 7px;
font-size: 80%;
color: #ddd;
}
#dragonHeader {
position: relative;
top: 21px;
left: 34px;
float: right;
width: 106px;
height: 73px;
background: url('../commun/img/dragon_header.gif') 0 0 no-repeat;
display: block;
z-index: 11;
}

/*[Bandeau left]*/
#bandeauLeft {
float: left;
position: relative;
top: 3px;
left: 3px;
width: 19%;
min-width: 170px;
height: auto !important;
height: 170px;
}
div.menuLeft {
width: 100%;
height: auto;
line-height: normal;
margin: 0;
padding: 0;
font-size: 10px;
background: #333 url("../commun/img/bandeauLeft_bg.png") top right repeat-y;
}
div.menuLeft ul {
color: #4f7777;
padding: 3px;
margin: 0;
font-weight: normal;
}
#bandeauLeft div.menuLeft li {list-style: none;}
#bandeauLeft div.menuLeft li a {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em;
color: #ddd;
margin-left: 40px;
padding-right: 35px;
display: block;
text-align: left;
text-decoration: none;
text-shadow: #cc0000 1px 1px 1px;
}
#bandeauLeft div.menuLeft li a:hover {
background: transparent url("../commun/img/transparent_red.png") 0 0 repeat-x;
color: #fff;
text-shadow: #000 1px 1px 1px;
}
#partager {background: url('../commun/img/puce_partager.gif') 0 0 no-repeat;}
#explorer {background: url('../commun/img/puce_explorer.gif') 0 0 no-repeat;}
#liendirect {background: url('../commun/img/puce_liendirect.gif') 0 0 no-repeat;}

/*[wrapper]*/
#wrapper {
float: left;
position: relative;
top: 3px;
left: 6px;
width: 80%;
height: auto;
margin: 0 0 70px 0;
padding: 0;
background: #fdfdf7 url('../commun/img/wrapperBR.jpg') bottom right no-repeat;
font-size: 90%;
}
/**[]**/
#wrapperMiddle {
float: left;
width: 74%;
height: auto;
margin: 0;
padding: 0 0 0 3px;
}
.bgCarreau {background: transparent url(../commun/img/bg_carreau.gif) 0 0 repeat;}
.degradeMarron {background: url('../commun/img/degrade_marron.jpg') 0 0 repeat;}

#wrapperMiddle a {
text-decoration: none;
color: #940000;
}

#bandeauRight {
float: right;
width: 23%;
min-height: 800px;
height: auto;
margin: 0;
padding: 0;
border-left: 1px dashed #dce9fa;
background: #fff;
}
#bandeauRight div.rss {
background: url('../commun/img/rss_bg.jpg') 0 0 no-repeat;
padding-left: 45px;
height: 70px;
display: block;
}
#bandeauRight div.rss a {
font-size: 10px;
text-decoration: none;
color: #999;
}
#bandeauRight div.rss a:hover {
color: #369;
}
#bandeauRight div.categorie {
width: 98%;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
height: auto;
margin: 14px auto;
background-color: #fff;
}
#bandeauRight div.categorie h3 a {
color: #fff;
text-decoration: none;
}
#bandeauRight div.categorie h3 a:hover {
text-decoration: underline;
color: #ffffe7;
}
#bandeauRight div.categorie h3 {
width: 150px;
height: 32px;
padding: 12px 0 0 10px;
font-size: 100%;
display: block;
background-image: url('../commun/img/titre_bg.jpg');
background-repeat: no-repeat;
color: #fff;
}
.titre1 {background-position: 0 0;}
.titre2 {background-position: 0 -44px;}
.titre3 {background-position: 0 -88px;}
.titre4 {background-position: 0 -132px;}
.titre5 {background-position: 0 -176px;}
.titre6 {background-position: 0 -220px;}
.titre7 {background-position: 0 -264px;}
.titre8 {background-position: 0 -308px;}
.titre9 {background-position: 0 -352px;}
.titre10 {background-position: 0 -396px;}
.titre11 {background-position: 0 -440px;}
.titre12 {background-position: 0 -484px;}
.titre13 {background-position: 0 -528px;}
.titre14 {background-position: 0 -572px;}

#bandeauRight div.categorie h2 a {
color: #940000;
font-size: 0.5em;
text-decoration: none;
}
#bandeauRight div.categorie p a {
font: 8px Arial, Helvetica, Sans-serif;
color: #999;
margin: 7px 0;
text-decoration: none;
}
#bandeauRight div.categorie a.stat{
font-size: 10px;
color: #999;
margin: 7px 0;
border-bottom: 1px dotted #777;
text-decoration: none;
}
/*[titre wrapper]*/
#wrapperTitre {
width: 100%;
height: 35px;
margin: 0;
background: #eee url('../commun/img/bg_titre_wrapper.gif') repeat-x;
overflow: hidden;
color: #940000;
}
#wrapperTitre a {
color: #940000;
text-decoration: none;
}
#wrapperTitre a:hover {color:#e60449;}
#wrapperTitre p:first-letter {text-transform: capitalize;}
#wrapperTitre p {
padding: 3px 0 0 7px;
font-size: 1em;
line-height: 30px;
font-weight: 800;
letter-spacing: -1px;
}
#wrapperTitre span {
letter-spacing: 0;
color: #777;
font: 12px Arial, Helvetica, Sans-serif;
}
#wrapperTitre img {vertical-align: middle;}

#basWrapper {
position: relative;
background: #fffeee url('../commun/img/wrapper_bas.jpg') bottom left repeat-x;
margin: 0;
padding: 3px 7px 3px 7px;
}
#basWrapper ul {
width: 100%;
height: 15px;
}
#basWrapper li {
background: #eee;
border: 1px solid #777;
list-style-type: none;
float: right;
padding: 1px 14px 1px 14px;
display: inline;
font-size: 70%;
color: #333;
}
#basWrapper li.connecter {
float: left;
background-image: url('../commun/img/info.png');
background-repeat: no-repeat;
background-position: 0 0;
}
#basWrapper a {color: #369;text-decoration: none;font-weight: lighter;}
#basWrapper a:visited {color: #369;text-decoration: none;}
#basWrapper a:hover {color: red;}

div.coinTR {background: url('../img/coin_TR.gif') no-repeat top right;}
div.coinTL {background: url('../img/coin_TL.gif') no-repeat top left;}
div.coinBL {background: url('../commun/img/coin_BL.gif') no-repeat bottom left;}
div.coinBR {background: url('../img/coin_BR.gif') no-repeat bottom right;}
div.coinBR1 {background: url("../commun/img/logo_menu.gif") no-repeat bottom right;}

/*[actu]*/
#actu {
position: relative;
width: 100%;
height: auto;
background-color: #f7f7f7;
overflow: auto;
text-align: center;
}
#actu a {
padding: 0 14px 0 2px;
font-size: 70%;
color: #333;
text-decoration: none;
}
#actu a:hover {
text-decoration: underline;
color:#940000;
}
#actuContenu {
padding: 3px;
}
#actu .photoVu {
font-size: 9px;
font-weight: normal; 
color: #aaa;
margin-bottom: 7px;
}
#actu .photoVu a {font-size: 8px;}
#actu .photoVu img {
text-align: center;
padding: 7px;
border: 1px solid #aaa;
}
#actu .photoVu:hover {text-decoration: none;}
#actu .imgActu {
margin: 0 auto;
text-align: center;
padding: 2px;
width: 150px;
display: block;
border: 1px inset #ea000a;
}
#actuTop {
color: #940000;
width: 100%;
height: 34px;
padding: 0;
background: #fff url('../commun/img/actu_coin.gif') top right no-repeat;
border-bottom: 1px solid #eee;
}
#actuTop h4 a {
font-size: 100%;
text-align: left;
letter-spacing: -1px;
font-size: 1em;
font-weight: bold;
padding: 0;
text-decoration: none;
color: #940000;
}
#actuTop h4 img {
vertical-align: middle;
margin-right: 10px;
}
#actuTop span {font-size: 80%;}
#actuBottom {
width: 100%;
height: 21px; 
padding: 0;
background: #f7f7f7 url('../commun/img/bg_bottom_actu.gif') left bottom repeat-x;
text-align: center;
font-size: 70%;
}			 
#actuBottom a {
color:#333;
text-decoration: none;
}
#actuBottom a:hover {color:#ff0000;}

/* bottom */
#navPage {
height: 40px;
margin: 21px auto;
padding: 7px;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #4f7777;
border: 0;
}
#navPage p {
padding: 10px 0;
color: #aaa;
font-size: 80%;
text-align: center;
}
#navPage span {
padding: 3px;
background-color: #ccc;
font-weight: bold;
color: red;
}
#navPage a {
margin: 0 3px 0 3px;
padding: 3px;
background: #eee;
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #777;
border-left: 1px solid #777;
text-decoration: none;
color: #333;
}
#navPage .imgVide {margin: 0 4px 0 4px;}
#navPage a:hover {
background: #ccc;
border-top: 1px solid #777;
border-right: 1px solid #777;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
color: #940000;
}

#displayDate {
margin: 21px 0 0 0;
padding: 0 0 0 7px;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
color: #eee;
}

/*[footer]*/
#footerTop {
width: 100%;
height: 21px;
background: transparent url("../img/footer_top.gif") 0 0 repeat-x;
display: block;
}
#footer {
position: relative;
width: 100%;
height: 120px;
margin: 0;
padding: 0;
color: #9b9c9e;
background: #1c1b20 url('../img/footer_bg.jpg') bottom right no-repeat;
}
#footer div h3 {
color: #fff;
font: 800 14px Arial, Helvetica, sans-serif;
margin: 0;
line-height: 2em;
padding: 0;
font-weight: bold;
}
#footer div {
float: left;
width: 20%;
height: auto;
padding: 0 0 0 7px;
border-right: 1px solid #777;
}
#footer ul {
font: 13px Arial, Helvetica;
line-height: 1.5em;
list-style-type: none;
text-align: left;
margin: 0;
}
#footer li a {
background: transparent url('../commun/img/punaise.gif') 0 0 no-repeat;
padding-left: 14px;
color:#eee;
text-decoration:none;
}
#footer ul li a:hover {
color:#e7c3cc;
text-decoration: underline;
}

#footer .reseau { 
width: 210px;
height: auto;
background: url("../img/suivez_moi.png") top right no-repeat;
border: 0;
}
#footer .twitter img, #footer .facebook img {margin: 10px;}
#footer .twitter img:hover {
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
#footer .facebook img:hover {
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}

/*[copyright]*/
#copy {
width: 100%;
height: 11px;
display: block;
background: #000;
font-size: 9px;
text-align: center;
}
#copy a {
color: #aaa;
text-decoration: none;
}

/*[]*/
.notes {
font-size: 0.7em;
text-align: center;
}
/**[references]**/
.ref_bas_page {
width: 90%;
margin: 0 auto;
text-align: left;
list-style-type: none;
padding: 0px;
font-size: 80%;
color: #4f7777;
}
ol.ref_bas_page > li:target, .ouvrage:target {background-color: #2c6DAF;color:#fff;}
sup.ref_bas_page:target {background-color: #2c6DAF;color:#fff;}

.navRandom {
font-size: 50% !important;
padding: 0px 7px 0px 7px;
border: 1px solid #9b9b90;
background-color: #be0251;
}
.navRandom:hover {
border: 1px solid #333;
color: #fff;
background-color: #676767;
}
#bandeauPub {
width: 98%;
min-height: 90px;
height: auto !important;
height: 90px;
margin: 0 auto;
margin-top: 3px;
margin-bottom: 3px;
padding: 2px 2px 2px 7px;
text-align: center;
background: #fff url("../commun/img/pub_v.gif") left center no-repeat;
border: 1px solid #aaa;
display: block;
}
#bandeauPub a {
text-decoration: none;
font-size: 60% !important;
color: #aaa;
}
#noJava {
width: 50%;
text-align: center;
margin: 0 auto;
color: #fff;
border: 1px inset #fff;
padding: 3px;
font: 11px Arial, Helvetica, sans-serif;
}

#commentaire {
border: 1px solid #ddd;
background: #eee;
color: #333;
}

/*[]*/
#btMenu {
float: left;
width: 100%;
background: #fff url("../commun/img/bg_bt_menu.gif") repeat-x bottom;
margin: 0 auto;
margin-top: 14px;
padding: 0;
}
#btMenu ul {
list-style: none;
font-size: 80%;
margin: 0;
padding: 0 14px 0 28px;
}
#btMenu li {
float: left;
background: url("../commun/img/bt_menu_left.gif") no-repeat left top;
margin: 0 0 0 3px;
padding: 0 0 0 5px;
white-space: nowrap;
}
#btMenu a {
display: block;
width: .1em;
background: url("../commun/img/bt_menu_right.gif") no-repeat right top;
padding: 3px 10px 4px 3px;
text-decoration: none;
font-weight: bold;
color: #333;
}
#btMenu > ul a {width:auto;}
#btMenu a {float:none;}
#btMenu a:hover {
color: #141318;
}
#btMenu .current {
background-position: 0 -150px;
border-width: 0;
}
#btMenu .current a {
background-position: 100% -150px;
padding-bottom: 5px;
color: #940000;
}
#btMenu li:hover, #btMenu li:hover a {
background-position: 0% -150px;
color: #333;
}
#btMenu li:hover a {background-position: 100% -150px;}

/*[]*/
#wrapperMenu {
margin: 0 auto;
padding: 14px;
background: #f5f6f7 url('../commun/img/wrapper_menu.jpg') 0 0 repeat;
overflow: hidden;
border-style: solid;
border-color: #eee;
border-width: 0 1px 1px 0;
height: auto;
}
#wrapperMenu ul {list-style: none;}
#wrapperMenu li {margin-bottom: 1px;}
#wrapperMenu input {margin-bottom: 7px;}
#wrapperMenu select {margin-bottom: 7px;}
#wrapperMenu textarea {margin-bottom: 7px;}
div.wrapperMenuTL {
background: url(../commun/img/coin_wrapper_menu.gif) -14px -14px repeat-x;
border: 1px solid red;
}
div.wrapperMenuTR {
float: right;
background-position: right -10px;
border: 1px solid orange;
}

/*[table stat]*/
table.stat { 
margin: 0 auto; 
border-collapse: collapse;
background-color: #7f7f9c;
color: #fff;
text-align: center;
}
table.stat a:link, table.stat a:visited, table.stat a:hover, table.stat a:active {color:#940000;}
table.stat a:hover {color:#000000;}
table.stat caption {
margin: 7px 0;
font-size: 130%;
color: #0099FF;
font-weight: bold;
}				
table.stat caption img {vertical-align: middle;}
table.stat thead {width:100%;}
table.stat tfoot td {
text-align: center;
background-color: #f7f7f7;
color: #333;
}
table.stat th {
width: 100px;
margin: 0 auto;
border: 1px solid #fff;
text-align: center;
}
table.stat td {
padding: 3px;
background: #eee; 
color: #333;
border: 0.1em solid #fff;
border-width: 0 0 0.1em 0.1em;
}
table.stat tr.gris {background-color: #ffffe7;}
table.stat tr.gris td {
background: #ddd; 
color: #333;
}
table.stat tr.yellow td {
background:  #ffffcb; 
color: #940000;
}
table.stat td a {
border: 0 !important;
padding: 0 !important;
}	  
 
/*[info bulle]*/
#infoBulle {
position: absolute;
z-index: 500;
}

a.infoBulle:hover {
position: relative;
z-index: 10; 
color: #000;
font-family: Arial, Helvetica, sans-serif;
z-index: 20; 
}
a.infoBulle span {display:none;}
a.infoBulle:hover span {
z-index: 500; 
display: block; 
position: absolute; 
top: 20px; 
left: -25px; 
padding: 5px; 
font-weight: normal; 
color: #333; 
border: 1px solid #888; 
background: #ffc; 
width: 270px;
}

/*[info bulle en JS]*/
.infoBulleJS {
width: 250px;
padding: 3px;
background: transparent url('../commun/img/info_bulle_bg.png') 0 0 repeat;
font: 12px Arial Regular, Arial, Helvetica, sans-serif;
border-style: solid;
border-color: #fde681;
border-width: 0 1px 1px 1px;
}
.infoBulleJS caption {
background: #141318 url(../commun/img/bg_bt_main.gif) 0 0 repeat-x;
text-align: center;
color: #fff;
font-weight: bold;
}
.infoBulleJS td {
text-align: left;
vertical-align: top;
}
.infoBulleJS td.col1 {
font-weight: 800;
width: 25%;
color: #777;
}
.infoBulleJS td.col2 {
font-weight: normal;
width: 100%;
color: #ae0001;
}

dl.ephemeride{
width: 270px;
height: 135px;
padding: 25px 3px 3px;
background: transparent url('../commun/img/ephemeride_bg.png') 0 0 no-repeat;
font: 12px Arial Regular, Arial, Helvetica, sans-serif;
color: #000;
}
/*[]*/
dl.infoBulleJS {
float: left;
margin: 0;
padding: 2px 1px;
font-size: 90%;
background: #ffffe0;
border: 1px solid #ebeba9;
font: 11px Arial, Helvetica, sans-serif;
}
.infoBulleJS dt { 
text-align: center;
background: #141318 url(../commun/img/bg_bt_main.gif) 0 0 repeat-x;
margin-bottom: 7px;
padding: 3px;
color: #fff;
font-weight: bold;
}
.infoBulleJS dt img	{border: 1px solid #000;}
.infoBulleJS dd {
text-align: left;
margin: 0;
padding-left: 21px;
background: transparent url(../commun/img/puce_orange.gif) 10px 50% no-repeat;
}

/*[]*/
#autoSelect {
width: 380px;
height: 25px;
line-height: 25px;
margin: 0.1em auto;
padding: 2px;
background-color: #eee;
text-align: left;
color: #333;
font-size: 100%;
border: 1px outset #777;
vertical-align: middle;
}
#autoSelect select {
width: 170px;
height: 20px;
border: 1px solid #fff;
font-size: 90%;
}
#autoSelect option {
background: #fffeee; 
color: #141318;
padding: 0 3px;
}

/*[]*/
.btnImage {
border: 1px outset #888;
background: #ddd;
cursor: pointer;
}
/*
.btnImage:hover {
border: 1px inset #888;
background: #eee;
}
*/

/*[]*/
.alerte {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 21px;
line-height: 21px;
margin: 0;
padding: 0;
background: #ffffe1;
text-align: left;
border-bottom: 2px solid #940000;
z-index: 500 !important;
}
.alerte span{
padding-left: 7px;
font-size: 11px;
font-weight: bold;
color: #141318;
}
.closeAlerte {
float: right; 
margin: 5px 5px 0 0;
width: 14px; 
height: 14px; 
border: 0; 
cursor: pointer; 
z-index: 501 !important; 
}

/*[]*/
.zoomImgContainer{
position:absolute;
left: 3px;
bottom: 5px;
text-align: left;
cursor: pointer;
background-image:url("../commun/img/zoom.gif") !important;
border: 1px solid red;
}

/*[]*/
#menuRetour {
margin-left: 45px;
padding-right: 30px;
list-style: none;
font-weight: bolder;
}
#menuRetour ul li {
list-style-type: none;
padding-top: 0px;
font-size: 110%;
}
#menuRetour a {																	 
background: transparent url(../commun/img/list-off.gif) left center no-repeat;
padding-left: 15px;
text-decoration: none;
font-size: 90%;
}
#menuRetour ul li a:hover {
background: transparent url(../commun/img/list-on.gif) left center no-repeat;
color: #ff0000;
}

.selectRub {
width: 100%;
height: auto;
background-color: #bcd;
padding: 7px 0 7px 0;
margin: 0 auto;
border: 1px solid #aaa;
}

/*img*/
.imgLeft {
float: left;
margin: 0 7px 7px 0;
padding: 3px;
border: 1px outset;
}
.imgRight {
float: right;
margin: 7px 0 7px 7px;
padding: 3px;
border: 1px outset;
}

/*[ombre]*/
.shadow	{
width: 100%;
height: 100%;
padding: 2px;
background-image: none;
border: 1px solid #777;
margin-bottom: 10px;
}
.shadow a:hover {
background-image: url(../commun/img/ombre.gif);
}

/*[]*/
#topPage {
position: relative;
display: block;
width: 100%;
min-height: 120px;
height: auto;
background: #edebd5 url('../img/top_page_bg.png') bottom left repeat;
clear: both;
}
#topPage h1 {
float: left;
background: transparent url('../img/top_page_h1.gif') 0 0 no-repeat;
height: 70px;
}
#topPage h1 a {
position: relative;
top: 25px;
left: 75px;
font-size: 25px;
line-height: 25px;
text-shadow: #fff 1px 1px 1px;
color: #777;
text-decoration: none;
}
#topPage form {
float: right;
width: 362px;
height: 91px;
background: url(../img/oeil.jpg) 0 0 no-repeat;
margin: 7px 7px 0 0;
padding: 3px;
color: #141318;
}
#topPage form p {
font: bold 14px Verdana, arial, helvetica;
color: #fff;
}
#topPage span {
color: #940000;
font-size: 70%;
padding: 3px;
}
/*[]*/
#topPageGalerie {
position: relative;
margin: 0 auto;
padding: 0;
width: 570px;
height: 100px;
text-align: center;
overflow: hidden;
background: transparent url("../commun/img/topPageGalerie_bg.png") 0 0 no-repeat;
}
#topPageGalerie a .img {
margin: 14px 2px 0;
height: 70px;
border: 2px solid #eee
}
#topPageGalerie a:hover .img {border: 2px inset;}

#topPageGalerie div.refresh {
position: absolute;
top: 0;
right: 0;
}
/*[]*/
#topPage div.contactAuteur {
position: absolute;
top: 110px;
right: 0;
border: 0;
width: 250px;
height: 250px;
margin: 0;
padding: 0;
background: #ffffe7 url(../commun/img/contactAuteur_bg.png) 0 0 no-repeat;
z-index: 1;
}
#topPage div.contactAuteur .right {
float: right;
margin: 7px;
}
#topPage div.contactAuteur h1, .contactAuteur h2, .contactAuteur p {
text-align: left;
margin-left: 7px;
}
#topPage div.contactAuteur h1, div.sendFriend h1 {
font-size: 1.2em;
line-height: 1.2em;
letter-spacing: -1px;
color: #9a18ea;
}
#topPage div.contactAuteur h2, div.sendFriend h2 {
font-size: 1em;
line-height: 1em;
color: #141318;
}
#topPage div.contactAuteur form {
float: left;
margin-left: 7px;
}
#topPage div.contactAuteur select {font-size: 1em;}
#topPage div.contactAuteur textarea {
padding: 2px;
width: 210px;
height: 120px;
}
#topPage div.contactAuteur input {
text-align: center;
}

/*[]*/
#textSearch {
width: 80%;
margin: 7px auto;
padding: 7px;
background-color: #f8ffda;
text-align: center;
border: 1px outset #450000;
color: green;
font-weight: normal;
}
.head {
width: 100%;
height: auto;
margin: 0;
color: #141318;
background: #f3f6f6 url(../commun/img/head_bg.png) 0 0 repeat-y;
vertical-align: middle;
z-index: -1;
}
.head:hover {background-position: 0 -100px;}
.head div.coinTR {background: transparent url(../commun/img/head_coin_TR.gif) top right no-repeat;}

.head ul li {
list-style: none;
display: inline;
}
.head a.all {
float: left; 
clear: left;
width: 250px; 
text-align: left;
font-weight: 800;
margin-bottom: 0.3em;
padding: 2px;
color: #a5a5a5;
text-decoration: none;
background: #eee;
font-weight: 400;
}
.head a:hover {
color: #cc0000;
text-decoration: underline;
}
.head span {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #aaa;
}
.lettrine {
width: 35px;
height: 45px;
margin: 0;
padding: 0px 3px 3px 3px;	
font-family: Arial;
font-size: 42px;
line-height: 42px;
font-weight: bold;
background: #940000 url('../commun/img/lettrine_bg.png') center center no-repeat;
color: #fff;
}
.lettrine a {color: #fff;}

/*[A  Z]*/
#indexLettre {
width: 100%;
height: 45px;
line-height: 45px;
text-indent: 45px;
margin: 0;
padding: 0;
background: transparent url('../img/index_lettre_bg.png') 0 0 repeat-x;
color: #777;
vertical-align: middle;
}
#indexLettre a {
background-color: #ffffe7;
color: #777;
font: bold 1.4em Arial, Verdana, Times, serif;
margin: 0 2px;
padding: 2px;
text-decoration: none;
border: 1px solid #bdbdbd;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
}
#indexLettre a:hover, #indexLettre a:focus, #indexLettre a.active {
background: transparent url("../commun/img/transparent_red.png") 0 0 repeat-x;
color: #fff;
}

/*[partager]*/
#share {
padding: 0 3px;
background: transparent;
}
#share h2 {
font: bold 14px Arial, Helvetica, Sans-serif;
color: #777;
border-bottom: 1px solid #777;
margin-bottom: 14px;
}
#share img {
float: left;
padding: 0 5px;
}

/*[tools]*/
.tools {
height: auto;
margin-left: 3px;
background-color: #fff;
color: #333;
font: 10px arial, sans-serif;
}
.tools a {
text-decoration: none;
color: #777;
}
.tools ul {
float: left;
list-style: none;
margin: 1px;
}
.tools li {
float: left;
position: relative;
margin-right: 7px;
padding: 0 2px 0 0;
display: inline;
background: transparent url(../commun/img/bg_button.gif) repeat-x 0 0;
}
.tools img {vertical-align: middle;}
.tools span {
color: #333;
padding-left: 7px;
}

/*[]*/
#articleLier {
width: 74%;
margin: 0;
padding: 3px;
}
#articleLier h2 {
margin: 0;
padding: 0;
font: bold 14px Arial, Helvetica, Sans-serif;
color: #777;
}
#articleLier a {
font-weight: bold;
}

#mapGoogle {
width: 100%; 
height: 600px;
margin: 0 auto;
padding: 0;
overflow: hidden;
border: 1px solid #aaa;
}
#latLongGps {
margin: 7px auto; 
padding: 14px; 
border: 1px solid #eee;
font-size: 120%;
}
#latLongGps span {
float: left; 
clear: left; 
display: block; 
width: 180px; 
text-align: left;
}

/*[]*/
#btMenuCarre {
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
#btMenuCarre li{
list-style: none;
margin: 0;
display: inline;
}
#btMenuCarre li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}
#btMenuCarre li a:link { color: #448; }
#btMenuCarre li a:visited { color: #667; }
#btMenuCarre li a:hover{
color: #000;
background: #AAE;
border-color: #227;
}
#btMenuCarre li a#current{
background: white;
border-bottom: 1px solid white;
}

/*[]*/
.tooltip {
position: relative;
font-size: 11px;
border: 1px solid #333;
position: relative;
z-index: 500;
color: #333;
padding: 3px;
background: #ffc;
}

/*[]*/
a.linkTooltip {
color: #777 !important;
border-bottom: 1px dotted #777 !important;
text-decoration: none !important;
}

/*[]*/
div.sendFriend {
position: absolute;
top: 50%;
left: 50%;
border: 0;
width: 350px;
height: 350px;
margin: 0;
padding: 0;
background: url(../commun/img/sendFriend_bg.png) 0 0 no-repeat;
z-index: 500;
}
div.sendFriend h1 {
font-size: 1.2em;
line-height: 1.2em;
letter-spacing: -1px;
color: #9a18ea;
}
div.sendFriend h2 {
font-size: 1em;
line-height: 1em;
color: #141318;
}
div.sendFriend .close {
position: absolute;
top: 14px;
right: 14px;
}
div.sendFriend form {
float: left;
text-align: left;
padding: 14px;
}
div.sendFriend .sendFriendMsg {
padding: 2px;
width: 280px;
height: 140px;
background: #fffeee;
}
div.sendFriend p {
padding: 3px 0 0;
font-size: 80%;
color: #940000;
}
#artprice, #findArt {
width: 90%;
height: auto;
margin: 14px auto;
padding: 7px 0;
color: #ffffe7;
text-align: center;
border: 1px solid #940000;
}
#artprice a, #findArt a {
color: #fff;
text-decoration: none;
}
#joker {
width: 90%;
margin: 0 auto;
padding: 14px 0;
background: #333;
color: #ffffe7;
text-align: center;
border-width: 2px 0 2px 0;
border-style: solid;
border-color: #940000;
}
#artprice {background: #000 url("../commun/img/artprice_bg.png") 0 0 repeat;}
#findArt {background: url("http://www.findartinfo.com/banners/smallbannerbg.gif") 0 0 repeat;}


.loupe {
position: absolute; 
bottom: 0;
left: 50%;
width: 16px; 
height: 16px;
}
.loupe a {
display: block; 
width: 14px; 
height: 14px; 
overflow: hidden; 
background: #eee url(../commun/img/loupe_apercu.gif);
cursor: url('../commun/img/zoom.cur'), auto;
}
.plus {
position: absolute; 
bottom: 0;
left: 50%;
width: 14px; 
height: 14px;
margin: 1px;
}
.plus a {
display: block; 
width: 14px; 
height: 14px; 
background: #eee url(../commun/img/plus.gif);
}
.info {
position: absolute; 
bottom: 0;
left: 40%;
width: 14px; 
height: 14px;
margin: 1px;
}
.info a {
display: block; 
width: 14px; 
height: 14px; 
background: #eee url(../commun/img/info12x12.png);
}

#google_translate_element {
position:absolute;
top: 25px;
right: 0;
z-index: 500;
width: 210px;
height: 27px;
background: url("../commun/img/box_traduction.gif") right bottom no-repeat;
text-align: center;
}
#google_translate_element select {
margin: 0 auto;
width: 190px;
height: 21px;
font: 11px Verdana, Arial, Helvetica;
}

/*[]*/
#menu {
float: left;
width: 100%;
position: relative; 
height: 30px;
margin: 0; 
padding: 0;
background: #333 url('../img/menu_bg.gif') left bottom repeat-x;
display: block;
z-index: 50;
}
#menu, #menu ul {
padding: 0;
margin: 0;
list-style-type: none;
}
#menu li {
float: left;
position: relative;
text-align: center;
}
#menu a, #menu a:visited {
display: block; 
width: 123px; 
font: bold 12px Arial;
color: #fff; 
height: 30px;
line-height: 30px;
vertical-align: middle;
text-decoration:none; 
text-indent: 5px; 
background: transparent url(../img/bt_menu.gif) 0 0 no-repeat;
/*text-shadow: -1px -1px 6px rgba(255, 255, 255, 0.6), -1px -1px 1px #fff;*/
}
#menu a:hover, #menu a.actif {background: transparent url(../img/bt_menu_hover.gif) 0 0 no-repeat;}
#menu a img {
margin-top: 5px;
float: right;
vertical-align: middle;
}

#menu li:hover > a{
background: url(../img/bt_menu_hover.gif) 0 0 repeat-x;
color: #fff;
}
#menu li ul {display: none;}
#menu li:hover > ul {
display:block; 
position:absolute; 
top: 20px; 
left: 101px;
}
#menu > li:hover > ul {
left: 0; 
top: 30px;
}
#menu a b {
text-align: left;
width: 170px;
height: 30px;
line-height: 30px; 
display: block; 
background: #aaa url("../img/bt_sous_menu.png") left bottom repeat-x;
color: #fff; 
font-size: 12px; 
font-weight: 800;
padding: 0px;  
cursor: pointer;
border: 1px solid #1552ad;
border-width: 1px 1px 0 1px; 
}
#menu a:hover b {background: #aaa url("../img/bt_sous_menu_hover.png") left bottom repeat-x;}
#menu a b.last {border-bottom-width:1px;}

#sousMenuArtiste {
position:absolute; 
top: 30px; 
right: -40%;
width: 340px;
height: 60px;
padding: 0 0 10px 10px;
background: #fff;
text-align: left;
border: 2px outset;
}
#sousMenuArtiste p {
font-size: 12px;
height: 30px;
line-height: 30px;
vertical-align: middle;
}
#sousMenuArtiste .text {
width: 290px;
height: 20px;
padding: 1px;
border: 1px solid #940000;
background: #eee;
}

#blocText{
min-height: 470px;
height: auto !important;
height: 500px;
padding: 21px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #606481;
}

#blocText blockquote {
margin: 0 0 14px 14px;color: #333;
}
#blocText h1, 
#blocText h2 {
margin: 14px 0;
}
#blocText h3 {
margin: 7px 0 7px 14px;
font-size: 100%;
color: #e2a618;
}
div.quoteTop {
margin: 10px;
padding: 10px 0 0 14px;
border-bottom: 1px solid #efefef;
font: bolder 1.1em tahoma, Verdana, Arial;
background: #fdfdfd url('../commun/img/guillemet_haut.gif') left top no-repeat;
}
div.quoteTop p{text-align: justify;}
div.quoteBas {
background: url('../commun/img/guillemet_bas.gif') right bottom no-repeat;
padding: 10px 0;
}
.lexique {
width: 90%;
margin: 10px;
padding: 20px 0;
border-bottom: 1px solid #efefef;
font: bolder 1.1em tahoma, Verdana, Arial;
}
.lexique span {
font-size: 1.666em;
color: #0072bc;
}
/*[LISTE]*/
a.allAuteur {
color: #660000;
line-height: 1.5em;
font-size: 1.2em; 
text-decoration: none;
}
a:hover.allAuteur {
color: #d7162c;
text-decoration: underline;
}
div.allAuteur a {
font-family: Arial, Helvetica, Verdana;
width: 70px;
height: 70px;
display: block;
line-height: 70px;
font-size: 50px;
background-color: #660000;
color: #fff;
text-decoration: none;
text-align: center;
border: 3px outset;
overflow: hidden;
}
div.allAuteur a:hover {
background-color: #d7162c;
}
p.allAuteur {
margin-left: 42px;
padding-left: 7px;
border-left: 2px solid #660000;
}

/*[]*/
.puceChine li {
margin: 0;
padding-left: 27px; 
list-style: none;
background: url("../commun/img/puce_chine_rond.gif") 0 0 no-repeat;
height: 25px;
line-height: 25px;
vertical-align: middle;
}

/*[]*/
.puceVerte {
display: table-cell;
list-style-image: url("../commun/img/puce_verte.gif");
padding-left: 14px;
}
.puceVerte li {
line-height: 2em;
margin: 0 0 0 17px;
}
.noPuce {list-style: none;}

/*[]*/
.txtRight {text-align: right;}
.strong {font-weight: 800;}
.normal {font-weight: normal;}
.txtBarrer {text-decoration: line-through;}

/*[]*/
.col20Percent {width:20% !important;}
.col30Percent {width:30% !important;}
.col40Percent {width:40% !important;}
.col50Percent {width:50% !important;}
.col60Percent {width:60% !important;}
.col70Percent {width:70% !important;}
.col74Percent {width:74% !important;}
.col80Percent {width:80% !important;}
.col90Percent {width:90% !important;}

.col100 {width:100px !important;}
.col150 {width:150px !important;}
.col200 {width:200px !important;}
.col220 {width:220px !important;}
.col250 {width:250px !important;}
.col300 {width:300px !important;}
.col350 {width:350px !important;}
.col400 {width:400px !important;}
.col450 {width:450px !important;}
.col500 {width:500px !important;}
.col520 {width:520px !important;}
.col600 {width:600px !important;}
.col800 {width:800px !important;}
.fullWidth {width:100% !important;}
/*[]*/
.bgSite {background-color: #ca0d2b;}
.bgBlanc {background-color: #fff;}
.bgBlanc10 {background-color: #fcfcfc;}
.bgBlanc20 {background-color: #eee;}
.bgBlanc30 {background-color: #eceece;}
.bgBlanc40 {background-color: #e1dbd4;}
.bgNoir {background-color: #000;}
.bgNoir10 {background-color: #141318;}
.bgNoir20 {background-color: #333;}
.bgNoir30 {background-color: #777;}
.bgCyan {background-color: #dddeee;}
.bgCyan10 {background-color: #ccd7f4;}
.bgCyan20 {background-color: #dee7fe;}
.bgCyan30 {background-color: #e7eced;}
.bgVert {background-color: #e2f4cc;}
.bgVert10{background-color: #abbdad;}
.bgRed {background-color: #ff0000;}
.bgRed10 {background-color: #990000;}
.bgRed20 {background-color: #940000;}
.bgRed30 {background-color: #660000;}
.bgDegraderGris {background: url(../commun/img/degrader_gris.png) 0 0 repeat-y;}
.bgGris {background-color: #ddd;}
.bgGris10 {background-color: #c5c5c5;}
.bgGris20 {background-color: #9f9f9f;}
.bgGris30 {background-color: #888;}
.bgOrange {background-color: #f7e86e;}
.bgYellow {background-color: #fff8be;}
.bgMarron {background-color: #bfa670;}
.bgMarron10 {background-color: #c19f5d;}
.bgMarron20 {background-color: #cb9d43;}
.bgMarron30 {background-color: #b58935;}
.bgGrenat {background-color: #940000;}
.bgBleu {background-color: #414161;}

/*[]*/
.txtSite {color: #545454;}
.txtBlanc {color: #fff;}
.txtBlanc10 {color: #ffffce;}
.txtBlanc20 {color: #fcfcfc;}
.txtBlanc30 {color: #eee;}
.txtBlanc40 {color: #eceece;}
.txtNoir {color: #000;}
.txtNoir10 {color: #141318;}
.txtNoir20 {color: #333;}
.txtNoir30 {color: #777;}
.txtGris10 {color: #ccc;}
.txtGris20 {color: #aaa;}
.txtGris30 {color: #636363;}
.txtRed {color: #ff0000;}
.txtRed10 {color: #c00;}
.txtRed20 {color: #660000;}
.txtGrenat {color: #940000;}
.txtOrange {color: #e35a24;}
.txtGreen {color: #00ff00;}
.txtGreen10 {color: #339933;}
.txtGreen20 {color: #007700;}
.txtBleu {color: #3399CC;}
.txtBleu10 {color: #0099FF;}
.txtBleu20 {color: #669999;}

/*[]*/

.n9{font-size:9px;font-weight:normal;}
.n10{font-size:10px;font-weight:normal;}
.n11{font-size:11px;font-weight:normal;}
.n12{font-size:12px;font-weight:normal;}
.n13{font-size:13px;font-weight:normal;}
.n14{font-size:14px;font-weight:normal;}
.n15{font-size:15px;font-weight:normal;}
.n16{font-size:16px;font-weight:normal;}
.n17{font-size:17px;font-weight:normal;}
.n18{font-size:18px;font-weight:normal;}
.n19{font-size:19px;font-weight:normal;}
.n20{font-size:20px;font-weight:normal;}
.n21{font-size:21px;font-weight:normal;}
.n22{font-size:22px;font-weight:normal;}
.n23{font-size:23px;font-weight:normal;}
.n24{font-size:24px;font-weight:normal;}
.n25{font-size:25px;font-weight:normal;}
.n26{font-size:26px;font-weight:normal;}
.n27{font-size:27px;font-weight:normal;}
.n28{font-size:28px;font-weight:normal;}
.n29{font-size:29px;font-weight:normal;}
.n30{font-size:30px;font-weight:normal;}.n31{font-size:31px;font-weight:normal;}.n32{font-size:32px;font-weight:normal;}.n33{font-size:33px;font-weight:normal;}.n34{font-size:34px;font-weight:normal;}.n35{font-size:35px;font-weight:normal;}.n36{font-size:36px;font-weight:normal;}.n37{font-size:37px;font-weight:normal;}.n38{font-size:38px;font-weight:normal;}.n39{font-size:39px;font-weight:normal;}.n40{font-size:40px;font-weight:normal;}.n41{font-size:41px;font-weight:normal;}.n42{font-size:42px;font-weight:normal;}.n43{font-size:43px;font-weight:normal;}.n44{font-size:44px;font-weight:normal;}.n45{font-size:45px;font-weight:normal;}.n50{font-size:50px;font-weight:normal;}.n55{font-size:55px;font-weight:normal;}/*[]*/.b9{font-size:9px;font-weight:bold;}.b10{font-size:10px;font-weight:bold;}.b11{font-size:11px;font-weight:bold;}.b12{font-size:12px;font-weight:bold;}.b13{font-size:13px;font-weight:bold;}.b14{font-size:14px;font-weight:bold;}.b15{font-size:15px;font-weight:bold;}.b16{font-size:16px;font-weight:bold;}.b17{font-size:17px;font-weight:bold;}.b18{font-size:18px;font-weight:bold;}.b19{font-size:19px;font-weight:bold;}.b20{font-size:20px;font-weight:bold;}.b21{font-size:21px;font-weight:bold;}.b22{font-size:22px;font-weight:bold;}.b23{font-size:21px;font-weight:bold;}.b24{font-size:22px;font-weight:bold;}.b25{font-size:25px;font-weight:bold;}.b26{font-size:26px;font-weight:bold;}.b27{font-size:27px;font-weight:bold;}.b28{font-size:28px;font-weight:bold;}.b29{font-size:29px;font-weight:bold;}.b30{font-size:30px;font-weight:bold;}.b31{font-size:31px;font-weight:bold;}.b32{font-size:32px;font-weight:bold;}.b33{font-size:33px;font-weight:bold;}.b34{font-size:34px;font-weight:bold;}.b35{font-size:35px;font-weight:bold;}.b36{font-size:36px;font-weight:bold;}.b37{font-size:37px;font-weight:bold;}.b38{font-size:38px;font-weight:bold;}.b39{font-size:39px;font-weight:bold;}.b40{font-size:40px;font-weight:bold;}/*[]*/.txtCond250 {letter-spacing : -2.5px;}.txtCond200 {letter-spacing : -2px;}.txtCond175 {letter-spacing : -1.75px;}.txtCond150 {letter-spacing : -1.5px;}.txtCond100 {letter-spacing : -1px;}.txtCond50 {letter-spacing : -0.5px;}/*[]*/.lineHeight14{line-height:14px;}.lineHeight15{line-height:15px;}.lineHeight16{line-height:16px;}.lineHeight17{line-height:17px;}.lineHeight18{line-height:18px;}.lineHeight19{line-height:19px;}.lineHeight20{line-height:20px;}.lineHeight21{line-height:21px;}.lineHeight22{line-height:22px;}.lineHeight23{line-height:23px;}.lineHeight24{line-height:24px;}.lineHeight25{line-height:25px;}.lineHeight26{line-height:26px;}.lineHeight27{line-height:27px;}.lineHeight28{line-height:28px;}.lineHeight29{line-height:29px;}.lineHeight30{line-height:30px;}.lineHeight35{line-height:35px;}.lineHeight40{line-height:40px;}.lineHeight45{line-height:45px;}