@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px;}
a img{ border:none;}
img,h2{padding:0px; margin:0px;}
.clear_fix{ clear:both;}

body{ background:url(images/back_site.jpg) repeat-x;}
#site{width:854px; margin:auto; position:relative;}
#site img.ombl{ position:absolute; top:0px; left:-18px;}
#site img.ombr{ position:absolute; top:0px; right:-18px;}

/**********header*****************/
#header{ clear:both; width:854px; height:248px;}



/**********main*****************/
#main{ clear:both; width:854px;}
#main #accueil{ float:left; width:564px; padding:0px 10px 0px 15px;}
#main #accueil h1{ padding:10px 0px 8px 0px;}
#main #accueil p{ font-family:verdana; font-size:10px; color:#5e5e5e; line-height:13px; text-align:justify;}

#accueil #back_resa{ background:url(images/back_reservation.jpg) no-repeat; width:507px; height:266px; margin-left:40px; position:relative;}
#back_resa #fresa{ clear:both; width:400px; margin:auto; padding-top:40px; display:block;}
#back_resa input.resa_accueil{ position:absolute; right:166px; bottom:18px; border:none;}
#back_resa #fresa td{font-family:tahoma; font-size:10px; color:#636363;}
#back_resa #fresa select,#back_resa #fresa input[type=text]{border:1px solid #b1b1b1;font-family:tahoma; font-size:10px; color:#636363;}
/*#back_resa input.resa_accueil{ position:absolute; right:166px; bottom:18px; border:none;}*/

#accueil .c2c{ float:left; display:inline-block; width:160px; height:183px;  border:1px solid #d9d9d9; margin-top:20px; margin-left:20px; margin-bottom:10px; padding:5px;}
#accueil .c2c h4{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#707070; font-style:italic; padding-top:5px; padding-left:5px;}
#accueil .c2c img.sep{ padding:9px 0px 9px 5px;}
#accueil .c2c span{ float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; color:#151515;  padding-left:3px;}
#accueil .c2c img.voir{ float:right; padding-top:2px; padding-right:3px;}
#accueil .margin_fix{ margin-left:0px;}
#accueil .c2c a{ display:block; height:110px; }


/**********menu droit*****************/
#main #menu_droit{ float:left; width:260px; background:url(images/back_droit.jpg) repeat-x; background-color:#FFFFFF; border-left:1px dashed #CCCCCC; padding-right:3px;}
#menu_droit #promo img.titre_promo{ padding:10px 0px 10px 7px;}

#promo .dispo_promo{ clear:both; width:200px; height:103px; border-bottom:1px solid #CCCCCC; position:relative; margin:auto; padding-bottom:5px;}
#promo .dispo_promo h4{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#707070; font-style:italic; position:absolute; left:0px; top:0px;}
#promo .dispo_promo img.img_promo{ border:1px solid #CCCCCC; background-color:#FFFFFF; position:absolute; left:0px; bottom:10px; }
#promo .dispo_promo span.prix_baree{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; color:#c32223;  text-decoration:line-through; display:block; position:absolute; top:0px; right:0px;}
#promo .dispo_promo span.prix_promo{ background:url(images/back_prix_promo.png) no-repeat; text-align:center; width:66px; height:36px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff; padding:23px 0px 10px 0px; display:block; position:absolute; bottom:10px; right:0px;}

#promo .dispo_promo_inverse{ clear:both; width:200px; height:103px; position:relative; margin:auto; margin-top:12px;}
#promo .dispo_promo_inverse h4{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#707070; font-style:italic; position:absolute; right:0px; top:0px;}
#promo .dispo_promo_inverse img.img_promo{ border:1px solid #CCCCCC; background-color:#FFFFFF; position:absolute; right:0px; bottom:10px; }
#promo .dispo_promo_inverse span.prix_baree{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; color:#c32223;  text-decoration:line-through; display:block; position:absolute; top:0px; left:0px;}
#promo .dispo_promo_inverse span.prix_promo{ background:url(images/back_prix_promo.png) no-repeat; text-align:center; width:66px; height:36px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff; padding:23px 0px 10px 0px; display:block; position:absolute; bottom:10px; left:0px;}

#menu_droit #maroc{ clear:both; width:260px;}
#menu_droit #maroc img.titre_maroc{ padding:10px 0px 5px 7px;}
#menu_droit #maroc p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px; width:240px; margin-left:auto; margin-right:auto; }
#menu_droit #maroc a{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#666666; width:240px; margin:auto; text-decoration:none;}
#menu_droit #maroc a:hover{ text-decoration:underline;}
#menu_droit #maroc img.paysage{ clear:both; padding-top:10px; padding-left:23px;}

#menu_droit #contact img.titre_contact{ padding:10px 0px 0px 7px;}
#menu_droit #contact img.info{ padding-left:7px;}

/**********pages internes*****************/
#interne{ width:589px; padding-bottom:10px;}
#interne h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#bc0c0e; padding-bottom:20px;}
#interne .vehicule{ width:521px; height:178px; margin:auto; background:url(images/back_vehicule.jpg) no-repeat; position:relative; margin-bottom:10px;}
#interne .vehicule img.img_vehicule{ position:absolute; left:30px; top:30px;}
#interne .vehicule h3{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#545454; font-weight:normal; position:absolute; right:35px; top:15px;}
#interne .vehicule span{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#45a4e0; position:absolute; left:10px; bottom:30px;}
#interne .vehicule table{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#151515; position:absolute; right:35px; top:65px;}
#interne .vehicule a{position:absolute; right:30px; bottom:15px;}

#interne .etapes{ clear:both; width:380px; margin:auto; text-align:center;}
#interne #detail_resa{ clear:both; width:555px; height:150px; margin:auto; position:relative; margin-top:50px;}
#interne #detail_resa img.resa1{ position:absolute; left:0px; top:20px;}
#interne #detail_resa h3{ position:absolute; left:195px; top:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; color:#bc0c0e;}
#interne #detail_resa p{ font-family:verdana; font-size:10px; color:#8e8e8e; width:335px; position:absolute; left:195px; top:30px;}
#detail_resa .tarifs{ clear:both; width:300px; position:absolute; right:43px; bottom:0px;}
#detail_resa .tarifs span{ background:url(images/fleche_tarifs.jpg) no-repeat 0px 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#8e8e8e; padding-left:15px;}
#detail_resa .tarifs span.rouge{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#c01c1e; padding-left:10px ; padding-right:10px; background:none;}
#interne #formu_resa{ clear:both; background:url(images/back_resa1.jpg) no-repeat; width:558px; height:250px; margin-top:30px; padding-top:77px;  display:block;}

#formu_resa #fresa1 td{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;color:#636363;}
#formu_resa #fresa1 select,#formu_resa #fresa1 input[type=text]{border:1px solid #b1b1b1;font-family:tahoma; font-size:11px; color:#636363;}

#interne #info_resa{ clear:both; width:562px; height:117px; margin-top:45px; margin-bottom:20px;}
#interne #info_resa h3{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px;color:#bc0c0e; padding:0px 0px 10px 15px;}
#info_resa .left{ float:left; width:265px; border-right: 1px solid #afafaf; margin-left:20px; padding-left:10px;}
#info_resa .left span{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;color:#525252; padding-bottom:3px; display:inline-block;}
#info_resa .left span.titre_rouge{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#d20200; padding-left:6px; display:inline-block;}
#info_resa .left span.titre_bleu{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; color:#1e7c9d; padding-left:6px; display:inline-block;}

#info_resa .right{ float:left; width:215px; margin-left:30px;}
#info_resa .right span{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#525252; border-bottom:1px dashed #999999; padding-bottom:3px; margin-top:3px; display:inline-block;}
#info_resa .right span.bleu{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#1e7c9d; padding-top:5px; display:block; border-bottom:none;}

#interne #formu_resa1{ clear:both; width:545px; height:341px; border: 1px solid #d6d6d6; padding:20px 0px 0px 15px; }
#formu_resa1 #fresa2 td{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;color:#808080;}
#formu_resa1 #fresa2 select,#formu_resa1 #fresa2 input[type=text], #fresa2 textarea{border:1px solid #e4e4e4;font-family:tahoma; font-size:11px; color:#636363; background-color:#e5eff2;}
#fresa2 textarea, #fresa2 checkbox{border:1px solid #e4e4e4;font-family:tahoma; font-size:11px; color:#636363; background-color:#FFFFFF;}

#interne #info_perso{ clear:both; padding-left:30px;}
#interne #info_perso span{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;color:#525252;}
#interne #info_perso span.orange{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;color:#eaa500;}

#interne #conf{ clear:both; width:550px; margin-top:50px; margin-left:20px;}
#interne #conf span{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;color:#525252; padding-bottom:20px; display:block;}
#interne #conf p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;color:#bc0c0e; padding-right:5px;}

#interne #maroc{ width:564px; padding-right:10px;}
#interne #maroc p{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#5e5e5e; line-height:14px; text-align:justify;  display:block;}
#interne #maroc img{ clear:both; padding:20px 0px 0px 10px;}

#interne #faq{ width:564px; padding-right:10px;}
#interne #faq p{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; text-align:justify; padding:5px 0px 5px 0px;  display:block;}
#interne #faq span{ clear:both; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;color:#3691b2; padding:5px 0px 7px 0px;}
#interne #faq img{ clear:both; padding:20px 0px 10px 10px;}
.pagination{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;color:#040404;}

#interne #contact{ clear:both; width:545px; height:405px; border: 1px solid #d6d6d6; padding:10px 0px 0px 15px; }
#contact #fcontact td{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;color:#808080;}
#contact #fcontact select,#contact #fcontact input[type=text], #fcontact textarea{border:1px solid #e4e4e4;font-family:tahoma; font-size:11px; color:#636363; background-color:#e5eff2;}

#contact #fcontact #ereur_form{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;color:#C00;}

#contact #info_contact{ clear:both; width:520px; text-align:center; margin-top:40px;}
#contact #info_contact span{clear:both; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px;color:#3691b2; padding:15px 0px 7px 0px;}
#contact #info_contact p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; text-align:center;}


#interne .reservation{ float:left; display:inline-block; width:160px; height:183px;  border:1px solid #d9d9d9; margin-top:20px; margin-left:23px; margin-bottom:10px; padding:5px;}
#interne .reservation h4{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#707070; font-style:italic; padding-top:5px; padding-left:5px;}
#interne .reservation img.sep{ padding:9px 0px 9px 5px;}
#interne .reservation span{ float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; color:#151515; text-transform:uppercase; padding-left:5px;}
#interne .reservation img.res{ float:right; padding-top:2px;}
#interne .margin_fix{ margin-left:0px;}
#interne .reservation a{ display:block; height:110px; }


/**********footer*****************/

#footer{ clear:both; width:854px; height:130px; margin:auto; background:url(images/back_footer.jpg) repeat-x; margin-top:5px;}
#footer #ss_menu{ width:854px; text-align:center; padding-top:5px;}
#ss_menu a{ font-family:tahoma; font-size:10px; color:#686868; text-decoration:none;}
#footer #referencement{ width:844px; text-align:center; padding:20px 5px 0px 5px;}
#referencement p{font-family:tahoma; font-size:9px; color:#b1b1b1; text-decoration:none;}