html, body {
	margin:0;
	padding:0;
}

body{
	background:#07181F url(img/bg.jpg) repeat-x;
	font-size:10px;
	margin:0;
	color:#fff;
	font-family:Verdana;
	font-size:11px;
	position:relative;
}

/**** utilities ****/

p, h1, h2, h3, ul, li{
	margin:0;
	padding:0;
}
a img{
	border:none;
}

#menu a img{
	border:none;
	*background:none;
}

li{
	list-style-type:none
}

a, a:visited{
	color:#fff;
	text-decoration:underline;
	outline:none
}

a:hover{
	text-decoration:none;
	color:#81D7FA
}

.center{
	text-align:center
}

.half{
	width:50%
}

#main a, #main input, #main textarea, #main h2, #main h3, #main p{
	_position:relative;
}

.floatleft{
	float:left;
}
.floatright{
	float:right;
}

.alignright{
	text-align:right;
}

.alignleft{
	text-align:left;
}

.clearfix{
	clear:both;
}

/**** batiments ****/
#batiment_gauche, #batiment_droite{
	position:absolute;
	bottom:0;
	z-index:-1
}

#batiment_gauche{
	left:0;
	background:url(img/batiment_gauche.png) no-repeat;
	width:196px;
	height:441px;
}

#batiment_droite{
	right:0;
	background:url(img/batiment_droite.png) no-repeat;
	width:136px;
	height:324px;
}

*html #batiment_droite{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/batiment_droite.png',sizingMethod='scale');  background-image:none; }

*html #batiment_gauche{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/batiment_gauche.png',sizingMethod='scale');  background-image:none; }

/**** main ****/
#main{
	width:934px; /* 990 - 2*28px */
	background:url(img/bg_centre.png) repeat-x;
	margin:0 auto;
	min-height:100%;
	height:auto;
	height:100%;
	padding:0 28px;
	z-index:1
}

#mainContainer{
		width:100%;
		text-align:left;
		height:100%;		
	}

*html #main{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_centre.png',sizingMethod='scale');  background-image:none; }

/**** header ****/

#header{
	position:relative;
	height:118px; /* 135 -17 */
	padding-top:17px;
}

#header #tel{
	position:absolute;
	right:0;
	top:17px;
}

/**** menu ****/

#menu{
	background:url(img/menu.png) no-repeat;
	width:100%;
	overflow:auto;
}

*html #menu{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/menu.png',sizingMethod='scale');  background-image:none; }

#menu ul{
	margin-left:10px;
	float:left;
}

#menu ul li{
	display:inline;
	margin:0 4px;
}

#menu ul.info{
	float:right;
}

#menu a, #menu li{
	position:relative;
}

/**** contenu ****/

#content{
	margin-top:20px;
	overflow:hidden;
	min-height:800px;
}

.box{
	overflow:hidden
}

.flash{
	margin-left:5px;
	width:580px;
	height:290px;
	position:relative;
	color:#fff;
}

.flash p{
	position:absolute;
	bottom:50px;
	width:100%;
	text-align:center
}

.box .head{
	clear:both;
	_margin-bottom:-17px
}

.box .head h2{
	float:left;
}

.box h2 span{
	font-size:13px;
	margin-left:5px;
	font-weight:normal;
	text-transform:uppercase
}

.box .head h2.dernieres_realisations{
	width:640px;
	margin-right:5px;
}

#boxbas{
	height:auto;
}

.intro{
	margin-bottom:2em;
	font-size:14px;
}


.pagination{
	position:absolute;
	right:10px;
	top:10px
}

.pagination ul li{
	display:inline;
}

.pagination ul li a{
	padding:3px 6px;
	line-height:20px;
	text-decoration:none;
	background-color:#b7e8fc;
	color:#03090B;
	_text-decoration:none !important;
	outline:none
}

.pagination ul li a:hover{
	background-color:#70d2f9
}

.pagination ul li.active a{
	background-color:#70d2f9
}

.description{
	margin-left:5px;
	font-size:12px;
	margin-right:5px;
	padding:2px 5px 5px 2px;
	width:260px; /* 264px - 20 */
	height:270px; /* 290 - 10 */
	
}

.savoir_plus{
	margin-top:5px;
}

#savoir_plus{
	vertical-align:top;
}

#voir_site1, #voir_site2, #voir_site3{
	padding-top:4px;
}


#titre1, #titre2, #titre3, #desc2, #desc3, #link2, #link3{
	display:none
}

.display{
	display:none;
}

.padding{
	padding-top:4px;
}

.plandusite{
	margin-left:5px;
}

.plandusite .titre{
	color:#70D2F9;
	font-size:23px;
	font-weight:none;
}

.plandusite li{
	margin-left:100px;
	margin-top:5px;
	font-size:15px;
	font-weight:bold;
}

.liste li{
	list-style-type:circle;
}

.plandusite a{
	text-decoration:none;
}

.nyroModal, .nyroModal:visited{
	position:relative;
	text-decoration:none;
}

.nyroModal span{
	position:absolute;
	top:0px;
	right:0px;
	width:20px;
	height:20px;
	display:block;
	background:url(img/zoom.gif) no-repeat center center;
}

.nyroModal:hover span{
	background:url(img/zoom-on.gif) no-repeat center center;
}

#content .references{
	position:relative;
	width:585px;
	overflow:hidden;
}

#content .open{
	text-decoration:none;
}

#content .references  .reference{
	width:580px;
	margin:0 0 0 5px;
}
#content .references  .reference  h2{
	font-size:12px;
	text-decoration:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	padding:0 0 0 310px;
}
#content .references  .reference  h3{
	font-size:11px;
	font-style:italic;
	font-weight:normal;
	color:#70d2f9;
	padding:0 0 0 310px;
}
#content .references  .reference .description{
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 5px;
	padding:5px;
	height:auto;
}

#content .references  .savoir_plus{
	margin:5px 0 25px 0;
	*margin-bottom:0;
	*padding-bottom:25px
}
#content .references  .savoir_plus .savoir{
	margin:0 5px 0 0;
	vertical-align:top;
}

#content .references  .savoir_plus .voir_site{
	margin:3px 0 0 0;
}

#content .references   .goTop{
	position:absolute;
	left:-55px;
	margin:-25px 0 0 0;
}

#content .agence{
	position:relative;
	width:585px;
	overflow:hidden;
	margin-left:5px;
	font-size:12px;
}

#content .labo{
	position:relative;
	width:875px;
	height:auto;
	overflow:hidden;
	padding-left:5px;
	font-size:12px;
	font-weight:normal;
}

#content .labo_liste{
	width:50%;
	float:left;
	height:250px;
	margin-top:15px;
	*display: inline;
	*width:49%;
}

#content .labo_liste  .savoir_plus{
	margin:5px 0 25px 0;
	*margin-bottom:0;
	*padding-bottom:25px;
	
}
#content .labo_liste  .savoir_plus .savoir{
	margin:0 5px 0 0;
	vertical-align:top;
}

#content .labo_liste  .savoir_plus .voir_site{
	margin:3px 0 0 0;
}

#content .labo_hautG{
	width:420px;
	height:175px;
	margin-right:5px;
	float:left;
}
#content .labo_hautD{
	position:relative;
	float:right;
	width:420px;
	height:175px;
	margin-left:5px;
}

#content .labo_basG{
	width:420px;
	height:175px;
	margin-right:5px;
	float:left;
}
#content .labo_basD{
	position:relative;
	float:right;
	width:420px;
	height:175px;
	margin-left:5px;
}

#content .partie_droite{
	width:200px;
	float:right;
	margin-right:10px;
	*position:absolute;
}

#content .bloc1{
	margin-top:5px;
}

#content .labo1{
	margin-left:60px;
	width:50%;
	height:200px;
	background-color:red;
}

#content   .navigation{
	text-align:center;
}

#content   .navigation li{
	display:inline;
	margin:0 2px;
}

#content   .navigation a{
	text-decoration:none;
}
#content .navigation a:hover, #content .navigation a.active{
	text-decoration:none;
	color:#70d2f9;
}

#content .realise {
	width:240px;
	overflow:hidden;
}
#content .realise  .confiance .title{
	position:relative;
	margin:30px 0 0 0;
	padding:0;
}
#content .realise  .confiance .border{
	height:2px;
	background:url(img/confiance_border.png) no-repeat bottom right;
}
#content .realise .content{
	display:none;
	margin:10px 0 10px 0;
	text-align:left;
}
#content .realise .title .border{
	margin:3px 0 0 0;
}
*html #content .realise .border{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/confiance_border.png',sizingMethod='resize');  background-image:none; }

#content .realise .confiance .bottom .open{
	text-decoration:none;
	font-weight:bold
}
#content .realise .confiance .bottom{
	margin:0 0 0 0;
}
#content .realise .confiance .bas{
	display:none;
}
#content .realise .title .realiseavec{
	position:absolute;
	bottom:7px;
	left:10px;
}

#content .reference .fla{
	width:300px;
}
#content #csuper .title{height:23px;}
#content #one .title{height:36px;}
#content #optin .title{height:50px;}
#content #cospirit .title{height:41px;}
#content #euro .title{height:30px;}
#content #crm .title{height:27px;}
#content #fondateurs .title{height:27px;}
#content #team .title{height:27px;}

/**** actualites ****/

.actu{
	margin-top:10px;
	width:458px;
}

.actu .content{
	background:url(img/fond_actu.png) repeat left;
	padding:10px;
	width:438px;
	height:265px;
}

*html .actu .content{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fond_actu.png',sizingMethod='scale');  background-image:none; }

.actu li{
	padding-bottom:15px;
	border-bottom:1px solid #81d7fa;
	margin-bottom:15px;
}

.actu li p{
	margin-top:5px;
}

.actu li h3{
	color:#81d7fa;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold
}

.actu li h3 span{
	color:#fff;
	margin-right:5px;
	text-decoration:underline
}

/**** contact ****/

.contact{
	width:458px;
	margin-top:17px;
	margin-left:18px;
}

.contact .content{
	background:url(img/fond_actu.png) repeat-y left;
	padding:10px;
	/*padding-top:32.5px;*/
	overflow:hidden;
	width:438px;
	height:265px;
}

*html .contact .content{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fond_actu.png',sizingMethod='scale');  background-image:none; }

.contact .adresse{
	margin-left:10px;
}

.contact .adresse img{
	vertical-align:middle
}

.contact form{
	margin-top:20px;
	margin-bottom:0;
}

.contact form table, .contact form textarea{
	width:100%;
}

.contact form table input, .contact form table textarea{
	font-family:Verdana;
	font-size:11px;
	width:100%;
	border:none;
}

.contact #name{
	width:119px;
	*width:126px;
	padding-right:10px;
}

.contact #societe{
	width:119px;
	*width:126px;
}

.contact #email input, .contact #name input, .contact #msg textarea{
	border:1px solid #fff
}

.contact #email{
	width:145px;
	padding-right:10px;
}

/**** footer ****/

#footer{
	padding:10px;
	position:relative;
	margin-top:15px
}

#home #footer{
	margin-top:100px
}

#footer #links{
	position:absolute;
	left:0;
	top:10px;
	z-index:1
}

#footer p{
	text-align:center;
}

/**** contact popin ****/

.popinContact{
	width:880px;
	color:#fff;
	overflow:hidden;
	background:transparent url(img/back_contactPopin.jpg) repeat-y scroll left center;
	padding:20px
}

h2.popin span {
	font-size:13px;
	font-weight:normal;
	margin-left:5px;
	text-transform:uppercase;
	color:#ddd
}

.popinContact iframe{
	border:5px solid lightblue;
	margin-top:10px
}

.popinContact .adresse{
	margin-left:10px;
}

.popinContact .carte{
	margin-left:30px;
}

.popinContact .carte img{
	vertical-align:middle
}

.popinContact textarea{
	font-family:Verdana;
	font-size:11px;
}

#closePopinContact{
	font-size:12px;
	position:absolute;
	right:40px;
	top:10px;
	*top:15px;
	text-transform:lowercase
}

.oblig{
	font-style:italic;
	font-size:10px;
}

.errors{
	text-align:center;
	font-weight:bold;
	color:#000;
	font-size:0.8em
}

.popinContact input, .popinContact textarea{
	border:1px solid #fff
}

label.error{
	display:none !important
}

input.error, textarea.error, .contact form table input.error, .contact form table textarea.error{
	border:1px solid #ff0000 !important
}

#submitContactPop{
	border:none
}

#msg_envoi{
	display:none;
}

#nyroModalContent .contentMSG{
	height:40px;
	padding:20px;
	text-align:center;
	width:250px;
	background: transparent url(img/back_contactPopin.jpg) repeat-y scroll left center;
	-moz-border-radius:0.5em;
	color:#fff
}

#nyroModalContent .contentMSG p{
	font-size:1.2em;
	margin-bottom:0.5em
}

/* #70D2F9 */

/**** formulaire contact page ****/

#submitContactPage{
	width:auto;
}