body {
	margin: 0px;
	background-image: url(/images/css/fond-1300-2.jpg);
	background-repeat: no-repeat;
	background-color: #006493;
	background-attachment: scroll;
	background-position: top;
}

#header{
	width:950px;
	height: 210px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	vertical-align: top;
}

#container{
	width:950px;
	height:auto;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:17%;
}

#bloc{
	width:100%;
	float:left;
	padding: 5px 2px 20px 2px;
}

#bloc-30{
	width:30%;
	float:left;
	padding: 5px 2px 20px 2px;
}

#bloc-40{
	width:40%;
	float:left;
	padding: 5px 2px 20px 2px;
}

#bloc-50{
	width:50%;
	float:left;
	padding: 5px 2px 20px 2px;
}

#bloc-60{
	width:60%;
	float:left;
	padding: 5px 2px 20px 2px;
}

#bloc-80{
	width:80%;
	float:left;
	padding: 5px 2px 20px 2px;
}

#bloc-100{
	width:100%;
	float:left;
	padding: 5px 2px 20px 2px;
}

#spacer{
	width:8%;
	float:left;
}


.clear{
	clear: both;
	padding:0px;
	margin:0px;
}

#floatLayer {
	position: absolute;
	height:600px;
	width:145px;
	/*left:22px;*/
	top:220px;
	z-index:100;
	visibility: visible;
	background-color: #FFFFFF;
}

#box {
	position: absolute;
	height:auto;
	width:500px;
	z-index: 100; 
	visibility: visible;
}

#details_box {
	position:absolute;
	z-index:100;
	visibility:hidden;
	width: 500px ;
	padding: 5px 5px 5px 5px;
	margin:0px 0px 0px 0px;
	background-color: #eeeeee;
	font-family: tahoma;
	font-size: 13px;
	color:#666666;
	border:1px solid #a3b76f;
}

#details_box .close {
	float:right;
}

.info {
	background: #eeeeee url(/images/css/information.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	color: #003399;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #003399;
	margin: 5px;
	border-bottom: 2px solid #003399;
	text-align:left;
}

.alert {
	background: #eeeeee url(/images/css/exclamation.png) center no-repeat;
	background-position: 15px 50%;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #9F090A;
	margin: 7px;
	font-weight:bold;
	color:#9F090A;
	border-bottom: 2px solid #9F090A;
	text-align:left;
}

img{
	border:none;
	vertical-align:middle;
}

a img {
	border:none;
	padding:0px;
	margin:0px;
	cursor:pointer;
	text-decoration:none;
	vertical-align:middle;	
}

a:link{
	font-family: tahoma;
	color: #FF6600;
	font-size: 13px;
	/*padding:2px;*/
	text-align:justify;
	text-decoration:none;	
	cursor:pointer;
}

a:hover{
	font-family: tahoma;
	color: #0066CC;
	font-size: 13px;
	/*padding:2px;*/
	text-align:justify;
	text-decoration:none;
	cursor:pointer;	
}

a:active{
	font-family: tahoma;
	color: #FF6600;
	font-size: 13px;
	/*padding:2px;*/
	text-align:justify;
	text-decoration:none;
	cursor:pointer;	
}

a:visited{
	font-family: tahoma;
	color: #FF6600;
	font-size: 13px;
	/*padding:2px;*/
	text-align:justify;
	text-decoration:none;
	cursor:pointer;	
}

a.lien-actualite{
	font-family: tahoma;
	color: #669900;
	font-size: 13px;
	padding:2px;
	text-align:justify;
	text-decoration:none;
	cursor: pointer;
}

a.lien-actualite:hover{
	font-family: tahoma;
	color: #0066CC;
	font-size: 13px;
	padding:2px;
	text-align:justify;
	text-decoration:none;
	cursor: pointer;
}


a.lien-actualite-infos{
	font-family: tahoma;
	color: #a3b76f;
	font-size: 13px;
	padding:2px;
	text-align:justify;
	text-decoration:none;
	cursor: help;
}

a.lien-actualite-infos:hover{
	font-family: tahoma;
	color: #0066CC;
	font-size: 13px;
	padding:2px;
	text-align:justify;
	text-decoration:none;
	cursor: help;
}

ul,li {
	font-family: tahoma;
	color: #666666;
	font-size: 13px;
	padding: 0px 2px 0px 2px ;
	margin-left:10px;
	margin-top:10px;
	text-align:justify;
}

p {
	font-family: tahoma;
	color: #666666;
	font-size: 13px;
	padding:0px;
	margin:0px;
	text-align:justify;
	vertical-align:top;
}

div {
	font-family: tahoma;
	color: #666666;
	font-size: 13px;
	padding:0px;
	margin:0px;
	vertical-align:top;
}


.texte2 {
	font-family: tahoma;
	color: #666666;
	font-size: 13px;
	padding:0px;
	margin:0px;
	color: #FF0066;
}
.texte3 {
	font-family: tahoma;
	color: #666666;
	font-size: 13px;
	padding:0px;
	margin:0px;
	color: #669900;
}

.exergue {
	font-family: tahoma;
	color: #626262;
	font-size: 12px;
	text-align:justify;
	line-height:24px;
	font-style:italic;
	padding:0px 1px 0px 0px;
	margin:0px;
}

label {
	font-family: tahoma; 
	color: #666666;
	font-size: 11px; 
	padding:2px;
	font-weight:bold;
}

.required {
	font-family: tahoma;
	color: #0066cc;
	font-size: 11px;
	padding:2px;
	font-weight:bold;
}

.intro {
	font-family: tahoma;
	color: #626262;
	font-size: 12px;
	text-align:justify;
	font-weight:bold;	
	padding:0px;
	margin:0px;
}

.intro-bleu {
	font-family: tahoma;
	color: #0066CC;
	font-size: 12px;
	text-align:justify;
	font-weight:bold;	
	padding:0px;
	margin: 0px 0px 3px 0px;
}

h1 {
	font-family: tahoma;
	font-size: 24px;
	font-weight:normal;
	margin: 0px 0px 15px 0px;
	text-decoration:none;
	padding:0px;
}

.bouton-bleu {
		font-family: tahoma;
		font-size: 11px;
		font-weight: bold;
		color: #ffffff;
		background-color: #0066CC;
		border: 1px solid #cccccc;
		cursor:pointer;
		width:110px;
	}
	
.bouton-bleu:hover {
		font-family: tahoma;
		font-size: 11px;
		font-weight: bold;
		color: #ffffff;
		background-color: #ff9900;
		border: 1px solid #cccccc;
		cursor:pointer;
		width:110px;
	}
	
.bouton-orange {
		font-family: tahoma;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		background-color: #ff9900;
		border: 1px solid #cccccc;
		cursor:pointer;
		width:120px;
		padding:5px;
	}
.bouton-vert {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #66cc33;
	cursor:pointer;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px dotted #66cc33;

	}
.bouton-vert a{

	color: #66cc33;
	cursor:pointer;


	}	
.bouton-vert a :hover {
		font-family: tahoma;
		font-size: 11px;
		font-weight: bold;
		color: #ffffff;
		background-color: #ff9900;
		cursor:pointer;

	}

	
.bouton-orange:hover {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	cursor:pointer;
	width:120px;
	padding:5px;
}

.bouton-archives {
		font-family: arial;
		font-size: 9px;
		font-weight: bold;
		color: #ffffff;
		background-color: #0066CC;
		border: 1px solid #cccccc;
		cursor:pointer;
		width:180px;
		padding: 3px 10px 3px 10px;
	}
	
.bouton-archives:hover {	
	font-weight: bold;
	color: #ffffff;
	background-color: #ff9900;
	border: 1px solid #cccccc;	
	}
	
.bouton-archives a{
		text-decoration: none;		
		color: #ffffff;
		font-family: arial;
		font-size: 9px;
		font-weight: bold;		
	}
#content{
	width:700px;
	float:left;
	position:relative;
/*	top:10px;
	left:400px;*/
	margin: 0px 0px 0px 35%;
}

#bloc-secteur
{
	background-color:#ffffff;
	/*background:url(../images/css/fond-secteur.png) center;
	background-repeat:no-repeat;*/
	width:180px;
	height:100px;
	padding:5px;
	margin-left:15px;
	float:left;
	text-align:center;
	/*border:2px solid #666666;*/
}

#bloc-secteur #secteur
{
	font-family: tahoma;
	font-size: 14px;
	color: #669900;	
	vertical-align:middle;
	text-align:center;
	padding-top:5px;
}

#bloc-secteur a
{
	font-family: tahoma;
	font-size: 14px;
	color: #669900;	
	cursor: pointer;
}

#bloc-secteur a:hover
{
	font-family: tahoma;
	font-size: 14px;
	color: #FF6600;	
	cursor: pointer;
}

#bloc-secteur img
{	
	vertical-align:middle;
	cursor: pointer;
}

.blanc{
	color: #ffffff;
}

.orange{
	color: #FF6600;
}

.vert{
	color: #669900;
}

.rouge{
	color: #FF0066;
}

.rose{
	color: #FF3399;
}

.bleu{
	color: #0066CC;
}
.mentions{
	color: #0066CC;
	font-family: tahoma;
	font-size: 30px;
	letter-spacing: 10px;
}

h2 {
	font-family: tahoma;
	color: #669900;
	font-size: 18px;
	font-weight:normal;
	margin: 0px;
	text-decoration:none;
	/*word-spacing:5px;
	letter-spacing:1px;*/
	padding: 0px 0px 15px 0px;
	
}

h3 {
    font-family: tahoma;
	color: #666666;
	font-size: 14px;
	font-weight:bold;
	margin: 15px 0px 5px 0px;
	text-decoration:none;
	word-spacing:5px;
	letter-spacing:1px;
	padding:0px;
}

h4 {
    font-family: tahoma;
  	color:#669900;
	font-size: 13px;
	text-align: center;
	font-weight:bold;
	margin: 0px;
    padding: 0px;
    /*border-bottom: 1px solid #a3b76f;*/
}

h5 {
	font-family: tahoma;
	color: #000000; 
	font-size: 11px;
 	font-weight:bold;
	text-align:center;
	padding:0px;
	margin:0px 0px 5px 0px;
}

h6 {
	font-family: tahoma;
	font-size: 14px;
	font-weight:bold;
	margin: 0px;
	text-decoration:none;
	word-spacing:5px;
	letter-spacing:1px;
	padding: 0px ;
}

.pagination {
		text-align: center;
		padding:5px;
		font-size: 11px;
		width:900px;
	}

	.pagination em {
		color:#3665d1;
		text-decoration:none;
		font-style:normal;
		font-variant:normal;
		font-weight: bold;
		text-align: center;
		padding:3px 5px 3px 5px;
		margin:5px 0px 5px 0px;
		border:1px solid #3665d1; 
		border-top: 1px solid #3665d1; 
	}
	
	.pagination a {
		color:#3665d1;
		text-decoration: underline;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
		margin:5px 0px 5px 0px;
	}
	
	.pagination a:hover {
		color:#333333;
		text-decoration:underline;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
		margin:5px 0px 5px 0px;
	}
.table_bordure_gris {
		padding: 1px;
		border: 1px solid #cccccc ;
		
	}
	
		.table_bordure_vert {
	padding: 1px;
	border: 1px solid #81B719;
		
	}
		.table_bordure_orange {
	padding: 1px;
	border: 1px solid #FF6600;
		
	}

#bloc-photos{
	vertical-align:middle;
	padding:5px 40px 5px 40px;
}
#bleu {
	color: #0066cc;
}


.image-bordure-droite-20 {
	padding: 5px;
	border: 1px solid #cccccc ;
	float:right;
	margin-left:20px;
	vertical-align:middle;
}

.image-bordure-20 {
	padding: 5px;
	border: 1px solid #cccccc ;
	margin-left:20px;
	vertical-align:middle;
}

.image-bordure-gauche-15 {
	padding: 5px;
	border: 1px solid #cccccc ;
	float:left;
	margin-right:15px;
	margin-top:0px;
}

.image-border {
	padding: 5px;
	border: 1px solid #cccccc ;
	vertical-align:middle;
	margin:0px;
}
#divpub {
	position:absolute;
	top:10px;
	width:429px;
	z-index:180;
	visibility: visible;
	left: 175px;
}