h1{
	text-transform:uppercase;
	line-height:40px;
	text-align:center;
}
div#texte_presentation h1{
	padding:1% 0;
}
div#texte_presentation p{
	font-size:13px;
}
div#texte_presentation p .couleur, div#trouve_url p .couleur{
	color:#3db0e0;
}
div#texte_presentation {
	padding:10px 0;
}
.page_text{
	float:left;
	padding:0 5px;
}
/*Pagination*/
.pagination{
	position:relative;
	padding:8px 0;
	line-height:20px;
	overflow:hidden;
	background:#CCCCCC;
	font-size:0.8em;
}
.fleche{
	padding:0 5px;
	float:left;
}
.formulaire{
	float:left;
}
/*Fin pagination*/
/*Select*/
div#selections{
	position:relative;
	padding:5px 0;
	width:100%;
	overflow:hidden;
}
.selection {
	position:relative;
	float:left;
	margin-right:10px;
	text-transform:uppercase;
	font-size:0.8em;
}

/*trouveurl*/
div#trouve_url{
	padding:1% 0;
}
div#trouve_url p{
	font-size:13px;
	font-weight:bold;	
}
input.url{
	width:98%;
	padding:0.5%;
	margin:10px 0;
	color:#999;
}
/*Fin select*/
/*Legende*/
div#legende{
	position:relative;
	overflow:hidden;
	width:100%;
	padding:0 0 5px 0;
}
.legende{
	position:relative;
	float:left;
	line-height:22px;
	padding:0 12px;
	margin-right:12px;
	font-weight:bold;
	color:#FFF;
	font-size:0.8em;
}
/*Fin legende*/
div#table{
	position:relative;
	width:100%;
	overflow:hidden;
	padding-bottom:10px;
}
div#entete{
	line-height:25px;
	height:25px;
	background:#CCC;
	border-bottom:0px;
	margin-bottom:3px;
}
.ligne{
	position:relative;
	clear:left;
	border-bottom:1px solid #999;
	font-size:0.8em;
	line-height:18px;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9{
	position:relative;
	float:left;
	height:18px;
	overflow:hidden;
}
#entete .col1,#entete .col2,#entete .col3,#entete .col4,#entete .col5,#entete .col6,#entete .col7,#entete .col8{
	height:28px;
}
.col1{
	width:2%;
	text-align:center;
	color:#FFF;
}
.col2{
	padding-left:1%;
	width:18%;
	font-weight:bold;
}
.col3{
	width:13%;
}/*
.col2{
	padding-left:1%;
	width:31%;
	font-weight:bold;
}*/
.col4{
	width:16%;
}
.col5{
	width:6%;
	font-weight:bold;
}
.col6{
	width:28%;
	font-style:italic;
}
.col7{
	width:4%;
}
.col8{
	width:9%;
	text-transform:uppercase;
}
.col9{
	width:3%;
	text-transform:uppercase;
}
.col9 a{
	width:100%;
	height:18px;
	display:block;
	background-image:url(../img/public/lien_rs_mail_petit.png);
	background-repeat:no-repeat;
	background-position:50%;
}
.col9 a:hover{
	background-image:url(../img/public/lien_rs_mail_petit_hover.png);
	background-position:50%;
}
.colorA, div#legendeA{
	background:#90c914;
}
.colorB, div#legendeB{
	background:#ee6b02;
}
.colorC, div#legendeC{
	background:#8730d8;
}
.colorD, div#legendeD{
	background:#d71e1e;
}
.nom_jf{
	display:none;
}
div#entete .col9{
	width:3%;
	height:27px;
	background-image:url(../img/public/lien_rs_mail_petit.png);
	background-repeat:no-repeat;
	background-position:50%;
}
@media screen and (max-width : 749px) {
	div#entete{
		display:none;
	}
	.container{
		width:98%;
	}
	.ligne{
		clear:none;
		width:30%;
		padding:1%;
		float:left;
		margin:1% 1% 1% 0;
		border:1px solid #999;
	}
	.col1{
		width:100%;
	}
	.col2,.col3{
		width:50%;
	}
	.col4, .col5, .col6{
		float:none;
		width:100%;
		clear:left;
	}
	.col7{
		width:10%;
	}
	.col8{
		width:90%;
	}
	.nom_jf{
		display:inline;
		font-size:0.7em;
	}
}
@media screen and (max-width : 630px) {
	.ligne{
		width:46%;
		padding:1%;	
	}	
}
@media screen and (max-width : 420px) {
	.ligne{
		width:96%;
		padding:1%;	
	}	
}