@charset "utf-8";
body {
	font-family:Arial;
	font-size:12px;
	padding:0; margin:0;
	
	background:#f99701 url('bgtop.jpg') repeat-x top;
}

a {
	color:#333333;
	text-decoration:none;
}

a:hover, a.active {
	color:#666666;
	text-decoration:none;
}

.linkblanc a {
	color:#fff;
	text-decoration:none;
	font-size:14px;
	 font-weight:bold;
}

.linkblanc a:hover, .linkblanc a.active {
	color:#ffcc00;
	text-decoration:none;
}

#main {
	width:980px;
	margin:auto;
}

#top {
	width:100%; height:366px;
	background:#9a9a9a;
	position:relative;
}

#top div.menu {
	float:left; clear:both;
	width:100%; height:102px;
	position:relative;
	background:#152a3f url('bgtop.jpg') repeat-x;
}

#logo {
	position:absolute;
	top:4px; left:-2px;
	width:424px; height:141px;
}

#logo a {
	display:block;
	width:100%; height:100%;
}

#top div.baseline {
	width:383px; height:37px;
	background:url('baseline.gif') no-repeat;
	
	position:absolute;
	top:0; right:0;
}

#top div.baseline strong {
	display:none;
}

#top div.solution {
	width:423px; height:264px;
	background:url('bg2top.gif') no-repeat;
	
	position:absolute;
	bottom:0; left:0;
}

#top div.photo {
	width:557px; height:264px;
	/*background:url('photo.jpg') no-repeat;*/
	
	position:absolute;
	bottom:0; right:0;
}

#top div.photo div.img {
	position:relative;
}

#top div.photo div.img a {
	position:absolute;
	bottom:20px; left:0;
	-moz-opacity:0.8;opacity: 0.8;filter:alpha(opacity=80);
}

#top a.btndevis {
	-moz-opacity:0.7;opacity: 0.7;filter:alpha(opacity=70);
}

#top a.btndevis:hover {
	-moz-opacity:1.0;opacity: 1.0;filter:alpha(opacity=100);
}

#menu {
	position:absolute;
	bottom:-32px; right:20px;
	list-style-type:none;
	padding:0; margin:0;
	
	background:url('bgmenu.gif') no-repeat left;
	width:517px; height:32px;
}

#menu li.first {
	margin-left:12px;
}

#menu li {
	float:left;
	margin-left:5px;
	width:93px; height:22px;
	background:#152a3f;
	text-align:center;
}

#menu li a {
	display:block;
	width:100%; height:100%;
	color:#fff;
	text-decoration:none;
}

#menu li a:focus, #menu li a:active  {
	outline:none;
}

#menu li a:hover, #menu li a.active {
	color:#152a3f;
	background:url('menu.gif') no-repeat;
}

#menu li a b {
	display:block;
	padding-top:4px;
}

#middle {
	float:left; clear:both; width:100%;
	margin-top:10px;
	margin-bottom:20px;
	color:#152a3f;
}

#bottom {
	float:left; clear:both; width:100%;
	height:50px;
	background:url('bgbottom.gif') repeat-x 0px -40px;
	color:#fff;
	font-size:11px;
}

#bottom div.center {
	width:980px; height:50px;
	margin:auto;
	
	position:relative;
}

#top div.tel {
	position:absolute;
	top:25px; right:25px;
	
	width:253px; height:66px;
	background:url('tel.gif') no-repeat;
}

#bottom div.center div.copyright {
	position:absolute;
	bottom:8px; left:8px;
}

#bottom div.center div.depuis {
	position:absolute;
	bottom:0; right:0;
	
	width:130px; height:34px;
	background:url('depuis.gif') no-repeat;
}

#bottom div.center div.isol {
	position:absolute;
	bottom:10px; right:0;
	
	width:200px; height:40px;
	background:url('isol.gif') no-repeat;
}

#bottom a {
	color:#fff;
	text-decoration:none;
}

#bottom a:hover {
	color:#fff;
	text-decoration:underline;
}

/* CONTACT */

div.contact form {
	margin:0; padding:0;
}

div.contact form fieldset {
	margin:0; padding:0;
	border:0;
	margin-bottom:5px;
	border:1px solid #ffffff;
}

div.contact form legend {
	font-size:14px;
	color:#404f56;
	font-weight:bold;
	margin:0px 10px 0px 10px;
	padding:5px;
	padding-bottom:0;
	/*border-bottom:1px solid #e2001a;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

div.contact form sup {
	color:#e5353b;
}

div.contact table.inner label {
	font-weight:bold;
	/*float:left;
	width:40%;
	clear:left;*/
}

div.contact table.inner div {
	float:right;
	width:58%;
	clear:right;
}

div.contact table.inner div.clear {
	margin-bottom:10px;
	clear:both;
	width:100%;
	float:left;
}

div.contact textarea, div.contact input, div.contact select {
	/*border-width:1px;
	border-color:#666;*/
	border:1px solid #aaaaaa;
}

div.contact textarea {
	width:100%;
}

div.contact table.inner input, div.contact table.inner textarea, div.contact table.inner select {
	width:100%;
}

div.contact form input.radio {
	width:auto;
	clear:none;
}

div.contact form input.submit {
	background:url('submit.gif') no-repeat;
	border:0;
	width:150px;
	height:35px;
	color:#fff;
	font-size:14px;
}

/***********ACTUA*****************/

#menu_actu li {
	width:250px;
	margin-top:1px;
	text-align:center;
}

#menu_actu li a, #menu_actu li a.visited {
	width:100%; height:100%; display:block;
	background:url('menu_actu.gif') no-repeat bottom center;
	color:#222222;
	font-weight:bold;
}

#menu_actu li a:hover, #menu_actu li a.active {
	width:100%; height:100%; display:block;
	background:url('menu_actu.gif') no-repeat top center;
	color:#ffffff;
	font-weight:bold;
}

#menu_actu li div {
	 padding:4px 6px 4px 6px;
}