/* CSS page d'accueil */


#head_banner {
	width:800px !important;
	background-image:url("../maquette/entete.jpg");
	height:168px;
	background-position:center;
	
}

 img {
border:none;
}



body { 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
top:-10px;
background-color:#313238;
/*background : transparent url("../maquette/bg.jpg") repeat-y center;*/
color: #000;
text-align: center;
z-index :0;
}

#flag_uk{
position:relative;
top: 20px;
left:25px;
background : transparent url("../maquette/uk.gif");
background-repeat:no-repeat;
z-index:2000 !important;

}

#flag_fr{
	position:relative;
	top: 20px;
	left:25px;
	background : transparent url("../images/flagfr.png");
	background-repeat:no-repeat;
	z-index:2000 !important;
}


#content {
background:#FFFFFF none repeat scroll 0 0;
margin:auto;
background:transparent url("../maquette/fon.jpg");
text-align:left;
width:800px !important;
position:relative;


	top:-10px;
}

#flashcontent{

width:600px!important}

#table_content {
margin-top:50px;
margin-left:3px;
}




* html #table_content {
margin-top:10px;
}

#table_l {
height : 450px;
background-color:#ffffff;
border:1px solid #CCCCCC;
width:450px;
text-align:justify;
float:left;
margin-left:5px;
padding:5px;
}



#table_2 {
height : 620px;
background-color:#ffffff;
border:1px solid #CCCCCC;
width:250px;
text-align:justify;
margin-left:5px;
padding:5px;

}

#table_d {
height : 660px;
background-color:#ffffff;
border:1px solid #CCCCCC;
width:250px;
text-align:justify;
margin-left:5px;
padding:5px;

}


#table_3 {
height : 250px;
background-color:#ffffff;
border:1px solid #CCCCCC;
width:500px;
margin-left:5px;
padding:5px;
margin-top:5px;

}



#table_4 {
height : 794px;
background-color:#ffffff;
border:1px solid #CCCCCC;
width:250px;
text-align:justify;
margin-left:5px;

padding:5px;
}

#table_6 {
height : 650px;
background-color:#ffffff;
border:1px solid #CCCCCC;
width:500px;
text-align:justify;
margin-left:5px;
margin-top:5px;
padding:5px;
}




#slide {
margin-left:98px;
text-align:center!important;
width:400px;
height:258px;

}


#table_5 {
height : 1500px;
background-color:#ffffff;
color:#red;
border:1px solid #CCCCCC;
width:750px;
text-align:justify;
font-size:12px;
margin-left:15px;
padding:5px;
margin-top:5px;

}
#table_7 {
height : 450px;
background-color:#ffffff;
border:1px solid #CCCCCC;
width:750px;
text-align:justify;
margin-left:15px;

padding:5px;

}


#affichage_vertical
{
height : 700px;
border:1px solid #CCCCCC;
width:200px;
text-align:justify;
margin-left:5px;

padding:5px;
}



#footMenu {
background:transparent url("../maquette/foot_menu_bg.png") repeat-x scroll 0 0;
height:23px;
line-height:23px;
text-align:center;
margin-top:5px;
}







#headMenu div {
color:#FFFFFF;
cursor:pointer;
float:left;
font-size:10px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
width:133px;
white-space:nowrap;

}

/* CSS du menu horizontal, bieler batiste */


.menu{
    position:relative;
    display:block;
    margin:0;
    padding:0;
    width:800px;
    }
.menu ul{
    position:absolute;
    display:block;
    width:124px;
    /*margin:0;*/
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    }

 .menu li li ul{
    position:relative;
}
    
.menu li{
    list-style:none;
    height:auto;
    display:inline;
    display:block;
    float:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
	position: absolute;
	left : -150px;
    display:inline;
    }

.menu a{
    text-align:center;
	background-image:url("../maquette/menu.png");
    color:#fff;
    display:block;
	height:22px;
	line-height:22px;
	font-size:12px;
	font-weight:500;
    width:133px;
    text-decoration:none;
    
    
    }
    
.menu a:hover{
    background-image:url("../maquette/menuHover.png");
  
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #aaf;
}

a.linkOver{
    background-color: #eee;
    }

#table_large{
width:750px !important;
background-color:#ffffff;
border:1px solid #CCCCCC;
text-align:justify;
padding:5px;

}

#table_carte{

background-color:#ffffff;
border:1px solid #CCCCCC;
text-align:justify;
padding:5px;
width:530px;


}



h1{
font-size:22px;
text-align:center;
color:#274a5f;
font-weight:bold;
border-bottom:thin dotted #274a5f ;
font-family:"Times New Roman", Times, serif;
}

h2{
font-size:19px;
text-align:left;
margin-left:10px;
color:#274a5f;;
font-family:"Times New Roman", Times, serif;
}

h3{
	font-size:17px;
	text-align:left;
	margin-left:10px;
	color:#666666;
	;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
}

#photo_dimension{
width:220px;
height:140px;
border:solid 1px;
border-color:#1F2461;
}
#photo_legende{
width:210px;
text-align:center;

}

.titre_article{

font-weight:bold;
font-size:14px;
color:#23487e;
text-align:center;
border-bottom:dotted #23487e thin;

}
.titre_bd{
background: #23487e;
color:#FFFFFF;
}


#footMenu a {
color:#FFFFFF;
}

#expl{
color:#030B61;
font-size:12px;

}
#liste{
color:#000099;
font-size:12px;
text-align:center;
font-weight:bold;

}

#affichage-b{
padding:3px;
text-align:justify;
}


#affichage-table{
	padding:3px;
	padding-left:2px;
	font-size:12px;
	border: 1px;
}

#affichage-t{
	padding:3px;
	padding-left:2px;
	font-size:14px;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	background-color: #666666;
}
#popup_com{
	overflow:auto;
	padding:20px;
	text-align:justify;
	font-size:12px;
	background-color: #FFFFFF;
	color: #000000;
	height:500px;

}
#affichage-c{
	padding:3px;
	padding-left:2px;
	font-size:14px;
	color:#000000;
	text-align:center;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	background-color: #FFFFFF;
}

#cit  {
font-family:times New Roman;
font-style:italic;
text-align:right !important;
width:450px;
float:right;
font-size:12px;
padding:10px!important;
}