@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:"Courier New", Courier, monospace;
	}

#accueil {
	width:1025px;
	height:769px;
	margin:20px auto 0;
	background: url(images/visuel_accueil.jpg) no-repeat;

	}


#accueil a.lien-entree {
	float:right;
	margin-top:157px;
	margin-right:50px;
	background: url(images/code_out.png);
	height:97px;
	width:177px;
	display:inline;
	}
	
	
#accueil a.lien-entree:hover {
	background:url(images/code_over.png);
	}
#footer-accueil {
	text-align:left;
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	color:#000000;
	width:1025px;
	margin:0px auto 20px;
	padding:5px 0 0 0;
	}
	
.tendeur {
	clear:both;

	}
	
.right {float:right;}
.left {float:left;}


a.nous, a.qui, a.comment, a.ou {
	width:626px;
	height:112px;
	display:block;
	
	}

a.nous {
	background: url(images/nous-out.png);

	}
a.nous:hover {
	background: url(images/nous-over.png);

	}
a.qui {
	background: url(images/qui-out.png);

	}
a.qui:hover {
	background: url(images/qui-over.png);

	}
a.comment {
	background: url(images/comment-out.png) no-repeat;
	width: 700px;

	}
a.comment:hover {
	background: url(images/comment-over.png);

	}
a.ou {
	background: url(images/ou-out.png);

	}
a.ou:hover {
	background: url(images/ou-over.png);

	}

#container,#container_nous,#container_actualites,#container_comment,#container_ou,#container_qui {
	width:1025px;
	height:auto;
	margin:20px auto 0;
	background:#ffffff;
	}				
	
#container_nous {
	background: url(images/fond-nous.jpg) 0px 0px no-repeat;
	height: 960px;
	 } 

#container_comment {
	background: url(images/fond-comment.jpg) 0px 0px no-repeat;
	 } 
#container_actualites {
	background: url(images/fd-actualites.jpg) top left no-repeat;
	}
#container_ou {
	background: url(images/fond-ou.jpg) top left no-repeat;
	position: relative;
	}
	
#container_qui {
	background: url(images/fond-qui.jpg) top left no-repeat;
	}
#menu_principal {
	margin:0;
	padding:0;
	margin-left:80px;
	margin-top:60px;
	margin-bottom:50px;
	}
	
#menu_principal li {
	list-style:none;
	}

#logo {
	margin-top:90px;
	margin-left:80px;
	}
	
#actualites {
	float:right;
	display:inline;
	margin-right:80px;
	margin-top:90px
	}
	
.cache {
	display:none;
	}

#menu-navigation {
	margin-top:0px;
	margin-left:5px;
	width: 400px;
	height:21px;
	padding-top:5px;
	font-size:12px;
	}
	
#menu-navigation a {
	
	color:#000000;
	text-decoration:none;
	}

.menu-nous {
	background:url(images/asterisque.png) 70px 0px no-repeat;
}
	
.menu-qui {
	background:url(images/asterisque.png) 117px 0px no-repeat;
}

.menu-comment {
	background:url(images/asterisque.png) 175px 0px no-repeat;
}

.menu-ou {
	background:url(images/asterisque.png) 233px 0px no-repeat;
}


.titre {
	margin :36px 0 20px 5px;
	height:70px;
	width:196px
	}

#titre-nous {
	background: url(images/titre-nous.png) top left no-repeat;
	}
	
#titre-qui {
	background: url(images/titre-qui.png) top left no-repeat;
		height:78px;
	width:196px
	}
	
#titre-ou {
	background: url(images/titre-ou.jpg) top left no-repeat;
		height:85px;
	width:105px;
	margin-top:21px;
	margin-bottom:35px;

	}
#titre-comment {
	background: url(images/titre-comment.jpg) top left no-repeat;
	width:378px;
	}
#titre-actualites {
	background: url(images/titre-actualites.png) top left no-repeat;
	width:402px;
	height:86px;
	margin-top:20px;
	}	
	
#descriptif-nous {
	color:#ffffff;
	width:410px;
	height:auto;
	background:#000000;
	font-size:12px;
	margin:60px 0 10px 0px;
	padding:5px;
	}

#images-agence {
	height:auto;
	width:457px;
	float:left;
	
	
	}
	



#gauche {
	float:left;
	display:inline;
	margin:28px 20px 20px 103px;
	width:410px;
	}
.Style1 {color: #fcee21}
.Style2 {color: #9e005d}

.Style1 a {color:#fcee21; text-decoration:none;}


#container_comment #menu-navigation a {
	color:#ffffff;
	text-decoration:none;
	}
a {
	outline:none;
	}