.signaler { background-color:#FFF; display:none;  border: 1px solid black;  }



.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}



.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}



.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }




/*-- - - - -  FONTS  - - - - --*/
@font-face { font-family: 'Androgyne';
			src: url('../fonts/androgyne.eot');
			src: local('☺'), url('../fonts/androgyne.ttf') format('truetype'), url('../fonts/androgyne.svg') format('svg');
			font-weight: normal; font-style: normal; }


/*-- - - - -  GENERAL  - - - - --*/
html, body			{ position:relative; width:100%; height:100%; margin:0; padding:0; }
body 				{ background: #f4f0e5 url(../images/background.jpg) repeat-y center top; font: normal 18px "Arial", "Helvetica",sans-serif; color:#9e967d; }

a:link, a:visited 	{ color:#B1A78A; text-decoration: underline; }
a:hover, a:active 	{ text-decoration:none; }
p 					{ margin:5px 0; padding:0; }
h1, h2, h3 			{ margin:0; padding:0; font: normal 18px "Androgyne",sans-serif; letter-spacing:normal; }
h1 					{ line-height:18px; font-size:24px; color:#579e19 /*vert*/; }
h2 					{ line-height:16px; font-size:18px; color:#579e19 /*vert*/; }
h3 					{ line-height:16px; font-size:16px; color:#579e19 /*vert*/; }
h4 					{ }
hr 					{ color:#74c9eb; background-color:#74c9eb; height:1px; border:0; }
img 				{ border: none; }
ul					{  }
li 					{  }
.clr 				{ clear:both; }
.margehaute			{ margin-top:30px!important; }
.imagegauche 		{ float:left; margin: 0 5px 5px 0; }
.imagedroite 		{ float:right; margin: 0 0 5px 5px; }
.radius5			{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.padding10			{ padding:10px; }
.cadre				{ border:3px solid #d3cbb4; margin:10px 0; }
.afficher			{ display:block!important; }
.cacher				{ display:none!important; }
.reduire 			{ height:0!important; }
.aligner 			{ text-align:justify; }
.centrer 			{ text-align:center; }
.lignebeige			{ border-bottom:6px solid #FAF9F5; }

/*-- - - - -  COULEURS  - - - - --*/
.brun	{ color:#b1a78a; }		.beige	{ color:#dbd2b9; }		
.vert	{ color:#579e19; }		.rouge	{ color:#972452; }


/*-- - - - -  CHARTE  - - - - --*/
#mainsite		{ width:1040px; position:relative; margin:-1px auto 0; padding-top:1px; height:auto; min-height:100%; background: transparent url(../images/background-wood.jpg) repeat-y center top; }	

/*-- - - - -  HEADER & MENU  - - - - --*/
#ffheader 		{ position:absolute; z-index:2; margin:0 auto; width:1040px; height:368px; padding-top:130px; font: normal 16px "Androgyne",sans-serif; letter-spacing:normal;
				  background: transparent url(../images/header.jpg) no-repeat right top; }
#ffmenu			{ margin:0 50px; text-align:center; }
#ffmenu a		{ padding:5px 13px; margin: 0 8px;  color:#3c3831;  
				  background:none; background-color:rgba(177,167,138,0.45); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#73b1a78a,endColorstr=#73b1a78a);
				  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#73b1a78a,endColorstr=#73b1a78a); zoom:1; }
#ffmenu a:link, .ffmenu a:visited	{ color:#3c3831; text-decoration:none; }
#ffmenu a:hover, .ffmenu a:active	{ text-decoration:none; color:white; background: #6db61f; /* Old browsers */
	background: -moz-linear-gradient(top,  #6db61f 0%, #6db61f 26%, #428713 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db61f), color-stop(26%,#6db61f), color-stop(100%,#428713)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6db61f 0%,#6db61f 26%,#428713 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6db61f 0%,#6db61f 26%,#428713 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6db61f 0%,#6db61f 26%,#428713 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6db61f 0%,#6db61f 26%,#428713 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db61f', endColorstr='#428713',GradientType=0 ); /* IE6-9 */ }
.ffinfos 		{ font: normal 16px "Androgyne",sans-serif; width:450px; height:125px; float:right;  margin:0 0 10px 0; 	
				  background: url(../images/infos-ballons.png) no-repeat 10px bottom;
				  background-color:white; background-color:rgba(255,255,255,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff);}
.ffinfosh1		{ padding-left:105px; margin:15px 0 0; color:#579e19; font-size:24px; }
.ffinfosh2		{ padding-left:105px; margin:0; color:#972452; font-size:16px; }


/*-- - - - -  CONTENUS  - - - - --*/
#site			{ margin:180px auto 0; height:auto; position:relative; z-index:2; width:900px; font: normal 14px/18px "Arial", "Helvetica",sans-serif; }
#feuille		{ height:auto; position:relative; z-index:2; margin-top:10px; padding:0 25px 25px; width:850px; min-height:300px; 
				  -webkit-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.75); box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.75);
				  background: #faf9f5 url(../images/feuille-background.png) repeat-x left top; }
/*.avecinfos		{ margin:320px auto 0!important; }		.sansinfos	{ margin:170px auto 0!important; }*/
#scotchhaut, #scotchbas	{ position:absolute; z-index:3; width:980px; }		#scotchhaut	{ margin:-35px 0 0 -60px; } 		#scotchbas { margin-left:-70px; bottom:-40px; }
	.rubhg		{ float:left;  width:83px; height:82px;  background: transparent url(../images/rubhg.png) no-repeat center top; }
	.rubhd		{ float:right; width:84px; height:88px;  background: transparent url(../images/rubhd.png) no-repeat center top; }
	.rubbg		{ float:left;  width:84px; height:89px;  background: transparent url(../images/rubbg.png) no-repeat center top; }
	.rubbd		{ float:right; width:66px; height:100px; background: transparent url(../images/rubbd.png) no-repeat center top; }

.filariane		{ position:relative; z-index:4; font-size:10px; text-transform:uppercase; padding:8px 20px 2px; margin:0 0 10px -20px; width:850px; border-bottom:1px solid #b1a78a; }
.filariane a:link, .filariane a:visited 	{ color:#b1a78a; }
.filariane a:hover, .filariane a:active 	{ color:#7b7154; text-decoration:underline; }

#gauchedroite 	{ width:850px; height:100%; min-height:300px; background: transparent url(../images/coldroite-background.png) repeat-y left top; }
#colgauche		{ float:left; width:540px; height:100%; padding-bottom:25px; }
#coldroite		{ float:right; width:300px; height:100%; font: normal 18px/20px "Androgyne",sans-serif; color:#dbd2b9; }


/*-- - - - -  PUBLICITES  - - - - --
pubheader  : 768px x 90px
pubcolonne : 300px x 600px 
pubannonce : 300px x 250px 
*/
.pubcolonne, .pubannonce, .pubheader	{ background-color:#9E967D; color:#74a5ff; font:normal 14px/80px "Arial"; text-align:center; } /* valeur à supprimer au moment de passer en production */
.pubannonce								{ float:left; width:300px; height:250px; margin-right:10px; }
.pubcolonne								{ width:300px; height:600px; margin:10px 0 10px; }
.pubheader								{ width:728px; height:90px; margin:0 auto; }



/*-- - - - -  CONTENU (GAUCHE)  - - - - --*/
#colgauche h1:first-letter, #colgauche .infos:first-letter { text-transform:uppercase; }
#colgauche h1			{ color:#579e19; font: normal 36px "Androgyne",sans-serif; border-bottom:1px solid #579e19; margin-bottom:10px; }
#txtaccueil				{ margin:0; }
.annoncedesc			{ float:left; width:230px; height:260px; }
#colgauche .intitules	{ color:#b1a78a; font: normal 10px "Arial", "Helvetica",sans-serif; margin:0; text-transform:uppercase; }
#colgauche .infos		{ color:#579e19; font: normal 18px/17px "Times New Roman",serif; margin:0 0 10px; }
#colgauche .infos2		{ color:#579e19; font: normal 18px/17px "Times New Roman",serif; margin:0 0 15px; }

		/* sivous avez besoin de styler les intitulés indépendamment */
		.infodate {  }				.infocommune {  }				.infodepart {  }				.infoorga {  }				

.infocat { padding-top:10px }


/*-- - - - -  COLONNE DROITE  - - - - --*/
.boutonconnexion	{ display:block; position:relative; z-index:4; width:235px; height:30px; margin-top:-10px; padding-left:65px;  
					  background: url(../images/bouton-connexion.png) no-repeat left bottom; }
		.boutonconnexion:link, .boutonconnexion:visited	{ color:#f4f4f4; font-weight:normal; text-decoration:none; font: normal 16px/27px "Androgyne",sans-serif; }
		.boutonconnexion:hover, .boutonconnexion:active	{ text-decoration:none; color:white; background-position: left top; }

.boutonajouter		{ display:block; width:180px; height:75px; padding:35px 0 0 120px; margin:0 0 10px; font: normal 18px/20px "Androgyne",sans-serif;
					  background: url(../images/bouton-ajouter.jpg) no-repeat left top; }
					.boutonajouter:link, .boutonajouter:visited	{ color:white; font-weight:normal; text-decoration:none; }
					.boutonajouter:hover, .boutonajouter:active	{ padding:33px 0 2px 120px; text-decoration:none; background-position:left -110px; font: 20px/22px "Androgyne"; }

.encarttitre		{ color:#dbd2b9; font-size:22px; padding-left:5px; margin:20px 0 5px; }
.encartcarte		{ width:300px; height:300px; margin:0; background-color:#b1a78a;  }



/*-- - - - -  FOOTER  - - - - --*/
#footer 		{ position:relative; z-index:3; margin:30px auto 0; padding:20px 25px 10px; width:850px; min-height:50px; 
				  font: normal 0.6em/1.2em "Arial", "Helvetica",sans-serif; color:#d7b887; 
				  -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;
				  background:none; background-color:rgba(53,56,47,0.9); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E635382f,endColorstr=#E635382f);
				  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E635382f,endColorstr=#E635382f); zoom:1; }
#footer a:link, #footer a:visited { font: normal 1em/1.2em "Arial", "Helvetica",sans-serif; color:#f5e5cd; }
#footer a:hover, #footer a:active { text-decoration:none; color:white; }
.footercol 		{ float:left; width:270px; padding-right:50px; } 	.footercollast	{ width:170px; padding-right:0; }
.footercol ul 	{ margin:5px 0 0 0; padding:0; }					.footercol li 	{ list-style-type:none; padding:1px 0; }
.firstcol a		{ float:left; background: url(../images/logo.png) no-repeat left center; display:block; width:90px; height:85px; margin-left:5px; }
	#webdesignpp	{ float:right; margin:-40px -20px 0 0; color:#a44a25; }
	a.linkpp:link, a.linkpp:visited { font: normal 12px "Androgyne",sans-serif!important; text-decoration:none!important; color:#a44a25!important; }
	a.linkpp:hover, a.linkpp:active { text-decoration:none; color:black!important; }



/*-- - - - -  LISTE ANNONCES  - - - - --*/
.annonce					{ background:transparent url(../images/annonce-icone.png) no-repeat 10px 10px; font: normal 18px/18px "Arial", "Helvetica",sans-serif; margin:15px 10px; padding:10px; 
							  border:3px solid #cec099; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
	.annonce:hover			{ background-color:white; border-color:#6fac14; }
	.anntitre a { color:#6fac14; padding:0 0 0 45px; font:30px "Androgyne",sans-serif; text-align:left; text-decoration:none;}
	.anntitre:first-letter	{ text-transform:uppercase; }
	.annlieu				{ color:#5b543f; padding:5px 10px 5px 5px; text-align:right; background-color:#f2eee6; text-transform:uppercase; }
	.annlieu:before			{ content:"\00BB  "; }
	.annlieu a:link, .annlieu a:visited	{ text-decoration:none; color:#5b543f; }
	.annlieu a:hover, .annlieu a:active	{ text-decoration:underline; }
	.anndate				{ color:#696350; padding:5px 10px 5px 5px; text-align:right; background-color:#dbd2b9; text-transform:lowercase; }
	

/*-- - - - -  ADMIN  - - - - --*/
.admin				{  }
.admin td 			{ padding:5px 0; }
.admin .intitule	{ width:200px; font-size:12px; }
.admin .champ		{ width:250px; margin-bottom:0!important; }
.admin select		{ width:268px!important; }
.admin .champ:hover	{ background-color:#f1ecdf; }



/*-- - - - -  FORMULAIRES  - - - - --*/

.champ { border: 1px solid #c9b7a2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
   		background: #e4ddca; color:#7c755e; padding:8px; margin-bottom:20px; width:220px; display:inline-block;
  		 -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   		-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   		box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
		}
.champ2 { border: 1px solid #c9b7a2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
   		background: #e4ddca; color:#7c755e; padding:8px; margin-bottom:20px; width:80px; display:inline-block;
  		 -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   		-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   		box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
		}



.champ:focus , champ2:focus { background: #fff; color: #725129; }


.bouton-envoyer { display:inline-block; border: 1px solid #447314; color: #31540c; padding: 7px 15px; font-size: 14px; text-decoration: none; vertical-align: top;
   text-transform:uppercase; cursor:pointer; background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);  
   -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; 
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0; text-shadow: #addc7e 0 1px 0;
   
   }
.bouton-envoyer:hover {
   border: 1px solid #447314;
   text-shadow: #31540c 0 1px 0;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   color: #fff;
   }
.bouton-envoyer:active {
   text-shadow: #31540c 0 1px 0;
   border: 1px solid #447314;
   background: #8dc059;
   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));
   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
   background: -moz-linear-gradient(top, #6aa436, #8dc059);
   background: -ms-linear-gradient(top, #6aa436, #8dc059);
   background: -o-linear-gradient(top, #6aa436, #8dc059);
   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
   color: #fff;
   }