body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #000;
	font-size: 12px;
}

h2 {
	font-size:20px;
}

h3 {
	background-image:url(../images/plot-travaux.png);
	background-position:left;
	background-repeat:no-repeat;
	font-size:17px;
	height:35px;
	padding-left:45px;
	padding-top:8px;
	
}

a {
	color:#FFF;
	/* text-decoration:none; */
}

a:hover {
	text-decoration:underline;
}


/* ***************** */
/* CARTES            */
/* ***************** */

.infobulle{
}

.infobulle a { 
	color:#000;
	background-image:url(../images/download.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:14px;
}


/* ***************** */
/* GABARIT PRINCIPAL */
/* ***************** */

.tableau {
	padding-left : 15px; 
	padding-right : 15px; 
	
}

.page {
	position:relative;
	width:100%;
	margin:0 auto;
	background-image:url(../images/cielbleu.png);
	background-repeat:repeat-x;
}

.bandeaugauche {
	position:absolute;
	left:0px;
	top:0px;
	width:402px;
	height:790px;
	background-image:url(../images/fondmontagne8gauche.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}

.bandeaudroite {
	position:absolute;
	right:0px;
	top:0px;
	width:402px;
	height:790px;
	background-image:url(../images/fondmontagne8droite.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.central {
	position:relative;
	width:980px;
	min-height:700px;
	margin:0 auto;
	background-color:#FFF;
}
	
.header {
	height:112px;
}

.menuprincipal {
	min-height:50px;
	background-image:url(../images/dock-bg.gif);
	background-repeat:repeat-x;
}

.filariane {
	min-height:15px;
	background-color:#F5A000;
	font-size:10px;
	padding-left:20px;
	color:#000;
}

.filariane a {
	color:#000;
	text-decoration:none;
	text-decoration:underline;
}

.content {
	min-height:540px;
}

.carte {
	width:750px;
}

.footer {
	height:73px;
	background-image:url(../images/bottom.png);
	background-repeat:no-repeat;
}

.adressebas{
	position:absolute;
	color:#FFF;
	margin-left:270px;
	left: -9px;
	top: 730px;
	width: 170px;
}

.telbas{
	position:absolute;
	color:#FFF;
	border-right: 1px solid #fff;
	margin-right: 20px;
	padding-right: 20px;
	left: 440px;
	top: 730px;
}

.copyright {
	position:absolute;
	color:#FFF;
	left: 600px;
	top: 730px;
	width: 328px;
}

.copyright a { 
	color:#FFF;
}

.titresite {
	position: absolute;
	height: 18px;
	left:20px;
	color:#F5A000;
	margin-top:9px;
	font-size:18px;
}

.soustitresite {
	position: absolute;
	height: 10px;
	left:20px;
	color:#FFF;
	margin-top:26px;
	font-size:11px;
}

/* ***************** */
/* MENU    PRINCIPAL */
/* ***************** */

.btconditions {
	background-image:url(../images/conditions-petit.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:285px;
	margin-top:9px;
}

.btconditions:hover {
	background-image:url(../images/conditions-grand.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:285px;
	margin-top:9px;
}

.bttravaux {
	background-image:url(../images/travaux-petit.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:335px;
	margin-top:9px;
}

.bttravaux:hover {
	background-image:url(../images/travaux-grand.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:335px;
	margin-top:9px;
}

.btpmv {
	background-image:url(../images/pmv-petit.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:385px;
	margin-top:9px;
}

.btpmv:hover {
	background-image:url(../images/pmv-grand.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:385px;
	margin-top:9px;
}

.btcamera {
	background-image:url(../images/webcam-petit.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:435px;
	margin-top:9px;
}

.btcamera:hover {
	background-image:url(../images/webcam-grand.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:435px;
	margin-top:9px;
}

.btcols {
	background-image:url(../images/cols-petit.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:485px;
	margin-top:9px;
}

.btcols:hover {
	background-image:url(../images/cols-grand.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:485px;
	margin-top:9px;
}

.btcamion {
	background-image:url(../images/camion-petit.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:535px;
	margin-top:9px;
}

.btcamion:hover {
	background-image:url(../images/camion-grand.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:535px;
	margin-top:9px;
}

.btmobile {
	background-image:url(../images/mobile-petit.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:585px;
	margin-top:9px;
}

.btmobile:hover {
	background-image:url(../images/mobile-grand.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:585px;
	margin-top:9px;
}

.btradios {
	background-image:url(../images/radios-petit.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:635px;
	margin-top:9px;
}

.btradios:hover {
	background-image:url(../images/radios-grand.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:635px;
	margin-top:9px;
}

.btmeteo {
	background-image:url(../images/meteo-petit.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:685px;
	margin-top:9px;
}

.btmeteo:hover {
	background-image:url(../images/meteo-grand.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:685px;
	margin-top:9px;
}

.btalertes {
	background-image:url(../images/alertes-petit.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:735px;
	margin-top:9px;
}

.btalertes:hover {
	background-image:url(../images/alertes-grand.png);
	background-repeat:no-repeat;
	position: absolute;
	width:45px;
	height:35px;
	left:735px;
	margin-top:9px;
}

/* ***************** */
/* LEGENDES          */
/* ***************** */

.legende {
	position: absolute;
	height: 470px;
	color:#FFF;
	left: 750px;
	top: 177px;
	width:210px;
	text-align:justify;
	background-color:#4b565d;
	padding:10px;
	font-size:11px;
}

.legendeautre {
	position: absolute;
	height: 520px;
	color:#FFF;
	left: 750px;
	top: 177px;
	width:210px;
	text-align:justify;
	background-color:#4b565d;
	padding:10px;
	font-size:11px;
}

.legende a{
	color:#FFF;
	text-decoration:underline;
}

.titrelegende {
	font-weight:bold;
	font-size:12px;
}

.ensavoirplus {
	text-align:justify;
	background-color:#4b565d;
	font-size:12px;
	color:#FFF;
	padding:10px;
}

.ensavoirplus a {
	color:#FFF;
	text-decoration:underline;
}

.titreensavoirplus {
	background-color:#F5A000;
	font-size:14px;
	color:#000;
	padding:5px;
}


/* ***************** */
/* PAGE ACCUEIL      */
/* ***************** */

.accueil {
	position: absolute;
	height: 540px;
	left: 0px;
	top: 177px;
	width:710px;
	background-image:url(../images/fond_accueil4.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

.texteaccueil {
	position: absolute;
	top:45px;
	right:15px;
	height:48px;
	width:405px;
	font-size:18px;
	font-weight:bold;
	text-align:right;
}

.date {
	position: absolute;
	top:95px;
	right:15px;
	height:20px;
	width:170px;
	font-size:10px;
	background-image:url(../images/calendrier.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:22px;
	padding-top:3px;
	text-align:right;
}

.legendeaccueil {
	position: absolute;
	height: 520px;
	color:#FFF;
	right: 0px;
	top: 177px;
	width:250px;
	text-align:justify;
	background-color:#4b565d;
	padding:10px;
	font-size:12px;
}

.legendeaccueil a {
	color:#FFF;
	text-decoration:none;
}

.legendeaccueil a:hover{
	text-decoration:underline;
}

.bonnerouteaccueil {
	padding-top:30px;
}

/* non utilisé */
.cadreprincipal {
	width:680px;
	height:175px;
	position:absolute;
	top:250px;
	left:15px;
	background-color: #4b565d;
}

.cadreactugauche {
	width:175px;
	height:245px;
	position:absolute;
	top:450px;
	left:15px;
}

.cadreactucentral {
	width:300px;
	height:245px;
	position:absolute;
	top:450px;
	left:205px;
}

.cadreactudroite {
	width:175px;
	height:245px;
	position:absolute;
	top:450px;
	left:520px;
}

.bandeauactu {
	width:167px;
	height:12px;
	background-color:#F5A000;
	font-size:11px;
	font-weight:bold;
	padding:4px;
}

.bandeauactucentral {
	width:292px;
	height:12px;
	background-color:#F5A000;
	font-size:11px;
	font-weight:bold;
	padding:4px;
}

.bandeauimageactu {
	width: 175px;
	height: 160px;
	color: #FFFFFF;
}

.bandeauimageactucentral {
	width:300px;
	height:160px;
}

.filetactu {
	width: 167px;
	height: 57px;
	background-color: #4b565d;
	color: #FFFFFF;
	font-size: 11px;
	padding: 4px;
}

.filetactucentral {
	width:292px;
	height:57px;
	background-color: #4b565d;
	color:#FFF;
	font-size:11px;
	padding:4px;
}


/* ***************** */
/* PAGE SERVEUR VOCA */
/* ***************** */

.serveurvocal {
	position: absolute;
	height:35px;
	width:130px;
	right:20px;
	color:#FFF;
	margin-top:8px;
	font-size:13px;
	text-align:right;
	background-image:url(../images/serveurvocal.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

.serveurvocal a {
	text-decoration:none;
	color:#FFF;
}

.serveurvocal a:hover{
	text-decoration:none;
	color:#F5A000;
}

.fondserveurvocal {
	position: absolute;
	height: 540px;
	left: 0px;
	top: 177px;
	width:750px;
	background-image:url(../images/fond_serveurvocal.png);
	background-position:right;
	background-repeat:no-repeat;
}

.titreserveurvocal {
	position: absolute;
	height: 70px;
	left: 15px;
	width:551px;
	top: 20px;
	font-size:27px;
}

.surtitrenumero {
	font-size:10px;
}

.numerotelephone {
	font-size:23px
}

.numerononsurtaxé {
	font-size:9px;
}

.texteserveurvocal {
	position: absolute;
	height: 406px;
	left: 15px;
	width:710px;
	top: 100px;
	text-align:justify;
}

/* ***************** */
/* PAGE MOBILE       */
/* ***************** */

.mobile {
	position: absolute;
	height: 540px;
	left: 0px;
	top: 177px;
	width:750px;
	background-image:url(../images/fondmobile.png);
	background-position:left;
	background-repeat:no-repeat;
}

.titremobile {
	position: absolute;
	height: 70px;
	left: 306px;
	width:424px;
	top: 20px;
	font-size:27px;
}

.textemobile {
	position: absolute;
	height: 380px;
	left: 306px;
	width:424px;
	top: 100px;
	text-align:justify;
}

.textemobile a{
	color:#F60;
}

/* ***************** */
/* PAGE RADIO        */
/* ***************** */

.radio {
	position: absolute;
	height: 540px;
	left: 0px;
	top: 177px;
	width:750px;
	background-image:url(../images/fondradio.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}

.titreradio {
	position: absolute;
	height: 70px;
	left: 20px;
	width:530px;
	top: 20px;
	font-size:27px;
}

.texteradio {
	position: absolute;
	height: 400px;
	left: 20px;
	width:364px;
	top: 100px;
	text-align:justify;
}

.texteradio a{
	color:#F00;
}

/* ***************** */
/* PAGE METEO        */
/* ***************** */

.meteo {
	position: absolute;
	height: 540px;
	left: 0px;
	top: 177px;
	width: 750px;
	background-image:url(../images/fond_meteo.jpg);
}

.cartemeteo {
	position: absolute;
	height: 350px;
	left: 225px;
	top: 90px;
	width: 350px;
}

/* ***************** */
/* PAGE CONTACT      */
/* ***************** */

.textecontact {
	position: absolute;
	height: 280px;
	left: 380px;
	width:370px;
	top: 190px;
}

.textecontact a {
	color:#000;
	font-weight:bold;
	text-decoration: none;
}

.textecontact a:hover{
	color:#F5A000;
	text-decoration:underline;
}

.fondcontact {
	position:absolute;
	height:540px;
	width:750px;
	background-image:url(../images/fond_contact.png);
	background-position:left;
	background-repeat:no-repeat;
}


/* ***************** */
/* CARTES            */
/* ***************** */

#dateUpdated {
	position: absolute;
	height:32px;
	width:115px;
	top:496px;
	left:800px;
	padding-left:30px;
	padding-top:5px;
	color:#000;
	font-size:10px;
	background-image:url(../images/chronometre.png);
	background-position:left;
	background-repeat:no-repeat;
}

/* ***************** */
/* FLASH             */
/* ***************** */

.flashMain {
	
}

.flashItem {
	max-height: 30px;
	width: 420px;
	background-color:#a90016;
	background-image:url(../images/alerte.png);
	background-position:left;
	background-repeat:no-repeat;
	font-size:14px;
	color:#FFF;
	padding-left:25px;
}

.flashTitle {
	font-weight:bold;
}

.flashSign {
	
}

.flashContent {
}