/*DESIGN*/
body { margin: 0; padding: 0; }
#header { position: absolute; left:250px;width:725px; height:160px; }
#logo{ display:block; position:absolute; top:0px; left:0;width:250px;}
#langue { position: absolute; top:10px; left:975px; width:30px;height:150px; }
#menu { position: absolute; top:160px; left:0px; width:255px;}
#contenu { display:block; position:absolute; top:150px;left:260px; width:705px; }
#note{ float:right; margin:20px -40px 0px 10px; width:250px; }
#note_top { width: 250px; height: 2px; }   
#note_bottom { width: 250px; height: 11px; }
#menu form {width:220px;margin:10px;}
#menu_musee{margin:0 0 0 110px;text-align:left;}

/*COLOR*/
body {color:#111; background: #9f2220 url('../graphics/AP_background2.png') repeat-y; }
#header { background: #bbb url('../graphics/AP_bgd_header_725.png') no-repeat;color:#9f2220; }
#infos a{ color: #ce3100; } 
#infos a:hover{ color: #fff; }
#langue {color: #fff; background: transparent url('../graphics/AP_ligne_grad.png') 0px 140px no-repeat;} 
#langue a{ color: #dAA; } 
#langue a:hover{ color: #fff; } 
#langue a.on{ color: #fff; }
#menu { color: #fff;}
#menu a{ color: #f57335; } 
#menu a:hover{ color: #fff; } 
#menu a.on{ color: #fff; }
#contenu a{ color:#ce3100; } 
#contenu a:hover{ color:#AE0C00; }
#note{ color:#333; background-color: #ffa200; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); }
#note h3{ background-color:#ffa200; color:#9f2220; }
#note_top { background-color: #333333; }
#note_bottom { background-color: #ffa200; }   
#menu fieldset {border:1px #cf9190 solid;padding:5px;}

/*TYPO*/
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; }
#infos a{text-decoration:none;}
#infos a:hover{text-decoration:underline;}
#langue {line-height:2em;}
#header h1{position: absolute;font-size: 2.2em;font-weight:bold;right:1em; bottom:0.5em;}
#langue { text-align: center; padding: 5px 0px; font-size: 1em; }
#langue a{ text-decoration:none; }
#menu p {margin:1em;color:#ddd;}
#note {font-size:90%;}

/*NAVIGATION*/
#contenu a{ text-decoration:none; } 
#contenu a:hover{ text-decoration:underline; }

#note_body { padding:0px 5px ; }    


table{border-collapse:collapse;}
td{ font : 1em 'Arial'; vertical-align:top; padding:1px; } 
dl{} 
dd{ margin:5px 0px 0px 0px; padding:0; }

/*h1, dt{ font-weight:bold; font-size:1em; padding-left:5px; background-color:#333333; color:#fff; }*/ 
h2{ font-weight:bold;font-size:1.5em; color:#9f2220; margin:0.6em 0;} 
h3{ font-weight:bold; font-size:1em; color:#9f2220; }
h4{ margin:0;padding:0;font-weight:bold; font-size:1em; color:#000; } 
strong { letter-spacing : 1px;font-weight:bold; }

form #form_newsletter{color:#fff;}
a img{border-width:1px;border-color:#AE0C00;}
a:hover img{border-width:1px;border-color:#FFF;}
a img.noborder{ border-width:0px;}
a:hover img.noborder{ border-width:0px;}
img.noborder{ border-width:0px;}
#contenu a img{-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);}
#contenu h5{	color:#666;
	   font-size:1em;
	   font-weight:bold;
	   margin:0px;
	   padding:0;
		border-top-width: 1px;border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-color:#999;border-style:solid;
}
#contenu p{
	margin:0px 0px;;
}
#contenu dl.region dt {
	float: left;
	display: block;
	margin: 0 0 0 0;
	width: 9em;
	text-align: right;
	font-size:100%;
	color:#666;
}
#contenu dl dt {
	float: left;
	display: block;
	margin: 0 0 0 0;
	width: 9em;
	text-align: right;
	font-size:50%;
	color:#666;
}
#contenu dl.region dd {
	margin: 0 0 0 10em;
	color:#000;
}

a.ext-link .icon{
background: url('../graphics/extlink.gif') left center no-repeat;
padding-left: 16px;
}
* html a.ext-link .icon{ display:inline; }


table.modif{background-color:#e3d9c8;border-collapse:collapse;}
table.modif td{border-top:1px solid #000;border-bottom:1px solid #000;padding:0px 5px;}
table th{font-weight:bold; font-size:0.9em; color:#666;}
.msgerror{font-weight:bold; font-size:1em;color:red;}
.msgok{font-weight:bold; font-size:1em;color:green;}


/*DIV GALLERY*/
#gallery{ margin-top:15px; }
#cadre{ width:100%; text-align:center; } 
#cadre img{ border-width:0px; } 
#cadre img.borderblack{border:1px #000 solid;}
#gallery a{ border-color: #000; border-style: solid; border-width: 0px; } 
.gallery-item{ display: block; float: left;margin: 0px; width:104px;  text-align:center; } 
.gallery-item a img{ border-color: #cccccc; border-style:solid; border-width: 1px;} 
.gallery-item a:hover img{ border-color: #ce3100; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);}