html {
	height : 100%;
}

h1 {
	padding : 10px 5px 5px 5px;
	margin-bottom : 10px;
	clear : both;
}

h2 {
	padding : 0px 5px 5px 5px;
}

#main p {
	padding : 0px 5px 5px 5px;
	clear : both;
}

#main ol{
	margin-top : 5px;
	margin-left : 30px;
}

#trouve {
	display: inline;
	font-weight : bold;
	color: #2299FF;
}

#main li {
	margin-bottom : 5px;
}


#header {
	height : 149px;
	text-align : left;
}
	#logo {
		float : left;
		padding : 15px 25px 15px 24px;
	}
	
	
	#header form {
		padding : 2px;
		margin-left : 170px;
	}
	
	

	
	#connexion ul {
		margin-right : 20px;
	}
	
		#connexion ul li{
		display : inline;
		margin-right : 5px;
		
		}
	

#content {
	
}

#footer {
	clear : both;
	height : 40px;
	text-align : left;
}

	#footer ul {
		margin-top : 10px;
		margin-right : 5px;
		float : right;
	}
	
	#footer ul li {
		display : inline;
	}

	#copyright {
		padding : 7px 5px;
		text-align : center;
		width : 160px;
		float : left;
	}


#content, #header, #footer {
	width : 750px;
	margin-left : auto;
	margin-right : auto;
	display : block;
}


#menu {
	float : left;
	width : 171px;
}

	.nav_section {
		margin : 5px;
		padding : 5px;		
	}
	
	.nav_section a {
		display : block;
		width : 150px;
		padding : 3px 0px;
		margin : 0;
	}

#main {
	display : block;
	width : 750px;
	padding-left : 170px;
	height : auto;
}

#content {
	display : block;
	height : 730px;
}

html>body #content {
	height : auto;
	min-height : 730px;
}

html>body #main {

	width : 579px;
} 





.msg {
	clear : both;
	margin : 5px 5px 20px 5px;
}

#main .msg h2 {
	padding-left : 5px;
	padding-top : 0;
	padding-bottom: 0;
	padding-right : 0;
	margin-bottom : 5px;
}

.msg img {
	float : right;
	margin-top : 12px;
	margin-right : 10px;
}

#path {
	border-top : 5px solid white;
	height : 40px;
	padding-bottom : 5px;
}

	#home {
		display : inline;
		float : left;
		margin : 2px;
		padding : 0;
	}

	#path ul {
		float : right;
		margin-top : 26px;
		width : 530px;

	}
	
	#path ul li{
		display : inline;
		margin-bottom : 20px;
	}
	
	#path ul li{
		margin-top : -10px;
	}
	

		#tab {
			margin : 0px 5px;
		}
		
		#tab_head {
			
			height : 23px;
			font-family : Arial;
			font-weight : bold;
			font-size : 12px;
			line-height : 24px;
			
		}
		
		#tab ul {
			list-style : none;
			margin : 0;
			padding : 0;
			display : block;
			width : 100%;
		}
		
		#tab ul li {
			display : inline;
			
		}
		
		#tab .onglet{
			display : block;
			float : left;
			width : 100px;
			height : 23px;
			background-image :  url("../img/tab/onglet.gif");
			background-repeat : no-repeat;
			background-position : center;
			background-color : white;
			text-decoration : none;
			color : #333;
			margin-right : 5px;
			text-align : center;
		}
		
		#tab p {
			margin : 0;
			padding : 0;
		}
		
		.tab_content {
			border : 1px solid #979797;
			text-align : left;
			height : 200px;
			padding : 5px 5px;
		}
		
		
		#main .tab_content ul li{
			display : block;
		}

		
		.active {
			background-color : white;
		}
		
		.ui-tabs-hide { display: none; }
		
		


#first_page_content {
	background-image : url('../img/show/ADCog-grand.png');
	background-repeat : no-repeat;
	background-position : left top;
	height : 600px;
}


#sidebar {
	 padding-left : 650px;
}

.sidebar_section {
	width : 333px;
	background-color : white;
	text-align : left;
	padding : 5px 0px;
	margin-top : 15px;
}

.sidebar_section h1, .sidebar_section h2,.sidebar_section p {
	padding : 0px 5px;

}

.sidebar_section h1 {
	margin-bottom : 5px;
}

.pics {  
	height:  220px;   
	padding: 0px 5px;
	margin : 0px 5px;
	border:  1px solid #ccc;  
	background-color: #eee;  
} 
 
.pics img {   
	margin:  10px 10px;
	width:  300px; 
	height: 200px; 
	top:  0; 
	left: 0 
}

.center {
	text-align : center;
}

.divider {
	margin-top : 5px;
	margin-bottom: 20px;
}

.segment, .fonction , .formular{
	margin-top : 5px;
	padding-bottom: 20px;
	margin-left : 5px;
	margin-right : 5px;
}

.segment ul , .fonction ul, .formular ul{
	margin-left : 10px;
}

.segment h2 , .fonction h2, .formular h2{
	padding : 7px 5px;
	margin-bottom : 5px;
}

.action {
	text-align : right;
	padding : 5px 5px;
}

.formLabels {
	
	width : 110px;
	float : left;
	margin : 5px 10px;
	font-weight : bold;
	text-align : right;
}

#table
{
	border : 1px solid #ccc;
	border-collapse: collapse;

	margin :  0px 5px;
	width : 565px;
	padding :0;
	table-layout : fixed;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
}

#tabletr
{

}

#table th, #table td
{
	text-align:		center;
	margin : 0px;
	height : 30px;
}

#table th
{
	font-weight:	bold;
	border-bottom : 1px solid #ccc;
	padding :	5px;
	background-color : #E8F4FF;
}

#table td
{
	padding :2px;
	color:		#000000;
}

.rubriques {
	margin-bottom : 20px;
	height : 200px;
}

.rubriques h2 {
	padding-top : 0px;

}

.rubriques li {
	display : block;
	width : 180px;
	float : left;
	text-align : center;
	margin : 6px;
	padding : 0px 0px;
}

.rubriques img {
	border : 1px solid #777;
}

.chekboxList input {
	margin-top : 3px;
}


.inputCourt {
	width : 100px;
}

.inputMoyen {
	width : 200px;
}

.inputLong {
	width : 300px;
}

.msg_warning , .msg_success{
	padding : 5px 0px 0px 0px;
	margin : 0px 5px 10px 5px;
}

#telechargement {
	display : block;
	padding : 14px 45px;
	margin : 15px 20px;
	background-image : url(../img/site/telecharger.png);
	background-repeat : no-repeat;

}

#telechargement a {
	
	display : block;
	font-weight : bold;
}