/*

#####################################################
# site: Maquette                                    #
#                                                   #
# creator: Fruleux Fabien                           #
# contact: fabien.fruleux@lgi-consulting.net     	 #
#																	 # 
# Feuille de style pour les autres navigateurs 		 #
#####################################################

*/

/* --------------- SITE --------------- */

body {
	font-family: Verdana;
	font-size: 16px;
	background-image: url(../images/fond.png);
	background-repeat: no-repeat ;
	
}

/* --------------- conteneur --------------- */

#conteneur {
	width: 995px;
	margin-left: auto;
	margin-right: auto;	
}

/* --------------- head --------------- */

#Lang{
	width: 120px;
	height: 30px;
	float: right;
	margin-right: 6%;
}

#head {
	width: 995px;
	height: 263px;
	position: absolute;
	top: 0px;
	z-index: 10;
}

#flashcontent{
	background-image: url(../images/head.png);
	width: 995px;
	height: 263px;
}


/* --------------- menu --------------- */

#Menu {
	width: 995px;	
	position: absolute;	
	background-image: url(../images/content.png);
	background-repeat: repeat-y;
	padding-left: 58px;
}
/*
#ombre_g {
	width: 58px;
	height: 54px;
	background-image: url(../images/ombre_porte_gauche.png);
	float: left;
}

	
#ombre_d {
	width: 58px;
	height: 54px;
	background-image: url(../images/ombre_porte_droite.png);
	float: right;
}
*/

#content_menu{    
	width: 879px;
	height: 54px;
	float:left;
	margin-top: -3px;
	/* margin-left:58px; */
	background-color: #EAECE6;
}

#boutons{
	width: 879px;
	height: 27px;
	font-size: 12px;
	text-align: center;
	color: white;	
	line-height: 24px;
}

.bouton_1{
	width: 167px;
	height: 27px;
	background-image: url(../images/menu_2.png);
	float: left;
	cursor: pointer;
}

.bouton_1_over{
width: 167px;
height: 27px;
background-image: url(../images/menu_2_over.png);
float: left;
cursor: pointer;
}

.bouton_2{
	width: 169px;
	height: 27px;
	background-image: url(../images/menu_3.png);
	float: left;
	cursor: pointer;
}

.bouton_2_over{
width: 169px;
height: 27px;
background-image: url(../images/menu_3_over.png);
float: left;
cursor: pointer;
}


.bouton_3{
	height: 27px;
	background-image: url(../images/menu_4.png);
	
}

#ombre_menu{
	width: 879px;
	height: 8px;
	background-image: url(../images/ombre_menu.png);
	filter : alpha(opacity=80);
	z-index: 100;
}

.sous_menu {   
 display: none;

}

.sous_menu_over {
	display: block;
	width: 879px;
	height: 37px;
	margin-top: -8px;
	background-color: #0085e5;
    filter : alpha(opacity=80);
	z-index: 5;

   }

.liens_sous_menu {
	font-size: 12px;
	line-height: 24px;
	
	
}

.liens_sous_menu a {
		color: white;
		cursor: pointer;	
}

.liens_sous_menu a:hover {
		color: red;
		cursor: pointer;	
}

/* --------------- content --------------- */

#Contenu{
	width: 995px;
	background-image: url(../images/content.png);
	background-repeat: repeat-y;
	padding-left: 80px;
	position: relative;	
	margin-top: 51px;

}

#foot_content{
	width: 995px;
	height: 30px;
	background-image: url(../images/foot_content.png);
	background-repeat: no-repeat;
}

.liens a {
color: #4648ff;
}

.liens a:hover {
font-weight: bold;	
}

/* --------------- cadres --------------- */


#cadres{
	width: 995px;
	height: 179px;
	margin-left: 6%;
	
}

#News {height:100px; width: 275px;}

.block{
	width: 291px;
	height: 189px;
	background-image: url(../images/block.png);
	margin-right: 7px;
	float:left;
	
}
/**/
.block a {
font-size: 10px;
color: #FFFFFF;
}

.block a:hover {
font-weight: bold;	
}
/**/

.espaceur {
	width: 57px;
	float:left;
}

.titre_block
{
	color: white;
	font-size:18px;
	margin-top: 8px;
	margin-left:5px;
	width:291px;
	text-align:center;
}

h1
{
	font-size: 18px;
	color: #708090;
	font-weight: bold;
}
.contenu_block
{
	color: white;
	font-size:12px;
	margin-top: 20px;
	margin-left:10px;
	padding-right: 12px;
	text-align: justify;
}
.fleches
{
	width: 270px;
	height: 26px;
	margin-top: 20px;
	margin-left:5px;
}

.fleches a
{
	font-size: 10px;
	color: white;
}

.fleches a:hover {
font-weight: bold;
}

#suivant
{
	float: right;
}

#suivant, #precedent {font-size:8px; margin-top:-10px;}
/* --------------- Pied de page --------------- */

#foot {
	width: 879px;
	height: 20px;
	font-size: 10px;
	margin-left: 58px;
	margin-top: 20px;
	border-top: 1px solid #C9C9C9;

}

.liens_foot
{
	float: left;

}
	

.liens_foot a {
		color: black;
		cursor: pointer;	
}

.liens_foot a:hover {
		color: red;
		cursor: pointer;	
}

.copyright
{
	float: right;	

}

.copyright a {
		color: black;
		cursor: pointer;	
}

.copyright a:hover {
		color: red;
		cursor: pointer;