/* Rodier CSS Document */

/*	Styles de base
	----------------------------------------------*/
	body{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/background.jpg) top repeat-x}
	.exposant{font-size:0.8em; margin-bottom:4em; position:relative; bottom:4px}
	a{outline:none}
	a.admin{color:#ffffff; text-decoration:underline}
	a:hover.admin{color:#000000;}
	
	
	table.form td p{margin:0}
	
	
	
	
	
	
	
	
	/*	Couleurs	*/
	/*	Vert (fonce)			#005c42	*/
	
/*	Contenants
	----------------------------------------------*/
	#contenant{margin:0 auto; padding:0; width:950px; z-index:1}
	#contenant_accueil{margin:0px auto; padding:0; width:870px; z-index:1}
	#bg_image{position:absolute; margin:0; padding:0; width:480px; height:672px; z-index:3}
	#contenu_bg{position:absolute; margin:64px 0 0 81px; padding:0; width:869px; height:460px; background:#ffffff;}
	#contenu{position:absolute; margin:64px 0 0 81px; padding:0; width:869px; height:460px; z-index:4}
	#contenu_accueil{position:absolute; margin:0; padding:0; width:870px; height:438px; z-index:4}
	
	
	
	/* Menu Top */
	#menu_top{position:absolute; margin:44px 0 0 81px; padding:0; width:869px; height:24px; z-index:5; }
	#menu_top ul{margin:0; padding:0; font-size:1em; float:right}
	#menu_top ul li{list-style:none; float:left; margin-left:2px; font-family:Georgia, "Trebuchet MS", "Times New Roman", Times, serif; font-size:0.9em; }
	#menu_top ul li a{color:#005c42; text-decoration:none; text-transform:uppercase; padding:2px 12px 2px 12px; display:block; background:#bfb6ab}
	#menu_top ul li a:hover{background:#ffffff; padding-bottom:7px;}
	#menu_top ul li.choosetop{color:#005c42; text-decoration:none; text-transform:uppercase; padding:5px 15px 7px 15px; display:block; background:#ffffff}
	
	
	/* Menu principal */
	#menu{position:absolute; margin:517px 0 0 81px; padding:0; width:869px; height:35px; background:url(../images/menu_bg.gif) repeat-x bottom; z-index:10;}
	#menu ul{margin:0; padding:0; font-size:1em; width:100%;}
	#menu ul li{list-style:none; float:left; width:174px; text-align:center; text-transform:uppercase;font-weight:normal; margin:0;font-family:Georgia, "Trebuchet MS", "Times New Roman", Times, serif; letter-spacing:0.1em}
	#menu ul li a{color:#ffffff; text-decoration:none; display:block; padding:10px 15px 6px 15px; background:url(../images/menu_a_bg.gif) top left no-repeat}
	#menu ul li a:hover{background:url(../images/menu_hover_bg2.jpg) top left no-repeat}
	#menu ul li.li_first{width:165px;}
	#menu ul li.li_contact{width:182px;}
	#menu ul li a.menu_first{background:url(../images/menu_a_bg1.gif) top left no-repeat}
	#menu ul li a.menu_first:hover{background:url(../images/menu_hover_bg1.jpg) top left no-repeat;}
	#menu li.first_choose{width:135px; color:#ffffff; text-decoration:none; display:block; padding:10px 15px 6px 15px; background:url(../images/menu_hover_bg1.jpg) top left no-repeat;}
	#menu li.choose{width:144px; color:#ffffff; text-decoration:none; display:block; padding:10px 15px 6px 15px; background:url(../images/menu_hover_bg1.jpg) top left no-repeat;}
	#menu li.choose_contact{width:152px; color:#ffffff; text-decoration:none; display:block; padding:10px 15px 6px 15px; background:url(../images/menu_hover_bg1.jpg) top left no-repeat;}
	
	
	/* Sous-menu */
	#sousmenu{position:absolute; margin:560px 0 0 100px; padding:0; height:100px; border:0px solid #000; z-index:20}
	#sousmenu ul{margin:0; padding:0}
	#sousmenu ul li{list-style:none; line-height:140%; font-size:1.1em; color:#005c42}
	#sousmenu ul li a{color:#ffffff; text-decoration:none;}
	#sousmenu ul li a:hover{color:#005c42}
	
	/* Sous-menu2 */
	#sousmenu2{position:absolute; margin:560px 0 0 230px; padding:0; height:100px; border:0px solid #000; z-index:20}
	#sousmenu2 ul{margin:0; padding:0}
	#sousmenu2 ul li{list-style:none; line-height:140%; font-size:1.1em; color:#005c42}
	#sousmenu2 ul li a{color:#ffffff; text-decoration:none;}
	#sousmenu2 ul li a:hover{color:#005c42}
	
	/* Sous-menu2-1 */
	#sousmenu2_1{position:absolute; margin:560px 0 0 230px; padding:0; height:100px; border:0px solid #000; z-index:20}
	#sousmenu2_1 ul{margin:0; padding:0}
	#sousmenu2_1 ul li{list-style:none; line-height:130%; font-size:1em; color:#005c42}
	#sousmenu2_1 ul li a{color:#ffffff; text-decoration:none;}
	#sousmenu2_1 ul li a:hover{color:#005c42}
	
	/* Sous-menu3 */
	#sousmenu3{position:absolute; margin:560px 0 0 405px; padding:0; height:100px; border:0px solid #000; z-index:20}
	#sousmenu3 ul{margin:0; padding:0}
	#sousmenu3 ul li{list-style:none; line-height:130%; font-size:1em; color:#005c42}
	#sousmenu3 ul li a{color:#ffffff; text-decoration:none;}
	#sousmenu3 ul li a:hover{color:#005c42}
	
	
	
	/* Zone texte */
	#texte{position:absolute; padding:0; z-index:20; border:0px solid #999}
	#texte h1{font-family:Georgia, "Trebuchet MS", "Times New Roman", Times; font-size:22px; color:#005c42; letter-spacing:0.3em; }
	#texte h1.h1_realisation{font-size:18px; color:#ffffff; background:url(../images/bg_h2.jpg) no-repeat top left; padding:5px; letter-spacing:0.1em;}
	#texte h2{font-size:1.4em; color:#666666}
	#texte p{font-size:1em; color:#666666}
	#texte ul{margin:0; padding:10px 0 0 20px}
	#texte ul li{list-style:none; color:#666666}
	#texte ul li.li_prix{list-style:disc; color:#666666; padding:0 0 15px 0}
	#texte a{color:#005c42; text-decoration:underline}
	#texte a:hover{color:#666666}

	
	/* Classes de positionnement des sections textes */
	.profil{margin:10px 0 0 320px; width:540px;}
	.mission{margin:10px 0 0 420px; width:420px;}
	.equipe{margin:10px 0 0 420px; width:420px;}
	.developpement{margin:10px 0 0 400px; width:440px;}
	
	.services{margin:40px 0 0 390px; width:380px;}
	.etude_sites{margin:40px 0 0 390px; width:380px;}
	.consultations{margin:40px 0 0 390px; width:380px;}
	.conception{margin:40px 0 0 340px; width:500px;}
	.architecture{margin:40px 0 0 390px; width:380px;}
	.travaux{margin:40px 0 0 390px; width:440px;}
	
	.contact{margin:10px 0 0 370px; width:480px;}
	.offre_emploi{margin:40px 0 0 390px; width:380px;}
	.prix_mentions{margin:40px 0 0 420px; width:410px;}
	.temoignages{margin:10px 0 0 320px; width:540px;}
	.affiliations{margin:10px 0 0 420px; width:430px;}
	.flash_conseil{margin:40px 0 0 320px; width:540px;}
	.realisation{margin:10px 0 0 360px; width:479px;}
	
	
	/* Footer */
	#footer{position:absolute; margin:552px 0 0 81px; padding:0; width:869px; height:124px; background:#ffffff; z-index:2}
	#footer_accueil{position:absolute; margin:438px 0 0 0px; padding:0; width:870px; height:300px;}
	#footer_accueil_enter{position:absolute; margin:240px 0 0 0px; padding:0; width:97%; height:50px; z-index:20; text-align:right;}
	#footer_accueil_enter a{font-family:Georgia, "Trebuchet MS", "Times New Roman", Times; font-size:16px; color:#005c42; text-decoration:none; text-transform:uppercase}
	#footer_accueil_enter a:hover{color:#999999; text-decoration:underline}
	#footer_accueil h1{font-family:Georgia, "Trebuchet MS", "Times New Roman", Times; font-size:16px; color:#ffffff; letter-spacing:0.2em; text-transform:uppercase; background:#005c42; margin:0; padding:10px; text-align:center;}
	#footer_accueil h1 a{color:#ffffff; text-decoration:none}
	#footer_accueil h1 a:hover{color:#cccccc;}
	#footer_accueil p{font-size:1em; color:#ffffff; padding:0px 370px 0px 20px;}
	#footer_accueil p+p{padding-bottom:20px}
	
	
	
	
	#footer_description{position:relative; width:100%; background:url(../images/footer_accueil.jpg) no-repeat 0 40px; z-index:2}
	#link{position:relative; width:100%;}
	#link ul{margin:0; padding:20px; text-align:center}
	#link ul li{display:inline; list-style:none; padding:5px 0 5px 0; color:#666666; line-height:140%}
	#link ul li a{text-decoration:none; color:#666666}
	#link ul li a:hover{text-decoration:underline; color:#005c42}
	
	
	#copyright{position:absolute; margin:685px 0 0 81px; padding:0; width:869px; height:50px; background:#ffffff; z-index:2 ; text-align:center}
		#copyright p{margin-top:0; color:#666666}
		#copyright p a{color:#666666; text-decoration:underline}
		#copyright p a:hover{color:#000000; text-decoration:underline}
	
	
	/* Section Réalisation */
	#bloc1{position:absolute; margin:234px 0 0 301px; padding:0 0 5px 5px; width:55px; height:55px; background:url(../images/bg_bloc.png) 2px 3px no-repeat; z-index:50}
	#bloc2{position:absolute; margin:234px 0 0 371px; padding:0 0 5px 5px; width:55px; height:55px; background:url(../images/bg_bloc.png) 2px 3px no-repeat; z-index:50}
	#bloc3{position:absolute; margin:304px 0 0 301px; padding:0 0 5px 5px; width:55px; height:55px; background:url(../images/bg_bloc.png) 2px 3px no-repeat; z-index:50}
	#bloc4{position:absolute; margin:304px 0 0 371px; padding:0 0 5px 5px; width:55px; height:55px; background:url(../images/bg_bloc.png) 2px 3px no-repeat; z-index:50}
	#bloc5{position:absolute; margin:374px 0 0 301px; padding:0 0 5px 5px; width:55px; height:55px; background:url(../images/bg_bloc.png) 2px 3px no-repeat; z-index:50}
	#bloc6{position:absolute; margin:374px 0 0 371px; padding:0 0 5px 5px; width:55px; height:55px; background:url(../images/bg_bloc.png) 2px 3px no-repeat; z-index:50}
	#bloc7{position:absolute; margin:444px 0 0 301px; padding:0 0 5px 5px; width:55px; height:55px; background:url(../images/bg_bloc.png) 2px 3px no-repeat; z-index:50}
	#bloc8{position:absolute; margin:444px 0 0 371px; padding:0 0 5px 5px; width:55px; height:55px; background:url(../images/bg_bloc.png) 2px 3px no-repeat; z-index:50}
	#bloc_tumbnail{position:absolute; margin:211px 0 0 441px; padding:0; width:489px; height:293px; z-index:50; overflow:hidden}
	
	
	
	
	
	#slideshow_bar{position:absolute; margin:370px 0 0 235px; padding:0 ; width:700px; height:50px; z-index:50; border:0px solid #000; text-align:right}
	#slideshow_bar img{float:left; margin:0 10px 0 0;}
	
	#slideshow_architecture{position:absolute; margin:370px 0 0 471px; padding:0; height:50px; z-index:50; border:0px solid #000;}
	#slideshow_architecture img{float:left; margin:0 10px 0 0;}
	
	#slideshow_conception{position:absolute; margin:380px 0 0 421px; padding:0; height:50px; z-index:50; border:0px solid #000;}
	#slideshow_conception img{float:left; margin:0 10px 0 0;}
	
	
	
	
	
	
	
	
	
	
	
	/* Pour les div overflow */
	#container {position:absolute; top:0px; left:10px; width:500px; height:380px; overflow: hidden;}
	#content {position:relative; width:490px; left:5px; padding-bottom:20px}
	#scrollArea {position:absolute; left:515px; top:30px; height:350px; width:15px; border:1px solid #998c7b; overflow:hidden;}
	#scroller {position:absolute; top:-1px; width:15px; background:#998c7b; border-top:1px solid #998c7b; border-bottom:1px solid #998c7b;}