@charset "UTF-8";

/*-------------TEXTE------------------*/


*{
	behavior: url(png.htc);
	border:none;
	margin:0;
	padding:0;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #eef0ef no-repeat;
	background-position: top center;
	margin:0;
	padding: 0;
	text-align: left;
	color:white;
	border:none;
}
div#wrapper {
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	position:relative;
	min-width:857px;
}
div.contenu{
width:598px;
float:left;
margin-top:239px;
}
* html div.contenu{
	margin-top:243px;
}
* html div#wrapper{
	height:410px;
	display:block;
}
* html img#visio{
	width:598px;
	height:410px;
	display:relative;
	border-collapse:collapse;
	/*margin-bottom:-3px;*/
	position:absolute;
	z-index:6;
	top:0;
	left:258px;
}
div.clear{
clear:both;
visibility:hidden;
font-size:9px;
}
span.separa{
padding:0px 3px 0px 3px;
}
div#marge_top{
height:115px;
}
div#marge_bot{
height:115px;
}
span.exp{
font-size:10px;
vertical-align:super;
height:5px;
display:inline;
}

/*-------------------------------*/
span.italic{
font-style:italic;
}
/*--------------LOGO-----------------*/

div#logo {
	margin-top:0px;
	width:249px;
	height:192px;
	float:right;
}
* div#logo {
margin-top:15px;
}
*+div#logo {
margin-top:-15px;
}
div#logo img_erase{
	margin-top:-75px;
}

div#sousLogo_erase {
	position:absolute;
	width:249px;
	height:120px;
	margin:0;
	top:110px;
	right:0;
	z-index:7;


}
 *html div#logo img_erase{
	margin-top:-75px;
	position:absolute;
}

/*------------MENU_-------------------*/

.swf {
	width:258px;
	height:350px;
	margin:0;
	padding:0;
	z-index:999;
	position:absolute;
	left: 0px;
	top: 0px;
}

div#menu {
	width:258px;
	height:350px;
	float:left;
	margin:0;
	padding:0;
	position:relative;
	margin-top:242px;
}

ul.menu {
	width:258px;
	height:350px;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
}

ul.menu li{
	width:258px;
	height:50px;
	margin:0;
	padding:0;
	list-style:none;
	background-repeat:no-repeat;
}
*html ul.menu li{
	float:left;
	width:258px;
	height:50px;
	margin:0;
	padding:0;
	list-style:none;
	background-repeat:no-repeat;
	background-color:none;
}


ul.menu li a{
	border:none;
	width:258px;
	height:50px;
	margin:0;
	padding:0;
	display:block;
	
}

li img{
	border:none;
}
* li img{
	border:none;
	margin-bottom:-3px;
}
/*-------------------------------*/

/*------------MENU_-------------------*/


li.contact a{
	background-image:url(../images/bt_contact.png);
}
li.contact a:hover{
	background-image:url(../images/bt_contact_on.png);
}
li.nouvelles a{
	background-image:url(../images/bt_nouvelles.png);
}
li.nouvelles a:hover{
	background-image:url(../images/bt_nouvelles_on.png);
}
li.emplois a{
	background-image:url(../images/bt_emplois.png);
}
li.emplois a:hover{
	background-image:url(../images/bt_emplois_on.png);
}
li.realisations a{
	background-image:url(../images/bt_realisations.png);
}
li.realisations a:hover{
	background-image:url(../images/bt_realisations_on.png);
}
li.services a{
	background-image:url(../images/bt_services.png);
}
li.services a:hover{
	background-image:url(../images/bt_services_on.png);
}
li.portrait a{
	background-image:url(../images/bt_portrait.png);
}
li.portrait a:hover{
	background-image:url(../images/bt_portrait_on.png);
}
li.accueil a{
	background-image:url(../images/bt_accueil.png);
}
li.accueil a:hover{
	background-image:url(../images/bt_accueil_on.png);
}

/*--------------TEXTE-----------------*/
h1{
	font-size:4px;

width:150px;
color:#252525;
display:block;


filter: alpha(opacity=0);

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);

-moz-opacity: 0;
opacity:0;
	
}
p.titre_h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#e57174;
	line-height:24px;
	padding:0 0 15px 0;
	margin:0;
	font-weight:normal;
}
h2 {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	line-height:14px;
	padding:0 0 15px 0;
	margin:0;
	padding:0;
font-weight:100;
}
h2.real {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ee7722;
	line-height:14px;
	padding:0 0 3px 0;
	margin:0;
	font-weight:bold;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	
	line-height:14px;
	padding:0 0 15px 0;
	margin:0;
}
p.titre_h2{
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ee7722;
	line-height:14px;
	padding:0 0 3px 0;
	margin:0;
	font-weight:bold;
}

img.logos {
	padding-top:5px;
	float:left;
}

a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ee7722;
	line-height:14px;
	padding:0 0 0 0;
	margin:0;
	font-weight:normal;
	text-decoration:none;
}
a.grosOrange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
a.grosOrange:hover {
	text-decoration:underline;
	color:#ee7722;
}
a:hover {
	color:#998e88;
	}


div#next {
	float:right;
	padding:0;
	margin:0;
	width:150px;
}
span.clientsOn{
font-size:12px;
}
li.clientsOn{
	color:#ee7722;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:13px;
	padding-top:0px;
	text-decoration:none;
	height:auto;
	width:auto;
}

div.para1 {
	width:553px;
	height:auto;
	padding:25px 20px 10px 10px;
	background-image:url(../images/bg_txt.png);
}

div#clients {


}
*html div#clients {
width:574px;
}
div#mediums {
	width:149px;
	height:auto;
	padding:0px 20px 15px 15px;
	float:left;
	background-image:url(../images/bg_txt.png);
	
}

a.clients {

}
div#clients ul li{

}
div#clients span{
color:#ee7722;
}
a.clients {


}
ul#menu_real li{
float:left;
}
ul li h2{
color:#ee7722;
font-size:11px;
font-style:normal;
}
ul li a h2{
color:#fff;
}


a.clients:hover,a.mediums:hover {
	color:#ee7722;
}

a.next {
	font-size:21px;
	font-weight:bold;
	padding:0;
	float:right;
}


ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	line-height:15px;
	padding:0 0 0px 0;
	margin:0;
	list-style-type:none;
}

ul li a {
	display:inline;
}

div.texte {
	width:58px;
	height:auto;
	background-image:url(../images/bg_txt.png);
	background-repeat:repeat;
	padding:10px 25px 25px 15px;
	margin-top:3px;
}

a.image {
	padding:0;
}
p.phrase {
background-color:#CA7022;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-style:italic;
height:16px;
line-height:14px;
margin:0 0 2px;
padding:0 0 0 10px;
text-align:left;
vertical-align:middle;
width:auto;
}
p.auteur {
background-color:#EE7722;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-weight:bold;
height:17px;
line-height:15px;
margin:0 0 2px;
padding:0 0 0 10px;
text-align:left;
vertical-align:middle;
width:auto;
}
/*-------------------------------*/

/*--------------FOOTER-----------------*/

div.footer {
	clear:both;
	width:548px;
	height:18px;
	margin-top:10px;
	margin-left:0px;
	padding:7px 25px 0 25px;
	background-image:url(../images/bg_txt.png);

}

div.footer p {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#bbbbbb;
	line-height:10px;
	padding-bottom:0px;
}

a.footer {
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#998e88;
	line-height:10px;
	text-decoration:none;
}

a.footer:hover {
	color:#ee7722
}

p.logos {
	font-size:10px;
	float:left;
	line-height:10px;
	margin-top:0px;
	padding:5px 0 0 7px;
	width:220px;
}
a.logos {
color:#ffffff;
}
a.logos:hover {
color:#ee7722;
}
