@charset "utf-8";
/* CSS Document */
body{
font-family:"Trebuchet MS", Arial;
background-color:#cc3b03;
margin:0;
padding:0;
}
*{
margin:0;
padding:0;
list-style:none;
}
img{
border:none;
}
.clear{
clear:both;
}
.lien_top{
width:610px;
text-align:center;
font-size:11px;
color:#FF6600;
margin:0 auto;
text-decoration:none;
}
.lien_top a{
color:#FF6600;
text-decoration:none;
}
.lien_top a:hover{
color:#AA4400;
}
.home{
background:url(../images/commun/bg_content.gif) 100% 100% no-repeat;
background-color:#FFFFFF;
width:930px;
margin:0 auto;
}
.header{
background:url(../images/commun/bg_header.gif) 100% 0 no-repeat;
width:926px;
height:300px;
margin:0px auto;
}
.header_left{
width:302px;
height:232px;
float:left;
}
.header_right{
width:620px;
height:232px;
float:left;
position:relative;
}
.support_chat{
width:111px;
height:74px;
position:absolute;
top:142px;
left:12px;
}
.menu_top{
background:url(../images/commun/bg_menu_top.gif) 0 0 repeat-x;
width:220px;
height:22px;
float:right;
padding:2px 0 0 10px;
}
.menu_top li{
display:block;
float:left;
}
.menu_top li a{
background-color:#FFFFFF;
padding:0 8px 0 8px;
font-size:12px;
color:#616692;
text-decoration:none;
}
.menu_top li a:hover{
background-color:#616692;
color:#FFFFFF;
text-decoration:none;
}
.logo{
background:url(../images/commun/logo.gif) 0 0 no-repeat;
width:270px;
height:95px;
margin:29px 0 0 15px;
}
.text_logo{
background:url(../images/commun/text_logo.gif) 0 0 no-repeat;
width:267px;
height:73px;
margin:33px 0 0 21px;
}
.menu{
background:url(../images/commun/bg_menu.gif) 0 0 no-repeat;
width:889px;
height:61px;
margin:0 auto;
padding:0 0 0 30px;
}
.menu li{
float:left;
margin:14px 0 0 0;
}
.menu li span{
color:#cc3b03;
font-weight:bold;
}
.menu li a{
padding:0 12px 0 12px;
font-size:14px;
color:#616692;
text-decoration:none;
text-transform:uppercase;
}
.menu li a:hover{
color:#cc3b03;
}
.content{
width:926px;
margin:0 auto;
}
.packs{
width:300px;
float:left;
}
.packs div{
position:relative;
width:295px;
height:133px;
margin:0 0 0 4px;
}
.packs div span{
position:absolute;
display:block;
width:148px;
height:12px;
right:16px;
bottom:10px;
}
.packs div span h6 a{
color:#999999;
font-size:11px;
text-decoration:none;
float:left;
}
.packs div span h5 a{
color:#cc3b03;
font-size:11px;
text-decoration:none;
float:right;
text-transform:uppercase;
font-weight:bold;
}
.comparer{
background:url(../images/commun/comparer_packs.gif) 0 0 no-repeat;
width:295px;
height:48px;
margin:0 0 0 4px;
}
.comparer a{
display:block;
width:295px;
height:48px;
}
.body{
width:616px;
float:left;
}
.bann_promo{
width:597px;
height:163px;
margin:0 auto;
}
.bienvenue{
background:url(../images/commun/bg_bienvenue.gif) 0 0 no-repeat;
width:597px;
height:157px;
margin:10px auto;
padding:34px 0 0 0;
}
.bienvenue p{
width:462px;
margin:0 0 10px 133px;
font-size:13px;
text-align:justify;
}
.msn_pdf{
width:606px;
height:150px;
margin:10px auto;
}
.msn_pdf .msn{
background:url(../images/commun/msn.gif) 0 0 no-repeat;
width:367px;
height:150px;
float:left;
}
.msn_pdf .pdf a{
display:block;
background:url(../images/commun/pdf.gif) 0 0 no-repeat;
width:239px;
height:150px;
float:left;
}
.pk_marrakech_host{
background:url(../images/commun/bg_pk_marrakech_host.gif) 0 0 no-repeat;
width:597px;
height:318px;
margin:10px auto;
padding:34px 0 0 0;
}
.pk_marrakech_host p{
width:462px;
margin:0 0 10px 133px;
font-size:12px;
text-align:justify;
}
.footer{
width:900px;
margin:0 auto;
}
.img_footer{
background:url(../images/commun/foot.gif) 0 0 no-repeat;
width:800px;
height:45px;
margin:0 auto;
}
.ligne{
width:800px;
height:1px;
background-color:#FF6600;
margin:0 auto;
}
.menu_bt_1{
width:680px;
height:20px;
margin:0 auto;
text-align:center;
padding:5px 0 0 120px;
}
.menu_bt_1 li{
float:left;
}
.menu_bt_1 li a{
display:block;
padding:0 10px 0 10px;
font-size:12px;
text-decoration:none;
color:#999999;
float:left;
}
.menu_bt_1 li a:hover{
color:#FF6600;
}
.menu_bt_2{
width:780px;
height:20px;
margin:0 auto;
text-align:center;
padding:5px 0 0 20px;
}
.menu_bt_2 li{
float:left;
}
.menu_bt_2 li a{
display:block;
padding:0 10px 0 10px;
font-size:12px;
text-decoration:none;
color:#999999;
float:left;
}
.menu_bt_2 li a:hover{
color:#FF6600;
}
.lien_par{
width:930px;
margin:20px auto 0 auto;
text-align:center;
color:#FF9900;
font-size:10px;
}
.lien_par a{
color:#FF9900;
text-decoration:none;
font-size:10px;
}
.lien_par a:hover{
color:#FF6600;
}
.text_hebergement{
background:url(../images/commun/bg_hebergement.gif) 0 0 no-repeat;
width:908px;
height:175px;
margin:10px auto 0 auto;
padding:34px 0 0 0;
}
.text_hebergement p{
width:662px;
margin:10px 0 20px 200px;
font-size:13px;
text-align:justify;
}
.text_marrakech_host{
background:url(../images/commun/bg_marrakech_host.gif) 0 0 no-repeat;
width:908px;
margin:10px auto 0 auto;
padding:34px 0 0 0;
}
.text_marrakech_host h1{
width:562px;
margin:0px 0 0px 300px;
font-size:16px;
text-align:justify;
}
.text_marrakech_host p{
width:562px;
margin:10px 0 20px 300px;
font-size:13px;
text-align:justify;
}
.text_support{
background:url(../images/commun/bg_support.gif) 0 0 no-repeat;
width:908px;
margin:10px auto 0 auto;
padding:34px 0 0 0;
}
.text_support h1{
width:662px;
margin:0px 0 0px 200px;
font-size:16px;
text-align:justify;
}
.text_support p{
width:662px;
margin:10px 0 20px 200px;
font-size:13px;
text-align:justify;
}
.text_domaine{
background:url(../images/commun/bg_domaine.gif) 0 0 no-repeat;
width:908px;
margin:10px auto 0 auto;
padding:34px 0 0 0;
}
.text_domaine p{
width:562px;
margin:10px 0 20px 300px;
font-size:13px;
text-align:justify;
}
.text_contact{
background:url(../images/commun/bg_contact.gif) 0 0 no-repeat;
width:908px;
margin:10px auto 0 auto;
padding:34px 0 0 0;
}
.text_contact h1{
width:562px;
margin:0px 0 0px 260px;
font-size:16px;
text-align:justify;
}
.text_contact p{
width:562px;
margin:10px 0 20px 260px;
font-size:13px;
text-align:justify;
}
.text_contact ul{
width:562px;
margin:10px 0 20px 260px;
font-size:13px;
text-align:justify;
}
.text_contact ul li{
display:block;
width:450px;
margin:5px 0 0px 0px;
font-size:13px;
text-align:justify;
}
.text_contact ul li label{
display:block;
width:150px;
margin:0px 0 0px 0px;
font-size:13px;
float:left;
text-align:right;
}
.text_contact ul li input{
display:block;
width:200px;
margin:0px 0 0px 0px;
font-size:13px;
border:none;
border-bottom:1px solid #666666;
}
.text_contact ul li textarea{
display:block;
width:200px;
margin:0px 0 0px 0px;
font-size:13px;
border:none;
border-bottom:1px solid #666666;
}
.Style1 {font-size: 12px}
.Style2 {color: #FF0000}
.Style3 {font-size: 18px}
.Style4 {font-size: 9px}
.Style5 {font-size: 14px}
/******************* ORDER *******************/
.title_order{
width:700px;
height:40px;
margin:auto;
}
.title_order ul{ 
width:800px;
height:20px;
}
.title_order ul li{ 
width:140px;
height:20px;
font-size:12px;
background-color:#E0E0E0;
color:#666666;
text-align:center;
margin:0 20px 0 20px;
float:left;
}
.title_order ul li.actif{ 
width:140px;
height:20px;
font-size:16px;
background-color:#FF9900;
color:#FFFFFF;
text-align:center;
margin:0 20px 0 20px;
float:left;
}
ul.etat_etape li{
width:140px;
height:20px;
font-size:12px;
background-color:#ffffff;
color:#666666;
text-align:center;
margin:0 20px 0 20px;
float:left;
}
.tous_plan{
width:800px;
margin:40px auto;
}
.plan_etape1{
width:800px;
height:50px;
margin:0 0 20px 0;
border:1px solid #999999;
background-color:#EFEFEF;
}
.plan_etape1 div{
float:left;
}
.plan_etape1 select{
margin:20px 0 0 20px;
float:left;
width:250px;
}
.plan_etape1 input{
margin:10px 0 0 60px;
}
.plan_etape1 h2{
width:300px;
height:20px;
font-size:14px;
font-weight:bold;
margin:5px 0 0 10px;
}
.plan_etape1 h4{
width:300px;
height:20px;
font-size:12px;
margin:0px 0 0 10px;
}
.domaine_plan2{
width:800px;
height:420px;
text-align:center;
margin:70px auto;
}
.swResults{
width:800px;
text-align:center;
font-size:18px;
margin:10px auto;
}
.domaine_plan2 h2{
width:800px;
height:30px;
text-align:left;
border-bottom:2px solid #DDDDDD;
text-transform:uppercase;
}
.domaine_plan2 h3{
text-align:left;
}
.domaine_plan2 h4{
text-align:left;
font-size:12px;
}
.domaine_plan4{
width:600px;
height:420px;
text-align:center;
margin:70px auto;
}
.domaine_plan4 ul{
width:600px;
height:25px;
float:left;
}
.domaine_plan4 li{
margin:3px 0 3px 0;
display:inline;
}
.domaine_plan4 .submit{
background-color:#eeeeee;
border:1px solid #666666;
}
.domaine_plan4 ul li label{
display:block;
width:250px;
margin:0px 0 0px 0px;
font-size:13px;
float:left;
text-align:right;
}
.domaine_plan4 ul li input{
display:block;
width:200px;
margin:0px 0 0px 0px;
font-size:13px;
border:none;
border-bottom:1px solid #666666;
}
.vue_ensemble{
width:200px;
border:1px solid #dcdcdc;
margin:10px;
float:left;
}
.vue_ensemble h2{
width:200px;
height:20px;
background-color:#eeeeee;
font-size:14px;
text-align:center;
}
.vue_ensemble ul{
font-size:12px;
text-align:left;
padding:5px 0 5px 5px;
}
.comparer_nos_packs{
background:url(../images/commun/comparer_packs.gif) 0 0 no-repeat;
width:300px;
height:46px;
float:left;
}
.comparer_nos_packs a{
display:block;
width:300px;
height:46px;
}
.title{
background:url(../images/commun/bg_title_pack.jpg) 0 0 no-repeat;
width:894px;
height:30px;
font-size:18px;
color:#FFFFFF;
margin:0 0 0 12px;
padding:0 0 0 6px;
text-transform:uppercase;
}
.red_err{
color:#FF0000;
}
.green_err{
color:#00CC00;
}
/*****************************/
.partenaires{
text-align:center;
font-size:12px;
font-family:"Trebuchet MS", Arial;
color:#333333;
}
.partenaires a{
color:#999999;
text-decoration:none;
}
.partenaires a:hover{
color:#990000;
}