/************************************************************************TEXTE*/

p{
	font-size: 12px;
}

h1{
	color: #5f657d;
}

a{
	text-decoration: none;
	color: #727272;
}

a:hover{
	color: #000000;
}

/************************************************************************NAVIGATION SPRITES*/
	.navigation {
	padding: 120px 0 0px 25px;
	}

    #navigation {
    background:url(../img/navigation.jpg) no-repeat;
    width:900px;
    height:47px;
    margin:0;
    padding:0;
    }

    #navigation span {
    display: none;
    }

    #navigation li, #navigation a {
    height:47px;
    display:block;
    }

    #navigation li {
    float:left;
    list-style:none;
    display:inline;
    }

    #accueil {width: 123px;}
    #services {width: 127px;}
    #aide {width: 141px;}
    #nouvelles {width: 133px;}
    #historique {width: 143px;}
    #liens {width: 102px;}
    #contact {width: 131px;}

    #accueil a:hover {background:url(../img/navigation.jpg) 0px -47px no-repeat; }
    #services a:hover {background:url(../img/navigation.jpg) -123px -47px no-repeat; }
    #aide a:hover {background:url(../img/navigation.jpg) -250px -47px no-repeat; }
    #nouvelles a:hover {background:url(../img/navigation.jpg) -391px -47px no-repeat; }
    #historique a:hover {background:url(../img/navigation.jpg) -524px -47px no-repeat; }
    #liens a:hover {background:url(../img/navigation.jpg) -667px -47px no-repeat; }
    #contact a:hover {background:url(../img/navigation.jpg) -769px -47px no-repeat; }
    
    .accueil_active {background:url(../img/navigation.jpg) 0px -47px no-repeat; }
    .services_active {background:url(../img/navigation.jpg) -123px -47px no-repeat; }
    .aide_active {background:url(../img/navigation.jpg) -250px -47px no-repeat; }
    .nouvelles_active {background:url(../img/navigation.jpg) -391px -47px no-repeat; }
    .historique_active {background:url(../img/navigation.jpg) -524px -47px no-repeat; }
    .liens_active {background:url(../img/navigation.jpg) -666px -47px no-repeat; }
    .contact_active {background:url(../img/navigation.jpg) -769px -47px no-repeat; }

/************************************************************************BASE DU SITE*/

body { 
	margin:0px 0px; 
	padding:0px;
	text-align: center;
	font-family: Arial;
	background-color: #292c26;
}

#header_wrap {
	background: url(../img/header_background.jpg) #000 no-repeat 50% 0%; 
}

#header {
	width: 948px;
	height: 512px;
	margin:0px auto;
	text-align:left;
}

.logo {
	padding: 14px 0 0px 20px;
	width: 828px;
	float: left;
}
.language{
	float: left;
	width: 90px;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}
.language a{
	font-size:12px;
	color: #626983;
	text-decoration: none;
}
.language a:hover{
	text-decoration: underline;
}
.presentation_wrap {
	width: 900px;
	height: 184px;
}

.presentation {
	width: 644px;
	padding: 30px 0 0 40px;
	float: left;

}

.presentation p {
	padding-left: 15px;
	color: #727272;
	font-size: 13px;
	line-height: 200%;
}

.presentation_photo {
	float: left;
	padding-top: 16px;
}

#container_wrap {
	background-image: url(../img/background.jpg);
	background-repeat: repeat;	
	height: 100%;
	overflow: auto;
}

#container {
	background: url(../img/container_background.jpg) #fff no-repeat;
	width: 948px;
	margin:0px auto;
	text-align:left;
	padding-bottom: 30px;
	height: 100%;
	overflow: auto;
}

#footer_wrap {
	background-color: #292c26;
	height: 150px;	
}

#footer {
	clear: both;
	width: 948px;
	margin:0px auto;
	text-align:right;
}

#footer p {
	padding-top: 10px;
	font-size: 10px;
	color: gray;
}

#footer a {
	text-decoration: none;
	color: gray;
}

#footer a:hover {
	text-decoration: underline;
	color: gray;
}

/************************************************************************INDEX.HTML*/

.accueil_intro{
	padding-left: 30px;
	font-size: 15px;
	color: #000000;
	line-height: 150%;
}

.accueil_slogan{
	padding-left: 30px;
}

.acceuil_cases_wrap{
	padding-left: 22px;
	padding-top: 25px;
}

.accueil_cases{
	background: url(../img/accueil_cases.jpg) #fff no-repeat;
	width: 294px;
	height: 400px;
	float: left;
	padding-left: 10px;
}

.accueil_photo{
	padding-top: 10px;
}

.accueil_texte p{
	font-size: 12px;
	padding-left: 8px;
	padding-top: 10px;
	width: 270px;
}

.btn_lire{
	padding-top: 15px;
	padding-left: 8px;
}

/************************************************************************SERVICES.HTML*/

.sous_nav{
	font-size: 13px;
	color: #727272;
	padding-top: 20px;
	line-height: 150%;
}

.sous_nav a{
	text-decoration: none;
	color: #727272;
}

.sous_nav a:hover{
	color: #000000;
}

.sous_nav1{
	width: 370px;
	float: left;
}

.sous_nav2{
	width: 250px;
	float: left;
}

.services_container{
	padding-left: 25px;
}

.services_title{
}

.services_photo{
	float: left;
	width: 272px;
	height: 200px;
}

.services_description{
	float: left;
	width: 600px;
	height: 200px;
	padding-left: 15px;
	padding-top: 15px;
}

.services_description p{
	 font-size: 13px;
}

/************************************************************************HISTORIQUE.HTML*/

.historique_container{
	padding-left: 15px;
}

.historique_description{
	float: left;
	width: 850px;
	padding-left: 15px;
	padding-top: 15px;
}

.historique_description p{
	font-size: 14px;
}

.historique2_description p{
	font-size: 14px;
}

.historique2_description{
	width: 560px;
}
.historique_photo{
	float: left;
	width: 300px;
	height: 124px;
}

/************************************************************************LIENS.HTML*/

.liens_container{
	padding-left: 25px;
	font-size: 13px;
	
}

/************************************************************************CONTACT.HTML*/

.contact_container{
	padding-left: 25px;
	font-size: 13px;
}

.coordinate{
float: left;
}

.adresse{
	float: left;
	width: 300px;
}
.adresse p{
	line-height: 200%;
	color: #727272;
	padding-left: 25px;
	
}

.gm{
	float: left;
}

/************************************************************************AIDE.HTML*/
.aide_container{
	padding-left: 25px;
}

.aide_container a{
	text-decoration:underline;
}