@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background-color: #333333;
	/*font-size:1em; == 16px*/
	font-size:0.625em;/*10px*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#container_main{
	width: 888px;	
	position:absolute;
	margin-left:-444px;
	left:50%;
	float: left;
}
/*********************************/
#container_top{
	width:888px;
	height:257px;
	background-image:url(../images/site1/charte/fond_haut.jpg);
}
#logo_site{
	width:262px;
	height:195px;
	float:left;
	padding-left:256px;
}
#logo_site a{
	display:block;
	width:262px;
	height:195px;
}
#menu_top{
	float:left;
	height:23px;
	width:358px;	
	text-align:right;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding-top:7px;
	padding-right:12px;
}
#menu_top img{
	border:0px;
	margin-bottom:-1px;
}
#menu_top a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#menu_top ul {
	list-style-image:none;
	list-style-position:inherit;
	list-style-type:none;
	margin:0px;	
	padding:0px;
	white-space : nowrap;
}
#menu_top li {
	display: inline;
	padding-left:5px;
}
#container_projet{
	height:53px;
	width:480px;
	float:right;
	margin-top:6px;
	margin-right:4px;
	margin-bottom:3px;
	text-align:right;
	font-size:12px;
}
#container_projet table{
	margin-top:7px;
	float:right;
}
#container_projet #btn_projet{
	background-image:url(../images/site1/charte/fond_bouton.gif);
	border:0px none;
	background-color:transparent;
	width:198px;
	height:30px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0px;
	margin-left:10px;
	margin-right:16px;
	font-size:12px;	
	vertical-align:middle;
}
.text_projet{
	color:#FFFFFF;
	font-weight:bold;
}
#img_projet img{
	margin:1px;
}

#cont_menu_center{
	height:47px;
	width:888px;
	background-color:#333333;
	background-image:url(../images/site1/charte/fond_bas.jpg);
	float:left;
}
#menu_center, #menu_center ul /* Liste */     
{
	padding : 0; /* pas de marge intérieure */
    margin : 0; /* ni extérieure */
    list-style : none; /* on supprime le style par défaut de la liste */
    line-height : 21px; /* on définit une hauteur pour chaque élément */
    text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu_center /* Ensemble du menu */
{
    font-weight : bold; /* on met le texte en gras */
    font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
    font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu_center a /* Contenu des listes */
{
    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
    padding : 0; /* aucune marge intérieure */ 
    color : #fff; /* couleur du texte */
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    background-image:url(../images/site1/charte/sep_menu_haut.jpg);
	background-position:right center;
	background-repeat:no-repeat;
	padding:13px 19px;
}
#menu_center a:hover{
	color : #ddd;
}
#menu_center li /* Elements des listes */      
{ 
    float : left; 
    /* pour IE qui ne reconnaît pas "transparent" */
    border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_center li
{
    border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu_center li ul /* Sous-listes */
{ 
    position: absolute; /* Position absolue */
    width: 180px; /* Largeur des sous-listes */
    left: -999em; /* Hop, on envoie loin du champ de vision */
	color:#fff;	
	/*padding-bottom:14px;*/
	/*background-image:url(../images/site1/charte/fond_ss_menu.png);*/
	background-position:bottom;
	background-color:#333;
}
#menu_center li ul a{
	padding:5px 10px;
	background-image:none;
}
#menu_center li ul a:hover{
	background-color:#666666;
	text-decoration:none;
}
#menu_center li ul li /* Éléments de sous-listes */
{
 	/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
    border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	width:100%;
	text-align:left;
	padding-left:0px;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_center li ul li                
{
	border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu_center li ul ul 
{
    margin : -22px 0 0 130px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
    /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
    border-left : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu_center li ul ul                
{
	border-left : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
 
#menu_center li:hover ul ul, #menu_center li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu_center li:hover ul, #menu_center li li:hover ul, #menu_center li.sfhover ul, #menu_center li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}

/*******************************/
#container_middle{
	 background-color:#FFFFFF;
	 padding-top:10px;
	 padding-right:16px;
	 padding-bottom:10px;
	 padding-left:10px;
	 float:left;
	 width:862px;
}
#zone_left{
	float:left;
	width:602px;
	padding-right:10px;
}
#content{
 	width:602px;
	float:left;
 	/*background-color:#FF0000;*/
}

#content #cont_icons{
	position:absolute;
	right:275px;
	top:310px;
	float:left;
}
#zone_right{
	float:left;
	width:250px;
	/*background-color:#003399;*/
}
#cont_yaxo{
	width:244px;
	height:45px;
	background-image:url(../images/site1/charte/fond_yaxo.jpg);
	margin-bottom:10px;
	padding-top:22px;
	padding-left:6px;
}
#cont_yaxo a{
	text-decoration:none;
}
#cont_yaxo .text1_yaxo{
	color:#333333;
	font-weight:bold;
}
#cont_yaxo .text2_yaxo{
	color:#cc0000;
	font-weight:bold;
	line-height:1.8em;
}
#cont_pave{	
}
#cont_newsletter{
	margin-bottom:10px;
	width:223px;
	height:66px;
	background-image:url(../images/site1/charte/fond_newsletter.jpg);
	color:#fff;
	padding-left:16px;
	padding-right:11px;
	padding-top:14px;
}
#cont_newsletter form{
	margin:0px;
	padding:0px;
	margin-top:9px;
	margin-bottom:6px;
}
#cont_newsletter #input_text{
	padding:0px;
	margin:0px;
	width:185px;
	height:15px;	
	font-size:10px;	
	vertical-align:top;
}
#cont_newsletter #input_submit{
	padding:0px;
	margin:0px;
	color:#fff;
	font-size:9px;
	font-weight:bold;
	border: 0 none;
	width:30px;
	height:19px;
	background-image: url(../images/site1/charte/fond_btn_newsletter.jpg);
	vertical-align:middle;
}
#cont_newsletter a{
	color:#fff;
}
#cont_facebook{
	width:178px;
	height:49px;
	background-image:url(../images/site1/charte/fond_facebook.jpg);
	color:#FFFFFF;
	padding-top:12px;
	padding-left:72px;
	}
#cont_facebook a{
	color:#FFFFFF;
	}

.text1_facebook{
	font-size:12px;
	font-weight:bold;
}
#cont_adresse{
	padding-top:15px;
	text-align:center;
	color:#333;
}
#cont_adresse a{
	text-decoration:none;
	color:#333;
}
#cont_adresse .link_red{
	color:#cc0000;
	font-weight:bold;
	
}
/******************************/
#container_bottom{
	width:888px;
	background-image:url(../images/site1/charte/fond_bas.jpg);
	height:47px;
	float:left;
	color:#fff;
	font-size:9px;
}
#logo_wallo{
	padding-top:17px;
	padding-left:15px;
	float:left;
}
#text_wallo{
		float:left;
		padding-top:15px;
		padding-left:12px;
}
#info_site{
		float:right;
		text-align:right;
		padding-top:15px;
		padding-right:10px;
}
/************/
#newsarchive h1{
	font-size : 1.2em;
	color:#333333;
}