@charset "utf-8";
/* CSS Document */
/* init */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* commun */

.hidden {
	display:none;
}

.cleaner {
	clear:both;
}

.left {
	float:left;
}

.titre {
	font-size:2em;
}

.bold {
	font-weight:bold;
}

.maj {
	text-transform:uppercase;
}

.prix {
	font-size:1.2em;
	line-height: 1.2em;
	font-weight:bold;
	color:#630;
}

h1 {
color:#630;
font-weight:bold;
font-size: 2em;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
}

.h1marge {
margin: 5px 0px 5px 0px;
}

h2, a.lien {
font-size: 1.5em;
line-height:1.2em;
color: #960;
font-weight:bold;
font-style:italic;
}

.filet {
border-bottom: 1px dotted #630;
padding-bottom: 3px;
}

.mail {
font-size: 1.2em;
line-height: 1.2em;
color:#630;
font-weight:bold;
}

.mail:hover {
color: #960;
}

h6 {
font-size:1em;
line-height:1.5em;
font-weight:bold;
font-style:italic;
color: #666;
margin:0px 0px 0px 0px;
padding:0;
text-align:left;
}

a {
text-decoration:none;
}

p {
padding: 0px 0px 0px 0px;
font-size:1em;
line-height:1.3em;
}

blockquote {
font-style:italic;
padding: 10px 30px 10px 30px;
}

/* layout */

body {
background: url(image/design/fondbody.jpg);
font-family:"Trebuchet MS", Arial, sans-serif;
font-size: 13px;
color: #333333;
text-align:center;
line-height: 1;
}

#main {
background: url(image/design/fondmain.jpg);
background-repeat:repeat-y;
margin:auto;
text-align:center;
width: 920px;
}

#header {
width:866px;
height: 290px;
margin:auto;
}

html>body #middle {
height: auto;
min-height:500px;
}

#middle {
width: 840px;
margin:0 auto 30px auto;
min-height:500px;
}

/* menu */
#menu {
width: 840px;
height:140px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:30px;
text-align:center;
}

#menu ul {
width: 840px;
}

#menu ul li {
width:289px;
display:block;
float:left;
}
#menu ul li.last{
width: 256px;
}

#menu ul li a{
text-decoration:none;
text-align:left;
font-size:1.5em;
font-weight:bold;
display:block;
width: 256px;
height: 24px;
margin:0px 28px 0px 0px;
padding:116px 0px 0px 5px;
color:#FFF;
}

#menu ul li a.maure {
background:url(image/design/maure.jpg) no-repeat top left;
}

#menu ul li a.maure:hover {
background:url(image/design/maure.jpg) no-repeat top right;
color:#630;
}
	
#menu ul li a.alger {
background:url(image/design/alger.jpg) no-repeat top left;
}

#menu ul li a.alger:hover {
background:url(image/design/alger.jpg) no-repeat top right;
color:#630;
}

#menu ul li a.desert {
background:url(image/design/desert.jpg) no-repeat top left;
margin-right:0px;
}

#menu ul li a.desert:hover {
background:url(image/design/desert.jpg) no-repeat top right;
color:#630;
margin-right:0px;
} 

/* sous menu */

#sousmenu {
width: 261px;
margin-right: 28px;
background:url(image/design/fondsousmenu.jpg) repeat-y;
float:left;
text-align:left;
}

#sousmenucont {
width:241px;
margin:0px auto 0px auto;
text-align:left;
}

#sousmenucont ul {
margin: 10px 0px 10px 0px;
}

.sousmenuimage {
float:left;
margin-right:5px;
width: 75px;
height:60px;
}
/* sousmenuli*/

li.sousmenuli {
padding: 5px;
border: 1px solid #630;
margin-bottom: 10px;
}

li.sousmenuli:hover {
background-color: #630;
}

li.sousmenuli a {
	display:block;
font-size:1.2em;
line-height:1.2em;
font-weight:bold;
color: #630;
}

li.sousmenuli:hover a{
color:#fff;
}

li.sousmenuli a:hover{
color:#fff;
}

li.sousmenuli a.com {
display:block;
font-size:0.9em;
margin: 2px 2px 2px 0px;
font-weight:bold;
font-style:italic;
color:#333;
}

li.sousmenuli:hover a.com {
	color:#C90;
}
/* page */
#page {
width: 550px;
background: url(image/design/fondpage.jpg) repeat-y;
float:left;
text-align:left;
}

#pagecont {
width:530px;
margin: auto auto 10px auto;
}

/* page conteneur gauche*/
#pagecontleft {
float:left;
width: 100px;
margin-top: 95px
}

#pagecontleft a {
text-align:center;
margin:0px auto 15px auto;
display:block;
width:49px;
height:auto;
padding-top:55px;
font-size:0.9em;
font-style:italic;
font-weight:bold;
color:#960;
}

#pagecontleft a:hover {
color:#630;
}

#pagecontleft a.explorer {	
background:url(image/design/explorer.jpg) no-repeat;
background-position: 0px 0px;
}

#pagecontleft a.explorer:hover {
background:url(image/design/explorer.jpg) no-repeat;
background-position:-49px 0px;
}

#pagecontleft a.regarder {	
background:url(image/design/regarder.jpg) no-repeat;
background-position: 0px 0px;
}

#pagecontleft a.regarder:hover {
background:url(image/design/regarder.jpg) no-repeat;
background-position:-49px 0px;
}

#pagecontleft a.informer {
background:url(image/design/informer.jpg) no-repeat;
background-position: 0px 0px;
}

#pagecontleft a.informer:hover {
background:url(image/design/informer.jpg) no-repeat;
background-position:-49px 0px;
}

#pagecontleft a.partir {
background:url(image/design/partir.jpg) no-repeat;
background-position: 0px 0px;
}

#pagecontleft a.partir:hover {
background:url(image/design/partir.jpg) no-repeat;
background-position:-49px 0px;
}

/*page conteneur right */
#pagecontright {
float:left;
}

.voyage {
width: 430px;
}

.imagetxt {
width:530px;
}

#pagecontright.imagetxt  img.left{
float:left;
margin: 0px 10px 2px 0px;
}

#pagecontright ul.ulesprit {
list-style:disc;
margin-bottom: 5px;
list-style-position:inside;
line-height: 1.2em;
}

#pagecontright li.news, li.lien {
	margin-bottom:15px;
}

#diapo {
width:420px;
padding: 10px 10px 0px 0px;
border-bottom:dotted 1px #630;
}

#diapo a {
display:block;
width: 80px;
height: 60px;
padding: 2px 2px 2px 2px;
background-color:#C90;
float:left;
margin: 0px 20px 10px 0px;
}

#diapo a:hover {
background-color:#630;	
}

ul.txtcarac {
margin:10px 0px 0px 30px ;
color: #630;
font-weight:bold;
line-height:1.3em;
}

ul.txtcarac li {
list-style:none;
}

ul.txtprix {
margin: 10px;
font-size:0.9em;
line-height: 1.3em;
list-style:none;
}

ul.txtprix li {
list-style:none;
}


/* page voyage */
.voyage p {
	margin-top:10px;
}


/* page contact*/
div.contact {
border: 1px solid #630;
	padding: 10px;
}

div.contact a {
	color:#630;
	font-weight:bold;
}
/* footer */
#footer {
width: 920px;
height:79px;
background:url(image/design/footer.jpg) no-repeat;
text-align:right;
padding-top: 10px;
}

#footer ul {
width:840px;
margin:auto;
}

#footer ul li {
float:left;
margin-right: 22px;
}

#footer ul li.last {
margin-right:0px;
}

#footer ul li a {
display:block;
width: 140px;
height: 36px;
padding-right: 10px;
background:url(image/design/btn_footer.jpg) 0 0 no-repeat;
color:#FFF;
font-size:1.5em;
line-height: 1.6em;
text-decoration: none;
font-weight:bold;
}

#footer ul li a:hover {
background:url(image/design/btn_footer.jpg) -150px 0 no-repeat;
}

p.copyright {
	font-size:0.8em;
	text-align:center;
	margin: 5px auto 5px auto;
}

p.copyright a {
	color:#960;
	font-weight:bold;
}

p.copyright a:hover {
	color:#630;
}