/******************************************************************************

 Créer le: 	2007-09-17
 
 Par:		Jofrey Claudey
 			www.perestroika-blmc.com

 Contact:	3 rue rabelais, 33700 Mérignac.
			Tel. 08 70 44 67 27.
			
 Mail:		mail[at]perestroika-blmc.com
 
 ******************************************************************************/
/** Perestroika ***************************************************************/
#perestroika {
	float: left;
	padding: 0 0 10px 5px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 9px;
	color: #4A4839;
}
	#perestroika a {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: 9px;
		color: #4A4839;
		text-decoration: underline;
	}

/** Reset *********************************************************************/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	outline: 0;
}

/** body **********************************************************************/
body {
	background: #FCFBFB url('../images_inter/fond_body.jpg') repeat-x;
}

/** Corps du site *************************************************************/
#contener {
	margin: auto;
	width: 908px;
	background-color: transparent;
}

/** Tête de page **************************************************************/
	#header {
		margin: 26px 0 9px 0;
		padding: 1px 0 0 4px;
		width: 904px;
		height: 74px;				
	}
	
/** Accroche ******************************************************************/
		#accroche {
			float: left;
			width: 610px;
			height: 73px;
			background: transparent url('../images_inter/institutID.gif') no-repeat right bottom;
			text-indent: -10000px;
		}
		
/** Page ***********************************************************************/
#page {		
	clear: both;
	width: 908px;
	height: 608px;
	background-color: #E8E6DA;
}

/** Fond de Page ****************************************************************/
#accueil #interieure_page {
	background: transparent url('../images_fond/fond_accueil.jpg') no-repeat left top;
}
#id #interieure_page {                     
	background: transparent url('../images_fond/fond_id.jpg') no-repeat left top;
}
#pimplantaire #interieure_page {            
	background: transparent url('../images_fond/fond_pimplantaire.jpg') no-repeat left top;
}
#technologie #interieure_page {            
	background: transparent url('../images_fond/fond_technologie.jpg') no-repeat left top;
}  
#prestations #interieure_page {            
	background: transparent url('../images_fond/fond_prestations.jpg') no-repeat left top;
}   
#emploi #interieure_page {                 
	background: transparent url('../images_fond/fond_emploi.jpg') no-repeat left top;
}   
#voyage #interieure_page {                 
	background: transparent url('../images_fond/fond_voyage.jpg') no-repeat left top;
}
#faq #interieure_page {                 
	background: transparent url('../images_fond/fond_faq.jpg') no-repeat left top;
}

/** Les Ombres *****************************************************************/
	#ombreg {
		float: left;
		width: 4px;
		height: 608px;
		background: transparent url('../images_inter/ombre_g.gif') no-repeat left top;
	}
	#ombreh {
		float: left;
		width: 900px;
		height: 4px;
		background: transparent url('../images_inter/ombre_h.gif') no-repeat left top;
		font-size:1px;
		line-height:0;
	}
	#ombreb {
		float: left;
		width: 900px;
		height: 4px;
		background: transparent url('../images_inter/ombre_b.gif') no-repeat left top;
		font-size:1px;
		line-height:0;
	}
	#ombred {
		float: right;
		width: 4px;
		height: 608px;
		background: transparent url('../images_inter/ombre_d.gif') no-repeat left top;
	}
	
/** Intérieure des page ********************************************************/
	#interieure_page {
		float: left;
		width: 900px;
		height: 600px;
	}

/** Ombres internes gauche et droite *******************************************/
		#col_ombreg {
			float: left;
			width: 10px;
			height: 600px;
			background: transparent url('../images_inter/fond_col_g.gif') no-repeat left top;
		}
		#col_ombred {
			float: left;
			width: 10px;
			height: 600px;
			background: transparent url('../images_inter/fond_col_d.gif') no-repeat right bottom;
		}
		
/** Contenu *********************************************************************/
		#contenu {
			float: left;
			width: 880px;
			height: 600px;
		}
		
/** Colone Gauche ***************************************************************/
			#col_gauche {
				float: left;
				width: 480px;
				height: 600px;
			}
				#faq #col_gauche {
					width: 430px;
				}
				#accueil #col_gauche {
					width: 530px;
				}
				/** Colone Gauche | Balise p, ul et li **************************/
				#col_gauche p,
				#col_gauche ul,
				#accueil #col_gauche a {
					margin: 5px 28px 0 200px;
					padding: 5px;
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 12px;
					line-height: 15px;
					color: #000;
					text-align: justify;
				}
					#id #img_onglet1 p,
					#id #img_onglet2 p,
					#id #img_onglet3 p,
					#technologie #img_onglet2 p {
						margin: 0;
						padding: 0;
						text-align: center;
					}
					#id #img_onglet1 img,
					#id #img_onglet2 img,
					#id #img_onglet3 img,
					#technologie #img_onglet2 img {
						padding-left: 5px;
					}
				#temoignages {
					margin: 0;
					width: 582px;
				}
				#temoignages h4 {
					float: left;
					margin: 20px 0 0 2px;
					padding-top: 2px;
					width: 580px;
					height: 23px;
					background: transparent url('../images_inter/tem_h4.gif') no-repeat 0 0;
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 12px;
					color: #4A4839;
					text-align: center;
					font-weight: bold;					
				}
				.tem {
					margin: 0 10px 5px 2px;
					padding: 0 10px 0 10px;
					float: left;
					width: 555px;
					border-right: 1px solid #ede7d8;
					border-left: 1px solid #ede7d8;
					border-bottom: 1px solid #ede7d8;
					
				}
				.tem p {
					margin: 0;
					padding: 5px;
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 12px;
					line-height: 15px;
					color: #000;
					text-align: justify;
				}
				
				#faq #col_gauche p,
				#faq #col_gauche ul {
					margin: 5px 28px 0 150px;
					padding: 5px;
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 12px;
					line-height: 15px;
					color: #000;
					text-align: justify;
				}
				#accueil #col_gauche #intro {
					margin: 0 0 10px 0;
				}
				#accueil #col_gauche #intro p span strong {
					font-weight: bold;
				}
				#accueil #col_gauche p,
				#accueil #col_gauche ul {
					margin: 5px 28px 0 100px;
				}
					#col_gauche ul li {
						list-style: disc inside;
						margin: 5px 0 0 10px;
						text-align: left;
					}
				#accueil #col_gauche a {
					color: #FFF;
					font-weight: bold;
					margin: 0 28px 0 104px;
					text-align: center;
					padding-top: 7px;
					background: transparent url('../images_inter/a_index.jpg') no-repeat 0 0;
					display: block;
					height: 16px;
					width: 382px;
				}
					#accueil #col_gauche a:hover {
						text-decoration: underline;
					}
					
				/** Colone Gauche | Balise h2 ***********************************/
				#col_gauche	h2 {
					margin: 220px 30px 20px 80px;
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 18px;
					font-weight: bold;
					color: #042421;
				}
				#accueil #col_gauche h2 {
					margin: 10px 30px 20px 80px;
					font-size: 22px;
				}
					#accueil #col_gauche h2 a {
						font-size: 18px;
						font-weight: bold;
						color: #042421;
					}
				#emploi #col_gauche h2 {
					margin: 310px 30px 20px 80px;
					font-size: 18px;
				}
				
				/** Colone Gauche | Balise h3 ***********************************/
				#col_gauche	h3 {
					margin: 30px 20px 20px 180px;
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 14px;
					font-weight: bold;
					color: #042421;
				}
				#faq #col_gauche h3 {
					margin: 90px 20px 20px 100px;
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 14px;
					font-weight: bold;
					color: #042421;
				}
				
				/** Colone Gauche | Balise a ************************************/
				#col_gauche	a.subr {
					display: block;
					margin-left: 0px;
					margin: 10px 28px 10px 100px;
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 12px;
					font-weight: bold;
					color: #615F52;
				}
					#col_gauche a.subr:hover span {
						background-color: #E3E0D3;
					}
					#col_gauche a span {
						font-weight: bold;
					}
/** Colone Droite ***************************************************************/
			#col_droite {
				float: left;
				padding-left: 6px;
				width: 394px;
				height: 590px;
			}
				#faq #col_droite {
					width: 444px;
				}
				#accueil #col_droite {
					width: 344px;
				}
				#accueil #col_droite #col_droite_interne {
					height: 478px;
				}
					#accueil #col_droite img {
						float: left;
					}
				#accueil #col_droite #col_droite_interne #diaporama {
					width: 344px;
					height: 190px;
					background-color: #000;
					color: #fff;
				}
				#accueil #col_droite #col_droite_interne  ol {
					list-style-type: decimal;
					list-style-position: outside;
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 12px;
					width: 284px;
					margin: 0 30px;
					color: #4A4839;
				}
				#accueil #col_droite #col_droite_interne  ol li {
					margin-bottom: 1px;
				}
			/** Colone Droite | Balise a ****************************************/
				#col_droite a {
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 12px;
					color: #615F52;
				}
				#col_droite a.stitre {
					display: block;
					width: 369px;
					height: 18px;
					margin:10px auto 10px auto;
					padding-top: 4px;
					background: transparent url('../images_inter/h2_cold2.gif') no-repeat 0 0;
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 12px;
					font-weight: bold;
					text-align: center;
					color: #FFF;
				}
				#col_droite a.onglet {
					display: block;
					width: 314px;
					height: 19px;
					margin-left: 0px;
					padding: 9px 0 0 70px;
					background: transparent url('../images_inter/onglet.gif') no-repeat 0 -28px;
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 12px;
					font-weight: bold;
					color: #615F52;
				}
					#faq #col_droite a {
						display: block;
						height: 18px;
						margin-left: 0px;
						padding: 6px 0 0 50px;
						border-top: 1px solid #F4F0E2;
						border-bottom: 1px solid #D0CDC2;
						font-family: arial, verdana, helvetica, sans-serif;
						font-size: 12px;
						font-weight: bold;
						color: #615F52;
					}
					#col_droite a.plus {
						background: transparent url('../images_inter/h2_cold2.gif') no-repeat 0 -22px;
					}
					#col_droite a:hover {
						text-decoration: underline;
					}
						#faq #col_droite a:hover {
							text-decoration: underline;
							border-top: 1px solid #D0CDC2;
							border-bottom: 1px solid #F4F0E2;
						}
						
				/** Colone Droite | Balise p, ul et li **************************/
				#col_droite p,
				#col_droite ul {
					margin: 10px 28px 10px 28px;
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 12px;
					line-height: 13px;
					color: #615F52;
					text-align: justify;
				}
				#accueil #col_droite p {
					width: 288px;
					margin: 10px auto 10px auto;
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 12px;
					line-height: 13px;
					color: #8a0e7e;
					text-align: justify;
					font-style: italic;
				}
					#col_droite ul li {
						list-style: disc inside;
						margin: 5px 0 0 5px;
						text-align: left;
					}
					#pimplantaire #col_droite ul li {
						list-style: disc inside;
						margin: 0 0 0 5px;
						text-align: left;
					}
				/** Colone Droite | Balise h2 ***********************************/
				#col_droite	h2 {
						display: block;
						width: 369px;
						height: 18px;
						margin:10px auto 10px auto;
						padding-top: 4px;
						background: transparent url('../images_inter/h2_cold.gif') no-repeat 0 0;
						font-family: arial, verdana, helvetica, sans-serif;
						font-size: 12px;
						font-weight: bold;
						text-align: center;
						color: #FFF;
					}
						
				/** Colone Droite | Balise h3 ***********************************/
				#col_droite	h3 {
					margin: 10px 28px 10px 28px;
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 12px;
					font-weight: bold;
					color: #615F52;
				}
					#faq #col_droite h3 {
						margin: 10px 40px 10px 40px;
					}
					#accueil #col_droite h3 {
						display: block;
						width: 330px;
						height: 16px;
						padding-top: 1px;
						margin:10px auto 10px auto;
						background: transparent url('../images_inter/h3_cold.gif') no-repeat 0 0;
						font-family: arial, verdana, helvetica, sans-serif;
						font-size: 12px;
						font-weight: bold;
						text-align: center;
						color: #FFF;
					}
						
				/** Colone Droite | Balise strong *******************************/
				#col_droite	strong {
						font-weight: bold;
					}
				
				/** Footer */
				#footer {
					float: right;
					padding-top: 10px;
				}
					#footer #image_id {
						width: 240px;
						height: 30px;
						background: transparent url('../images_inter/institutID_footer.gif') no-repeat 0 0;
					}
					#footer p,
					#footer a {
						padding-left: 3px;
						font-family: arial, verdana, helvetica, sans-serif;
						font-size: 12px;
						text-align: right;
						color: #000;
					}
					#footer a {
						display: block;
						padding-top: 5px;
					}
						#footer a:hover {
							text-decoration: underline;
						}