/* CSS Document */


/* HTML TAGS */

html {
	padding:0px;
	margin:0px;
	background-image: url(images/html.jpg);
	background-repeat: repeat-x;
}

body {
	margin: 0px;
	padding: 0px;
}

body, p, div, span, a, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #333333;
}

p {
	margin-bottom: 18px;
	margin-top: 0px;
}

img {
	border: none;
}

hr {
	height: 1px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #49ade2;
	background-color: #49ade2;
	border: none;
}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: normal;
	color: #035bad;
}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #95b2c7;
	padding: 0px;
	margin: 0px;
	margin-top: 12px;
	margin-bottom: 10px;
}

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #7990a1;
	padding: 0px;
	margin: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
}

h1.infos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: #035bad;
	
}

h1.infos a:link, h1.infos a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: #035bad;
	background-image: url(images/infos.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top: 2px;
	line-height: 20px;
	display: block;
}

h1.infos a:hover {
	text-decoration: underline;
}

h2.infos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #009ee0;
}

h1.actus, h1.actus a:link, h1.actus a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: #ff9900;
	background-image: url(images/actualite.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top: 2px;
	display: block;
	line-height: 22pt;
}
h1.actus a:hover {
	text-decoration: underline;
}

h2.actus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #a72006;
}

a:link, a:visited {
	color: #7990a1;
	text-decoration: none;
}

a:hover {
	color: #ff8a00;
}


ul, ol {
	margin-top: 5px;
	margin-bottom: 10px;
}

ul li {
	margin: 0px;
	/*color: #95b2c7;*/
	color: #667a89;
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

ul li ul {
	margin-top: 0px;
	margin-bottom: 0px;
}


ol li {
	padding-bottom: 10px;
}

ul ol li {
	list-style-type: decimal;
}

.clear {
	clear: both;
	font-size: 0px;
	height: 0px;
}

/* DIV LAYOUT */

div {
	padding: 0px;
	margin: 0px;
}

#container {
	width: 210mm;
	padding: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
}

#header {
	position: absolute;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	width: 1020px;
	height: 130px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	display: none;
	
}

#logo {
	position: absolute;
	width: 800px;
	height: 130px;
	left: 100px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	z-index: -10;	
	display: none;
}

#left {
	width:200px;
	float: left;
	margin-top: 180px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: none;
}

#centre {
float: left;
width:698px;
}

#page-content {
	width:190mm;
	margin-top: 10mm;
	margin-right: 10mm;
	margin-bottom: 10mm;
	margin-left: 10mm;
	padding: 0px;
}

#page-content-inside {
	
}
/* for IE */
* html #page-content {
 height: 1px;
}

#page-content p {
	text-align: justify;
	margin-right: 0px;
}
#page-content ul {
	line-height: 16px;
}

#right {
	width: 320px;
	margin-top: 177px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	display: none;
}

#footer_html {
	background-image: url(images/footer_html.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 155px;
	clear: both;
	padding-top: 15px;
	display: none;
}

/*******Menu Top***********/

#navhaut {
	position: absolute;
	width: 1020px;
	top: 130px;
	left: 0px;
	height: 50px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images/navhaut.jpg);
	background-repeat: no-repeat;	
	display: none;
}

#datedujour {
	width: 180px;
	height: 20px;
	text-align: center;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	float: left;
}

#menuhaut {
	width: 820px;
	height: 50px;
	padding: 0px;
	background-image: url(images/menu_top.jpg);
	background-repeat: no-repeat;
	position: relative;
	margin: 0px;
	float: left;
	display: none;
}

#menuhaut li {
margin: 0; 
padding: 0;
list-style: none; 
position: absolute; 
}

#menuhaut li, #menuhaut a {
	display: block;
	}
	
#menuhaut span {
	display: None;
}
	
#menutop1 {left: 0px; top: 0px; width: 82px; height: 40px;}
#menutop2 {left: 83px; top: 0px; width: 155px; height: 40px;}
#menutop3 {left: 239px; top: 0px; width: 76px; height: 40px;}
#menutop4 {left: 316px; top: 0px; width: 93px; height: 40px;}
#menutop5 {left: 410px; top: 0px; width: 89px; height: 40px;}
#menutop6 {left: 500px; top: 0px; width: 86px; height: 40px;}
#menutop7 {left: 587px; top: 0px; width: 84px; height: 40px;}

#menutop1 a {height: 40px;}
#menutop2 a {height: 40px;}
#menutop3 a {height: 40px;}
#menutop4 a {height: 40px;}
#menutop5 a {height: 40px;}
#menutop6 a {height: 40px;}
#menutop7 a {height: 40px;}


#menutop1 a:hover {background: transparent url(images/menu_top_hover.jpg) 0px 0px no-repeat;}
#menutop2 a:hover {background: transparent url(images/menu_top_hover.jpg) -83px 0px no-repeat;}
#menutop3 a:hover {background: transparent url(images/menu_top_hover.jpg) -239px 0px no-repeat;}
#menutop4 a:hover {background: transparent url(images/menu_top_hover.jpg) -316px 0px no-repeat;}
#menutop5 a:hover {background: transparent url(images/menu_top_hover.jpg) -410px 0px no-repeat;}
#menutop6 a:hover {background: transparent url(images/menu_top_hover.jpg) -500px 0px no-repeat;}
#menutop7 a:hover {background: transparent url(images/menu_top_hover.jpg) -587px 0px no-repeat;}

#menutopactive1 {left: 0px; top: 0px; width: 82px; height: 40px; background: url(images/menu_top_hover.jpg) 0px 0px no-repeat;}
#menutopactive1 a {height: 40px;}
#menutopactive2 {left: 83px; top: 0px; width: 155px; height: 40px; background: url(images/menu_top_hover.jpg) -83px 0px no-repeat;}
#menutopactive2 a {height: 40px;}
#menutopactive3 {left: 239px; top: 0px; width: 76px; height: 40px; background: url(images/menu_top_hover.jpg) -239px 0px no-repeat;}
#menutopactive3 a {height: 40px;}
#menutopactive4 {left: 316px; top: 0px; width: 93px; height: 40px; background: url(images/menu_top_hover.jpg) -316px 0px no-repeat;}
#menutopactive4 a {height: 40px;}
#menutopactive5 {left: 410px; top: 0px; width: 89px; height: 40px; background: url(images/menu_top_hover.jpg) -410px 0px no-repeat;}
#menutopactive5 a {height: 40px;}
#menutopactive6 {left: 500px; top: 0px; width: 86px; height: 40px; background: url(images/menu_top_hover.jpg) -500px 0px no-repeat;}
#menutopactive6 a {height: 40px;}
#menutopactive7 {left: 587px; top: 0px; width: 84px; height: 40px; background: url(images/menu_top_hover.jpg) -587px 0px no-repeat;}
#menutopactive7 a {height: 40px;}

/********fin menu top*************/

/* BREADCRUMBS */

#breadcrumbs {
	position: absolute;
	width: 480px;
	height: 20px;
	left: 210px;
	top: 180px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
}

/*******fin breadcrumbs************/

/*******BOX Left************/

#boxregion {
	height: 55px;
	width: 180px;
	background-image: url(images/box_region.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 20px;
}

#boxsearch {
	height: 135px;
	width: 180px;
	background-image: url(images/box_search.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
}

#boxsearch select#id_cp {
	font-size: 11px;
	margin-top: 45px;
}
#boxsearch select#id_categories {
	font-size: 11px;
	margin-top: 10px;
}

#boxsearch input#button {
	font-size: 11px;
	margin-top: 5px;
	border: 1px solid #000000;
	margin-right: 18px;
}

#boxphrase {
	width: 180px;
	padding: 10px;
}

#boxphrase p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	color: #035bad;
	text-align: center;
	background-image: url(images/box_quote.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
}

#boximagejour_top {
	height: 35px;
	width: 200px;
	background-image: url(images/box_imagejour_top.jpg);
	background-repeat: no-repeat;
}

#boximagejour {
	width: 200px;
	background-image: url(images/box_imagejour_content.jpg);
	background-repeat: repeat-y;
	float: left;
	margin: 0px;
	padding: 0px;
}

#boximagejour_bottom {
	height: 35px;
	width: 200px;
	background-image: url(images/box_imagejour_bottom.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#boxanecdote_top {
	width: 200px;
	background-image: url(images/box_anecdote_top.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 33px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}

#boxanecdote {
	width: 200px;
	background-image: url(images/box_anecdote_content.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}

#boxanecdote_content {
	width: 160px;
	background-image: url(images/box_anecdote_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;	
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#boxagenda_top {
	width: 200px;
	background-image: url(images/box_agenda_top.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 40px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#boxagenda {
	width: 200px;
	background-image: url(images/box_agenda_content.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}

#boxagenda_content {
	width: 160px;
	background-image: url(images/box_agenda_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;	
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#boxagenda p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 10px;
	margin-top: 0px;
}
.date_box_agenda {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7990a1;
}

a:link.event_box_agenda, a:visited.event_box_agenda  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #61569a;
}

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

#boxtrafic_top {
	width: 200px;
	background-image: url(images/box_trafic_top.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 40px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#boxtrafic {
	width: 200px;
	background-image: url(images/box_trafic_content.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}

#boxtrafic_content {
	width: 160px;
	background-image: url(images/box_trafic_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;	
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#boxtrafic p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 10px;
	margin-top: 0px;
}
.date_box_trafic {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7990a1;
}

a:link.event_box_trafic, a:visited.event_box_trafic  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #e3001b;
}

a:hover.event_box_trafic {
	text-decoration: underline;
}
/****fin box left************/

/***** BOX Right*************/

#boxactu_top {
	width: 320px;
	background-image: url(images/box_actu_top.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 60px;
}
#boxactu {
	width: 320px;
	background-image: url(images/box_actu_content.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	
}

#boxactu_content {
	width: 260px;
	background-image: url(images/box_actu_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;	
	margin: 0px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}

h1.boxinfo, h1.boxinfo a:link, h1.boxinfo a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #035bad;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h1.boxinfo a:hover  {
	text-decoration: underline;
}
#boxinfo_content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#box_event {
	width: 300px;
	background-image: url(images/box_actu_content.jpg);
	background-repeat: repeat-y;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#boxmulti {
	width: 180px;
	float: left;
}

#boxperso {
	width: 180px;
	background-image: url(images/box_perso.jpg);
	background-repeat: no-repeat;
	height: 220px;
	padding-top: 40px;
}

#boxperso h1 {
	color: #ff9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#boxperso ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 150px;
}
#boxperso li {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#boxperso ul li a:link, #boxperso ul li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#boxperso p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 0px;
}

#boxmeteo {
	width: 167px;
	background-image: url(images/box_meteo.jpg);
	background-repeat: no-repeat;
	height: 155px;
	padding-top: 20px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #009ee0;
}
#boxmeteo h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #009ee0;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 17px;
}

#boxeverest {
	width: 180px;
	background-image: url(images/box_everest.jpg);
	background-repeat: no-repeat;
	height: 170px;
}

#boxinfos_top {
	width: 320px;
	background-image: url(images/box_infos_top.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 60px;
}

#boxinfos {
	width: 320px;
	background-image: url(images/box_infos_content.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	
}

#boxinfos_content {
	width: 260px;
	background-image: url(images/box_infos_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;	
	margin: 0px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/*********PUBLICITE*********/

/***** pub colonne droite*****/
#boxpub {
	width: 120px;
	float: left;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	display: none;	
}

/*******pub header*************/
#pub_header {
	height: 90px;
	width: 728px;
	position: absolute;
	display: none;	
	top: 20px;
	right: 10px;
	bottom: 0px;
	margin: 0px;
}

/******pub dessous contenu********/
#pub_content {
	height: 250px;
	width: 300px;
	margin-top: 30px;
	margin-left: 100px;
	display: none;	
}

/*********Footer html**********/

#liste {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
}

#box_liste_categories {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
}

#box_liste_categories ul {
	margin: 0px;
	padding: 0px;
}

#box_liste_categories ul li {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: 11px;
	color: #61559d;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;	
}

#box_liste_categories ul li a:link,  #box_liste_categories ul li a:visited {
	padding-left: 12px;
	color: #61559d;
	text-decoration: none;
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/footer_liste.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-weight: bold;
	padding-right: 4px;
}

#box_liste_categories ul li a:hover {
	text-decoration: underline;
}

#box_liste_communes {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
}

#box_liste_communes ul {
	margin: 0px;
	padding: 0px;
}

#box_liste_communes ul li {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: 10px;
	color: #61559d;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;	
}

#box_liste_communes ul li a:link,  #box_liste_communes ul li a:visited {
	padding-left: 12px;
	color: #61559d;
	text-decoration: none;
	font-size: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/footer_liste.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	font-weight: bold;
}

#box_liste_communes ul li a:hover {
text-decoration: underline;
}

#liste hr {
	clear: both;
	color: #81add6;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

#box_liste_provinces {
	
	text-align: center;
}


#box_liste_provinces ul {
	margin: 0px;
	padding: 0px;	
}

#box_liste_provinces ul li {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: 10px;
	color: #81add6;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	display: inline;
}

#box_liste_provinces ul li a:link, #box_liste_provinces ul li a:visited {
	padding-left: 12px;
	color: #81add6;
	text-decoration: none;
	font-size: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

#box_liste_provinces ul li a:hover {
text-decoration: underline;
}

#box_footer_mentions {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#box_footer_mentions p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #81add6;
}

#box_footer_mentions a:link, #box_footer_mentions a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #035bad;
}

#box_footer_mentions a:hover {
	text-decoration: underline;
}