@charset "utf-8";
/* CSS des médias */

/* pour l'application galerie photo */
@import url(galleria.css);
.caption{font-style:italic;color:#000;}
.demo{position:relative;margin-top:2em;padding:5px;border:1px solid #000;}
.gallery_demo{width:550px;margin:0 auto;}
.gallery_demo li{width:50px;height:50px;border:3px double #111;margin:0 2px;background:#000;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image{margin:0 auto 60px auto;height:400px;width:500px;background:white;}
#main_image img{margin-bottom:10px; height:400px; max-width:500px;}

.nav{padding:5px 0;font-size:10px; letter-spacing:3px;text-transform:capitalize;}


/* CSS de la page */
h3 {
margin:15px 25px 0 25px;
padding:0 5px;
color:#0b0332;
font-size:14px;
text-align:center;
border-bottom:1px solid #0b0332;
}

p#aut_media {
float:left;
margin:8px 10px 0 30px;
padding:0;
text-align:left;
font-size:12px;
}

p#date_media {
margin:9px 30px 0 10px;
padding:0;
text-align:right;
font-size:11px;
}
div#media-une {
margin:2px 10px 10px 10px;
padding:0;
text-align:center;
}
div.texte_media {
margin:5px;
padding:0;
text-align:justify;
}

p.media_enplus {
clear:both;
margin:0 0 10px 0;
padding:0 5px 2px 0;
border-bottom:1px dashed #999999;
color:#000000;
font-size:11px;
letter-spacing:1px;
text-align:right;
}

img.media_imgtxt {
float:left;
margin:0 10px 5px 0;
padding:0;
}


form#searchMedia {
margin:10px 5px 20px 5px;
padding:0;
border:none;
}

form#searchMedia fieldset {
margin:0;
padding:5px 5px 0 5px;
border:1px solid #0b0332;
width:530px;
}

form#searchMedia legend {
margin:5px 0 5px 0;
padding:0 10px;
background-color:#0b0332;
color:#FFFFFF;
font-size:10px;
letter-spacing:1px;
}

form#searchMedia label {
display:inline-block;
margin:0;
/margin:-20px 0 0 0;
padding:0;
min-width:65px;
-width:65px;
font-size:10px;
text-align:right;
}

form#searchMedia input {
display:inline-block;
margin:0 0 5px 0;
padding:1px 5px;
background-color:#FFFFFF;
border:1px solid #0b0332;
color:#000000;
font-size:12px;
}

form#searchMedia select {
display:inline-block;
margin:0 10px 5px 0;
padding:0;
background-color:#FFFFFF;
border:1px solid #0b0332;
color:#000000;
font-size:11px;
text-transform:capitalize;
}
form#searchMedia select option {
padding:1px 5px;
border-bottom:1px dashed #999999;
}

form#searchMedia select#datetri {
width:150px;
}
form#searchMedia select#cattri {
width:180px;
}
form#searchMedia select#typetri {
width:150px;
}
form#searchMedia input#tagtri {
width:200px;
}

/* les boutons */
form#searchMedia input[type="submit"] {
margin:0 0 0 50px;
width:70px;
font-size:11px;
color:#d7211d;
}
form#searchMedia input[type="submit"]:hover {
cursor:pointer;
background-color:#dab74f;
border:2px solid #d7211d;
color:#0b0332;
letter-spacing:1px;
}

/* la galerie photo */
div.media-nodiapo, div.media-onediapo, div.media-multidiapo {
position:relative;
margin:10px 5px 20px 5px;
padding:5px;
}