/********** STRUCTURE GENERALE *********/
* { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000; text-align: left; }
BODY { margin-bottom: 15px; background: url(../pics/charte/bg.gif); }
#global { width: 970px; margin: 15px auto 0 auto; padding: 10px; background: #FFF; }
#conteneur { padding: 10px; border: 1px solid #BFC2C8; }
#contenu { height: 470px; }
HTML>BODY>#global>#conteneur #contenu { height: auto; min-height: 470px; }
A { color: #F60; text-decoration: none; }
A:hover { text-decoration: underline; }
H1 { margin-bottom: 15px; font-size: 13px; font-weight: bold; color:#666; }

/********** MENU **********/
DIV.menu { width: 943px; height: 100px; margin-bottom: 20px; background: url(../pics/charte/header-bg.jpg) repeat-x; }
DIV.mnuCompany { float:left; width:50px; height:50px; background: url(../pics/logo.gif) center center no-repeat; }
DIV.mnuTag { float:left; width: 50px; height: 80px; background: url(../pics/flashcode.png) center center no-repeat; }
DIV.menu UL { float:left; width: 835px; height: 35px; padding-top: 15px; list-style: none; }
DIV.menu LI { display: block; float: left; overflow: visible; width: auto; padding: 0px 15px 0px 15px; line-height: 18px; vertical-align: middle; font-weight: bold; color: #F60; }
DIV.menu LI.titre { font-size: 18px; line-height: 22px; color: #666;}
DIV.menu A { font-weight: bold; color: #666; text-decoration: none; }
DIV.menu A:hover { text-decoration: underline; }

/********** PANNEAUX **********/
P.retour { clear: both; margin-bottom: -10px; text-align: right; }
P.liens { clear: both; margin: -10px 0 10px 0; width: auto; }
DIV.panel { width: auto; margin-bottom: 15px; padding: 0 3px 3px 0; background: url(../pics/charte/panel-bg.gif) bottom right; }
DIV.panelBar { height: 25px; padding-left: 10px; color: #FFF; font-weight: bold; line-height: 25px; background: url(../pics/charte/panel-bar.jpg) repeat-x; }
DIV.panelBar * { font-weight: bold; color: #FFF; }
DIV.panelContent { padding: 15px; border: 1px solid #CCC; border-top: none; color: #000; background: #FFF url(../pics/charte/panel-bg.jpg) bottom repeat-x; }
DIV.info { padding-left: 35px; background: url(../pics/charte/info.gif) no-repeat 5px 15px; }
DIV.interne { margin-bottom: 10px; padding: 5px; border: 1px solid #C1D3E6; }
P { clear: left; line-height: 19px; margin-top: 5px; }
P.middle { height: 16px; vertical-align: middle; }
P.middle * { vertical-align: middle; }
SPAN.detail { font-size: 9px; }
DIV.panelContent H2, DIV.listing H2 { font-size: 12px; font-weight: bold; color: #666; margin: 10px 0 10px 0; }
DIV.panelContent BLOCKQUOTE, DIV.listing BLOCKQUOTE { margin: 0 0 15px 30px; }
DIV.panelContent UL, DIV.listing UL { margin: 10px; list-style: none; }
DIV.panelContent LI, DIV.listing LI { margin-bottom: 5px; padding-left: 20px; line-height: 15px; background: url(../pics/charte/puce.gif) no-repeat; }

DIV.contact { float: right; clear: none; width: 100px; height: 50px; background: url(../pics/pictos/contact.gif) center top no-repeat; }
DIV.calendarTag { float: right; width: 100px; height: 65px; background: url(../pics/pictos/calendar.gif) center top no-repeat; }
DIV.note { float: right; width: 100px; height: 65px; background: url(../pics/pictos/note.gif) center center no-repeat; }
DIV.call { float: right; width: 100px; height: 65px; background: url(../pics/pictos/call.gif) center center no-repeat; }
DIV.visio { float: right; width: 100px; height: 75px; background: url(../pics/pictos/visio.gif) center center no-repeat; }
DIV.sms { float: right; width: 100px; height: 60px; background: url(../pics/pictos/sms.gif) center center no-repeat; }
DIV.mms { float: right; width: 100px; height: 60px; background: url(../pics/pictos/mms.gif) center center no-repeat; }
DIV.web { float: right; width: 100px; height: 65px; background: url(../pics/pictos/web.gif) center center no-repeat; }
DIV.email { float: right; width: 100px; height: 60px; background: url(../pics/pictos/mms.gif) center center no-repeat; }

/********** TABLEAUX **********/
DIV.listing { margin-bottom: 15px; }
SPAN.searchMenu { float: right; margin: -25px 10px 0 0; }
TABLE { width: 100%; margin-bottom: 10px; border-left: 1px solid #BFCCD5; border-right: 1px solid #BFCCD5; border-bottom: 1px solid #BFCCD5; }
TR { height: 25px; cursor: pointer; }
TH { padding-left: 25px; background: #FFF url(../pics/charte/puce.gif) 4px center no-repeat; border-bottom: 1px solid #FFF; }
TR.entete TH { padding: 0; background: url(../pics/charte/panel-bar.jpg) repeat-x; }
TR.entete TH * { padding: 5px 0 0 5px; font-weight: bold; color: #FFF; }
TR.entete A { display: block; height: 20px; background: url(../pics/charte/th-bg.jpg) top right no-repeat; text-decoration: none !important; background: url(../pics/charte/th-bg.jpg) top right no-repeat; }
TR.entete A:hover { background-image: url(../pics/charte/th-alt-bg.jpg); }
TR.entete A.asc { background-image: url(../pics/charte/th-bg-asc.jpg); }
TR.entete A.asc:hover { background-image: url(../pics/charte/th-alt-bg-asc.jpg); }
TR.entete A.desc { background-image: url(../pics/charte/th-bg-desc.jpg); }
TR.entete A.desc:hover { background-image: url(../pics/charte/th-alt-bg-desc.jpg); }
TD { padding-left: 5px; background: #FFF url(../pics/charte/td-bg.gif) repeat-y; border-bottom: 1px solid #FFF; }
TABLE * { font-size: 10px !important; }
TD.actions { padding-left: 0; text-align: center; vertical-align: middle; }
TR.alt TH, TR.alt TD { background-color: #F0F0F0; }
TR.actif TH, TR.actif TD { background-color: #FFB770; }
TR.actif A { color: #FFF; }
#search INPUT.bouton { width: 80px; float: right; }
#search { padding-bottom: 10px; }
P.pages { text-align: center; vertical-align: middle; }
P.pages SELECT { margin-bottom: 3px; width: 120px !important; }
P.totalEnregistrements { text-align: center; }

/********** FORMULAIRES **********/
LABEL.legende { display: inherit; float: left; width: 120px; }
INPUT { width: 165px; height: 16px; padding-left: 5px; border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #C9D5DC; border-bottom: 1px solid #C9D5DC; background: #FFF; color: #F60; }
TEXTAREA { color: #F60; font-size: 11px; }
INPUT.chk { width: auto; height: auto; padding: 0; border: 0; background: none; vertical-align: middle; }
SPAN.chk { display: inline; float: left; margin-right: 10px; }
P.bouton { text-align: right; }
INPUT.bouton { width: auto; height: auto; margin: 0 5px 0 15px; padding: 0 5px 0 5px; border-right: 1px solid #859EAF; border-bottom: 1px solid #859EAF; border-left: 1px solid #C9D5DC; border-top: 1px solid #C9D5DC; text-align: center; }
INPUT.file { height: 18px; }
SELECT { width: 172px; height: 16px; color: #F60; border-top: 1px solid #859EAF; border-left: 1px solid #859EAF; border-right: 1px solid #C9D5DC; border-bottom: 1px solid #C9D5DC; background: #FFF; }
#offset { width: 100px; }
OPTION { color: #F60; background: #FFF; }
.small { font-size: 10px; }
P.intro { margin-bottom: 15px; font-style: italic; }

/********** PIED DE PAGE **********/
#footer { clear: both; width: 943px; height: 20px; margin: 0 0 0 0; padding: 15px 5px 0 0; background: url(../pics/charte/footer-bg.jpg) repeat-x; list-style: none; }
#footer LI { float: right; margin-right: 10px; padding-left: 10px; background: url(../pics/charte/footer-li.gif) 0px 7px no-repeat; color: #FFF; }
#footer LI.first { background: none; }
#footer A { display: block; color: #FFF; text-decoration: none; }
#footer A:hover { text-decoration: underline ; }

/********** STYLES GENERAUX **********/
IMG { border: 0; }
STRONG { font-weight: bold; }
STRONG, EM { color: inherit; }
.souligne { text-decoration: underline; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.justify { text-align: justify !important; }
.gauche { float: left; }
.droite { float: right; }
.clear { clear: both; }
ACCRONYM { text-decoration: underline; }