body {
	color: black;
	background: #909090;
	font: normal 100% "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
}

a img {
  border: 0;
}

html, body, ul, form {
  margin: 0;
  padding: 0;
}	

.clear {
  clear: both;
}	

/* ----------------------------- */
/*    Typographie globale        */
/* ----------------------------- */

a {
  color: #DCAC5F;
  text-decoration: none;
}

a:visited {
  }


a:hover, a:focus, a:active {
  text-decoration: none;
}


/* ----------------------------- */
/*            Header             */
/* ----------------------------- */

#header {
  height: 140px; background: #909090 url(design/header.jpg) center 30px no-repeat;
  /* border-bottom: 4px solid #D7D4CB; */
}

#header-inside {
  position: relative;
  width: 760px;
  margin: 0 auto;
}

#header .logo {
  margin: 40px 0 0 0; 
  padding: 0;
  font-size: 15px;
  line-height: 1;
} 

#header img.tampon { width: 100px; height: 70px; position: absolute; margin: 0 50%; top: 65px; left: -250px; }
#header img.tampon a { text-decoration: none; }  



/* illustrations */

ul#illus {
  border: 0;
  position: absolute;
  top: 0;
  right: 0;
  list-style: none;
}

ul#illus li {
  text-align: center;
  width: 93px;
  margin-left: 20px;
  float: left;
  height: 98px;
}

ul#illus li:hover {
  background:url(design/halo.png) no-repeat 0px 30px; border-bottom: 0;
}
ul#illus li.expo:hover {
  background:url(design/halo1.png) no-repeat 0px 30px; border-bottom: 0;
}

img.deco { float: right; margin-left: 15px; margin-right: 15px; } 
img.voycult { float: left; margin-left: 15px; }
img.photo {	border: 5px solid #FFFFFF; }
img.home { float: left; margin: 10px 5px 0 10px; }
img.intro { float: left; margin: 15px 5px 0 0; }
img.dest { float: left; margin: 0 5px 0 0; }



/* ----------------------------- */
/*            bloc Page          */
/* ----------------------------- */

#menu { clear: both; margin: 0 auto; padding: 0; background: #303030 url(design/background-menu.gif) repeat-x; font: bold 15px/35px "Trebuchet MS", Arial, Tahoma, Sans-serif; height: 35px; width: 780px; border-top: 1px solid #EFECE2; border-bottom: 1px solid #EFECE2; overflow: hidden; }
#menu ul { float: left; list-style: none; margin: 0 0 0 1px; padding: 0; width: 785px; }
#menu ul li { display: inline; }
#menu ul li a { display: block; float: left; width: 120px; color: #9B9B9B; text-decoration: none; text-align: center; border-left: 1px solid #585858; border-right: 1px solid #080808; }
#menu ul li a:hover { background: #000000 url(design/background-menu-hover.gif) repeat-x; color: #DCAC5F; }
#menu ul li.right { background-color: #303030; color: #9B9B9B; float: left; font-family: "Trebuchet MS"; }
#menu ul li.right a { width: 95px !important; color: #E6B977 !important; font-size: 0.70em; height:  40px; }
#menu ul li.right a:hover { background: url(design/background-sidebar.gif) center no-repeat !important; }
#menu ul li.right a img { border: 0; vertical-align: middle; }

#container-noir { margin: 0; padding: 0; text-align: left; width: 820px; background: #909090 url(design/background-noir.gif) repeat-y; background-position: 0px 0px; margin-left: auto; margin-right: auto; }
#container-blanc { margin: 0; padding: 0; text-align: left; width: 820px; background: #909090 url(design/background-blanc.gif) repeat-y; background-position: 0px 0px; margin-left: auto; margin-right: auto; }
#container { margin: 0; padding: 0; text-align: left; width: 820px; background: #909090 url(design/background.gif) repeat-y; background-position: 0px 0px; margin-left: auto; margin-right: auto; }
#content-wrap { width: 780px; margin: 0px auto; padding: 0; } 
#content-wrap h1 { font-size: 1.5em; margin: 0 0 0 50px; padding-top: 15px; color: #DCAC5F; font-family: "Trebuchet MS"; font-variant: small-caps; font-weight: bold; }
#content-wrap p.bibli {font-size: 0.9em; line-height: 160%; color: #F1F1F1; padding: 0 20px 0 20px;}

#content { float: left; width: 450px; padding: 20px 0 0 0; margin: 0 0 0 20px; display: inline; }
#content p {font-size: 0.9em; line-height: 160%; color: #474747;}
#content p a { color: #446C00; text-decoration:none; border-bottom:1px dashed #4593db; }	 
#content p a:hover  { color: #4593db; text-decoration:none; border-bottom:1px dashed #DCAC5F; }	 
#content p.recit {font-size: 0.9em; line-height: 160%; background: #cccccc; color: #000033; margin: 0; padding: 0; }
#content p.image { height: 120px; background: url(design/hieroglyphes.jpg) no-repeat right bottom; }
#content p.face { height: 150px; padding-left: 90px; background: url(design/masque.png) no-repeat left top; }
#content h2 { font-family: "Trebuchet MS", 'Lucida Grande', sans-serif; font-size: 12pt; color: #446C00; text-transform: uppercase; margin: 1em 0 0 0; border-bottom: 1px solid #446C00; }
#content ul { float: left; list-style-type: square; margin: 20px 0 0 2px; padding: 0; }
#content li { margin: 0 0 15px 50px; }

#sidebar { float: right; width: 290px; padding: 0px; margin: 0; font-family: "Trebuchet MS", sans-serif; font-size: 9pt; color: #808080; background: url(design/background-sidebar.gif) no-repeat right top; }
#sidebar a { color: #E6B977; }
#sidebar p { margin: 7px 10px 0 5px; line-height: 1.2em; line-height: 160%; color: #F1F1F1;}
#sidebar h2 { font-family: "Trebuchet MS", "Lucida Grande", sans-serif; text-transform: uppercase; border-bottom: 1px solid #E6B977; margin: 25px 15px 0 15px; padding: 4px 0; font-size: 9pt; color: #E6B977; }
#sidebar ul { float: left; list-style: none; margin: 2em 0 0 1em; padding: 0; width: 285px; }
#sidebar li { margin: 0 0 15px 0; }
#sidebar li a { margin: 0 0 15px 0; color: #FFFFFF; }

#contrecit { text-align:justify; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:200%; background-color: #000000; margin: 15px 50px 20px 50px; }
#bigpub { float: left; width: 336px; height: 280px;	background-color: #000000; margin: 10px 10px 0 5px;	}
#textrecit { text-align:justify; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:220%; background-color: #000000; margin: 0px 0px 0px 0px; }

/* ----------------------------- */
/*            Cadre photo        */
/* ----------------------------- */

#cadrephoto { width: 760px; margin: 0px auto; padding-top: 15px; padding-bottom: 15px; }

#cadrephoto-top { margin: 0; padding: 0; text-align: left; width: 760px; height: 40px; background: #000000 url(design/cadrephoto-top.gif) no-repeat; background-position: 0px 0px; margin-left: auto; margin-right: auto; }
#cadrephoto-top h1 { color:#F1F1F1; font-size: 13px; margin: 0; padding-top: 8px; padding-bottom: 20px; padding-left: 25px; text-align: left; }
#cadrephoto-top p.decompte { width: 760px; position: absolute; margin: 0 50%; top: 200px; left: -420px; font-size: 9px; color: #bbb; text-align: right; font-family: Verdana; }
#cadrephoto-content { margin: 0; padding: 0; text-align: center; width: 760px; background: #000000 url(design/cadrephoto-content.gif) repeat-y; background-position: 0px 0px; margin-left: auto; margin-right: auto; }
#cadrephoto-content ul{	list-style:none; margin: 0; padding-top: 10px; text-decoration:none; }
#cadrephoto-content ul li {	display: inline; }
#cadrephoto-content li { margin: 0; } 
#split { width: 700px; margin: 0px auto; overflow: hidden; }	
#split-left { float: left; width: 360px; margin: 0 auto; }	
#split-left-top { margin: 0; padding: 0; text-align: left; width: 360px; height: 15px; background: #000000 url(design/split-left-top.png) no-repeat; background-position: 0px 0px; margin-left: auto; margin-right: auto; }
#split-left-content { margin: 0; padding: 0; text-align: center; width: 360px; background: #000000 url(design/split-left-content.png) repeat-y; background-position: 0px 0px; margin-left: auto; margin-right: auto; }
#split-left-bottom { margin: 0; padding: 0; text-align: left; width: 360px; height: 15px; background: #000000 url(design/split-left-bottom.png) no-repeat; background-position: 0px 0px; margin-left: auto; margin-right: auto; }

#split-right { width: 325px; text-align: left; font-size: 11px; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 180%; margin-left: 370px; padding-top: 5px;}
   
#lanav { width: 500px; height: 50px; margin: 0px auto; padding-top: 10px; padding-bottom: 10px; }
#lanav img.prec { float: left; } 
#lanav img.back { float: left; margin-left: 190px}   
#lanav img.suiv { float: right; }   
#myads { width: 728px; height: 90px; margin: 0px auto; padding-top: 10px; padding-bottom: 20px; }
#cadrephoto-bottom { margin: 0; padding: 0; text-align: left; width: 760px; height: 40px; background: #000000 url(design/cadrephoto-bottom.gif) no-repeat; background-position: 0px 0px; margin-left: auto; margin-right: auto; }

/* ----------------------------- */
/*          Cadre start          */
/* ----------------------------- */	

#start { float: left; width: 500px; font-family: "Trebuchet MS", Verdana; font-size: 0.8em; color: #9B9B9B; text-align: left; margin: 10px 0 0 140px; }	
#start-top { margin: 0 auto; padding: 0; width: 500px; height: 19px; background: #000000 url(design/start-top.png) no-repeat; background-position: 0px 0px; }
#start-content { margin: 0 auto ; padding-left: 10px; width: 500px; background: #000000 url(design/start-content.png) repeat-y; background-position: 0px 0px; }
#start-bottom { margin: 0 auto; padding: 0; width: 500px; height: 19px; background: #000000 url(design/start-bottom.png) no-repeat; background-position: 0px 0px; }

/* ----------------------------- */
/*       Cadre phototheque       */
/* ----------------------------- */
#phototheque { width: 670px; margin: 0px auto; padding-top: 15px; padding-bottom: 15px; text-align: left; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.phot-wrap { margin: 10px 0 0 0; background: #000000 url(design/background-dest.png) repeat-y; }	
.phot-left { float: left; width: 300px; margin: 0 0 0 10px; padding: 10px 0 5px 0; }	
.phot-right { width: 300px; margin: 0 0 0 335px; padding: 10px 0 5px 0; }


/* ----------------------------- */
/*          Cadre voyage         */
/* ----------------------------- */	 

#voyage { width: 780px; margin: 0px auto; padding-top: 15px; padding-bottom: 15px; background: #000000 url(design/voyage.gif) no-repeat center top; overflow: hidden; }
#voyage-noir { width: 780px; margin: 0px auto; padding-top: 15px; padding-bottom: 15px; background: #000000 url(design/voyage-noir.gif) no-repeat center top; overflow: hidden; }
#formulaire { float: left; width: 300px; height: 250px; margin: 125px auto 0 30px; line-height: 100%; color: #000000; }	
#culture { margin-left: 400px; margin-top: 125px}
	

/* ----------------------------- */
/*          Recit                */
/* ----------------------------- */	

.intrecit { margin: 15px 0 20px 0; }
.intrecit p { text-align:left; font-size:0.8em; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; line-height:200%; color: #474747; }
.intrecit a { color: #446C00; text-decoration:none; border-bottom:1px dashed #4593db; }	 
.intrecit a:hover  { color: #4593db; text-decoration:none; border-bottom:1px dashed #DCAC5F; }	 
.intrecit p.suite { float: right; }	
.intrecit p.suite a { font-size:0.7em; text-decoration:none; border: 0; } 

.bigpubrecit { width: 336px; height: 280px; color: #474747; background: #FFFFFF; margin: 10px 50px 0 45px; } 


/* ----------------------------- */
/*          Vidéo                */
/* ----------------------------- */	

.lavideoutube {	float: left; width: 450px; height: 380px; background-color: #FFFFFF; margin: 20px 0 0 12px; }
.descvideo { float: left; text-align: left;	font-size:11px;	font-family: Verdana, Arial, Helvetica, sans-serif;	color:#666;	background-color: #FFFFFF;	line-height:170%; margin: 0 0 0 20px; } 


/* ----------------------------- */
/*          Vignettes            */
/* ----------------------------- */	

.album	{ padding: 10px 0 0 50px; background: #FFFFFF;}

.album ul {
overflow:hidden;
margin:5px 0 25px}

.album li {
float:left;
list-style:none;
text-align:center}

.album li.ads {	
margin-top: 5px;
margin-left: 6px;
width:160px;
height:160px;
display:block;
overflow:hidden;
padding-left:2px;
background:url(design/vignads.png);
float:left;
text-align:center}

.album p {
margin: 10px 0 0 0;}

.album li a {
color:#999;
width:166px;
height:167px;
display:block;
overflow:hidden;
padding-left:2px;
background:url(design/vignettes.png);
font:italic 71% Georgia,Bookman,Palatino,"Times New Roman",serif}

.album li a:hover,.album li a:active,.album li a:focus {
color:#446C00;
padding:0 2px 0 0;
font:normal 71% Georgia,Bookman,Palatino,"Times New Roman",serif;
background-position:-167px 0}

.album li img {
padding:2px;
display:block;
border:1px solid #CCC;
background:#FFF }

.album li img.h {margin:41px 16px 19px}
.album li img.v {margin:18px 40px 2px}
.album li img.m {margin:23px 20px 16px}

.album li a:hover img.h,.album ul li a:active img.h,.album ul li a:focus img.h {margin-top:39px;border-color:#AAF}
.album li a:hover img.v,.album ul li a:active img.v,.album ul li a:focus img.v {margin-top:16px;border-color:#AAF}	
.album li a:hover img.m,.album ul li a:active img.m,.album ul li a:focus img.m {margin-top:23px;border-color:#AAF} 

h2.choc {
font:normal 100% Georgia,Bookman,Palatino,"Times New Roman",serif;
}
/* ----------------------------- */
/*          Documentation        */
/* ----------------------------- */

#guides {
	height: 85px;
	margin : 0 0 1em 0;
	padding: 0 13px 0 0;
	background: #d7ded6 url(../images/guidedn.gif) right top no-repeat;
}

#guides div {
	height: 85px;
	background: #d7ded6 url(../images/guidegn.gif) left top no-repeat;
}  

#guides ul {
	list-style-type: none;
	margin : 0;
	padding:0;
	text-align: right;
}

#guides ul li {
	margin: 0;
	padding: 0 0 0 5%;
	display: inline;
}

#guides a img {
	margin: 4px 0 0 0;
	padding: 0;
	border: 1px solid black;
}

#guides a:hover img {
	border: 1px solid #769712;
}

#livres {
	height: 85px;
	margin : 0 0 1em 0;
	padding: 0 13px 0 0;
	background: #d9d6de url(../images/livredn.gif) right top no-repeat;
}

#livres div {
	height: 85px;
	background: #d9d6de url(../images/livregn.gif) left top no-repeat;
}

#livres ul {
	list-style-type: none;
	margin : 0;
	padding:0;
	text-align: right;
}

#livres ul li {
	margin: 0;
	padding: 0 0 0 4%;
	display: inline;
}

#livres a img {
	margin: 4px 0 0 0;
	padding: 0;
	border: 1px solid black;
}

#livres a:hover img {
	border: 1px solid #769712;
}

#dvd {
	height: 85px;
	margin : 0 0 1em 0;
	padding: 0 13px 0 0;
	background: #ddbfc1 url(../images/dvddn.gif) right top no-repeat;
}

#dvd div {
	height: 85px;
	background: #ddbfc1 url(../images/dvdgn.gif) left top no-repeat;
}  

#dvd ul {
	list-style-type: none;
	margin : 0;
	padding:0;
	text-align: right;
}

#dvd ul li {
	margin: 0;
	padding: 0 0 0 1%;
	display: inline;
}

#dvd a img {
	margin: 4px 0 0 0;
	padding: 0;
	border: 1px solid black;
}

#dvd a:hover img {
	border: 1px solid #769712;
}


 /*---------------------
     
	    FOOTER
	
---------------------- */

#footer{
	width: 780px;
	margin: 0px auto 0px auto;
	text-align:left;
	padding:0;
	background:#F0F0F0 url(http://www.photos-voyages.com/images/footer.png) no-repeat top left;
}
#footer .inside{
   background:url(http://www.photos-voyages.com/images/footer.png) no-repeat bottom left;
   padding:5px 20px 10px 20px;
   height:320px;
}

#footer dl.dest1{
	width:16%;
	float:left;
	margin:0;
}
#footer dl.dest2{
	width:20%;
	float:left;
	margin:0;
}
#footer dl.pra{
	width:21%;
	float:left;
	margin:0;
}
#footer dl.exp{
	width:22%;
	float:left;
	margin:0;
}
#footer dl.ann{
	width:20%;
	float:right;
	margin:0;
}

#footer dt{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	color:#009999;
	padding:0;
	margin:0 0 10px 0;
	font-weight:bold;
	margin: 0 0 8px 0px;
	text-decoration: underline;
}  

#footer dt.doub{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	color:#009999;
	padding:0;
	margin:0 0 10px 0;
	font-weight:bold;
	margin: 30px 0 8px 0px;
	text-decoration: underline;
}
#footer dt.invis{
	color:#f0f0f0;
}
#footer dd{
	color:#009999;
	padding:0;
	margin:0;
	font-size:0.7em;
	margin-bottom:5px;
}
#footer dd.puce{
    background:url(http://www.photos-voyages.com/images/puce.png) no-repeat 0% 40%;
	margin-bottom:5px;
}
#footer dd.puce a{
	margin-left:8px;
} 
#footer dd.carre{
    background:url(http://www.photos-voyages.com/images/carre.png) no-repeat 0% 60%;
	margin-bottom:5px;
}
#footer dd.carre a{
	margin-left:8px;
}
#footer dd.non{
	color:#606060;
	padding:0;
	margin:0;
	font-size:0.7em;
	margin-bottom:5px;
}
#footer dd a{
	color:#606060;
	text-transform:none;
	font-weight:normal;
}
#footer dd a:hover{
	color:#606060;
	text-decoration:underline;
} 
#footer .bottom{
   background:#939393;
   padding:3px 10px 5px 0px;
   height:15px;
}
#footer .bottom a{
   color:#FFFFFF;
}
#footer .top{
   text-align: left;
   background:#939393;
   padding:3px 10px 5px 0px;
   height:20px;
}
#footer .top a{
   color:#FFFFFF;
}

#footer ul {
	list-style-type: none;
	font-size:0.8em;
	margin : 0;
	padding:0;
	color:#FFFFFF;
	text-align: right;
}

#footer ul li {
	margin: 0 0 0 0;
	padding: 0;
	display: inline;
}  

#bottom-footer { width: 820px; height: 30px; text-align: center; margin: 0 auto; padding: 0; background: #909090 url(design/footer.gif) no-repeat 50% 80%; }