body {
	margin: 0;
	padding: 0;
	font: 0.8em Arial,Helvetica,sans-serif;
}

p {
	margin: 0;
	padding: 0;
}

#conteneur {
width: 892px;
	margin: 0 auto;
}

#droit {
	float: left;
	width: 178px;
	height: 565px;
	background: url(../images/logo_rs_steiner.gif) no-repeat;
}

#menu {
	background-color: silver;
	margin-top: 208px;
	margin-left: 42px;
	width: 126px;
}


#contenu {
	background-color: white;
	float: left;
	width: 712px;
	border-bottom: 1px solid #E12C26;
	border-right: 1px solid #E12C26;
	border-left: 1px solid #E12C26;

}

#plan {
	background: url(../images/home/fond_plan3.gif) 0 200px;
}

#text {
	margin: 20px 20px 0;
	clear: both;
}



#imagehaut
 {
	border-bottom: 1px solid #E12C26;

}
.spacer {
clear: both;
}

#pied {
	width: 400px;
	text-align: left;
	margin-top: 5px;
	color: #666666;
	float: left;
	margin-left: 178px;
	display: inline;
	font-size: 0.8em;
}
#pied a {

	color: #666666;
	text-decoration: none;
}
#pied a:hover {

	color: black;
	text-decoration: none;
}

#imgpres {
	width: 220px;
	
	height: 710px;
	background-image: url(../images/presentation/presentations_3p.jpg);
	margin: 0 -20px 0 10px;
	float: right;
    bottom: 0;
	border-top: 1px solid #E12C26;
	border-left: 1px solid #E12C26;
}

#imgformation {
	width: 220px;
	
	height: 280px;
	background-image: url(../images/formation/formation1.jpg);
	margin: 0 -20px 0 10px;
	float: right;
    bottom: 0;
	border-top: 1px solid #E12C26;
	border-left: 1px solid #E12C26;
}


.imgwebcam {
	border: 1px solid #E12C26;
}

a img.imglightbox {
	border: 1px solid white;
}
a:hover img.imglightbox {
	border: 1px solid gray;
}

#imgpres1 {
	width: 275px;
	height: 240px;
	float: left;
	margin-top: 3px;
}
#imgpres2 {
	width: 275px;
	height: 71px;
	float: left;
	margin-top: 3px;
}
#imgpres3 {
	width: 275px;
	height: 132px;
	float: left;
	margin-top: 3px;
}


/* @group menu */

ul#menu2 {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#menu2 a {
text-decoration: none;
display: block;
width: 126px;
text-indent: -5000px;
	margin: 0;
	padding: 0;
}


#menuimg1{
background-image: url(images/menu/menu1_off.gif);
height: 40px;
}
#menuimg1 a{
height: 40px;
}
#menuimg1:hover{
background-image: url(images/menu/menu1_on.gif); 
}
#menuimg1actif{
background-image: url(images/menu/menu1_on.gif); 
height: 40px;
}





#lien1{
	background-image: url(../images/menu/accueil_off.gif);
	height: 33px;
}
#lien1 a{
	height: 33px;
}
#lien1:hover{
	background-image: url(../images/menu/accueil_on.gif); 
}
#lien1actif{
	background-image: url(../images/menu/accueil_on.gif); 
	height: 33px;
}




#lien2{
	background-image: url(../images/menu2/presentation_off.gif); 
	height: 24px;
}
#lien2 a{
	height: 24px;
}
#lien2:hover{
	background-image: url(../images/menu2/presentation_on.gif);
}
#lien2actif{
	background-image: url(../images/menu2/presentation_on.gif);
	height: 24px;
}








#lien3{
	background-image: url(../images/menu2/prestations_off.gif); 
	height: 38px;
}
#lien3 a{
	height: 38px;
}
#lien3:hover{
	background-image: url(../images/menu2/prestations_on.gif);
}
#lien3actif{
	background-image: url(../images/menu2/prestations_on.gif);
	height: 38px;
}




#lien4{
	background-image: url(../images/menu2/references_off.gif); 
	height: 34px;
}
#lien4 a{
	height: 34px;
}
#lien4:hover{
	background-image: url(../images/menu2/references_on.gif);
}
#lien4actif{
	background-image: url(../images/menu2/references_on.gif);
	height: 34px;
}



#lien5{
	background-image: url(../images/menu2/collaborateurs_off.gif); 
	height: 36px;
}
#lien5 a{
	height: 36px;
}
#lien5:hover{
	background-image: url(../images/menu2/collaborateurs_on.gif);
}
#lien5actif{
	background-image: url(../images/menu2/collaborateurs_on.gif);
	height: 36px;
}





#lien6{
	background-image: url(../images/menu2/formation_off.gif); 
	height: 36px;
}
#lien6 a{
	height: 36px;
}
#lien6:hover{
	background-image: url(../images/menu2/formation_on.gif);
}
#lien6actif{
	background-image: url(../images/menu2/formation_on.gif);
	height: 36px;
}


#lien7{
	background-image: url(../images/menu2/contact_off.gif); 
	height: 24px;
}
#lien7 a{
	height: 24px;
}
#lien7:hover{
	background-image: url(../images/menu2/contact_on.gif);
}
#lien7actif{
	background-image: url(../images/menu2/contact_on.gif);
	height: 24px;
}



#lien8 {
	background-image: url(../images/menu2/media_off.gif); 
	height: 35px;
}
#lien8 a{
	height: 35px;
}
#lien8:hover{
	background-image: url(../images/menu2/media_on.gif);
}
#lien8actif{
	background-image: url(../images/menu2/media_on.gif);
	height: 35px;
}



#lien9 {
	background-image: url(../images/menu2/webcam_off.gif); 
	height: 36px;
}
#lien9 a{
	height: 36px;
}
#lien9:hover{
	background-image: url(../images/menu2/webcam_on.gif);
}
#lien9actif{
	background-image: url(../images/menu2/webcam_on.gif);
	height: 36px;
}


/* @end */

/* @group label */

ul#label{
	padding: 0 ;
	list-style-type: none ;
	text-indent: -5000px;
}
				
ul#label li{
	float: left ;
	text-align: center ;
}
		
ul#label li a{
			
	display: block ;
	text-decoration: none ;
		}
		
a#label0{
	background-image: url(../images/label/fve_off.gif);
	height: 54px;
	width: 54px;
	margin-right: 10px;
}
a#label0:hover{
	background-image: url(../images/label/fve_on.gif);

}
		
a#label1{
	background-image: url(../images/label/fsc_off.gif);
	height: 65px;
	width: 55px;
	
}
a#label1:hover{
	background-image: url(../images/label/fsc_on.gif);

}

a#label2{
	background-image: url(../images/label/apprenti_off.gif);
	height: 54px;
	width: 54px;
	margin-left: 10px;
}
a#label2:hover{
	background-image: url(../images/label/apprenti_on.gif);

}
a#label3{
	background-image: url(../images/label/energie_off.gif);
	height: 54px;
	width: 54px;
	margin-left: 10px;
}
a#label3:hover{
	background-image: url(../images/label/energie_on.gif);

}
a#label4{
	background-image: url(../images/label/swiss_testing_off.gif);
	height: 54px;
	width: 54px;
	margin-left: 10px;
}
a#label4:hover{
	background-image: url(../images/label/swiss_testing_on.gif);

}


/* @end */

.titre {
	background: url(../images/carrer/carrer15.gif) no-repeat 0 2px;
	padding-left: 25px;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 20px;
}

a {
	color: black;
	text-decoration: none;
}
a:hover {
	color: #E12C26;
	text-decoration: none;
}

li.carrer {
	list-style-image: url(../images/carrer/carrer8.gif);
	margin-bottom: 5px;
	margin-left: -20px;
}
li.carrer2 {
	list-style-image: url(../images/carrer/carrer8.gif);
	text-align: justify;
}
ul.carrer2 {
	margin-top: 0;
	margin-bottom: 0;
}

.gras {
	font-weight: bold;
}
.adresscontact {
	position: relative;
	width: 240px;
	float: left;
	text-align: right;
	padding-right: 20px;
}
.contact {
	margin-left: 280px;
}

.txtinvpres {
	font-size: 0.1em;
	color: white;
}

/* @group reference */

.ref {
	width: 284px;
	border: 1px solid white;
	float: left;
	padding: 10px;
	text-align: center;
	margin: 10px;
	height: 230px;
}



.architecte {
	color: silver;
	font-style: italic;
	
}



/* @end */

/* @group colaborateur */

.titrecolabo {
	
	border-top: 1px solid #E12C26;
	border-bottom: 1px solid #E12C26;
	width: 670px;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.colabo {
	border: 1px solid white;
	text-align: center;
	margin-bottom: 3px;
	height: 67px;
}

.colaboqui {
	float: left;
	margin-top: 25px;
	margin-left: 60px;
	width: 160px;
	text-align: left;
}
.colaboquoi {
	float: left;
	margin-top: 25px;
	margin-left: 50px;
	width: 300px;
	text-align: left;
}

.imgcolabo {
	float: left;
}



/* @end */

/* @group home */



#global { 

  	width: 650px;
	background-color: white;
	margin: 0 auto;
	border-left: 1px solid #E12C26;
	border-bottom: 1px solid #E12C26;
	border-right: 1px solid #E12C26;
	text-align: center;
}

#globalwebcam { 
	position:absolute; 
  	left: 50%;  
  	top: 50%; 
  	width: 800px; 
	height: 660px; 
  	margin-top: -330px; /* moitié de la hauteur */ 
  	margin-left: -400px; /* moitié de la largeur */ 
  	border: 1px solid #E12C26; 

	background-color: white;


	text-align: center;
}





li.liste {
	list-style-image: url(../images/carrer/carrer8.gif);
	text-align: justify;
	margin-left: 20px;
}



.visiter {
	background: url(../images/carrer/carrer15.gif) no-repeat 0 2px;
	padding-left: 25px;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 20px;
}
.visiter a {

	text-decoration: none;
	color: black;
}
.visiter a:hover {

	text-decoration: none;
	color: #E12C26;
}

.legende {
	font-style: italic;
	font-size: 0.8em;
}

/* @end */

/* @group tableau */



.tableau {
border-collapse:collapse

}

.tb_haut {
	vertical-align: top;
	padding: 4px;
	border: 1px solid #E12C26;
}
.tb_haut_gras {
	vertical-align: top;
	padding: 4px;
	border: 1px solid #E12C26;
	font-weight: bold;
	color: #E12C26;
	text-decoration: underline;
}

/* @end */