/* CSS Document */

* {
	margin:0;
	padding:0;
	outline:0;
	}
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#1C2351;
	}
hr {
	color: #7B001C;
	background-color: #7B001C;
	height: 1px;
	border: 0;
	margin:20px 0 15px 0;;
	}
h1 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
	}
#conteneur {
	width:886px;
	margin:20px auto;
	}
#celluleGauche {
	width:216px;
	float:left;
	padding-top:38px;
}
#header {
	float:left;
	width:670px;
	height:153px;
	background:url(../images/decoupe/fondHeader.jpg)
	}
#header ul {
	margin:89px 0 0 18px;}
#header ul li {
	list-style-type:none;
	display:inline;
	font-weight:bold;
	margin-right:12px;
	}
#header ul li a { text-decoration:none; font-size:1em;}
#header ul li a:link, #header ul li a:visited { color:#7b001c;}
#header ul li a:hover, #header ul li a:active { color:#ca002e;}
#contenu {
	width:506px;
	float:left;
	}
#hautContenu {
	background:url(../images/decoupe/hautContenu.jpg);
	width:506px;
	height:20px;
	}
#fondContenu {
	background:url(../images/decoupe/fondContenu.jpg);
	width:476px;
	padding:0 15px;
	font-size:0.9em;
	}
#fondContenu ul {
	margin-left:20px;
	}
#basContenu {
	background:url(../images/decoupe/basContenu.jpg);
	width:506px;
	height:20px;
	}
#celluleDroite {
	width:164px;
	float:left;
	}
#actualite {
	width:181px;
	margin-top:35px;
	font-size:0.9em;
	}
#actuHaut {
	background:url(../images/decoupe/hautActu.png);
	width:181px;
	height:35px;
	}
#actuFond {
	background:url(../images/decoupe/fondActu.jpg);
	width:161px;
	padding:10px 10px 0 10px;
	}
#actuBas {
	background:url(../images/decoupe/basActu.png);
	width:181px;
	height:21px;
	}
#zoneContact {
	width:142px;
	margin-left:22px;
	}
#hautZoneContact {
	background:url(../images/decoupe/hautCelluleDroite.jpg);
	width:142px;
	height:22px;
	}
#centreZoneContact {
	text-align:center;
	color:#FFFFFF;
	width:142px;
	background:#7b001c;
	padding-bottom:25px;
	}
#basZoneContact {
	background:url(../images/decoupe/basCelluleDroite.jpg);
	width:142px;
	height:22px;
	}
#formContact p {
	margin-bottom:10px;
	}
#formContact input {
	width:200px;
	}
#formContact label {
	display:block;
	width:95px;
	float:left;
	}
	
a.personnesAgees:link, a.personnesAgees:visited {background:url(../images/accueil/personnes-agees.jpg) top left;width:251px;height:243px; display:block; float:left;}
a.personnesAgees:hover, a.personnesAgees:active {background:url(../images/accueil/personnes-agees.jpg) bottom left;width:251px;height:243px; display:block; float:left;}

a.services:link, a.services:visited{ background:url(../images/accueil/prestataire.jpg) top left; width:255px; height:243px; display:block; float:left;}
a.services:hover, a.services:active{background:url(../images/accueil/prestataire.jpg) bottom left; width:255px; height:243px; display:block; float:left;}

a.personnesHandicapees:link,a.personnesHandicapees:visited{ background:url(../images/accueil/personnes-handicapees.jpg) top left; width:251px; height:261px; display:block; float:left;}
a.personnesHandicapees:hover,a.personnesHandicapees:active{ background:url(../images/accueil/personnes-handicapees.jpg) bottom left; width:251px; height:261px; display:block; float:left;}

a.avantageFiscaux:link, a.avantageFiscaux:visited{ background:url(../images/accueil/avantage-fiscaux.jpg) top left; width:255px; height:261px; display:block; float:left;}
a.avantageFiscaux:hover, a.avantageFiscaux:active{ background:url(../images/accueil/avantage-fiscaux.jpg) bottom left; width:255px; height:261px; display:block; float:left;}

ul.footer {
	margin:0 0 20px 190px;;
	}
ul.footer li {
	display:inline;
	font-size:0.8em;
	}
ul.footer li a:link,ul.footer li a:visited { text-decoration:none; color:#7B001C;}
ul.footer li a:hover,ul.footer li a:active {text-decoration:none; color:#1C2351;}
ul.videos li {
	display:block;
	float:left;
	width:122px;
	height:93px;
	text-align:center;
	list-style-type:none;
	margin:15px;
	}
ul.videos li a {
	display:block;
	width:120px;
	height:83px;
	}
ul.videos li a:link, ul.videos li a:visited { border:2px solid #1C2351;}
ul.videos li a:hover, ul.videos li a:active { border:2px solid #ce002f;}

.clear {
	clear:both;
	}