@charset "iso-8859-1";

BODY {scrollbar-face-color: #990000; 
scrollbar-shadow-color: #CCCCCC;
scrollbar-highlight-color: #CCCCCC; 
scrollbar-3dlight-color: #CCCCCC; 
scrollbar-darkshadow-color: #CCCCCC; 
scrollbar-track-color: #CCCCCC; 
scrollbar-arrow-color: #CCCCCC;
FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px; background-color: #990000; color: #000000;
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */}

FONT		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px; COLOR: #000000;}

h1			{padding-top: 10px;line-height: 8px; padding-bottom: 2px; padding-left: 25px;background-position: 0% 70%; background-repeat: no-repeat; background-image: url("design/appareilphoto.gif");margin: 0; COLOR: #5B5B5B; FONT-SIZE: 22px; font-variant: small-caps; FONT-WEIGHT: normal; font-style: italic; FONT-FAMILY: Lucida Sans, Verdana; TEXT-JUSTIFY: newspaper; margin-left: 10px; TEXT-ALIGN: left}
h2			{line-height: 10px; margin-bottom: 0; COLOR: #7E7E7E; FONT-SIZE: 13px; FONT-WEIGHT: bold; font-variant: small-caps; font-style: normal; FONT-FAMILY: Verdana, Arial; margin-left: 110px; TEXT-ALIGN: left}
h3			{COLOR: #a2a251; FONT-SIZE: 20px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; TEXT-ALIGN: left}
h3.culture			{COLOR: #333333; FONT-SIZE: 1.1em; FONT-WEIGHT: normal; font-variant: small-caps; FONT-FAMILY: Verdana, Arial; display: inline; padding:0; margin:0 0 5px 0; TEXT-ALIGN: left}
h3.homeright     {padding-bottom: 2px; padding-left: 25px;background-position: 0% 10%; background-repeat: no-repeat;	font: bold 1.4em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; background-image: url("design/pucetrans.gif");color: #333333; margin-top: 10px; margin-bottom: 5px; margin-left: 30px;font-variant: small-caps; text-decoration: underline}
h3.apropos     {padding-bottom: 2px; padding-left: 45px;background-position: 0% 0%; background-repeat: no-repeat; background-image: url("design/tunisie.gif"); font: bold 13px Verdana, Arial; color: #990000; font-weight: bold;	margin-top: 10px; margin-bottom: 5px; margin-left: 5px;font-variant: small-caps; text-decoration: underline}
h3.main     {color: #990000; font: 13px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; font-weight: bold;	margin-bottom: 5px; margin-left: 10px;font-variant: small-caps; text-decoration: underline}


A:link, A:visited        {BACKGROUND: none; COLOR: #333333; FONT-WEIGHT: normal; font-style: normal; TEXT-DECORATION: underline}
A:active                   {BACKGROUND: none; COLOR: #333333; FONT-WEIGHT: normal; font-style: normal; TEXT-DECORATION: underline}
A:hover                    {BACKGROUND: none; COLOR: #333333; FONT-WEIGHT: normal;TEXT-DECORATION: none}

img.photo {
border-top: 5px solid #990000;
border-left: 5px solid #990000;
border-bottom: 5px solid #CCCCCC;
border-right: 5px solid #CCCCCC;
}

img.home {
border: 1px solid #333333;
float: left;
margin-left: 30px;
margin-bottom: 30px;
}


.vignettes {
border-top: 2px solid #990000;
border-left: 2px solid #990000;
border-bottom: 2px solid #CCCCCC;
border-right: 2px solid #CCCCCC;
text-align: center;
margin: 5px 5px 5px 5px;
text-decoration: none;
}

#header1{
width: 960px;
height: 60px;
background: #CCCCCC;
margin: 0px;
padding-left: 20px;
}
#header2{
width: 980px;
height: 60px;
background: #CCCCCC url(design/header.jpg) right no-repeat;
margin: 0px;
}
#recherche{
position: absolute;
top:100px;
right:10px;
width: 450px;
height: 30px;
margin: 0px;
}

#wrapper-recherche{
margin: 25px;
}
.logo {
float: left;
margin-left: 10px;
margin-top: 3px;
border: 0;
}

#tout
{
text-align:left;
width: 980px;
margin-left: auto;
margin-right: auto;
border-style:solid;
border-width:3px;
border-color: #AFAFAF;
background: #ffffff;
}

.legende{
width:600px;
text-align:left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:160%;
margin: 10px 90px 15px 90px;
}

#content-hor {
float: left;
height: 400px;
margin: 15px 0px 0px 0px;
}
#picture-hor {
float: left;
width: 600px;
height: 400px;
margin: 0 0 0 40px;
}
#content-vert {
float: center;
height: 605px;
background-color: #FFFFFF;
margin: 15px 0px 0px 150px;
}
#picture-vert {
float: left;
width: 400px;
height: 605px;
background-color: #FFFFFF;
margin: 0px;
}
#content-mos {
float: left;
height: 585px;
background-color: #FFFFFF;
margin: 15px 0px 0px 60px;
}
#picture-mos {
float: left;
width: 585px;
height: 585px;
background-color: #FFFFFF;
margin: 0px;
}

#menu-hor {
float: right;
width: 70px;
height: 300px;
margin: 5px 0px 0px 20px;
}
#menu-hor ul{
list-style:none;
margin:.5em 0 1em 0;
padding:0;
text-decoration:none;
}
#menu-hor li.lanav{ 
margin:2em 0 1em 0;
}
#menu-hor li{ 
margin:2em 0 0 0;
} 

#navig{
height: 300px;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 15px 100px 25px 100px;
}
#formulaire{
margin : 15px 0 0 0;
width: 300px;
height: 250px;
float: left;
}
#culture{
width: 400px;
height: 250px;
text-align:left;
font-size:11px;
font-family: Verdana;
margin-left: 20px;
padding : 0; 
float: right;
}
#culture p{
display: inline;
font-size: 10px;
margin-left: 55px;
color:#666;
}
#culture a{
font-size: 10px;
color:#666;
}

#fblike {
float: left;
margin: 15px 0 0 170px;
height: 50px;
width: 450px;
}

.cleardiv {
	margin: 0 auto;
	font-size: 1px;
	clear: both;
}
.menu-hor {
float: left;
text-align: left;
font-size:11px;
line-height:170%;
font-family: Verdana, Arial, Helvetica, sans-serif;	
padding: 5px 0px 0px 0px;
width: 330px;
background: #FFFFFF;
margin-bottom: 10px;
margin-top: 10px;
}
#contrecit {
text-align:justify;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:200%;
background-color: #FFFFFF;
margin: 15px 50px 20px 50px;
}
#textrecit {
text-align:justify;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:220%;
background-color: #FFFFFF;
margin: 0px 10px 0px 0px;
}
#bigpubright {
float: right;
width: 336px;
height: 510px;
background-color: #FFFFFF;
margin: 25px;
}
#pubabout {
width: 100%;
height: 300px;
margin: 15px 0 0 0;
}
#pubphoto {
float: left;
width: 336px;
height: 280px;
background-color: #FFFFFF;
margin: 10px 0px 0 20px;
}
#about {
float: left;
width: 300px;
text-align:left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:180%;
margin: 0 0 0 50px;
}
#pubaboutinfo {
width: 100%;
height: 100%;
margin: 15px 0 0 0;
}
.social {
float: right;
border:0;
margin-top: 16px; 
}
.pub-vert {
margin: 20px 0 0 0; 
float: right;
}
#left-col {
float:left;
width:180px;
height: 800px;
margin-left: 15px;
}
#right-col {
float:left;
width:760px;
margin-left: 15px;
}
.intitule {
text-align: center;
margin: 0;
padding: 0;
}

/* ------------------
PAGES PHOTOS
---------------------- */
.blocphoto
{
float: left;
margin-left: 90px;
}
.blocphotohor
{
float: left;
margin-left: 90px;
margin-top: 38px;
}


.bloc1 {float: left; width: 760px; margin: 15px 15px 45px 15px; text-align: center; font-size: 11px; line-height: 170%;}
.bloc1 p {text-align: center; margin: 0 0 15px 0;}


#pubvalue {
position: absolute;	
z-index:1;
top: 3px;
width: 468px;
height: 60px;
margin-left: 312px;
padding: 0;
background: #CCCCCC;
}		

 /*---------------------
     
	MENU
	
---------------------- */
#menu { clear: both; margin: 0 auto; padding: 0; background: #303030 url(../images/background-menu.gif) repeat-x; font: bold 15px/35px "Trebuchet MS", Arial, Tahoma, Sans-serif; height: 35px; width: 980px; border-top: 1px solid #807E79; border-bottom: 1px solid #807E79; overflow: hidden; }
#menu ul { float: left; list-style: none; margin: 0 0 0 1px; padding: 0; width: 985px; }
#menu ul li { display: inline; }
#menu ul li a { display: block; float: left; width: 129px; 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(../images/background-menu-hover.gif) repeat-x; color: #990000; }
#menu ul li.right { background-color: #303030; color: #9B9B9B; float: left; font-family: "Trebuchet MS"; }
#menu ul li.right a { width: 106px !important; color: #E6B977 !important; font-size: 0.70em; height:  40px; }
#menu ul li.right a:hover { background: url(../images/background-sidebar.gif) center no-repeat !important; }
#menu ul li.right a img { border: 0; vertical-align: middle; }
	
/* ------------------
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(../images/footer-big.png) no-repeat top left;
	padding-top:10px;
}
#footer .inside{
   background:url(../images/footer-big.png) no-repeat bottom left;
   padding:5px 20px 10px 20px;
   height:290px;
}

#footer dl.dest1{
	width:12%;
	float:left;
	margin:0;
}
#footer dl.destfin{
	width:10%;
	float:left;
	margin:0;
}
#footer dl.pra{
	width:18%;
	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: 1.4em;
	color:#990000;
	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: 1.4em;
	color:#990000;
	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:#990000;
	padding:0;
	margin:0;
	font-size:1em;
	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:1em;
	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;
}