
/* CSS Document */
* { padding:0; margin:0; outline:none; }

html, body { height:100%}

body { background:#FFF464 url('images/bg.jpg'); font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #333; }

a { color:#333; }

.centrer { text-align:center; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FFF;}

#intro { width:950px; height:475px; margin:15px auto 0 auto; background:transparent url('images/image-intro.jpg') no-repeat; color:#fff}

#intro a{color:#fff}

h1 {text-align:center; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#fff;}

.h1 {text-align:justify; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#fff;}

h2 { clear:both; text-align:center; height:17px; font: bold 13px Verdana, Arial, Helvetica, sans-serif; padding:10px; background: #85a044; margin:0 0 5px 0; text-transform:uppercase; letter-spacing:2px; }

.titre { clear:both; text-align:left; height:17px; font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#0C5B79; padding:0; margin:0 0 5px 0; text-transform:none; letter-spacing:2px; }

#page { width:950px; height:100%; margin:0 auto; background:transparent url('images/bg_tab.jpg') repeat-y; }

#bandeau { width: 950px; height:104px; clear:both; float:none; background:transparent url('images/bandeau_menu.jpg') no-repeat; }

#entete { width: 950px; height:247px;clear:both; float:none; background:transparent url('images/header.jpg') no-repeat; }

#titre { width: 950px; height:59px; clear:both; float:none; background:transparent url('images/bienvenue.jpg') no-repeat; }

#fond { width: 950px;clear:both; float:none; background:transparent url('images/fond_cadre.jpg') repeat-y; }

#contenu { width: 820px;clear:both; float:none;; background:transparent url('images/fond_cadre_contenu.jpg') no-repeat; padding:10px 65px 0 65px; min-height:130px; _height:130px; text-align:justify; color:#fff;}

#contenu a{color:#fff;}
#contenu img{border:none;}

#pied { width: 950px;  margin:0 auto; clear:both; float:none; text-align:right; font: normal 10px/10px Arial, Helvetica, sans-serif; background:transparent url('images/fond_logo.jpg') repeat-x; height:40px}

#pied img { float:right; border:none; }

#liens { text-align:center; color: #fff; font-size:10px; }

#liens a { color:#fff; font-size:10px; }

.lien { color:#fff; }

#texte { width:500px;}

#photo { width:300px; float:right; padding-right:18px;}

#menubas {text-align:center; color:#017da2; font:normal 10px Verdana, Arial,Helvetica, sans-serif; clear:both; float:none; padding:10px; background:transparent url('images/bg_tab.jpg') repeat-y;}

#menubas a { color:#084351; }

#plansite { background:transparent url('images/plansite.jpg') no-repeat; width: 748px; height:308px; margin:0 auto; padding:120px 50px 0 50px }
/*/////////////////////////////////////////////// textes //////////////////////////////////////////////////////////////////*/
.puce {
	font-weight:bold;
	color:#017da2;
}

.tableau td {border-left: 0px solid #85a044;border-right: 0px solid #85a044; border-bottom:none; border-top:none; padding:5px 5px 5px 10px; text-align:left;}
.tableau tr{}
.altern {background-color:#c2a170;}

/*/////////////////////////////////////////////// fin textes //////////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
	#formulaire { background: transparent; text-align:center; width:500px; padding:0; margin:10px 0 0 20px; _margin:10px 0 0 10px; float:left; font: normal 11px Tahoma, Helvetica, sans-serif; color:#fff; float:left; } /* 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:492px; 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:#fff; background:#CDB792; border:1px solid #85a044; } /* 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 #85a044; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; } /* pour rendre les input et textarea transparent avec une bordure */

fieldset { border-top:3px double #85a044; border-bottom:3px double #85a044; border-left:3px double #85a044; border-right:3px double #85a044; padding:5px; }

legend { color:#85a044; font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:0 5px; border-left:3px double #85a044}

/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
	/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/

	
			
	div#mention { float:left; text-align:center; width:250px; padding: 130px 15px 0 15px; }

/* /////////////////////////////////////////// debut mise en forme module actu ///////////////////////// */

.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///////////////// ///////////////////////////// */


.highslide {
	cursor: url("../images/graphics/zoomin.cur"), pointer;
	#cursor: url("images/graphics/zoomin.cur"), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid #1D1D3F; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;
}
.highslide:hover img {
	border: 2px solid #596692; filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    padding-left: 24px;
	background-image: url("../images/graphics/loader.white.gif");
    #background-image: url(../images/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url("../images/graphics/fullexpand.gif") no-repeat;
	#background: url(../images/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

