@charset "iso-8859-1";
/* auteur: Cyril*/
/* Date de création: 11/09/2007 */
BODY {scrollbar-face-color: #0D6FDC; 
scrollbar-shadow-color: #3BA4C6;
scrollbar-highlight-color: #3BA4C6; 
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-darkshadow-color: #FFFFFF; 
scrollbar-track-color: #FFFFFF; 
scrollbar-arrow-color: #FFFFFF;
FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px; background-color: #DCC9CA; 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;}
.texte    {COLOR: #333333; line-height:180%; FONT-SIZE: 13px; FONT-WEIGHT: normal; FONT-FAMILY: Arial, Verdana, Lucida Sans; TEXT-ALIGN: left}
.intro    {COLOR: #3BA4C6; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Lucida Sans, Verdana, Arial; TEXT-DECORATION: underline; TEXT-ALIGN: left}
.desc    {COLOR: #333333; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Arial ; TEXT-ALIGN: left}
.capital {color: #000000; font-size:13px; font-family: Verdana, Arial; font-weight: normal; font-variant: small-caps;}

INPUT		{COLOR: #000000; FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
TEXTAREA	{COLOR: #000000; FONT-FAMILY: Arial,Verdana,Helvetica; FONT-SIZE: 11px}


h1			{padding-top: 5px;line-height: 18px; padding-bottom: 2px; padding-left: 25px;background-position: 0% 70%; background-repeat: no-repeat; background-image: url("images/appareilphoto.gif");margin: 0; COLOR: #0D6FDC; 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			{margin-bottom: 0; COLOR: #3BA4C6; FONT-SIZE: 13px; FONT-WEIGHT: bold; font-variant: small-caps; font-style: normal; FONT-FAMILY: Verdana, Arial; margin-left: 10px; TEXT-ALIGN: left}
h3			{COLOR: #333333; FONT-SIZE: 20px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; TEXT-ALIGN: left}
h3.recit     {padding-bottom: 2px; padding-left: 25px;background-position: 0% 10%; background-repeat: no-repeat;	font: bold 1.3em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; background-image: url("http://www.photos-voyages.com/images/pucetrans.gif");color: #0D6FDC; margin-top: 10px; margin-bottom: 5px; margin-left: 50px;font-variant: small-caps; text-decoration: underline}
h3.home     {font: bold 1.4em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; color: #3BA4C6; font: 13px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; font-weight: bold;	margin-bottom: 5px; margin-left: 50px;font-variant: small-caps; text-decoration: none}
h3.main     {color: #009900; font: 13px Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; font-weight: bold;	margin-bottom: 5px; margin-left: 50px;font-variant: small-caps; text-decoration: underline}

h3 span {
	color: #3BA4C6;
}
h4          {color: #0D6FDC; width:100%; font-size: 11px; border-bottom: 1px solid #0D6FDC; margin: 0 0.2em 0; FONT-FAMILY: Verdana; font-weight: bold; font-variant: small-caps; text-align: left}
h4.groupe          {color: #9C6C6D; width:90%; font-size: 13px; background-color: #FFFFFF; border-bottom: 1px solid #0D6FDC; margin: 20px 0.2em 0; font-style: italic; FONT-FAMILY: Verdana; font-weight: bold; font-variant: small-caps; text-align: left}

h5          {color: #0D6FDC; width:90%; font-size: 11px;border-bottom: 1px solid #0D6FDC;margin: 0 0 0.1em 0; FONT-FAMILY: Verdana; font-weight: bold; font-variant: small-caps; text-align: left}

A:link, A:visited        {BACKGROUND: none; COLOR: #0D6FDC; FONT-WEIGHT: normal; font-style: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:active                   {BACKGROUND: none; COLOR: #0D6FDC; FONT-WEIGHT: normal; font-style: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:hover                    {BACKGROUND: none; COLOR: #D29193; FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

A.resume:link, A.resume:active  {BACKGROUND: none; COLOR: #3BA4C6; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
A.resume:visited                    {BACKGROUND: none; COLOR: #3BA4C6; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
A.resume:hover                      {BACKGROUND: none; COLOR: #3BA4C6; FONT-SIZE: 11px; font-style: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

A.hidden:link, A.hidden:visited        {BACKGROUND: none; COLOR: #0D6FDC; font-size:11px; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
A.hidden:active                   {BACKGROUND: none; COLOR: #0D6FDC; font-size:11px; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
A.hidden:hover                    {BACKGROUND: none; COLOR: #0D6FDC; font-size:11px; FONT-WEIGHT: normal; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

A.hid:link, A.hid:visited        {BACKGROUND: none; COLOR: #333333; font-size:13px; font-style: normal; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A.hid:active                   {BACKGROUND: none; COLOR: #333333; font-size:13px; font-style: normal; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A.hid:hover                    {BACKGROUND: none; COLOR: #333333; font-size:13px; FONT-WEIGHT: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}

A.links:link, A.links:visited        {BACKGROUND: none; COLOR: #3BA4C6; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.links:active                   {BACKGROUND: none; COLOR: #3BA4C6; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.links:hover                    {BACKGROUND: none; COLOR: #5D9921; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

A.liens:link, A.liens:visited        {BACKGROUND: none; COLOR: #0B5DB9; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A.liens:active                   {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A.liens:hover                    {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

A.infos:link, A.infos:visited        {BACKGROUND: none; COLOR: #3BA4C6; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.infos:active                   {BACKGROUND: none; COLOR: #3BA4C6; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.infos:hover                    {BACKGROUND: none; COLOR: #3BA4C6; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

A.pied:link, A.pied:visited        {BACKGROUND: none; COLOR: #0D6FDC; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A.pied:active                   {BACKGROUND: none; COLOR: #0D6FDC; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.pied:hover                    {BACKGROUND: none; COLOR: #3BA4C6; FONT-SIZE: 10px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

A.jour:link, A.jour:visited        {BACKGROUND: none; COLOR: #3BA4C6; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.jour:active                   {BACKGROUND: none; COLOR: #3BA4C6; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.jour:hover                    {BACKGROUND: none; COLOR: #3BA4C6; FONT-SIZE: 11px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}

A.souligne:link, A.souligne:visited        {BACKGROUND: none; COLOR: #333333; FONT-SIZE: 13px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Arial; TEXT-DECORATION: underline}
A.souligne:active                   {BACKGROUND: none; COLOR: #333333; FONT-SIZE: 13px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Arial; TEXT-DECORATION: underline}
A.souligne:hover                    {BACKGROUND: none; COLOR: #333333; FONT-SIZE: 13px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Arial; TEXT-DECORATION: none}

A.home:link, A.home:visited        {BACKGROUND: none; COLOR: #3BA4C6; FONT-SIZE: 13px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Arial; TEXT-DECORATION: underline}
A.home:active                   {BACKGROUND: none; COLOR: #3BA4C6; FONT-SIZE: 13px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Arial; TEXT-DECORATION: underline}
A.home:hover                    {BACKGROUND: none; COLOR: #3BA4C6; FONT-SIZE: 13px; font-style: normal; FONT-WEIGHT: bold; FONT-FAMILY: Arial; TEXT-DECORATION: none}

strong.phototitle {COLOR: #0D6FDC; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial; TEXT-DECORATION: none; TEXT-ALIGN: center; margin-bottom: 2px;}
strong.scienti {COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: normal; font-variant: small-caps; FONT-FAMILY: Verdana, Arial; TEXT-DECORATION: underline; TEXT-ALIGN: center; margin-bottom: 2px;}

#internes{ 
float: left;
text-align: left;
width:680px;
padding-left:3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height:160%;
color: #0D6FDC;
}
#compenser{ 
float: left;
width:770px;
height:45px;
margin-top: 13px;
padding-left:3px;
}
.co2{
float: left;
border: 0 none;
width: 35px;
}
.co2text{
float: left;
text-align: left; 
font-family: Verdana;
font-size: 9px;
line-height:160%;
color: #0D6FDC;
margin-left: 3px;
width: 640px;
}
.co2text a{
color: #0D6FDC;
text-decoration: none;
}
.co2text a:hover{
color: #F1F1F1;
text-decoration: underline;
}
.roi{
float: left;
margin-left: 8px;
margin-top: 20px;
width: 80px;
}

#xiti{
float: right;
width:85px;
margin-left:0px;
padding-top:5px;
padding-right:3px;
}

.lesliens{
float: left;
width:700px;
margin: 0;
text-align: left;
}

.legal{
width:780px;
text-align:center;
font-size:9px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height:160%;
margin-bottom:5px;
color: #000000;
}


A.backlink:link, A.backlink:active, A.backlink:visited        {BACKGROUND: none; color:#747474; font-size:9px; font-style: normal; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A.backlink:hover         {BACKGROUND: none; color:#747474; font-size:9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;}

.presentation {
float: left;
text-align: left;
color: #565656;
font-size:13px;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height:230%;
width: 340px;
margin-left: 30px;
margin-top: 10px;
padding-top: 7px;
background: #DCC9CA url(images/top.gif) top left no-repeat;
}

#indexright {
float: right;
width: 366px;
text-align: left;
margin-right: 0px;
}
#indexright ul {
	width: 280px;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	list-style-image: url(design/pucetri.gif);
}
#indexright li {
	margin: 0 0 0 25px;
	padding: 3px 0 4px 0;
	line-height: 1em;
	width: 260px;
	color: #9BB50C;
}
#indexright .lesphotos {
	width: 300px;
	margin-top: 10px;
	font-size: 0.8em;
	line-height: 1.15em;
	text-align: justify;
	padding-bottom: 5px;
	background: url(design/espacement.jpg) left bottom no-repeat;
	clear:both;
}
#indexright .lesphotos img {
	float: left;
	border: 0 none;
}

#indexright .lesphotos p {
	margin-left: 50px;
	padding-right: 3px;
	color:#666;
}
#indexright .lesphotos a {
	color:#666;
}
#indexright .lereste {
	width: 300px;
	margin-top: 10px;
	font-size: 0.8em;
	line-height: 1.15em;
	text-align: justify;
	padding-bottom: 5px;
	clear:both;
}
#indexright .lereste img {
	float: left;
	border: 0 none;
}
#indexright .lereste p {
	margin-left: 50px;
	padding-right: 3px;
	color:#333;
}

.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;
}
.presentation a {
	color: #000000;
	font: 13px "Lucida Grande", Arial;
	text-decoration: underline;
	font-weight: normal;
}

.presentation a:hover {
	color: #008837;
	font: 13px "Lucida Grande", Arial;
	text-decoration: underline;
	font-weight: normal;
}


.presentationbas {
	padding: 0 0.5em 7px 0.5em;
	background: #FFFFFF url(images/fleur.jpg) top left no-repeat;
}
.presentationtitre {
	padding: 0 0.5em 7px 0.5em;
	background: #DCC9CA;
}

img.photo {
border-top: 5px solid #0D6FDC;
border-left: 5px solid #0D6FDC;
border-bottom: 5px solid #3BA4C6;
border-right: 5px solid #3BA4C6;
}

.images {
	margin: 0px 0px 0px 0px;
    border: 4px solid #0D6FDC;
    padding: 0px 0px 0px 0px;
	text-align: center;
}

.vignettes {
	margin: 0px 0px 0px 0px;
    border: 2px solid #0D6FDC;
    padding: 0px 0px 0px 0px;
	text-align: center;
}

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

.apropos{
width:600px;
text-align:left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:220%;
background: url("images/fleur.jpg") repeat-y;
background-position: 50% 0%;
margin: 10px 90px 15px 90px;
}

#header1{
width: 760px;
height: 60px;
background: #DCC9CA;
margin: 0px;
padding-left: 20px;
}
#header2{
width: 780px;
height: 60px;
background: #DCC9CA url(images/header.jpg) right no-repeat;
margin: 0px;
}

#pubvalue {
position: absolute;
top: 3px;
width: 468px;
height: 60px;
margin-left: 312px;
padding: 0;
background: #DCC9CA;
}
.adtheme { 
text-align: center;
width: 768px;
height:15px;
margin: 25px 0px 10px 0px;
}
.ad {
text-align: center;
height:108px;
margin-top: 5px;
}
.formulaire{
margin : 0;
width: 350px;
height: 310px;
float: left;
}

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

#content-hor {
float: center;
height: 400px;
background-color: #FFFFFF;
margin: 15px 50px 0px 50px;
}
#picture-hor {
float: left;
width: 590px;
height: 400px;
background-color: #FFFFFF;
margin: 0px;
}
#content-vert {
float: center;
height: 610px;
background-color: #FFFFFF;
margin: 15px 140px 0px 150px;
}
#picture-vert {
float: left;
width: 400px;
height: 600px;
background-color: #FFFFFF;
margin: 0px;
}

#menu-hor {
float: right;
width: 50px;
height: 300px;
background-color: #FFFFFF;
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;
}  
#count {
float: center;
height: 25px;
text-align: center;
background-color: #FFFFFF;
margin: 8px 195px 0px 120px;
font-size: 12px;
font-family: Arial;
}
#navig{
height: 310px;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 15px 40px 15px 50px;
}

#culture{
width: 300px;
height: 310px;
text-align:left;
font-size:11px;
line-height:200%;
font-family: Verdana;
margin-left: 20px;
padding : 5px 5px 5px 5px; 
border: 1px solid #0D6FDC;
float: right;
background: url(images/statue.jpg) right bottom no-repeat;
}

#msctek{
height: 310px;
text-align:left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 15px 40px 15px 50px;
}

#tek{
margin : 0;
width: 350px;
height: 310px;
float: left;
}

#services{
width: 300px;
height: 310px;
text-align:left;
font-size:11px;
font-family: Verdana;
margin-left: 20px;
float: right;
}
/* ------------------
CULTURE
---------------------- */
.cont
{
height: 355px;
background-color: #ffffff;
margin: 0 20px 25px 20px;
}
.conteneur1
{
width: 350px;
height: 335px;
float: left;
margin-bottom: 25px;
border: 1px outset #92837D;
background-color: #EDEACE;
}
.conteneur2
{
width: 350px;
height: 335px;
margin-left: 20px;
float: right;
margin-bottom: 25px;
border: 1px outset #92837D;
background-color: #EDEACE;
}
.conteneur3
{
width: 350px;
height: 335px;
margin-left: 20px;
float: right;
margin-bottom: 25px;
}

.details
{
width: 350px;
height: 140px;
text-align: left;
font-family: arial;
font-size: 10px;
color: #000000;
}
.tofo
{
width: 150px;
height: 175px;
float: left;
margin: 4px 0 0 4px;
}
.tofo-cd
{
width: 150px;
height: 145px;
float: left;
margin: 4px 0 0 4px;
}
.bla
{
float: right;
width: 180px;
text-align: left;
font-family: arial;
font-size: 10px;
color: #000000;
margin-left: 10px;
}
.bottomc
{
width: 350px;
height: 100px;
margin-top: 45px;
}
.bottom-cd
{
width: 350px;
height: 120px;
margin-top: 45px;
}
.des {
margin: 0px;
text-align: left;
font-family: arial;
font-size: 10px;
color: #000000;
line-height:160%;
}
#search{ 
float: center;
text-align: left;
width:700px;
padding-left:0px;
}

#pubabout {
float: center;
height: 300px;
background-color: #FFFFFF;
margin: 0px 60px 20px 60px;
}
#pubphoto {
float: left;
width: 336px;
height: 280px;
background-color: #FFFFFF;
margin: 0;
}
#about {
float: left;
width: 300px;
text-align:left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:180%;
background-color: #FFFFFF;
margin-left: 10px;
}
.contrecit {
float: center;
background-color: #FFFFFF;
margin: 5px 50px 20px 50px;
}
.pub {
float: left;
width: 250px;
height: 250px;
background-color: #FFFFFF;
margin: 0;
}
.bigpub {
float: left;
width: 336px;
height: 280px;
background-color: #FFFFFF;
margin: 0;
}
.pubam {
float: right;
width: 180px;
height: 150px;
background-color: #FFFFFF;
margin: 0;
padding: 3px 0px 3px 3px;
}
.textrecit {
text-align:justify;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:200%;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
}
/* ------------------
PAGES PHOTOS
---------------------- */
.blocphoto
{
float: left;
width: 160px;
margin-left: 20px;
}
.blocphotohor
{
float: left;
width: 160px;
margin-left: 20px;
margin-top: 38px;
}
.blocphotohalf
{
float: left;
width: 160px;
margin-left: 20px;
margin-top: 19px;
}
.blocpub
{
float: left;
width: 250px;
height: 250px;
margin-left: 30px;
background-color: #FFFFFF;
}
.blocphotohaut
{
float: left;
width: 380px;
margin-left: 50px;
}
.blocphotobas
{
float: left;
width: 380px;
margin: 40px 0 0px 50px;
}
.blocphoto16
{
float: left;
width: 250px;
margin: 0px 0 0px 50px;
}
.bloctitre {width: 750px; height: 50px; margin: 30px 15px 0 5px; text-align: center;}
.bloc1 {width: 750px; height: 150px; margin: 15px 15px 0 5px; text-align: center;}
.bloc2 {width: 750px; height: 250px; margin: 15px 15px 0 5px; text-align: center;}
.bloc3 {width: 750px; height: 340px; margin: 15px 15px 0 5px; text-align: center;}
/* ------------------
VIDEOS
---------------------- */

.contvideo {
float: center;
height: 360px;
background-color: #FFFFFF;
margin: 15px 20px 20px 20px;
}

.lavideoutube {
float: left;
width: 430px;
height: 360px;
background-color: #FFFFFF;
margin: 0px;
}
.descvideo {
float: left;
text-align: left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 270px;
height: 360px;
background-color: #FFFFFF;
line-height:170%;
margin: 0 0 0 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; }

 /*---------------------
     
	DROPDOWN MENU
	
---------------------- */
#nav, #nav ul {
	float: left;
	width: 780px;
	list-style: none;
	line-height: 1;
	background: #0D6FDC;
	font-weight: bold;
	padding: 0;
	border: solid #0D6FDC;
	border-width: 1px 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	width: 8em;
	w\idth: 6em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0.25em 2em;
}

#nav a.mult {
	background: url(images/multpuce.gif) center right no-repeat;
}

#nav li.cadre {
	float: left;
	padding: 0;
	width: 9.8em;
	border: solid #DCC9CA;
	border-width: 0 1px;
}
#nav li {
	float: left;
	padding: 0;
	width: 9.5em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 1px;
	margin: 0; 
	z-index:10;
}

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #DCC9CA;
}	


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

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

#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: 1.4em;
	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: 1.4em;
	color:#009999;
	padding:0;
	margin:0 0 10px 0;
	font-weight:bold;
	margin: 15px 0 8px 0px;
	text-decoration: underline;
}
#footer dt.invis{
	color:#f0f0f0;
}

#footer dd{
	color:#009999;
	padding:0;
	margin:0;
	font-size:1em;
	margin-bottom:5px;
}
#footer dd.puce{
    background:url(../images/puce.png) no-repeat 0% 40%;
	margin-bottom:5px;
}
#footer dd.puce a{
	margin-left:8px;
} 
#footer dd.carre{
    background:url(../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;
}