@charset "utf-8";

body{
	margin:0;
	font-size:8.5pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#cbccd8;
	color:#333333;
	text-align:center;
}
.total{
	background: url(images/fond_ombre.jpg) repeat-y;
	width: 978px; /*981*/
	margin:0 auto 15px auto;
}
a{
	text-decoration:none;
	color:#003366;
}
a:hover{
	text-decoration:underline;
	color:#003366;
}
img{
	border:0;
}
/* ------- HEAD ------- */
.head {
	background: url(images/fond_head.jpg) no-repeat;
	height: 95px;
	padding: 0;
	margin: 0;
}
.logo {
	float:left;
	width: 200px;
	height:73px;
}

#plan {
	float:left;
	width: 414px;
	height:69px;
	margin-left:360px;
	vertical-align:top;
	text-align:right;
	padding-top:4px;
}
#plan ul {
	display: inline;
	list-style-type: none;
	width: 240px;
}
#plan li {
	float:left;
	color:white;
	font-size:8pt;
}
#plan a{
	color:white;
	font-weight:bold;
	text-decoration:none;
}
#plan a:hover{
	color:#ccc;
	font-weight:bold;
	text-decoration:underline;
}

#menu {
	clear:both;
	vertical-align:bottom;
	height:22px;
	padding-left:74px;
}
#menu ul {
	display: inline;
	list-style-type: none;
}
#menu li {
	float:left;
	margin-right:8px;
}
#menu li img {
	border:0;
}

#menu ul li.engin a {
	display: block;
	height: 22px;
	width: 133px;
	padding-top: 0px;
	text-align: center;
	background: url(images/boutons/bout_engin.gif) bottom;
}
#menu ul li.engin a:hover {	background-position: top;}
#menu ul li.engin a.select { background-position: top;}

#menu ul li.drill a {
	display: block;
	height: 22px;
	width: 133px;
	padding-top: 0px;
	text-align: center;
	background: url(images/boutons/bout_drilling.gif) bottom;
}
#menu ul li.drill a:hover {	background-position: top;}
#menu ul li.drill a.select { background-position: top;}

#menu ul li.auto a {
	display: block;
	height: 22px;
	width: 133px;
	padding-top: 0px;
	text-align: center;
	background: url(images/boutons/bout_auto.gif) bottom;
}
#menu ul li.auto a:hover { background-position: top;}
#menu ul li.auto a.select { background-position: top;}

#menu ul li.safty a {
	display: block;
	height: 22px;
	width: 133px;
	padding-top: 0px;
	text-align: center;
	background: url(images/boutons/bout_safty.gif) bottom;
}
#menu ul li.safty a:hover {	background-position: top;}
#menu ul li.safty a.select { background-position: top;}

#menu ul li.cctv a {
	display: block;
	height: 22px;
	width: 133px;
	padding-top: 0px;
	text-align: center;
	background: url(images/boutons/bout_cctv.gif) bottom;
}
#menu ul li.cctv a:hover {background-position: top;}
#menu ul li.cctv a.select { background-position: top;}

#menu ul li.telecom a {
	display: block;
	height: 22px;
	width: 133px;
	padding-top: 0px;
	text-align: center;
	background: url(images/boutons/bout_telecom.gif) bottom;
}
#menu ul li.telecom a:hover { background-position: top;}
#menu ul li.telecom a.select { background-position: top;}




/* ------- CONTENU ------- */
.contenu{
	background: url(images/fond_centre.jpg) no-repeat;
	margin:0;
	padding:30px 0 30px 26px;
	text-align:left;
	height:650px;
}

/* ------- MENU GAUCHE ------- */
.menu_gauche{
	float:left;
	width:163px;
	margin-bottom:20px;
}

#menu_g_cont{
	background:url(images/menu/menu_gauche_fond.gif) no-repeat;
	height:284px;
}
#menu_g_cont h1{
	color:white;
	font-size:11pt;
	text-align:center;
	padding-top:27px;
	margin:0;
	font-weight:normal;
}

#menu_g_cont ul {
	list-style-type: none;
	padding:0;
	height:160px;
	margin:15px 0 0 12px;
}

#menu_g_cont li {
	margin-top:3px;
}
#menu_g_cont ul li a {
	background: url(images/menu/puce_blanc.gif) left no-repeat;
	display: block;
	text-decoration:none;
	color:white;
	font-weight:bold;
	height: 16px;
	width: 135px;
	padding:2px 0 0 14px;
}
#menu_g_cont ul li a:hover {
	background: url(images/menu/puce_gris.gif) left no-repeat;
	color:#333;
}
#menu_g_cont ul li a.select {
	background: url(images/menu/puce_bordeau.gif) left no-repeat;
	color:#333;
}
	
.menu_bas_bleu{
	background:url(images/menu/menu_gauche_bleu.gif);
	height:19px;
}
.menu_bas_engineering{
	background:url(images/menu/menu_gauche_engineering.gif);
	height:19px;
}
.menu_bas_drilling{
	background:url(images/menu/menu_gauche_drilling.gif);
	height:19px;
}
.menu_bas_automation{
	background:url(images/menu/menu_gauche_automation.gif);
	height:19px;
}
.menu_bas_safety{
	background:url(images/menu/menu_gauche_safety.gif);
	height:19px;
}
.menu_bas_cctv{
	background:url(images/menu/menu_gauche_cctv.gif);
	height:19px;
}
.menu_bas_telecom{
	background:url(images/menu/menu_gauche_telecom.gif);
	height:19px;
}

#library{
	margin-top:15px;
	padding-top:30px;
	padding-left:20px;
	background:url(images/menu/library.gif) no-repeat;
	height:106px;
}
#library ul {
	list-style-type: none;
	padding:0;
	margin:0;
}

#library li {
	margin-top:2px;

}
#library ul li a {
	background: url(images/menu/puce_gris.gif) left no-repeat;
	display: block;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	font-size:8pt;
	height: 16px;
	width: 116px;
	padding:2px 0 0 14px;
}
#library ul li a:hover {
	background: url(images/menu/puce_bleu.gif) left no-repeat;
	color:#4d7ab3;
}


.search{
	margin-top:15px;
	padding-top:35px;
	background:url(images/menu/search.gif) no-repeat;
	height:43px;
	text-align:center;
}
p.bout_search{
	margin:0;
	padding:0;
}


/* ------- CENTRE ABOUT------- */	
#centre{
	float:left;
	width:598px;
	height:640px;
	margin:10px 17px 0 23px;
	background:url(images/centre_fond.gif) no-repeat;
}

#centre ul{
	list-style:url(images/puce.gif);
}
#centre h1{
	color:white;
	font-size:12px;
	margin:4px 20px 0 408px;
	text-align:center;
}
#centre h2{
	color:#333;
	font-size:13px;
	border-left:solid 5pt #ccc;
	padding:0 0 0 8px;
	height:17px;
	margin:7px 0 0 0;
}
#centre h3{
	color:#333;
	font-size:10pt;
}

div.sroll{
	overflow:auto;
	width:544px;
	height:579px;
	margin:20px 10px 10px 20px;
	padding-right:10px;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
}
#centre p{
	text-align:justify;
}

p.pho img{
	margin:0 14px 14px 0;
}

div#b div.unb{
float:left;
width:240px;
margin-right:30px;
padding:5px;
border-right:dotted 1pt #ccc;
}
div#b div.deuxb{
float:left;
width:210px;
padding:5px;

}


div#c{
clear:both;
}

.im_left{
	float:left;
	margin:0 10px 0 0;
}

.im_right{
	float:right;
	margin:0 10px 10px 10px;
}
/* ------- CENTRE SYSTEMS ------- */	
/* si moin de trois produits */
#centre_sys{
	overflow:auto;
	height:665px;
	float:left;
	width:591px;
	margin:10px 24px 0 23px;
	background:url(images/fond_systeme.jpg) no-repeat;
}
#centre_sys h1{
	color:white;
	font-size:12px;
	margin:4px 15px 0 409px;
	text-align:center;
}
#centre_sys h2{
	color:#999;
	font-size:14pt;
}
#centre_sys h3{
	color:#999;
	font-size:10pt;
}

#centre_sys p{
	text-align:justify;
}
#centre_sys p.more{
	width:90px;
	background:url(images/puce_plus.png) 0 2px no-repeat;
	margin:2px 0 0 430px;
	padding-left:20px;
}
#centre_sys p.pdf{
	width:90px;
	background:url(images/puce_lien.png) 0 0 no-repeat;
	margin:6px 0 0 430px;
	padding-left:20px;
}
/* si plus de trois produits */
#centre_sys2{
	overflow:auto;
	height:665px;
	float:left;
	width:591px;
	margin:10px 24px 0 23px;
}
.fond_syst{
	background:url(images/fond_systeme2.jpg) no-repeat;
	height:355px;
}
#centre_sys2 h1{
	color:white;
	font-size:12px;
	margin:0 17px 30px 384px;
	padding-top:4px;
	text-align:center;
}
#centre_sys2 h2{
	color:black;
	font-size:14pt;
}
#centre_sys2 h3{
	color:black;
	font-size:10pt;
}

#centre_sys2 p{
	text-align:justify;
}
#centre_sys2 p.more{
	width:90px;
	background:url(images/puce_plus.png) 0 2px no-repeat;
	margin:2px 0 0 420px;
	padding-left:20px;
}
#centre_sys2 p.pdf{
	width:90px;
	background:url(images/puce_lien.png) 0 0 no-repeat;
	margin:6px 0 0 420px;
	padding-left:20px;
}

p.pdf_prod{	
margin:0 0 0 470px;
padding-left:20px;
height:22px;
	background:url(images/puce_lien.png) 0 0 no-repeat;
}

p.pho img{
	margin:0 10px 10px 0;
	border:solid 1pt #666;
	float:left;
}
div.sroll2{
	/*width:544px;*/
	height:310px;
	margin:10px 10px 10px 20px;
	padding-right:10px;
	padding-top:10px;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
}

	
/* ---------- cadre sys plus de 3 sys ------------ */
#cadre_sys{
	margin:0 auto;
	/*width:550px; /*570px*/
	height:250px;
}
#cadre_sys div{
	float:left;
	text-align:center;
	background:url(images/fond_sys.gif) no-repeat;
	width:152px;
	height:270px;
	margin-left:35px;
	padding-top:7px;
}
#cadre_sys div.un{
	float:left;
	text-align:center;
	background:url(images/fond_sys.gif) no-repeat;
	width:152px;
	height:270px;
	margin-left:28px;
	padding-top:12px;
}
#cadre_sys div.accun{
	float:left;
	text-align:center;
	background:url(images/fond_sys.gif) no-repeat;
	width:152px;
	height:270px;
	margin-left:10px;
	padding-top:7px;
}
#cadre_sys h3{
	font-size:9pt;
	margin-top:8px;
	padding:0;
}
#cadre_sys a img{
	border:0;
}
#cadre_sys a{
	color:#333;
	text-decoration:none;
}
#cadre_sys a:hover{
	color:#666;
	text-decoration:none;
}

/* ------- PRODUIT ------- */

#produit{
	width:570px;
	height:120px;
	clear:both;
}

#type_produit{
	width:505px;
	margin-bottom:2px;
	text-align:left;
}
div#type_produit div{
	float:left;
	width:120px;
	padding:3px 0 3px 0;
	margin-left:5px;
	text-align:center;
	background:url(images/fond_type_product.gif) no-repeat;
}
div#type_produit div.large{
	float:left;
	width:245px;
	padding:3px 0 3px 0;
	margin-left:5px;
	text-align:center;
	background:url(images/fond_type_product_large.gif) no-repeat;
}
#type_produit h1{
	color: #fff;
	font-weight: bold;
	padding:2px 0;
	margin:0;
}

div.groupe{
	width:495px;
	height:15px;
	color: #fff;
	background:#999;
	font-weight: bold;
	margin-top:2px;
	margin-left:5px;
	text-align:center;
	clear:both;
}
div.one{
	height:15px;
	width:120px;
	border-right:5px solid white;
	float:left;
}
div.three{
	height:15px;
	width:370px;
	float:left;
}
div.empty{
	height:15px;
	width:120px;
	border-right:5px solid white;
	background:white;
	float:left;
}

#tab_produit{
	width:500px;
	margin-left:3px;
	padding:0;
}
#tab_produit td{
	width:120px;
	padding:0 ;
	text-align:center;
	vertical-align:top;
	margin:0;
}
#tab_produit td.fond{
	width:115px;
	padding:0;
	margin:0;
	text-align:center;
	background:#eaeaea;
}
#tab_produit img{
	margin:6px 0;
	border:solid 1pt gray;
}
#tab_produit h4{
	background:#ccc;
	text-align:center;
	padding:2px 0;
	margin:0;
	font-size:8.5pt;
	font-weight:bold;
}

#type_produit_fin{
	width:505px;
	height:45px;
	margin-bottom:50px;
}
#type_produit_fin div{
	float:left;
	width:120px;
	padding:3px 0 3px 0;
	margin-left:5px;
	text-align:center;
	background:url(images/fond_type_product_fin.gif) no-repeat;
}
div#type_produit_fin div.large{
	float:left;
	width:245px;
	padding:3px 0 3px 0;
	margin-left:5px;
	text-align:center;
	background:url(images/fond_type_product_fin_large.gif) no-repeat;
}


/* ------- MENU DROITE ------- */

#menu_droite{
	float:left;
	width:145px;
	height:579px;
	background:url(images/fond_menu_droite.jpg) no-repeat;
	text-align:center;
}
#menu_droite h1.projet{
	height:16px;
	margin-top:10px;
	color:white;
	font-size:8.5pt;
	background:url(images/h1_projet.gif) repeat-x;
}
#menu_droite h1.news{
	height:16px;
	color:white;
	font-size:8.5pt;
	background:url(images/h1_news.gif) repeat-x;
}
#menu_droite img{
	width:125px;
	padding:0;
	margin:0;
}
#menu_droite p{
	padding:0;
	margin:0 0 5px 0;
}
#menu_droite ul{
	padding:0 5px;
	margin:0;
	text-align:left;
	list-style:none;
}
#menu_droite li{
	padding:7px 0;
}
#menu_droite li p{
	font-weight:bold;
	color:#000033;
}
/* ------- PROJECTS ------- */

#cont_project{
	overflow:auto;
	border-bottom:solid 1pt gray; 
	margin-top:14px;
}

.text_project{
	float:left;
	width:380px;
	padding-right:10px;
}

.img_project{
	float:left;
	width:130px;
}

#cont_project img{
	border:solid 1pt #eaeaea;
}



/* FORMUAITRE DE CONTACT */
#contd div{
width:250px;
float: left;
margin-bottom:8px;
}

#contd p{
margin: 0;
padding: 8px 0 2px 0;

}

#contd label{
padding:0;
margin:0;
width: 110px; /*width des labels. Sdoit etre plus petite que la colone de droite pour créé une marge*/
}


/* ------- FOOTER ------- */
.footer{
clear:both;
	background: url(images/fond_pied.jpg) no-repeat;
	height:10px;
	padding-top:26px;
	color:gray;
	font-size:7pt;
}
.footer a{
	text-decoration:none;
	color:#gray;
}
.footer a:hover{
	text-decoration:underline;
	color:#666;
}