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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, 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: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

:focus { outline: 0; }
ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight: bold; }
a { color:#009cff;}
a img.alignleft, a img.alignright, a img.centered { border: 3px solid #FFF; }
a:hover img.alignleft, a:hover img.alignright, a img.centered { border: 3px solid #D7EDFB; }
h2 {background:transparent url(../images/title.png) no-repeat scroll center center;margin-bottom:10px;}
h2.bienvenue {width:75px;background-position: 0px 0px;}
h2.dernierstableaux {width:130px;background-position: 0px -13px;}
h2.prochainesexpos {width:126px;background-position: 0px -27px;}
h2.ecrivezmoi {width:92px;background-position: 0px -45px;}
h2.galerie {width:54px;background-position: 0px -58px;}
h2.competences {width:99px;background-position: 0px -72px;}
h2.ilsmefontconfiance {width:150px;background-position: 0px -88px;}
h2.parcours {width:63px;background-position: 0px -105px;}
h2.derniersprix {width:97px;background-position: 0px -120px;}
h2.liens {width:40px;background-position: 0px -140px;}
img.alignright { padding: 4px; margin: 0 0 5px 5px; display: inline; border: 0; }
img.alignleft { padding: 4px; margin: 0 5px 5px 0; display: inline; border: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; border: 0; }
input, .button  { font-size: 90%; }
label, input, textarea { float: left; display: block; margin-bottom: 10px; }
label { width: 100px; text-align: left; padding-right: 0px; font-size: 100%; font-weight: bold; }
input, textarea {border:2px solid #eee;}
br { clear: both; }
.more { text-align: right; }
.clear { clear:both; }
.alignright { float: right; }
.alignleft { float: left }

body {
	background:transparent url(../images/background.png) repeat-y center;
	color:#000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:8pt;
	margin:0 auto;
	padding:0;
	overflow:auto;
}

br {
	clear:both;
}

#container {
	margin: 0 auto;
	width: 974px;
	text-align: center;
}

#logo {
	background:transparent url(../images/logo.png) no-repeat center;
	width:528px;
	height:176px;
	margin:auto;
	padding:0;
	position:relative;
	z-index:1;
}

#left {
	background:transparent url(../images/tableau.png) no-repeat center;
	width:469px;
	height:350px;
	margin:-10px 0px auto;
	float: left;
}

#right {
	width:500px;
	height:350px;
	margin:-10px 0px auto;
	float: right;
}

/*-------------------- MENU --------------------*/
#navbar {
	margin:0px 0 0 50px;
}

#navbar ul {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	z-index:2;
}

#navbar ul li {
	float:left;
}

#navbar ul li a {
	display:block;
	width:88px;
	height:70px;
	text-decoration:none;
	background : url(../images/menu.png) center center no-repeat;
}

#navbar ul li a.accueil { width:50px;background-position: 0px 0px; }
#navbar ul li a.accueil:hover { background-position: 0px -70px; }
#navbar ul li a.galerie { width:80px;background-position: -50px 0px; }
#navbar ul li a.galerie:hover { background-position: -50px -70px; }
#navbar ul li a.parcours { width:70px;background-position: -130px 0px; }
#navbar ul li a.parcours:hover { background-position: -130px -70px; }
#navbar ul li a.competences { width:100px;background-position: -200px 0px; }
#navbar ul li a.competences:hover { background-position: -200px -70px; }
#navbar ul li a.partenaires { width:90px;background-position: -300px 0px; }
#navbar ul li a.partenaires:hover { background-position: -300px -70px; }
#navbar ul li a.contact { width:60px;background-position: -390px 0px; }
#navbar ul li a.contact:hover { background-position: -390px -70px; }


/*-------------------- CONTENT --------------------*/
#content {
	clear:both;
	margin:0 0 0 50px;
	padding:0;
	text-align:left;
}

#galerie {
	margin-top:15px;
}

#thumb {
	text-align: left;
	width:220px;
}
#thumb a img { 
	margin:0px 0px 0px 7px; 
}

#expos {
	width:220px;
}
#expos ul {
	padding-left: 5px; 
}
#expos ul li {
	padding: 3px 0; 
}

/*-------------------- FOOTER --------------------*/

#footer {
	clear:both;
	width:974px;
	margin:0 auto;
	padding-top:35px;
	text-align:center;
}

/*-------------------- LOGIN --------------------*/

#loginform { margin:20px auto 0; width:300px; }
#loginform fieldset { margin: 0px 0px 0px 25px; border:0; padding:0; width:250px; }
#loginform input { width: 103px; }
#errormsg { background:#F7CBCA none repeat scroll 0 0; border:1px solid #CC0000; color:#CC0000; font-weight:bold; padding:4px; text-align:center; margin:10px auto; width:300px;}

/*-------------------- PNG FIX (I love IE6) --------------------*/
* html .png{
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
}

/*-------------------- Alert message --------------------*/

.alert {
	background: #FFF6BF url(../images/exclamation.png) center no-repeat;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	width:500px;
	left:50%;
	top:50%;
	margin-left:-250px;
	position:absolute;
	z-index:1000;
	display:none;
	
}
.info {
	background: #F8FAFC url(../images/information.png) center no-repeat;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	width:500px;
	left:50%;
	top:50%;
	margin-left:-250px;
	position:absolute;
	z-index:1000;
	display:none;
}