* {outline:none}

#listeOnglet {position:absolute; background:#dfd7cc; z-index:500; width:150px; margin-top:-5px; margin-left:497px; border:1px solid #CCC; filter:progid:DXImageTransform.Microsoft.Shadow(color=#C6C6C6, Direction=120, Strength=3)}
#listeOnglet div { text-align:left; background:#dfd7cc;}
#listeOnglet div a { display:block; background:#dfd7cc; border-bottom:1px solid #CCC; text-decoration:none; padding:3px; color:#663300; font-size:1em}
#listeOnglet div a:hover { display:block; background:#f4f4ef; border-bottom:1px solid #CCC; text-decoration:none; padding:3px; color:#1b2c2d; font-size:1em}

#ongletAdmin { background:#dfd7cc; height:24px; margin-bottom:5px }
#ongletAdmin a { float:left; background:#dfd7cc; padding:5px; display:block; border-right:1px solid #9a2607; color:#663300; text-decoration:none}
#ongletAdmin a:hover { float:left; background:#f4f4ef; padding:5px; display:block; border-right:1px solid #9a2607; color:#1b2c2d; text-decoration:none}
#ongletAdmin a.On { float:left; background:#f4f4ef; padding:5px; display:block; border-right:1px solid #9a2607; color:#1b2c2d; text-decoration:none}
#ongletAdmin a.On { float:left; background:#f4f4ef; padding:5px; display:block; border-right:1px solid #9a2607; color:#1b2c2d; text-decoration:none}
#ongletAdmin a.ongletAdminSuite{ float:right; padding:3px 3px 0px 0px; border:0px; background:transparent}
#ongletAdmin a:hover.ongletAdminSuite{ float:right; padding:3px 3px 0px 0px; border:0px; background:transparent}

.boutonConteneur {height:17px; display:block; line-height:17px; margin:5px 0px 10px 10px; float:right}
.boutonConteneur img { float:left}
.boutonConteneur span { float:left}
.boutonConteneur a {font-size:1em; padding-bottom:2px; line-height:15px; display:block; float:left; background:url(../image/bouton/fond.gif) repeat-x; text-decoration:none}
.boutonConteneur a:hover {font-size:1em; padding-bottom:2px; line-height:15px; display:block; float:left; background:url(../image/bouton/fond.gif) repeat-x; text-decoration:none}

/* TABLEAU */
.bgTdTable {width:100%; margin-bottom:10px; border-collapse:collapse }
.bgTd th { background-color:#DFD7CC; border-bottom:1px solid #999; border-top:1px solid #999; color:#816F65; font-weight:bold; padding:3px 5px; text-align:left; }
.bgTd th img { margin-right:0px; vertical-align:middle; background:#9a2607}
.bgTd th img.Off { margin-right:0px; vertical-align:middle; background:#dfd7cc}
.bgTd th a { text-decoration:none; color:#9a2607; font-weight:bold}
.bgTd th a:hover { text-decoration:none; color:#1b2c2d; font-weight:bold}
.bgTd td {background-color:#F4F4EF; padding:3px 5px 3px 5px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px dotted #999}
.bgTdOff td {background-color:#f2eee9; padding:3px 5px 3px 5px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px dotted #999}
.bgTdOn td {background-color:#eae5df; padding:3px 5px 3px 5px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px dotted #999}
.bgTd td img { margin-right:5px}
.bgTdOff td img { margin-right:5px}
.bgTdOn td img { margin-right:5px}

.paginationTable { color:#CC0000; text-align:right; float:right; margin-bottom:0px }
.paginationTable img { vertical-align:middle; margin-right:2px; margin-left:2px}
.paginationTable a { color:#9A2607; text-decoration:none}
.paginationTable a:hover { color:#1b2c2d; text-decoration:none}
.paginationTable a.On { color:#1b2c2d; text-decoration:none}
.paginationTable a.On:hover { color:#1b2c2d; text-decoration:none}

.borderBack { border:1px solid #FF9933}
.borderBack input { text-indent:2px}
.borderBack.border{ border:1px solid #FF9933}
.menuBackLayer { background:#FCF0D7; color:#FF6633; padding:5px; display:block}
.menuBackLayer a { color:#FF6633}
.menuBackLayer a:hover { color:#FF6633}
.lienBackMenu { position:absolute; background:#FCF0D7; padding:10px; filter:progid:DXImageTransform.Microsoft.Shadow(color=#C6C6C6, Direction=120, Strength=3); width:200px}
.lienBackMenu a { color:#FF6633}
.lienBackMenu a:hover { color:#FF6633}
.lienBackMenu li { border-bottom:1px dotted #FFF}
.fckeditor { background:url(../image/module/administration/fckeditor.gif) no-repeat top left; padding-top:73px}
.fckeditor textarea { border:0px; height:138px; width:99%; border:1px solid #666}

#choixGab div { height:150px; float:left}
.imgButton {border:2px solid #FFF; float:left; margin:10px; outline:none}
.imgButtonOn   {border:2px solid #FF6633; float:left; margin:10px; outline:none}

* html #choixGab { height:100%}
* html #choixGab div a:hover { display:block; height:300px}

.titreTab { width:100%; height:25px; font-weight:bold; border-bottom:1px solid #CCC}
.titreTab div.c1 { float:left; width:450px; padding:5px; display:inline}
.titreTab div.c2 { float:left; width:100px; padding:5px; display:inline}

.ligneTabOff { width:100%; background:#F7F5EC; height:30px}
.ligneTabOff div.c1 { float:left; width:450px; padding:5px; display:inline}
.ligneTabOff div.c2 { float:left; width:100px; padding:5px; display:inline}

.ligneTabOn { width:100%; background:#FFF; height:30px}
.ligneTabOn div.c1 { float:left; width:450px; padding:5px; display:inline}
.ligneTabOn div.c2 { float:left; width:100px; padding:5px; display:inline}

#thumbsBack { margin-top:20px}
#thumbsBack a { border:2px solid #FFF}
#thumbsBack a:hover { border:2px solid #FF6633}
#thumbsBack a.On { border:2px solid #FF6633}
#thumbsBack a.On:hover { border:2px solid #FF6633}

/* OTHER */


h1 { color:#663300; font-size:14px; font-weight:bold; padding:0px 0px 20px 0px; margin:0px 0px 0px 0px }

.w100p { width:100%}
.w100 { width:100px}

a {color: #9A2607; text-decoration: none; font-size:11px}
a:hover{color:#1b2c2d; text-decoration: underline; font-size:11px}
a.On {color: #1b2c2d; text-decoration: none; font-size:11px}
a.On:hover{color:#1b2c2d; text-decoration: underline; font-size:11px}

#contenuMiddle { background:url(../image/contenu/contenu_middle.gif) #cbbca9 top repeat-x; height:auto}
#shadowMiddle { background:url(../image/contenu/shadowmiddle.jpg) top right no-repeat; height:auto; padding-bottom:20px }

body {margin:0px; background-color:#1B2C2D}
body, a, table, tr, td {font-family: Arial, Helvetica, sans-serif; color: #666; font-size:11px}
select, textarea, input {font-family: Arial, Helvetica, sans-serif; background-color:#DFD7CC; font-size:11px; color:#000; border: solid 1px #95A3A1; text-indent:1px; scrollbar-3dlight-color: #CBBCA9; scrollbar-arrow-color: #9A2607; scrollbar-darkshadow-color: #CBBCA9; scrollbar-face-color: #CBBCA9; scrollbar-highlight-color: #AF9884; scrollbar-shadow-color: #AF9884; scrollbar-track-color: #CBBCA9; scrollbar-base-color: #AF9884 }
table {margin:0px; padding:0px; border:0px}
table tr, td {margin:0; padding:0}
input {border: solid 1px #95A3A1; color:#000; background-color:#DFD7CC; text-indent:2px}
a img {border:0px}
img {margin:0px; padding:0px; border:0px; }
form { margin:0px; padding:0px}
p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
a {color: #9A2607; text-decoration: none; font-size:11px}
a:hover{color:#9A2607; text-decoration: underline; font-size:11px}
ul {list-style-image:  url(../image/picto/pucelien.gif); padding:0px; margin:10px 0px 0px 20px}
ul ul {	list-style-image:  url(../image/picto/pucepl1.gif); padding:0px; margin:0px 0px 0px 10px}
ul ul ul {	list-style-image:  url(../image/picto/pucepl2.gif); padding:0px; margin:0px 0px 0px 20px}
li {margin:5px 0px 5px 0px}

a.hiddenProduit {font-size:10px; color:#663300; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
a.hiddenProduit:hover {font-size:10px; color:#663300; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
.hiddenAccueil {font-size:10px; color:#CBBCA9;}

/* TABLEAU */
.tdBottom { vertical-align:bottom}
.tdTop { vertical-align:top}
.tdCenter { text-align:center}
.tdLeft { text-align:left}
.tdRight { text-align:right}
.tdMiddle { vertical-align:middle}

/* STRUCTURE */
.absolute { position:absolute}
.relat { position:relative}
.zindex1 { z-index:1}
.zindex10 { z-index:10}
.zindex20 { z-index:20}
.zindex30 { z-index:30}
.zindex40 { z-index:40}
.zindex50 { z-index:50}
.divMiddle { width:685px}
.divMiddle2 { width:1000px}
.divTrouver { width:580px}
.colorDiv { scrollbar-3dlight-color: #CBBCA9; scrollbar-arrow-color: #9A2607; scrollbar-darkshadow-color: #CBBCA9; scrollbar-face-color: #CBBCA9; scrollbar-highlight-color: #AF9884; scrollbar-shadow-color: #AF9884; scrollbar-track-color: #CBBCA9; scrollbar-base-color: #AF9884}
.colorProjetDiv { height:70px; scrollbar-3dlight-color: #EFE5D9; scrollbar-arrow-color: #9A2607; scrollbar-darkshadow-color: #EFE5D9; scrollbar-face-color: #EFE5D9; scrollbar-highlight-color: #AF9884; scrollbar-shadow-color: #AF9884; scrollbar-track-color: #EFE5D9; scrollbar-base-color: #AF9884}
.projetDiv {width:270px; height:138px; overflow:auto}
.divTexteProjet { width:300px; height:310px;  overflow:-moz-scrollbars-vertical; overflow-x:hidden; overflow-y:scroll; text-align:left; padding-left:10px; margin-top:20px; padding-right:10px}

.w100p { width:100%}

/*padding*/
.pt2 { padding-top:2px}
.pt5 { padding-top:5px}
.pt10 { padding-top:10px}
.pt15 { padding-top:15px}
.pb3 { padding-bottom:3px}
.pb5 { padding-bottom:5px}
.pb10 { padding-bottom:10px}
.pb20 { padding-bottom:20px}
.pb40 { padding-bottom:40px}
.pt20 { padding-top:20px}
.pt30 { padding-top:30px}
.pt60 { padding-top:60px}
.pt70 { padding-top:70px}
.pt100 { padding-top:100px}
.pl10 { padding-left:10px}
.pl15 { padding-left:15px}
.pl20 { padding-left:20px}
.pl30 { padding-left:30px}
.pl35 { padding-left:35px}
.pl75 { padding-left:75px}
.pl95 { padding-left:95px}
.pr10 { padding-right:10px}
.pr20 { padding-right:20px}
.pr30 { padding-right:30px}
.pr40 { padding-right:40px}
.pr10 { padding-right:10px}
/*margin*/
.mt-1 { margin-top:-1px}
.mt10 { margin-top:10px}
.mt20 { margin-top:20px}
.mt25 { margin-top:25px}
.mt30 { margin-top:30px}
.mt50 { margin-top:50px}
.mr5 { margin-right:5px}
.mb10 { margin-bottom:10px}
.mb20 { margin-bottom:20px}
.mr10 { margin-right:10px}
.mr20 { margin-right:20px}
.ml5 { margin-left:5px}
.ml10 { margin-left:10px}
.ml20 { margin-left:20px}
.ml30 { margin-left:30px}
.ml40 { margin-left:40px}
.ml80 { margin-left:80px}
.ml70 { margin-left:70px}
.ml100 { margin-left:100px}
/*autre*/
.auto { overflow:auto}
.autoV {overflow-y:hidden; overflow-x:hidden; overflow:hidden }
.fleft { float:left}
.fright { float:right}
.clear { clear:both}
.bottom { vertical-align:bottom}
.textRight { text-align:right}
.textJustify { text-align: justify}
.textLeft { text-align:left}
.hTop { height:145px}
.wtprod { width:355px}

/* IMAGES UNIVERS */
#imgColor {margin-top:-40px; color:#9A2607; font-size:10px;}
#imgColor img {border:1px solid #9A2607}
#imgColor span {border:1px solid #9A2607}
#imgColor a { color:#9A2607; font-size:10px; text-decoration:none}
#imgColor a:hover { color:#9A2607; font-size:10px; text-decoration:underline}
#famille td { padding-left:11px; vertical-align:top}
.imgOn {border:1px solid #9A2607}
.imgOff {border:1px solid #B9A792}
.imgTitre { height:155px; vertical-align:bottom; text-align:right; width:295px; z-index:1}
.logo {position:absolute; padding-top:15px; padding-left:15px; z-index:10}
.imgProjRight {border:9px solid #FFF; margin:0px 0px 0px 10px}
.imgProjLeft{ border:9px solid #FFF; margin:0px 10px 0px 0px}
.imgBorder{border:1px solid #9A2607}

/* HOME */
.layerHomeTransp1 { background-color:#152223; filter:Alpha(opacity=85);-moz-opacity:0.85;opacity:0.85; height:75px; margin-top:359px; width:1000px; border-bottom:1px solid #CCC}
.layerHomeTransp2 {  background-color:#152223; filter:Alpha(opacity=65);-moz-opacity:0.65;opacity:0.65; height:130px; margin-top:434px; width:1000px}
.layerHomeTransp3 {  background-color:#152223; height:24px; margin-top:564px; width:1000px; border-top:1px solid #697778}
.layerTransp1 { background-color:#152223; filter:Alpha(opacity=85);-moz-opacity:0.85;opacity:0.85; height:51px; border-bottom:1px solid #988270}
.layerTransp2 {  background-color:#152223; filter:Alpha(opacity=65);-moz-opacity:0.65;opacity:0.65; height:130px; margin-top:50px; width:1000px}
.layerTransp3 {  background-color:#152223; height:24px; margin-top:180px; width:1000px; border-top:1px solid #697778}
.homeText {color:#CCC; font-size:12px}

/* MENU */
#menuHome { height:75px}
#menuHome a{font-size:16px; color:#CCC; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
#menuHome a:hover {font-size:16px; color:#FFF; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
#menuHome td {padding:0px 5px 0px 5px; font-size:16px; color:#CCC; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
#menu { height:51px}
a.menu {font-size:16px; color:#999; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
a.menu:hover {font-size:16px; color:#FFF; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
#menu td {padding:0px 5px 0px 5px; font-size:16px; color:#999; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif}
a.menuOn  {font-size:16px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none}
a.menuOn:hover {font-size:16px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none}

/* CONTENU */
#homeContent { height:130px}
#homeContent a { color:#DC1D16; text-decoration:none}
#homeContent a:hover { color:#DC1D16; text-decoration:underline}
#bando { height:180px; width:1000px; background-position:bottom; background-repeat:no-repeat}
#bando2 { background-image:url(../image/bando/rub2.jpg); height:180px; width:1000px; background-position:bottom; background-repeat:no-repeat}
#bando3 { background-image:url(../image/bando/rub3.jpg); height:180px; width:1000px; background-position:bottom; background-repeat:no-repeat}
#bando4 { background-image:url(../image/bando/rub4.jpg); height:180px; width:1000px; background-position:bottom; background-repeat:no-repeat}
#bandotransv { background-image:url(../image/bando/rubtransv.jpg); height:180px; width:1000px; background-position:bottom; background-repeat:no-repeat}
#bandonews { background-image:url(../image/bando/rubnews.jpg); height:180px; width:1000px; background-position:bottom; background-repeat:no-repeat}

#shadowMiddle { background:url(../image/contenu/shadowmiddle.jpg) top right no-repeat; height:239px}
#contenuTop { background-color:#CBBCA9; height:145px}
.contenuColorTop { background-color:#CBBCA9;}
#contenuMiddle { background-image:url(../image/contenu/contenu_middle.gif); background-repeat:repeat-x; height:239px}

/* PRODUIT */
.titre { color:#663300; font-size:17px; font-weight:bold}
a.titre{ color:#663300; font-size:17px; font-weight:bold}
a.titre:hover{ color:#663300; font-size:17px; font-weight:bold;cursor : default;text-decoration:none;}

.sTitre { color:#663300; font-size:15px; font-style:italic}
.paragraphe { color:#663300; font-size:12px; font-weight:bold}
.imgProd { width:80px}
.textProd { width:370px}

/* PORTLET */
.p1Top { background-image:url(../image/portlet/p1top.jpg); background-repeat:no-repeat; background-position:top; height:170px}
.p1Bottom { background-image:url(../image/portlet/p1bottom.jpg); background-repeat:no-repeat; background-position:bottom}
.p1Titre { color:#663300; font-size:14px; font-weight:bold}
.p1Text { color:#663300}
/*calcul quantite*/
.calculText {width:200px; color:#663300; text-align:justify}
.calcul {width:200px;background-color:#C3B4A1; color:#FFF; margin-left:75px}
.calcul td {color:#FFF}
.calcultop { background:url(../image/portlet/tr1.gif) no-repeat top right}
.calculbottom {background:url(../image/portlet/br1.gif) no-repeat top right}
img.corner { width:4px; height:4px; border:none; display:block !important}

/* CHEMIN PROGRESSION */
#chemin {margin-top:-20px; color: #7A8E8E; font-size:10px}
#chemin a {color: #7A8E8E; text-decoration: none; font-size:10px}
#chemin a:hover{color:#FFF; text-decoration: none; font-size:10px}

/* NAV TRANSVERSE */
#navtrans {}
#navtrans td {font-size:10px}
#navtrans a {color: #7A8E8E; text-decoration: none; font-size:10px}
#navtrans a:hover{color:#CCC; text-decoration: none; font-size:10px}
.navtransOn { color:#CCC}

/* FORMULAIRE */
.calque { border:0px; background-color:transparent}
.champOblig { color:#9A2607}
.textOblig {background-color:#F5C4B8}
.asterisque { background-color:#9A2607; width:2px; padding:1px 0px 1px 0px; margin-left:5px; margin-right:2px}
.asterisqueOff {width:2px; padding:1px 0px 1px 0px; margin-left:5px; margin-right:2px}
a.bouton { font-size:11px; color:#FFF; font-weight:bold; text-decoration:none}
a.bouton:hover { font-size:11px; color:#FFF; font-weight:bold; text-decoration:none}
.comboDestinataire { margin-left:-2px; width:260px}

/* FORMULAIRE */
.fondForm { background:url(../image/contenu/fondform.gif) repeat-y; padding:10px}
.fondForm h3 { margin-left:40px}
.fondForm2 { background:url(../image/contenu/fondform2.gif) repeat-y; padding:10px; margin:0px}
.fondForm2 h3 { margin-left:40px}
.libelle { color:#666; font-weight:bold; font-size:1.1em; line-height:20px}
.libelle span { color:#C00; font-size:1.2em; padding-left:3px}
.trsp { border:0px; padding:0px; background:transparent; vertical-align:middle}
/* Supprime car conflit avec formulaire de quantite de produit : le bouton ok etait tout moche
.bouton {text-transform:uppercase; border:1px solid #000000; background:#FFFFFF; margin:0px 0px 0px 5px; padding:2px 1px 1px 1px; font-size:0.7em; cursor:pointer; color:#C00}*/
.boutonOn {text-transform:uppercase; border:1px solid #000000; background:#FFFFFF; margin:0px 0px 0px 5px; padding:2px 1px 1px 1px; font-size:0.7em; cursor:pointer; color:#333}
#attn { margin:20px; padding:10px; border:1px solid #CC0000; color:#CC0000; font-size:1.1em; font-weight:bold}
.lienBouton { background:url(../image/bouton/fond.gif) repeat-x; text-transform:uppercase; font-size:0.8em}

/* HISTORIQUE THUMNAILS */
#imgHisto img {margin:0px 6px 0px 0px; padding:0px}
.imageHisto {margin:0px 6px 0px 0px; padding:0px}
#imgHistoMaster img { border-top:10px solid #FFF; border-right:8px solid #FFF; border-bottom:35px solid #FFF; border-left:8px solid #FFF; margin-left:20px; margin-right:20px}
#histoDiv {position:absolute; z-index:50; height:100px; margin-top:25px; margin-left:25px}
#histoMenu  {position:absolute; width:1000px; z-index:30}
#histoArrowLeft {position:absolute; z-index:110; height:10px; margin-top:60px; margin-left:4px}
#histoArrowRight {position:relative; z-index:110; width:50px; height:10px; padding-top:60px; padding-left:25px; margin-left:10px}

/* LEXIQUE */
#alphabet {font-size:13px; color:#9A2607; text-decoration:none; font-weight:bold}
#alphabet a { font-size:13px; color:#552D15; text-decoration:none; font-weight:bold}
#alphabet a:hover { font-size:13px; color:#9A2607; text-decoration:none; font-weight:bold}

/* PLAN DU SITE */
#menuPlanSite {font-size:12px; color:#9A2607; text-decoration:none; font-weight:bold}
#menuPlanSite a { font-size:12px; color:#552D15; text-decoration:none; font-weight:bold}
#menuPlanSite a:hover { font-size:12px; color:#9A2607; text-decoration:none; font-weight:bold}
.shadow { background-image:url(../image/contenu/shadowplansite.jpg); background-position:top right; background-repeat:no-repeat; height:239px}
a.rub { font-size:12px; color:#6E3E22; font-weight:bold; text-decoration:none}
a.rub:hover { font-size:12px; color:#9A2607; font-weight:bold; text-decoration:none}
a.srub { color:#666; font-size:12px; text-decoration:none}
a.srub:hover { color:#9A2607; font-size:12px; text-decoration:none}

/* REALISATION */
#imgRealisation { overflow:auto; height:300px; scrollbar-3dlight-color: #CBBCA9; scrollbar-arrow-color: #9A2607; scrollbar-darkshadow-color: #CBBCA9; scrollbar-face-color: #CBBCA9; scrollbar-highlight-color: #AF9884; scrollbar-shadow-color: #AF9884; scrollbar-track-color: #CBBCA9; scrollbar-base-color: #AF9884}
#imgRealisation img { border:5px solid #FFF}

/* DOSSIERS */
#imgDossier { overflow:auto; height:330px; scrollbar-3dlight-color: #CBBCA9; scrollbar-arrow-color: #9A2607; scrollbar-darkshadow-color: #CBBCA9; scrollbar-face-color: #CBBCA9; scrollbar-highlight-color: #AF9884; scrollbar-shadow-color: #AF9884; scrollbar-track-color: #CBBCA9; scrollbar-base-color: #AF9884}
.imgDossier { border-top:8px solid #FFF; border-right:8px solid #FFF; border-left:8px solid #FFF; border-bottom:30px solid #FFF}
.imgDossierThb { border-top:5px solid #FFF; border-right:5px solid #FFF; border-left:5px solid #FFF; border-bottom:5px solid #FFF}
.imgDossierThb2 { border-top:5px solid #FFF; border-right:5px solid #FFF; border-left:5px solid #FFF; border-bottom:5px solid #FFF}
.exemple { color:#666; font-size:12px}
.reference { color:#663300; font-size:12px}

/* FORUM */
#imgForum { overflow:auto; height:355px; scrollbar-3dlight-color: #CBBCA9; scrollbar-arrow-color: #9A2607; scrollbar-darkshadow-color: #CBBCA9; scrollbar-face-color: #CBBCA9; scrollbar-highlight-color: #AF9884; scrollbar-shadow-color: #AF9884; scrollbar-track-color: #CBBCA9; scrollbar-base-color: #AF9884}
#imgForum img { border: 7px solid #FFF}
#discussion { overflow:auto; height:189px; scrollbar-3dlight-color: #CBBCA9; scrollbar-arrow-color: #9A2607; scrollbar-darkshadow-color: #CBBCA9; scrollbar-face-color: #CBBCA9; scrollbar-highlight-color: #AF9884; scrollbar-shadow-color: #AF9884; scrollbar-track-color: #CBBCA9; scrollbar-base-color: #AF9884}

/* FAQ */
#question { margin:0px 20px 10px 20px; border-top:1px solid #ab9485}
#question div { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:100%; border-bottom:1px solid #ab9485}
#question span { background:#ab9485; padding:0px 5px 10px 20px; margin:0px 0px 0px 0px; color:#333}
#question a.test { color:#9A2607; padding:5px 0px 5px 0px; display:block}
#question a.test:hover { color:#9A2607; padding:5px 0px 5px 0px; display:block}
#question a.testOn { color:#663300; text-decoration:none; cursor:default; display:block; background:#ab9485; padding:5px}
#question a.testOn:hover { color:#663300; text-decoration:none; cursor:default; display:block; background:#ab9485; padding:5px}

/* DEBUG */
.debug { border:1px solid red}

/* RECHERCHE */
.searchField { width:180px}

/* ADMINISTRATION */
#fondOnglet { width:100%}
#fondOnglet td { background:url(../image/menu/onglet_fond.gif #FFF) repeat-x}
#fondOnglet a {background:url(../image/onglet/onglet_off.gif) repeat-x; padding:10px 0px 14px 0px; display:block; color:#999; text-decoration:none; text-transform:uppercase}
#fondOnglet a:hover {background:url(../image/onglet/onglet_off.gif) repeat-x; padding:10px 0px 14px 0px; display:block; color:#333; text-decoration:none; text-transform:uppercase}
#fondOnglet a span { color:#c00}
#fondOnglet a:hover span { color:#c00}
#fondOnglet a.On { background:url(../image/onglet/onglet_on.gif) repeat-x #FFD34B; padding:10px 0px 14px 0px; display:block; color:#333; text-decoration:none; text-transform:uppercase;}
#fondOnglet a.On:hover {background:url(../image/onglet/onglet_on.gif) repeat-x #FFD34B; padding:10px 0px 14px 0px; display:block; color:#333; text-decoration:none; text-transform:uppercase}

#portletMessage { background:url(../image/module/message/fond.gif) repeat-y; margin-left:15px}
#portletMessage .titreAlerte { background:url(../image/module/message/top.gif) no-repeat; color:#CC0000; width:550px; line-height:1.2em; font-size:1.1em; text-transform:uppercase; padding:9px 10px 0px 20px}
#portletMessage .textAlerte {margin:5px 0px 5px 20px; font-size:1em; color:#CC0000; width:555px;}
#portletMessage .textAlerte a {color:#CC0000; text-decoration:underline; font-weight:bold}
#portletMessage .textAlerte a:hover {color:#CC0000; text-decoration:underline; font-weight:bold}

#portletMessage .titreConfirm { background:url(../image/module/message/top.gif) no-repeat; color:#94AF31; width:550px; line-height:1.2em; font-size:1.1em; text-transform:uppercase; padding:9px 10px 0px 20px}
#portletMessage .textConfirm {margin:5px 0px 5px 20px; padding-right:15px; font-size:1em; color:#94AF31; width:540px;}
#portletMessage .textConfirm a {color:#94AF31; text-decoration:underline; font-weight:bold}
#portletMessage .textConfirm a:hover {color:#94AF31; text-decoration:underline; font-weight:bold}

#portletMessage2 { margin-left:150px; margin-top:100px; z-index:2000; position:absolute; filter:progid:DXImageTransform.Microsoft.Shadow(color=#C6C6C6, Direction=120, Strength=3)}
#portletMessage2 .titreAlerte { background:url(../image/module/message/top2.gif) no-repeat; color:#CC0000; width:215px; line-height:1.2em; font-size:1.1em; text-transform:uppercase; padding:10px 10px 0px 20px}
#portletMessage2 .textAlerte {background:url(../image/module/message/fond2.gif) repeat-y; padding:5px 0px 5px 20px; font-size:1em; color:#CC0000; width:230px;}
#portletMessage2 .textAlerte a {color:#CC0000; text-decoration:underline; font-weight:bold}
#portletMessage2 .textAlerte a:hover {color:#CC0000; text-decoration:underline; font-weight:bold}

/* PROMOTION */
.promotion { position:absolute; margin:-422px 0px 0px 520px; z-index:200; }

/* popin video */
.popinVideo {
    width:1000px;
    margin:0 auto;
    position:relative;
    z-index: 200;
}
* +html .popinVideo { 
	left:-500px;
}
.video {
    margin: 70px 0 0 0;
    position: absolute;
    z-index: 200;
}
.fondVideo {
    background: #1b2c2d;
    height: 620px;
    margin: 0;
    opacity: 0.7;
    position: absolute;
    width: 1000px;
    z-index: 100;
    -moz-opacity : 0.7;
    -ms-filter: "alpha(opacity=70)";
    /* IE 8 */ filter : alpha(opacity=70); /* IE < 8 */
}
* html .fondVideo, * html .video {
    top:0;
    left:0;
}
.vam {
    vertical-align: middle;
}
.fermer {
    margin: 0 0 2px 0;
    text-align: right;
}
.fermer a {
    color: #FFF;
}