/* CSS Document */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
}
#header {
height: 210px;
}

#drapeaux{
top: 148px;
left: 110px;
position: absolute;
}
#conteneur {
position: relative;
width: 1000px;
margin: 0 auto;
/*background-image: url(/images/fond-gauche.jpg);*/
background-repeat: repeat-x;
background-color: #FFFFFF;
}
#centre {
margin-left: 222px;
padding: 10px;
background-color: #FFFFFF;
min-height: 480px;
/*padding-top: 80px;*/
}
#gauche {
position: absolute;
left:0;
width: 222px;
}
#pied {
padding: 5px;
background-color: #555557;
background-image: url(/images/fond-pied-bleu.jpg);
text-align: center;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
font-style:italic;
}

#WP {
padding: 5px;
text-align: right;
}

#WP a{
color: #CCCCCC;
font-size: 9px;
}

p {
color: #333333;
margin: 0 0 10px 0;
text-align: justify;}

.menu {
z-index:1000;
margin:0px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:220px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
height:26px;
background-image: url(/images/fond-menu.jpg);
z-index:1000;
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:1000; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:220px;
color:#666666;
text-indent:5px;
border:1px solid #cfcfcf;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:220px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#555557;background-image: url(/images/fond-pied.gif);}

.menu :hover > a {
color:#fff; 
background:#555557;
background-image: url(/images/fond-pied.gif);
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:220px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

.imgbord {
border: 1px solid #999999;
}

h1{
margin: 0 0 10px 0;
font-size: 14px;
font-weight: bold;
color: #05036e;
border-bottom: 3px solid #4c80e6;
}


h2{
margin: 0;
font-size: 12px;
font-weight: bold;
color: #999999;
font-style: italic;
}

.ancre a{
color: #666666;
text-decoration: none;
}
.ancre a:hover{
color: #666666;
text-decoration: underline;
}
.ancre {
font-size: 10px;
padding: 5px;
font-weight: bold;
}

a{
color: #05036e;
text-decoration: none;
}

a:hover{
color: #4c80e6;
text-decoration: underline;
}

#news{
background-image:url(/images/fond-news.jpg);
background-repeat: no-repeat;
min-height:177px;
padding: 10px;
color: #064588;
}


.clear {
	clear:both
}

#gallery {
	position:relative;
	height:170px;
	margin:10px 0 0 15px;

}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:1;
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}