@charset "utf-8";
/* CSS Document */
#contenu{width:777px; height:auto; float:left; background:url(../images/content_top.jpg) top no-repeat #0a2377; background-position:left top; border-left:4px solid #2EA6FC; border-right:4px solid #2EA6FC; padding:5px 0 0 0;}
#bas_contenu{width:784px; height:90px; float:left; background:url(../images/content_bottom.jpg) no-repeat;}

li{list-style:none;}
/*footer====================*/
#footer{width:777px; height:178px; float:left; background:url(../images/bg_footer.jpg) no-repeat left;}
/*=========================*/
#div_article{width:777px; height:auto; float:left;}
/*btn*/
#div_lien{width:784px; height:65px; float:left; padding:12px 0 0 0; background:#162647;}
#boutton_lien{width:121px; height:42px;_height:65px; float:left; background:url(../images/btn.jpg) no-repeat; background-position:top; margin:0 0 0 7px; padding:23px 0 0 0; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-align:center; text-transform:uppercase; letter-spacing:1px;}
#boutton_lien:hover{height:42px;_height:65px; background:url(../images/btn.jpg) no-repeat; background-position:bottom;}

#boutton_lien_accueil{width:121px; height:42px; float:left; background:url(../images/btn.jpg) no-repeat; background-position:top; margin:0 0 0 7px; padding:23px 0 0 0; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-align:center; text-transform:uppercase; letter-spacing:1px;}
#boutton_lien_accueil:hover{height:42px; background:url(../images/btn.jpg) no-repeat; background-position:bottom;}

#boutton_lien_on{width:121px; height:42px;_height:65px; float:left; background:url(../images/btn.jpg) no-repeat; background-position:bottom; margin:0 0 0 7px; padding:23px 0 0 0; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-align:center; text-transform:uppercase; letter-spacing:1px;}
/*logo*/
#div_logo{width:224px;height:150px; float:left;background:url(../images/logo.jpg) no-repeat left top; margin:12px 0 0 38px;_margin:18px 0 0 39px;}

/*article*/
#div_articles{width:750px; height:auto; float:left; margin:5px 0 0 15px;_margin:5px 0 0 7px;}
#article{width:745px; height:auto; float:left; margin:0 0 10px 0;}
.article{width:745px; height:auto; margin:auto;}
#left_titre_article{width:10px; height:40px; float:left; background:url(../images/left_titre_article.png) no-repeat;}
#right_titre_article{width:10px; height:40px; float:left; background:url(../images/right_titre_article.png) no-repeat;}
#middle_titre_article{width:400px; height:32px;_height:44px; padding:12px 0 0 15px; background:url(../images/6_t1.png) no-repeat left; float:left; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;}
#middle_titre_article_accueil{width:400px; height:32px; padding:12px 0 0 15px; background:url(../images/6_t1.png) no-repeat left; float:left; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;}

#titre_simple{width:745px; height:30px; float:left; padding:10px 0 0 10px; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;}
#contenu_titre_article{width:420px;height:44px;_height:44px;float:left;margin:10px 300px 0 0;}
#contenu_article{width:735px; height:auto; float:left; margin:10px 0 15px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#fff;text-align:justify; line-height:18px; padding:0 0 0 5px;}
#carousel_accueil{width:735px; height:auto; float:left; margin:0px; font:normal 12px Arial, Helvetica, sans-serif; color:#fff;text-align:justify; line-height:18px; padding:0 0 0 5px;}
#contenu_article li{list-style:none;}
.contenu_article{width:735px; height:auto; float:left; margin:10px 0 15px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#000;text-align:justify; line-height:18px; padding:0 0 0 5px;}
#contenu_article_form{width:735px; height:550px;; float:left; margin:10px 0 15px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 0; text-align:justify; line-height:18px; padding:0 0 0 5px;_padding:0px;}
#img_article{width:220px; height:137px; float:left; border:1px solid #fff; margin:0 0 0 15px;}
#img_article_margin{width:220px; height:137px; float:left; border:1px solid #fff; margin:20px 0 0 15px;}
#img_article_auto{width:auto; height:137px; float:left; border:1px solid #fff; margin:0 0 0 15px;_margin:0 0 0 10px;}
#img_article_auto2{width:auto; height:auto; float:left; margin:0 0 15px 15px;_margin:0 0 10px 10px;}
#img_article_auto2 img{border:1px solid #fff;}

#img_logo{width:220px; height:220px; float:left; border:1px solid #fff; margin:0 0 0 15px;}
#text_contenu_article{width:490px; height:auto; float:left;}
#text_contenu_article h1{ font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline;}
#text_contenu_article_large{width:720px; height:auto; float:left; margin:0 0 10px 0;}
#div_lire_suite{width:735px; height:15px; float:left; margin:5px 0 10px 0;}
#lire_suite{width:auto; height:15px; float:right; margin:0 12px 0 0;_margin:0 7px 0 0; font:bold 12px Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}

#div_langue{width:760px; _width:750px; height:20px; float:left; padding:8px 0 0 15px;}
#langue{width:20px; height:12px; float:left; margin: 0 5px 0 0;}
#langue img{border:1px solid #fff;}

#div_accueil_contacte{width:auto; height:15px; padding:0 15px 0 20px;_padding:0 0px 0 20px; float:right; margin:0 5px 0 0; text-align:right;}
#div_accueil{width:auto; height:15px; float:left; padding:0 10px 0 15px; font:bold 12px Arial, Helvetica, sans-serif; color#fff; text-decoration:none; border-right:1px solid #fff;}
#div_accueil a{text-decoration:none; color:#fff;}
#div_accueil a:hover{text-decoration:none; color:#B7E7F3;}
#contacter{width:15px; height:11px; float:left; margin:0px 0 0 10px;}

#contenu_detail{width:300px; height:auto; float:left;}
#partie_un{width:350px; height:auto; float:left; padding:0 10px 0 0; font:normal 12px Arial, Helvetica, sans-serif; color:#fff;line-height:18px; text-align:justify; margin:10px 0 0 0;}
#partie_un h1{font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline; line-height:18px;}
#detail_partie_2{width:350px; height:auto; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#fff;line-height:18px; padding:0 0 0 15px;text-align:justify; margin:10px 0 0 0;}
#detail_partie_2 h1{font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline; line-height:18px;}


#copy_right{width:300px; height:30px; float:left; margin:150px 20px 0 20px; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-align:left;}

#contenu_titre_article_w_auto{width:300px;height:40px;_height:41px;float:left;margin:10px 0 0 0; margin:0 0 15px 0;}
#middle_titre_article_w_auto{width:250px; height:28px;_height:40px; padding:12px 0 0 15px; background:#082b5a; float:left; font:bold 14px Arial, Helvetica, sans-serif; color:#fff;}

#div_ganimnat{width:350px; height:427px; float:left; border:1pw solid #fff; margin:15px 0 0 0;}

#map_plage_agadir{width:450px; height:427px; background:url(../images/spots-surf-agadir-maroc.jpg) no-repeat; float:left; margin:15px 0 0 160px;_margin:15px 0 0 80px;}

#contenu_img_hebergement{width:auto; height:auto; margin:10px 0 0 65px;}

/*tarif*/
#titre_table_tarif{height:35px; background:#2484F4; padding:0px 0 0 15px; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; letter-spacing:1px;}
#sous_titre_table_tarif{height:35px; background:#518DE5; padding:0px 0 0 15px; font:bold 12px Arial, Helvetica, sans-serif; color:#000; letter-spacing:1px; text-align:center;}
#tr_font{height:30px; font:normal 12px Arial, Helvetica, sans-serif; color:#fff;}
#tr_font td{text-align:left; padding:5px 0 5px 5px; line-height:20px;}
#contenu_article_table{border-top:1px solid #fff; border-right:1px solid #fff; margin:0 0 25px 0;}
#contenu_article_table td{border-left:1px solid #fff;border-bottom:1px solid #fff;}
#contenu_article_table tr{height:20px;}
#prix_tarif{text-align:center; font-weight:bold;}

#table_form_send_email{height:auto; float:left; margin:20px 0 0 0;}
#table_form_send_email tr{height:25px;}
#table_form_send_email td{text-align:left;}

#div_form_email{width:420px; height:auto; margin:20px 0 0 150px;}
#field_text{width:250px; height:18px;_height:22px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#000; border:1px solid #09277D; padding:2px 0 0 0; }
#form_liste{width:252px;_width:250px; height:20px; float:left; border:1px solid #09277D; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}
#message_form_mail{width:250px; height:100px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#000; border:1px solid #09277D;}
.font_12_arial{font:bold 12px Arial, Helvetica, sans-serif; color:#fff;}
#div_message{width:400px; height:120px; margin:auto; margin-top:80px; padding:20px; background:#f4f4f4; border:1px solid #1B66E3;}
#titre_blanc_gras{width:400px; height:20px; float:left; font:bold 14px Arial, Helvetica, sans-serif; color:#000; text-decoration:underline;}
#contenu_message_mail{width:400px; height:60px; float:left; margin:5px 0 0 0; font:bold 12px Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}
#btn_retourner_accueil{width:auto; height:20px; float:left; margin-top:10px; background:url(../images/btn_info_auto.gif) repeat-x top; padding:3px 10px 0 10px; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; cursor:pointer;}
#btn_retourner_accueil:hover{width:auto; height:20px; float:left; margin-top:10px; background:url(../images/btn_info_auto.gif) repeat-x bottom; padding:3px 10px 0 10px; text-decoration:none;}

#submit_mail{width:auto height:20px; float:left; margin:5px 5px 0 0; padding:0 5px 0 5px; font:bold 12px Arial, Helvetica, sans-serif; color:#000; cursor:pointer;}
#Retablir{width:auto height:20px; float:left; margin:5px 5px 0 0; padding:0 5px 0 5px; font:bold 12px Arial, Helvetica, sans-serif; color:#000; cursor:pointer;}

#table_form_contact{height:auto; float:left; margin:20px 0 0 0;}
#table_form_contact tr{height:25px;}
#table_form_contact td{text-align:left; height:25px;}

#lien_reservation{font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}


/*gallery*/
#contenu_gallery{width:670px; height:auto; float:left; margin:10px 0 15px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; text-align:justify; line-height:18px; padding:0 0 0 50px;_padding:0 0 0 40px;}


/*jcarousel*/
.article_carousel{width:221px; height:auto; float:left; margin:14px 0 0 0;}
#titre_article_carousel{width:195px; height:15px; float:left; margin:0 0 3px 1px; padding:0 0 0 10px; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; cursor:pointer;}
#img_article_carousel{width:212px; height:auto; float:left; margin:auto;}
#img_article_carousel img{border:1px solid #fff;}

/* elements jq carousel */
#div_img_carou{width:190px; height:124px; float:left; margin:2px 0 0 10px;_margin:2px 0 0 5px; cursor:pointer;}
#div_img_carou img{border:1px solid #fff;}
.ombre_left_div_jq{width:7px; height:135px; margin-right:4px; overflow:hidden; background:url(../images/ombre_left_div_new.png) no-repeat; float:left; opacity:0; _filter:alpha(opacity=0);}
.ombre_right_div_jq{width:7px; height:135px; margin-left:6px; overflow:hidden; background:url(../images/ombre_right_div_new.png) no-repeat; float:left; opacity:0; _filter:alpha(opacity=0);}

#reflection_img_carousel{width:192px; height:17px; float:left; margin:0 0 0 10px; _margin:0 0 0 5px; background:url(../images/reflection_img_carousel.png) no-repeat left;}

#div_pack_free_surfeurs{width:715px; height:auto; float:left; margin-bottom:17px; font:normal 12px Arial, Helvetica, sans-serif; color:#fff; line-height:22px;}

#div_anim_swf{z-index:1;}

#mail{font:12px bold Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}


/*===========================*/