@charset "utf-8";

/* CSS Document */

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



#menuhoriz li {

        display: inline;

        padding: 5px 18px 8px 18px; /*Separar el texto*/

        margin:2px; /* Separar los botones */

		font-family:"Trebuchet MS", Verdana, Arial;

		font-size:18px;

		color:#FFFFFF;

}

li.peintre:hover {

        cursor: pointer; /* cambiar el aspecto del puntero */

		background:url("images/onPeintre.gif") repeat left top;

}

li.peintre {

        cursor: pointer; /* cambiar el aspecto del puntero */

		background:url("images/offButton.gif") repeat left top;

		color:#FFFFFF;

		text-decoration:none;

}

li.peintures:hover {

        cursor: pointer; /* cambiar el aspecto del puntero */

		background:url("images/onPeintures.gif") repeat left top;

}

li.peintures {

        cursor: pointer; /* cambiar el aspecto del puntero */

		background:url("images/offButton.gif") repeat left top;

}

li.presse:hover {

        cursor: pointer; /* cambiar el aspecto del puntero */

		background:url("images/onPresse.gif") repeat left top;

}

li.presse {

        cursor: pointer; /* cambiar el aspecto del puntero */

		background:url("images/offButton.gif") repeat left top;

}

li.expo:hover {

        cursor: pointer; /* cambiar el aspecto del puntero */

		background:url("images/onExpo.gif") repeat left top;

}

li.expo {

        cursor: pointer; /* cambiar el aspecto del puntero */

		background:url("images/offButton.gif") repeat left top;

}

li.contact:hover {

        cursor: pointer; /* cambiar el aspecto del puntero */

		background:url("images/onContact.gif") repeat left top;

}

li.contact {

        cursor: pointer; /* cambiar el aspecto del puntero */

		background:url("images/offButton.gif") repeat left top;

}

a.link:hover {

		color:#FFFFFF;

		text-decoration:underline;

		}

a.link {

		color:#FFFFFF;

		text-decoration:none;

		}

a.subPeint:hover {

		color:#003366;

		text-decoration:underline;

		}

a.subPeint {

		color:#003366;

		text-decoration:none;

		}

	

#menuhoriz ul {
	margin-top:-10px;
	margin-left:auto;
	margin-right:auto;
	width:850px;
	padding: 5px 8px 8px 8px;
	margin-bottom:0px;
}

H1.peintre {

	font-family:"Trebuchet MS", Verdana, Arial;

	font-size:46px;

	color:#006666;

	font-weight:normal;

	margin-bottom:-25px;

	margin-top:20px;

	}

H2 {

	font-family:"Trebuchet MS", Verdana, Arial;

	font-size:30px;

	color:#cc0000;

	font-weight:normal;
	
	margin-bottom:5px;

	}

H1.peintures {

	font-family:"Trebuchet MS", Verdana, Arial;

	font-size:46px;

	color:#003366;

	font-weight:normal;

	margin-bottom:-25px;

	margin-top:20px;

	}

#main {

	clear:both;

	width:912px;

	height:auto;

	margin-left:auto;

	margin-right:auto;

	margin-top:0px;

	border: 1px solid #E4E4E4;	
	
	opacity:.9;
	
	filter:Alpha(opacity=90);

	}

#main2 {

	clear:both;

	width:912px;

	height:751px;

	margin-left:auto;

	margin-right:auto;

	margin-top:0px;

	border: 1px solid #E4E4E4;
	
	opacity:.9;
	
	filter:Alpha(opacity=90);

	}

#content {

	width:912px;

	height:509px;

	margin-top:0px;

	border-bottom:1px solid #E4E4E4;

	background:url(images/ContentBack1.gif) repeat-x left top;

	}

#content2 {

	width:912px;

	height:600px;

	margin-top:0px;

	border-bottom:1px solid #E4E4E4;

	background:url(images/ContentBack1.gif) repeat-x left top;

	}

#menu {

	width:845px;

	height:58px;

	padding-top:15px;

	margin-left:auto;

	margin-right:auto;

	margin-bottom:10px;

	}

#menuitems1 ul {

		clear:both;

		width:800px;

		padding:0;

		margin-top:0px;

		margin-bottom:0px;

		margin-left:auto;

		margin-right:auto;

		border-bottom:1px solid #003366;

}

#menuitems1 li {

        display: inline;

        padding: 0 0 0 15px; /*Separar el texto*/

        margin:2px; /* Separar los botones */

		font-family:"Trebuchet MS", Verdana, Arial;

		font-size:18px;

		color:#0000ff;

}

#footer1 {

	width:912px;

	height:150px;

	margin-top:0px;

	background:#FFFFFF;

	}

#footer1A {

	float:left;

	width:475px;

	background:url(images/backCar.gif) repeat-x left top;

	height:130px;

	padding-top:20px;

	}

#footer1ATmp {

	float:left;

	width:405px;

	background:url(images/backCar.gif) repeat-x left top;

	height:100px;

	padding:20px 15px 30px 20px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#000066;

	}

#footer1B {

	width:437px;

	height:140;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333333;

	padding:30px 0 0 0;

	float:right;

	}

.footer2 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#FFFFFF;

	width:910px;

	height:50px;

	margin-left:auto;

	margin-right:auto;

	margin-top:4px;

	}

#content1 {

	float:left;

	width:407px;

	height:469px;

	margin-top:0px;

	background:url(images/ContentBack1.gif) repeat-x left top;

	padding:20px;

	}

#photoFoot {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#FFFFFF;

	width:400px;

	margin-left:480px;

	margin-top:-60px;

	}

#photo {

	float: right;

	width:77px;

	margin-right:20px;

	padding-top:15px;

}

#name {

	margin-bottom:20px;

	float: left;

	width:286px;

	}

.textoPeintre {

	clear: both;

	font-family:"Trebuchet MS", Verdana, Arial;

	font-size:16px;

	color:#ff3300;

	margin-bottom:-10px;

	}

.PeintreLegend {

	clear: both;

	font-family:"Trebuchet MS", Verdana, Arial;

	font-size:11px;

	color:#333333;

	margin-bottom:-10px;

	}
.stepcarousel{

	position: relative; /*leave this value alone*/

	border: 1px solid black;

	background-color:#FFFFFF;

	overflow: scroll; /*leave this value alone*/

	width: 310px; /*Width of Carousel Viewer itself*/

	height: 95px; /*Height should enough to fit largest content's height*/

	margin-left:auto;

	margin-right:auto;

}

.stepcarousel .belt{

	position: absolute; /*leave this value alone*/

	left: 0;

	top: 0;

}

.stepcarousel .panel{

	float: left; /*leave this value alone*/

	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

	margin: 10px; /*margin around each panel*/

	width: 90px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}

#address {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333333;

	width:auto;

	padding-left:150px;

}

.titlePeintures {

	float:left;

	font-family:"Trebuchet MS", Verdana, Arial;

	font-size:46px;

	color:#000066;

	margin-top:0px;

	padding:0;

	margin-bottom:0px;

}

.titlePresse {

	float:left;

	font-family:"Trebuchet MS", Verdana, Arial;

	font-size:46px;

	color:#006600;

	margin-top:0px;

	padding:0;
	
	margin-bottom:0px;

}

.titleExpo {

	float:left;

	font-family:"Trebuchet MS", Verdana, Arial;

	font-size:46px;

	color:#660033;

	margin-top:0px;

	padding:0;
	
	margin-bottom:0px;

}

.titleContact {

	float:left;

	font-family:"Trebuchet MS", Verdana, Arial;

	font-size:46px;

	color:#ff6600;

	margin-top:0px;

	padding:0;

	margin-bottom:0px;

}

.titleFrancoise {

	float:right;

	font-family:"Trebuchet MS", Verdana, Arial;

	font-size:30px;

	color:#cc0000;

	margin-top:0px;

	padding:17px 0 0 0;

	margin-bottom:0px;

}

.subPeintures {

	font-family:"Trebuchet MS", Verdana, Arial;

	font-size:36px;

	color:#000066;

}

.textFrog{

	text-align: center;

	font-family: verdana, arial, sans-serif;

	font-size: .7em;

			}

#FrogJS{

	width: 760px;

	height: 440px;

	margin: 0 auto;

}

#FrogJSCredit{

	text-align: right;

	font-size: 13px;

	color: #333366;

	padding: 1px;

	font-weight:bold;

}

#FrogJSCaption{

	text-align: left;

	line-height: 140%;

}

/* Tablas */

#tableGen {

	padding:0px 0 5px 0px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#333333;

	}



#tableExpo {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:15px;

	color:#333333;
	
	margin-top:0px;
	
	margin-left:auto;
	
	margin-right:auto;

	}

#tableExpo td{

	border-bottom:1px solid #333333;
	padding-bottom:8px;

	}

/* desde aqui el lightbox image viewer */



#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#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: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	}



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

#imageData #imageDetails{ 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;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}

	



/* Min-Width */

.lbWidth { /* most browsers */

	position: absolute;

	top: 0px; left: 0px;

	width: 100%;

	min-width: 790px;

	}



* html .lbContent { /* IE6 */

	margin-left: -790px;

	position:relative;

	}



* html .lbMinWidth { /* IE6 */

	padding-left: 790px;

	}

	

	

/* Clearfix */	

.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */ 

	/* hasta aqui el light box image viewer */
 
#menuP{
	width:845px;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-10px;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:18px;
	color:#0000ff;
	border-bottom:1px solid #003366;
	padding:0px;
	margin-bottom:0px;
	}
#menuP ul .item{
	display:none;
	border:1px solid #999999;
	}
#menuP ul:hover .item{
	position:absolute;
	background:#ffffff;
	display:block;
	padding:3px 17px 3px 5px;
	margin-top:-2px;
	}
 
#menuP ul:hover .item a{
		font-size:15px;
		color:#003366;
		text-decoration:none;
	}
#menuP ul:hover .item a:hover{
		font-size:15px;
		color:#003366;
		text-decoration:underline;
	}
 
#menuP ul{
	float:left;
	margin-top:-2px;
	margin-right: 25px;
	margin-left: 0px;
	padding:0px;
	margin-bottom:0px;
	list-style:none;	
	}
.clear{
	clear:both;
	height:10px;
	}