@charset "iso-8859-1";
/* GENERAL*/

body
{
	font-family:arial;
	font-size:11px;
	background-color:rgb(221,221,221);
	background-image:url("images/fond.jpg");
	background-repeat:repeat-x;
	color:#000000;
}

#container
{
	height:100%;
}


/*PREMIER BLOC DU HAUT*/ 

#hautpage
{
	width:802px;
	position:absolute;
	margin-left:-401px;
	left:50%;
	top:10px;
	height:170px;
	background-image:url("images/hautpage.jpg");
	background-repeat:no-repeat;
	z-index:2;
}

#logo
{
	position:relative;
	left:10px;
}

#accesclient
{
	padding-right:30px;
	padding-top:10px;
}

legend
{
	font-size:12px; 
	font-weight:bold;
	color:#000000;
}


#accesclient fieldset
{
	padding:5px;
}

/* MENU FLASH*/

#header, #accueil
{
	border-left:1px solid rgb(36,43,102);
	border-right:1px solid rgb(36,43,102);
	position:absolute;
	margin-left:-401px;
	left:50%;
	top:150px;
}


/* CORPS DES INFORMATIONS*/

#contenu, #contenu_accueil
{
	width:802px;
	height:200px;
	position:absolute;
	margin-left:-401px;
	margin-bottom:30px;
	left:50%;
	background-color:#FFFFFF;
	top:470px;
	text-align:justify;
	border-left:1px solid rgb(36,43,102);
	border-right:1px solid rgb(36,43,102);
	border-bottom:1px solid rgb(36,43,102);
}

#contenu_erreur
{
	width:802px;
	height:20px;
	position:absolute;
	margin-left:-401px;
	margin-bottom:30px;
	left:50%;
	background-color:#FFFFFF;
	top:300px;
	text-align:justify;
	border-left:1px solid rgb(36,43,102);
	border-right:1px solid rgb(36,43,102);
	border-bottom:1px solid rgb(36,43,102);
}

#corps_accueil
{
	height:160px;
}

#contenu
{
	background-image:url("images/arriere.jpg");
	background-repeat:no-repeat;
	background-position:bottom;
}

#contenu #titrepage
{
	height:30px;
	padding-left:10px; 
	background-image:url("images/trait.jpg");
	background-repeat:no-repeat;
	background-position:left;
	font-size:18px;
}

#contenu #corps, #contenu_accueil #corps, #contenu_erreur #corps
{
	padding-top:20px;
	padding-right:30px;
	padding-left:30px;
	padding-bottom:30px;
	font-size:12px;
	height:200px;
	vertical-align:top;
	z-index:2;
}

#seminaire
{
	float:right;
	margin-right:10px;
	margin-bottom:20px;
	text-align:left;
}

/* MISE EN FORME GENERALE*/
li
{
	list-style-position:inside;
	padding-left:15px;
}

#alinea
{text-indent:30px;}

#encadre /*encadre les textes importants pour la prestation electrique et le principe de la base de donnees technique*/
{
	border:1px solid #000000;
	font-weight:bold;
}

#sousrubrique #on /*permet de souligner les sous rubriques dans laquelle on se trouve*/
{
	text-decoration:underline;
}

img
{border:none;}

a
{color:#000000;}

/*CONTROLE DE CONFORMITE MECANIQUE*/

/*principe*/
#principem
{
	position:relative;
	left:90px;
}

/*norme_sia*/
#vent_suisse
{position:relative;
left:-8px;
}

/*statistiques*/
#statm
{
	position:relative;
	left:-10px;
}

#fieldset
{
	border:1px solid black;
}
	
/* CONTROLE DE CONFORMITE ELECTRIQUE*/

#prestation_e
{position:relative;
top:20px;
left:50px;
}

/* ASSISTANCE TECHNIQUE*/
#assistance_t
{	
	width:690px;
}

#assistance_t p
{
	position:relative;
	top:30px;
}

#assistance_t img
{
	position:relative;
	left:30px;
	border:1px solid rgb(36,43,102);
}

/*BASE DE DONNEES TECHNIQUE*/
#visuels
{
	position:relative;
	left:35px;
}

#visuels td
{
	text-align:center;
	font-size:11px;
}

#visuels img
{border:1px solid rgb(36,43,102);}

/*CONTACT*/

/*acces*/
#contact
{
	background-image:url("images/contact_arriere.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	width:730px;
}

#field_contact
{
	border:none;
}

/*equipe commerciale*/
#carte_commercial
{
	position:relative;
	left:-70px;
	top:15px;
	z-index:0;
	padding-bottom:60px;
}

#contact_flash /*animation flash avec coordonnees cedric, sebastien et françois*/
{
	position:relative;
	top:-70px;
	left:50px;
}

#coin1 /*coin arrondi en haut a gauche*/
{
	position:relative;
	left:-25px;
}

#coin2 /* coin arrondi en bas a droite*/
{	
	position:relative;
	top:-80px;
	right:80px;
}


/*MISE EN FORME POUR LES LIENS*/

a
{text-decoration:none; color:#000000; cursor:pointer;}

a:hover, a:hover p
{text-decoration:underline;}


img
{border:none; /*pour que les images qui servent de lien n'ont pas de bordure*/}

#surligne_vert:hover
{
	color:green;
}

#surligne_bleu:hover
{
	color:blue;
}

#surligne_rouge:hover
{
	color:rgb(180,17,50);
}

#surligne_bleu_faq:hover
{
	color:rgb(51,51,153);
}

#surligne_violet_faq:hover
{
	color:rgb(102,0,102);
}

#surligne_orange_faq:hover
{
	color:rgb(205,102,0);
}

#surligne_gris_faq:hover
{
	color:rgb(153,153,153);
}

/*SOCIETE*/

#historique
{
	height:340px;

}

/*BIBLIOGRAPHIE*/

#nf
{height:240px;}

#presse
{height:280px;}

#liens
{
	height:295px;
}


/*FAQ*/

#faq
{
	width:450px;
	float:left;
	margin-left:30px;
}

#faq td
{
	text-align:justify;
}

#puce_faq /*permet d'ajuster la position de la puce quand la question  tient sur  plus de 2 lignes*/
{
	
	position:relative;
	top:-5px;
}

#questions
{
	width:600px;
	position:relative;
	left:30px;
}

/* Utilité des classes suivantes ? Elles posent des problèmes sous Firefox et Chrome : la plupart des questions des FAQ ne sont plus cliquables
#reponses_ip,
#reponses_bdd,
#reponses_ri,
#reponses_cp,
#reponses_ex,
#reponses_m,
#reponses_e,
#reponses_dp,
#reponses_de,
#reponses_f,
#reponses_at
{
	width:600px;
	position:relative;
	left:60px;
}

#reponses_bdd, #reponses_dp, #reponses_at
{height:180px;}
#reponses_ri, #reponses_e
{height:270px;}
#reponses_cp
{height:300px;}
#reponses_m
{height:220px;}
#reponses_f
{height:160px;}
*/










/*Ne sais pas c'est quoi*/
#id1
{position:absolute; }

#bas
{
	position:absolute;
	bottom:0px;}