body {
margin:0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#3f4c56;
     text-align: center;
     background-image: url('images/bandeau_bg.jpg');
     background-repeat: repeat-x;
}       

#conteneur_breves{
    position: relative;
    top:0px;
    left:0px;
    width: 298px;;
    overflow:hidden;
    height:130px;
    float: right;
    
}

*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    color:#3f4c56;
}

h1{
    padding:10px;
    font-size:18px;
    padding-left: 0px;;
}
#conteneur{
    width: 1000px;
    margin-left: auto;
    margin-right: auto ;
    text-align: left;
    position: relative;

    
    
}

   
#entete{
    width: 1000px;
    height: 228px;
    float: left;
    background-image: url('images/entete.jpg');
position: relative;
}

#menu {
float: right;
padding-top: 164px;
}

#menu img{
    border:0;
}
#menu ul{
    list-style-type: none;
    padding: 0;
    margin: 0;

    
}

#menu li{
    list-style-type: none;
    float: left;
    padding: 0;
    margin: 0;
}

#centre{
    width: 960px;
    float: left;
    padding-left:20px;
    padding-right:20px;
    position: relative;
}

#wrapper{
    width: 644px;;
    height: 377px;
    float: left;
    position: absolute;
    left:20px;
    top:0px;
    cursor: pointer;
}

#slider {
	width:643px;
	height:330px;
	float:left;
	position:relative;
	overflow:auto;
	background:#fff
}

#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:642px; height:330px;}

.pagination {float:left; list-style:none; height:25px; margin:0px 0 0 0px; width:644px;}
.pagination li {float:left; cursor:pointer; background-image:url(images/fond_select.jpg); margin:0 0px 0 0; text-align:left; font-size:10px;}
.pagination li:hover {color:#999999; font-size:10px;}
li.current {background-image:url(images/fond_hover_select.jpg); font-size:10px;}

#transparence{
    width:204px;
    height: 330px;
    position: relative;
    float: right;
	background-image:url(images/fond.gif);
}

#titre_home{
    text-transform: uppercase;
    color:#fabb00;
    font-size:14px;
    font-weight:bold;
    position: relative;
    left:452px;
    top:20px;
}
#date_home{
    color:white;
    position: absolute;
    left:452px;
    top:40px;font-weight:bold;
}



#contenu_home{
    color:white;
    width: 175px;
    font-size:11px;
    height: 247px;
    position: absolute;
    left:452px;
    top:55px;
    overflow: hidden;
    text-align: justify;
}

#titre_article_home{
    color:white;
    font-weight:bold;
    display:block;
    padding-bottom: 10px;
}
#texte_home{

    letter-spacing: 0px;
    word-spacing: -1px;;
    display: block;
}


#lien_home{
    color:white;
    position: absolute;
    right: 14px;
    bottom:38px;
    font-size:11px;
    font-weight:bold;
    
}

#newseco{
    width:298px;
    height:181px;
    float: left;
    position: absolute;
    right:338px;
    top:390px;
    background-color: #ededee;
    cursor:pointer;
	
}

#contenu_newseco{
    width:270px;
    height :113px;
    overflow: hidden;
    text-align: justify;
    font-size:11px;
    position: absolute;
    left:15px;
     word-spacing: -1px;;
    top:55px;
}







#newsdujour{
    width:298px;
    height:auto;
    float: left;
    position: absolute;
    right:20px;
    top:280px;
    background-color: #ededee;
    cursor:pointer;
}

#contenu_newsdujour{
    width:270px;
    height :140px;
    overflow: hidden;
    text-align: justify;
    font-size:11px;
    position: absolute;
    left:15px;
     word-spacing: -1px;;
    top:55px;
}



.lstNewsEco{
border-bottom:1px solid #717c87;
padding-top:5px;
padding-bottom:7px;
}

.titre_newseco{
    font-weight:bold;
    /*padding-bottom:13px;*/
    padding-top:1px;
    
}
.texte_newseco{
position:relative;
width:270px;
height: 35px;;
}


.lien_newseco{
    position: absolute;
    right:0px;
    bottom:0px;
    font-size:11px;
    font-weight:bold;
    color:#3f4c56;
}

#people{
      width:311px;
    height:181px;
    float: left;
    background-color: #f1f2f2;
    cursor:pointer; 
}

#lien_people{
       position: absolute;
	   left:80px;
    bottom:5px;
    font-size:11px;
    font-weight:bold;
    color:#3f4c56; 
}



#bas{
    position: absolute;
    left:20px;
    top:390px;
    width:642px;
    height: 181px;
    cursor: pointer;

}

#texte_people{
    text-align: justify;
    color:#464a4d;
    
}

#titre_people{
        font-weight:bold;
    padding-bottom:13px;
	text-align:left;   
}

#contenu_people{
    font-size:11px;
    
}

#lien_people{
   
    margin-left: 383px;
    font-size:11px;
    font-weight:bold;
    color:#3f4c56; 
    

}



#recherche{
	position: absolute;
	left:629px;
	top:6px;   
}

#recherche2{
    position: absolute;
    left:280px;
    top:6px;   
}

#input_recherche{
    height:11px;
    width:91px;
    border:1px solid #4d596b;
    background-color:#f5f6f6;
    color:#4d596b;
    padding:2px;
    letter-spacing: 0px;
    font-size:9px;
    margin-right:3px;
    float: left;
}

#nav_haut{
    
    position: absolute;
    right:35px;
    top:7px;
    font-size:11px;
}


#contact{

    

}

#contact label{

        
    width: 100px;
    float: left;
    font-size:1.1em;

}

#contact input {
    
    width: 300px;
    border:1px solid #4d596b;
    background-color:#f5f6f6;
    color:#4d596b;
    padding-left:3px;
     
}

#contact p{
    padding-bottom: 7px;;
}

#contact textarea{
    width: 300px;
    height: 50px;;
        border:1px solid #4d596b;
    background-color:#f5f6f6;
    color:#4d596b;
}

#blocDroitForm{
    float: right;
    width: 180px;;
}

#msgFormContact{
    padding-bottom: 10px;;

    
}
#alerteFormContact{
    color: red;
    
}

#submit{
    border: 1px solid;;
    width: 100px;
    float: right;
}


#bloc_droit{
    width:298px;

    
    padding-left: 20px;
    float: right;
    cursor: pointer;

}

#droit_newsEco{
    background-color: #ededee;
    height: 181px;
    width: 298px;


}

#droit_news{
    background-color: #ededee;;
    height: 181px;
    width: 298px;


}

#droit_patron{
    background-color: #eeefef;;
    height: 181px;
    position: relative;

}


#texte_people_droit{
    width:162px;
    height: 90px;
    float: right;
    overflow: hidden;
    text-align: justify;
    padding: 10px;

    
}
#people_story{
        position: relative;
        width:298px;
        height:181px;
        background-color: #f3f3f3;
        margin-bottom: 20px;
        cursor: pointer;
}
#titre_people_droit{
    font-size:14px;
    font-weight:bold;
    color:#b22051;
    font-style: italic;
	text-align:left;

}

#contenu_people_droit{
    font-size:11px;
    
}

#lien_people_droit{
   

    margin-left:90px;
position: relative;
    top:2px;
    font-size:11px;
    font-weight:bold;
    color:#3f4c56; 

}

#conteneur_news_eco{
    position: relative;
    top:0px;
    left:0px;
    width: 298px;;
    overflow:hidden;
    height:130px;
    float: right;
    
}

#conteneur_news{
    position: relative;
    top:0px;
    left:0px;
    width: 298px;;
    overflow:hidden;
    height:130px;
    float: right;
    
}


#news_eco ul{
    list-style-type: none;
    
}

#news ul{
    list-style-type: none;
    
}

#news_eco li{
    list-style-type: none;
    padding-left:20px;
    padding-right:20px;
    padding-top:3px;
    padding-bottom:3px;
    cursor:pointer;
}

#news li{
    list-style-type: none;
    padding-left:20px;
    padding-right:20px;
    padding-top:3px;
    padding-bottom:3px;
    cursor:pointer;
}

#texte_page{
    text-align:justify;
    padding-top:20px;
}

#archive select{
      
    border:1px solid #4d596b;
    background-color:#f5f6f6;
    color:#4d596b;
    padding-left:3px;
     
}
#archive option{
      

    padding-left:3px;
     
}

#page_news_eco{
position:relative;
float:right;
margin-top:3px;
}


#page_news_eco a{
text-align: center;
    /*width: 15px;*/
    height: 15px;
    display: block;
    float: left;
    
}

#page_news_eco a:hover{
    background-color:#D8D8D8;
}

#page_news{
position:relative;
float:right;
margin-top:3px;
}


#page_news a{
text-align: center;
   /*width: 15px;*/
    height: 15px;
    display: block;
    float: left;
    
}

#page_news a:hover{
    background-color:#D8D8D8;
}