/*
	CSS pour Le Devoir - Multimédia
	Emilie - egzakt.com
	2009/09/10
*/

#multimedia h1 {
	font-family: Georgia, serif;
	font-size: 1.692em;
	line-height: 1.2em;
	color:#000;
	margin:0 0 10px 0;
	font-weight: normal;
}

#multimedia h2 {
	font:bold 1em/1.1em Georgia, serif;
	color:#000;
	margin:0 0 15px 0;
	padding:0 0 3px 0;
	border-bottom:1px solid #666666;
}

/* GALERIES PHOTOS
-----------------------------------------*/
#multimedia #galeries h2 {
	background:url(../images/ul/icones/appareil_photo.gif) no-repeat left top;
	padding-left: 16px;
}


/* Liste */
#multimedia ul#liste_galeries {
	overflow:hidden;
	width:618px;
	list-style-type:none;
	margin:0;
	padding:0;
	font:0.77em/1.2em Verdana, sans-serif;
}

#multimedia ul#liste_galeries li {
	float:left;
	width:132px;
	margin:0 0 20px 30px;
}
#multimedia ul#liste_galeries li.premier {
	clear:left;
	margin-left:0;
}

#multimedia ul#liste_galeries .photo {
	display: block;
}

#multimedia ul#liste_galeries .photo img {
	margin-bottom:5px;
}

#multimedia ul#liste_galeries a.titre {
	font-weight:bold;
	color:#1C1E7C;
	text-decoration:none;
}

#multimedia ul#liste_galeries a.titre:hover {
	text-decoration:underline;
}

#multimedia ul#liste_galeries .specs {
	font-size: 1.1em;
	line-height:1.1em;
	margin-top:2px;
}

#multimedia ul#liste_galeries .date,
#multimedia ul#liste_galeries a.section {
	font-size:1em;
}


/* Popup */
#multimedia #galeries .social {
	float:right;
	margin-top:18px;
	margin-right:17px;
	margin-left: 10px;
}

#multimedia #galeries #agrandi {
	width:606px;
	background-color:#e6e6e6;
}

#multimedia #galeries #agrandi .photo div.titre {
	padding-top:15px;
	margin-left:18px;
	margin-right:35px;
	padding-bottom:10px;
	color:#333333;
	font-family:Times, Georgia, serif;
	font-size:1.6em;
	font-weight:bold;
	line-height:1.3em;
}

#multimedia #galeries #agrandi .photo div.titre a {
	color:#333333;
}

#multimedia #galeries #agrandi .photo div.titre a:hover {
	color:#000000;
}

#multimedia #galeries #agrandi .photo div.credit {
	margin-right:10px;
	margin-bottom:5px;
}

#multimedia #galeries #conteneur_fleches {
	width:606px; /* Important pour IE6 */
	position:relative;
	margin: 0 auto;
}

#multimedia #galeries #conteneur_fleches #photo_courante {
	display:block;
	border: none;
}

#multimedia #galeries #agrandi a#precedent img,
#multimedia #galeries #agrandi a#suivant img {
	border:0;
	margin:0;
}

#multimedia #galeries #agrandi .photo img {
	margin:0 auto;
}

#multimedia #galeries #agrandi a#precedent {
	left:0;
	background:url(../images/ul/boutons/galerie_fleche_precedente.png) no-repeat left top;
}

#multimedia #galeries #agrandi a#suivant {
	right:0;
	background:url(../images/ul/boutons/galerie_fleche_suivante.png) no-repeat left top;
}

#multimedia #galeries #agrandi a#precedent,
#multimedia #galeries #agrandi a#suivant {
	position:absolute;
	top:50%;
	margin-top:-42px;
	display:block;
	width:45px;
	height:90px;
	text-decoration:none;
}

#multimedia #galeries #agrandi a#precedent:hover,
#multimedia #galeries #agrandi a#suivant:hover {
	background-position: bottom left;
}

#multimedia #galeries .vignette {
	color:#2E2E2E;
	font-size:0.92em;
	line-height:1.1em;
	margin-left:35px;
	margin-right:35px;
	padding-bottom:15px;
}

#multimedia #galeries ul#navig_thumbs {
	list-style-type:none;
	margin-left:0;
}

#multimedia #galeries ul#navig_thumbs li {
	float:left;
	margin-right:2px;
	margin-bottom:2px;
}
#multimedia #galeries ul#navig_thumbs li.dernier {
	margin-right:0;
}

#multimedia #galeries ul#navig_thumbs li a {
	display:block;
	padding:4px;
}

#multimedia #galeries ul#navig_thumbs li a:hover,
#multimedia #galeries ul#navig_thumbs li a.selected {
	padding:3px;
	border:1px solid #000000;
}

#multimedia #galeries ul#navig_thumbs li a img {
	border:none;
}

#container_navig_thumbs {
	background-color:#e6e6e6;
	margin:2px 0 0 0;
	padding:15px 26px 15px 30px;
	width:606px;
	overflow:hidden;
	position:relative;
}

#container_navig_thumbs ul {
	padding:0;
}

#reculer_thumbs, #avancer_thumbs {
	display:block;
	height:42px;
    margin-top:-17px;
	position:absolute;
	text-decoration:none;
	top:50%;
	width:21px;
	background:url("../images/ul/boutons/galerie_fleche_petite_gauche.gif") no-repeat scroll 0px 1px transparent;
    left:0;
    
}

#reculer_thumbs:hover, #avancer_thumbs:hover {
    background-position:0 -43px;
}

#avancer_thumbs {
    background-image:url("../images/ul/boutons/galerie_fleche_petite_droite.gif");
    left:585px;
}

#mots_cles {
    margin-bottom:10px;
    
    background:url("../images/ul/graphiques/separateur_double.gif") repeat-x scroll left bottom transparent;
    padding-bottom:5px;
}

#en_savoir_plus li {
    list-style:none;
}

/* Reset des styles appliqués par #multimedia */
#en_savoir_plus h2, 
#en_savoir_plus h5, 
#en_savoir_plus dl, 
#en_savoir_plus dd, 
#en_savoir_plus ul, 
#en_savoir_plus li,
#mots_cles h5, 
#mots_cles ul, 
#mots_cles li {
    border:0;
    padding:0;
    margin:0;
}

#en_savoir_plus h5,
#mots_cles h5 {
    font:bold 0.85em/1.1em Georgia,serif;
    margin:0 0 8px;
    text-transform:uppercase;
}

#mots_cles h5 {
    margin-bottom:2px;
}

#en_savoir_plus dt {
    color:#000000;
    font:.85em/1.1em Georgia,serif;
    margin:0;
    text-transform:uppercase;
}

#en_savoir_plus h2 a {
    color:#1C1E7C;
    font-weight:bold;
    line-height:1.3em;
    text-decoration:none;
    font-family:Georgia,serif;
}

#en_savoir_plus ul,
#mots_cles ul {
    margin-bottom:10px;
}