html {
	height: 100%;
}
body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	height: 100%;
	font-size: 0.650em;
	scrollbar-face-color:#FFFFFF; /*la couleur de la barre elle-mme*/
	scrollbar-arrow-color:#000000; /*la couleur des flches haut et bas*/
	scrollbar-track-color:#dbdbdb; /*la couleur de la gouttire dans laquelle la barre se dplace (le fond)*/
	scrollbar-shadow-color:'green'; /*l'ombre en haut  gauche*/
	scrollbar-highlight-color:'#000'; /*la couleur entourant la barre*/
	scrollbar-3dlight-color:'darkblue'; /*l'clairage de la barre*/
	scrollbar-darkshadow-Color:'white'; /*l'ombr de la barre */
}
#backgroundGrisIndex {
	width: 100%;
	height: 249px;
	position: absolute;
	top: 50%;
	margin-top: -261px;   /*half of height */
	background-color: #e6eef2;
	z-index: 1;
}
#backgroundGris {
	width: 100%;
	height: 115px;
	position: absolute;
	top: 50%;
	margin-top: -261px;   /*half of height */
	background-color: #e6eef2;
	z-index: 1;
}
#backgroundGrisForm {
	width: 100%;
	height: 115px;
	position: absolute;
	top: 0px;
	background-color: #e6eef2;
	z-index: 1;	
}
#backgroundBlancIndex {
	width: 760px;
	height: 249px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -261px;   /*half of height */
	margin-left: -412px;   /*half of height */
	background-color: #FFFFFF;
	z-index: 2;
}
#backgroundBlanc {
	width: 760px;
	height: 115px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -261px;   /*half of height */
	margin-left: -412px;   /*half of height */
	background-color: #FFFFFF;
	z-index: 2;
}
#backgroundBlancForm {
	width: 760px;
	height: 115px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -412px;   /*half of height */
	background-color: #FFFFFF;
	z-index: 2;
}
#backgroundPointillesIndex {
	width: 100%;
	height: 3px;
	position: absolute;
	top: 50%;
	margin-top: 262px;   /*half of height */
	background-image:url(../images/index/bkgPointillerBleu.gif);
	background-repeat: repeat-x;
	z-index: 3;
}
#backgroundPointilles {
	width: 3px;
	height: 100%;
	position: absolute;
	left: 50%;
	margin-left: -382px;   /*half of height */
	background-image:url(../images/bkgPointillerVertical.gif);
	background-repeat: repeat-y;
	z-index: 4;
}
#descriptionRealisations {
	width: 163px;
	/*height: 330px;*/
	font-size: 11px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -128px;   /*half of height */
	margin-left: 205px;   /*half of height */
	z-index: 6;
}
#descriptionRealisations h1{
	font-size: 14px;
	color: #2e7196;
}
.texteStandard {
	font-size: 12px;
}
.texteMoyen {
	font-size: 14px;
}
.texteGros {
	font-size: 16px;
}
.textePetit {
	font-size: 10px;
}
.texteNote{
	font-size: 10px;
	line-height: 14px;
}
.paddingLeft{
	padding-left: 40px;
}
#grosseurTexte {
	width: 50px;
	height: 20px;
	font-size: 11px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -143px;   /*half of height */
	margin-left: -360px;   /*half of height */
	z-index: 6;
	display: none;
}
#grosseurTexte a:link,
#grosseurTexte a:active,
#grosseurTexte a:visited {
	color: #000000;
	text-decoration: underline;
}
#grosseurTexte a:hover {
	color: #357ba0;
	text-decoration: underline;
}
#backgroundCopyright {
	width: 100%;
	height: 48px;
	position: absolute;
	top: 50%;
	margin-top: 214px;   /*half of height */
	background-color: #d5e2e9;
	z-index: 3;
}
#backgroundCopyrightForm {
	width: 100%;
	height: 48px;
	margin-top: 214px;   /*half of height */
	background-color: #d5e2e9;
	z-index: 3;
}
#backgroundPopup {
	background-image:url(../images/bkg-popup.jpg);
	font-size: 0.8em;
	color: #505c62;
}
#frame {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 760px;
	height: 523px;
	margin-left: -380px; /* half of width */
	margin-top: -261px;  /* half of height */
	z-index: 5;
}
#frameForm {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 760px;
	height: 523px;
	margin-left: -380px; /* half of width */
	z-index: 5;
}
#frameFormCommande {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 760px;
	height: 100%;
	margin-left: -380px; /* half of width */
	z-index: 5;
}
#rectangleGrisGaucheIndex {
	width: 64px;
	height: 249px;
	background-color:#c1d1da;
	float:left;
}
#rectangleGrisGauche {
	width: 62px;
	height: 93px;
	background-color:#c1d1da;
	float:left;
}
#bandeauLogoIndex {
	width: 299px;
	height: 249px;
	background-color:#c1d1da;
	float:left;
}
#bandeauImageIndex {
	width: 397px;
	height: 249px;
	background-color:#c1d1da;
	float:left;
}
#bandeauImage {
	width: 698px;
	height: 93px;
	background-color:#c1d1da;
	float:left;
}
#bandeauImageCommande{
	display: inline;
}
#menuTopIndex {
	width: 760px;
	height: 22px;
	background-image:url(../images/index/bkgMenuTopIndex.gif);
	clear: both;
}
#menuTopApproche {
	width: 760px;
	height: 22px;
	background-image:url(../images/bkgMenuTopApproche.gif);
	clear: both;
}
#menuTopServices {
	width: 760px;
	height: 22px;
	background-image:url(../images/bkgMenuTopServices.gif);
	clear: both;
}
#menuTopRealisations {
	width: 760px;
	height: 22px;
	background-image:url(../images/bkgMenuTopReali.gif);
	clear: both;
}
#menuTopEquipe {
	width: 760px;
	height: 22px;
	background-image:url(../images/bkgMenuTopEquipe.gif);
	clear: both;
}
#menuTopPnj {
	width: 760px;
	height: 22px;
	background-image:url(../images/bkgMenuTopPnj.gif);
	clear: both;
}
#langue {
	width: 73px;
	font-size: 11px;
	text-align: center;
	margin-top: 4px;
	float: left;
}
#langue a:link,
#langue a:active,
#langue a:visited {
	color: #0e4360;
	text-decoration: none;
}
#langue a:hover {
	color: #357ba0;
	text-decoration: none;
}
#accueil {
	width: 73px;
	font-size: 11px;
	text-align: center;
	margin-top: 4px;
	float: left;
}
#accueil a:link,
#accueil a:active,
#accueil a:visited {
	color: #0e4360;
	text-decoration: none;
}
#accueil a:hover {
	color: #357ba0;
	text-decoration: none;
}
#itemsMenuTopIndex {
	width: 511px;
	font-size: 11px;
	font-weight: bold;
	padding-left: 176px;
	margin-top: 4px;
	float: left;
}
#itemsMenuTopIndex a:link,
#itemsMenuTopIndex a:active,
#itemsMenuTopIndex a:visited {
	color: #58646a;
	text-decoration: none;
}
#itemsMenuTopIndex a:hover {
	color: #357ba0;
	text-decoration: none;
}
#itemsMenuTop {
	/*width: 614px;*/
	width: 506px;
	font-size: 11px;
	font-weight: bold;
	padding-left: 108px;
	margin-top: 4px;
	float: left;
}
#itemsMenuTop a:link,
#itemsMenuTop a:active,
#itemsMenuTop a:visited {
	color: #58646a;
	text-decoration: none;
}
#itemsMenuTop a:hover {
	color: #357ba0;
	text-decoration: none;
}
.itemsMenuTopOn {
	color: #000000;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #2e7196;
}
#dernieresNouvelles {
	width: 139px;
	height: 215px;
	/*font-size: 12px;*/
	color: #505c62;
	font-size: 1.2em;
	padding-left: 70px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 20px;
	float: left;
	background-image:url(../images/index/bkgDernieresNouvelles.gif);
}
#contenuIndex {
	/*width: 531px; vraiment largeur - 40 de padding */
	width: 491px;
	height: 235px;
	color: #505c62;
	font-size: 1.2em;
	line-height: 1.5em;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	float: left;
	background-image:url(../images/index/bkgContenuIndex.gif);
}
#sousMenu {
	/*width: 233px; vraiment largeur - 97 de padding */
	width: 136px;
	height: 320px;
	color: #505c62;
	/*font-size: 1.1em;*/
	font-size: 11px;
	padding-left: 91px;
	padding-right: 6px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0px;
	background-image:url(../images/bkgSousMenu.gif);
	background-repeat: no-repeat;
	float: left;
}
#sousMenu a:link,
#sousMenu a:visited,
#sousMenu a:active {
	color: #505c62;
	text-decoration: none;
}
#sousMenu a:hover {
	color: #505c62;
	text-decoration: underline;
}
#sousMenu li {
	list-style-type: none;	
	margin-left: -34px !important;
	margin-left: -39px;
}
#sousMenu ul {	
	padding:0;
	margin:0;
}
#contenu {
	/*width: 760px; vraiment largeur - 182 de padding */
	width: 476px;
	max-width: 476px;
	/*height: 360px; vraiment hauteur - 40 de padding */
	height: 320px;
	color: #505c62;
	font-size: 1.2em;
	line-height: 1.5em;
	padding-left: 253px;
	padding-right: 31px;
	padding-top: 20px;
	padding-bottom: 20px;
	display:table;
	font-size-adjust:inherit;
	word-spacing:inherit;
	overflow: auto;
}
#contenuForm {
	width: 600px;
	/*max-width: 600px;
	height: 320px;*/
	color: #505c62;
	font-size: 1.2em;
	line-height: 1.5em;
	padding-left: 70px;
	padding-right: 31px;
	padding-top: 20px;
	padding-bottom: 20px;
	display:table;
	font-size-adjust:inherit;
	word-spacing:inherit;
	overflow: auto;
}
#contenu p {
	margin-top: 0px !important;
}
#contenu2 {
	/*width: 527px; vraiment largeur - 40 de padding */
	width: 487px;
	max-width: 487px;
	height: 330px;
	color: #505c62;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	float: left;
	display:table;
	font-size-adjust:inherit;
	word-spacing:inherit;
	overflow: auto;
}
#contenuRealisations {
	/*width: 527px; vraiment largeur - 40 de padding */
	width: 487px;
	max-width: 487px;
	height: 330px;
	color: #505c62;
	/*font-size: 1.2em;
	line-height: 1.5em;*/
	margin-top: 20px;
	/*padding-left: 10px;*/
	padding-right: 20px;
	padding-bottom: 10px;
	float: left;
	overflow: auto;
}
#contenu2 p {
	margin-top: 0px !important;
}
#dernieresNouvelles a:link,
#dernieresNouvelles a:active,
#dernieresNouvelles a:visited,
#contenu a:link,
/*#contenu a:hover,*/
#contenu a:active,
#contenu a:visited,
#contenu2 a:link,
/*#contenu2 a:hover,*/
#contenu2 a:active,
#contenu2 a:visited,
#contenuPopup a:link,
#contenuPopup a:active,
#contenuPopup a:visited,
#contenuIndex a:link,
#contenuIndex a:active,
#contenuIndex a:visited {
	color: #377ca6;
	text-decoration: underline;
}
#dernieresNouvelles a:hover,
#contenu a:hover,
#contenu2 a:hover,
#contenuPopup a:hover,
#contenuIndex a:hover  {
	color: #000000;
	text-decoration: underline;
}
#copyrigthIndex {
	/*width: 548px; vraiment largeur - 73 de padding */
	width: 483px;
	height: 26px;
	padding-left: 0px;
	padding-top: 22px;
	font-size: 9px;
	color: #868787;
	background-color: #fff;
	/*clear: both;*/
	float: left;
}
#copyrigthIndex a:link,
#copyrigthIndex a:active,
#copyrigthIndex a:visited,
#copyrigthIndex a:hover,
#copyrigth a:link,
#copyrigth a:active,
#copyrigth a:visited,
#copyrigth a:hover {
	color: #575757;
	text-decoration: underline;
}
#copyrigth {
	/*width: 548px; vraiment largeur - 73 de padding */
	width: 483px;
	height: 26px;
	padding-left: 0px;
	padding-top: 22px;
	font-size: 9px;
	color: #868787;
	background-color: #d5e2e9;
	/*clear: both;*/
	float: left;
}
#logoFacebook {
	/*width: 548px; vraiment largeur - 73 de padding */
	width: 38px;
	height: 26px;
	padding-left: 40px;
	padding-top: 10px;
	font-size: 9px;
	color: #868787;
	background-color: #d5e2e9;
	clear: both;
	float: left;
}
#logoFacebookIndex {
	/*width: 548px; vraiment largeur - 73 de padding */
	width: 38px;
	height: 26px;
	padding-left: 40px;
	padding-top: 10px;
	font-size: 9px;
	color: #868787;
	background-color: #fff;
	clear: both;
	float: left;
}
#logosIdSideSolutionIndex {
	width: 193px;
	/*height: 38px;
	padding-top: 10px;*/
	padding-top: 4px;
	background-color: #fff;
	float: left;
}
#logosIdSideSolution {
	width: 193px;
	/*height: 38px;
	padding-top: 10px;*/
	padding-top: 4px;
	background-color: #d5e2e9;
	float: left;
}
#titrePopup {
	width: 572px;
	margin-left: 128px;
	margin-top: 18px;
	font-size: 1.4em;
	color: #ffffff;
	font-weight:bold;
}
#contenuPopup {
	width: 514px;
	margin-left: 126px;
	margin-top: 15px;
	padding-right: 60px;
}
#contenuPopup td {
	height: 55px;
	vertical-align: top;
}
#contenu a:link,
#contenu a:hover,
#contenu a:active,
#contenu a:visited,
#contenu2 a:link,
#contenu2 a:hover,
#contenu2 a:active,
#contenu2 a:visited {
	color: #377ca6;
	text-decoration: underline;
}
.bold {
	font-weight:bold;
}
#formulaire th{
	text-align: left;
	border-bottom: solid 1px #505c62;
	padding: 15px 10px 2px 0px;
}
#formulaire td{
	padding: 10px 0px 5px 5px;
}
@media print{
#accueil {
	display: none;
}
#frameFormCommande {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin-left: 0px;
	z-index: 5;
}
#copyrigth, #logosIdSideSolution {
	display: none;
}
#rectangleGrisGauche, #menuTopRealisations, #bandeauImage {
	display : none;
}
#contenuForm {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline;
}
#sousMenu {
	width: 116px;
	padding-left: 91px;

}
#descriptionRealisations {
	width: 143px;
	margin-top: -128px;   /*half of height */
	margin-left: 160px;   /*half of height */
}
}