/* Permet d'éviter les marges parasites */
*{margin:0;padding:0;}
/*------------------------------------Définition du style de fond------------------------------------*/
body {
	background: url("images/fond.gif") repeat scroll 0 0 transparent;
	font-family: "Helvetica Neue",Arial,Helvetica,Sans-Serif;
	height: 100%;
}
/*------------------------------------Définition du style des liens------------------------------------*/
a{color:#f1a140; text-decoration:none; font-weight:bold;}
a:hover{cursor:pointer;	text-decoration:underline;}
a img {border: none;}
/************ Définition des titres ***************/
h2{color:#658b81; font-weight:bold;	margin-left:-2px;}
h4{font-size:20px; color:#658b81; font-weight:bold;	margin-left:-1px;}
h5{margin-bottom:5px;}
.title{border-bottom:2px solid #658b81;}
/************ Définition des boutons *************/
.btn{width:80px; height:30px;}
/************ Définition du lien retour *********/
.retour{text-align:center; font-size:12px;}
/*********** Préchargement images ****************/
#img_menu{display:none;	background:url("images/bt_menu.png");}
#img_menu_hover{display:none; background:url("images/bt_menu_hover.png");}
/*------------------------------------Propriétés de l'en-tête------------------------------------*/
/* Général */
#en_tete{
	width: 900px;
	height: 15px;
	margin: 0px auto 0px auto;
	text-align: right;
	color: #f1a140;
	
	/* Fonctionne sur FF, Safari, Chrome */
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-khtml-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px; 
}
#en_tete .en_tete_round {
	float: left;
	width: 15px;
	height: 15px;

	/* Fonctionne sur FF, Safari, Chrome */
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-khtml-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px; 
	background-color: #658b81;
	
	/* Pour IE ! */
/	background-color: none;
/	background-image: url("images/header_bottom_left.png");
/	background-repeat: no-repeat;
}
#en_tete .en_tete_main{
	width: 885px;
/	width: auto;
	height: 15px;	
	margin: auto;
	margin-left: 15px;	
	background-color: #658b81;
}
/* Menu top right */
#en_tete_link{
	position: relative;
	float: right;
	width: 255px;
/	width: 264px; /* Pour IE7 et IE6 */
	height: 35px;
	margin-right: -1px;
	margin-bottom: -15px;
	background-color: #658b81;
}
#en_tete .en_tete_round_right{
	width: 20px;
	height: 20px;
	margin-top: 15px;
	margin-bottom: -15px;
	position: relative;
	float: right;
	background-color: none;
	background-image: url("images/header_bottom_right.png");
	background-repeat: no-repeat;
}
/* Liens */
#en_tete_link a{
	position: relative;
	float: left;
	height: 25px;	
	padding: 5px 0px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 1px 3px black;
}
#en_tete_link .cont{margin: 0px 8px 0px -5px;}
#en_tete_link .faq{margin: 0px 10px;}
#en_tete img{margin:-6px 0px; position:relative;	float:left;}
/*------------------------------------Propriétés de la banière------------------------------------*/
#baniere{
	clear: both;
	margin: 0px auto;
/	margin-top: 5px; /* Pour IE7 et IE6 */
	width: 900px;
	height: 150px;
	background-image: url("images/banniere.jpg");
	border: 1px solid #afafaf;
	border-bottom: none; 
	
	/* Fonctionne sur FF, Safari, Chrome */
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-khtml-border-top-left-radius: 20px;
	border-top-left-radius: 20px; 
}
/*------------------------------------Propriétés de la fenètre------------------------------------*/
.fleche_up{
	margin: auto;
	margin-top: 5px;
	height: 11px;
	width: 900px;
	background-image: url("images/fleche_up.gif");
	background-repeat: no-repeat;
}
#fenetre{
	z-index: 1;
	display: block;
	position: relative;
	width: 880px;
	height: auto;
	margin: auto;
	margin-bottom: 10px;
	padding: 10px;
	background-color: white;
	
	/* Fonctionne sur FF, Safari, Chrome */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
/* Permet de forcer l'adaptation de la fentre à la taille des element flotants */
#fenetre:after{content:""; display:block; clear:both;} 
/*------------------------------------Propriétés du menu------------------------------------*/
/* Général */
#menu{
	z-index: 10;
	position: relative;
	margin: auto;
	width: 902px;
	height: 30px;
}
#menu a{
	display: block;
	float: left;
	padding: 3px 0px;
	border-style: solid;
	border-color: #afafaf;
	border-width: 1px;
	border-right: none;
	background-image: url("images/bt_menu.png");
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	color: #f1a140;
	text-shadow: 1px 1px 6px #fff;
}
#menu a:hover{
	background-image: url("images/bt_menu_hover.png");
	color: #6e6e6e;
	font-style: normal;
	text-decoration: none;
}
/* Images des éléments */
#menu a.cont{
	border-right: solid;
	border-color: #afafaf;
	border-width: 1px;
	padding: 3px 0px;
}
/******************* Menu déroulant *******************/
#menu ul ul{
	z-index: 10;
	display: none;
	position: relative; 
	margin-top: 30px;
/	margin-top: 29px; /* Pour IE7 et IE6 */	
	text-align: left;
}
#menu .dev .menu_niv2, #menu .dev .menu_niv2 a{width:175px; left:232px;}
#menu .prod .menu_niv2, #menu .prod .menu_niv2 a{width:96px; left:410px; padding-right:0px;}
#menu .serv .menu_niv2, #menu .serv .menu_niv2 a{width:210px; left:522px;}
#menu .cont .menu_niv2, #menu .cont .menu_niv2 a{width:130px; left:740px;}
#menu .menu_niv2 .log .menu_niv3 a{width:135px; text-align:left;}
#menu .menu_niv2 .mat .menu_niv3 a{width:100px; text-align:left;}
#menu .menu_niv2 .log  img, #menu  .menu_niv2 .mat  img{
	float: right;
	margin: 4px 4px; /* Bug sous Mozilla, pas de solution pour le moment */
/	margin: -12px 4px; /* Pour IE7 et IE6 */
}
#menu li .menu_niv2 a{
	height:19px;
	padding:5px 15px 4px 15px;
	margin-top:-1px;
	border:1px solid #afafaf;	
	color:#658b81;
	font-size:14px;
	text-decoration:none;
	font-weight:bold; 
	text-align:left;
}
#menu .menu_niv2 .log .menu_niv3, #menu .menu_niv2 .mat .menu_niv3{
	margin-top: 0px;
	margin-left: 112px;
/	margin-left: -1px;	/* Pour IE7 et IE6 */
}
#menu li:hover .menu_niv2, #menu li li:hover .menu_niv3{display:block; position:absolute;}
#menu li{list-style-type:none; float:left;}
#menu .acc a{width:103px; text-align:center;}
#menu .forma a{width:127px; text-align:center;}
#menu .dev a{width:177px; text-align:center;}
#menu .prod a{width:111px; text-align:center;}
#menu .serv a{width:115px; text-align:center;}
#menu .dist a{width:151px; text-align:center;}
#menu .cont a{width:110px; text-align:center;}
/*------------------------------------Propriétés du pied de page------------------------------------*/
#f_page{
	clear: both; /* Permet de forcer la balise sous les autres balises flotantes */
	width: 900px;
	margin: auto;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 12px;
	background-color: white;
	/* Fonctionne sur FF, Safari, Chrome */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
}
#f_page:after{content:""; display:block; clear:both;} 
#f_left{float:left; margin:10px;}
#f_center{float:left; margin:2px 0px 0px 188px;}
#f_right{float:right; margin:10px;}