/*GENERAL*/
/*html { scrollbar-face-color:#999999;scrollbar-highlight-color:#333333;scrollbar-3dlight-color:#666666;scrollbar-darkshadow-color:#333333;scrollbar-shadow-color:#777777;scrollbar-arrow-color:#FF0000;scrollbar-track-color:#b2b2b2;}*/
body { font-family:Verdana;font-size:62.5%;margin:0;padding:0;background:#333333;background:transparent url(../fondm2.jpg); background-attachment:fixed; }
/**STRUCTURE**/
#headersite { height:120px;background-color:#FFFFFF;border:1px solid #FF0000;border-bottom:none;margin-left:auto;margin-right:auto; }
/***LOGO & BAN***/
.logo {	width:150px;height:119px;display:block;float:left;margin:0; }	

.banniere {	margin-top:13px;margin-left:10px;margin-right:auto;border:2px solid #333333; }
#conteneur {
	position:relative;
	width: 750px;
	left: 50%;
	margin-left: -375px;
	background-color:#FFFFFF; }
#centre {
	background-color:#ffffff;
	border:1px solid #FF0000;
	border-top:none;
	border-bottom:none;
	margin-left: 151px;	}
#gauche {
	position:absolute;
	left:0;
	border-top:1px solid #FF0000;
	width:151px; }
	/***MENU GAUCHE***/
	#gauche ul {
		margin:0px 0px 5px 0px;padding:0px 0px 0px 0px;list-style-type:none;font-family:verdana;font-weight:bold; }
	#gauche a {
		display:block;color:#000000;background-color:transparent;padding:2px 10px 2px 10px;text-decoration:none;border-bottom:1px solid #FF0000;
		border-left:1px solid #FF0000;font-size:1.2em; }
	#gauche a:hover {
		background-color: #CCCCCC;
		color: #000000;
		border-right: 10px solid #FF0000;
		padding: 2px 1px 2px 10px; }
	#gauche ul ul {
		margin: 0 0 0 20px;
		list-style-type: none; }
	#gauche li li a {
		display: block;
		color: #000000;
		background-color: transparent;
		width: 109px;
		padding: 2px 10px 2px 10px;
		border-top: none;
		border-bottom: none;
		border-left: 1px dashed #FF0000;
		text-decoration: none;
		font-size: 1.2em; }
	#gauche img {
		border:none;
		margin:0 0 0 0;
		padding:0 0 0 0; }
#pied {
	height: 30px;
	border:1px solid #FF0000; }
	/***MENU BAS***/
	#pied ul {
		margin:4px 0px 0px 0px;
		padding:0px 0px 0px 4px;}
	#pied ul li {
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: block;
		float: left;
		background: url("../img/barre/navBarBg.gif") repeat-x 20px;
		font:10px/20px verdana, sans-serif;
		text-align:center; }
	#pied a {
		color: #000;
		text-decoration: none;
		display: block;
		width: 245px;
		border: 1px solid #333333; }
	#pied a:hover { 
		background: url("../img/barre/navBarBgHover.gif") repeat-x; }
/*NEWS*/
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF0000;
	padding:1px 0px 0px 140px;
	margin:0px 0px 0px 0px;
	font-size:1.4em;
	border-top:1px solid #FF0000;
	border-bottom:1px solid #FF0000;
	background : transparent url(../img/titre.gif) repeat-y;}
h2 {
		width:430px;
  		margin:20px 0px 0px 20px;
		padding:0px 0px 0px 20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.2em;
		font-weight:bold;
		font-style:normal;
		color:#000000;
		border-bottom:1px dashed #FF0000;
		border-top:1px dashed #FF0000; }
h3 {
		width:472px;
  		margin:0px 0px 0px 38px;
		padding:0px 0px 0px 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.2em;
		font-weight:bold;
		font-style:normal;
		text-align:center;
		color:#000000;
		border-bottom:1px dashed #FF0000;
		border-top:1px dashed #FF0000; }
h5 {
	float:right;
	width:200px;
	border-left:1px solid #FF0000;
	border-bottom:1px solid #FF0000;
	text-align:center;
  	margin:0px 0px 0px 0px;
  	font-size:0.9em;
	font-style:normal;
	font-weight:normal; }
	.edito {
		clear:left;
		width:360px;
		margin:10px 0px 0px 20px;
		font-style:italic;
		text-align:justify;
	  	font-family:Verdana, Arial, Helvetica, sans-serif;
	  	font-size:1.2em; }
	.auteur {
		width:360px;
  		margin: 5px 0px 0px 20px;
		text-align:right;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.2em;
		font-weight:bold;
		font-style:italic;
		border-bottom:0px solid #000000; }
	.blocnews-cal {
		clear:right;
		float:right;
		margin:0 0 0 0;
		padding:0 0 0 0;
		color:#666666;
		background-color:#FFFFFF;
		border-left:1px solid #FF0000;
		border-bottom:1px solid #FF0000;
		font-size:1em;
		width:201px;
		background: url("../img/cal/mae.jpg"); }
			.blocnews-cal2 {
		clear:right;
		float:right;
		margin:0 0 0 0;
		padding:0 0 0 0;
		color:#666666;
		background-color:#FFFFFF;
		border-left:1px solid #FF0000;
		border-bottom:1px solid #FF0000;
		font-size:1em;
		width:201px;
		 }

	.blocnews-cal ul {
		margin:0;
		padding:0;
		list-style-type:none; }
	.calmois {
		margin:5px 0px 0px 10px;
		color:#000000;
		font-weight:bold;
		font-size:1em; }
	.calevent {
		color:#000000;
		font-weight:normal;
		font-size:1em;
		border-bottom:none; }
  	.blocnews-img {
		float:right;
		border-top:1px dotted #E1E1E1;
		border-bottom:1px dotted #E1E1E1;
		border-left:1px dotted #E1E1E1;
		width:200px;
		height:200px;
		margin:10px 0px 0px 0px; }
		  	.blocnews-imgb {
		float:right;
		border-top:1px dotted #E1E1E1;
		border-bottom:1px dotted #E1E1E1;
		border-left:1px dotted #E1E1E1;
		width:200px;
		margin:10px 0px 0px 0px; }

	.blocnews-img2 {
		float:right;
		border-top:1px dotted #E1E1E1;
		border-bottom:1px dotted #E1E1E1;
		border-left:1px dotted #E1E1E1;
		width:200px;
		height:223px;
		margin:10px 0px 0px 0px; }
	.blocnews-parag {
		margin:5px 215px 0px 40px;
		text-align:justify;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.2em; }
	.blocnews-intro {
		margin:5px 30px 0px 30px;
		text-align:justify;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.2em; }
	.navcontainernews ul{
		height: 20px;
		border: 0;
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center; }
	.navcontainernews ul li{
		display: block;
		float: right;
		text-align: center;
		padding: 0;
		margin: 0; }
	.navcontainernews ul li a{
		background: #666666;
		width: 75px;
		height: 14px;
		border: 1px solid #e1e1e1;
		padding: 0;
		margin: 0 0 0 0;
		color: #ffffff;
		text-decoration: none;
		display: block;
		text-align: center;
		font-family:verdana, lucida, sans-serif;
		font-size:0.9em; }
	.navcontainernews ul li a:hover{
		color: #000000;
		border: 1px solid #E1E1E1; }
	.retour a{
		float:right;
		background: #999999;
		margin:-4px 0 0px 0;
		border:1px solid #E1E1E1;
		text-decoration:none;
		text-align:center;
		width:229px;
		height:14px;
		color: #ffffff;
		display: block;	}
	.retour a:hover {
		color: #000000;
		border: 1px solid #E1E1E1; }
/*AFFICHAGE CALENDRIER*/
	.calend {
		border-left:1px solid #FF0000;
		width:20px;
		background-color:#999999;
		color:#FFFFFF;
		font-family:Arial;
		font-size:1em;
		text-align:center; }
/*MAPS*/
	.map {
		float:right;
		margin:10px 80px 0px 0px;
		border:none; }
	.map2 {
		margin:0px 0px 0px 40px;
		border:none; }
	.liencontact {
		margin:0px 0px 0px 0px;
		text-decoration:none;
		border-bottom:1px dashed #000000;
		font-weight:bold;
		font-size:1.1em;
		color:#000000; }
	.liencontact:hover {
		border-bottom:1px dashed #FF0000; }
	.guidage {
		float:right;
		width:350px;
		margin:0px 0px 0px 0px;	}
	.guidage p {
		margin:0px 10px 10px 10px;
		font-size:1.1em;
		text-align:justify;	}
/*****************
 AFFICHAGE PRESSE
****************/
	.journal {
		margin:10px 0px 0px 20px;
		font-size:1.2em;
		font-weight:bold; }
	.datepar {
		margin:0px 0px 0px 20px;
		font-size:1em; }
	.lienpresse {
		float:right;
		margin:10px 15px 0px 20px;
		text-decoration:none;
		border-bottom:1px dashed #000000;
		font-weight:bold;
		font-size:1.2em;
		color:#000000; }
	.lienpresse:hover {
		border-bottom:1px dashed #FF0000; }
/******************
 AFFICHAGE CONTACT
******************/
	.info {
		margin:5px 10px 10px 10px;
		font-size:1.2em;
		text-align:center; }
	.contact {
		margin:0px 0px 10px 5px;
		font-size:1.2em;
		text-align:justify; }
/***************
 AFFICHAGE LIEN
***************/
.bloclien {
	margin-top:1em;
	margin-left:auto;
	margin-right:auto;
	width:550px;
	height:120px;
	border:1px dashed #999999; }
	.bloclien img {
		float:right;
		border:none;
		margin-top:0px;
		border-left:1px dashed #E1E1E1;
		width:100px;
		height:120px; }
	.bloclien h1 {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 10px;
		font-size:1.2em;
		color:#333333;
		width:250px;
		border-right:1px dashed #E1E1E1;
		border-bottom:1px dashed #E1E1E1;
		border-top:none;
		clear:left; }
	.bloclien h2 {
		float:right;
		margin:-13px 0px 0px 0px;
		padding:0px 10px 0px 0px;
		font-size:1em;
		text-align:right;
		color:#AAAAAA;
		width:178px;
		border-right:0px dashed #E1E1E1;
		border-bottom:1px dashed #E1E1E1;
		border-top:none; }
	.bloclien p {
		margin:10px 110px 0px 10px;
		text-align:justify;
		font-size:1.1em; }
	.bloclien-lien {
		margin:0px 0px 0px 352px;
		text-decoration:none;
		font-size:1.1em;
		color:#000000;
		font-weight:bold;
		border-bottom:1px dashed #E1E1E1; }
	.bloclien-lien:hover {
		border-bottom:1px dashed #FF0000; }
/*************
 RETOURN MENU
*************/
	.retourmenu {
		margin:0px 0px 0px 505px;
		font-size:1em;
		text-decoration:none;
		color:#000000;
		border-bottom:1px dashed #000000; }
	.retourmenu:hover {
		border-bottom:1px dashed #FF0000; }
/************
 RECOMMANDER
************/
.formrec {
	margin-top:10px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width:500px;
	height:320px;
	border:1px dashed #E1E1E1; }
	.formrec p {
		margin:10px 0px 0px 20px;
		font-size:1.1em; }
	.formrec-email {
		margin:-15px 10px 0px 0px;
		float:right;
		height:15px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		background-color:#FFFFFF;
		border:1px dashed #FF0000; }
	.formrec-nom {
		margin:-15px 10px 0px 0px;
		float:right;
		height:15px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		background-color:#FFFFFF;
		border:1px dashed #FF0000; }
	.formrec-texte {
		margin:-15px 10px 10px 0px;
		float:right;
		height:102px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		background-color:#FFFFFF;
		border:1px dashed #FF0000; }
	.formrec-but {
		float:right;
		margin:73px 10px 0px 0px;
		width:200px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		font-weight:bold;
		color:#000000;
		background-color:#FFFFFF;
		border:1px dashed #FF0000; }
	.thx {
		text-align:center;
		font-size:1.5em;
		font-weight:bold;
	}
/********
 METIERS
********/
.metier {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	border-bottom:1px dashed #999999;
	font-size:1.3em; }
.metier-par {
	margin:0px 0px 0px 0px;
	padding:10px 120px 0px 20px;
	font-size:1.2em;
	text-align:justify; }
.metier-par2 {
	margin:0px 0px 0px 0px;
	padding:10px 20px 0px 120px;
	font-size:1.2em;
	text-align:justify; }
.metier-liste {
	margin:0px 0px 0px 0px;
	padding:10px 20px 0px 140px;
	font-size:1.2em;
	text-align:justify; }
	.blocnews-img3 {
		float:right;
		border-bottom:1px dashed #E1E1E1;
		border-left:1px dashed #999999;
		width:100px;
		height:300px;
		margin:0px 0px 0px 0px;	}
	.blocnews-img4 {
		float:left;
		border-bottom:1px dashed #E1E1E1;
		border-right:1px dashed #999999;
		width:100px;
		height:300px;
		margin:0px 0px 0px 0px; }
/*******
 MOYENS
*******/
.moypara {
	margin:0px 0px 0px 0px;
	padding:10px 50px 0px 50px;
	font-size:1.2em;
	text-align:justify; }
.imghang {
	margin:10px 0px 0px 200px }
.imghang2 {
	margin:10px 10px 0px 59px; }
/************
 RECRUTEMENT
************/
.blocrecrut {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	width:550px;
	height:170px;
	border:1px solid #000000; }
	.blocrecrut-date {
		text-align:center;
		width:265px;
		border-right:1px dashed #666666;
		border-bottom:1px dashed #666666;
		margin:0px 0px 10px 0px;
		font-size:1.2em; }
	.blocrecrut-poste{
		margin:20px 0px 10px 12px;
		font-size:1.2em; }
	.noposte {
		font-size:1.3em;
		text-align:center;
		font-weight:bold; }
/*******
 PHOTOS
********/
#navcontainerphotos {
	float:right;
	margin: 0 0 0 0;
	padding: 0;
	height: 10px; }
#navcontainerphotos ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center; }
#navcontainerphotos ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0; }
#navcontainerphotos ul li a {
	background: #fff;
	width: 80px;
	height: 18px;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: none;
	padding: 0;
	margin: 0 0 0px 0;
	color: #666666;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 1em/18px verdana;
	clear:left; }
#navcontainerphotos ul li a:hover {
	color: #000000;
	background: #E1E1E1; }
#navcontainerphotos li#active a {
	background: #999999;
	color: #fff; }
.cadre {
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:590px;
	background-color:#FFFFFF; }
.cadre img{
	border:10px solid #FFFFFF;
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 0px;
	width:80px;
	height:60px; }
/**********************
 Dossier Special Photo
**********************/
	.spec-titre {
		margin:0px 0px 0px 0px;
		padding:2px 0px 0px 0px;
		font-size:1.4em;
		color:#666666;
		text-align:center;
		border:none;
		background-image:none; }
	.description {
		width:583px;
		border:1px dashed #E1E1E1;
		margin:0px 0px 0px 5px; }
	.description p{
		margin:0px 0px 0px 0px;
		padding:2px 0px 5px 5px;
		font-size:1.1em; }
	.containsignal {
		width:193px;
		float:right;
		background-color:#999999; }
	.containerphoto {
		overflow: auto;
		border:2px dashed #E1E1E1;
		margin:0px 0px 0px 0px;
		float:right;
		width:210px;
		height:394px;
		background-color:#333333;
		margin-left:auto;
		margin-right:auto;
		margin-top:5px;
		background-color:#e1e1e1; }
	.containerphoto p {
		margin:0px 0px 0px 4px;
		font-size:1.1em; }
	.containerphoto a {
		text-decoration:none;
		border-bottom:1px solid #FFFFFF;
		color:#000000;
		font-weight:bold; }
	.containerphoto a:hover {
		border-bottom:1px solid #FF0000; }
	.containerphoto img {
		margin:3px 0px 1px 3px;
		width:80px;
		border:5px solid #FFFFFF; }
	.containercarac {
		width:365px;
		font-size:1.1em;
		border:1px dashed #E1E1E1;
		margin:5px 0px 0px 5px;
		clear:left; }
	.tc {
		margin:0px 0px 0px 0px;
		padding:2px 0px 2px 0px;
		width:370px;
		font-weight:bold;
		text-align:center;
		border-left:none;
		border-bottom:1px dashed #E1E1E1;
		font-size:1.2em;
		background-color:#E1E1E1; }
	.c {
		width:250px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 5px 5px; }
	.v {
		text-align:right;
		padding-right:5px; }
	.navcontainernews2{
		margin: 5px 0px 0px 6px;
		padding: 0;
		height: 30px; }
	.navcontainernews2 ul{
		border: 0;
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center; }
	.navcontainernews2 ul li{
		display: block;
		float: left;
		text-align: center;
		padding: 0;
		margin: 0; }
	.navcontainernews2 ul li a{
		background: #666666;
		width: 120px;
		height: 14px;
		border: 1px solid #e1e1e1;
		padding: 0;
		margin: 0 0 0 0px;
		color: #ffffff;
		text-decoration: none;
		display: block;
		text-align: center;
		font-family:verdana, lucida, sans-serif;
		font-size:0.9em; }
	.navcontainernews2 ul li a:hover{
		color: #000000;
		border: 1px solid #E1E1E1; }

/***************
 AFFICHAGE PLAN
***************/
#navcontainerplan {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; }
	#navcontainerplan ul {
		margin:10px 0px 0px 50px;
		padding:0px 0px 10px 0px;
		list-style-type:none; }
	#navcontainerplan a {
		font-size:1.2em;
		font-weight:bold;
		color:#000000;
		border-bottom:1px dashed #E1E1E1;
		text-decoration:none; }
	#navcontainerplan a:hover {
		background-color:#e1e1e1;
		border-bottom:1px dashed #FF0000; }
/*******
 ERREUR
*******/
.erreur {
	margin:0px 0px 0px 0px;
	padding:6.9em 50px 6.9em 50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	color:#000000;
	text-align:justify; }
/*********
 ARCHIVES
*********/
	.archive {
		margin:5px 0px 0px 10px;
		padding:0px 0px 0px 0px;
		list-style-type:none;
		font-size:1.2em;
		font-weight:bold; }
		.archive li ul {
			margin:5px 0px 10px 0px;
			padding:0px 0px 0px 76px;
			list-style-type:none;
			font-weight:normal; }
		.archive ul li {
			margin-top:3px; }
		.archive-lien{
			margin:0px 0px 0px 0px;
			padding:5px 0px 0px 0px;
			text-decoration:none;
			color:#000000;
			border-bottom:1px dashed #000000; }
		.archive-lien:hover {
			border-bottom:1px dashed #FF0000; }
.len {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.9em;
}