/*normalisation*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol,ul{list-style:none;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}
abbr{margin:0;padding:0;text-decoration:none;border:none}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}


/*TEMPLATE*/
html{text-align:center;background-color:#BEC3C7}
body{position:relative;width:1003px; margin: 0 auto; text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:75%;color:#000000}


h1{margin:0px 0 0px 0px;}
h2{margin:5px 0 10px 0px;}
h3{margin:0px 0 10px 0px;}

p{margin:0px 0 10px 0px;}

a{text-decoration:none}
a:hover{text-decoration:underline}

em{font-style:italic}
strong{font-weight:bold}
legend{text-indent:-999em}
caption {text-indent:-999em}

table {width:100%}
table tr td{border:1px solid #000000;padding:5px;text-align:left}
table tr th{color:#000000;background-color:#CCCCCC;}

/***********************STRUCTURE**********************************************************************/

div#header{background-color:#000000}
div#banner{}
div#colwrap{width:1003px;position:relative;}
div#menu {position:relative;height:28px;z-index:99;width:1003px;background:#FFFFFF url('../images/menu_gauche.png') no-repeat;}
div#section { position: relative; width: 700px; height: 537px; background:url('../images/carte_bg.jpg') no-repeat; top:0px;left:303px;}
div#aside { width:303px; height:537px;background-color:#FFFFFF;position:absolute;left:0px;top:0px}
div#footer { background:#FFFFFF url('../images/footer.png') no-repeat;width:975px;height:23px;color:#003875;padding:4px 10px 4px 18px;font-size:90%}


/****************SECTION**************************************************************************/

div#section a{color:#00792C;text-decoration:underline}

div#bg_bulle{ position: absolute; width: 265px; top: 50px; left: 415px; z-index: 3; }
div#bg_bulle h3{ position: absolute; width: 159px;height:121px; top: 0px; left: 45px; z-index: 4;background:url('../map/bg_bulle.png') no-repeat;text-align:center;padding:50px 5px 0px 5px; font-variant:small-caps;color:#017B32;font-size:1.2em}


div#section #affiche_actu{position:absolute;top:50px;left:25px;width:567px;height:420px;background:url('../images/trans2.png');padding:10px}
div#section #affiche_actu h1{margin:5px;margin-bottom:10px;font-size:1.2em}

div#content {position:absolute;left:20px;top:400px;width:400px}
div#content h3 {color:#003A79;margin-bottom:3px;}
div#content h2{margin-top:-10px;font-size:1.8em;color:#46A12C}


/*contact*/
ul#contact li {margin-top:5px;;height:25px;}
ul#contact li label{font-variant:small-caps}
ul#contact li input{position:absolute;left:80px;}

ul#contact li textarea{height:220px;}

/****************ASIDE****************************************************************************/

div#wrap_actu{margin:28px 0px 0px 18px}
div#actu{padding:5px;width:267px;height:430px;background-color:#E7EBEE}
div#actu h2{font-size:1.1em}
div#actu  a{color:#00792C;text-decoration:underline}
div#actu .delimite{border-bottom:2px solid #FFFFFF}
.suite{text-align:right}

/****************FOOTER****************************************************************************/

div#footer a{color:#003875;text-decoration:none}
div#footer ul {float:right}
div#footer ul li{float:left;padding:0px 15px 0px 15px;border-right:1px solid #003875;}
div#footer ul li:last-child{border-right:none;}


/* ------------------------------------------------------*/
/* col 1 - flag menu */
/* ------------------------------------------------------*/

.flag {
	font-size:1.2em;
	margin: 0 0 2em 0;
}

.flag h4 {  
	margin:0 0 0.2em 0;
	padding:0;
	color:#396a9c;
	font-weight: normal;
}

.flag ul {
	list-style-type: none;
	margin:0;
	padding: 0.2em 0 0 20px;
	text-transform: uppercase;
}

.flag li {
	margin:0;
	padding: 0 0 0 60px;
	background-repeat:  no-repeat;
	background-position: 2px 0.3em;
	line-height:32px;
}
.flag li.flaguk { background-image: url(../images/flagUk.png); }
.flag li.flagde { background-image: url(../images/flagDe.png); }
.flag li.flagau { background-image: url(../images/flagAu.png); }
.flag li.flagpo { background-image: url(../images/flagPo.png); }
.flag li.flagit { background-image: url(../images/flagIt.png); }
.flag li.flages { background-image: url(../images/flagEs.png); }
.flag li.flagnl { background-image: url(../images/flagNl.png); }
.flag li.flagca { background-image: url(../images/flagCa.png); }
.flag li.flagfr { background-image: url(../images/flagFr.png); }

.flag li a {
	text-decoration:none;
	color:#104c8a;
}

.flag li a:visited { color:#104c8a; }

div#slide ul li ul li#last {height:0px !important}



/***********************HIDDEN************************************************************************/
.cache{position:absolute;top:-900em;height:1px;width:1px;overflow:hidden}

/***********************CLEARFIX**********************************************************************/
.clearfix:after {    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden;}

.clearfix {display: inline-block;clear:both}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/****************SLIDE****************************************************************************/


div#slide {position:absolute;top:130px;left:0px;width:300px;z-index:999}

/* Niveau 1, 2 et 3 affiché */
div#slide ul li{position:absolute;top:0px;left:0px;}
div#slide ul li#slide1{position:absolute;top:0px;left:0px;z-index:5;width:260px;padding-left:20px;font-size:77%}

div#slide a{color:#003C7B;text-decoration:none;}

div#slide ul {padding:0px 0 0 0px;height:auto;}

div#slide ul li ul {padding:5px;margin:10px 0px 0px 0px;border:1px solid #CCC;background-color:#ffffff;}


div#slide ul li ul li{width:205px;clear:left; position:relative !important;  height:100% !important;margin-bottom:5px;}

.withjavascript .subslide ul,
.withjavascript .encourt .subslide ul,
.withjavascript .encourt .encourt .subslide ul{
	position:absolute;
	top:-900em;
	width:0px;
	height:0px;
	margin:0px;
}

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


/* Niveau 1, 2 et 3 affiché */
div#menu ul li{position:absolute;top:0px;left:0px;}
div#menu ul li#menu1{position:absolute;top:0px;left:266px;z-index:5}
div#menu ul li#menu2{position:absolute;top:0px;left:500px;z-index:4}
div#menu ul li#menu3{position:absolute;top:0px;left:721px;z-index:3}

div#menu a{color:#fff;text-decoration:none;}


div#menu ul {padding:0px 0 0 0px;height:auto;}


div#menu ul li ul {margin:0;padding:0px;}


/*div#menu ul li ul li{margin:0;clear:left;padding:8px 5px 0px 5px;  position:relative !important;  height:100% !important;background:url('../images/pix2.png') repeat center bottom;}*/


div#menu ul li ul li{padding:4px 0px 4px 10px;width:230px;clear:left; position:relative !important;  height:100% !important;background-color:#828687;border:1px solid #fff}
div#menu ul li ul li ul li{padding:4px 0px 4px 10px;width:200px;}


div#menu ul li#menu2 ul li{width:215px;}
div#menu ul li#menu3 ul li{width:198px;}


.withjavascript .submenu ul,
.withjavascript .encourt .submenu ul,
.withjavascript .encourt .encourt .submenu ul{
	position:absolute;
	top:-300em;
	width:0px;
	height:0px;
	margin:0px;
}
.withjavascript ul li.encourt{
	position:relative;
	}

.withjavascript .encourt ul,
.withjavascript .encourt .encourt ul,
.withjavascript .encourt .encourt .encourt ul{
	top:29px;
	height:auto;
	width:auto;
	z-index:50;
	left:60px;
}
.withjavascript #menu2.encourt ul,.withjavascript #menu2.encourt .encourt ul,.withjavascript #menu2.encourt .encourt .encourt ul{	left:65px;}
.withjavascript #menu3.encourt ul,.withjavascript #menu3.encourt .encourt ul,.withjavascript #menu3.encourt .encourt .encourt ul{	left:72px;}


.withjavascript .encourt .encourt ul,
.withjavascript .encourt .encourt .encourt ul{
	z-index:70;
}

.withjavascript .encourt ul li,
.withjavascript .encourt .encourt ul li,
.withjavascript .encourt .encourt .encourt ul li{
	width:auto;
}

.withjavascript .encourt .encourt ul,.withjavascript .encourt .encourt .encourt ul{top:-1px;}

.withjavascript #menu1.encourt .encourt ul,.withjavascript #menu1.encourt .encourt .encourt ul{left: 240px;}

.withjavascript #menu2.encourt .encourt ul,.withjavascript #menu2.encourt .encourt .encourt ul{left: 225px;}

.withjavascript #menu3.encourt .encourt ul, .withjavascript #menu3.encourt .encourt .encourt ul{left: -210px;}

 
.itemBackground {
	position: absolute;
	width /**/: 68%;
	height /**/: 69%;
	z-index: -1;
	display: block;
}