/*h1 {padding: 40px;}*/

.imgconta {float: left; padding: 5px 5px 0px 0px;}



#contenunancy {width: 822px; height: auto; padding: 10px;}



#contenunancy a {text-decoration: none;}



#toolbarwrap {

	width: 822px;

	height: 30px;

	/*margin-left:auto; margin-right:auto;*/

	margin: 0px auto;

	padding: 0px;

	background: url(../img/menubar.jpg) repeat-x;

	

	}

ul#toolbar {

	margin: 0;

	padding: 0;

	list-style-type: none;

	}

ul#toolbar li {

	float: left;

	padding: 0 0 0 0px;

	width: 274px;

	text-align: center;

	}

ul#toolbar li a {

	float: left;

	line-height: 30px;

	color: #fff;

	text-decoration: none;

	display: block;

	width: 100%;

	}

ul#toolbar li a:hover {

	text-decoration: none;

	color: #fff;

	background: url(../img/menubar2.png) no-repeat;

	width: 100%;

	}

ul#toolbar li.active {

	color: #fff;;

	

}

ul#toolbar li.inactive {

	text-decoration: none;

	color: #fff;

}





#frame {

	overflow: hidden;

	margin: 0 auto;

	width: 820px;

	border-left: 1px solid #79235c;

	border-right: 1px solid #79235c;

	border-bottom: 1px solid #79235c;

	background: #110104 url(../img/frame_in.jpg) repeat-y;

	}

#scroller {

	width: 812px;

	margin: 0 auto;	

	overflow: hidden;

	position: relative;

	

}

#contentscrool {

	width: 2436px;

}

.section {

	width: 802px;

	float: left;

	padding: 5px;

	text-align: center;

	/*background-color: #fff;*/

}



/* carre dans le paneau */



#contenupaneau1 {width:820px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; position:relative;}

#contenupaneau2 {width:820px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; position:relative;}

#contenupaneau3 {width:820px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; position:relative;}



.galerie01 {width:820px; height:370px; /*background:url(../img/fndgalerie01.gif) no-repeat;*/ position:relative; text-align:left;}

.grimage01 {width:400px; height:300px; background-color:#CC6600; position: absolute; left:4px; top:4px;}

.texte01 {width:393px; height:362px; background-color:#6633FF; position: absolute; left: 424px; top: 4px;}

.thumbs01 {width:400px; height:56px; background-color:#FFCC00; position:absolute; left:4px; top:309px;}



img.default {background-color:#3f0a24;position:absolute; left:2px; top:0px; z-index:0; width:400px; height:300px; border: 1px solid #fff;}

.defaulttext {position:absolute; left:414px; top: 0px; z-index:0; width:375px; height:360px; font-weight:normal; padding:6px; background: #fff; border: 1px solid #177cda; font-size: 85%;}



.galerie01 h1 {font-size:14px; font-weight:normal; color:#fc0; margin:0 0 0 5px; padding:0;}

.galerie01 ul {list-style:none; width:400px; height:57px; background: url(../img/thumb_fnd.jpg) repeat-y; position:absolute; left:2px; top:317px;}

.galerie01 ul li {display:inline; width:76px; height:57px; float:left; margin-right:3px;}

.galerie01 ul li a {display:block; width:76px; height:57px; cursor:default; background:url(../img/arrow.gif) no-repeat; text-decoration:none; border: none;}

.galerie01 ul li a b {display:none;}

.galerie01 ul li a img {display:block; width:76px; height:57px; border: none;}

.nomarge2 {margin:0;}

.galerie01 ul li a:hover {white-space:normal;position:relative;}



.galerie01 ul li a:active, .galerie01 ul li a:focus {position:static; outline:0;}



.galerie01 ul li a:focus img, .galerie01 ul li a:active img {background-color:#fff; position:absolute; left:0px; top:-317px; width:400px; height:300px;}

.galerie01 ul li a:focus b, .galerie01 ul li a:active b {display:block; position:absolute; width:375px; height:360px; top:-317px; left:412px; color:#000; font-weight:normal; padding:6px; background-color:#fff; text-decoration: none; font-size: 90%; }



.focus1 {isplay:block; position:absolute; width:375px; height:360px; top:-317px; left:412px; color:#000; font-weight:normal; padding:6px; background-color:#fff; text-decoration: none;}



#gallerycontainer4{

margin-left: 2px;

position: relative;

height: 370px;

/*Add a height attribute and set to largest image's height to prevent overlaying*/

}



.thumbnail2 img{

border: 1px solid #8e5378;

margin: 0 2px 2px 0;

text-decoration: none;

}



.thumbnail2:hover{

background-color: transparent;

text-decoration: none;



}



.thumbnail2:hover img{

border: 1px solid #8e5378;

}



.thumbnail2 span{ /*CSS for enlarged image*/

position: absolute;

background-color: #fff;

padding: 2px;

left: -100px;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail2 span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail2:hover span{ /*CSS for enlarged image*/

visibility: visible;

top: -5px;

left: 120px; /*position where enlarged image should offset horizontally */

z-index: 50;

}



/* galerie */





#frame h3 {font-size: 110%; text-align: center; color: #5f2140; padding:5px;}



#frame p {font-size: 100%; text-align: left; line-height: 130%; margin-bottom: 10px;}



.p_italic_bas {font-weight:bold; font-style:italic; font-size: 90%; position: absolute; bottom: 0;}
