/* CSS Document */ body{margin:0px; padding:0px; font-family:Arial; font-size:12px; background:#F5F4F2;} p{margin:0px; padding:0px; margin-top:6px;} a{color:#000000; text-decoration:none;} #top{width:100%; height:220px; clear:both; background:url(http://www.yinyan-travel.com/images/arr_03.jpg);} #top h1{width:943px; margin:0px; padding:0px; height:27px; padding-top:10px; clear:both; padding-left:10px; margin:auto; color:#FFFFFF; font-size:14px; font-weight:bold;} #flash{width:953px; height:183px; clear:both; margin:auto;} #milieux{width:953px; height:1200px; clear:both; margin:auto; background:#FFFFFF;} #menu{width:953px; height:45px; float:lef; clear:both; background:url(http://www.yinyan-travel.com/images/menu_05.jpg) no-repeat; text-align:center; color:#FFFFFF; font-weight:bold; font-size:16px; letter-spacing:1px;} #menu a{color:#FFFFFF; text-decoration:none;} #menu a:hover{color:#000000;} #gauche1{width:224px; height:1010px; float:left; margin-top:6px;} #left1{width:224px; height:351px; float:left; clear:both; background:url(http://www.yinyan-travel.com/images/menu_07.jpg) no-repeat;} #left1 .titre1{width:157px; height:33px; float:left; clear:both; margin-left:40px!important; margin-left:20px; font-weight:bold; font-size:17px; margin-top:10px; color:#FFFFFF;} #left1 .menu1{width:180px; height:28px; clear:both; float:left; margin-top:6px; margin-bottom:2px; margin-left:40px!important; margin-left:20px; padding-top:2px; font-size:14px;} #left1 .menu1 a{color:#000000; text-decoration:none;} #left1 .menu1 a:hover{color:#990000; font-weight:bold;} #left2{width:224px; height:390px; float:left; clear:both; background:url(http://www.yinyan-travel.com/images/news_11.jpg) no-repeat; margin-top:10px;} #left2 .titre1{width:157px; height:33px; float:left; clear:both; margin-left:40px!important; margin-left:20px; font-weight:bold; font-size:17px; margin-top:10px; color:#FFFFFF;} .ditact{width:191px; height:88px; float:left; clear:both; margin-left:21px!important; margin-left:8px; margin-top:8px; border-bottom:1px dotted #797979;} .date{color:#3E3E3E;} .titrenews{color:#780700; text-align:justify; font-size:12px;} .titrenews a{color:#780700;} .titrenews a:hover{text-decoration:underline;} .plusdenews{width:110px; height:26px; float:left; clear:both; background:url(http://www.yinyan-travel.com/images/apelnews_12.jpg) no-repeat; margin-top:10px; margin-left:96px!important; margin-left:50px; text-align:center; color:#FFFFFF; padding-top:6px; font-size:13px;} .plusdenews a{color:#FFFFFF;} .plusdenews a:hover{text-decoration:underline;} #brocher{width:208px; height:63px; float:left; clear:both; margin-top:10px; margin-left:10px!important; margin-left:6px;} #cnt{width:208px; height:176px; float:left; clear:both; margin-top:10px; margin-left:10px!important; margin-left:6px;} #centmilieux2{width:717px; height:1010px; float:left; margin-top:6px; margin-left:6px!important; margin-left:3px;} .presentation{ width:715px; height:240px; float:left; clear:both; border:1px solid #C3B3BB; background:#FDF1EB;} .presentation h2{font-size:16px; margin-left:6px!important; margin-left:6px; margin-top:6px; clear:both; margin-bottom:0px;} #marrakech{width:211px; height:191px; float:left; margin-top:10px; margin-left:6px!important; margin-left:5px;} #textepre{width:476px; height:191px; float:left; margin-top:10px; margin-left:10px!important; margin-left:6px; text-align:justify;} #partie1mil{width:486px; height: 741px; float:left; margin-top:10px;} /**** recherche **********/ #titrerech{width:299px; height:50px; float:left; clear:both; background:url(http://www.yinyan-travel.com/images/titrerech_12.jpg) no-repeat;} .titrech{width:120px; height:21px; float:left; margin-left:18px!important; margin-left:11px; text-align:center; margin-top:15px; color:#434343; font-size:18px;} .titrech a{color:#434343; text-decoration:none;} .titrech a:hover{color:#DE5F34;} #ptrech1{width:484px; height:180px; float:left; clear:both; border:1px solid #FFDBD9;} #ptrech2{width:484px; height:180px; float:left; clear:both; border:1px solid #FFDBD9; display:none;} .milrech{width:452px; height:130px; float:left; clear:both; margin-top:19px; margin-left:18px!important; margin-left:10px;} #titrerech2{width:161px; height:50px; float:left; clear:both; background:url(http://www.yinyan-travel.com/images/titrerech_212.jpg) no-repeat;} #ptrech13{width:484px; height:130px; float:left; clear:both; border:1px solid #FFDBD9;} #ptrech14{width:480px; height:380px; float:left; clear:both; border:1px solid #FFDBD9;} #ptrech15{width:480px; height:190px; float:left; clear:both; border:1px solid #FFDBD9;} .milrech3{width:452px; height:90px; float:left; clear:both; margin-top:19px; margin-left:18px!important; margin-left:10px;} .milrech4{width:452px; height:370px; float:left; clear:both; margin-top:19px; margin-left:18px!important; margin-left:10px;} .milrech5{width:452px; height:185px; float:left; clear:both; margin-top:10px; margin-left:8px!important; margin-left:0px;} .bntrech{width:100px; border:0px; cursor:pointer; height:29px; background:url(http://www.yinyan-travel.com/images/recherche_20.jpg) no-repeat; text-align:center; font-weight:bold;} #ptrech1trt{width:474px; height:20px; float:left; clear:both; border:1px solid #FFDBD9; padding-top:4px; margin-top:10px; background:#EBECEE; text-align:right; font-weight:bold;} #ptrech1trt a{color:#990000;} #ptrech1trt a:hover{text-decoration:underline;} #ptrech1trtcontenu{width:464px; height:576px; overflow:auto; float:left; clear:both; padding-top:4px; margin-top:10px; text-align:justify; margin-left:16px!important; margin-left:6px; padding-right:6px;} #ptrech1trtcontenu2{width:464px; height:auto; float:left; clear:both; padding-top:4px; margin-top:10px; text-align:justify; margin-left:16px!important; margin-left:6px; padding-right:6px;} #ptrech1trtsejour{width:474px; height:200px; overflow:auto; float:left; clear:both; border:1px solid #FFDBD9; padding-top:4px; margin-top:10px; background:#EBECEE; text-align:justify; padding:5px;} #ptrech13voiture{width:484px; height:940px; float:left; clear:both; border:1px solid #FFDBD9;} .milrech3voiture{width:452px; height:890px; float:left; clear:both; margin-top:19px; margin-left:18px!important; margin-left:10px;} #ptrech156{width:700px; height:550px; float:left; clear:both; border:1px solid #FFDBD9; margin-bottom:20px;} .milrech56{width:672px; height:525px; float:left; clear:both; margin-top:10px; margin-left:8px!important; margin-left:0px;} #ptrech13news{width:484px; height:940px; float:left; clear:both; border:1px solid #FFDBD9;} .milrech3news{width:452px; height:890px; overflow:auto; text-align:justify; float:left; clear:both; margin-top:19px; margin-left:18px!important; margin-left:10px;} .promotion{width:432px; height:110px; float:left; clear:both; padding:10px; background:url(http://www.yinyan-travel.com/images/ar-promo.jpg) no-repeat; margin-bottom:8px;} /************* gelerie *************/ #titretem{width:480px; height:34px; float:left; clear:both; margin-top:10px; font-size:14px; font-weight:bold;} #picttem{width:478px; height:298px; border:1px solid #AD4943; float:left; clear:both; margin-top:4px; margin-left:3px;} #pictotemoi{width:492px; height:175px; float:left; clear:both; margin-top:0px; background:url(http://www.yinyan-travel.com/images/arrpl_29.jpg) no-repeat;} .picto{width:116px; height:104px; float:left; border:1px solid #AB342D; margin-top:30px; margin-left:4px!important; margin-left:3px;} #partie2mil{width:223px; height:752px; float:left; margin-top:10px; margin-left:6px!important; margin-left:1px;} .voyagepascher{width:212px; height:237px; float:left; clear:both; margin-left:8px!important; margin-left:5px; margin-top:10px;} /************** news **********/ #newsletter{width:219px; height:226px; float:left; clear:both; margin-top:16px; background:url(http://www.yinyan-travel.com/images/newsletter_28.jpg) no-repeat; padding-left:4px;} #newsletter .titre3{width:157px; height:33px; float:left; clear:both; margin-left:18px!important; margin-left:10px; font-weight:bold; font-size:17px; margin-top:10px; color:#FFFFFF;} #newsletter .desce{width:180px; height:50px; float:left; clear:both; margin-left:10px!important; margin-left:6px; font-size:13px; margin-top:8px;} #newsletter .infemail{width:180px; height:80px; float:left; clear:both; margin-left:10px!important; margin-left:6px; font-size:13px; margin-top:16px; color:#B23932; font-size:14px;} .bntinsnews{width:109px; height:33px; float:right; margin-top:10px; border:0px; cursor:pointer; color:#FFFFFF; clear:both; background:url(http://www.yinyan-travel.com/images/innews_14.jpg) no-repeat; text-align:center; font-weight:bold;} .meteomarrakech{width:214px; height:246px; float:left; clear:both; margin-top:16px; background:url(http://www.yinyan-travel.com/images/meteo-marrakech_31.jpg) no-repeat; margin-left:8px!important; margin-left:5px;} .meteo{width:150px; height:200px; clear:both; margin:auto; margin-top:36px;} /******** bas ***************/ #bas{width:953px; height:160px; margin:auto; clear:both; background:url(http://www.yinyan-travel.com/images/bas_41.jpg) no-repeat;} .textbas{width:700px; height:120px; float:left; clear:both; margin-left:180px!important; margin-left:90px; margin-top:33px!important; margin-top:46px; text-align:center;} .textbas h3{font-size:15px;} /************* circuits ****************/ .tablic{width:465px; height:162px; float:left; clear:both; margin-left:20px!important; margin-left:8px; margin-top:8px; border-bottom:1px solid #DE6135;} .divpt1{width:130px; height:153px; float:left;} .pict2{width:122px; height:122px; border:4px solid #FFDBD9; float:left; clear:both; } .divpt12{width:130px; height:122px; float:left;} .titrepictfrt{width:130px; height:20px; text-align:center; padding-top:3px; background:#FFDBD9; font-weight:bold; float:left; clear:both; color:#010000;} .titrepictfrt a{color:#010000; text-decoration:none;} .titrepictfrt a:hover{text-decoration:underline;} .divpt2{width:318px; height:153px; float:left; margin-left:12px!important; margin-left:8px;} .divpt2 p{color:#000000; font-weight:600; margin:0px; padding:0px; margin-top:2px; margin-bottom:3px;} .divpt2 p .spancir{ color:#3A1905;} .divpt2 .dscr{width:310px; height:auto; float:left; clear:both; margin-top:8px; color:#4B2C0E; text-align:justify;} .trtplus{width:310px; float:left; clear:both; height:23px; border-bottom:1px dashed #FFDBD9; margin-top:8px; font-family:Arial; font-size:12px; font-weight:bold; text-align:right;} /**************** pag ********************/ #divdepadg{ height:19px; width:470px; text-align:center; float:left; clear:both; margin-bottom:5px; margin-top:10px; margin-left:20px!important; margin-left:9px;} /************* sejour *****************/ .annsjr{width:466px; height:123px; float:left; clear:both; border-bottom:1px dashed #917A5F; margin-left:20px!important; margin-left:8px; margin-top:6px;} .annsjr .pcitu1{ width:158px; height:91px; float:left; background:#CC9900; margin-top:8px; padding:5px;} .divpt2sj{width:284px; height:116px; float:left; margin-left:12px!important; margin-left:8px; margin-top:4px;} .divpt2sj p{color:#010000; font-weight:600; margin:0px; padding:0px; margin-top:2px; margin-bottom:3px;} .divpt2sj p .spancir{ color:#3A1905;} .divpt2sj .dscr{width:284px; height:auto; float:left; clear:both; margin-top:8px; color:#4B2C0E; text-align:justify;} .trtplussej{width:284px; float:left; clear:both; height:20px; margin-top:8px; font-family:Arial; font-size:12px; font-weight:bold; text-align:right;} /********** special **************/ .annspecial{width:466px; height:153px; float:left; clear:both; border-bottom:1px solid #917A5F; margin-left:20px!important; margin-left:8px; margin-top:6px;} .divpt2terk{width:300px; height:146px; float:left; margin-left:12px!important; margin-left:8px;} .divpt2terk p{color:#010000; font-weight:600; margin:0px; padding:0px; margin-top:2px; margin-bottom:3px;} .divpt2terk p .spancir{ color:#3A1905;} /***************** trekking ************/ .anntreking{width:466px; height:185px; float:left; clear:both; border-bottom:1px solid #917A5F; margin-left:20px!important; margin-left:8px; margin-top:6px;} .titretreking{width:450px; height:20px; float:left; clear:both; color:#010000; font-weight:bold; margin-bottom:10px;} .divpt2terk{width:300px; height:146px; float:left; margin-left:12px!important; margin-left:8px;} .divpt2terk p{color:#010000; font-weight:600; margin:0px; padding:0px; margin-top:2px; margin-bottom:3px;} .divpt2terk p .spancir{ color:#3A1905;} .trtplustrk{width:300px; float:left; clear:both; height:22px; border-bottom:1px dashed #917A5F; margin-top:8px; font-family:Arial; font-size:12px; font-weight:bold; text-align:right;} .divpt2terk .dscr{width:300px; height:auto; float:left; clear:both; margin-top:8px; color:#4B2C0E; text-align:justify;} /************* cere********************/ .divpt2cere{width:284px; height:110px; float:left; margin-left:12px!important; margin-left:8px; margin-top:6px;} .divpt2cere p{color:#010000; font-weight:600; margin:0px; padding:0px; margin-top:2px; margin-bottom:3px;} .divpt2cere p .spancir{ color:#3A1905;} .divpt2cere .dscr{width:284px; height:auto; float:left; clear:both; margin-top:8px; color:#4B2C0E; text-align:justify;} /********** contact *************/ .trtcont1{width:305px; height:53px; margin-top:16px; margin-left:20px!important; margin-left:12px; float:left; clear:both; border-left:1px solid #630E07; padding-left:5px; padding-top:5px;} .trtcont2{width:305px; height:116px; margin-top:16px; float:left; margin-left:20px!important; margin-left:12px; clear:both; border-left:1px solid #630E07; padding-left:5px; padding-top:10px;} .btnenvoi{width:270px; height:21px; border:none; text-align:center; font-weight:bold; cursor:pointer; background:#362A21; color:#FFFFFF;} .txtcnt{width:150px; height:17px; border:1px solid #AEA197;} .txtaria{width:270px; height:64px; border:1px solid #AEA197;} /********** programme ****************/ #milieuxprog{width:511px; height:1000px; float:left; background:url(http://www.yinyan-travel.com/images/detail_sejour_03.jpg) no-repeat; background-position:top; background-color:#FCF8F1;} #milieuxprog #navint{width:400px; height:21px; margin-top:18px; margin-bottom:6px; margin-left:16px!important; margin-left:10px; float:left; clear:both; font-weight:bold; color:#503212;} #milieuxprog #navint a{text-decoration:none; font-weight:bold; color:#503212;} #milieuxprog #navint a:hover{text-decoration:underline;} #milieuxprog #texte1{width:470px; height:auto; float:left; clear:both; margin-top:10px; margin-left:20px!important; margin-left:9px; text-align:justify; color:#5A432B; font-size:12px; font-size:12px; line-height:18px;} .titreofp{width:450px; height:155px; float:left; clear:both; margin-top:12px; margin-left:20px!important; margin-left:9px; border-left:2px solid #CFD3D6; padding-left:10px;} .titreofp p{margin:0px; padding:0px; margin-bottom:4px; color:#84251F; padding-left:6px;} .titreofp p a{text-decoration:underline; color:#4C311C;} .titreofp p a:hover{color:#990000;} .banfrp{width:466px; height:21px; float:left; clear:both; background:#58422B; margin-top:14px; margin-left:20px!important; margin-left:9px; text-align:right; color:#FFFFFF; font-weight:bold; padding-top:1px; font-size:12px;} .banfrp a{color:#FFFFFF; text-decoration:none;} .banfrp a:hover{text-decoration: underline;} .basprog{width:470px; height:22px; float:left; clear:both; margin-top:12px; margin-left:20px!important; margin-left:9px; border-bottom:1px solid #513213; border-top:1px solid #513213; font-size:11px; font-weight:bold; padding-top:6px;} /**************************** programme sejour ****************/ .titreprogsej{width:470px; height:110px; float:left; clear:both; margin-top:12px; margin-left:20px!important; margin-left:9px; padding-left:5px;} .ofpict{width:152px; height:93px; border:2px solid #58422C; float:left;} .desofprsj{width:304px; height:100px; float:left; margin-left:10px!important; margin-left:8px;} .desofprsj .stl1{ border-bottom:1px solid #472319; margin-top:2px; margin-bottom:6px; padding-bottom:4px; color:#010000; font-weight:bold;} .desofprsj p{margin:0px; padding:0px; margin-bottom:4px; margin-top:4px; color:#010000;} .desofprsj .stl2{ margin-top:8px; margin-bottom:0px; padding-bottom:4px; color:#010000;} .desofprsj .stl2 a{color:#010000; text-decoration:underline;} .divresersej{width:464px; height:497px; float:left; clear:both; background:url(http://www.yinyan-travel.com/images/detsej_07.jpg) no-repeat; margin-left:24px!important; margin-left:12px; margin-top:8px; padding-top:6px; color:#180B04; font-size:12px;} .deftl{width:149px; height:17px; border:1px solid #C0AC92; background:#FFECF2;} .txtoferia{width:238px; height:60px; border:1px solid #C0AC92; background:#FFECF2;} .txtoferia2{width:238px; height:160px; border:1px solid #C0AC92; background:#FFECF2;} .btnresej{width:116px; height:22px; color:#F5F1E9; text-align:center; font-weight:bold; background:#58422C; border:none; cursor:pointer;} .divsentag{width:460px; height:40px; float:left; clear:both; margin-left:24px!important; margin-left:12px; margin-top:16px; } .divsentagsl{width:460px; height:20px; float:left; clear:both; margin-left:24px!important; margin-left:12px; margin-top:16px; color:#009933; font-weight:bold; text-align:center;} .divsentagfordevis{width:440px; height:40px; float:left; clear:both; margin-left:24px!important; margin-left:12px; margin-top:8px; margin-bottom:8px; } .divsentagfordevis p{margin:0px; padding:0px; margin-bottom:4px; color:#180B04;} .divsentag p{margin:0px; padding:0px; margin-bottom:4px; color:#180B04;} /******* tarifs *********************/ .text-fields { BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; COLOR: #666666; BORDER-BOTTOM: #dddddd 1px solid; BACKGROUND-COLOR: #ffffff } .text-fields-red { BORDER-RIGHT: #db3912 1px solid; BORDER-TOP: #db3912 1px solid; BORDER-LEFT: #db3912 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #db3912 1px solid; BACKGROUND-COLOR: #cc0000 } .text-fields a{color:#990000; text-decoration:none;} .text-fields a:hover{text-decoration:underline;} input{border:1px solid #7F9DB9;} #errmsg{height:auto; width:300px; margin:auto; color:#FF0000; text-align:center;} /****************** temognage ********************/ .ensemble_blocs { border:1px solid #A3C0D5; width:440px; margin-left:auto; margin-right:auto; margin-bottom:15px; } .bloc_msg { background-color:white; padding:8px; } .infos_msg { font-family:Arial, 'Times New Roman', Times, serif; background:url('http://www.yinyan-travel.com/images/header.png') repeat-x; font-size:90%; margin-bottom:0px; padding-top:4px; padding-left:8px; padding-right:8px; color:#2C485C; height:18px; } /*-----slideshow-----*/ #slideShow{ clear:both; float:left; margin: 0px; padding: 5px; width: auto; height: auto; } .imaa{float:left; width:356px; height:auto; margin-top:14px;} .pimg{ height:285px; width:93px !important; width:90px; float:left; text-align:center; margin:2px; padding-top:4px; } #diaporama{float:left;} .miniphotos {clear:both; border: 2px solid #e1e1e1; margin:2px!important; margin:1px; } .brimage{border: 2px solid #e1e1e1; } .lt1{ color:#99D1F2;} #flashcontent{ width:auto; height:auto; clear:both; float:left; color:#FFFFFF; font-size:14px;}