H1 {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 8px;
	margin: 0px;
	padding: 0px;
	display:inline;
	text-align:center;
	margin:0;
	padding:0;
}
H1.index {
	color: #993300;
	font-size: 9px;
	margin: 0px;
	padding: 0px;
}
#partenaire{
	font-size: 9px;
	text-align:center;
	padding:0;
	color: #555;
	width: 740px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#partenaire a{
	color: #555;
	text-decoration:none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:11px;
	background-image:url(images/commun/fond.jpg);
}
#corps {
	 width:760px;
	 margin:0px auto 0px auto;
	 padding-top:0px;
	 color:#FFFFFF;
	 background-color:#D8AF81;
}

                 /********* Partie du div top *****/
#top {
	background-color:#734B2A;
	height:23px;
	margin:0px;
	padding:0px;
}
#top img {
	float:left;
	margin:0px;
	padding:0px;
}
#top form {
	margin:0px 30px 0px 0px;
	padding:0px;
	float:left;
}
#top p {
	margin:0px;
	padding:0px;
}
#top p label{
	padding:4px 0px 0px 20px !important;
	padding:2px 0px 0px 20px;
	position:absolute;
	
}
#top input#top_txt{
	margin:0px 0px 0px 85px;
	padding:0px;
	vertical-align:inherit !important;
	vertical-align:top;
	font-size:12px;
}
#top input#top_button {
	width:30px;
	font-size:12px;
	margin-top:1px;
}
#top dl {
	margin:0px;
	padding:0px;
}
#top dl dd {
	margin:0px;
	padding:0px;
}
#top dl dd ul {
}
#top dl dd ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	margin-top:3px;
	float:left;
	padding:0px 0px 0px 30px;
}
#top dl dd ul li.top_li{
	border-right:1px solid #FFFFFF;
	padding:0px 30px 0px 30px;
}
#top dl dd ul li a {
	text-decoration:none;
	color:#FFFFFF;
}
                   /********* Fin de la Partie du div top *****/

                   /********* Debut de la Partie du div flash *****/
                   /********* Fin de la Partie du div flash *****/
				   

                   /********* Debut de la Partie du div pre_menu *****/
#pre_menu {
	padding:0px;
	width:231px;
	margin:-3px 0px 0px 0px !important;
	margin:-3px 0px 0px -1px;
	background-image:url(images/gauche_dessous2.gif);
	
}
#pre_menu img {
	padding:0px;
	margin:0px;
}
#pre_menu a {
	margin:0px 0px 0px 55px;
	text-decoration:none;
	color:#CCFFFF;
}
#espace {
	background-image:url(images/arriere_menu.gif);
	padding:4px 0px 0px 0px;
	margin:-3px 0px 0px 0px;
}
#gauche img#img_gauchedessous {
	margin:0px 0px 0px 17px;
}			   
				   
				   /********* debut de la Partie du div gauche *****/
#gauche {
	float:left;
	width:231px;
	margin-bottom:5px;
	margin-top:3px;
}
#gauche img {
	padding:0px;
	margin:0px;
}
#gauche dl {
	padding:10px 0px 10px 33px;
	margin:0px 0px 0px 0px;
}
#gauche dt {
	list-style:none;
	background-color:#734B2A;
	margin-bottom:1px;
	padding:7px 0px 0px 0px;
	width:165px;
	height:23px;
}
#gauche dl dd {
	margin:0 0 0 130px;
	padding:0;
	position:absolute;
	border:1px solid #E1C7B3;
}
.no-visibilty {
  visibility:hidden;
}
#gauche dl dd ul {
	margin:0px;
	padding:0px;
}
#gauche dl dd ul li {
	list-style:none;
	background-color:#734B2A;
	margin:0;
	padding:2px 0 2px 0;
	width:165px;
	height:15px;
}
#gauche dl dd ul li a, #gauche dl dt a {
	text-decoration:none;
	color:#FFFFFF;
}
#gauche dl dd ul li a img, #gauche dl dt a img {
	float:left;
	border:0px none;
}
                          /********* Fin de la Partie div gauche *****/
#gauche_menu{
	background-image:url(images/arriere_menu.gif);
	margin:-3px 0px 0px 0px;				  
}
#gauche_menu #agencemm  {
	text-align:center;
	font-size:13px;
	color:#734B2A;
	font-weight:bold;
	}

						  /********* Debut de la Partie div gauche_dessous *****/
#gauche_dessous {
	width:231px;
	margin:0px 0px 0px -1px;
	padding:0px;
	background-image:url(images/gauche_dessous2.gif);
}
#gauche_dessous h3 {
	background-image:url(images/debut_cat.gif);
	color:#FFFFFF;
	text-decoration:underline;
	background-repeat:no-repeat;
	height:24px;
	padding-top:10px;
	padding-left:35px;
	font-size:12px;
	margin:0px;
}
#gauche_dessous p {
	color:#000000;
	padding:0px 25px 5px 30px;
	margin:0px;
}
#gauche_dessous img {
	margin:0px;
	padding:0px;
	float:left;
}
#gauche_dessous img#img_gauchedessous {
	margin:0px 0px 0px 17px;
	float:none !important;
	float:left;
}    
				   
                                /********* Fin de la Partie div gauche_dessous *****/
            
				            /********* Debut de la Partie du div droite *****/
#droite {
	width:529px;
	/*background-color:#D8AF81;*/
	float:left;
	color:#000000;
	margin:0px 0px 5px 0px;
}

                  /********* Debut de la Partie du div droite div partie_changeante classe prduit-impaire*****/
#droite #partie_changeante .prduit-impaire{
	margin:5px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	background-image:url(images/zone_produit.gif);
	background-repeat:no-repeat;
	height:108px;
	width:528px;
}
#droite #partie_changeante .prduit-impaire a.cliper {
	width:130px;
	height:92px;
	overflow:hidden;
	margin:5px 0px 0px 15px;
	float:left;
}
#droite #partie_changeante .prduit-impaire a img{
	border:0px;
}
#droite #partie_changeante .prduit-impaire #text {
	float:left;
	width:0px;
	margin:0px 45px 0px 10px;
    width:220px;
}
.txtblanc {
	color:#FFFFFF;
}
#droite #partie_changeante .prduit-impaire #text h3 {
	color:#734B2A;
	font-size:12px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#droite #partie_changeante .prduit-impaire #text p {
	padding:0px;
	margin:0px;
}
#droite #partie_changeante .prduit-impaire #prix {
	color:#FFFFFF;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
#droite #partie_changeante .prduit-impaire #prix p {
	padding:0px;
	margin:0px 0px 0px 0px;
}
#droite #partie_changeante .prduit-impaire p.prix strong {
	font-size:20px;
	text-align:center;
}
#droite #partie_changeante .prduit-impaire #prix p.prix strong a {
	text-decoration:none;
	color:#FFFFFF;
}
#droite #partie_changeante .prduit-impaire #text p a {
	color:#FFFFFF;
}

                 /********* Debut de la Partie du div droite div partie_changeante classe prduit-paire*****/
#droite #partie_changeante .prduit-paire{
	margin:5px 0px 0px 1px;
	padding:5px 0 0 0px!important;
	padding:5px 0px 7px 0px;
	background-image:url(images/zone_produit2.gif);
	background-repeat:no-repeat;
	height:105px;
	width:528px;
}
#droite #partie_changeante .prduit-paire #prix {
	color:#FFFFFF;
	padding:65px 0px 0px 25px;
	margin:0px 10px 0px 0px;
	float:left;
	width:120px;
}
#prix_bare {
	color:#FFFFFF;
	padding:15px 0px 0px 25px;
	margin:0px 10px 0px 0px;
	float:left;
	width:120px;
}
#droite #partie_changeante .prduit-paire #prix p {
	padding:0px;
	margin:0px;
}
#droite #partie_changeante .prduit-paire p.prix strong{
	font-size:20px;
	text-align:center;
}
#droite #partie_changeante .prduit-paire p.prix strong a{
	text-decoration:none;
	color:#FFFFFF;
}
#droite #partie_changeante .prduit-paire #text {
	float:left;
	width:220px;
	margin:0px 0px 0px 0px;
}
#droite #partie_changeante .prduit-paire #text p {
	padding:0px;
	margin:0px;
}
#droite #partie_changeante .prduit-paire #text p a{
	color:#FFFFFF;
}
#droite #partie_changeante .prduit-paire #text h3 {
	color:#E1C7B3;
	font-size:12px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#droite #partie_changeante .prduit-paire a.cliper {
	width:130px;
	height:92px;
	overflow:hidden;
	margin:5px 0px 0px 7px;
	float:left;
}
#droite #partie_changeante .prduit-paire img{
	border:0px;
}
				            /********* Fin de la Partie du div droite *****/
	                        
							/********* Debut de la Partie du div dessous *****/
#dessous {
	/*background-image:url(images/dessous.gif);
	background-repeat:no-repeat;*/
	/*clear:both;*/
	background-color:#734B2A;
	height:20px;
	padding:5px 0px;
	text-align:center;
 width:760px;
	margin:0 auto 5px auto;
}
#dessous a {
	color:#FFFFFF;
}


                   /*********************Page produit.php **********************/
#partie_changeante #produit_top {
	margin:5px 0px 5px 0px;
	padding:5px 0px 0px 10px;
	width:511px;
	height:20px;
	background-color:#FFFFFF;
	border:1px solid #9C947D;
}
#partie_changeante #produit_top p {
	padding:0px;
	margin:0px 5px 0px 0px;
	color:#FF3837;
	text-align:right;
}
#partie_changeante #produit_top a {
	text-decoration:none;
	color:#FF3837;
	font-size:10px;
}
#partie_changeante .produit_droite {
	width:361px;
	background-color:#FFFFFF;
	border:1px solid #9C947D;
	padding:0px 0px 10px 0px;
	float:left;
}
#partie_changeante .produit_droite1 {
	width:520px;
	background-color:#FFFFFF;
	border:1px solid #9C947D;
	padding:0px 0px 10px 0px;
	float:left;
}
#partie_changeante .produit_droite .pro_droit_image {
	margin:5px 0px 0px 11px;
}
#partie_changeante .produit_droite a {
	text-decoration:none;
	float:right;
	margin-right:5px;
	color:#608BC2;
}
#partie_changeante .produit_droite h2{
	color:#FF3837;
	font-size:13px;	
	padding:5px 0px 10px 10px;
	margin:0px;
}
#partie_changeante .produit_droite p {
	padding:0px 10px 8px 10px;
	margin:0px;
}
#partie_changeante .produit_droite hr {
	clear:both;
	border:1px solid #C9D9D6;
}
#partie_changeante #coordonnes {
	width:400px;	
	margin:0px 0px 20px 75px;
	color:#C1632D;	
}
#partie_changeante #coordonnes td{
	vertical-align:top;
}
#partie_changeante #coordonnes strong{
	color:#734B2A
}
#partie_changeante #produit_gauche {
	margin-left:5px;
	padding:0px 0px 10px 0px;
	float:left;
	width:155px;
}
#partie_changeante #produit_gauche #produit_gauche_top {
    background-color:#FFFFFF;
	border:1px solid #9C947D;
}
#partie_changeante #produit_gauche p {
	text-align:center;
	padding:5px 0px 5px 0px;
	margin:0px;
}
#partie_changeante #produit_gauche p strong {
	color:#FF3837;
	font-size:14px;
}
#partie_changeante img.produit_img {
	margin:5px 0px 0px 2px !important;
	margin:5px 0px 0px 2px;
	padding:0px;
	border:1px solid #A09285;
	width:150px;

}
 
                         /*********************Fin de laPage produit.php **********************/

                        /*********************Page sejour-maroc-devis.php **********************/
#partie_changeante img.devis_img {
	float:right;
	margin:5px 5px 0px 5px;
	width:150px;
}

#partie_changeante p.sejour {
	color:#734B2A;
	font-size:12px;
	margin:0px 20px 0px 0px;
}
#partie_changeante form {
	padding-left:10px;
}
#partie_changeante form label {
	position:absolute;
	color:#000000;
}
#partie_changeante form input , textarea {
	margin:0px 0px 0px 140px;
}
#partie_changeante form p.bouton {
	background-image:url(images/bouton/bouton.gif);
	background-repeat:no-repeat;
	background-color:#D8AF81;
	height:33px;
	width:223px;
	text-align:center;
	padding:16px 0px 0px 0px;
	margin:0px 0px 0px 130px;
}
#partie_changeante form p.bouton a{
	padding:0px 70px 5px 82px;
	text-decoration:none;
	color:#734B2A;
}
.flot {
	float:left;
}
#flotr {
	float:right;
	margin-right:20px;
	padding-right:15px;
	background-image:url(images/puce.gif);
	background-position:60px 4px;
	background-repeat:no-repeat;
}
#flotr:hover {
	text-decoration:none;
}
#calend {
	border: solid 0px #000000;
	visibility: hidden;
	top:488px;
	position:absolute;
}



.ital {
	font-style:italic;
}
ul.alpha li{
	list-style-type:upper-alpha;
}

			                   /********* Debut de la Partie du div pre_menu *****/
.info {
	margin:5px 0px 5px 0px;
	padding:5px 0px 20px 10px;
	width:511px;
	height:20px;
	background-color:#FFFFFF;
	border:1px solid #9C947D;
}
#no-height {
  height:auto;
}
.info h3 {
	color:#FF0000;
	font-size:14px;
}
.info h4 {
	color:#FF0000;
	font-size:12px;
}
.info a {
	color:#608BC2;
}	

                            /*       pa	gr index.php         */
#heberge {
	width:261px;
	height:134px;
	background-image:url(images/hebergement.gif);
	float:left;
	font-size:9px;
	padding:25px 0px 0px 15px;
	background-repeat:no-repeat;
}	
#heberge a img {
	margin:0px 13px 0px 0px;
	border:0px none;
}
#heberge p{
	margin:0px 14px 0px 0px;
	padding:0px;
	float:left;
}
#heberge img{
}
#heberge strong a {
	text-decoration:none;
	color:#000000;
}												
#siteplus {
	float:left;
	width:230px;
	height:124px;
	margin:0px 0px 0px 3px;
	background-image:url(images/site_plus.gif);
	background-repeat:no-repeat;
	padding:35px 0px 0px 14px;
}	
.prix_th {
 /* width:230px;*/
}
.prix_th th {
  text-align:left;
		width:150px;
}
.prix_th td{
  text-align:right;
		width:80px;
}
.prix_th td span{
  text-align:right;
}
#siteplus a {
	color:#000000;
	text-decoration:none;
}
.blink {
  text-decoration:blink;
		color:#CC0000;
		font-size:14px;
		font-weight:bold;
}
ul#infolegal {
	margin:0px 0px 20px 0px;
	padding:0px;
	text-align:center;
}
ul#infolegal li {
	list-style:none;
}


/********************************* Style ajout�s by khalid*************************************/

#barrephoto{
	background-image:url(images/bar.gif);
	background-repeat:repeat-x;
	height:57px;
	margin-left:-10px;
	}
.imgpetite {
	height: 51px;
	margin: 3px 0px 1px 0px;
	padding:0px;
	}

.bulle{
	visibility:hidden;
	padding: 6px;
	padding:2px;
	border:1px solid #9C947D;
	background-color:#F0E0CE;
	position:absolute;
}
#search{
	background-image:url(images/bar_recherche.gif);
	background-repeat:no-repeat;
	height:27px;
	width:523px;
	margin-top:3px;
	padding:0px;
	}
#search .img{
			margin:5px 5px 0px 150px;
			padding:0px;
			}
#search select{
			font-size:11px;
			color:#734B2A;
			margin:0px 5px 1px 0px;			
			}
#search .go{
			padding:0px;
			margin-bottom:-4px;
			}
#search form{
			margin:0px;
			padding:0px;
			}
			
.titre{
	font-size: 11px; 
	color: #ff6600
}
p{
	font-size: 11px; 
	margin-bottom:5px;
}
.centrer {
	text-align:center;
	}
.warning{
	color:#FF0000;
	font-size:9px;
}
.marg {
  margin:0 0 0 140px;
}
body select.activite {
  width:350px;
}
.clear {
  clear:both;
}
.align_right {
  text-align:right;
}
.bare {
  text-decoration:line-through;
}
body .big {
  font-size:26px;
		color:#FF0000;
		font-weight:bold;
}


/*--------------	spry related		--------------*/
.validMsg{
	position: absolute;
	display:none;
	left: 138px;
	width:16px;
	height:16px;
}
.textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg, .checkboxValidState .validMsg, .radioValidState .validMsg{
	display:inline;
}
#requiredDate .validMsg{
	top: 85px;
	left: 138px;
}
#requiredCity .validMsg{
	top: 108px;
	left: 625px;
}


/*--------------	spry related		--------------*/
#requiredName, #requiredEmail, #requiredDemande{
	position:relative;
}
.validMsg{
	position:absolute;
	display:none;
	z-index:1000;
}
#testform .textfieldFocusState input, #testform .textareaFocusState textarea{
	background-color:#e1e1e1;
	border:1px solid #7F9DB9;
}
#testform .textfieldRequiredState input, #testform .textareaRequiredState textarea{
	border:2px solid #8F3535;
}
#testform .textfieldValidState input, #testform .textareaValidState textarea{
	border:1px solid #1D4F29;
}
#testform .textfieldInvalidtestformatState input{
	border:1px solid #AF151F;
	background-color:#FFBFC2;
}
#testform .textfieldValidState .validMsg, #testform .textareaValidState .validMsg{
	display:inline;
	right:-15px;
	top:0;
}
/*captcha*/
/*small*/
#securite1{
	position:relative;
	height:90px;
}
#securite1 strong{
	font:bold 13px tahoma;	
}
#securite1 .error, #securite1 .rouge{
	font:bold 12px tahoma;	
	color:#cf0000;
	position:absolute;
	width:200px;
	top:65px;
}
#securite1 #txt{
	color:#000;
	position:absolute;
	top:5px;
	left:0;
	width:200px;
	padding:0;
}
#securite1 .captcha{
	border:1px solid #ccc;
	width:44px;
	height:27px;
	text-align:center;
	letter-spacing:5px;
	font-size:18px;
	color:#62b9dc;
	padding:6px 2px 2px;
	position:absolute;
	right:0;
	top:-8px;
}
#securite1 .captcha_1{
	width:255px;
	padding:0 55px 0 55px;
	position:absolute;
	left:0;
	top:20px;
}
#securite1 .bold{
	color:#cf0000;
	font:bold 12px arial;
	position:absolute;
	top:15px;
	left:30px;
}
#securite1 img{
	border:1px solid #ccc;
	position:absolute;
	top:3px;
	left:0;
	padding:0;
}
#securite1 input{
	width:0;
	padding:0;
	border:0;
}