body {
	font-size:1em;
	font-family:"arial";
	background:#704743;

	margin:auto;
	/*padding-top:25px;*/

	/*cursor:url();*/
}

p {
	font-style: italic;
	font-size: 13px;
	font-family: arial, sans-serif;
}


/*##############################################################################

					  Gestion de mise en page globale
							Balise Div de la page 
					
##############################################################################*/

#PAGE{
	left:0px;
	margin:auto;
	height:auto;
	width:847px;
	padding:0px 0px 0px 0px;
	z-index:0;
	background:none;
	/*border-style:hidden;/*solid, double , dashed ,dotted , inset , outset , ridge*/
	border: 0px solid black;*/
}

#entete{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
	
	left:0px;
	float:left;
	height:120px;
	width:847px;
	overflow:show;
	z-index:-2;
	background: url("../img/entete_riad.jpg") no-repeat top;
	/*background:none;
	/*border-style:hidden;/*solid, double , dashed ,dotted , inset , outset , ridge*/
	/*border: 2px solid blue;*/
}

#menu{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
	top:0px;
	left:0px;
	float:left;
	height:27px;
	width:847px;
	overflow:show;
	z-index:-2;
	background: url("../img/menu_fond.jpg") repeat top;
	/*background:none;
	/*border-style:hidden;/*solid, double , dashed ,dotted , inset , outset , ridge*/
	/*border: 2px solid blue;*/
}

#sous_barre_menu{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
	top:-9px;
	left:0px;
	float:left;
	height:15px;
	width:847px;
	overflow:show;
	z-index:-2;
    background: url("../img/sous_barre_menu.jpg") repeat top;
	/*background:none;
	/*border-style:hidden;/*solid, double , dashed ,dotted , inset , outset , ridge*/
	/*border: 2px solid blue;*/
}

#contenu{
	margin:10px 10px 0px 0px;
	padding:10px 10px 0px 0px;
	
	top:-230px;
	left:-1px;
	/*float:left;*/
	height:auto;
	width:847px;
	overflow:show;
	z-index:-2;
	/*background: url("../img/fond_accueil.jpg") no-repeat top;*/
	/*background:none;
	/*border-style:hidden;/*solid, double , dashed ,dotted , inset , outset , ridge*/
	/*border: 1px solid gray;*/
}

/*Med : j'ai changé contenu_accueil par contenu_principal*/
#contenu_principal{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	top:-3px;
	left:0px;
	float:left;
	/*height:350px;*/
	width:847px;
	overflow:show;
	z-index:-2;
	background: url("../img/fond.jpg") repeat top;
	/*background:none;
	/*border-style:hidden;/*solid, double , dashed ,dotted , inset , outset , ridge*/
	/*border: 1px solid gray;*/
}
/****************************************
        Med : Je commence
****************************************/
#top_view{
margin-top:0;
padding-top:0;
margin-bottom:3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  text-align: justify;
/*  background:#641258;*/
  text-align:center;
  color:#fff;
}

#contenu_image{
  margin-left: 7px;
  float: left;
}

#contenu_contenu_accueil{
  margin-left: 4px;
  padding: 0px 5px 5px 5px;
  float: left;
  width: 403px;
  height: 345px;
  overflow: auto ;
    font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 15px;
}

#contenu_contenu{
  margin-left: 4px;
  padding: 0px 5px 5px 5px;
  float: left;
  width: 403px;
  height: 100%;
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color:#3a3a3a;
}
#contenu_contenu_reservation{
  margin-left: 0px;
  padding: 0px 5px 5px 2px;
  float: left;
  width: 628px;
  height: 100%;
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color:#3a3a3a;
 /* background:#3a3a3a;*/
}
    #contenu_contenu h2{
      background: url(../img/titre2.jpg) no-repeat right center;
      height: 52px;
      width: 100%;
      font-family: Arial, sans-serif;
      font-size: 17px;
      color: #2f271e;
      font-style: normal;
      margin: 0px 0px -10px 0px;
      padding-top: 6px;
      text-transform: uppercase ;

    }
	#contenu_contenu_accueil h2{
      background: url(../img/titre2.jpg) no-repeat right center;
      height: 52px;
      width: 95%;
      font-family: Arial, sans-serif;
      font-size: 17px;
      color: #2f271e;
      font-style: normal;
      margin: 0px 0px -10px 0px;
      padding-top: 6px;
      text-transform: uppercase ;

    }
	#contenu_contenu_reservation h2{
      background: url(../img/titre3.jpg) no-repeat right center;
      height: 52px;
      width: 100%;
      font-family: Arial, sans-serif;
      font-size: 17px;
      color: #2f271e;
      font-style: normal;
      margin: 0px 0px -10px 0px;
      padding-top: 6px;
      text-transform: uppercase ;

    }
	#contenu_contenu_reservation ul{
	padding-left:10px;
	}
	
    #agadir_carousel{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: auto;
    padding:0;
    margin-left: 60px;
    }
    #agadir_carousel_li{
      float: left;
      display: block;
      background: #D1A574;
      margin-right: 2px;
      padding: 0px 0px 0px 0px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
      text-decoration: none;
      color:#000;
	  
    }
	   #contenu_contenu a {
	  /* display: block;*/
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
      text-decoration: none;
      color:#000;
	  padding: 1px 6px 1px 6px;
	  
    }
     #contenu_contenu li a:hover{
      float: left;
      display: block;
      background: #9B6933;
      margin-right: 2px;
       padding: 1px 6px 1px 6px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
      text-decoration: none;
    }
	
    #contenu_contenu li.me {
      float: left;
      display: block;
      background: #fff;
      margin-right: 2px;
       padding: 1px 6px 1px 6px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
      text-decoration: none;
    }


.boutton_footer{
display: block;
float:left;
 padding: 1px 2px 5px 2px;
 margin: 3px 3px 0px 3px;
 width: 118px;
 height: 10px;
 background: #d1a574;
 text-decoration: none;
 color: #2b2b2b;
  font-weight: bold ;
}
.boutton_footer:hover{
display: block;
float:left;
 padding: 1px 2px 5px 2px;
 margin: 3px 3px 0px 3px;
 width: 118px;
 height: 10px;
 background: #a27039;
 text-decoration: none;
 color: #cecece;
  font-weight: bold ;
}

input [type=text],[type=select] { 
font-family:Arial, Helvetica, sans-serif; 
font-size:1em;
vertical-align:middle;
font-weight:normal;
}

#input_txt { 
width:280px;
padding:4px 0 5px 7px;
margin-bottom:6px;
color:#202a33;
background:#fff;
border:#D1A574 1px solid;
}

#textarea {
width:280px;
height:97px;
padding:6px 0 6px 9px;
margin-bottom:25px;
color:#202a33;
background:#fff;
border:#D1A574 1px solid;
overflow:auto;
}

#send_button{
float:right;
}

#send_button a {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color:#704743;
float:right;
}

#send_button a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
color:#704743;
float:right;
text-decoration:underline;
}

#footer_content{
float:left;
}

#none{
	font-style: normal;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding-top:0px;
	margin-top:0px;
}
/****************************************
        Med : Fin
****************************************/
#footer_accueil{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 7px;
	position:relative;
	top:-1px;
	left:0px;
	float:left;
	height:30px;
	width:840px;
	overflow:show;
	border: 0px solid gray;
   /*	background: url("../img/pied_page.jpg") no-repeat top;   */
   background: #F7F7F7;
	font-style: normal;
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #704743 ;
}







/******************************************************************************
            Secteur Menu horizontal jquery
******************************************************************************/


 .menu {

            position: relative;
            height: 22px;
            width: 830px;
           /* background: url("../img/bandeau_menu.gif") no-repeat top;*/
            padding: 1px ;
            margin: 5px 0;
            overflow: hidden;
			/*border: 1px solid gray;*/
        }
                .menu li {
                    float: left;
                    list-style: none;
					z-index:30;
                }
                    .menu li.back {
                        background: url("../img/lava.gif") no-repeat right -30px;
                        width: 9px; height: 22px;
                        z-index:30;
                        position: absolute;
                    }
                        .menu li.back .left {
                            background: url("../img/lava.gif") no-repeat top left;
                            height: 22px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .menu li a {
                        font: bold 10px  verdana;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        /*text-transform: uppercase;*/
                        letter-spacing: 0;
                        z-index:35;
                        display: block;
                        float: left;
                        height: 22px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 13px;
                    }
                        .menu li a:hover, .menu li a:active, .menu li a:visited {
                            border: none;
                        }


/******************************************************************************
          Med : Secteur Sous Menu horizontal jquery
******************************************************************************/
 .sous_menu {

            position: relative;
            height: 20px;
            width: 830px;
           /* background: url("../img/bandeau_sous_menu.gif") no-repeat top;*/
            padding: 0px ;
            margin: -3px auto;
            overflow: hidden;
			/*border: 1px solid gray;*/
        }
                .sous_menu li {
                    float: left;
                    list-style: none;
					z-index:30;
                }
                    .sous_menu li.back {
                        background: url("../img/lava2.gif") no-repeat right -30px;
                        width: 9px; height: 22px;
                        z-index:30;
                        position: absolute;
                    }
                        .sous_menu li.back .left {
                            background: url("../img/lava2.gif") no-repeat top left;
                            height: 22px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .sous_menu li a {
                        font: bold 10px  verdana;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        /*text-transform: uppercase;*/
                        letter-spacing: 0;
                        z-index:35;
                        display: block;
                        float: left;
                        height: 22px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 6px;
                    }
                        .sous_menu li a:hover, .sous_menu li a:active, .sous_menu li a:visited {

                            border: none;
                        }