/* -- DEBUT: styles généraux --------------------------------------------------------*/

body 
{
	text-align: center;
	background: #fff url(./images/bg.png) repeat-x;
	padding: 0px;
	margin:0;
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 1px;
	height: 108px;
	text-indent: -3000px;
	background: transparent url(./images/logo.png) no-repeat top right;
	}

h2 {
	padding: 0;
	margin: 0 0 5px 0;
	color: #434343;
	font: 20px Georgia, Times New Roman, Times, serif;
	}
	
h3 {
	padding: 0;
	margin: 5px 0 5px 0;
	color: #434343;
	font: 17px Georgia, Times New Roman, Times, serif;
	}
	
p {	margin: 0 0 15px 0;}

a {
	color: #688ca0;
	text-decoration: none;
	}

a:hover {
	color: #000000;
	}

/* -- FIN: styles généraux --------------------------------------------------------*/

/* -- DEBUT: conteneurs --------------------------------------------------------*/

#container {
	margin: 0 auto;
	text-align: left;
	border: 0px solid #545454;
	width: 	990px;
	font: 13px/19px Trebuchet MS, Georgia, Times New Roman, serif;
	}
	
#menu {
	clear: both;
	border: 0;
	padding: 0;
	}
	#menu ul {
		margin: 0;
		list-style: none;
		text-align:center;
		padding: 0;
		}
		
	#menu ul li {
		border-left: 1px solid #444;
		display: inline;
		padding: 0 23px 0 23px;
		}
		
	#menu ul li#dernier {
		border-right: 1px solid #444;
		}
		
	#menu ul li a {
		color: #444;
		font: bold 14px Georgia, Times New Roman, Times, serif;
		text-decoration: none;
		padding: 0px 8px;
		}

	#menu ul li a:hover {
		text-decoration: none;
		color: #FFF;
		}
		
#copyright {
	clear: both;
	height: 20px;
	vertical-align: middle;
	border-top: 1px solid #545454;
	background-color: #cbd1c3;
	padding: 1px 5px;
	}
	
	#copyright p {
		color: #3d492b;
		text-align:right;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 3px 0px;
		}
	
	#copyright p img {
		border:0px;
		vertical-align:middle;
		}
		
	#copyright p img#css_button {
		border:0px;
		vertical-align:middle;
		padding: 1px 20px 0 0;
		}
		
#side_menu{
	width: 200px;
	float: left;
	padding: 30px 25px 20px 15px;
	}
	
	#side_menu .texte{
		background-color: #EEE;
		padding: 10px;
		border: 1px solid #444;
		}
	
	#side_menu p {
		color: #111111;
		font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 10px 12px;
		text-align: left;
		}
		
	#side_menu ul {
		margin: -10px 0 0 0;
		list-style: none;
		text-align:left;
		padding: 0 0 10px 0;
		}
		
	#side_menu ul li {
		color: #111111;
		font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 2px 13px;
		text-align: left;
		}
		
	#side_menu ul li a {
		color: #000000;
		text-decoration: none;
		}

	#side_menu ul li a:hover {
		color: #688ca0;
		}

	#side_menu p .titre {
		display: block;
		padding: 0 0 7px 0;
		color: #4776bd;
		font: bold 11px Georgia, Times New Roman, Times, serif;
		margin: 0 0 0 -20px;
		padding: 0 0 0 15px;
		}
		
#site {
	float: left;
	width: 735px;
	padding: 30px 0 20px 0;
	margin: 0;
	}
	#site p {
		text-indent:0px;
		text-align: justify;
		}
		
	#site #contenu {
		background-color: #EEE;
		padding: 10px 20px 0 20px;
		border: 1px solid #444;
		}
	#site #contenu p {
		text-indent:10px;
		text-align: justify;
		}
	#site #contenu ul {
		list-style-type: disc;
		}
	#site div {
		background-color: #EEE;
		padding: 10px 20px 0 20px;
		border: 1px solid #444;
		}
		
	#site #base h2 a {
	color: #000000;
	text-decoration: none;
	}

	#site #base h2 a:hover {
	color: #688ca0;
	}
	
/* -- FIN: containers --------------------------------------------------------*/

/* -- DEBUT: securite ---------------------------------------------------*/
	#site #securite p {
		padding: 20px 0 0 10px;
		text-align: justify;
		}
	#site #securite p#geotechnique {
		padding-bottom: 60px;
		}
	#site #securite p#structure {
		padding-bottom: 150px;
		}
	#site #securite p#hydraulique {
		padding-bottom: 120px;
		}
	#site #securite p#auscult_1 {
		text-align:center;
		padding: 20px 0;
		float:left;
		}
	#site #securite p#auscult_2 {
		text-align:center;
		padding: 20px 0;
		float:right;
		}
	#site #securite p#auscult_3 {
		text-align:center;
		padding: 20px 0;
		clear:left;
		float:left;
		}
	#site #securite p#auscult_4 {
		text-align:center;
		padding: 20px 0;
		float:right;
		}
	#site #securite li#auscult {
		height: 520px;
		}
	#site #securite p#inspection_2002 {
		text-align:center;
		padding: 20px 0;
		float:left;
		}
	#site #securite p#inspection_2003 {
		text-align:center;
		padding: 20px 0;
		float:right;
		}
	#site #securite li#inspection {
		height: 330px;
		}
	#site #securite ul {
		list-style-type: none;
		padding: 0 20px;
		}

/* -- FIN: specifique ---------------------------------------------------------*/

/* -- DEBUT: comportement---------------------------------------------------*/
	#site #comportement p {
		padding: 20px 0 0 10px;
		text-align: justify;
		}
	#site #comportement p.calc_num_left {
		text-align:center;
		padding: 20px 0;
		clear:left;
		float:left;
		}
	#site #comportement p.calc_num_right {
		text-align:center;
		padding: 20px 0;
		float:right;
		}
	#site #comportement li#calc {
		height: 720px;
		}
	#site #comportement p#pareroche_1 {
		text-align:center;
		padding: 20px 0;
		float:left;
		}
	#site #comportement p#pareroche_2 {
		text-align:center;
		padding: 20px 0;
		float:right;
		}
	#site #comportement p#pareroche_3 {
		text-align:center;
		padding: 20px 0;
		clear:both
		}
	#site #comportement li#pareroche {
		height: 550px;
		}
	#site #comportement p#interpretation_sep {
		padding-bottom: 230px;
		}
	#site #comportement p#interpretation_hysteresis {
		padding-bottom: 150px;
		}
	#site #comportement p#chantier {
		}
	#site #comportement ul {
		list-style-type: none;
		padding: 0 20px;
		}

/* -- FIN: comportement---------------------------------------------------------*/

/* -- DEBUT: spéciaux---------------------------------------------------*/
	#site #speciaux p {
		padding: 5px 0 0 10px;
		text-align: justify;
		}
	#site #speciaux ul {
		list-style-type: none;
		padding: 0 20px;
		}

/* -- FIN: spéciaux ---------------------------------------------------------*/

/* -- DEBUT: spéciaux injection---------------------------------------------------*/
	#site #speciaux_inject p {
		padding: 5px 0 0 10px;
		text-align: justify;
		}
	#site #speciaux_inject ul {
		list-style-type: none;
		padding: 0 20px;
		}
	#site #speciaux_inject p#cone {
		padding-bottom: 200px;
		}
	#site #speciaux_inject p#conduite {
		padding-bottom: 280px;
		}
	#site #speciaux_inject p#beton {
		padding-bottom: 200px;
		}
	#site #speciaux_inject p#rocheux {
		padding-bottom: 200px;
		}
	#site #speciaux_inject p#vanne_1 {
		text-align:center;
		padding: 20px 0;
		float:left;
		}
	#site #speciaux_inject p#vanne_2 {
		text-align:center;
		padding: 20px 0;
		float:right;
		}
	#site #speciaux_inject li#vanne {
		height: 230px;
		}

/* -- FIN: spéciaux injection ---------------------------------------------------------*/

/* -- DEBUT: spéciaux instrumentation---------------------------------------------------*/
	#site #speciaux_inst p {
		padding: 5px 0 0 10px;
		text-align: justify;
		}
	#site #speciaux_inst ul {
		list-style-type: none;
		padding: 0 20px;
		}
	#site #speciaux_inst p#pendule_inv {
		padding-bottom: 200px;
		}
	#site #speciaux_inst p#pendule_enc {
		padding-bottom: 200px;
		}
	#site #speciaux_inst p#pendule_ent {
		padding-bottom: 280px;
		}
	#site #speciaux_inst p#guide_fil {
		padding-bottom: 200px;
		}
	#site #speciaux_inst p#piezometre {
		padding-bottom: 200px;
		}
	#site #speciaux_inst p#fissurometres_1 {
		text-align:center;
		padding: 20px 0;
		float:left;
		}
	#site #speciaux_inst p#fissurometres_2 {
		text-align:center;
		padding: 20px 0;
		float:right;
		}
	#site #speciaux_inst li#fissurometres {
		height: 230px;
		}

/* -- FIN: spéciaux instrumentation ---------------------------------------------------------*/

/* -- DEBUT: spéciaux consolidation --------------------------------------------------*/
	#site #speciaux_consolidation p {
		padding: 5px 0 0 10px;
		text-align: justify;
		}
	#site #speciaux_consolidation ul {
		list-style-type: none;
		padding: 0 20px;
		}
	#site #speciaux_consolidation p#consol_left {
		text-align:center;
		padding: 20px 0;
		clear:left;
		float:left;
		}
	#site #speciaux_consolidation p#consol_right {
		text-align:center;
		padding: 20px 0;
		float:right;
		}
	#site li#consol {
		height: 430px;
		}

/* -- FIN: spéciaux consolidation ---------------------------------------------------------*/

/* -- DEBUT: spéciaux inspection ---------------------------------------------------*/
	#site li#inspection {
		height: 480px;
		}	
	#site #speciaux_inspect ul {
		list-style-type: none;
		padding: 0 20px;
		}
	#site #speciaux_inspect p#inspection_1 {
		text-align:center;
		padding: 20px 0;
		float:left;
		}
	#site #speciaux_inspect p#inspection_2 {
		text-align:center;
		padding: 20px 0;
		float:right;
		}
	#site #speciaux_inspect p#inspection_3 {
		width:250px;
		text-align:center;
		padding: 20px 0;
		float:left;
		clear:left;
		}
	#site #speciaux_inspect p#inspection_4 {
		text-align:center;
		padding: 20px 0;
		float:right;
		}

/* -- FIN: spéciaux inspection ---------------------------------------------------------*/

/* -- DEBUT: spéciaux suivi---------------------------------------------------*/
	#site #speciaux_suivi #suivi {
		text-align:center;
		border:0;
		}
	#site li#inspect {
		height: 500px;
		}	
	#site #speciaux_suivi ul {
		list-style-type: none;
		padding: 0 20px;
		}
	#site #speciaux_suivi p#inspect_1 {
		text-align:center;
		padding: 20px 0;
		float:left;
		}
	#site #speciaux_suivi p#inspect_2 {
		text-align:center;
		padding: 20px 0;
		float:right;
		}
	
	#site #speciaux_suivi p#inspect_3 {
		text-align:center;
		padding: 30px 0 20px 0;
		clear:left;
		float:left;
		}
	#site #speciaux_suivi p#inspect_4 {
		text-align:center;
		padding: 30px 0 20px 0;
		float:right;
		}



/* -- FIN: spéciaux suivi ---------------------------------------------------------*/
/* -- DEBUT: spéciaux verticalite ---------------------------------------------------*/
	#site li#vert {
		height: 730px;
		}	
	#site #speciaux_vert ul {
		list-style-type: none;
		padding: 0 20px;
		}
	#site #speciaux_vert p#verticalite {
		text-align:center;
		padding: 20px 0;
		float:left;
		}
	#site #speciaux_vert p#vert_1 {
		text-align:center;
		padding: 20px 0;
		float:right;
		}
	#site #speciaux_vert p#vert_2 {
		width:250px;
		text-align:center;
		padding: 20px 0;
		float:left;
		clear:left;
		}
	#site #speciaux_vert p#vert_3 {
		text-align:center;
		padding: 20px 0;
		float:right;
		}
	#site #speciaux_vert p#vert_4 {
		text-align:center;
		padding: 20px 0;
		clear:both;
		}

/* -- FIN: spéciaux verticalite ---------------------------------------------------------*/