@charset "utf-8";
/* CSS Document */
body, html
{
	padding:0px;
	margin:0px;
	border:0px;
	font:16px/20px 'BenchNine';
	position:relative;
}

div#first
{
	width:100%;
	position:relative;
	float:left;
	background: url(../charte/bg-menu.png) repeat-x top;
}
	div#logo
	{
		position:absolute;
		top:10px;
		left:10px;
	}
div#second
{
	margin:auto;
	width:900px;
	height:auto;
}
	div#menu
	{
		padding:20px;
		padding-top:40px;
		margin-left:205px;
		float:left;
		height:40px;
		position:relative;
		z-index:1000;
	}
	div#reseaux
	{
		position:absolute;
		top:100px;
		right:-170px;
		float:left;
		z-index:1000;
	}
	
		div#menu ul
		{
			float:left;
			list-style-type:none;
			padding:0px;
			margin:0px;
		}
		div#menu ul li
		{
			padding:0px;
			list-style-type:none;
			padding-left:15px;
			padding-right:15px;
			float:left;
		}
		div#menu ul li a
		{
			padding:0px;
			list-style-type:none;
			border-bottom:3px solid #dddee0;
			font:18px/20px 'BenchNine';
			color:#000;
			text-decoration:none;
		}
		div#menu ul li a:hover
		{
			border-bottom:3px solid #ad1f24;
		}
		div#menu ul li a.on
		{
			border-bottom:3px solid #ad1f24;
		}
div#first_diap
{
	width:100%;
	background:url(../charte/bg-diaporama.png) repeat-x;
	height:450px;
	float:left;
}
	div#second_diap
	{
		width:900px;
		margin:auto;
		height:450px;
	}
	div#diaporama
	{
		width:900px;
		float:left;
		height:auto;
		position:relative;
	}
	div#design_bg
	{
		position:absolute;
		top:85px;
		left:63px;
		z-index:1;
	}
	div#design_tv
	{
		position:absolute;
		top:-42px;
		left:45px;
		z-index:10;
	}
	div#design_texte
	{
		position:absolute;
		top:80px;
		left:450px;
		width:400px;
		height:222px;
		z-index:1;
		background:url(../charte/bg-blanc.png);
	}
	div#design_gauche
	{
		position:absolute;
		top:180px;
		left:460px;
		width:26px;
		height:26px;
		z-index:11;
	}
	div#design_droite
	{
		position:absolute;
		top:180px;
		left:814px;
		width:26px;
		height:26px;
		z-index:11;
	}
	
div#txt1
{
	width:100%;
	float:left;
	height:auto;
	background:url(../charte/bg-txt1.png) center repeat-y;
	margin-top:-5px;
}
	div#txt1 #contenu
	{
		width:880px;
		margin:auto;
	}
div#txt2
{
	width:100%;
	float:left;
	height:16px;
	background:url(../charte/bg-txt2.png) center repeat-y;
	margin-top:-20px;
}
div#txt3
{
	width:100%;
	float:left;
	height:16px;
	background:url(../charte/bg-txt3.png) center repeat-y;
	margin-bottom:10px;
	margin-top:0px;
}

div#titre1
{
	width:100%;
	float:left;
	height:30px;
	background:url(../charte/bg-titre4.png) center repeat-y;
	margin-top:20px;
}
	div#titre1 #contenu
	{
		width:880px;
		margin:auto;
		padding:0px;
	}
	div#titre1 #contenu h1
	{
		color:#FFF;
		font:20px/10px 'BenchNine';
		padding:0px;
		border:0px;
		width:400px;
		text-align:left;
	}


div#acces_rapide
{
	width:100%;
	background:#dddee0;
	float:left;
	height:auto;
		padding-bottom:10px;
		padding-top:10px;
}
	div#acces_rapide a
	{
		text-decoration:none;
		color:#000;
	}
	div#acces_rapide #contenu
	{
		width:880px;
		margin:auto;
		padding:10px;
	}
	div#acces_rapide #contenu .case
	{
		width:180px;
		background-color:#FFF;
		border-radius:5px;
		padding:10px;
		margin-left:10px;
		margin-right:10px;
		text-align:center;
		float:left;
		cursor:pointer;
	}

div#realisations
{
	width:100%;
	float:left;
	height:auto;
	padding-top:10px;
	position:relative;
	z-index:10;
}
	div#realisations #contenu
	{
		width:880px;
		margin:auto;
		padding:10px;
	}
		div#realisations #contenu .case
		{
			width:118px;
			height:127px;
			position:relative;
			cursor:pointer;
			float:left;
			margin-left:29px;
			margin-right:29px;
		}
			div#realisations #contenu .case2
			{
				background:url(../charte/cadre-realisation.png);
				width:118px;
				height:127px;
				position:absolute;
				top:0px;
				left:0px;
			}
			div#realisations #contenu .case2 a.hover
			{
				background:url(../charte/cadre-realisation-hover.png);
				width:118px;
				height:127px;
				position:absolute;
				top:0px;
				left:0px;
			}

div#footer
{
	width:100%;
	float:left;
	height:auto;
	padding-bottom:10px;
	padding-top:10px;
	background-color:#000;
	position:relative;
	z-index:1;
}
	div#footer .gauche
	{
		position:absolute;
		top:-361px;
		left:0px;
		width:58px;
		height:361px;
		z-index:1;
	}
	div#footer .droite
	{
		position:absolute;
		top:-253px;
		right:0px;
		width:245px;
		height:253px;
		z-index:1;
	}

	div#footer #contenu
	{
		width:880px;
		margin:auto;
		padding:10px;
		color:#FFF;
	}	
	div#footer a
	{
		text-decoration:none;
		color:#FFF;
	}
	div#footer a:hover
	{
		color:#ec742d;
	}
h1
{
	font:30px/40px 'BenchNine';
}
h2
{
	font:20px/30px 'BenchNine';
}
.orange
{
	color:#ec742d;
	font-weight:bold;
}

.hide
{
	visibility:hidden;
}

div.btn
{
	border-radius : 5px;
	float:left;
	width:200px;
	height:30px;
}
	div.btn a
	{
		color:#333;
		display:block;
		background-color:#FFF;
		border:1px solid #666;
		border-radius : 5px;
		height:30px;
		text-align:center;
		text-decoration:none;
	font:20px/30px 'BenchNine';
	}
	div.btn a:hover
	{
		background:#ec742d;
	}
	
a
{
	text-decoration:none;
	color:#000;
}
a:hover
{
	color:#ec742d;
}

#btn_up
{
	position: fixed;
	bottom: 15px;
	right: 25px;
	cursor: pointer;
	display:none;
	border-radius:5px;
	background-color:#FFF;
	border:1px dashed #CCC;
	z-index:100000;
	padding:10px;
}