body{background-color : #464954;font-family:Arial, Verdana, Sans-serif;font-size : 0.625em;}
#page{
	margin : 0 auto;
	width : 974px;
	background : url(../img/bg-page.jpg) repeat-y;
	color : white;
	}
#header{
	overflow:hidden;
	}
.bgVertical{
	background : url(../img/bg-bloc.jpg) repeat-x;
	padding : 34px 14px 25px 22px; 
	margin-left : 8px;
	width : 916px;
	}
#filter{
	position : absolute;
	width : 100%;
	height : 2980px;
	z-index : 10;
	background-color : black;
	opacity : 0.7;
	}
#actu{
	background : url(../img/bg-actu.jpg) no-repeat;
	width : 220px;
	height : 200px;
	float : left;
	padding-top:30px;
	}
/***** BLOC PRESENTATION *****/
#presentation, #creation, #contact{
	overflow: hidden;
	}
#presContent{
	overflow:hidden;
	padding :25px 0 30px 0;
	}


#presContent .text{
	border-left : 1px solid #464954;
	padding-left : 9px;
	width : 190px;
	height : 180px;
	font-weight : bold;
	}
#presContent .text h4{
	margin-bottom : 22px;
	}
#presContent .text p{	font-size : 1.2em;}
.equipe{
	border-left : 1px solid #464954;
	border-right : 1px solid #464954;
	padding-left : 9px;
	width : 290px;
	background : url(../img/bg-equipe.jpg) 9px 29px no-repeat;
	height : 180px;
	}
.equipe h5{
	font-size : 1.4em;
	line-height : 20px;
	}
.equipe p{
	line-height : 14px;
	}
#poleConseil{
	float : left;
	margin : 45px 0 0 25px;
	width : 120px;
	}
#poleCreation{
	float : left;
	margin : 45px 0 0 20px;
	}
#domaineCompetence{
	
	}
#illuCompetence{
	float : left;
	margin-right : 9px;
	}
#domaineCompetence h4{margin-bottom : 10px;}
#listeComp1{
	float : left;
	width : 370px;
	}
#listeComp2{
	float : left;
	}
#listeComp1 li, #listeComp2 li{
	padding-left : 29px;
	background : url(../img/puce-bleue-1.gif) 0px 3px no-repeat;
	line-height : 20px;
	font-size : 1.2em;
	font-weight : bold;
	}
/***** BLOC PRESENTATION *****/
/***** BLOC CREATION *****/
#creation h2{margin-bottom : 16px;}
#creation h3{margin-bottom : 13px;}
#listeRealWeb, #listeRealPrint{
	overflow : hidden;
	margin-bottom : 20px;
	margin-top : 20px;
	}
#listeRealWeb li, #listeRealPrint li{
	float : left;
	width : 210px;
	height : 180px;
	margin-right : 20px;
	}
.lastOfLine{margin-right:0!important;}
#listeRealWeb li img, #listeRealPrint li img{
	margin-bottom : 8px;
	}
#listeRealWeb li h5, #listeRealPrint li h5{
	color : #00bff3;
	font-size : 1.2em;
	margin-bottom : 2px; 
	}
#listeRealWeb li p, #listeRealPrint li p{font-weight : bold;margin-bottom:5px;}
#listeRealWeb li a.linkVisu, #listeRealPrint li a.linkVisu{
	color : #00bff3;
	font-weight : bold;
	padding-left : 10px;
	background : url(../img/puce-bleue-2.gif) 0 3px no-repeat;
	font-size : 1.1em;
	}
#listeRealWeb li a.linkVisu:hover, #listeRealPrint li a.linkVisu:hover{
	text-decoration : underline;
	}
/***** BLOC CREATION *****/
/***** BLOC CONTACT *****/
/**** FORMULAIRE ****/
#formContainer{
	float : left;
	width : 420px;
	position : relative;
	}
#contact h2{margin-bottom : 16px;}
#contact h3{margin-bottom : 13px;}
#formContainer form{
	margin-top : 20px;
	padding : 0px 0 0 19px;
	border-left : 1px solid #464954;
	}
label{
	display : block;
	font-weight : bold;
	font-size : 1.2em;
	color : #00bff3;
	margin-bottom : 6px;
	}
.formBloc{
	position : relative;
	float : left;
	width : 200px;
	overflow : hidden;
	z-index : 2;
	}
input, select{
	margin-bottom : 16px;
	}
input{
	width : 180px;
	height : 20px;
	border : 1px solid #353844;
	}
#message{
	width : 380px;
	height : 140px;
	margin-bottom : 16px;
	border : 1px solid #353844;
	}
#submitForm{
	float : right;
	margin-right : 16px;
	margin-top : 3px;
	width : 125px;
	height : 30px;
	}
.asterisque{
	font-size : 1.6em;
	font-weight : bold;
	color : #00bff3;
	}
#formContainer .error{
	border : 1px red solid;
	background-color : #ffcccc;
	}
/**** PSEUDOSELECT ****/
.pseudoSelect{
	position : absolute;
	top : 22px;
	left : 20px;
	width : 180px;
	margin-bottom : 15px;
	z-index : 9;
	}
a.valeurSelectionnee{
	float : left;
	line-height : 20px;
	background : url(../img/fauxfields-select-arrow.gif) right top no-repeat;
	color : #707070;
	font-size : 11px;
	padding : 0px 25px 0 5px;
	overflow : hidden;
	height : 20px;
	width : 150px;
	background-color : white;
	}
.pseudoSelectContent{
	position : absolute;
	top : 20px;
	left : 0;
	background-color : white;
	border : 1px solid #e1e1e1;
	height : 60px;
	overflow-y : auto;
	overflow-x: hidden;
	padding : 5px;
	line-height : 20px;
	font-size : 11px;
	z-index : 5;
	}
.pseudoSelectContent li{
	float : left;
	clear:left;
	width : 160px;
	}
.pseudoSelectContent a{
	background-color : white;
	display : block;
	position : relative;
	color : #707070;
	padding-left : 5px;
	}
.pseudoSelectContent a:hover{
	background-color : #65d8f7;
	}
#labelObjet{
	margin-bottom : 45px;
	}
#listeObjet{
	position : absolute;
	top : 20px;
	left : 1px;
	width : 160px;
	border : 1px solid #e1e1e1;
	height : 80px;
	overflow-y : auto;
	overflow-x: hidden;
	padding : 0px;
	line-height : 20px;
	font-size : 11px;
	z-index : 10;
	background-color : white;
	}
/**** PSEUDOSELECT ****/
/**** FORMULAIRE ****/
/**** MESSAGE ERREUR ****/
#popinMessage{
	position : absolute;
	z-index : 10;
	width : 400px;
	color : #626262;
	font-size : 1.3em;
	}
.messageErreur{
	top : 160px;
	left : 432px;
	}
.messageErreur h3{
	color : #00bff3;
	line-height : 20px;
	color : #ff0000;
	}
.messageErreur h3 img{margin-right : 10px;vertical-align:middle;}
.messageErreur .popinContent{
	background-color : #ffcccc;
	color : #ff0000;
	}
.messageErreur .popinContent div{
	padding-left : 10px;
	}
.messageMail{
	top : 100px;
	left : 8px;
	}

/**** MESSAGE ERREUR ****/
/**** PLAN ****/
#rendreVisite{
	overflow : hidden;
	
	}
#addressContainer{
	margin-top : 20px;
	padding-left : 20px;
	padding-right : 20px;
	width : 440px;
	overflow : hidden;
	border-left : 1px solid #464954;
	border-right : 1px solid #464954;
	}
#logoContainer{
	float : left;
	width : 145px;
	height : 150px;
	}
#coordonnees{
	font-size : 1.2em;
	font-weight : bold;
	line-height : 1.6em;
	}
#mailto a{
	color : #00bff3 !important;
	}
#mailto a:hover{text-decoration : underline;}
#googleMap{
	width : 440px;
	height : 240px;
	border-left : 1px solid #464954;
	border-right : 1px solid #464954;
	padding : 0 20px 20px 20px;
	}
#map_canvas{
	width : 440px;
	height : 240px;
	background-color : white;
	}
/**** /PLAN ****/
/***** BLOC CONTACT *****/
/***** CLIENTS *****/
#clients h2{margin-bottom : 16px;}
#clients h3{margin-bottom : 13px;}
#logoClients{
	border-collapse : collapse;
	border : 1px solid #464954;
	margin-top : 22px;
	}
#logoClients td{border : 1px solid #464954;}
/***** /CLIENTS *****/
/***** FOOTER *****/
#footer{
	background : url(../img/bg-bottom.jpg) no-repeat;
	height : 60px;
	text-align : right;
	padding : 13px 30px 0 0;
	font-weight : bold;
	}
#copyright{
	color : #00bff3;
	font-size : 12px;
	}
/***** /FOOTER *****/
/***** POPIN *****/
.popin{
	padding : 10px;
	}
.popinContent{
	border : 1px black solid;
	background-color : white;
	padding : 15px;
	}
.popinClose{
	position : absolute;
	top : 0px;
	right : 0px;
	z-index : 11;
	}
/**** POPIN VISUALISATION ****/
#popinVisu{
	position : absolute;
	top : 940px;
	left : -7px;
	width : 960px;
	height : 410px;
	padding : 10px;
	z-index : 12;
	overflow : hidden;
	}
.visuPrint{
	top : 1500px !important;
	 }
#popinVisu .popinContent{
	padding : 25px;
	height : 360px;
	}
#popinVisu .visualContainer{
	float : left;
	width : 430px;
	margin-right : 28px;
	}
.textComplementaire{
	color : #626262;
	font-size : 0.9em;
	text-align:center;
	margin-top:4px;
	}
#textContainer{
	float : left;
	width : 450px;
	height : 360px;
	
	}
#textContainer .text{
	height : 315px;
	width : 450px;
	border-width : 0px;
	color : #626262;
	font-weight : bold;
	}
#textContainer h2{
	color : #363845;
	font-size : 2.4em;
	line-height : 1em;
	}
#textContainer h3{
	font-size : 1.4em;
	color : #02bff6;
	margin : 15px 0 4px 0;
	}
#textContainer p{
	font-size : 1.2em;
	line-height : 1.6em;
	}
#textContainer ul{
	font-size : 1.2em;
	line-height : 1.4em;
	}
#textContainer li{
	background : url(../img/puce-bleue-point.gif) 0 7px no-repeat;
	padding-left : 8px;
	
	}
#visuNav{
	border : 1px solid #d7d7d7;
	height : 43px;
	}
#visuNav #previousButton, #visuNav #noPrevious{
	float : left;
	padding : 4px;
	height : 35px;
	border-right : 1px solid #d7d7d7;
	}
#visuNav #nextButton, #visuNav #noNext{
	float : left;
	padding : 4px;
	height : 35px;
	border-left : 1px solid #d7d7d7;
	}
#visuNav #positionVisu{
	float : left;
	height : 35px;
	width : 360px;
	line-height : 43px;
	color : #626262;
	font-size : 1.2em;
	font-weight : bold;
	text-align : center;
	}
/**** /POPIN VISUALISATION ****/
/***** /POPIN *****/