@charset "UTF-8";

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/fond-01.gif);
	background-attachment: fixed;
	background-color: #F5F5F5;
}

body,td,th {
	font-size: 1em;
}

#sybelles p{
	margin: 0.3em 0px 0px;
	padding: 0px;
	z-index: 7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 1em;
	font-weight: normal;
	color: #39F;
	text-decoration: none;
	text-align: center;
}
#sybelles {
	width: 99px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: -136px;
	top: 445px;
	z-index: 201;
	text-align: center;
}
#piedPage {
	height: 38px;
	width: 771px;
	position: absolute;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bandeau-pied.gif);
	background-repeat: repeat-x;
	left: 0px;
	top: 1005px;
	z-index: 49;
}
#webCams p{
	margin: -0.5em 0px 0px;
	padding: 0px;
	z-index: 7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 1em;
	font-weight: normal;
	color: #39F;
	text-decoration: none;
	text-align: center;
}
#webCams {
	width: 99px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 261px;
	top: 462px;
	z-index: 12;
	text-align: center;
}
#officeTourisme p{
	margin: -0.5em 0px 0px;
	padding: 0px;
	z-index: 7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 1em;
	font-weight: normal;
	color: #39F;
	text-decoration: none;
	text-align: center;
}
#officeTourisme {
	width: 99px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 141px;
	top: 454px;
	z-index: 11;
	text-align: center;
}
#meteo p{
	margin: -0.5em 0px 0px;
	padding: 0px;
	z-index: 7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 1em;
	font-weight: normal;
	color: #39F;
	text-decoration: none;
	text-align: center;
}
#meteo {
	width: 99px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 21px;
	top: 475px;
	z-index: 10;
	text-align: center;
}
#infosPied {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: 1em;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 18px;
	right: 0px;
	bottom: 0px;
	z-index: 7;
	text-align: center;
}
#infosPied a{
	color: #FFF;
	text-decoration: none;
}
#infosPied a:hover{
	color: #FF9D00;
	text-decoration: underline;
}
#ombreGauche {
	height: 1043px;
	width: 20px;
	position: absolute;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/ombre_gauche.png);
	background-repeat: repeat-y;
	left: -20px;
	z-index: 1;
}
/* CSS Document */

#ombreDroite {
	height: 1043px;
	width: 20px;
	position: absolute;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/ombre_droite.png);
	background-repeat: repeat-y;
	left: 771px;
	z-index: 2;
}
#ombreHoriz {
	height: 30px;
	width: 771px;
	position: absolute;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/ombre_horiz.png);
	background-repeat: repeat-x;
	left: 0px;
	top: 431px;
	z-index: 47;
}
#btnContact {
	height: 43px;
	width: 120px;
	position: absolute;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	left: 7px;
	top: -40px;
	z-index: 6;
}
/* CSS Document */

#conteneur {
	height: 1043px;
	width: 771px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: center;
	background-color: #F8F7F7;
	z-index: 0;
}
#newsCont {
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #300;
	margin: 0px;
	padding: 0px 5px 0.5em;
}
#newsCont #bigTitre{
	color: #300;
	margin: 0px;
	padding: 0.5em 0px 0.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	text-decoration: none;
}
#news  {
	text-decoration: none;
	margin: 0em;
	padding: 0em;
	background-color: #F8F7F7;
}
#vidNews  {
	margin: 0em;
	padding: 0em;
}
#vidNews  p{
	margin: 0.5em 0em 0em;
	padding: 0em 0px 0.5em 0em;
	background-color: #F90;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #330300;
}
#menuGauche {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 506px;
	right: 0px;
	bottom: 0px;
	width: 160px;
	height: 368px;
	z-index: 48;
}
#menuGaucheTopBottom {
	margin: 0px;
	padding: 0px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
}
#menuGauche p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 1.2em;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	margin: 2px 0px;
	padding: 2px 0px;
	background-color: #D8D8D8;
	text-align: left;
	text-indent: 10px;
	}
#menuGauche p.allume {
	color: #333;
	text-decoration: none;
	margin: 2px 0px;
	padding: 2px 0px;
	background-color: #F90;
	text-indent: 16px;
	background-image: url(../images/puce_rect_blanc.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	}
#menuGauche p.a {
	color: #333;
	text-decoration: none;
	margin: 2px 0px;
	padding: 2px 0px;
	background-color: #F90;
	text-indent: 16px;
	background-image: url(../images/puce_rect_blanc.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	}
#menuGauche a {
	color: #333;
	text-decoration: none;
	margin: 2px 0px;
	padding: 2px 0px;
	text-align: left;
	text-indent: 10px;
	}
#menuGauche p:hover {
	color: #333;
	text-decoration: none;
	margin: 2px 0px;
	padding: 2px 0px;
	background-color: #F90;
	text-indent: 16px;
	background-image: url(../images/puce_rect_blanc.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	}
#menuGauche p:active {
	color: #333;
	text-decoration: none;
	margin: 2px 0px;
	padding: 2px 0px;
	background-color: #2FAEF8;
	text-indent: 16px;
	background-image: url(../images/puce_rect_blanc.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	}
#page {
	height: 553px;
	width: 607px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 164px;
	top: 440px;
	z-index: 200;
}
.chapo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.1em;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	text-align: justify;
	margin: 0px;
	padding: 0em 0px 0.5em;
}
.chapoBas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.2em;
	font-weight: bold;
	color: #69F;
	text-decoration: none;
	text-align: justify;
	margin: 0.7em -0.3em 0.5em;
	padding: 0.4em 0.8em 0.5em;
	background-color: #D9EDFF;
}

.mySurL1 {
	font-weight: bold;
	background-color: #F90;
	color: #FFF;
}
.retraitPuce {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	text-indent: -8px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #F60;
	margin: 10px 0px 0px;
	padding: 5px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	color: #F90;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 0.2em 0px 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.1em;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	text-align: justify;
	margin: 0px;
	padding: 0.7em 0px 0px;
}
.texte_bleu {
	color: #39F;
}
.texte_marron {
	color: #300;
}
.texte_orange {
	color: #F90;
}
.texte_rouge {
	color: #F30;
}
.texte_grisFonce {
	color: #333;
}
.texte_bold {
	font-weight: bold;
}
.texte_boldGris {
	color: #333;
	font-weight: bold;
}
.bigTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	line-height: 1em;
	font-weight: lighter;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	background-color: #CEE7FF;
}
.boxTitre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	margin: 0px -4px 0.3em;
	padding: 0.3em 0px;
	color: #FFF;
	font-variant: small-caps;
	background-color: #F90;
	letter-spacing: 0.05em;
}
.boxTitre2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	margin: 0px -4px 0.3em;
	padding: 0.3em 0px;
	color: #FFF;
	background-color: #900;
	letter-spacing: 0.05em;
}
.boxTitre3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 0.3em 0px;
	color: #FFF;
	font-variant: small-caps;
	background-color: #00B4F5;
	letter-spacing: 0.05em;
}
.boxTitre4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	margin: 0px -4px 0.3em;
	padding: 0.3em 0px;
	color: #FFF;
	background-color: #300;
	letter-spacing: 0.05em;
	font-variant: small-caps;
}
.texte120pc {
	font-size: 1.2em;
}
.texteApprochMoins {
	letter-spacing: -0.055em;
}
.boxSousTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.1em;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	text-align: justify;
	margin: 0px;
	padding: 0em 0px 0.5em;
	font-style: normal;
	font-variant: normal;
	letter-spacing: normal;
	word-spacing: normal;
}
.boxTexte{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: normal;
	text-decoration: none;
	margin: 0em 0.3em 0px;
	padding: 0em 0em 0.5em;
	color: #666;
	text-align: left;
	font-style: normal;
	font-variant: normal;
	letter-spacing: normal;
	word-spacing: normal;
}
#tchgtBrochure {
	margin: 0px;
	padding: 0px;
	height: 97px;
	width: 247px;
	position: absolute;
	z-index: 100;
	left: 41px;
	top: 248px;
	visibility: hidden;
}
#paDatestop {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 700px;
	position: absolute;
	z-index: 50;
	left: 20px;
	top: 0px;
}
#apChgtFiche {
	position: absolute;
	left: 126px;
	top: 233px;
	text-align: left;
	z-index: 3000;
}
#apChgtFiche a{
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1em;
	font-weight: bold;
	color: #06C;
	text-decoration: underline;
}
#miniPubSurMenus {
	margin: 0px;
	padding: 0px;
	height: 69px;
	width: 150px;
	position: absolute;
	left: 7px;
	top: 432px;
	z-index: 46;
}

