@charset "iso-8859-1";
/* auteur: Cyril */
/* Date de création: 20/06/2005 */
html {
	margin: 0;
	padding: 0;
}

body {
	margin: 10 0 0 0;
	padding: 0;
	color: #000;
	background-color: #1A8CBD;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 85%;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #1EA3DC;
	scrollbar-highlight-color: #1EA3DC;
	scrollbar-3dlight-color: #1A8CBD;
	scrollbar-darkshadow-color: #1A8CBD;
	scrollbar-track-color: #1A8CBD;
	scrollbar-arrow-color: #1A8CBD;
}


h1			{COLOR: #333333; FONT-SIZE: 32px; FONT-WEIGHT: normal; font-style: italic; FONT-FAMILY: Lucida Sans, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; TEXT-JUSTIFY: newspaper; TEXT-ALIGN: left}
h2			{COLOR: #666666; FONT-SIZE: 11px; FONT-WEIGHT: bold; font-style: italic; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; TEXT-ALIGN: left}
h1.flux		{margin: 0; COLOR: #333333; FONT-SIZE: 18px; FONT-WEIGHT: bold; font-style: normal; font-variant: small-caps; FONT-FAMILY: Lucida Sans, Verdana, Arial; TEXT-JUSTIFY: newspaper; TEXT-ALIGN: left}
h2.flux		{margin: 0; COLOR: #666666; FONT-SIZE: 15px; FONT-WEIGHT: bold; font-style: normal; FONT-FAMILY: Verdana, Arial; TEXT-ALIGN: left; BACKGROUND: #ffff99;}

h1#top {
	position: absolute;
	margin: 0px;
	padding:0px;
	text-indent: -5000px;
	line-height: 1px;
	font-size: 1px;
}

h1.left {
	color: #333333;
	font: 18px Lucida Sans, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
	background: url(images/separateur.jpg) bottom center no-repeat;
	padding-top: 15px;
	margin: 5px 40px 0px 0px;
	font-variant: small-caps ;
	text-align: center ;
}

#menu {
	position: relative;
	height: 20px;
	margin: 0 10px 1em 15px;
	clear: both;
	background: #1B93C6 left top no-repeat;
}

#menu ul, #menu li {
	margin:0;
	padding: 0;
	list-style-type: none;
	}
	
#menu ul {
	position: absolute;
	height: 20px;
	width: 940px;
	left: 23px;
}

#menu li {
float: left;
}

#menu li a { /* dimensions et définitions des boutons */
display: block;  /* mise en block de <a> pour lui donner des dimensions */
height: 20px;
width: 180px;
color: #F1F1F1;
font: 17px/20px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
text-decoration: none;
border-left: 1px solid #fff;
text-align: center;
}
#menu li a.last {
border-right: 1px solid #fff;
}

#menu a:hover {
color: #FFCC00;
background: transparent top left no-repeat;
}

#menu a#menu1:hover {
background-position: -26px -20px;
}
#menu a#menu2:hover {
background-position: -207px -20px;
}
#menu a#menu3:hover {
background-position: -388px -20px;
}
#menu a#menu4:hover {
background-position: -569px -20px;
}
#menu a#menu5:hover {
background-position: -750px -20px;
}

#menuleft {
	color: #666666;
	font: 14px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
}

#menuleft h1 {
	color: #333333;
	font: 18px Lucida Sans, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
	background: url(images/separateur.jpg) bottom left no-repeat;
	padding-top: 15px;
	margin-bottom: 5px;
	font-variant: small-caps ;
	text-align: left ;
}


#menuleft a {
	color: #F1F1F1;
	font: 14px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-decoration: none;
	font-weight: bold;
}

#menuleft a:hover {
	color: #FFCC00;
	font: 14px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-decoration: underline;
	font-weight: bold;
}

}
#menuleft ul {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
}

#menuleft li {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
}



#menuleft
{
float: left;
width: 265px;
margin: 20px 10px 0px 10px;
}
#facebook {
float: left;
margin: 20px 10px 0px 10px;
}

#menubas {
	padding: 0 0.5em 7px 0.5em;
	background: #1B93C6 url(images/bottom.gif) bottom left no-repeat;
}

.cadre, #menuleft {
	width: 265px;
	padding-top: 7px;
	background: #1B93C6 url(images/top.gif) top left no-repeat;
	
}

#goog
{
float: left;
width: 265px;
margin: 20px 10px 0px 20px;
}

FONT		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 9px; COLOR: #333333;}

.hotels {
color: #333333;
font-weight: bold;
text-align: left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.amazon {
color: #F1F1F1;
text-align: justify;
text-decoration: none;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.convertisseurtitre {
color: #f1f1f1;
text-align: justify;
font-size:13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.convertisseurtexte {
color: #333333;
text-align: justify;
font-size:9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.actualites {
color: #333333;
text-align: justify;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.actualites a{
color: #336633;
font-weight: bold;
text-decoration: none;
}

.actualites a:hover{
color: #8E866F;
text-decoration: underline;
}

.story {
color: #333333;
text-align: justify;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.story a{
color: #336633;
font-weight: bold;
text-decoration: underline;
}

.story a:hover{
color: #8E866F;
text-decoration: underline;
}

.parcours {
color: #336633;
text-align: justify;
text-decoration: underline;
font-size:13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
}

.cultureprix {
color: #666666;
text-align: justify;
text-decoration: none;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.cultureprix a{
color: #666666;
text-align: justify;
text-decoration: underline;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.cultureprix a:hover{
color: #666666;
text-align: justify;
text-decoration: none;
font-size:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.culturetitre {
color: #336633;
text-align: justify;
text-decoration: none;
font-size:9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

.culture {
background-color: #1B93C6;
width: 460px;
}

.kelkoo {
margin: 0px 0px 0px 10px;
border-style:dashed;
border-width:2px;
border-color: #1B93C6;
background: #ffffff;
padding: 10px 10px 10px 10px;
}

.desc a{color:#336633; text-decoration:none; font-weight: bold;}
.desc a:hover{ color:#336633; text-decoration:underline;}

TD.faune      {border-style:solid; border-width:2px; border-color: #666666; padding: 5px 5px 0px 5px; text-align: center;}
TD.contact    {border-style:dashed; border-width:2px; border-color: #1A8CBD; padding: 30px 5px 5px 5px; text-align: center;}
TD.description    {border-style:dashed; border-width:2px; border-color: #FFFFFF; padding: 5px 5px 5px 5px; text-align: center;}

#cub   {width: 590px; COLOR: #333333; FONT-SIZE: 11px; FONT-WEIGHT: normal; font-style: normal; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; TEXT-ALIGN: justify}

#cub a {BACKGROUND: none; COLOR: #336633; FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
#cub a:hover {BACKGROUND: none; COLOR: #1A8CBD; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

h2.main {
	color: #336633;
	font: 18px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
	border-bottom: 1px solid #333333;
	padding-top: 15px;
	margin-bottom: 5px;
	font-variant: small-caps; 
}

h3.main {
	color: #336633;
	font: 13px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
	margin-bottom: 5px;
	font-variant: small-caps;
	text-decoration: underline; 
}


#informations
{ 
background: #ffffff;
text-align: left;
color: #333333;
font: 12px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
text-decoration: none;
font-weight: bold;
}



.google
{
float: center;
width: 234px;
margin: 0px 0px 0px 0px;
border-style:dashed;
border-width:1px;
border-color: #333333;
background: #ffffff;
}

.propos
{
float: center;
margin: 0px 0px 0px 10px;
border-style:dashed;
border-width:1px;
border-color: #333333;
background: #ffffff;
padding: 10px 10px 10px 10px;
}

.descr
{
float: left;
margin: 0;
text-align: left;
font-family: verdana;
font-size: 11px;
background: #ffffff;
width: 340px;
height: 200px;
}
.auto
{
float: left;
margin-left: 30px;
background: #ffffff;
width: 150px;
height: 200px;
}


#page {
text-align: left;
width: 970px;
margin: 10px auto 10px auto;
position: relative;
background: #fff;
border: 1px solid #CFCFCF;
-moz-border-radius:6px;
border-radius:6px;
padding: 0;
}

#conteneur {
text-align: left;
width: 100%;
margin: 10px 0 10px 0;
position: relative;
background: #fff;
padding: 0;
}

#conteneur a {
BACKGROUND: none;
COLOR: #336633;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana, Helvetica;
TEXT-DECORATION: none;
}

#conteneur a:hover {
BACKGROUND: none;
COLOR: #8E866F;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
FONT-FAMILY: Verdana, Helvetica;
TEXT-DECORATION: none;
}

#conteneur img {
border: 2px solid #666666;
}

#conteneur td {
text-align: left;
}

#conteneur ul {
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
}

#conteneur ul.nodec {list-style:none;margin:.5em 0 1em 0;padding:0;text-decoration:none;}
#conteneur ol {margin:5px 0 10px 25px;}
#conteneur li {line-height:20px;}
#conteneur ul.circ {list-style:circle;margin:.5em 0 1em 3.2em;padding:0;}
#conteneur ul.square {list-style:square;margin:.5em 0 1em 1.2em;padding:0;}
#conteneur ul.disc {list-style:disc;margin:.5em 0 1em 1.2em;padding:0;}


#banniere img {
border-left: 0px;
border-right: 0px;
border-top: 4px solid #1B93C6;
border-bottom: 4px solid #1B93C6;
margin: 0px 10px 0px 0px;
}


#sitenav{
width:900px;
text-align:left;
font-size:9px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height:160%;
margin-bottom:5px;
}
.legal{
width:900px;
text-align:center;
font-size:9px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height:160%;
margin-bottom:5px;
margin-top: 15px;
}

#sitenav a{ color:#000000; text-decoration:none;}
#sitenav a:hover{ color:#000000;text-decoration:underline;}

.legal{ color:#8E8F8F;}
.legal a{ color:#3366CC; text-decoration: underline;}

.backlink{ color:#7D7D7D; font-size:9px;}
.backlink a{ color:#7D7D7D; font-size:9px; text-decoration: underline;}

#texte{
text-align:left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-style:dashed;
border-width:2px;
border-color: #1B93C6;
padding: 5px 5px 5px 5px;
width:560px;
margin: 5px 5px 5px 5px;
}

.desc{
width:480px;
text-align:left;
font-size:13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:110%;
background: #ffffff;
}

a.cache:link, a.cache:active, a.cache:visited, a.cache:{
color: #000000;
font-size:9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:110%;
background: #ffffff;
text-decoration: none;
}

.encadre {
width: 570px;
margin: 20px 0px 10px 15px;
border: 1px dotted #63AD21;
padding: 0px 0px 0px 5px;
}
.formulaire{
margin : 0 0 0 0;
width: 350px;
}
#contrecit {
float: center;
font: sans-serif, Verdana, Arial, Helvetica;
font-size: 0.8em;
line-height:180%;
background-color: #FFFFFF;
width: 590px;
margin: 0 10px 0 10px;
}

#contrecit p{
font-weight: bold; color:#1B93C6; border-bottom: 1px solid #1B93C6; margin:0; width:50%;
}

#contrecit li{
margin:1em 0 1em 0
}

#pub {
float: left;
width: 336px;
height: 280px;
background-color: #FFFFFF;
margin: 0;
}
#pubr {
float: right;
width: 336px;
height: 280px;
background-color: #FFFFFF;
margin: 0 0 5px 5px;
}
#textrecit {
text-align:justify;
font-size:13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:200%;
background-color: #FFFFFF;
margin: 0px 0px 0px 20px;
}
#textrecitr {
text-align:justify;
font-size:13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:200%;
background-color: #FFFFFF;
margin: 0px 0px 0px 20px;
}
/* ------------------
METEO
---------------------- */

.fond { background-color:#669999; }
.corps { background-color:#D8E9EC; }
.titre { color: #FFFFFF; }
.sstitre { color: #858586; font-weight: bold; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.tempe { color: #333333; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
 /*---------------------
     
	    FOOTER
	
---------------------- */

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

#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.8em;
	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.8em;
	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:20px;
}
#footer .bottom a{
   color:#FFFFFF;
}

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

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

