/* CSS Document */
* {
	padding:0;
	margin:0;
	outline:none;
}
body {
	background:#C8F5FB url('images/fond.jpg') repeat-x;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
a {
	color:#333;
}
#intro {
	width:800px;
	height:350px;
	padding-top:30px;
	margin:0 auto;
}
h1 {
	text-align:center;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	padding-bottom:25px;
}
.h1 {
	text-align:justify;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}
#page {
	width:935px;
	margin:0 auto;
	background:transparent url('images/bg.jpg') repeat-y;
}
#pied_plandusite {
	width: 935px;
	height:62px;
	clear:both;
	background:transparent url(images/adresse.jpg) no-repeat;
}
#entete {
	width: 935px;
	height:197px;
	float:left;
	background:transparent url('images/head.jpg') no-repeat;
}
#menu {
	width: 280px;
	float:left;
	background:transparent url('images/menu.jpg') no-repeat;
}
#titre {
	width: 655px;
	height:41px;
	float:left;
	background:transparent url('images/titre.jpg') no-repeat;
}
#contenu {
	width: 570px;
	float:left;
	background:transparent url(images/bg-contenu.jpg) no-repeat;
	padding:0 0 0 85px;
	min-height:216px;
	_height:216px;
}
#pied {
	width: 935px;
	height:62px;
	clear:both;
	background:transparent url(images/adresse.jpg) no-repeat;
}
#liens {
	text-align:center;
	color: #333;
	font-size:10px;
}
#liens a {
	color:#333;
	font-size:10px;
}
.lien {
	color:#333;
}
#menubas {
	text-align:center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding:15px 0 0 0
}
#plansite {
	width:564px;
	height:266px;
	background:transparent url(images/plan.jpg) no-repeat;
	margin:0 auto;
	padding:350px 100px 0 100px;
}
/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
	#formulaire {
	background: transparent;
	text-align:center;
	width:440px;
	padding:0;
	margin:10px 0 0 40px;
	_margin:10px 0 0 20px;
	float:left;
	font: normal 11px Tahoma, Helvetica, sans-serif;
	color:#333;
} /* carateristique du formulaire */
#formulaire * {
	margin:0 0 2px 0;
	padding:0;
} /* caracteristique de toutes les balises qui se trouvent dans le formulaire */
.labelform {
	width: 203px;
	float: left;
	text-align: right;
	margin: 0 5px 0 0;
} /* carateristique des label, width minimum 203px; */
.pform {
	padding: 3px 0px 10px 0px;
	text-align:left;
	clear:both;
} /* carateristique des p */
.inputform {
	width:150px;
	height:13px;
	float:left;
	margin: 0 5px 0 2px;
} /* carateristique des input */
.textareaform {
	width:436px;
	height:100px;
	overflow:auto;
} /* carateristique du textarea */
.selectform {
	height:18px;
	float:left;
	margin: 0 5px 0 2px;
	font: normal 11px Tahoma, Helvetica, sans-serif;
	color:#333;
	background:#CDEEF7;
	border:1px solid #333;
} /* carateristique des select */
.labelmessage {
	width:95px;
} /* carateristique du label contenant "Votre message" */
#labelenvoyer {
	width:125px;
} /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */
.inputenvoyer {
	width:150px;
	font: normal 10px Tahoma, Helvetica, sans-serif;
} /* carateristique de l'input "envoyer mon message" */
.divtexte {
	margin: 5px 0 0 0;
} /* carateristique de la div contenant le texte du captchat*/
#formulaire div {
	margin: 5px auto;
} /* centrer dans le formulaire des div */
#formulaire div a {
	color:#fff;
} /* couleur du lien dans capchat */
.divimagecaptchat {
	border:none;
	padding: 0 0 0 100px;
} /* carateristique de la div entourant l'image captchat */
.transp, .inputtexte {
	background: transparent;
	border: 1px solid #333;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
} /* pour rendre les input et textarea transparent avec une bordure */
fieldset {
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	padding:5px;
}
legend {
	color:#333;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:0 5px;
}
/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
	/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/
	
			
	div#mention {
	text-align:center;
	padding: 0 15px 0 135px;
}
/* /////////////////////////////////////////// debut mise en forme module actu ///////////////////////// */
	* {
	margin:0;
	padding:0;
	outline:none;
}
h2 {
	clear:both;
	text-align:center;
	height:20px;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	background: #1F3777;
	margin:0 0 5px 0;
	text-transform:uppercase;
	letter-spacing:2px;
}
.texteactu {
	width:100%;
	clear:both;
}
.actu {
	width:100%;
	clear:both;
	padding:0 0 2px 0;
	display:table
}
.autourimgactu {
	margin:0 auto;
}
.imgactu {
	width:33.33%;
	min-height:50px;
	_height:50px;
	float:left;
}
.imgactu a {
	border:1px solid #fff;
	display:block;
	float:left;
	filter : alpha(opacity=100);
	-moz-opacity : 1;
	opacity : 1;
}
.imgactu a:hover {
	border:1px solid #E97015;
	filter : alpha(opacity=70);
	-moz-opacity : 0.7;
	opacity : 0.7;
}
.imgactu img {
	border:none;
}
.espacement {
	clear:both;
	height:20px;
}
hr {
	clear:both;
	border:1px solid #fff;
}
	
	/* //////////////////////////////////////// fin mise en forme du module d'actu ///////////////////////////// */

	/* //////////////////////////////////////// fait par gregoooo///////////////// ///////////////////////////// */
@charset "utf-8";
/* CSS Document */
/*gallery*/
	#dhtmlgoodies_slideshow {
	width:516px;	/* Total width of slideshow */
	text-align:center;
}
#previewPane {
	border:1px solid #000;
	margin-right:10px;
	text-align:center;
	vertical-align:middle;
	padding-top:5px;
	/* CSS HACK */
		height: 310px;	/* IE 5.x */
	height/* */:/**/310px;	/* Other browsers */
	height: /**/320px;
	width:350px;
	float:left;
}
#waitMessage {
	display:none;
	position:absolute;
	left:200px;
	top:150px;
	background-color:#FFF;
	border:3px double #000;
	padding:4px;
	color:#555;
	font-size:0.9em;
	font-family:arial;
}
#galleryContainer {	/* Big Div surrounding up image, list of images and down image */
	float:left;	/* Floating */
	/* CSS HACK */
		height: 320px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	height/* */:/**/320px;	/* Other browsers */
	height: /**/320px;
	/* CSS HACK */
		width: 104px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	width/* */:/**/102px;	/* Other browsers */
	width: /**/102px;
	border:1px solid #000;	/* Black border */
	padding:1px;	/* A little space between the black border and the content inside */
}
#galleryContainer #arrow_down {	/* Arrow down image */
	height:35px;
}
#galleryContainer #arrow_up {
	height:35px;	/* Arrow up image */
}
#theImages {	/* DIV where the images are located */
	position:relative;
	overflow:hidden;
	height:250px;	/* Height of boxes for the images */
}
#theImages div {
	position:relative;	/* Don't change this */
	height:2100px;	/* Higher than total height of thumbnails */
}
#theImages img {
	border:0px;	/* No border */
	filter:alpha(opacity=50);	/* Transparency - IE */
	opacity:0.5; /* Transparency - Firefox */
	padding-top:1px;	/* Space between images */
}
#previewPane #largeImageCaption {	/* CSS styling of image caption below large image */
	font-style:italic;
	text-align:center;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
	font-size:0.9em;
}
#theImages .imageCaption {
	display:none;
}
/* style for plan */
.plan {
	width: 640px;
	height: 480px;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, .plan-printer a {
	border: none;
}
/*plan du site*/
#page_plandusite {
	width:935px;
	margin:0 auto;
	background:transparent url('images/bg-contenu-plandusite.jpg') repeat-y;
}
#entete_plandusite {
	width: 935px;
	height:197px;
	float:left;
	background:transparent url('images/plandusite/head_plandusite.jpg') no-repeat;
}
#menu_plandusite {
	width: 150px;
	float:left;
	background:transparent url('images/plandusite/menu_plandusite.jpg') no-repeat;
}
#titre_plandusite {
	width: 785px;
	height:41px;
	float:left;
	background:transparent url('images/plandusite/titre_plandusite.jpg') no-repeat;
}
#contenu_plandusite {
	width: 700px;
	float:left;
	background:transparent url('images/plandusite/contenu_plandusite.jpg') no-repeat;
	padding:0 0 0 85px;
	min-height:210px;
	_height:210px;
}
#pied_plandusite {
	width: 935px;
	height:64px;
	clear:both;
	background:transparent url('images/plandusite/adresse_plandusite.jpg') no-repeat;
}