* { margin:0; padding:0;  }

.text_size1 { font-size:90%; }

BODY { background:white; color:black; font-family:Arial; font-size:12px; }

IFRAME, IMG, DIV, HR { border:0; }

H1 { font-size:20px; }
H2 { font-size:16px; }

STRONG { font-weight:bolder; }

OL, UL { list-style-position:inside; margin:6px 0 8px 8px; }

HR { margin:4px 0 4px 0; height:1px; color:black; background:black; }

TABLE { font-size:inherit; border-collapse:collapse; }
TABLE.layout { table-layout:fixed; width:100%; }
TABLE.auto { table-layout:auto; width:100%; }
TD { vertical-align:top; font-size:inherit; }

TD > LABEL { display:block; text-align:right; font-weight:bolder; padding-right:6px; }
TD > LABEL:first-letter { text-transform:uppercase; }
TD.button { padding:20px 0 0 0;  }

LABEL.for { display:inline; font-weight:normal;  cursor:pointer; }

FONT { font-size:inherit; } 

IMG.icon { vertical-align:middle; }

A:link, 
A:visited, 
A:active, 
A:hover { color:inherit; text-decoration:underline; }

A:hover { text-decoration: underline; }

.sub { vertical-align:sub; font-size:smaller; }
.super { vertical-align:super; font-size:smaller; }
SUP { font-size:70%; }
SUB { font-size:70%; }

.error-box { color: #B93F0F; font-weight:bolder; background:white; 
             border: #B93F0F 1px solid; }
.error-box A:link, .error A:visited   { color: #B93F0F; }

.kwo-widget-cloud .tag-size-1 { font-size:125%; }
.kwo-widget-cloud .tag-size-2 { font-size:150%; }
.kwo-widget-cloud .tag-size-3 { font-size:175%; }

.kwo-widget-rate { white-space:nowrap; } 

 LABEL { font-weight:bolder; margin:7px 0 3px 0; display:block;}

.grid { table-layout:fixed; width:100%; }

.grid TBODY TD { border:1px solid #ccc; padding:3px; }
.grid TBODY TD:first-child { text-align:right; font-weight:bolder; }
.grid TBODY TD LABEL { margin-top:0; }
.grid TBODY TD LABEL A:link,
.grid TBODY TD LABEL A:visited { text-decoration:none; margin:0 4px; }
.grid TBODY TD LABEL A IMG { vertical-align:middle; border-style:none; }
.grid TBODY TR.heading TD { padding:4px 0; font-size:14px; text-align:left; border:0px; }
.grid TBODY TR.heading TD:first-letter { text-transform:uppercase; }
.grid TFOOT TD { text-align:right; border:0px solid black; padding:6px 0; }

.text,
TEXTAREA,
TEXTAREA[class=text] { background:#f4f4f4; -moz-box-sizing:border-box; border:1px solid #aaa;
padding:0px; font-family:inherit; width:100%; }
/*SELECT,
INPUT[type=text],
INPUT[type=password]*/ 

.text:hover,
TEXTAREA:hover { border:1px solid #ccc; }
/*SELECT:hover,
INPUT[type=text]:hover,
INPUT[type=password]:hover*/ 

.text,
TEXTAREA:focus { background:white; }
/*SELECT:focus,
INPUT[type=text]:focus ,
INPUT[type=password]:focus*/

INPUT.button { border-top:1px solid #ddd; border-right:1px solid #888; border-bottom:1px solid #888; border-left:1px solid #ddd; 
               padding:0px; font-size:10px; font-family:inherit; cursor:pointer; }
*[type=checkbox] { margin-right:4px; vertical-align:middle; border-width:1px; }
*[type=radio] { margin-right:4px; vertical-align:middle; }
*[type=submit] { cursor:pointer; }

input.search { background:transparent url(/pub/ext/sys/pix/search.png) no-repeat scroll 4px center;
               border:1px solid #ccc; padding:3px 3px 3px 20px; } 

#popup { background:#FFF; }
#popup #title { /*background:#EFEFEF;*/background:#000000; height:40px; }
#popup #title th { vertical-align:middle; padding-left:10px; text-align:left; color:#FFFFFF; }
#popup #title td { vertical-align:middle; padding-right:10px; text-align:right; color:#FFFFFF; }
#popup #content { padding:12px; border-top:1px solid black; }
#popup #title A { color:#FFFFFF; }

/***/
.screenStep { height: 510px; width: 680px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; margin-top: 20px; padding-top: 40px; padding-left: 10px; background: url(/pub/ext/sys/pix/steps/bg_new_user_area.jpg); background-repeat:no-repeat; }
#page .screenStep .titre A { border-bottom:0px; color:#666666; }
.btn_valider { height: 20px; border: 1px solid #909090; color: #FFF; background-image: url(../pix/steps/fond_btn_valider.jpg); width: 140px; text-align: center; font-size: 14px; }
.titre_2 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #848484; float: left; height: 33px; width: 300px; font-weight: bold; padding-top: 37px; padding-left: 65px; }
.decalage_fleches_bas { margin-top: 7px; margin-right: 7px; float: left; }

#screenStep1 #formulaire { float: left; height: 350px; width: 402px; padding-left: 120px; text-align:left; }
#screenStep1 #titre { text-align:left; float: left; height: 90px; width: 650px; padding-top: 30px; background-repeat: no-repeat; background-image: url(../pix/steps/fond_titre1.jpg); }
#screenStep1 #titre .titre { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; width: 420px; float: left; padding-left: 190px; }
#screenStep1 #champs_formulaires { float: left; height: 40px; width: 402px; margin-bottom: 13px; }
#screenStep1 #conditions { float: left; width: 248px; border: 1px solid #909090; padding-top: 10px; padding-bottom: 8px; background-color: #e5e5e5; }
#screenStep1 #valider { float: left; height: 20px; width: 142px; padding-top: 36px; padding-left: 10px; }
#screenStep1 #fleches_bas { padding-top: 0px; position:relative; float: right; padding-right: 50px; height: 60px; width: 300px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; text-align: left; }
#screenStep1 .txt_conditions { font-size: 10px; text-decoration: underline; }
#screenStep1 .numero_xl { float: left; padding-left: 26px; padding-top: 40px; }
#screenStep1 .nom_champs { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; }
#screenStep1 .input { height: 22px; width: 398px; border: 1px solid #006ebb; font-size: 12px; line-height: 22px; color: #666; float: left; }
#screenStep1 .liste_deroulante { float: left; height: 22px; width: 400px; /*color: #FFF;*/color:#666666; margin-top: 3px; border: 1px solid #006EBB; /*background-image: url(../pix/steps/fond_liste_deroulante.jpg); background-repeat: repeat-x; background-attachment: fixed; background-position: left top; background-color: #2097CF;*/ }
#screenStep1 .fleches_bas_valider {	font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #B2B2B2; width: 101px; height: 30px; float: right; padding-top: 8px; }
#screenStep1 .fleches_bas_valider A { color: #B2B2B2; }
/***/
#screenStep2 #titre { text-align:left; float: left; height: 120px; width: 650px; padding-top: 20px; background-repeat: no-repeat; background-image: url(../pix/steps/fond_titre2.jpg); }
#screenStep2 #titre .titre { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; width: 420px; float: left; padding-left: 190px; }
#screenStep2 #contenu_fenetre_gauche { float: left; height: 330px; width: 190px; padding-top: 10px; padding-left: 75px; text-align:left; }
#screenStep2 #contenu_fenetre_droite { float: left; height: 330px; width: 390px; padding-top: 10px; text-align:left; }
#screenStep2 #site_basic { float: left; width: 180px; border: 1px solid #09F; margin-right: 10px; margin-bottom: 10px; }
#screenStep2 #site_basic_header { height: 17px; float: left; background-image: url(../pix/steps/fond_basic.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; width: 175px; padding-top: 15px; padding-left: 5px; margin-bottom: 5px; }
#screenStep2 #site_basic_titre { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #1B7FB0; background-color: #D0E6F3; float: left; height: 18px; width: 170px; padding-top: 6px; padding-left: 10px; margin-bottom: 10px; }
#screenStep2 #site_pro { float: left; width: 180px; border: 1px solid #3CB6A7; margin-right: 10px; margin-bottom: 10px; }
#screenStep2 #site_pro_header { height: 17px; float: left; background-image: url(../pix/steps/fond_pro.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; width: 175px; padding-top: 15px; padding-left: 5px; margin-bottom: 5px; }
#screenStep2 #site_pro_titre { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #119156; background-color: #D2EEE2; float: left; height: 18px; width: 170px; padding-top: 6px; padding-left: 10px; margin-bottom: 10px; }
#screenStep2 #site_perso { float: left; width: 180px; border: 1px solid #F5AC39; margin-right: 10px; margin-bottom: 10px; }
#screenStep2 #site_perso_header { height: 17px; float: left; background-image: url(../pix/steps/fond_perso.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; width: 175px; padding-top: 15px; padding-left: 5px; margin-bottom: 5px; }
#screenStep2 #site_perso_titre { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #F60; background-color: #FC9; float: left; height: 18px; width: 170px; padding-top: 6px; padding-left: 10px; margin-bottom: 10px; }
#screenStep2 #site_projet { width: 180px; border: 1px solid #714D97; float: left; }
#screenStep2 #site_projet_header { height: 17px; float: left; background-image: url(../pix/steps/fond_projet.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; width: 175px; padding-top: 15px; padding-left: 5px; margin-bottom: 5px; }
#screenStep2 #site_textes { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; width: 160px; padding-left: 10px; float: left; padding-right: 10px; }
#screenStep2 #site_textes a { color: #999; text-decoration: none; }
#screenStep2 #fenetre { float: left; height: 350px; width: 670px; text-align:left; }
#screenStep2 #valider { float: left; height: 20px; width: 142px; padding-top: 25px; padding-left: 295px; padding-right: 45px; }
#screenStep2 #fleches_bas { position:relative; float: right; padding-right: 160px; height: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; text-align: right; width: 190px; }
#screenStep2 #fleches_bas .next { padding-right:10px; padding-bottom:10px; }

#screenStep3 #titre { text-align:left; float: left; height: 120px; width: 650px; padding-top: 20px; background-repeat: no-repeat; background-image: url(../pix/steps/fond_titre3.jpg); }
#screenStep3 #titre .titre { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; width: 420px; float: left; padding-left: 190px; }
#screenStep3 #fenetre { float: left; height: 350px; width: 670px; text-align:left; }
#screenStep3 #valider { float: left; height: 20px; width: 142px; padding-top: 25px; padding-left: 295px; padding-right: 45px; }
#screenStep3 #fleches_bas { position:relative; float: right; padding-right: 160px; height: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; text-align: right; width: 190px; }
#screenStep3 #fleches_bas .next { padding-right:10px; padding-bottom:10px; }

#screenStep4 #titre { text-align:left; float: left; height: 120px; width: 650px; padding-top: 20px; background-repeat: no-repeat; background-image: url(../pix/steps/fond_titre4.jpg); }
#screenStep4 #titre .titre { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; width: 420px; float: left; padding-left: 190px; }
#screenStep4 #fenetre { float: left; height: 350px; width: 670px; text-align:left; }
#screenStep4 #valider { float: left; height: 20px; width: 142px; padding-top: 25px; padding-left: 295px; padding-right: 45px; }
#screenStep4 #fleches_bas { position:relative; float: right; padding-right: 160px; height: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; text-align: right; width: 190px; }
#screenStep4 #fleches_bas .next { padding-right:10px; padding-bottom:10px; }

#screenStep5 #titre { text-align:left; float: left; height: 120px; width: 650px; padding-top: 20px; background-repeat: no-repeat; background-image: url(../pix/steps/fond_titre5.jpg); }
#screenStep5 #titre .titre { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; width: 420px; float: left; padding-left: 190px; }
#screenStep5 #fenetre { float: left; height: 350px; width: 670px; text-align:left; }
#screenStep5 #valider { float: left; height: 20px; width: 142px; padding-top: 25px; padding-left: 295px; padding-right: 45px; }
#screenStep5 #fleches_bas { position:relative; float: right; padding-right: 160px; height: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999; text-align: right; width: 190px; }
#screenStep5 #fleches_bas .next { padding-right:10px; padding-bottom:10px; }
/*MALIK 20 05 2010*/
#swf_step2 { height: 300px; width: 600px; padding-top: 10px; padding-left: 46px; }
#swf_step3 { height: 300px; width: 600px; padding-top: 10px; padding-left: 46px; }
#swf_step4 { height: 300px; width: 600px; padding-top: 10px; padding-left: 46px; }
#swf_step5 { height: 300px; width: 600px; padding-top: 10px; padding-left: 46px; }
/*KG 2010-10-01*/
#home_banner { z-index:500; position: absolute; height: 90px; width: 400px; padding-left: 260px; }