div,form,html,body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000000;
	font-family: tahoma, arial, helvetica, sans-serif;
	line-height: 17px;
}

td {
	vertical-align: top;
	}

input, select {
	font-size: 12px;
	color: #000000;
	font-family: tahoma, arial, helvetica, sans-serif;
	padding: 1px;
	}

a img,:link img,:visited img {
	border: none;
}

a {
	text-decoration: none;
  font-family: Tahoma, Arial, Sans Serif;
  color:#4E4F1C;
}

a:hover {
	text-decoration: underline;
}

p,h1,h2,h3,h4,h5 ul {
	margin: 0 0 5px 0;
  font-family: Tahoma, Arial, Sans Serif;
}


blockquote {
	margin: 0 0 15px 15px;
	}

h1 {
	font-size: 14pt;
}

h2 {
	font-size: 12pt;
}

h3 {
	font-size: 10pt;
}

h4 {
	font-size: 9pt;
}

h5 {
	font-size: 8pt;
}

ul {
	padding: 0 0 0 20px;
}

li, ol {
	margin: 0 0 5px 0;
}

html {
	height: 100%;
}

hr {
  height: 1px;
  border: none 0; 
  border-top: 1px solid #333333;
  color: #333333;
  margin-left: 0;
  text-align: left;
  _margin: 0;
  _padding: 0;
}

body {
	height: 100%;
	background-color: #f7f5f6;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url("/images/beige/bg-body.gif");
}

div#container {
	min-height: 100%;
	width: 980px;
	background-image: url("/images/bg-container.gif");
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	position: relative;
}

div.pagecontainer {
	position: relative;
	min-height: 560px;
	background-image: url("/images/beige/bg-page-container.gif");
	background-repeat: no-repeat;
	width: 960px;
	margin: 0 10px;
}

div#top {
	height: 36px;
	width: 100%;
	background-color: #ffffff;
	position: relative;
	}

div#header {
  height: 141px;
  position: relative;
}

div#logo {
	position: relative;
	}

div#logo a {
	position: relative;
	display: block;
	margin-top:0;
	width: 530px;
	height: 137px;
	background-position: bottom left;
	background-repeat: no-repeat;
	background-image: url("/images/beige/logo.gif");
  margin-left: 100px;
}

div#logo a:hover {
	text-decoration: none;
	}

div#logo a span {
	visibility: hidden;
	}

div#intro {
	position: absolute;
	left: 309px;
	top: 50px;
	width: 400px;
	line-height: 19px;
	text-align: justify;
	}

div#photo-intro {
	position: absolute;
	left: 742px;
	top: 0px;
	}

div#legende-photo-intro {
	margin-top: 5px;
	font-size: 11px;
	text-align: center;
	}

div#bandeau {
  height: 149px;
  position: relative;
}

#homepage div#bandeau {
  height: auto !important;
  }

#bandeau-photo {
    position:relative;
    height:163px;
}

#bandeau-photo IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#bandeau-photo IMG.active {
    z-index:10;
}

#bandeau-photo IMG.last-active {
    z-index:9;
}

div#page-title {
	position: relative;
	float: left;
	display: inline;
	margin-top: 4px;
	margin-left: 0;
	width: 568px;
	height: 24px;
	padding: 5px 10px;
	background-image: url("/images/beige/bg-page-title.gif");
	background-repeat: no-repeat;
	color: #EAEACA;
	}

div#page-title a {
  color: #EAEACA;
  font-family: Franklin Gothic Medium, Arial, Sans Serif;	
  }

div#page-title h2 {
  font-size: 13px;
  font-weight: normal;
  font-family: Franklin Gothic Medium, Arial, Sans Serif;	
}

div#content {
	margin: 0;
	width: 580px;
	float: left;
	display: inline;
	min-height: 240px;
	background-color: #e6e69a;
	}

#content ul li {
	background-image: url("/images/beige/bg-submenu-sel.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0;
	padding: 2px 0 2px 20px;
}

div.col {
	width: 540px;
	margin: 10px 20px; 
	}

div#col1 {
	float: left;
	display: inline;
	width: 260px;
	margin: 10px 20px; 
	}

div#col2 {
	float: left;
	display: inline;
	width: 260px;
  margin: 10px 0; 
	}


/************************************ HOME *********************************/



body#accueil {
	background-color: #ffffff;
	background-image: url("/images/home/bg-body.gif");
	background-repeat: repeat-x;
	background-position: top;
	}

body#accueil div#logo {
  margin-left: 0px;
	}

body#accueil div#logo a {
  margin-left: 60px;
	}

body#accueil div#logo a {
	background-image: url("/images/home/logo.gif");
	}

body#accueil #photo {
	position: absolute;
	left: 308px;
	top: 165px;
	}

body#accueil .pagecontainer {
	background-image: url("/images/home/bg-page-container.gif");
	height: 560px;
	}


body#accueil div#menu1 {
	position: relative;
	right: auto;
  margin-left: 320px;
  height: 26px;
	}

body#accueil div#bandeau {
	margin-top: 0;
	padding: 0;
	top:0;
	height: auto;
}
	

div#bandeau-photo {
	margin-left: 308px;
	}


body#accueil #menu1 a, body#accueil #menu2 a { 
	color: #940b5d;
  }

body#accueil #page {
	width: 652px;
	margin-left: 308px;
	background-color: #C2D000;
	}

body#accueil #page .home-col {
	width: 164px;
	margin-left: 40px;
	margin-top: 20px;
	min-height: 200px;
	float: left;
	display: inline;
	font-size: 11px;
	line-height: 16px;
	text-align: justify;
}

div#meteo {
	position: absolute;
	width: 190px;
	padding: 5px;
	top: 417px;
	left: 104px;
	}

#meteo-list {
	text-align: center;
	}

.jour {
	font-size: 11px;
	padding: 0 5px;
	text-align: center;
	}

td.meteo-jours {
	padding: 0 6px;
	border: none;
	font-size: 11px;
	}

th.meteo-jours {
	width: 66px;
	border: none;
	text-align: center;
	font-weight: bold;
  line-height: 14px;
  font-size: 11px;
}

td.meteo-jours {
	padding: 0 6px;
	border: none;
	}

.flashinfo {
  border: 4px solid #ffffff;
}

.flashtitle {
  background-color: #940B5D;
  color: #ffffff;
  padding-bottom: 2px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.flashcontent {
  padding: 5px;
  font-size: 13px;
  background-color: #D7DF62;
}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
width: 154px; 
height: 20px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0;
top: 3px;
width: 156px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 156px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}

#ticker01 li {
  color: #ffffff;
  font-size: 13px;
  padding: 0;
}

/************************************ AXE LA VIE EST BELLE *********************************/

body#la-vie-est-belle {
	background-image: url("/images/orange/bg-body.gif");
	color: #B10303;
	}
	
body#la-vie-est-belle #content a { 
	color: #B10303;
  }

body#la-vie-est-belle #content ul {
	margin: 0;
	padding: 0;
	}

body#la-vie-est-belle #content ul li {
	background-image: url("/images/orange/bg-submenu.gif");
}

body#la-vie-est-belle #menu1 a, body#la-vie-est-belle #menu2 a { 
	color: #d94403;
  }

body#la-vie-est-belle #menu1 li.sel a {
	color: #B10303;
	}
	
body#la-vie-est-belle .pagecontainer {
	background-image: url("/images/orange/bg-page-container.gif");
	}
	
body#la-vie-est-belle div#logo a {
	background-image: url("/images/orange/logo.gif");
	}

body#la-vie-est-belle #intro {
  color: #B10303;
  }

body#la-vie-est-belle div#page-title {
	background-color: #b10303;
	background-image: url("/images/orange/bg-page-title.gif");
	background-repeat: no-repeat;
	color: #ffcd7f;
  }

body#la-vie-est-belle div#page-title a {
	color: #ffcd7f;
  }

body#la-vie-est-belle div#content {
	background-color: #ff9c00;
	}

body#la-vie-est-belle #submenu li {
	background-image: url("/images/orange/bg-submenu.gif");
	}

body#la-vie-est-belle #submenu li a {
	color: #d94403
	}

body#la-vie-est-belle #submenu li.sel {
	background-image: url("/images/orange/bg-submenu-sel.png");
	background-color: transparent;
	}
	
body#la-vie-est-belle #submenu li.sel a {
	color: #B10303;
	}

div#papillons {
	position: absolute;
	top: 210px;
	left: 140px;
	}


/************************************ AXE VISITE GUIDEE *********************************/

body#visite-guidee {
	background-image: url("/images/prune/bg-body.gif");
	color: #940B5D;
	}

body#visite-guidee #menu1 a, body#visite-guidee #menu2 a { 
	color: #DC4094;
  }

body#visite-guidee #content a { 
	color: #940B5D;
  }

body#visite-guidee #content ul {
	margin: 0;
	padding: 0;
	}

body#visite-guidee #content ul li {
	background-image: url("/images/prune/bg-submenu.gif");
}

body#visite-guidee #menu1 li.sel a {
	color: #940B5D;
	}

body#visite-guidee .pagecontainer {
	background-image: url("/images/prune/bg-page-container.gif");
	}

body#visite-guidee div#logo a {
	background-image: url("/images/prune/logo.gif");
	}

body#visite-guidee #intro {
  color: #940B5D;
  }

body#visite-guidee div#page-title {
	background-image: url("/images/prune/bg-page-title.gif");
	background-repeat: no-repeat;
	color: #FFB1DC;
  }
  
body#visite-guidee div#page-title a {
	color: #FFB1DC;
  }
  
body#visite-guidee div#content {
	background-color: #DFD1D9;
	}

body#visite-guidee #submenu li {
	background-image: url("/images/prune/bg-submenu.gif");
	}

body#visite-guidee #submenu li a {
	color: #DC4094
	}

body#visite-guidee #submenu li.sel div {
	background-image: url("/images/prune/bg-submenu-sel.png");
	background-color: transparent;
	}
	
body#visite-guidee #submenu li.sel a {
	color: #940B5D;
	}

div#clocher {
	position: absolute;
	top: 186px;
	left: 190px;
	}


/************************************ AXE ENTREPRENDRE *********************************/

body#entreprendre {
	background-image: url("/images/vert/bg-body.gif");
	color: #656B01;
	}

body#entreprendre #content a { 
	color: #656B01;
  }

body#entreprendre #menu1 a, body#entreprendre #menu2 a { 
	color: #929C02;
  }

body#entreprendre #menu1 li.sel a {
	color: #656B01;
	}

body#entreprendre .pagecontainer {
	background-image: url("/images/vert/bg-page-container.gif");
	}

body#entreprendre div#logo a {
	background-image: url("/images/vert/logo.gif");
	}

body#entreprendre #intro {
  color: #656B01;
  }

body#entreprendre div#page-title {
	background-image: url("/images/vert/bg-page-title.gif");
	background-repeat: no-repeat;
	color: #d8dd76;
  }
  
body#entreprendre div#page-title a {
	color: #d8dd76;
	}
	
body#entreprendre div#content {
	background-color: #C8D048;
	}

body#entreprendre #submenu li {
	background-image: url("/images/vert/bg-submenu.gif");
	}

body#entreprendre #submenu li a, body#entreprendre #submenu li.sel ul li.unsel a  {
	color: #929C02;
	}

body#entreprendre #submenu li.sel {
	background-image: url("/images/vert/bg-submenu-sel.png");
	background-color: transparent;
	}
	
body#entreprendre #submenu li.sel a {
	color: #656B01;
	}

body#entreprendre #submenu li li.sel {
	background-image: url("/images/vert/bg-submenu-sel.gif");
	background-color: transparent;
	}

body#de-vous-a-nous #submenu li.sel a {
	color: #656B01;
	}

div#tournesol {
	position: absolute;
	top: 177px;
	left: 168px;
	}

/************************************ AXE DE VOUS A NOUS *********************************/
/* color: #24098A #877ABA #B0A1E4 #D7CAF8 */

body#de-vous-a-nous {
	background-image: url("/images/bleu/bg-body.gif");
	color: #24098A;
	}

body#de-vous-a-nous #menu1 a, body#de-vous-a-nous #menu2 a { 
	color: #877ABA;
  }

body#de-vous-a-nous #content a { 
	color: #24098A;
  }

body#de-vous-a-nous #content ul {
	margin: 0;
	padding: 0;
	}

body#de-vous-a-nous #content ul li {
	background-image: url("/images/bleu/bg-submenu-sel.gif");
}

body#de-vous-a-nous #menu1 li.sel a {
	color: #24098A;
	}

body#de-vous-a-nous .pagecontainer {
	background-image: url("/images/bleu/bg-page-container.gif");
	}

body#de-vous-a-nous div#logo a {
	background-image: url("/images/bleu/logo.gif");
	}

body#de-vous-a-nous #intro {
  color: #24098A;
  }

body#de-vous-a-nous div#page-title {
	background-image: url("/images/bleu/bg-page-title.gif");
	background-repeat: no-repeat;
	color: #D7CAF8;
  }

body#de-vous-a-nous div#page-title a {
	color: #D7CAF8;
	}

body#de-vous-a-nous div#content {
	background-color: #B0A1E4;
	}

body#de-vous-a-nous #submenu li {
	background-image: url("/images/bleu/bg-submenu.gif");
	}
	
body#de-vous-a-nous #submenu li.unsel a, body#de-vous-a-nous #submenu li.sel ul li.unsel a {
	color: #877ABA;
	}

body#de-vous-a-nous #submenu li.sel {
	background-image: url("/images/bleu/bg-submenu-sel.png");
	background-color: transparent;
	}

body#de-vous-a-nous #submenu li li.sel {
	background-image: url("/images/bleu/bg-submenu-sel.gif");
	background-color: transparent;
	}

body#de-vous-a-nous #submenu li.sel a {
	color: #24098A;
	}

div#drapeaux {
	position: absolute;
	top: 213px;
	left: 190px;
	}



/************************************ AXE ACTUALITES *********************************/

div#actualites-list, div#actualite {
	float: left;
	display: inline;
	width: 540px;
	margin: 10px 20px; 
	}

div.actualite-block {
	border: 1px dotted #4E4F1C;
	margin-bottom: 10px;
	padding: 5px 10px;
	background-color: #EAEACA;
	}

div#actualite-photo {
	float: left;
	display: inline;
	width: 218px;
	margin: 0 0 0 4px;
	}

div.fichier {
	border: 1px dotted #4E4F1C;
	padding: 5px 10px;
	background-color: #EAEACA;
	}


/************************************ AXE ANNUAIRE *********************************/

#annuaire-categories-form select {
	margin-right: 10px;
	}

#annuaire-recherche-motscles {
	margin-bottom: 10px;
	}
	
#annuaire-recherche-categories {
	margin-bottom: 10px;
	}

div#entites-list {
	margin: 10px 0 0 0;
	}

div#entites-list ul {
	margin: 0;
	padding: 0;
	}

div#entite-coordonnees {
	border: 1px dotted #4E4F1C;
	padding: 5px 10px;
	background-color: #EAEACA;
	}

div#entite-coordonnees ul {
	margin: 0;
	padding: 0;
	}

div#entite-photo {
	float: left;
	display: inline;
	width: 218px;
	margin: 0 0 0 4px;
	}

.annuaire-resultat-desc {
	font-size: 10px;
	}

/************************************ LIENS *********************************/

#liens-list {
	margin: 10px;
	}

#liens-list td a {
	font-weight: bold;
	}

td.lien {
	width: 150px;
	padding: 5px 5px 5px 17px;
	margin-top: 4px;
	background-image: url("/images/beige/bg-submenu.gif");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	width: 200px;
	border-bottom: 1px dotted #A9A954;
	}

td.desc {
	border-bottom: 1px dotted #A9A954;
	padding: 5px;
	}
	

/************************************ JOURNAL *********************************/

#journaux-list {
	margin: 0 10px 10px 10px;
	}

#journaux-list td a {
	font-weight: bold;
	}

td.journal {
	width: 150px;
	padding: 5px 5px 5px 17px;
	margin-top: 4px;
	background-image: url("/images/bleu/bg-submenu.gif");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	width: 200px;
	border-bottom: 1px dotted #A9A954;
	}

td.desc {
	border-bottom: 1px dotted #A9A954;
	padding: 5px;
	}
	

/************************************ CONTACT *********************************/

div#contactform {
	border: 1px solid #24098A;
	padding: 10px;
	background-color: #D7CAF8;
	}

.form-row {
	clear: both;
	}

.form-field {
	float: left;
	display: inline;
	margin-right: 20px;
	margin-bottom: 5px;
	width: 158px;
	}

.form-field label {
	display: block;
	color: #4E4642;
	}

label.labelerror {
	color: #FF0000;
	}

.form-field input, .form-field textarea {
	padding: 1px 2px;
	width: 150px;
	}

.form-field input.checkbox {
	padding: 1px 2px;
	width: auto;
	}

.form-field select {
	padding: 0 ;
	width: 158px;
	}

.form-errors {
	border: 1px solid #E00000;
	padding: 10px 10px 10px 48px;
	color: #C00000;
	margin-bottom: 10px;
	background-color: #FFE0E0;
	background-image: url("/images/icons/alert-stop-2.png");
	background-repeat: no-repeat;
	background-position: 6px 10px;
	font-weight: bold;
	}
	
.form-errors ul, .form-errors li {
	margin: 0;
	}

div#form-field-adresse {
	width: 336px;
	}

textarea#adresse {
	width: 328px;
	height: 54px;
	}

input#sujet {
	width: 506px;
	}

textarea#message {
	width: 506px;
	height: 100px;
	}

div#form-field-sujet, div#form-field-message {
	width: 514px;
	}


div#contact-form-indicator {
	float:right; 
	margin: 2px 5px 0 5px; 
	}

div#contact-form-notice {
	float: left;
	}

div#contact-form-submit {
	float: right;
	}


/************************************ MENU *********************************/

div#menu1 {
	position: absolute;
	right: 215px;
	top: 5px;
}

div#menu2 {
	position: absolute;
	right: 0;
	bottom: 5px;
}

.menuh ul {
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
	display: block;
}

.menuh li {
	display: inline;
	float: left;
	padding: 0 20px 0 0;
	margin: 0;
}

div#menu1 li a, div#menu2 li a {
	font-family: Franklin Gothic Medium, Arial, Sans Serif;
	font-size: 14px;
}

div#menu1 li.unsel a, div#menu2 li.unsel a { color: #A9A954; }
div#menu1 li.sel a, div#menu2 li.sel a { color: #4E4F1C; }

#submenu {
	width: 158px;
	float: left;
	display: inline;
	min-height: 240px;
	}

#submenu ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;

	}

#submenu li {
	margin: 2px 0;
	padding: 2px 7px 3px 16px;
	width: 135px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url("/images/beige/bg-submenu.gif");
	line-height: 15px;	
	}

#submenu li.sel {
	/*background-color: #cccccc;*/
	background-image: url("/images/beige/bg-submenu-sel.png");
	background-color: transparent;
	}

#submenu li.unsel a {
	color: #A9A954;
	}
	
#submenu li.sel a {
	color: #4E4F1C;
	}

#submenu li.unsel ul {
	display: none;
	}
	
#submenu li.sel ul {
	margin-top: 5px;
	}

#submenu li a {
	font-size: 14px;
  font-family: Franklin Gothic Medium, Arial, Sans Serif;	
	}

#menu3 {
	position: absolute;
	top: 40px;
	right: 15px;
	font-size: 11px;
	z-index: 1;
	
	}

#menu3 a {
	color: #808080;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	}


/******************************* DATE *****************************/

div.date p {
	width: 29px;
	height: 32px;
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	padding: 5px 5px 5px 5px;
	background-image: url(/images/date.gif);
	background-image: url(/images/calendar-background.png);
	background-repeat: no-repeat;
	color: #ddd;
	text-align: center;
	overflow: hidden;
	position: relative;
}
div.date span.mois {
	display: block;
	margin-bottom: 3px;
	font-size: 9px;
	line-height: 10px;
	font-family: Verdana, Arial, sans-serif;
}
div.date span.jour {
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #444;
	font-weight: bold;
	font-family: Arial, sans-serif;
}
div.date p span.annee {
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 9px;
	line-height: 10px;
	font-family: Verdana, Arial, sans-serif;
}


/**************************************************************************************/

div.indicator {
  position:relative;
	padding:0;
	margin: 0;
	width: 16px;
  height: 16px;
  background: url("/images/indicator.gif") no-repeat 0 0;
}

#comocean a {
	position: absolute;
	z-index: 1;
	bottom: 0px;
	right: 0px;
	text-indent: -7890px;
	width: 80px;
	height: 80px;
	background: url(/images/design-by-com-ocean.gif) 0 0 no-repeat;
	overflow: hidden;
	position: fixed;
}