/* CSS Document */
/*-------------------------------------------- STYLE global */
body{margin:auto; width:100%; height:100%; background-color:#000000; font-family:verdana; scrollbar-face-color: #000000 ; scrollbar-highlight-color: #000000 ; scrollbar-3dlight-color: #000000 ; scrollbar-darkshadow-color: #000000 ; scrollbar-shadow-color: #000000 ; scrollbar-arrow-color: #FFFFFF ; scrollbar-track-color: #FFFFFF ;}
#global {width: 997px; margin:auto; height:600px; vertical-align: middle;}
#header{position:relative; width:997px; margin:auto; height:88px; background-color:#FFFFFF;}
#corps{position:relative; width:997px; margin:auto; height:512px; background-color:#FFFFFF;}
#bloc_gauche{position:absolute; margin-left:6px; margin-top:0px; width:234px; height:473px; background-color:#000000;}
#bloc_map{position:absolute; margin-left:6px; margin-top:0px; width:357px; height:473px; background-color:#000000;}
#bloc_map table{margin:8px;}

/********************* avant modifi LIENS Commerciaux 1/3 #bloc_liens_commerciaux{position:absolute; margin-left:295px; margin-top:0px; width:438px; height:70px; background-color:#000000; } */
#bloc_liens_commerciaux{position:absolute; margin-left:370px; margin-top:0px; width:360px; height:135px; background-color:#000000; }
#bloc_liens_commerciaux table{margin:2px;}

#bloc_cafe_photo{position:absolute; margin-left:738px; margin-top:0px; width:254px; height:473px; background-color:#000000;}
#bloc_cafe_photo_table{margin-top:10px; margin-left:12px;}

#logo_hotcafe{position:absolute; margin-left:10px; margin-top:6px;}
#bloc_gauche_p{padding:18px; line-height:12px}
#contenu{position:absolute; margin-left:249px; margin-top:0px; width:440px; height:473px;}
#contenu3{position:absolute; margin-left:249px; margin-top:0px; width:440px; height:473px;}


/********************* avant modifi LIENS Commerciaux 2/3 #contenu2{position:absolute; margin-left:295px; margin-top:90px; width:439px; height:385px;} */
#contenu2{position:absolute; margin-left:370px; margin-top:145px; width:364px; height:385px;}
#contenu2 p{ height: 280px;<<height: 272px; overflow: auto;}
#contenu4{position:absolute; margin-left:370px; margin-top:145px; width:364px; height:385px;}
#contenu4 p{ height: 293px;<<height: 297px; overflow: auto;}

#table_formulaire table{position:absolute; margin-left:0px; margin-top:0px; }
input,select,option,textarea{margin-bottom:3px;margin-top:3px;border:1px solid #FF9900;}
#sim_win1{position:absolute; margin-left:116px; margin-top:72px; width:290px;}
#sim_win2{position:absolute; margin-left:0px; margin-top:180px; width:408px;}
#sim_win3{position:absolute; margin-left:0px; margin-top:70px; width:408px;}
#sim_win4{position:absolute; margin-left:0px; margin-top:75px; width:408px;}

/*-------------------------------------------- STYLE MENU */
#menu{position :absolute; margin-left:260px; margin-top:33px;z-index:1;}
#ssMenuActu{position :absolute; margin-left:575px; z-index:1; margin-top:57px; visibility:hidden;}
#fondMenu{ position:absolute; width:750px; height:30px; z-index:0; left:244px; top:60px;  display:block; visibility:hidden;}
#ssMenuActuOn{position:absolute; margin-left:570px; z-index:5; margin-top:33px; visibility:hidden;}

/*-------------------------------------------- STYLE FLASH SWF */
#flash_hotcafe{position :absolute; margin-left:240px; margin-top:0px; width:753px; height:473px; }
#flash_hotcafe_assistance{position :absolute; margin-left:724px; margin-top:51px; width:273px; height:394px; }
#flash_hotcafe_NEWSLETTER{position :absolute; margin-left:652px; margin-top:51px; width:345px; height:448px; }
#flash_hotcafe_CONCEPT{position :absolute; margin-left:652px; margin-top:64px; width:345px; height:448px; }
#flash_hotcafe_actualite_presse{position :absolute; margin-left:724px; margin-top:124px; width:273px; height:394px; }
#flash_hotcafe_lescafes{position :absolute; margin-left:722px; margin-top:333px; width:270px; height:140px; z-index:1;}

/*-------------------------------------------- STYLE FONT POLICE */
.orange{color:#FF9900;font-size:13px; font-weight:bold;}
.orange2{color:#FF9900;font-size:12px; font-weight:bold;}
a.orange3{color:#FF9900;font-size:11px; font-weight:bold;text-decoration:none;}
a.orange3:hover{color:#FF9900;font-size:11px; font-weight:bold;text-decoration:none;}
.orange4{color:#FF9900;font-size:9px; font-weight:bold;}
.orange5{color:#FF9900;font-size:10px; font-weight:bold;}
a.orange6{color:#FF9900;font-size:9px; font-weight:bold;text-decoration:underline;}
a.orange6:hover{color:#FF9900;font-size:9px; font-weight:bold;text-decoration:underline;}
.orange7{color:#FF9900;font-size:11px; font-weight:bold;}


.blanc{color:#FFFFFF;font-size:11px; font-weight:bold;}
.blanc2{color:#FFFFFF;font-size:10px; font-weight:bold;}
.blanc3{color:#FFFFFF;font-size:9px; font-weight:bold;}
a.blanc{color:#FFFFFF;font-size:11px; font-weight:bold;text-decoration:none;}
a.blanc:hover{color:#FFFFFF;font-size:11px; font-weight:bold;text-decoration:none;}
a.blanc3{color:#FFFFFF;font-size:9px; font-weight:bold;text-decoration:none;}
a.blanc3:hover{color:#FFFFFF;font-size:9px; font-weight:bold;text-decoration:none;}


.noir{color:#000000;font-size:11px; line-height:13px;}
.noir2{color:#000000;font-size:10px; font-weight:bold;}
.noir3{color:#000000;font-size:12px; font-weight:bold;}
.noir4{color:#000000;font-size:11px; font-weight:bold;line-height:12px;}
.noir5{color:#000000;font-size:9px; line-height:13px;}

a.noir5{color:#000000;font-size:9px; text-decoration:none;}
a.noir5:hover{color:#000000;font-size:9px; text-decoration:none;}
a.noir6{color:#000000;font-size:12px; text-decoration:none;}
a.noir6:hover{color:#000000;font-size:12px; text-decoration:none;}


.bleu{color:#008AD0;font-size:11px;}
a.bleu{color:#008AD0;font-size:11px;text-decoration:none;}
a.bleu:hover{color:#008AD0;font-size:11px; text-decoration:none;}
/*-------------------------------------------- STYLE IMAGE */
img{border:0px;}
#logo_partenaire img{margin:7px;vertical-align:middle;}
#logo_atpak{position:absolute; margin-left:913px; margin-top:26px;}
#planete{position:absolute; margin-left:55px; margin-top:297px;}
#drapeaux{position:absolute; margin-left:6px; margin-top:485px;}
#btn_suivant{position:absolute; margin-left:330px; margin-top:458px;}
#btn_precedent{position:absolute; margin-left:0px; margin-top:458px;}
#fleche_suivant{position:absolute; margin-left:410px; margin-top:458px;}
#fleche_precedent{position:absolute; margin-left:0px; margin-top:458px;}

/********************* avant modifi LIENS Commerciaux 3/3 
#cafe_suivant{position:absolute; margin-left:326px; margin-top:368px; z-index:1;}
#cafe_precedent{position:absolute; margin-left:5px; margin-top:368px;}
*/

#cafe_suivant{position:absolute; margin-left:251px; margin-top:458px; z-index:1;}
#cafe_precedent{position:absolute; margin-left:5px; margin-top:458px;}
#btn_retour{position:absolute; margin-left:142px; margin-top:460px;}

#titre_concept{position:absolute; margin-left:0px; margin-top:0px;}
#titre_faq{position:absolute; margin-left:0px; margin-top:0px;}
#logo_windows{position:absolute; margin-left:345px; margin-top:0px;}
#sim_img2{position:absolute; margin-left:0px; margin-top:74px;}
#sim_img1{position:absolute; margin-left:0px; margin-top:200px;}
.email_btn_submit {
   width: 18px;
   height: 18px;
   margin: 0;
   padding: 0;
   border: 0;
   background: url(btn_ok.jpg) no-repeat top left ; /*transparent; on place l'image en arrière plan */
    /*text-indent: 600px;On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
   FONT-FAMILY:"verdana";
   color:#EE5223;
   FONT-WEIGHT:bold;	   
}
.envoyer_btn_submit {
   width: 40px;
   height: 18px;
   margin: 0;
   padding: 0;
   border: 0;
   background: url(btn_envoyer.jpg) no-repeat top left ; /*transparent; on place l'image en arrière plan */
    /*text-indent: 600px;On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
   FONT-FAMILY:"verdana";
   color:#EE5223;
   FONT-WEIGHT:bold;	   
}
.map_btn_submit {
   width: 18px;
   height: 18px;
   margin: 0;
   padding: 0;
   border: 0;
   background: url(btn_ok_bleu.jpg) no-repeat top left ; /*transparent; on place l'image en arrière plan */
    /*text-indent: 600px;On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
   FONT-FAMILY:"verdana";
   color:#EE5223;
   FONT-WEIGHT:bold;	   
}
#img_news{position :absolute; margin-left:456px; margin-top:140px; }
#bloc_freepass{position :absolute; margin-left:710px; margin-top:0px; width:227px; height:449px; }
.freepass_suivant {
   width: 20px;
   height: 18px;
   margin-right: 0;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 170px;
   padding: 0;
   border: 0;
   background: url(fleche_suivant.jpg) no-repeat top left ; /*transparent; on place l'image en arrière plan */
    /*text-indent: 600px;On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
   FONT-FAMILY:"verdana";
   color:#EE5223;
   FONT-WEIGHT:bold;	   
}
.freepass_precedent {
   width: 20px;
   height: 18px;
   margin: 0;
   padding: 0;
   border: 0;
   background: url(fleche_precedent.jpg) no-repeat top left ; /*transparent; on place l'image en arrière plan */
    /*text-indent: 600px;On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
   FONT-FAMILY:"verdana";
   color:#EE5223;
   FONT-WEIGHT:bold;	   
}

#copyright{position:absolute; margin-left:390px; margin-top:490px; z-index:1;}