/* CSS Document elastick.css  elastick.net galerie derouault.net */

body {
	font: normal 78% "Lucida Grande", Helvetica, Verdana, Arial;
}
body, p, blockquote { margin: 0; padding: 0; }

.marginauto, #premiere_ligne, #menugalerie, #nav-container, #ariane, #inclugalerie, #blocprint, #pied{width:94%; margin:0 auto;}

/*COULEURS*/
body {background-color:#9AA4B5;}
#inclugalerie, #ariane, #blocprint {background-color:#A6A6A6;}
body {color:#FFF;}
a{text-decoration: none;}
a img {border:none;}
.pagination a, #ariane{color:#4C5A72;}

/* Navigation */
#tablenav, #tablenavb{width:100%; height:auto; margin:0 auto; padding:0; border-collapse:collapse; }
#tablenav td, #tablenavb td {margin:0 auto; padding:0;}
#premiere_ligne, #menugalerie, #pied{background:url(../img-elastick/bando-vertical.jpg)}
#premiere_ligne {
	overflow: hidden;
	clear: right;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	background:#485670;
}

#premiere_ligne a {margin-left:0.6em; color: #DCDFE3; font-family:Georgia, "Times New Roman", Times, serif;}
#premiere_ligne span{color: #B5B5B5; font-family:Georgia, "Times New Roman", Times, serif;}
#contact{float:right; margin-right:1em;}
#contact a{font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; font-size:0.7em; color: #B5B5B5; font-weight:bold;}

#menugalerie{padding:0; background-color:#93A8C3; }
#menugalerie ul {list-style: none; margin: 0; padding: 0; }
#menugalerie li{display:block;}
#menugalerie img {width:100%; }
#loslogos li li a {line-height:1; color:#fff; font-size:0.7em; white-space:nowrap;}
.logo{float:left; text-align:center; /*background-color:#555;*/ margin-left:1em;}
.logo ul{/*display: none;*/}
.logo :hover {background-color:#93A8C3;}
.logo img{border:1px solid #000;}
.logo :hover img{border:1px solid #fff;}

.logo, .logoon{ width:16%;}
.logoon :hover img{border:1px solid #000;}
.logoon{background-color:#93A8C3;}

/*bordures des logos*/
.aimg, .aimgon{display:block; padding:1em; padding-right:1.3em; padding-bottom:0;}

.intro{position:relative; float:right; margin-right:3%; width:30%; border:1px solid orange; filter:alpha(opacity=50); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; background-color:#fff;  color:#000; padding:0.6em; padding-top:0.4em; margin-top:1em; height:4em; overflow:hidden; line-height:1.4em;}
.introbis{position:absolute; top:0px; left:62%; margin-right:3%; width:30%; border:1px solid orange;  filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; background-color:#D1D6DD;  color:#000; padding:0.6em; margin-top:3em; padding-top:0.4em; max-height:400em; height:auto; z-index:300; line-height:1.4em;}

#titremenu{float:left; letter-spacing:0.1em; width:30%; font-size:1.6em; font-weight:bold; color:#707678; text-align:center;}
#titremenu a{display:inline; color:#707678; white-space:nowrap;}

.highlight{background-color:#FFFF99;}

/*bloc des titres de logos
#foo{ border:1px solid blue; float:left; margin-left:2%; width:28%; font-size:2em; text-align:center; background-color:#663366; height:50px;}
*/
.foo{font-size:1.6em; display:block; text-align:center; height:18px; top:0.2em; font-family:Georgia, "Times New Roman", Times, serif;}
/*#foo{ clear:both; position:relative; width:37%; font-size:1.4em; text-align:left; padding-left:0.5em; height:22px; top:0.2em; font-family:Georgia, "Times New Roman", Times, serif; }
 
#foo a{color:#fff;}
*/
.back{background-color:#93A8C3;}
 

#menudroite{width:20%; float:right; padding-right:1em; text-align:right; margin-left:0; }

/*pour la carte voir elastickcartecss.html */
.cadrecarte{float:left; width:104px; margin-left:5%; }

/*#redimensionner a{color:#FFF; font-size:1em;}*/

 

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/*recherche*/
#blocrecherche{float:right; width:10%; height:100%;}
#formrecherche{margin:0; padding:0; position:relative; margin-top:3px; vertical-align:bottom;} /*bloquage de la recherche*/
#recherche{border:1px solid #333; margin:0; padding:0; height:1.3em; width:95%; font-size: 1em; background-color:#FBFBFB;}



dl dt {
	font-weight: bold;
}
dl dd {
	margin-left: 10px;
}
a, a:link {color:#6633CC;}
a:visited {}
a:hover {}
a:active {}

/*galeries explications et ariane */
#ariane{height:40px; text-align:left; font-size:1em; line-height:3em; }
#ariane div{padding-left:1em;}

#photo{width:92%; margin-left:4%; height:auto;}


/*les photos des galeries*/
.divintd{position:relative; width:90%; margin:0 auto; /*background-color:#333333;*/ font-size:0.9em; margin-top:0.6em; margin-bottom:0.6em; text-align:center;}
.divintd dl{display:none;}
.divintd a {display:block; width:100%; margin:0 auto; text-align:center;}
.divintd img {margin:0 auto; border:1px solid #4C5A72; } /*exprès redondant avec elastick.js*/

/*important pour jquery*/
.dessus{z-index:1000; /*background-color:#FF9900;*/}
/*bloc des descriptifs du document*/
.dlintd {padding-bottom:0.6em; position:relative; margin:0 auto; background-color:#fff; color:#000;  width:100%; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; text-align:left;}
.dlintd a {display:inline;}
.dlintd a:hover{color:#FF6600;}
.dlintd dt{text-align:center; margin-bottom:0.2em;} /*titre du document*/
.dlintd dd {margin:0 0.4em 0 0.4em; padding:0; border-bottom:1px solid #dadada;}  /*descriptif et mots du document*/
.dlintd strong {font-size:0.7em;}
.dlquery {position:absolute; min-width:156px; left:0px; right:0px; background-color:#fff; color:#000000; width:100%; /* filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;*/ border:1px solid #fff; z-index:1000;}


a.spip_url, a.spip_out{margin:0; padding:0px; display:inline; }/*color:#DCDFE3 trop clair*/
.pagination{clear:both; margin-left:1em;}


#blocprint{text-align:right; clear:both;}
#blocprint img{border:none; margin:1em; behavior: url(win_png.htc);}
/*bloque la largeur minim de la page*/
.bloqueur{width:630px; overflow:hidden; margin:0; padding: 0; font-size:0.001em; height:0.001em;}

#pied{background-position:400px; text-align:center;  border-top:3px solid #787878;  margin-bottom:6em; height:3em; padding-top:1.2em; font-size:0.7em;}
#pied a {color:#fff; }
#pied img {behavior: url(win_png.htc);}

/*********  ***********/
/****               ***/
/** menu deroulant  **/
/****               ***/
/*********  ***********/
#nav{float:right; width:50%; }

#nav-container{background:#F0F6F6 url(../img-elastick/bando-horiz2.jpg) 100% 0%; height:24px;   border-bottom:3px solid #787878; border-top:1px solid #787878; }
#nav-container ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	width:22%;
	z-index:50;
}

#nav li a { /*first title*/
display:block; font-weight: bold; line-height:2; font-size:1em; font-family: Arial,Verdana, Helvetica, sans-serif; text-align:center; color:#000;
}

#nav li ul li{
width:12em;
}

#nav li ul li a { /*title element list*/
line-height:1.2; font-weight: normal; margin-left:5px; font-size:1em; font-family: Arial,Verdana, Helvetica, sans-serif; text-align:left; color:#fff;
}

#nav li ul li a:hover { /*title element list*/ 
 background-color:#fff; color:#000; font-weight:bold;}
 
 


#nav li ul { /* second-level lists deroulant fleches*/
	display: none;
	position: absolute;
	top: 25px; 
	left: 0;
	height:150px; 
	width:14em; 
	overflow:auto;
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
}

#ville, #dpt, #archi, #sujet{border:1px solid #dadada; border-top:none;}
#ville {background:url(../img-elastick/backville.jpg) #F98500 50% repeat fixed }
#dpt {background: url(../img-elastick/backdpt.jpg) #00941F 50% repeat fixed}
#archi {background: url(../img-elastick/backarchi.jpg) #198D92 50% repeat fixed}
#sujet {background: url(../img-elastick/backsujet.jpg) #A73343 50% repeat fixed}

#dpt #exposedep a, #ville #exposevil a, #archi #exposemot a, #sujet #exposemot a{ background: url(../img-elastick/pucerouge.gif) 0px 0.3em no-repeat; padding: 0 0 0 1em; font-weight:bold;}

 
/* ecrire auteur */ 

.ecrireauteur{color:#000; padding:0 2em 0 2em; }
.cartouche{font-size:0.9em;}
.spip_bouton {text-align: right;}
.spip_bouton input {font-size:0.9em;}
.cartouche label{display:block; font-size:0.9em;}
.encart { 
	margin:0 auto;
	display: block;
	padding: 3px; 
	background-color: #e4e4e4; 
	border: 1px solid #edf3fe; 
	background-position: center bottom;  
	behavior: url(../dist/win_width.htc);
	font-size: 12px;
	font-family: Verdana,Arial,Sans,sans-serif; 
}

/*pied connexion*/
#connexion{position:absolute; top:380px; left:108px; width:170px; padding:1em; font-size:0.7em; z-index:1000; text-align:center; z-index:100000; color:#333; }
#connexion fieldset{position:relative; border:1px dotted #555; padding:5px; margin:0 auto; width:150px;  background-color:#FFF; margin:1em;}
#login{width:100px;}
input #var_login .forml{width:100px;}