td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}



html, body {
	height: 100%;
}

*{
	margin:0;
	padding:0;
}

body {
	/*background-image:url(../images/fond.gif);*/
	background:#222222;
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:center;
}	

h4{
	
	font-size:14px;}

div#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:955px;
	height:auto!important;
	background: url(../images/commun/lehello-bandeau2.jpg) #FFFFFF no-repeat top;
	color: #222222;
	margin-bottom:0px;
	text-align:center;
}	

div#container2 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:955px;
	height:auto!important;

	background: #FFFFFF no-repeat top url(../images/commun/lehello-bandeau2.jpg);
	color: #222222;

	margin-bottom:0px;
	text-align:left;
	padding-top:100px;
}	


div#container2 hr{
width:830px;
margin-left:60px;
margin-right:60px;
}

div#containeradmin	{
margin-left:60px;
margin-right:60px;
margin-top:30px;
}	

div#containeradmin	hr{
width:80px;
}	

div#containeradmin	h1{
margin-bottom:20px;
}	

.tableadmin{
width:835px;
}

.tableadmin td{
padding:3px;
}

.tableadmin th{
padding:7px;
text-align:left;
font-size:14px;
}

div#haut	{
text-align:right;
margin-right:80px;
color:#000000;
}	

div#haut h1{
color:#000000;
}	
	
div#menu {
	margin-left:55px;
	}	
	div#menuaccueil {
	text-align:center;
	color:#333333;
	font-size:10px;
	}
	
	
		div#ssmenu {
		position:absolute;
		text-align:right;
		left:380px;
		top:207px;
	}
	
		div#ssmenu2 {
		position:absolute;
		text-align:right;
		left:380px;
		top:207px;
	}
	
	
	div#menu {
	margin-left:55px;
	}	
					
a:link {
	color: #444444;
		background:none;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #111111;
	background:none;
}


a:hover {
	text-decoration: underline;
	color: #333333;
		background:none;
}
a:active {
	text-decoration: none;
	color: #222222;
		background:none;
}



.clearfloats{
	clear:both;
}

.clearfloats2{
	clear:both;
	height:0px;
	margin:0;
	padding:0;
			background-image:url(../images/accueil/fond-accueil-haut2.jpg);
	background-position:center bottom;
	background-repeat:repeat-y;
	border-top:#C6CED0 solid thin;
	height:1px;
	
}

div#contenu {

	width:840px !important;
	/*width:920px;*/
	color: #000000;
	min-height: 100%;
	vertical-align:top;
	margin-top:20px;
	margin-bottom:0px;
	/*padding-left:58px;
	padding-right:35px;*/
	text-align:left;
	margin-left:58px;
	margin-right:35px;
	}
	
	
	div#contenu ul{
	margin-left:25px;
	}
	
	
	div#bandeau {
	width:955px;
	height:150px;
	vertical-align:bottom;
	text-align:right;
	background:url(../images/commun/lehello-bandeau2.jpg);
	margin-bottom:0px;
	}

	div#bandeau p{
	padding-top:97px;
	padding-right:26px;	
	}	
	
	div#top{
	text-align:center;
	font-size:9px;
	height:23px;
	vertical-align:middle;
	color:#7591A2;
	background:#C5D6DE;
	background-image:url(../images/commun/lehello-top2.jpg);
	background-position:center bottom;
	background-repeat:repeat-y;
	padding-top:5px;
	}
	
		div#top2{
	text-align:center;
	font-size:9px;
	height:13px;
	vertical-align:middle;
	color:#7591A2;
	background:#C5D6DE;
	background-image:url(../images/accueil/fond-accueil-haut2.jpg);
	background-position:center bottom;
	background-repeat:repeat-y;
	padding-top:5px;
	}
	
	div#milieu{
	background:url(../images/accueil/fond-accueil2.jpg) repeat-x;
	width:955px;
	text-align:left;
	margin:0;
	padding:0;
	min-height:314px;
	}
	div#actus{
	width:300px;
	float:right;
	padding:20px;
	color:#000000;
	margin-right:35px;
	}
	
	div#photos{
	width:250px;
	float:right;
	color:#000000;
	text-align:right;
	}
	
	div#bandeauaccueil{
	width:955px;
	height:148px;
	padding:0;
	margin:0;
	text-align:left;
	background: #DC7A77;
	border-bottom:#809296 solid thin;
	}
	
	
		div#logo{
	width:955px;
		background-image:url(../images/accueil/fond-accueil-haut2.jpg);
	background-position:center bottom;
	background-repeat:repeat-y;
	text-align:right;
	margin:0;
	border-bottom:#C6CED0 solid thin;
	
	}
	
	
			h2 {
			color:#BA0000;
			font-size:17px;
	}
	
			h1 {
			font-size:22px;
			color:#666666;
	}
	
	
				h6 {
			color:#FFFFFF;
			background:#999999;
			width:150px;
			padding:5px;
			font-size:16px;
			font-weight:200;
			margin-top:15px;
			margin-bottom:6px;
	}
	
	
	div#atoutimg{
	float:left;
	padding-right:15px;
	}
	
	div#plateforme {
	width:635px;
	background:#666666;
	color:#FFFFFF;
	text-align:left;
	height:76px;
	}
	
		div#plateforme img{
	float:left;
	margin-right:15px;
	}
	
			div#plateforme p{
				padding-left:15px;
	padding-top:15px;
	}
	
	
			div#tabplate {
				width:600px;
	}
	
			div#tabplate td{
				font-size:16px;
	}

	
		div#plateformeentreeout{
		float:right;
				width:150px;
		}
				div#plateformeentree{
				width:150px;
				padding:15px;
				background:#FFD000;
				border:#999 thin dashed;
	padding-top:15px;
	color:#999;
	}
	
	
				div#coord{
				float:left;
				padding:15px;
	}
	
	
	div#plateformeentree input{
				width:140px;
					}
	
	 .valid{
		
				background:#003f84;
				color:#FFFFFF;
				text-align:center;
				width:143px;
				
		
	}
	
		 .infobulle{
		
				background:#333333;
				color:#FFFFFF;
				text-align:left;
				width:140px;
				padding:5px;
				position:absolute;
				font-size:12px;	
	}
	img {border:0;}
	
		
	 .ligneSurvole {
		
				background:#333333;
				color:#FFFFFF;
				cursor:pointer;
	}


	 .ligneSurvole a{
		
				background:#333333;
				color:#FFFFFF;
				cursor:pointer;
	}
	
		 .ligneSurvole a:hover{
		
				background:#333333;
				color:#FFFFFF;
				cursor:pointer;
	}
	
	 .ptt {
	 font-size:10px;
	}
.tableauactu td{
	padding: 5px;
}
	div#batiment{
	/*height:100%;*/
	vertical-align:bottom;
	min-height:314px;
	
					}
					
					.boite{
					padding:10px;
					background:#666666;
					color:#FFFFFF;
					margin:5px;}
					
										.boite a, .boite a:hover{
					color:#FFFFFF;
}



.liste_articles table
{
	border: none;
	position: static;
	border-collapse: collapse;
	margin-top:20px;
	width:100%;
	text-align:left;
}

.liste_articles th
{

	font-weight:bolder;
	font-size:1em;
	padding:5px;
	text-align:left;
	background:#999;
}

.liste_articles tr, .liste_articles td
{
	border-bottom: 1px solid black;
	font-weight:normal;
	font-size:1em;
	padding:5px;
	text-align:left;
}

.liste_articles strong
{
	font-size:1.1em;
}

.liste_articles .docs
{
	background: lightgray;
	font-size: 1em;
	font-weight: bold;
}

.liste_articles .docsno
{
	background:#BFCFD0;
}

.liste_articles a
{
	text-decoration:none;
}

.liste_articles tr:hover
{
	background-color: #7FC309;
	cursor:pointer;
	color:#FFF;
}

.noinscrit td{
	background:#ddd;
	font-style:italic;
	font-size:0.9em;
	}
	
.alerte{ color:#F00; font-weight:900;}