/*** ELEMENTS GENERAUX *****************************************************************************************************************************************/
*          { margin: 0; padding: 0; }
BODY       { position:relative; background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:0 0 24px 0; }
UL         { list-style:inside; }
A          { text-decoration:none; cursor:pointer; }
A:hover    { text-decoration:underline; }
IMG        { border:none; }

/*** CONTENEUR ***************************************************************************************************************************************/
#global { position:relative; width:992px; left:50%; margin:24px 0 0 -496px; background:#fff url(../pics/charte/bg-global.png) top left repeat-y; height:200px; }
HTML>BODY>#global { min-height:200px; height:auto; }

/*** COL DROITE **************************************************************************************************************************************/
#colDroite { float:right; width:680px; padding:6px 6px 0 0; background:url(../pics/charte/bg-colDroite.png) top right no-repeat; }
* html #colDroite  { padding:6px 0 0 0; } /* hack ie6 */

/*** HEADER / MENU ***********************************************************************************************************************************/
#header        { width:680px; height:118px; background:url(../pics/charte/bg-header.jpg) top left no-repeat; }
#baseline      { color:#fff; font-size:11px; padding:20px 0 0 35px; }
#baseline A    { color:#fff; }

#switchLanguage   { width:40px; height:29px; position:absolute; top:6px; right:7px; font-size:0; text-indent:-9000px; }
#switchLanguage A { display:block; width:40px; height:29px; float:right; }
#flagFr           { background:url(../pics/charte/bg-flagFr.jpg) top left no-repeat; }
#flagEn           { background:url(../pics/charte/bg-flagEn.jpg) top left no-repeat; }

#menu          { list-style:none; height:30px; background:url(../pics/charte/bg-menu.png) top left repeat-x; }
#menu LI       { float:left; width:136px; height:28px; }
#menu LI.last  { width:135px!important; }
#menu A        { display:block;  width:135px; height:28px; text-align:center; color:#fff; font-family:Helvetica; font-weight:bold; font-size:11px; line-height:25px; background:url(../pics/charte/bg-menu-li.png) top left no-repeat; }
#menu A:hover  { background-position:bottom left; text-decoration:none; }
#menu A.active {  background-position:bottom left; }

/*** ARTICLE *****************************************************************************************************************************************/
#article        { padding:35px 53px 25px 43px; width:590px; line-height:18px; }
#article H1     { font-size:20px; margin:0 0 20px 0; color:#947D65; }
#article H2     { font-size:13px; margin:0 0 12px 0; color:#1E5C9A; }
#article P      { margin:0 0 10px 0; }
#article UL     { margin:0 0 10px 30px; list-style:outside url(../pics/charte/puce.jpg); }
#article UL LI  { line-height:16px; padding:0 0 10px 0; }
#article UL UL  { margin:5px 0 0 30px; }
#article LI LI  { padding:0 0 5px 0; }
#article A      { text-decoration:underline; color:#333; }

.fiche H2      { clear:both; }
.fiche P       { clear:both; }
.fiche UL      { clear:both; }
A.illuFiche    { display:block; width:188px; height:118px; padding:6px 2px 15px 6px; background:url(../pics/charte/bg-illu-fiche.jpg) top left no-repeat; }
.fiche .logo   { float:right; margin:0 0 10px 10px; }


/* Home */
#valeurAgree, #pasDeFranchise, #zoneEtendue { display:block; width:194px; height:69px; text-indent:-9000px; font-size:0; float:left; margin-right:4px; }
#valeurAgree    { background:url(../pics/charte/illu-home-1.png) top left no-repeat; }
#pasDeFranchise { background:url(../pics/charte/illu-home-2.png) top left no-repeat; }
#zoneEtendue    { background:url(../pics/charte/illu-home-3.png) top left no-repeat; margin-right:0!important; }


#map { width:540px; height:540px; margin:0 auto 0 auto; border:1px solid #333; font-size:9px!important; }

/*** COL GAUCHE *************************************************************************************************************************************/
#colGauche    { float:left; width:300px; background:url(../pics/charte/bg-colGauche.png) top left no-repeat; padding:6px 0 0 6px; }
#logo         { display:block; width:300px; height:178px; background:url(../pics/charte/bg-logo.png) top left no-repeat; text-indent:-9000px; font-size:0; margin-bottom:53px; }
#ssmenu       { font-family:Arial, Helvetica, sans-serif; width:274px; margin:0 auto 37px auto; list-style:none; }
#ssmenu LI    { width:261px; padding:7px 13px 6px 0; text-align:right; background:url(../pics/charte/bg-ssmenu-li.gif) top right no-repeat; font-size:13px; color:#2C66A0; font-weight:bold; }
#ssmenu A     { color:#2C66A0; }
#ssmenu UL    { list-style:none; padding:15px 0 15px 0; }
#ssmenu UL LI { width:auto; padding:0 12px 5px 0; background:url(../pics/charte/puce-ssmenu.jpg) top right no-repeat; }
#ssmenu UL A  { font-weight:normal; color:#333; }

#demandeDevis { display:block; width:281px; height:86px; margin:0 auto 5px auto; text-indent:-9000px; font-size:0; letter-spacing:-100px; background:url(../pics/charte/bg-demandeDevis.png) top left no-repeat; }

#contratVoile, #contratMoteurs                { width:277px; height:174px; margin:5px auto 10px auto; text-align:center; padding:0 5px 0 0; }
#contratVoile STRONG, #contratMoteurs STRONG  { display:block; height:37px; text-indent:-9000px; font-size:0; letter-spacing:-100px; }
#contratVoile SPAN, #contratMoteurs SPAN      { display:table-cell; width:257px; height:118px; margin:0 auto 0 auto; padding:9px; }
#contratVoile A, #contratMoteurs A            { display:block; width:257px; height:118px; margin:0 auto 0 auto; }
#contratVoile IMG, #contratMoteurs IMG        { vertical-align:middle; }
#contratVoile                                 { background:url(../pics/charte/bg-contratVoile.png) top left no-repeat; }
#contratMoteurs                               { background:url(../pics/charte/bg-contratMoteur.png) top left no-repeat; }

/*** FORMULAIRES ************************************************************************************************************************************/
DIV.accordion_content { background:#DDEDF7; position:relative; z-index:0; overflow: hidden; width:590px; }
.etape { width:560px; padding:15px; height:auto; }
FORM H2               { display:block; margin:0!important; height:25px; padding:7px 0 0 45px!important; color:#fff!important; cursor:pointer; border-bottom:1px solid #fff; position:relative; z-index:10000; }
FORM P                { clear:both; height:25px; width:530px; }
FORM P SPAN           { padding-right:10px; float:left; height:18px; }
LABEL                 { width:290px; height:18px; float:left; border-bottom:1px dashed #ccc; margin:0 5px 0 0; }
SPAN LABEL            { float:none; border:none; margin:0 0 0 0; }
INPUT                 { float:left; width:210px; height:15px; padding:0 2px 1px 2px; margin:1px 10px 0 0; border:1px solid #9BC4EC; border-top:1px solid #1E5C9A; border-left:1px solid #1E5C9A; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; vertical-align:middle; }
SPAN INPUT            { float:none; }
INPUT.chk             { width:auto; height:auto; paddin:0; border:none; margin:0 2px 0 0; }
SELECT                { float:left; width:215px; height:18px; padding:0; border:1px solid #9BC4EC; border-top:1px solid #1E5C9A; border-left:1px solid #1E5C9A; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; margin:0 15px 0 0; }
TEXTAREA              { float:left; width:210px; height:150px; padding:0 2px 1px 2px; margin:1px 10px 0 0; border:1px solid #9BC4EC; border-top:1px solid #1E5C9A; border-left:1px solid #1E5C9A; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; vertical-align:middle; }
P.submit              { margin-top:20px!important; }
P.submit INPUT        { padding:0; height:25px; background:#1E5C9A; color:#fff; font-weight:bold; cursor:pointer; }
FORM P SPAN.mandatory { float:right; display:block; width:9px; height:11px; padding-right:0; text-indent:-9000px; font-size:0; background:url(../pics/charte/etoile.gif) top left no-repeat; }

#etape1 { background:#1E5C9A url(../pics/charte/etape1.gif) top left no-repeat; }
#etape2 { background:#1E5C9A url(../pics/charte/etape2.gif) top left no-repeat; }
#etape3 { background:#1E5C9A url(../pics/charte/etape3.gif) top left no-repeat; }
#etape4 { background:#1E5C9A url(../pics/charte/etape4.gif) top left no-repeat; }
SELECT#zoneNavigation { margin:0 0 0 0; }
SELECT#pavillon { margin:0 0 0 0; }
#commentaires { clear:both; margin:5px 10px 15px 0; width:505px!important; }

/* boutons de longueur variable */
P.btn { height: 41px; }
SPAN.btn { float: left; display: table-cell; height: 41px; background: url(../pics/charte/bg-submit.png) left top no-repeat; margin:0 0 15px 0; }
SPAN.btn * { overflow: visible; width:206px; height: 41px; white-space: nowrap; vertical-align: middle; border: none; background: transparent url(../pics/charte/bg-submit.png) right top no-repeat; cursor:pointer; outline:0; font-size:0; letter-spacing:-900px;}
SPAN.btn A { display: block; float: left; color:#73A8C7!important; /* Pour un bug de IE6 */ text-decoration: none;  /* Pour un bug de IE6 */  }
*>SPAN.btn A { /* Pour un bug de IE6 */ }
SPAN.btn.cancelDevis { background: url(../pics/charte/bg-cancel.png) left top no-repeat; }
SPAN.btn.cancelDevis A { background: transparent url(../pics/charte/bg-cancel.png) right top no-repeat; }
/* Pour le décalage foireux de Firefox */
BUTTON::-moz-focus-inner { border: none; }
/* Pour le décalage de 1px sur WebKit */
@media screen and (-webkit-min-device-pixel-ratio:0) { SPAN.btn A { 	padding-top: 1px; } }
SPAN.btn:hover { background-position: left -43px!important; }
SPAN.btn:hover * { background-position: right -43px!important; }




/*** FOOTER *****************************************************************************************************************************************/
#footer { clear:both; height:107px; padding:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; background:url(../pics/charte/bg-footer.png) bottom left no-repeat; }
#footer .block { float:left; height:91px; padding:10px 35px 0 25px; background:url(../pics/charte/bg-footer-block.jpg) top right no-repeat; }
#footer .block.infos { float:right; background:none; text-align:right; padding:10px 30px 0 0; }
#footer P { color:#838383; font-size:11px; margin:0 0 5px 0; line-height:16px; }
#footer A { color:#838383; }

/*** CLASSES *****************************************************************************************************************************************/
.spacer  { clear:both; }
.droite  { float:right; }
.gauche  { float:left; }
.left    { text-align:left; }
.right   { text-align:right; }
.center  { text-align:center; }
.justify { text-align:justify; }
.rouge   { color:#F00; }
.marine  { color:#1E5C9A!important; }
.marron  { color:#947D65!important; }
.hidden  { display:none; }
.flag    { display:block; width:16px; height:11px; float:left; text-indent:-9000px; font-size:0; vertical-align:middle; }
.fr      { background:url(../pics/charte/flag-fr.jpg) top left no-repeat; }
.en      { background:url(../pics/charte/flag-en.jpg) top left no-repeat; }

P.confirm { padding:15px 25px 25px 15px; background:url(../pics/charte/bg-success.png) bottom left no-repeat; color:#fff; font-weight:bold; }
P.error   { padding:15px 25px 25px 15px; background:url(../pics/charte/bg-warning.png) bottom left no-repeat; color:#fff; font-weight:bold; }