@charset "utf-8";
/*

Atherbea
Stylesheet
by BRX
www.opalyse.fr

COLORS
#cd0d40		rouge
#a50110		rouge foncé
#fec889		jaune ocre
#b27100		marron clair

*/

@import "brx_layout.css";

/* HTML TAGS */
* {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

body.home {
	background:#cd0d40 url(../../img/bg_body.jpg) left top repeat-x;
}
body.int {
	background:#cd0d40 url(../../img/bg_body.jpg) left top repeat-x;
}

p				{font-size:11px;color:#4d4d4d;font-family:Arial, Helvetica, sans-serif;}
ul,ol			{font-size:11px;padding:0 10px 0 30px;list-style:none;color:#4d4d4d;font-family:Arial, Helvetica, sans-serif;}
body.home h1	{font-size:30px;color:#a50110;font-family:Arial, Helvetica, sans-serif;}
body.int h1		{font-size:30px;color:#a50110;font-family:Arial, Helvetica, sans-serif;}
body.home h2	{font-size:24px;color:#a50110;font-family:Arial, Helvetica, sans-serif;}
h2				{font-size:22px;color:#a50110;font-family:Arial, Helvetica, sans-serif;}
h3				{font-size:18px;color:#a50110;font-family:Arial, Helvetica, sans-serif;}
h4				{font-size:16px;color:#a50110;font-family:Arial, Helvetica, sans-serif;}
h5				{font-size:14px;color:#a50110;font-family:Arial, Helvetica, sans-serif;}
h6				{font-size:12px;color:#a50110;font-family:Arial, Helvetica, sans-serif;}

a:link {color:#cd0d40;text-decoration:underline;border:none;}
a:visited {color:#a50110;text-decoration:underline;}
a:hover {color:#b27100;text-decoration:none;}
a img {border:none;}

/* MATRICE */
#page {
}
/***************************************** Entête de page */	
	#head_home {
		background:url(../../img/bg_head.jpg) left bottom no-repeat;
		border-left:1px solid #590009;
		border-right:1px solid #590009;
	}
	#head {
		background:url(../../img/bg_head.jpg) left bottom no-repeat;
		border-left:1px solid #590009;
		border-right:1px solid #590009;
	}
/***************************************** Menus */
		#menu_top {
			height:140px;
			width:480px;
			list-style-type:none;
			margin:10px 0 0 480px;
			padding:0;
		}
			#menu_top li {
				float:left;
				height:140px;
				width:100px;
				margin:0 20px 0 0;
			}
			#menu_top li a {
				display:block;
				height:140px;
				width:100px;
				color:#fff;
				font-size:14px;
				text-align:center;
			}
			a#btn_accueil {
				background:url(../../img/bg_btn_accueil.jpg) left top no-repeat;
			}
			a#btn_residents {
				background:url(../../img/bg_btn_residents.jpg) left top no-repeat;
			}
			a#btn_acces {
				background:url(../../img/bg_btn_acces.jpg) left top no-repeat;
			}
			a#btn_contact {
				background:url(../../img/bg_btn_contact.jpg) left top no-repeat;
			}
				#menu_top li a:hover,#menu_top li a.top_actif {
					text-decoration:none;
					background-position: 0px -140px;
				}
		
		/*   */
		#menu,#menu2 {
			padding:5px 0 0 0;
			list-style:none;
		}
			#menu li {
				/*float:left;*/
				margin:0 2px 0 0;
				position:relative;
			}
			#menu li a {
				display:block;
				width:auto;
				height:40px;
				line-height:40px;
				font-size:14px;
				font-weight:bold;
				color:#cd0d40;
				padding:0 0 0 20px;
				text-decoration:none;
				background:url(../../img/bg_menu_item.jpg) left top no-repeat;
				margin:5px 10px 0 10px;
			}
			#menu li a#exit {
				background:url(../../img/bg_menu_exit.jpg) left top no-repeat;
			}
			#menu li a:hover {
				color:#b27100;
				text-decoration:none;
				background-position:0 -40px;
			}
			#menu li a#exit:hover {
				color:#75250a;
				background-position:0 -40px;
			}
			
			#menu li a.actif {
				color:#b27100;
				background-position:0 -40px;
			}
			#menu li a.actif:hover {
				text-decoration:none;
			}
			#menu li a img {
				display:block;
				float:left;
			}
			#menu li a span {
				display:block;
				float:left;
			}
			
			/* sous menu 1 */
			ul#menu li ul {
				position:absolute;
				left:-1000em;
				top:18px;
				width:158px;
				padding:0;
				list-style:none;
				border:#a50110 1px solid;
				background-color:#eee;
				z-index:101;
			}
			ul#menu li ul li {
				clear:both;
				width:160px;
				height:20px;
				position:relative;
			}
			ul#menu li:hover ul, ul#menu li.sfhover ul {
				left:218px;
			}
			ul#menu li ul li a {
				font-family:Arial, Helvetica, sans-serif;
				line-height:20px;
				display:block;
				font-weight:normal;
				text-align:left;
				text-indent:3px;
				font-size:11px;
				width:158px;
				color:#444;
				background:none;
				padding:0;
				margin:0;
				height:20px;
			}
			ul#menu li ul li a:hover {
				border-left:1px;
				background:#cd0d40;
				color:#fff;
				padding:0;
				list-style:none;
				/*border:#;*/
			}
			
			/* sous menu 2 */
			ul#menu li ul li ul {
				margin:0 0 0 -1000em;
				width:158px;
				padding:0;
				list-style:none;
				border:#a50110 1px solid;
				background-color:#eee;
				z-index:101;
			}
			ul#menu li ul li ul li{
				clear:both;
				width:160px;
			}
			ul#menu li ul li:hover ul, #menu li ul li.sfhover ul  {
				margin:-19px 0 0 -60px;
			}
			ul#menu li ul li ul li a {
				font-weight:normal;
				text-align:left;
				text-indent:3px;
				font-size:11px;
				width:158px;
				color:#444;
			}
			ul#menu li ul li ul li a:hover {
				background:#cd0d40;
				color:#fff;
			}

				
		#contenu {
			border-left:1px solid #590009;
			border-right:1px solid #590009;
			background-color:#fff;
		}
/***************************************** Page accueil */
			#leftcol {
			
			}
			
			#leftcol {
				/*background-color:#ccc;*/
			} /* pour débogage */
			
				
			#centercol {
			
			}
				#flashbox {
					width:530;
					height:250px;
					margin:10px;
				}
				
			#centercol h1,#centercol h2 {
				margin:10px;
			}
			#centercol h3 {
				margin:5px 0 10px 0;
				background-color:#eee;
			}
			#centercol .tabbed_content h3,#centercol .tabbed_content h4 {
				margin:0 0 10px 0;
			}
			#centercol h4, #centercol h5, #centercol h6 {
				margin:0 0 10px 0;
			}
			#centercol p, #centercol ul, #centercol ol {
				font-size:13px;
				margin:0 0 5px 0;
			}
			#centercol .texte {
				padding:0 20px 10px 10px;
			}
			#centercol .texte p {
				text-align:justify;
			}
			#centercol .texte ul {
				text-align:justify;
				list-style-position:outside;
			}
			#centercol .galerie {
				margin:0 0 0 10px;
				
			}
			#centercol .news {
				position:relative;
				border-bottom:1px dotted #eee;
				min-height:150px;
				height:auto !important;
				height:150px;
				margin:0 10px;
				padding:0 10px 10px 0;
				font-size:12px;
			}
			#centercol div.news span.nws_titre a h3 {
				padding:0;
				margin:0 0 5px 0;
				text-indent:10px;
				background-color:#eee;
				color:#a50110;
				font-family:Arial, Helvetica, sans-serif;
			}
			#centercol div.news span.nws_titre a:hover h3 {
				text-decoration:underline;
			}
			#centercol div.news span.nws_date {
				color:#999;
				font-size:12px;
				font-weight:bold;
			}
			#centercol .news .plus {
				display:block;
				position:absolute;
				bottom:5px;
				right:10px;
				font-size:11px;
			}
			#centercol div.texte ul {
				list-style-image:url(../../img/puce.png);
				list-style-position:inside;
				padding:0 0 0 10px;
			}
			#centercol div.texte table {
				border-collapse:collapse;
				border:2px solid #FBE794;
				width:520px;
				font-size:11px;
			}
			#centercol div.texte table tr td {
				padding:2px;
				margin:1px;
			}
			#centercol div.texte table tr td table {
				border:none;
				width:auto;
				margin:0;
				padding:0;
			}
			#centercol div.texte table tr td p {
				text-align:left;
			}
			#centercol #allnews {
				margin:0 10px 10px 10px;
			}
			
			#rightcol {
			
			}
			
			#rightcol p {
				text-align:left;
			}
			
			#rightcol #box_actus h4 {
				font-size:12px;
			}
			#rightcol #box_actus h3, #rightcol #box_actus .actus {
				padding:0 10px 10px 10px;
			}
			#rightcol #box_actus .actus {
				font-size:11px;
				margin:0 0 10px 0;
				position:relative;
			}
			#rightcol #box_actus .actus .plus {
				position:absolute;
				bottom:0;
				right:10px;
			}
			
			#rightcol .archives {
				
			}
			#rightcol .archives li a.line0 {
				padding:1px 5px;
				display:block;
				background-color:#eee;
				color:#a50110;
				width:130px;
			}
			#rightcol .archives li a.line0:hover {
				color:#a50110;
				background-color:#e5e5e5;
			}
			#rightcol .archives li a.line1 {
				padding:1px 5px;
				display:block;
				background-color:#e5e5e5;
				width:130px;
				color:#b58512;
			}
			#rightcol .archives li a.line1:hover {
				color:#fff;
				background-color:#eee;
			}
			
			#rightcol #search_engine {
				width:270px;
				margin:0 auto;
			}
			#rightcol #search_engine select {
				color:#444;
				background-color:#fff;
				border:1px solid #826b34;
				width:270px;
				height:18px;
				font-size:11px;
				margin:0 0 2px 0;
			}
			#rightcol #search_engine input.inpTxt {
				color:#444;
				background-color:#fff;
				border:1px solid #826b34;
				width:270px;
				height:17px;
				font-size:11px;
				margin:0 0 2px 0;
			}
			#rightcol #search_engine input#submit {
				background:none;
				border:1px solid #D9C799;
				color:#e86c00;
				cursor:pointer;
			}
			#rightcol #search_engine input#submit:hover {
				background:#dac79a;
			}
			#rightcol #search_engine td.search_label {
				color:#e86c00;
				font-size:11px;
			}
			#rightcol #list_pro {
				list-style-type:disc;
			}
			
			#rightcol .galerie {
				float:left;
				margin:0 0 10px 10px;
			}
			
						
/***************************************** Pied de page */		
#foot {
	background-color:#fec889;
	color:#401e00;
	font-weight:bold;
	border-left:1px solid #590009;
	border-right:1px solid #590009;
}
	#foot_menu {
		width:860px;
		margin:7px auto 0 auto;
		height:18px;
		/*background-color:#ccc;*/
		padding:0;
	}
	p#adresse {
		width:960px;
		text-align:center;
		color:#401e00;
		font-weight:normal;
	}
	#legal {
		width:295px;
		margin:3px auto 3px auto;
		height:18px;
		color:#401e00;
		font-weight:normal;
		/*background:#ccc;*/
		padding:0;
	}
		#foot_menu li, #legal li {
			/*float:left;*/
			display:inline;
		}
		#foot_menu li a, #legal li a {
			color:#885300;
			font-weight:bold;
			text-decoration:none;
		}
		#foot_menu li a:hover, #legal li a:hover {
			text-decoration:underline;
		}
	#opalyse {
		display:block;
		width:170px;
		position:absolute;
		left:50%;
		bottom:5px;
		margin:0 0 0 -85px;
		color:#d1944d;
		font-size:7pt;
		text-align:center;
		text-decoration:none;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
	}
		#opalyse:hover {
			text-decoration:underline;
		}

/* CLASSES */
.reset {
	clear:both;
	visibility:hidden;
}

.reset10 {
	clear:both;
	height:10px;
	width:auto;
}

.reset20 {
	clear:both;
	height:20px;
	width:auto;
}

.img_left,.pos0 {
	display:block;
	float:left;
	margin:3px 10px 5px 0px;
	border:2px solid #fff;
}
.img_right,.pos1 {
	display:block;
	float:right;
	margin:3px 0px 5px 10px;
	border:2px solid #fff;
}	

.alert {
	font-weight:bold;
	color:#FF0000;
	background-color:#FFFFCC;
	padding:3px;
	border:1px dotted #FF0000;
	width:600px;
	margin:0 auto;
}
.alert2 {
	font-weight:bold;
	color:#FF0000;
	background-color:#FFFFCC;
	padding:3px;
	border:1px dotted #FF0000;
	margin:0 auto;
}
.alert_sign {
	display:block;
	float:left;
	margin:0 5px 5px 0;
}

.emphasize {
	font-weight:bold;
	color:#fc7639;
}

p.faq_q {
	background:#daf2fe url(../../img/faq_q.jpg) left top no-repeat;
	padding:3px 3px 3px 32px;
	margin:10px 0 0 0;
	cursor:pointer;
	font-weight:bold;
}
p.faq_r {
	background:#e5feda url(../../img/faq_r.jpg) left top no-repeat;
	padding:3px 3px 3px 32px;
	
}


/* ACCES CLIENTS */
#account_summary {
	width:306px;
	font-size:10px;
	margin:0 auto 10px auto;
}
#account_summary tr td.account_intitule {
	background-color:#B8D9ED;
	width:50%;
	padding:2px;
	text-indent:3px;
}
#account_summary tr td.account_infos {
	background-color:#E0F5FE;
	width:50%;
	padding:2px;
}
#download_summary {
	width:600px;
	font-size:12px;
	margin:0 auto 10px auto;
}
	#download_summary tr td.download_intitule {
		background-color:#B8D9ED;
		width:85%;
		padding:5px;
	}
	#download_summary tr td.download_infos {
		background-color:#E0F5FE;
		width:15%;
		padding:5px;
		text-align:center;
	}
	
/* MGFX TABS styles */

.onglets {
	margin-left:0;
	margin-bottom:0;
}
.onglets li {
	background-color:#dac79a;
	display:inline;
	float:none;
	list-style:none;
	padding:5px;
	outline: none;
}
.onglets li a {
	color:#b58512;
	display:inline;
	height:auto;
	padding:5px 15px;
	text-decoration:none;
	width:auto;
	outline: none;
}
.onglets li a:hover {
	color:#e86c00;
}
.onglets li.active {
	background-color:#bba46b;
}
.onglets li a.active {
	color:#fff;
}

#tabs {
	/*min-height:520px;*/
	height:auto;
	/*height:520px;*/
	position:relative;
	background-color:#ccc;
}

#tabs .tabbed_content {
	min-height:400px;
	height:auto !important;
	height:400px;
	width:639px;
	/*position:absolute;
	left:0;
	top:0;*/
	float:left;	
	border:1px solid #bba46b;
	padding:5px;
	margin:0 10px 10px 10px;
	background-color:#f9e9c3;
}
.tabbed_content ul {
	list-style-type:circle;
}
#gmap {
	width:534px;
	height:502px;
	margin:10px auto;
	padding:0;
	overflow:hidden;
	border:none;
}

.legend {
	display:block;
	width:100%;
	text-align:center;
	font-size:11px;
	color:#826b34;
}

.red {
	font-weight:bold;
	color:red;
}

.orange {
	font-weight:bold;
	color:orange;
}

.green {
	font-weight:bold;
	color:green;
}

#lang {
	position:absolute;
	width:40px;
	height:20px;
	left:130px;
	top:22px;
}

#showquery1,#showquery2,#showquery3,#showquery4,#showquery5 {
	font-size:10px;
	margin:0 0 0 10px;
}

#query1,#query2,#query3,#query4,#query5 {
	overflow:hidden;
	height:0px;
	padding:0px;
	border:1px dotted #996633;
	color:#444;
	background-color:#eee;
}


/* Annuaire social */

#org h3 {
	margin:0 10px 20px 10px;
}

.annuaire {
	width:520px;
	margin:0 10px 0 0px;
}

.annuaire,.annuaire a{
	font-size:11px;
	line-height:16px;
}

.annuaire tr td {
	background-color:#eee;
	padding:1px 3px;
}

.annuaire tr td.a_ville {
	width:70px;
	font-size:10px;
}

.annuaire tr td.separateur {
	background-color:#fff;
	font-size:6px;
}

.annuaire tr td.lettre {
	background-color:#fff;
	font-size:14px;
	font-weight:bold;
	color:#444444;
}

.annuaire tr td.top {
	background-color:#fff;
	font-size:6px;
	text-align:right;
}

/*  fiche organisme  */
#org fieldset {
	width:498px;
	border:1px dotted #a50110;
	padding:10px;
	margin:0 10px 10px 10px;
	background-color:#eeeeee;
}

#org legend {
	padding:0 3px;
	margin:0 0 0 5px;
	background-color:#ffffff;
	font-size:12px;
	font-weight:bold;
	color:#cd0d40;
	border:1px dotted #a50110;
}

#org fieldset h4 {
	margin:0 auto 10px auto;
}

#gmap_link {
	display:lock;
	font-size:10px;
	float:right;
	margin:0 10px 0 0;
}

/* questionnaire SAO */
.quest {
	background color:#efefef;
	border:1px dotted #dedede;
	width:510px;
	padding:5px 10px 10px 10px;
	margin:0 0 10px 0;
}

.quest ul {
	list-style-image:url(../../img/puce.png);
	padding:0 0 0 40px;
}

.quest ul li, .quest ul li a {
	font-size: 11px;
}

a#reload {
	display:block;
	float:right;
	margin:12px 20px 0 0;
	width:140px;
	height:30px;
	background:url(../../img/reload.jpg) left top no-repeat;
	font-size:10px;
	text-align:center;
	line-height:15px;
	text-decoration:none;
}
a#reload:hover {
	background-position:0 -30px;
}

a.close_q {
	float:right;
	margin:0 0 0 0;
	display:block;
	width:16px;
	height:16px;
}

div.quest ul li a.fake {
	text-decoration:line-through;
	color:#ccc;
}

/* Trombi */
.trombi {
	float:left;
	width:122px;
	min-height:82px;
	background-color:#fec889;
	border:1px solid #b27100;
	margin:0 5px 5px 0;
}
.trombi h6 {
	text-align:center;
	padding:0 3px;
	
}
.trombi img {
	display:block;
	width:100px;
	margin:10px auto 10px auto;
	border:1px dotted #b27100;
}
.trombi span.poste {
	display:block;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	/*background-color:#ff0000;*/
	margin:5px 0;
}