@import url("/skin/styles.general.css");

@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/plan.css");
@import url("/skin/skin_default/intranet.css");
@import url("/skin/skin_default/accueil.css");
@import url("/skin/skin_default/infolettre.css");

@import url("/modules/actualites/module.css");
@import url("/modules/galerie/module.css");
@import url("/modules/evenements/module.css");
@import url("/modules/faq/module.css");
@import url("/skin/skin_default/publication.css");

html{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #1a6294;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
img{border: none;}

a:link{
	color: #38759f;
	text-decoration: underline;
}
a:visited{
	color: #38759f;
	text-decoration: underline;
}
a:hover{
	color: #205a82;
	text-decoration: none;
}

#band{background: url(/images/bg-ruban.gif) 0px 0px repeat-x;}

#top{background: url(/images/bg-ruban-shadow.gif) center top no-repeat;}
#top div.bottom{background: url(/images/bg-grey.gif) center repeat-y;}

	/* WEIRD SAFARI HACK */
	#top div.bottom {
	voice-family:"\"}\"";
	}
	/*end*/
	/*\*/
	html*#top div.bottom {
	[background: url(/images/bg-grey.gif) center repeat-y;
	background: url(/images/bg-grey-saf.gif) center repeat-y;
	]background: url(/images/bg-grey.gif) center repeat-y;
	}/*end*/
	.dummyend[id]{clear:both;}
	
	/*\*/
	* html #top div.bottom {
	background: url(/images/bg-grey.gif) center repeat-y;
	}
	/*end*/
	/* WEIRD SAFARI HACK */

#top div.grey{
	background: url(/images/bg-gate.jpg) center bottom no-repeat;
	height: 100%;
}	html > body #top div.grey{min-height: 100%; height: auto;}
#sheet{
	margin: 0 auto;
	padding: 0px;
	width: 750px;
	background: #FFFFFF;
	position: relative;
}

#FLholder{padding:40px 19px 0px 19px;}
#FLentete{
	border: 1px solid #524c33;
}
#photo img{
	margin-top: 40px;
	border: 1px solid #524c33;
}
#header{
	width: 750px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: right;
	z-index: 200;
}
	#header div{
		background: url(/images/ruban.png) 0px 0px no-repeat;
		behavior: url(/iepngfix.htc);
		height: 51px;
	}
	#header ul,
	#header ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
		font: 10px Arial, Helvetica, sans-serif;
	}
	#header ul{
		display: block;
		float: right;
		padding-right: 8px;
	}
	#header ul li{
		display: block;
		float: left;
		padding:  4px 0px 4px 8px;
	}
	#header ul li a{
		color: #e0d9b8;
		text-decoration: none;
		display: block;
		padding: 5px 10px 6px 20px;
		float: left;
		background: url(/images/icon-set.gif) 0px 3px no-repeat;
	}
	#header ul li a:hover{
		color: #FFFFFF;
		background-position: 0px -37px;
	}
		#header ul li.intranet a{padding-left: 18px; background-position: 0px -76px;}
		#header ul li.intranet a:hover{background-position: 0px -116px;}
		#header ul li.plan a{background-position: 0px -157px;}
		#header ul li.plan a:hover{background-position: 0px -197px;}
#logo{
	width: 214px;
	position: absolute;
	top: 42px;
	left: 40px;
	text-align: center;
	z-index: 220;
}
	#logo img{
		behavior: url(/iepngfix.htc);
	}
	
#logolist ul {
		
	Margin-top:-10px;
	Padding-top:15px;
	background:url(/images/bg-points.gif) top left repeat-x;	
}

#logolist ul li{
		
		padding:  4px 0px 4px 55px;
		background: url(/images/paper.gif) 26px 7px no-repeat;
}

#page{text-align: left;}

#footer{width: 750px;}
#foot{
	text-align: left;
	background: #817c66;
	color: #c6c1ab;
	padding: 16px 20px;
	font: 11px Arial, Helvetica, sans-serif;
}
	#foot img{
		float: right;
		margin-top: 27px;
	}
#printp{
	margin: 20px 19px;
	width: 712px;
}
#split{
	margin: 20px 19px;
	width: 712px;
	background: url(/images/line.gif) 212px 0px repeat-y;
}
	#split #menuleft,
	#split #intranetmenu{
		float: left;
		width: 192px;
		padding-right: 20px;
	}
	#split #printp{
		float: right;
		margin: 0px;
		width: 480px;
	}
	
	#split #menuleft p{
		line-height: 19px;
	}

#printp div.spt{
	background: url(/images/bg-points.gif) 0px bottom repeat-x;
	margin-bottom: 20px;
	height: 28px;
	font-size: 11px;
}
	#printp div.sptbottom{
		margin-bottom: 0px;
		margin-top: 20px;
		background: url(/images/bg-points.gif) 0px top repeat-x;
		padding-top: 10px;
	}	
#printp div.spt ul,
#printp div.spt ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
	font-family: Arial, Helvetica, sans-serif;
}
	#printp div.spt ul{float: right;}
	#printp div.spt ul li,
	#printp div.spt ul li a{
		display: block;
		float: left;
		text-decoration: none;
	}
	#printp div.spt ul li a:visited{color: #38759f;}
	#printp div.spt ul li a{padding: 0px 5px 0px 8px;}
	#printp div.spt ul li.print a,
	#printp div.spt ul li.haut a,
	#printp div.spt ul li.logout a{
		background: url(/images/icon-set-II.gif) 0px 0px no-repeat;
		padding: 2px 6px 0px 21px;
		height: 14px;
	}
	#printp div.spt ul li.logout a{
		background: url(/images/icon-set-II.gif) right -157px no-repeat;
		padding: 2px 6px 0px 24px;
	}
	#printp div.spt ul li.haut a{
		padding-left: 14px;
		background-position: 0px -77px;
	}
	#printp div.spt ul li.print a:hover,
	#printp div.spt ul li.haut a:hover,
	#printp div.spt ul li.logout a:hover{
		text-decoration: underline;
		background-position: 0px -40px;
	}
	#printp div.spt ul li.logout a:hover{
		color: #8a0000;
		background-position: right -197px;
	}
	#printp div.spt ul li.haut a:hover{background-position: 0px -117px;}
	#printp div.spt ul li.font a{
		width: 15px;
		height: 14px;
		background: url(/images/bullet-fonts.gif) 10px 6px no-repeat;
	}
	#printp div.spt ul li.plus a{background-position: 8px -78px;}
	#printp div.spt ul li.reset a{background-position: 10px -154px;}
	#printp div.spt ul li.logout a{background-position: 6px -158px;}
	#printp div.spt ul li.font a:hover{background-position: 10px -34px;}
	#printp div.spt ul li.plus a:hover{background-position: 8px -118px;}
	#printp div.spt ul li.reset a:hover{background-position: 10px -194px;}
	#printp div.spt ul li.logout a:hover{background-position: 6px -198px;}
	#printp div.spt ul li.font,
	#printp div.spt ul li.logout{background: url(/images/bg-points.gif) 0px 0px repeat-y;}
	#printp div.spt ul li.logout{padding-left: 4px; padding-right: 0px;}

.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}



#printp .rss{
	background:URL(/images/rss-icon.gif) 0px 1px no-repeat;
	padding:0px 0px 0px 21px;
	font-size:11px;
	margin-top:10px;
}

fieldset{
	margin: 0px;
	padding: 0px 10px 10px 10px;
	border: 1px solid #e6e5e0;
	border-right-color: #cdcbc2;
	border-bottom-color: #cdcbc2;
}
	fieldset legend{
		margin: 0px;
		padding: 0px 0px 2px 0px;
		font: 20px/28px 'Trebuchet MS', Arial, Helvetica, sans-serif;
		color: #948f79;
		border: 10px solid #FFFFFF;
		border-bottom: 0px;
		border-top: 0px;
	}
	fieldset legend small{
		font: 11px/28px Arial, Helvetica, sans-serif;
		color: #666666;
	}
	fieldset div.row{
		padding: 5px 10px;
	}
	fieldset div.color-1{background: #F3F3F3;}
	
	fieldset label{
		width: 150px;
		float: left;
	}
		fieldset label small{
			display: block;
			font-weight: normal;
			line-height: 10px;
		}
	fieldset input, fieldset textarea, fieldset select{
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		border: 1px solid #CCCCCC;
		padding: 2px 5px;
		color: #666666;
	}	fieldset input.omInvalid{
			border: 1px solid #990000;
			background: #f6eded;
		}
		fieldset select {padding: 0; font-size: 12px;}
		fieldset textarea {padding: 5px; font-size: 12px; line-height: 16px;}
	
	fieldset input.clear, fieldset textarea.clear, fieldset select.clear{border: none;}
	
	fieldset span.omError{
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		display: block;
		margin: 5px 0px 0px 0px;
		padding: 5px 5px 5px 19px;
		border: 1px solid #999900;
		color: #666600;
		background: #ffffcc url(/images/attention.gif) 4px -184px no-repeat;
	}
	#printp fieldset p{
		font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
		padding: 10px;
		color: #666666;
	}
	#printp fieldset em,
	#printp fieldset i{
		padding: 0px;
		color: #4c462f;
	}
		#printp fieldset small em{font-size: 100%;}
	
	#printp fieldset i{
		padding-left: 4px;
		color: #660000;
		font: bold 130% Trebuchet MS, Arial, Helvetica, sans-serif;
	}
	
	fieldset div.formleft{width: 320px; float: left;}
	fieldset div.formright{width: 360px; padding-left: 10px; float: left;}

div.boutons{
	font-size: 11px;
	padding: 10px 11px;
	text-align: right;
}

a.btn input{
	background: #817c66;
	color: #e6e5e0;
	font: bold 10px Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border: 1px solid #413c29;
	border-top-color: #b5b2a1;
	border-left-color: #b5b2a1;
	cursor: pointer;
	padding: 3px 5px;
	overflow: visible;
}
a:hover.btn input{
	background: #8a0000;
	color: #FFFFFF;
	font: bold 10px Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border: 1px solid #590000;
	border-top-color: #af2e2e;
	border-left-color: #af2e2e;
	cursor: pointer;
	padding: 3px 5px;
}

/*#printp .more {
	background: red;
	float: none;
	margin: 0;
	padding: 0;
}	#printp .more a {margin: 0; padding: 0; float: none;}*/

div.more{
	margin: 30px 200px 0px 0px;
	padding: 3px 0px 0px 0px;
	/*border-top: 1px solid #d7d4c4;*/
	font-size: 90%;
}
	div.more a{
		padding-left: 12px;
		background: url(/images/bullet-arrow.gif) 4px -236px no-repeat;
	}
	div.more a:hover{background-position: 4px -176px;}

/*##################################################
				Gestion des erreurs
####################################################*/
div#publicerror, div#publicerrorErr{
	color:#FF0000;
}

#public_message{
	position: relative;
	z-index: 300;
	width: 750px;
	text-align: left;
}
#message{
	position: absolute;
	top: -249px;
	left: 9px;
	border: 1px solid #999900;
	color: #666600;
	background: #ffffcc url(/images/attention.gif) 15px 11px no-repeat;
	padding: 10px 20px 10px 35px;
	width: 600px;
	z-index: 301;
	font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
}
	html > body #message{
		min-width: 100px;
		max-width: 600px;
		width: auto;
	}
#printp p.message,
p.message{
	border: 1px solid #999900;
	color: #666600;
	background: #ffffcc url(/images/attention.gif) 15px 11px no-repeat;
	padding: 10px 20px 10px 35px;
	margin: 8px 0px;
}
	

/*##################################################
				Page coordonnées
####################################################*/
	
#contactRight {
	width: 400px;
	float: left;
	padding: 0 0 0 19px;
	border-left: 1px solid #817c66;
}

	#emailsent {
		background: #ffffcc url(/images/attention.gif) 10px 10px no-repeat;
		border: 1px solid #999900;
		color: #647424;
		padding: 10px 15px 10px 35px;
		margin: 0 auto;
		font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	}

#contactLeft {
	width: 273px;
	float: left;
	padding: 0 19px 0 0;
}

	#contactLeft img {margin: 10px 0;}
		#contactLeft ul li {padding-top: 2px; padding-bottom: 0;}
		#contactLeft ul li.empty {background: none;}
		
		
		
/*##################################################
		Page Répertoire entreprises membres
####################################################*/

#repertoire ul.repertoire,
#repertoire ul.repertoire li {
	float: none;
	border: none;
	background: none;
	list-style: none;
	width: 100%;
}

#repertoire h3{
	margin: 0px 360px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #dbd7c8;
}

	#repertoire ul.repertoire li {
		background: url(/images/bg-points.gif) bottom left repeat-x;
		padding: 7px 0 9px 0;
		width: 712px;
	}
	
		#repertoire ul.repertoire li div {
			background: red;
			padding: 0 10px 0 17px;
			width: 685px;
			overflow: auto;
			outline: none;
			background: url(/images/bullet-entreprise.gif) 1px 2px no-repeat;
		}
		
	#repertoire ul.repertoire li span {
		display: block;
		font-size: 11px;
	}
	
	#repertoire ul.repertoire li strong {
		font-weight: normal;
		display: block;
	}
	
	#repertoire ul.repertoire li a {background: none;}
	
	#repertoire ul.repertoire li img {
		float: right;
	}