/*  Feuille de styles de WSGest 2.x.x
    --------------------------------------------------------------
	Style name:		Original
	Based on style:	Original (Style par defaut de WSGEST)
	Original author:	MSA ( http://www.wsconcept.com/ )
	Modified by:		
	
	Copyright 2009 WebStar Concept ( http://www.wsconcept.com/ )
    --------------------------------------------------------------
*/

/*  Feuille de styles common.css
    --------------------------------------------------------------
	Cette feuille de style correspond au style de base pour le
	site. On utilise ici les valeurs de base et les modifications
	se font dans les autres feuilles de styles (forms.css etc).
	
	Copyright 2009 WebStar Concept ( http://www.wsconcept.com/ )
    --------------------------------------------------------------
*/

/* Initialisation des balises
--------------------------------------------------------------- */
* {
	margin: 	0;
	padding: 	0;
	cursor:		default;
}

html {
	font-family:		Verdana, Arial, Helvetica, sans-serif; 
	font-size: 			9pt;
	line-height: 		13pt;
	text-align: 		center;
	color: 				#ffffff;
	background: 		url("./styles/acquaconcept/theme/images/background.jpg") repeat-x left top;
	background-color: 	#085289;
	padding: 			0; 
	margin: 			0;
}

html, body {
	text-align: center;
	height: 	100%;
	padding: 	0; 
	margin: 	0;
}

a {
	cursor:	pointer;
}

a:link, a:visited {
	color: 				#b2d6ed;
	text-decoration: 	underline;
	background-color: 	transparent;
	outline: 			none;
	cursor:	pointer;
}

a:active, a:hover {
	color: 				white;
	background-color:	 transparent;
	text-decoration: 	none;
	outline: 			none;
	cursor:	pointer;
}

/* Blocs de la mise en page
---------------------------------------- */
#container {
	width: 		990px;
	min-height: 100%;
	background: url("./styles/acquaconcept/theme/images/content.jpg") no-repeat left top;
	margin: 	0 auto;
	padding: 	0;
}

* html #container {
	height: 100%;
}

#footer {
	width: 				100%;
	height: 			163px;
	font-size: 			7pt;
	background-color: 	black;
	color: 				#DDD;
	text-align: 		center;
	background: 		url("./styles/acquaconcept/theme/images/footer_bg.jpg") repeat-x left top;
	margin: 			-163px auto 0 auto;
}

#footer div {
	width: 		990px;
	height: 	163px;
	margin: 	0 auto;
}

#footer_content {
	width: 		990px;
	height: 	20px;
	position: 	relative;
	top: 		138px;
	left: 		0;
	margin: 	5px auto;
	text-align: center;
}

/* HEADERS
---------------------------------------- */
#logo {
	width: 			576px;
	height: 		120px;
	background: 	url("./styles/acquaconcept/theme/images/logo.jpg") no-repeat left top;
	margin: 		0 auto;
}

/* Styles pour le menu principal
---------------------------------------- */
#top-menu {
	width: 		990px;
	height: 	40px;
	text-align: center;
	margin: 	10px auto;
}

#top-menu dl {
	width: 		980px;
	margin: 	auto;
}

#top-menu dd {
	width: 			163px;
	height: 		30px;
	font-size: 		13pt;
	font-family: 	"Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-align: 	center;
	display: 		inline;
	float: 			left;
	margin: 		0;
}

#top-menu a:link, #top-menu a:visited {
	width: 				163px;
	height: 			30px;
	line-height: 		30px;
	display: 			block;
	color: 				#b2d6ed;
	background-color: 	transparent;
	text-decoration: 	none;
	background: 		url("./styles/acquaconcept/theme/images/off.png") no-repeat 13px bottom;
}

* html #top-menu a:link, * html #top-menu a:visited {
	background: url("./styles/acquaconcept/theme/images/off.gif") no-repeat 13px bottom;
}

#top-menu a:active, #top-menu a:hover, #top-menu #on {
	width: 				163px;
	height: 			30px;
	line-height: 		25px;
	display: 			block;
	color: 				#24DF78;
	text-decoration: 	none;
	background: 		url("./styles/acquaconcept/theme/images/on.png") no-repeat 13px top;
}

* html #top-menu a:active, * html #top-menu a:hover, * html #top-menu #on {
	background: url("./styles/acquaconcept/theme/images/on.gif") no-repeat 13px top;
}

/* Styles pour la page principale
---------------------------------------- */

/* Erreurs
---------------------------------------- */
.error {
	color: #CC3300;
}

.errorbox {
	padding: 	8px;
	margin: 	10px 0;
	color: 		#FFFFFF;
	text-align: center;
	background: 	url("./styles/acquaconcept/theme/images/bg_error.png") top left repeat;;
}
.errorbox h1, .errorbox h3 {
	color: 			#FFFFFF;
	margin: 		0 0 0.5em;
	font-size: 		1.6em;
	font-family: 	"Trebuchet MS", Arial, Helvetica, sans-serif;
}



/* Colonne de gauche
---------------------------------------- */
#gauche {
	width: 			220px;
	font-size: 		8pt;
	text-align: 	left;
	float: 			left;
	display: 		inline;
	margin: 		0 18px 0 0;
	background: 	url("./styles/acquaconcept/theme/images/gauche_bg.jpg") repeat-y left top;
}

#gauche .col {
	width: 		200px;
	min-height: 480px;
	height: 	auto !important;
	height: 	480px;
	float: 		left;
	display: 	inline;
	background: url("./styles/acquaconcept/theme/images/gauche.jpg") no-repeat left top;
	padding: 	15px 10px 0 10px;
}

* html #gauche .col {
	width: 220px;
}

#gauche .foot {
	width: 		220px;
	height: 	19px;
	float: 		left;
	background: url("./styles/acquaconcept/theme/images/gauche_foot.jpg") no-repeat left top;
}

/* Colonne de droite
---------------------------------------- */

#droite {
	width: 		750px;
	text-align: justify;
	float: 		left;
	display: 	inline;
	background: url("./styles/acquaconcept/theme/images/droite_bg.jpg") repeat-y left top;
}

#droite .col {
	width: 		730px;
	min-height: 480px;
	height: 	auto !important;
	height: 	480px;
	float: 		left;
	background: url("./styles/acquaconcept/theme/images/droite.jpg") no-repeat left top;
	padding: 	15px 10px 0 10px;
}

* html #droite .col {
	width: 750px;
}

#droite .foot {
	width: 		750px;
	height: 	19px;
	float: 		left;
	background: url("./styles/acquaconcept/theme/images/droite_foot.jpg") no-repeat left top;
}

/* Colonne de droite
---------------------------------------- */

#total {
	width: 			970px;
	font-size: 		8pt;
	text-align: 	left;
	float: 			left;
	display: 		inline;
	margin: 		0 18px 0 0;
}

#total .col {
	width: 		970px;
	min-height: 300px;
	height: 	auto !important;
	height: 	300px;
	float: 		left;
	background: url("./styles/acquaconcept/theme/images/total.png") no-repeat left top;
	padding: 	15px 10px 0 10px;
}

* html #total .col {
	width: 970px;
}

#total .foot {
	width: 		970px;
	height: 	19px;
	float: 		left;
}

/* Styles pour les textes
---------------------------------------- */
#droite h1, #total h1 {
	height: 			25px;
	line-height: 		20px;
	font-family: 		Arial, Helvetica, sans-serif; 
	font-size: 			16pt;
	font-weight: 		normal;
	text-align: 		left;
	text-indent: 		40px;
	color: 				white;
	background-color: 	transparent;
	margin: 			10px 0 15px 0;
	padding: 			0;
	border-bottom: 		1px dotted #b2d6ed;
	clear: 				both;
}

h2 {
	font-size: 			11pt;
	text-align: 		left;
	color: 				#24DF78;
	background-color: 	transparent;
	margin: 			5px 0;
}

h3 {
	font-family: 		Arial, Helvetica, sans-serif; 
	font-size: 			9pt;
	text-align: 		left;
	color: 				white;
	background-color: 	transparent;
	margin: 			5px 0;
}

#gauche h1 {
	height: 			20px;
	font-family: 		Tahoma, Helvetica, sans-serif; 
	font-size: 			11pt;
	font-weight: 		bold;
	text-align: 		center;
	color: 				white;
	background-color: 	transparent;
	margin: 			5px 0;
	background: 		url("./styles/acquaconcept/theme/images/ico_h1_g.gif") no-repeat left bottom;
	clear: 				both;
}

/* Elements divers
---------------------------------------- */
hr {
	height:			0px;
	border-bottom: 	1px dotted #b2d6ed;
	margin: 		0 40px;
}

#clearfooter {
	height: 164px;
	clear: 	both;
}

.bord {
	border: 2px solid white;
}

.left {
	margin: 0 10px 0 0;
	float: 	left;
}

.right {
	margin: 0  0 5px 10px;
	float: 	right;
}

.center {
	text-align: center;
}

.end{
	clear: both;
}

.small {
	font-size: 7pt;
}

p {
	margin: 5px auto;
}

p.text {
	margin-bottom: 15px;
}

ul {
	padding: 	0;
	margin: 	5px 0 15px 0;
}
ul.menu {
	min-height:120px;
}

li {
	list-style-position: 	inside;
	list-style-type:circle;
}
.menu li {
	list-style-type:none;
	text-decoration:none;
}
.menu li a {
	text-decoration:none;
}
.menu li span {
	color:#b2d6ed;
}

li.menu2_activ {
	list-style-type:none;
	text-decoration:none;
}
li.menu2_activ a, li.menu2_activ span {
	color:#FFFFFF;
	text-decoration:none;
}

.actus_date {
	width:					33px;
	height: 				32px;
	font-size: 				7pt;
	font-weight: 			bold;
	text-align: 			center;
	color: 					#030608;
	line-height:1.5em;
	background-color: 		transparent;
	background-image: 		url("./styles/acquaconcept/theme/images/actus_date.png");
	background-repeat: 		no-repeat;
	background-position: 	5px top;
	padding-top: 			10px;
	padding-left: 			6px;
	margin-right: 			10px;
	float: 					left;
}

* html .actus_date {
	width: 34px;
	height: 47px;
}

.actus_subject {
	color: 				#24DF78;
	font-weight:		bold;
	font-size:			10pt;
	text-decoration:	underline;
	padding:			5px 0;
	padding-right:		5px;
}
.actus_text {
	padding-bottom:		8px;
	margin-bottom:		15px;
	padding:			0 5px;
	text-align:			justify;
}
.actus_text a {
	color: 				#ffffff;
	text-decoration:	none;
}

#galerie {
text-align: center;
}
#galerie img {
border: 3px solid white;
margin: 10px;
vertical-align: middle;
}
#galerie a {
background-color: transparent;
}
#thumbBox {
position: absolute;
left: 0;
top: 0;
width: auto;
/* top right bottom left */
padding: 5px 10px 0 10px;
text-align: center;
color: black;
background-color: white;
border: 1px solid black;
visibility: hidden;
z-index: 10;
cursor: pointer;
}
#thumbBox #thumbImage {
font-weight: bold;
color: black;
background-color: transparent;
margin-bottom: 5px;
}
#thumbBox #thumbImage img {
border: 1px solid black;
}
#thumbLoading {
position: absolute;
visibility: hidden;
border: 1px solid black;
color: black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

.galleries {
	margin:10px;
	float:left;
	cursor:pointer;
}














/* Styles pour les formulaires
---------------------------------------- */

#menu_login .input_text {
	margin-bottom:	2px;
}

.input_text {
	border:			1px solid #5e7e88;
	background:		url("./styles/acquaconcept/theme/images/bg_input_contact.png") repeat-x #FFFFFF;
	padding:		5px;
	font-size:		10px;
	font-weight:	bold;
	color:			#394c52;
	width:			300px;
}

.input_text:hover {
	border:	1px solid #030608;
	color: 	#0F4987;
	cursor:	text;
}

.bouton {
	border:			1px solid #5e7e88;
	background:		url("./styles/acquaconcept/theme/images/bg_input_contact.png") repeat-x #FFFFFF;
	padding:		5px;
	font-size:		10px;
	font-weight:	bold;
	color:			#394c52;
	width:			300px;
	text-decoration:none;
}

.bouton:hover {
	border:			1px solid #030608;
	background:		url("./styles/acquaconcept/theme/images/bg_input_contact.png") repeat-x #FFFFFF;
	padding:		5px;
	font-size:		10px;
	font-weight:	bold;
	color:			#030608;
	width:			300px;
	text-decoration:none;
}

/* Styles pour les galeries
---------------------------------------- */
#gal_slide1 li {
	font-size:10px;
}

.wslide-menu a {
	border:			1px solid #030608;
	margin:			5px 3px 0px 0px;
	color:			#F2F3F3;
	float:			left;
	width:			12px;
	height:			12px;
}
.wslide-menu a:hover, .wslide-menu a.wactive{
	color:				#030608;
	background-color:	#030608;
}

/* Styles pour les galeries
---------------------------------------- */

table {
	width: 				100%;
	padding: 			1px;
	font-size:			1em;
}

table.noborder {
	border:none;
}

th {
	padding: 		3px 4px;
	color: 			#000000;
	background: 	url("./styles/acquaconcept/theme/images/bg3.png") top left repeat;
	text-align: 	center;
	text-transform: uppercase;
}

td {
	text-align: 	left;
	padding: 		4px;
	line-height: 	1.50em;
}

.col1 { background: 	url("./styles/acquaconcept/theme/images/bg.png") top left repeat; }
.col2 { background: 	url("./styles/acquaconcept/theme/images/bg2.png") top left repeat; }
.col3 { background: 	url("./styles/acquaconcept/theme/images/bg3.png") top left repeat; }

.row1 { background: 	url("./styles/acquaconcept/theme/images/bg.png") top left repeat; }
.row2 { background: 	url("./styles/acquaconcept/theme/images/bg2.png") top left repeat; }
.row3 { background: 	url("./styles/acquaconcept/theme/images/bg3.png") top left repeat; }


/* Styles pour les galeries
--------------------------------------------------------------- */
#lightbox { 
	font-size:		1em;	
	position: 		absolute;	
	left: 			0; 
	width: 			100%; 
	z-index: 		100; 
	text-align: 	center; 
	line-height: 	0;
}

#lightbox img { 
	width: 		auto; 
	height: 	auto; 
	border:		3px solid #000;
}

#lightbox a img { border: none; }

#outerImageContainer { 
	position: 			relative; 
	background-color: 	#fff; 
	width: 				250px; 
	height: 			250px; 
	margin: 			0 auto; 
}

#imageContainer { padding: 7px; }

#loading { 
	position: 		absolute; 
	top: 			40%; 
	left: 			0%; 
	height: 		25%;
	width: 			100%; 
	text-align: 	center; 
	line-height: 	0; 
}

#hoverNav { 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}

#imageContainer>#hoverNav { left: 0;}

#hoverNav a { outline: none;}

#prevLink, #nextLink { 
	width: 				49%; 
	height: 			100%; 
	background-image: 	url(data:image/gif;base64,AAAA);
	/* Trick IE into showing hover */
	display: 			block; 
}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("./styles/acquaconcept/theme/images/prevlabel.gif") left 20% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("./styles/acquaconcept/theme/images/nextlabel.gif") right 20% no-repeat; }

#imageDataContainer { 
	font-family: 		Verdana, Helvetica, sans-serif; 
	font-size:			1em;
	background-color: 	#fff; 
	margin: 			0 auto; 
	line-height: 		1.4em; 
	overflow: 			auto; 
	width: 				100%;
}

#imageData {
	padding:0 10px;
	color: 	#666;
}

#imageData #imageDetails {
	font-size:	0.85em;
	width: 		70%;
	float: 		left;
	text-align: left;
}	
#imageData #caption { font-weight: bold; }

#imageData #numberDisplay { 
	display: 		block;
	clear: 			left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 			66px;
	float: 			right;
	padding-bottom: 0.7em;
	outline: 		none;
}	 	

#overlay { 
	position: 			absolute;
	top: 				0;
	left: 				0;
	z-index: 			90;
	width: 				100%;
	height: 			500px;
	background-color: 	#000; 
}

.obligatoire {
	color:red;
}
/*  Feuille de styles form.css
    --------------------------------------------------------------
	Cette feuille de style correspond au style pour les
	formulaire. Elle comprends toutes les balises et classes qui
	sont affichees dans le site sous les formulaires.
	
	Copyright 2009 WebStar Concept ( http://www.wsconcept.com/ )
    --------------------------------------------------------------
*/