* {
	margin: 0;
}
html{
	overflow-y:scroll;
}
a, a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
p{
	display:inline;
}
#footerContener{
	*text-align:center;
}
.footer {
	height: 1.5em;
	text-align:center;
	width:1000px;
	margin:auto;
	
}
.push {
	height: 1.5em;
}

#contener {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -1.5em;
}
.header {
	margin-top:0px;
	width:990px;
	height:93px;
	border:0px yellow solid
}
.logo {
	float:left;
	width:313px;
	height:60px;
	margin-top:36px;
	margin-left:30px;
	background-image: url(gfx/logo.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

INPUT.champs {
	height:20px;
	width:250px;
	background: #fff;
	border: 1px solid #cccccc;
	color: #000;
	font-family: helvetica, arial, geneva, sans-serif;
	font-size: 12px;
	padding: 0px;
}
INPUT.champs_espaceclient {
	height:18px;
	width:110px;
	background: #fff;
	border: 1px solid #cccccc;
	color: #000;
	font-family: helvetica, arial, geneva, sans-serif;
	font-size: 12px;
	margin-left: 3px;
	margin-right: 0px;
	border-style: none;
	background-color: transparent;
}
INPUT.champs_contact {
	height:18px;
	width:130px;
	background: #fff;
	border: 1px solid #cccccc;
	color: #000;
	font-family: helvetica, arial, geneva, sans-serif;
	font-size: 12px;
	border-style: none;
	background-color: transparent;
	margin:0px;
}
textarea {
	height:100px;
	width:250px;
	background: #fff;
	border: 1px solid #cccccc;
	color: #000;
	font-family: helvetica, arial, geneva, sans-serif;
	font-size: 12px;
	padding: 0px;
}
.page_service {
	margin-top:122px;
	margin-left:90px;
	width:800px;
	height:420px;
	border:0px green solid;
}
.contact_1 {
	background-image: url(gfx/contact_1.jpg);
	background-position:0px 5px;
	background-repeat:no-repeat;
	width:186px;
	height:22px;
	margin:0px;
	vertical-align:top;
}
.contact_2a {
	background-image: url(gfx/contact_2a.jpg);
	background-repeat:no-repeat;
	width:24px;
	height:22px;
	margin:0px
}
.contact_2b {
	background-image: url(gfx/contact_2b.jpg);
	background-repeat:no-repeat;
	width:138px;
	height:22px;
	margin:0;
	padding:0
}
.contact_2c {
	background-image: url(gfx/contact_2c.jpg);
	background-repeat:no-repeat;
	width:24px;
	height:22px;
	margin:0px;
	padding:0px
}
.contact_3 {
	background-image: url(gfx/contact_3.jpg);
	background-repeat:no-repeat;
	width:186px;
	height:28px;
}
.contact_message {
	height:16px;
	border:0px red solid;
	margin-left:15px;
	font-size: 11px;
}
.contact_4a {
	background-image: url(gfx/contact_4a.jpg);
	background-repeat:no-repeat;
	width:24px;
	height:22px;
	margin:0px;
}
.tableau{
display:inline-block;
*display:inline;
vertical-align:top;
}

.contact_4b {
	background-image: url(gfx/contact_4b.jpg);
	background-repeat:no-repeat;
	width:138px;
	height:22px;
	margin:0px;
}
.contact_4c {
	background-image: url(gfx/contact_4c.jpg);
	background-repeat:no-repeat;
	width:24px;
	height:22px;
	margin:0px
}
.contact_5 {
	background-image: url(gfx/contact_5.jpg);
	background-repeat:no-repeat;
	width:186px;
	height:16px;
	margin:0px;
	vertical-align:bottom;
}
.champs_textarea {
	width:339px;
	height:151px;
	margin-top:3px;
	margin-left:14px;
	background-color: transparent;
	padding:0px;
}
.contact_textarea {
	background-image: url(gfx/contact_textarea.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
	width:372px;
	height:208px;
	margin:0px;
	border:0px green solid;
	vertical-align:top;
}
.service {
	width:236px;
	height:410px;
	background-image: url(gfx/services.jpg);
	background-repeat:no-repeat;
	
	font-size: 11px;
	color:#333;
	border:0px red solid;
}
#espace_client {
	margin-top:101px;
	margin-left:400px;
	width:237px;
	height:210px;
	background-image: url(gfx/espaceclient.jpg);
	background-repeat:no-repeat;
	padding:0px;
	font-size: 11px;
	color:#333;
}
.titre_identification {
	font-family: helvetica, arial, geneva, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	font-weight:bold;
}
.titre_references {
	font-family: helvetica, arial, geneva, sans-serif;
	font-size: 18px;
	color:#ABC01D;
	font-weight:bold;
}
.references_xml {
font-family: helvetica, arial, geneva, sans-serif;
font-size: 12px;
 text-align:justify;
 padding-right:15px;
 padding-left:15px;
 padding-top:0px
}
.login {
	float:left;
	width:80px;
	font-size: 11px;
	color:#333;
	text-align:right;
	margin-top:20px;
	margin-left:0px;
}
.pass {
	width:80px;
	font-size: 11px;
	color:#333;
	text-align:right;
	margin-top:20px;
	margin-left:0px;
}
.page_service ul {
	margin-left: 0px;
	margin-bottom:0px;
	padding:5px;
}
.page_service li {
	list-style-type:none;
	background-image:url(gfx/puce.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:8px;
}
.titre_service {
	font-family: helvetica, arial, geneva, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	height:25px;
	margin-top:5px;
	margin-bottom:0px;
	margin-left:5px
}
.contenu {
	position:relative;
	*text-align:center;
}
#agence_texte {
	padding:0px;
	text-align:justify;
	margin:auto;
	margin-top:20px;
	width:760px;height:550px;
	color:#4b4a4a;
}
#agence_texte a{
	color:#4b4a4a;
}
#agence_texte h2{
	font-weight:normal;
	font-size:18px;
	letter-spacing:1px;
	background-image:url(gfx/puce_verte.gif);
	background-repeat:no-repeat;
	background-position:0px 9px;
	padding-left:15px;
}
#agence_texte p{
	line-height:1.3em;
	width:413px;
}
.paragraphe{
width:360px;
height:392;
}
#devis-site-internet{
	margin:0px 0px 0px 250px;padding:10px 0px 0px 35px;
	width:222px;height:30px;
	background:url(gfx/tel.gif) no-repeat 0px 0px;
}

/* menu */
#menu{
	margin:0px 0px 0px 450px; padding:0px;
	font-size:15px;
}
#menu li{
	margin:0px 5px 0px 0px;padding:0px;
	float:left;
	list-style:none;
	height:90px;
}
#menu a{
	margin:0px;padding:65px 5px 12px 5px;
	text-decoration:none;
	display:block;
	background:#646464;
	height:15px;
}
#menu a:link, #menu a:visited{
	color:#A5A5A5;
}
#menu a:hover{
	border-bottom:solid 2px #abc01d;
	color:#abc01d;
	text-decoration:none;
	height:20px;
}
#menu a:active{
	color:white;
}
.active span{
	display:block;
	margin:0px;padding:65px 5px 12px 5px;
	background:#abc01d;
	color:white;
	height:22px;
	border-bottom:5px solid #cecece;
}


/* portfolio */
#portfolio{
	padding-top:30px;
	width:960px;
}
#nav{
	position:absolute;
	top:66px;left:0px;
	*top:75px;
	margin:0px;padding:0px;
	width:400px;
}
#nav table td{
	cursor:pointer;
	padding:6px;
}
#nav table td div{
	padding:5px;
	width:185px;height:105px;
}
#nav table td div h2{
	margin:-28px 0px 0px 0px;padding:2px;
	width:181px;
	background-color:#646464;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
	color:white;
	font-size:10px;
	font-weight:normal;
}
.active{
	display:block;
}
.inactive{
	display:none;
}
.selection{
	background:#cccccc;
}

#detail{
	padding-left:450px;
}
#detail h2{
	margin:5px 0px 0px 0px; padding:0px 0px 0px 25px;
    color:#B3B40C;
	font-size:14px;
	letter-spacing:2px;
	background:url(gfx/puce.png) no-repeat;
	background-position:0px 0px;
}
#detail h3{
	margin:3px 0px 8px 0px; padding:0px 0px 0px 25px;
	font-size:12px;
	letter-spacing:1px;
}
#detail h4{
	margin:0px; padding:8px 0px 0px 0px;font-size:13px;
}
#detail p{
	margin:0px; padding:2px 0px 0px 0px;
	*color:#808080;
	color:#4b4a4a;
	display:block;
	text-align:justify;
}

#detail a{
	display:block;
	width:100%;
	text-align:right;color:#808080;
}
/* pagination */
#pagination_panel{
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
#slogan{
	margin:0px;padding:0px;
	font-size:24px;
}

/* CLEAR FIX ================== */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */