/*COMMUN*/
*{ padding:0; margin:0; border:0}
body { background-color: #ffffff; margin:0; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px;color:#000;}
span { font-family: arial; font-size: 12px; color: #333333; }
#container { background-color: #FFF; width: 875px; margin:0 auto; text-align:left }/* background-image: url(../images/ombre.jpg); background-repeat: repeat-y;*/
#global { background-color: #FFF; width: 875px;position: relative; float:left }
#page { width: 875px; margin:0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; float:left }

#titre { width: 875px; position: relative; float: left; margin: 0px; padding: 0px; height: 171px; background-repeat: no-repeat; }
#footer { width: 875px; float: left; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; margin: 0px; } 
a { text-decoration: none; color: #999999; }
a:hover { text-decoration: underline; }
.footer { font-family: arial; font-size: 10px; color: #999999; float:left;}
.tableau_menu { margin-left: 5px; }


/*HEADER*/
#header { width: 874px; position: relative; float: left; margin: 0px; height: 200px; padding-top: 0px; padding-right: 0px; padding-bottom: 1px; padding-left: 0px; }
#menu { width: 850px; height: 20px; margin: 6px 0 0 0; float: left; padding: 0px 0 0 25px; }
#apDiv2 { position:absolute; left:97px; top:197px; width:153px; z-index:100; visibility: hidden;}
#apDiv2 ul li { list-style-type:none}
#apDiv2 ul li a { border-bottom:1px solid #e7e7e7; line-height:20px;  height: 20px; width: 140px; text-decoration:none; font-size:12px; font-weight:bold; color:#000000; display: block; background-image:url(../images/menu_deroulant.png); background-position:top; padding:0 0 0 13px }
#apDiv2 ul li a:hover { color:#FFFFFF;  background-position:bottom}
#apDiv1 { position:absolute; left:725px; top:136px; width:117px; height:44px; z-index:3; visibility: hidden; }
.calage { width:113px; height:38px; padding-top:7px; padding-left:4px; text-align: center; background-image:url(../images/bulle_favoris.png); }
#langage { height: 20px; width: 62px; float: left; padding-left: 504px; }
#menu_btn { height: 20px; width: 282px; position: relative; margin: 0px;float: left; background-image:url(../images/background_menu.gif); background-repeat:no-repeat }
#menu_btn a{ font-size:12px; font-weight:bold; color:#FFF; text-align:center; line-height:20px; text-decoration:none}
#menu_btn a:hover{ color:#000}
#logoamex{ padding:45px 0 0 24px; float:left}
#titreamex{ margin:81px 0 0 39px;float:left}
#menu_accueil{ float:left; display:block; width:73px; height:20px;}
#menu_station{ float:left; display:block; width:91px; height:20px;}
#menu_jeu{ float:left; display:block; width:118px; height:20px;}

.favori { font-family:Arial, Helvetica, sans-serif; font-size:11px;  text-decoration:none; }
.favori:hover { text-decoration:underline; }

.page_home{ background-image:url(../images/background_home.jpg); background-repeat:no-repeat; }
.page_station{ background-image:url(../images/background_stations.jpg); background-repeat:no-repeat; }


/*HOMEPAGE*/
.promo {font-size: 11px}
#jeux_concours { background-image: url(../images/jeux_concours.jpg); background-repeat: no-repeat; height: 161px; width: 877px; float: left; }
#txt_jeu_concours { height: 50px; width: 270px; margin-top: 85px; text-align: center; float: left; }
#calage_txt_jeux_concours { width:299px; height:161px; float: left;}
#menu_deroulant_jeu_concours { height: 19px; width: 156px; margin-left:700px; margin-top:19px }
.liste_jeu_concours { width: 156px; font-size:12px; background-color:#FFF; color:#000; border:1px solid #999; padding-bottom:1px; font-weight:bold; padding-left:3px }
#contenu_page { width: 875px; margin: 0px; padding: 0px; float: left; }
#contenu_onglet { height: 296px; width: 522px; float: left; padding: 0 0 0 15px; margin-top:30px}
#contenu_onglet h1{font-size: 16px; color: #0099cc; font-weight:bold; margin-bottom:9px}


#flash_stations { background-color: #99CCFF; height: 215px; width: 513px; z-index:1;}

#champs_onglet_1 { font-family: arial; font-size: 11px; color: #333333; height: 14px; width: 242px; padding-left: 38px; position: relative; margin-top: 12px;}
.liste { width: 132px; font-size:12px; background-color:#FFF; color:#000; border:1px solid #999; padding-bottom:1px}


#champs_onglet_petits_2 { height: 18px; width: 300px; }
#btn_onglet_petits_2 { background-repeat: no-repeat; height: 18px; width: 107px; margin-top: 15px; position: relative; float: left; padding-left: 38px; background-position: right;}
#code_promo_onlget_petits_2 { height: 18px; width: 130px; position: relative; margin-left: 155px; padding-top: 15px; } 

#onglets_petits { height: 140px; width: 246px; float: left; margin-top:30px; padding-left:39px }
#onglets_petits h1{font-size: 16px; color: #0099cc; font-weight:bold;}
#onglets_petits h2{font-size: 12px; color: #0099cc; font-weight:bold;}
#onglets_petits p{padding:6px 0 0 84px; height:81px; display:block; color:#000}
#onglets_petits form{ padding:0; margin:0}

#bord_bas { background-image: url(../images/bord_bas.jpg); height: 24px; width: 843px; float: left; }
#bord_gauche { margin: 0px; padding: 0px; height: 333px; width: 32px; float: left; }

select { font-family: arial; font-size: 10px; }

/*PAGE STATIONS*/
#menu_stations { width: 875px; background-image: url(../images/menu_stations.jpg); height: 31px; margin: 0px; float: left; padding: 0px; }
#titre_station { float:left;  width: 546px; font-size: 16px; color: #0099cc; font-weight:bold;text-decoration:none; margin:12px 0 0 3px; padding:0 0 0 0px; background-image:url(../images/pointille.gif); background-repeat:repeat-x; background-position:bottom}
#plan_station { height: 132px; width: 546px; float: left; margin: 12px 21px 0 0 ; padding: 0 0 0 3px }
#infos_station { width: 867px; background-image: url(../images/fond.jpg); background-repeat: no-repeat; background-position: top; margin-top:  6px; float: left; height: 714px; padding-left:8px }
#txt_infos_utiles { float: left; width: 814px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin-left: 17px; margin-top: 0px; }

.infos_scroll { float: left; height: 376px; width: 796px; overflow: auto; margin-top: 15px; margin-left:0px; margin-bottom: 5px; padding: 0 0 10px 30px; }
.infos_bas { width:821px; height:431px; float:left; margin:0px; padding:0px; display:none }

.doublez {float: left; height: 84px; width: 747px; margin-top: 12px;background-image: url(../images/fond_doublez.jpg); padding-left:20px }
.visuel_doublez { height: 67px; width: 106px; float: left;  margin: 8px 30px 0 0; }
.txt_infos_doublez { float: left; height: 65px; width: 485px; margin-top: 14px; margin-left:0px; }
.txt_infos_doublez a { color: #0099cc; text-decoration: underline; }
.plan_doublez { float: left; height: 46px; width: 45px; margin-top: 18px; margin-left:0px; }

.cadeaux { float: left; height: 84px; width: 355px; margin-top: 12px; margin-right:12px; background-image: url(../images/fond_infos.jpg); padding-left:20px; background-repeat:no-repeat}
.picto { float: left; height: 41px; width: 41px; margin: 23px 15px 0 0; }
.txt_infos { float: left; height: 58px; width: 232px; margin-top: 14px; padding-left:15px}
.txt_infos a { color: #0099cc; text-decoration: underline; }
.plan { float: left; height: 46px; width: 45px; margin-top: 18px; }

#calage_plan_station { width: 17px; height:178px; float: left;}
#calage_meteo { width: 581px; height:178px; float:left;}

#meteo {height: 28px; width: 282px; float:left; background-image:url(../images/meteo.jpg); padding:12px 0 0 0}
#meteo a{font-size: 14px; color: #0099cc; font-weight:bold;margin:0 12px 0 45px; background-image:url(../images/pointille.gif); background-repeat:repeat-x; background-position:bottom; display:block; padding-bottom:3px; text-decoration:none}
#meteo a:hover{ color:#000}
.titre {font-size: 14px; color: #0099cc; text-transform:capitalize}

#onglet_jeux_concours { height: 120px; width: 281px; margin-top: 6px; background-image: url(../images/jeux_concours_fond.jpg); background-repeat: no-repeat; float:left; }
#onglet_jeux_concours h1{font-size: 16px; color: #0099cc; font-weight:bold;margin:6px 12px 0 12px; background-image:url(../images/pointille.gif); background-repeat:repeat-x; background-position:bottom; display:block; padding-bottom:3px}
#onglet_jeux_concours p{margin:3px 12px 0 12px; font-size: 12px;  font-weight:bold; width:257px; display:block; height:58px; line-height:24px}
#onglet_jeux_concours a{color: #0099cc; text-decoration:none}
#onglet_jeux_concours a:hover{ color:#000}
#onglet_jeux_concours strong{ font-size:24px}
#onglet_jeux_concours ul {  height: 32px; width: 250px; padding:0 0 0 30px; margin:0;}
#onglet_jeux_concours li { padding:0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; list-style-image: url(../images/puce.gif);}

#onglets_bas { background-image: url(../images/fond_scroll.jpg); height: 508px; width: 857px;margin:0px; float:left }
#onglet_infos_utiles { float: left; height: 44px; width: 275px; }
#onglet_gagner_cadeaux { float: left; height: 44px; width: 288px; }
#onglet_doublez_pts { float: left; height: 44px; width: 294px; }

#titre_onglets { float: left; height: 44px; width: 857px; margin-top:12px}
#titre_onglets ul#station_menu {display:inline; list-style-type:none; padding:0; margin:0; float:left; clear:both;}
#titre_onglets ul#station_menu li { list-style-type:none; padding:0; margin:0; display:inline}
#titre_onglets ul#station_menu a {font-size: 16px; color: #0099cc; font-weight:bold;text-decoration:none; padding:0; margin:0; height:30px; display:block; float:left; padding:12px 0 0 12px; }
#titre_onglets ul#station_menu a#menu1{ background-image:url(../images/onglet_01_down.jpg); width:282px }
#titre_onglets ul#station_menu a#menu2{ background-image:url(../images/onglet_02_down.jpg); width:263px; }
#titre_onglets ul#station_menu a#menu3{ background-image:url(../images/onglet_03_down.jpg); width:276px; }
#titre_onglets ul#station_menu a#menu1:hover{ background-image:url(../images/onglet_01.jpg); width:282px; }
#titre_onglets ul#station_menu a#menu2:hover{ background-image:url(../images/onglet_02.jpg); width:263px; }
#titre_onglets ul#station_menu a#menu3:hover{ background-image:url(../images/onglet_03.jpg); width:276px; } 
#titre_onglets ul#station_menu a#menu1_hover{ background-image:url(../images/onglet_01.jpg); width:282px; }
#titre_onglets ul#station_menu a#menu2_hover{ background-image:url(../images/onglet_02.jpg); width:263px; }  
#titre_onglets ul#station_menu a#menu3_hover{ background-image:url(../images/onglet_03.jpg); width:276px; }

/* POPUP */
div#popup{width:900px; height:540px; background-image:url(../images/background_popup.png);z-index:10000; }
div#popupleft{ width:450px; height:440px; float:left; padding:75px 50px 25px 70px; }
div#popupleft h1{  padding:0px 0 0px 0px; font-size: 16px; color: #0099cc; font-weight:bold; text-transform:uppercase; margin-bottom:30px; line-height:40px }
div#popupleft img{ margin:0 21px 15px 0}
div#popupleft h2{  padding:9px 0 15px 0px; font-size: 12px; color: #0099cc; font-weight:bold;}
div#popupright{ width:300px; height:440px; float:left; padding:75px 0px 25px 30px; }
div#popupright h1{ padding:9px 0 15px ; font-size: 14px; color: #0099cc; font-weight:bold; display:block;  background-image:url(../images/pointille.gif); background-repeat:repeat-x; background-position:bottom; width:215px; margin-bottom:15px }
div#popupright p{color: #0099cc; margin-bottom:15px; width:215px; }
div#popupright a{color: #0099cc;}
div#popupright p#divers{color: #000000; margin-top:15px; padding-left:15px; background-image:url(../images/pucebleue.gif); background-repeat:no-repeat; background-position:0px 6px;width:200px;  }

/* POPUP liste des gagants */
div#popupgagnant{width:900px; height:540px; background-image:url(../images/background_popup2.png);z-index:10000; }
div#popuptitle{width:655px; height:30px; padding:75px 0 0 245px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#0097dd; text-align:left;}
div#popupmain{width:640px; height:390px; padding: 0 130px 0 130px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
.bleu { color:#0097dd;}
.cgpopupgagnant { font-size:9px;}