@charset "utf-8";
@import url("layout.css");
/* CSS Document */

 body {
    	font: 0.8em  Verdana, Arial, Helvetica, sans-serif;
    	background: #0093af;
		background: url(../images/fd_baniere.jpg) top left repeat-x;
    	background-color: #0093af;
		background-image: url(../images/fd_baniere.jpg) top left repeat-x;
		background-repeat: repeat-x;		
	   	text-align: center; 
    	color: #ffffff;
    }
	
    div#container {
		top: 0px;
		left: 0px;
 		width: 100%;
    	text-align: left; 
    }
	
    div#header {
	    height: 113px;
    }
	
 	div#header2 {
		height: 122px;
	}
		
	div#menu {
		width: 100%;
		height: 40px;
		margin: 0 ;
		padding: 0 ;
		border: 0;			
	}
	
/*
/*
/*      MENU PRINCIPAL
/*	
/*    */

#menu ul {
  position:relative;
  list-style:none;
  padding: 0px;
  margin: 0px;
  width:500px;
  height:40px;
}

#menu ul a {
  position: absolute;
  display: block;
  width: 500px;
  height: 40px;
  text-decoration: none;
}

#menu a:hover{
  width:500px;
  height:40px;
}

#lien1 {
  top: 0px;
  left: 0px;
  background: url(../boutons/btn_accueil_off.png) no-repeat;
}

#lien1:link, #lien1:visited, #lien1:focus {
  top: 0px;
  left: 0px;
  background: url(../boutons/btn_accueil_off.png) no-repeat;
}

#lien1:hover {
  top:0px;
  left:0px;
  width:89px;
  background: url(../boutons/btn_accueil_on.png) no-repeat;
}

#lien2 {
  top: 0px;
  left: 90px;
  width:103px;
  background: url(../boutons/btn_societe_off.png) no-repeat;
}

#lien2:link, #lien2:visited, #lien2:focus {
  top: 0px;
  left: 90px;
  width:103px;
  background: url(../boutons/btn_societe_off.png) no-repeat;
}

#lien2:hover {
  top:0px;
  left:90px;
  width:103px;
  background: url(../boutons/btn_societe_on.png) no-repeat;
}

#lien3 {
  top: 0px;
  left: 194px;
  width:130px;
  background: url(../boutons/btn_actualites_off.png) no-repeat;
}

#lien3:link, #lien3:visited, #lien3:focus {
  top: 0px;
  left: 194px;
  width:130px;
  background: url(../boutons/btn_actualites_off.png) no-repeat;
}

#lien3:hover {
  top:0px;
  left:194px;
  width:130px;
  background: url(../boutons/btn_actualites_on.png) no-repeat;
}

#lien4 {
  top: 0px;
  left: 325px;
  width:114px;
  background: url(../boutons/btn_contact_off.png) no-repeat;
}

#lien4:link, #lien4:visited, #lien4:focus {
  top: 0px;
  left: 325px;
  width:114px;
  background: url(../boutons/btn_contact_off.png) no-repeat;
}

#lien4:hover {
  top:0px;
  left:325px;
  width:114px;
  background: url(../boutons/btn_contact_on.png) no-repeat;
}

/*
/* Boutons DAISIE HARMONIE SLIDIE
*/	
	a.soft-daisie,a.soft-daisie:link,a.soft-daisie:visited  {
	display: block;
	width: 36px;
	height: 44px;
	background: url(../images/btn_daisie_50.png) top center no-repeat;
	}
	
	a.soft-daisie:hover {
	background: url(../images/btn_daisie_100.png) top center no-repeat;
	} 
	
	
	a.soft-harmonie,a.soft-harmonie:link,a.soft-harmonie:visited  {
	display: block;
	width: 64px;
	height: 44px;
	background: url(../images/btn_harmonie_50.png) top center no-repeat;
	}
	
	a.soft-harmonie:hover {
	background: url(../images/btn_harmonie_100.png) top center no-repeat;
	} 	

	a.soft-slidie,a.soft-slidie:link,a.soft-slidie:visited  {
	display: block;
	width: 36px;
	height: 44px;
	background: url(../images/btn_slidie_50.png) top center no-repeat;
	}
	
	a.soft-slidie:hover {
	background: url(../images/btn_slidie_100.png) top center no-repeat;
	} 

	
    div#mainContent {
		overflow: hidden;	
		width: 1024px;
	    margin: 0 auto;	
    }
	
	div#mainContent a {
		color: #000080 ;
	}

	div#mainContent a:hover {
		color: #000080;
	}
	
    div#contentLeft {
		float: left;
		width: 400px;
	}
	
	 div#contentCenter {
	 	margin-left: 400px;
    	padding: 20px 50px 20px 0px; 
     }
	 
	div#contentCenter a {
	text-decoration: none;
	}
	
	div#contentCenter img {
	margin: 0px;
	padding: 0px;  
	border: 0px;
	}
	
    div#footer {
		clear: both; 
		font-size: 0.8em;
		color: silver;
		font-weight: bold;
		text-align: center;
    	background: #0093af;
    }
	
    div#footer p {
    	margin: 0; 
    	padding: 10px 0; 
		line-height: 30px ;
		text-align: center ;
    }
	
	h2 {
	    font-size: 1.2em;
		margin: 0 0 10px 0;
		font-weight: bold;
    	color: #000080;
	}
	
	p {
		margin: 0 0 10px 0;
		text-align: justify;
	}
	
	.blue {				
    	color: #000080;
	}
	
	.blue-f {
		font-weight: bold;
    	color: #000080;
	}	
	
	.see {
	border-style:solid;
	border-width: 1px;
	border-color: silver;
	background-color: #98d3df;
	}
	
	.th {
	font-weight: bold;
	color: #ffcc00;
	background-color:#98d3df;
	}

	.cell {
	background-color:#0093af;
	}
	
	.info {
	margin: auto;
	background-color:#0093af;
	border: solid;
	border-width: 1px;
	border-color: silver;
	}
	
.erreur {
font-weight : bold; 
margin-top : 10px; 
margin-right : 0; 
margin-bottom : 15px; 
margin-left : 0; 
padding-top : 10px; 
padding-bottom : 10px; 
padding-left : 7px; 
border-style : solid; 
border-width : 2px; 
border-color : #ff0000;
}