html { 
	font-size: 11px; 
	font-family:tahoma; 
}
body {
	padding:0px;
	margin:0px;
	vertical-align:top;
	text-align:center;
	background-image: url(images/ressort-fond02.jpg);
	background-repeat: repeat-y;
} 
.normal { 
	font-size:1.01em; 
} 
.bigger { 
	font-size:1.11em; 
} 
.small { 
	font-size:0.91em; 
} 
.big { 
	font-size:1.21em; 
} 
.table {
	width:100%;
	min-height:100%;
	vertical-align:top;
	display:table;
	text-align:left;
}
.table ul {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
}
.table li {
	list-style:none;
	padding:0px 0px 0px 19px;
	margin:0px 0px 0px 0px;
	background:url(images/3cu1.jpg) left center no-repeat;
	vertical-align:top;
	line-height:1.61em;
	color:#3969BC;
}
.table ul li a {
	text-decoration:none;
	color:#3969BC;
}	
.table li a:hover {
	color:#ff9900;
	text-decoration:none;
}
.table_row {
	height:100%;
	display:table-row;
}
.table_cell {
	min-height:100%;
	vertical-align:top;
	display:table-cell;
	float:left;
}

.table_cell ul {
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.table_cell li {
	list-style:none;
	padding:0px 0px 0px 19px;
	margin:0px 0px 0px 0px;
	background:url(images/3cu1.jpg) left center no-repeat;
	vertical-align:top;
	line-height:1.61em;
	color:#3969BC;
}
.table_cell ul li a {
	text-decoration:none;
	color:#3969BC;
}	
.table_cell li a:hover {
	color:#ff9900;
	text-decoration:none;
}
.table_cell-produits{
	min-height:100%;
	vertical-align:top;
	display:table-cell;
	float:left;
	width: 150px;
}
.table_cell-produits1{
	min-height:100%;
	vertical-align:top;
	display:table-cell;
	width: 250px;
	margin-left: 10px;
	background-color: #FFFFFF;
}
.table_cell-machines1{
	min-height:100%;
	vertical-align:top;
	display:table-cell;
	width: 200px;
	margin-left: 0px;
	margin-top: 30px;
}
.table_cell-machines1 li {
	list-style:none;
	padding:0px 0px 0px 19px;
	margin:0px 0px 0px 0px;
	background:url(images/3cu1.jpg) left center no-repeat;
	vertical-align:top;
	line-height:1.61em;
	color:#3969BC;
}
.table_cell-machines1 a {
	text-decoration:none;
	color:#3969BC;
}	
.table_cell-machines1 a:hover {
	color:#ff9900;
	text-decoration:none;
}

.left {
	float:left;
}
a {
	color:#3969BC;
	text-decoration:underline;
}
a:hover {
	color:#3969BC;
	text-decoration:none;
}
input {
	font-size:12px;
	font-family:Tahoma, arial, verdana, courier;
	width:225px;
	height:17px;
	margin-bottom:5px;    /* largeur de la marge du bas */
	/*margin:0px 0px 0px 0px;*/
	vertical-align:middle;
	background-color:#E5ECF6;
	border:1px solid #C2D1EA;
	color: #CC99CC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-left: 0px;
}
input.1
{
	font-size:12px;
	font-family:Tahoma, arial, verdana, courier;
	width:225px;
	height:17px;
	margin-bottom:5px;    /* largeur de la marge du bas */
	/*margin:0px 0px 0px 0px;*/
	vertical-align:middle;
	background-color:#FFFFFF;
	border:1px solid #C2D1EA;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}
input.2 {
	font-size:18px;
	font-family:Tahoma, arial, verdana, courier;
	width:180px;
	height:25px;    /* largeur de la marge du bas */
	/*margin:0px 0px 0px 0px;*/
	vertical-align:middle;
	background-color:#FFFFFF;
	border:1px solid #C2D1EA;
	color: #CC99CC;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
}

input.3
{
	width:73px;
	height:17px;
	vertical-align:middle;
	margin-left: 400px;
}

/*---------------------------------------HEADER--------------------------------------*/
.header {
	height:268px;
	background:url(images/bk1e.gif) top left repeat-x;
}
.topmenu {
	text-align:center;
	width:251px;
	height:49px;
	padding:16px 0px 0px 0px;
	background-color:#FFFFFF;
}
.mmenu {
	padding:19px 0px 0px 30px;
}
.mpict {
	background:url(images/1hp1.jpg) top right no-repeat;
	height:298px;
	width:508px;
}
.mpict2 {
	background:url(images/1hp1n.jpg) top right no-repeat;
	height:268px;
	width:516px;
}
.hbb {
	width:766px;
	height:30px;
	background:url(images/hbb.jpg) top left no-repeat;
}
.hbb2 {
	width:766px;
	height:30px;
	background:url(images/hbb2.jpg) top left no-repeat;
}
.hbb3 {
	width:766px;
	height:30px;
	background:url(images/hbb3.jpg) top left no-repeat;
}
.hbb4 {
	width:766px;
	height:30px;
	background:url(images/hbb4.jpg) top left no-repeat;
}
/*-------------------------------------CONTENT----------------------------------------*/
.bluea a{
	text-decoration:none;
	color:#457BFF;
	font-weight:bold;
}
.bluea a:hover{
	text-decoration:underline;
	color:#457BFF;
	font-weight:bold;
}
.content {
	width:766px;
}
.content1 {
	width:766px;
	min-height:127px;
	background-color:#E5ECF6;
}
.content2 {
	min-height:299px;
	background-color:#FFFFFF;
}
.content3l {
	padding:0px 0px 0px 27px;
	width:275px;
	min-height:193px;
	background-color:#FFFFFF;
}
.content3r {
	padding:0px 20px 0px 25px;
	width:419px;
	min-height:187px;
	background-color:#E5ECF6;
}
.content4r {
	width:419px;
	background-color:#E5ECF6;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 25px;
	margin-top: 0px;
}

.content4{
	width:275px;
	min-height:193px;
	color:#3969BC;
	text-decoration:none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
	margin-top: 0px;
	margin-left: 0px;
}
.content5 {
	width:419px;
	background-color:#E5ECF6;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: -120px;
	margin-left: 300px;
}
.content6 {
	width:766px;
	height: 150px;
	background-color: #FFFFFF;
}
.content7 {
	width:450px;
	background-color:#E5ECF6;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: -140px;
	margin-left: 275px;
}

.content7 a {
	color:#3969BC;
	text-decoration:none;
	font-weight: bold;
}
.content7 a:hover {
	color:#FF9900;
	text-decoration:none;
}

.c1 {
	padding:0px 0px 0px 27px;
	height:100%;
	width:224px;
	background-color:#E5ECF6;
	line-height:14px;
}
.c2 {
	padding:0px 39px 15px 27px;
	height:100%;
	width:700px;
	color:#494949;
	background-color:#E5ECF6;
}
.c3 {
	width:251px;
	height:6px;
	background:url(images/1cp4-d.gif) top left no-repeat;
}
.c4{
	font-size:14px;
	font-family:Tahoma, arial, verdana, courier;
	width:225px;
	height:20px;
	margin-bottom:0px;    /* largeur de la marge du bas */
	/*margin:0px 0px 0px 0px;*/
	vertical-align:middle;
	background-color:#E5ECF6;
	border:1px solid #C2D1EA;
	color: #CC99CC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-left: -325px;
	margin-top: 50px;
}
.general1 {
	padding:0px 0px 0px 27px;
	width:210px;
}
.blue {
	color:#3969BC;
	font-weight:bold;
}
.wblue {
	color:#457BFF;
	font-weight:bold;
}
.general2 {
	padding:0px 0px 0px 28px;
	width:450px;
}
.general2 .blue {
	color:#457BFF;
	font-weight:bold;
}
.twoc1 {
	width:459px;
	min-height:137px;
	background-color:#E5ECF6;
}
.twoc2 {
	width:435px;
	padding:0px 0px 0px 27px;
}
.twoc2 a {
	color:#3969BC;
	text-decoration:underline;
}
.twoc2 a:hover {
	color:#ff9900;
	text-decoration:none;
}
.twoc4 {
	width:439px;
	min-height:137px;
	background-color:#E5ECF6;
}

.imagebutton {
	width:73px;
	height:17px;
	border:none;
	padding:0px;
	vertical-align:middle;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 25px;
}
.imagebuttonplan {
	width:32px;
	height:32px;
	border:none;
	padding:0px;
	vertical-align:middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.imagebuttonplan a {
	color:#3969BC;
	text-decoration:none;
}
.imagebuttonplan a:hover {
	color:#FF9900;
	text-decoration:none;
}
.imagebuttondevis {
	width:73px;
	height:17px;
	border:none;
	padding:0px;
	vertical-align:middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 400px;
}
.imagebuttondevis a {
	color:#3969BC;
	text-decoration:none;
}
.imagebuttondevis a:hover {
	color:#FF9900;
	text-decoration:none;
}

.f3{ 
	width:224px; 
	height:175px;
	font-family:tahoma;
	font-size:11px; 
	padding:1px 0 1px 4px; 
	margin:2px 0 4px 0; 
	overflow:auto;
	background-color:#E5ECF6;
	border:1px solid #C2D1EA;
}
/*-------------------------------------FOOTER---------------------------------------*/
.footer {
	height:69px;
	margin-top:20px;
	background:url(images/bk3.gif) top left repeat-x;
}
.conteiner {
	color:#2E2E2E;
	width:766px;
	text-align:center;
	padding-top:20px;
	float: left;
}
.conteiner a {
	color:#3969BC;
	text-decoration:none;
}
.conteiner a:hover {
	color:#FF9900;
	text-decoration:none;
}
select {

	font-size:12px;
	font-family:Tahoma, arial, verdana, courier;
	width:225px;
	height:17px;
	margin-bottom:5px;    /* largeur de la marge du bas */
	/*margin:0px 0px 0px 0px;*/
	vertical-align:middle;
	background-color:#E5ECF6;
	border:1px solid #C2D1EA;
	color: #CC99CC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-left: 0px;
}

/*-------------------------------------pageTop---------------------------------------*/

.bak2top                   /*classe associée  au bouton Haut page */
{
	color: #3969BC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.bak2top a 
{
	color:#3969BC;
	text-decoration:none;
cursor: hand;
}
.bak2top a:hover 
{
	color:#3969BC;
	text-decoration:none;
}


/*-------------------------------------JN---------------------------------------*/

div.titre1 /* titre1 */
{
	float: left; /* les labels sont centrés */
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align: center; /* le texte est centré */
	font-weight: bold;
	color: #0066FF;
	height: 30px;
	width: auto;
	margin-left: 100px;
	background-color: #FFCC33;
}

div.TitreDevisCde /* Titre Devis Cde */
{
	float: left; /* les labels sont centrés */
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align: left; /* le texte est centré */
	font-weight: bold;
	color: #0066FF;
	height: 30px;
	width: auto;
	margin-left: 80px;
	background-color: #E5ECF6;
	border-top-color: #E5ECF6;
	border-right-color: #E5ECF6;
	border-bottom-color: #E5ECF6;
	border-left-color: #E5ECF6;
	padding-left: 20px;
}


div.titre2 /* titre2 */
{
	float: left; /* les labels sont centrés */
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align: center; /* le texte est centré */
	font-weight: bold;
	color: #CC99CC;
	height: 20px;
	width: auto;
	margin-left: 100px;
}

label /* élément html label */
{
	float: left; /* les labels sont alignés à gauche */
	text-align: right; /* le texte est aligné à droite */
	margin-right: 20px; /* 20px pour séparer le label du champ */
	width: 290px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3969bc;
}
label.1/* élément html label */
{
	float: left; /* les labels sont alignés à gauche */
	text-align: right; /* le texte est aligné à droite */
	margin-right: 20px; /* 20px pour séparer le label du champ */
	width: 290px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #458cff;
	font-style: italic;
}


textarea
{
	margin-bottom:5px;    /* largeur de la marge du bas */
	font-size:11px;
	font-family:Tahoma, arial, verdana, courier;
	width:500px;
	height:55px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:middle;
	background-color:#E5ECF6;
	border:1px solid #C2D1EA;
	color: #CC99CC;
}

  .radio                /* classe associée à la checkbox, permettant
                                       de remettre une valeur  correcte à width
									   sinon cette propriété serait héritée
									   de l'élément input) */
{
	width:15px;
	margin-bottom: -2px;
	background-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#Valider                     /* classe associée  au bouton Valider */
{ margin-left:350px;
margin-top:5px;
width:90px;                 

}



.bak2top                   /* classe associée  au bouton Haut page */
{
	color: #9900FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#Aide                     /* classe associée  au bouton Aide */
{
	margin-left:2px;
	width:23px;
	height: 20px;
	margin-top: -25px;
}
.BtonAide1                     /* classe associée  au bouton Aide */
{
	margin-left:2px;
	width:23px;
	height: 20px;
	margin-top: -20px;
}

#DevisTitre                     /* classe associée  à l'image Devis Titre */
{
	margin-left:240px;
	width:500px;
	height: 120px;
	margin-top: -120px;
}

#Coordonnees                     /* classe associée  aux coordonnées */
{
	margin-left:0px;
	width:220px;
	height: 120px;
	margin-top: 0px;
}
.Style3 {font-size: 13px}
#LigneHor                     /* classe associée  au bouton Valider */
{ margin-left:200px;
margin-top:0px;
width:251px;                 

}
#geometrie                  /* classe associée  au bouton Valider */
{ margin-left:170px;
margin-top:0px;
width:503px;                 

}
.Style4 {color: #cc99cc}
.Style5 {
	font-size: 24px;
	color: #3969BC;
	font-weight: bold;
}
.radio1 {
	width:30px;
	margin-bottom: -2px;
	background-color: #E5ECF6;
	border-top-color: #E5ECF6;
	border-right-color: #E5ECF6;
	border-bottom-color: #E5ECF6;
	border-left-color: #E5ECF6;
	clip: rect(auto,auto,auto,auto);
}
.Style4Copie {
	color: #cc99cc;
	font-weight: bold;
	height: 30px;
	font-size: 16px;
}
.video                  /* classe associée  à  la video */
{
	margin-left:10px;
	margin-top:5px;
	width:176px;
	height: 144px;
	border: 3px solid #c2d0ea;

}
.diapo-entete                 /* classe associée  au diaporama dans l'entete */
{
	margin-left:10px;
	width:176px;
	height: 132px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}

.titre-video                  /* classe associée  au titre page video */
{
	margin-left:230px;
	margin-top:-120px;
	width:450px;
	height: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
.plan                  /* classe associée  à  plan */
{
	width:60px;
	height: 60px;
	padding-top: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 120px;
}
.plan1                  /* classe associée  à  plan */
{
	width:100px;
	height: 60px;
	padding-top: 10px;
	margin-top: -50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 180px;
}

.direction                 /* classe associée  à  direction */
{
	margin-left:220px;
	margin-top:-80px;
	width:220px;
	height: 80px;
	float: Aucune;
}
.machinessurvol 
{
	margin-left:10px;
	margin-top:30px;
	width:auto;
	height: 132px;
}
.machines1
{
	width:110px;
	height: 86px;
	margin-left: 250px;
	margin-top: -320px;
}
.machines2
{
	width:110px;
	height: 86px;
	margin-left: 375px;
	margin-top: -86px;
}
.machines3
{
	width:110px;
	height: 86px;
	margin-left: 500px;
	margin-top: -86px;
}
.machines4
{
	width:110px;
	height: 86px;
	margin-left: 625px;
	margin-top: -86px;
}
.machines5
{
	width:110px;
	height: 86px;
	margin-left: 250px;
	margin-top: 10px;
}
.machines6
{
	width:110px;
	height: 86px;
	margin-left: 375px;
	margin-top: -86px;
}
.machines7
{
	width:110px;
	height: 86px;
	margin-left: 500px;
	margin-top: -86px;
}
.machines8
{
	width:110px;
	height: 86px;
	margin-left: 625px;
	margin-top: -86px;
}
.machines9
{
	width:110px;
	height: 86px;
	margin-left: 250px;
	margin-top: 10px;
}
.machines10
{
	width:110px;
	height: 86px;
	margin-left: 375px;
	margin-top: -86px;
}
.qualite
{
	margin-left:0px;
	width:766px;
	height: 550px;
	margin-top: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.qualite1
{
	margin-left:0px;
	width:250px;
	height: 476px;
	margin-top: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.qualite a 
{
	color:#ffffff;
	text-decoration:none;
cursor: hand;
}
.qualite a:hover 
{
	color:#ff9900;
	text-decoration:none;
}
.qualitetexte1
{
	width:100px;
	height: 30px;
	margin-top: 300px;
	margin-left: 200px;
}
.qualitetexte2
{
	width:100px;
	height: auto;
	margin-top: 0px;
	margin-left: 200px;
}
.qualitetexte3
{
	width:500px;
	height: 220px;
	margin-top: 0px;
	margin-left: 40px;
	color: #3969bc;
	padding-top: 20px;
	font-family: Tahoma, Arial;
	font-size: 12px;
}
.qualite-certificat
{
	width:200px;
	height: 220px;
	margin-top: -240px;
	margin-left: 560px;
}
.references1
{
	width:557px;
	height: 316px;
	margin-left: 100px;
	margin-top: 10px;
}
.references2
{
	width:176px;
	height: 132px;
	margin-left: 30px;
	margin-top: 20px;
}
.references2-texte
{
	width:200px;
	height: 120px;
	margin-left: 160px;
	margin-top: -126px;
	font-family: Tahoma, Arial;
	font-size: 14px;
	color: #3969BC;
	text-align: left;
	list-style-type: none;
	padding-top: 20px;
}
.references3
{
	width:176px;
	height: 132px;
	margin-left: 400px;
	margin-top: -126px;
}
.references3-texte
{
	width:250px;
	height: 120px;
	margin-left: -80px;
	margin-top: -126px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #3969BC;
	text-align: left;
}
.references4
{
	width:132px;
	height: 176px;
	margin-left: 30px;
	margin-top: 20px;
}
.references5
{
	width:176px;
	height: 132px;
	margin-left: 400px;
	margin-top: -126px;
}
.services
{
	width:176px;
	height: 132px;
	margin-left: 580px;
	margin-top: 90px;
}
.services-texte
{
	width:550px;
	height: 260px;
	margin-left: 20px;
	margin-top: -190px;
	font-family: Tahoma, Arial;
	font-size: 14px;
	color: #3969BC;
	text-align: left;
}
.produits
{
	width:766px;
	height: auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 0px;
}
.produits-matiere
{
	height: 17px;
	text-align: left;
	margin-top: 30px;
	margin-left: 40px;
	background-color: #457BFF;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 260px;
}
.produits-surface
{
	height: 17px;
	text-align: left;
	margin-top: -228px;
	margin-left: 550px;
	background-color: #457BFF;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 200px;
}
.produits-production
{
	height: 17px;
	text-align: left;
	margin-top: 0px;
	margin-left: 40px;
	background-color: #457BFF;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 260px;
}
.qualite-clientfinal
{
	width:86px;
	height: 70px;
	margin-top: 50px;
	margin-left: 460px;
}
.accueil
{
	width:766px;
	height: auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 0px;
}
.accueil1
{
	height: 17px;
	text-align: left;
	margin-top: 30px;
	margin-left: 40px;
	background-color: #457BFF;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	width: 260px;
}