html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, 
code, del, dfn, font, img, ins, kbd, q, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, 
form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td
						{ margin:0; padding:0; border:0; outline:none; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }

iframe					{ border:0; margin:0; }
.center					{ text-align:center !important; float:none !important; }
.none					{ display:none; }
.black					{ color:black !important; }
.novalid				{ border:1px solid #d10000 !important; }
img.left				{ float:left; }
img.right				{ float:right; }
.sep					{ clear:both !important; }
small					{ font-size:9px; }


html,body				{ background:#f0f0f0; }
html,body,#wrap 		{ height:100%; }
body > #wrap			{ height:auto; min-height:100%; }
body					{ background:#f0f0f0; color:#646464; text-align:center; }
#main					{ padding-bottom:70px; } 

body,h1,h2,h3,h4,input,textarea,select,p,ul,li { color:#646464; font:12px arial; }
a img					{ border:0; }
a						{ color:#646464; }
a:hover					{ color:#c10000; }

#overlay				{ display:none; color:#FFFFFF; position:fixed; background:url(../img/bg_top.png) repeat top left; padding:0px; width:100%;  height:100%; top:0; left:0; z-index:101;  
											  _position: absolute; top: expression(body.scrollTop + "px"); }
#loadingMessage			{ position:fixed; background:url(../img/bg_loadm.png) repeat-x bottom right; color:#c1c1c1; padding:0 0 0 0; margin:0; top:184px; left:0; text-align:center; width:100%; z-index:102; overflow:hidden;  
											  _position: absolute; top: expression(body.scrollTop + 184 + "px"); display:none; }
#loadingMessage p		{ padding:4px 0 0 0; }
#loadingMessage img		{ vertical-align:middle; margin-right:10px; }
#loadingMessage span.r	{ color:#ff5f15; }
#loadingMessage span.g	{ color:#648a00; }

#loadajax				{ display:none; background:white; border:1px solid black; margin:98px -455px; left:50%; position:absolute; text-align:center; width:910px; z-index:111; }
#loadajax iframe		{ background:white; border:4px solid #e6e6e6; }
#loadajax p.close 		{ text-align:right; padding:0 4px 4px 0; margin:0; }
#loadajax p.close a		{ color:#343434; font-weight:bold; text-decoration:none; }
#loadajax p.close a:hover{ color:black; }
#loadajax .contenu		{ background:white; border:4px solid #e6e6e6; color:black; text-align:justify; padding:20px; }
#loadajax .contenu h2	{ color:black; font-size:22px; margin:0 0 20px 0; }
#loadajax .contenu p.bg	{ background:#f0f0f0; padding:2px 5px; margin:0 0 5px 0; }

#footer					{ background:#101010; color:black; position:relative; margin-top:-40px !important; height:40px; overflow:hidden; clear:both; } 
#footer	p				{ margin:0 auto; padding-top:12px; color:#464646; font-size:11px; width:980px; text-align:left; }  
#footer	p	a			{ color:#464646; text-decoration:none; }
#footer p a:hover		{ color:#27bdff; }
#footer	p span.l		{ float:left; text-align:left; width:800px; } 
#footer	p span.l form.editextarea 	{ display:inline; }  
#footer	p span.l form.editextarea input 	{  }  
#footer	p img.cdrts		{ float:right; margin:0px 5px 0 20px; } 




/* CLEAR FIX */
.clearfix:after 		{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix				{ display:inline-block; } 
* html .clearfix		{ height:1%; } /* Hides from IE-mac \*/
.clearfix				{ display:block; } /* End hide from IE-mac */
.none					{ display:none; }



#top					{ left:0; top:0; position:fixed; background:url(../img/bg_topfixed.png) repeat-x top left fixed; margin:0; z-index:111; width:100%;  
											  _position: absolute; top: expression(body.scrollTop + "px"); height:35px; }
#top h1					{ background:url(../img/webzee.png) no-repeat 0 60px; display:block; width:235px; height:150px; float:left; overflow:hidden; position:absolute; margin-left:5px; top:0; }
#top h1 b				{ padding:200px; display:block; }
#top h2					{ padding-top:10px; color:#848484; text-align:left; }
#top h2 b				{ color:white; }
#top p					{ padding-top:10px; margin:0 !important; float:right; text-align:right; }
#top p a				{ color:#848484; text-decoration:none; }
#top p a:hover			{ color:white; }
#top p a.ok				{ font-weight:bold; color: white; }

#bandeau				{ position:fixed; background:url(../img/bg_bando.png) repeat-x bottom center; border-bottom:1px solid white; padding:0; top:0; left:0; height:190px; width:100%; margin-bottom:5px; z-index:103; 
											  _position: absolute; top: expression(body.scrollTop + "px");  }
#bandeau .bandeau		{ }
#bandeau h2				{ color:white; padding-top:81px; font-size:26px; font-weight:normal !important; margin:0 auto; float:right; text-shadow:4px 4px 4px #000; }
#bandeau h2 b			{ font-size:42px; font-weight:normal !important; margin:0 auto;  }
#bandeau h2 span		{ color:#a0a0a0; display:block; font-size:14px; margin:0 auto; text-align:left; text-shadow:4px 4px 4px #1B1B1B;  }


form label				{ float:left; display:block; }


#viewgalerie ul 		{ padding:10px 0; }
#viewgalerie ul li		{ display:block; list-style:none; float:left; margin:0 15px 15px 0; border:4px solid white; background:white; height:100px; width:100px; overflow:hidden; }


a.help 					{ float:right; z-index:20; text-decoration:none !important; height:30px; width:30px; position:relative; }
a.help img				{ float:right; z-index:20; margin:0 !important; padding:0 !important; }
a.help span				{ font-size:11px; z-index:130; display:none; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; margin:-20px 0 0 -320px; 
						  border:1px solid #ffba69; background:#fff2e1; color:#c86c00; padding:10px; position:absolute; text-align:justify; width:300px; }

.erreur 				{ padding:150px 0 50px 0; text-align:center; margin:0 auto; }
.erreur div.grey		{ background:url(../img/bg_ban.png) repeat-x top left; padding-top:10px; height:250px; text-align:justify; }
.erreur div.grey .content{ width:700px !important; text-align:justify; }
.erreur h3				{ color:black; font-size:22px !important; font-weight:normal !important; margin:20px 0 10px 0;  }
.erreur p				{ margin:20px 0 10px 2px;  }
.erreur img				{ margin:30px 0 0 620px  !important; position:absolute; }

.erreur p input			{ width:125px; color:#646464; border:1px solid #d6d6d6; }
.erreur p input:focus	{ border:1px solid black; }
.erreur p input.ok		{ text-align:center; width:35px; color:white; font-weight:bold; }
.erreur p input.ok:hover{ background:black; }


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: fixed; background:url(../img/bg_top.png) repeat top left !important;  
	top: 0; 
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
