/*
	CSS pour Québec maritime - Photos
	Emilie - egzakt.com
	2010/03/03
*/


/* ACCUEIL DE LA GALERIE
-----------------------------------------*/
#photos_accueil #apercu_experiences {
	width:450px;
	margin:0 15px;
}

#photos_accueil #apercu_experiences .experience {
	margin-bottom:20px;
}

#photos_accueil #apercu_experiences h2 {
	font-size:1.17em;
	line-height:1.1em;
	font-weight:bold;
	margin:0 0 7px 0;
}

#photos_accueil #apercu_experiences h2 a {
	color:#122335;
	text-decoration:none;
}

#photos_accueil #apercu_experiences h2 a:hover {
	text-decoration:underline;
}

#photos_accueil #apercu_experiences ul {
	overflow:hidden;
	width:450px; /* Important pour IE */
}

#photos_accueil #apercu_experiences li {
	float:left; /* Pour IE */
}

#photos_accueil #apercu_experiences li a {
	float:left;
	width:100px;
	height:70px;
	padding:1px;
	margin-right:14px;
}
#photos_accueil #apercu_experiences li a.dernier {
	margin-right:0;
}

#photos_accueil #apercu_experiences li a:hover {
	padding:0;
	border:1px solid #323232;
}

#photos_accueil #apercu_experiences li a img {
	display:block; /* Pour IE6 */
}

#photos_accueil #apercu_experiences a.tous {
	margin-top:10px;
}


/* LISTE
-----------------------------------------*/
.resultats ul.liste_photos {
	width:450px; /* Important pour IE6 */
	overflow:hidden;
	padding-top:14px;
	color:#2D90C1;
	font-size:0.83em;
	line-height:1.1em;
}

.resultats ul.liste_photos li {
	float:left;
	width:102px;
	margin-right:14px;
	border:0;
	padding:0 0 15px 0;
}
.resultats ul.liste_photos li.droite {
	margin-right:0;
}

.resultats ul.liste_photos a.photo {
	display:block;
	width:100px;
	padding:1px;
	margin-bottom:2px;
}

.resultats ul.liste_photos a.photo:hover {
	padding:0;
	border:1px solid #323232;
}

.resultats ul.liste_photos img {
	display:block;
}

.resultats ul.liste_photos .votes {
	height:11px;
	padding:2px 0 0 18px;
	margin-bottom:2px;
	background:url(../images/ul/icones/vote.gif) no-repeat 0 0;
}

.resultats ul.liste_photos a.commentaires {
	display:inline-block;
	height:11px;
	padding:2px 0 0 18px;
	background:url(../images/ul/icones/commentaire.gif) no-repeat 0 0;
	text-decoration:none;
	color:#2D90C1;
}

.resultats ul.liste_photos a.commentaires:hover {
	text-decoration:underline;
}


/* FICHE
-----------------------------------------*/
#photo #fiche {
	width:422px;
	padding:10px 29px 15px 29px;
	background-color:#edf5fa;
}


/* Navigation miniatures */
#photo #fiche ul#navig_miniatures {
	width:422px;
	padding-bottom:10px;
	overflow:hidden;
}

#photo #fiche ul#navig_miniatures li {
	float:left;
}

#photo #fiche ul#navig_miniatures a {
	display:block;
	width:55px;
	height:55px;
	padding:1px;
	margin-right:16px;
}
#photo #fiche ul#navig_miniatures a.dernier {
	margin-right:0;
}

#photo #fiche ul#navig_miniatures a:hover,
#photo #fiche ul#navig_miniatures a.selected {
	padding:0;
	border:1px solid #323232;
}

#photo #fiche ul#navig_miniatures img {
	display:block; /* Pour IE6 */
}


/* Photo */
#photo #moyenne {
	width:422px; /* Important pour IE6 */
	position:relative;
	padding-bottom:10px;
}

#photo #moyenne .photo {
	text-align:center;
}

#photo #moyenne .photo a {
	position:relative;
	display:inline-block;
}

#photo #moyenne .photo img {
	display:block; /* Important pour IE6 */
}

#photo #moyenne .photo img#agrandir {
	position:absolute;
	bottom:0;
	right:0;
}

#photo #moyenne a.precedente,
#photo #moyenne a.suivante {
	position:absolute;
	top:50%;
	left:-17px;
	margin-top:-22px;
}
#photo #moyenne a.suivante {
	left:auto;
	right:-17px;
}

#photo #moyenne a.precedente .over,
#photo #moyenne a.suivante .over {
	position:absolute;
	visibility:hidden;
}

#photo #moyenne a.precedente:hover,
#photo #moyenne a.suivante:hover {
	background:none; /* Pour IE6 réactivité :hover .over */
}

#photo #moyenne a.precedente:hover .over,
#photo #moyenne a.suivante:hover .over {
	visibility:visible;
}


/* Infos */
#photo #fiche #infos {
	float:left;
	width:270px;
	padding:8px 0;
	background-color:#d6e8f3;
}

#photo #fiche #localisation {
	float:right;
	width:140px;
	font-weight:bold;
}

#photo #fiche #infos .padding {
	padding:0 15px;
}

#photo #fiche h2 {
	font-size:1em;
	line-height:1.3em;
	color:#2D2B2D;
	font-weight:bold;
	margin:0 0 6px 0;
}

#photo #fiche .date {
	color:#0055A5;
	margin-bottom:6px;
}

#photo #fiche .auteur {
	color:#2D2B2D;
}

#photo #fiche .auteur a {
	color:#565356;
	display:inline-block;
	padding-top:2px;
}

#photo #fiche .auteur a:hover {
	color:#0055A5;
}

#photo #fiche #carte {
	width:138px;
	height:100px;
	border:1px solid #323232;
	margin-bottom:6px;
}

#photo #fiche a#lien_carte {
	display: none;
}

#photo #fiche #carte span {
	display:none;
}

#photo #fiche #carte a img {
	width:50px !important;
	height:23px !important;
}


/* Actions et stats */
#photo #fiche .actions {
	margin-top:8px;
	padding-top:8px;
	border-top:2px solid #edf5fa;
}

#photo #fiche .actions a {
	color:#565356;
}

#photo #fiche .actions a:hover {
	color:#0055A5;
}

#photo #fiche #stats a {
	display:inline-block;
	padding:0 0 0 16px;
	margin-left:5px;
}

#photo #fiche #stats #nb_votes {
	margin-bottom:8px;
}

#photo #fiche #stats #nb_votes a {
	background:url(../images/ul/icones/vote.gif) no-repeat 0 0;
}

#photo #fiche #stats .nb_commentaires a {
	background:url(../images/ul/icones/commentaire.gif) no-repeat 0 2px;
}

#photo #fiche .addthis_toolbox {
	padding:6px 0 6px 0;
}

#photo #fiche .addthis_toolbox span.titre {
	float:left;
	margin-right:5px;

}


/* COMMENTAIRES
-----------------------------------------*/
#photo #zone_commentaires {
	width:422px;
	padding:15px 29px;
	margin-top:2px;
	background-color:#f8fbfd;
}


/* Entête */
#photo #zone_commentaires .entete {
	border-bottom:2px solid #c2dcea;
	padding-bottom:15px;
}

#photo #zone_commentaires h3 {
	font-size:1.33em;
	line-height:1.1em;
	font-weight:bold;
	color:#122335;
	margin:0;
}

#photo #zone_commentaires h3 span {
	font-weight:normal;
	color:#2D90C1;
}

#photo #zone_commentaires .entete a {
	float:right;
	height:21px;
	padding-right:5px;
	font-size:0.92em;
	line-height:1em;
	color:#323232;
	text-decoration:none;
	background:url(../images/ul/boutons/ajout_commentaire_droite.gif) no-repeat right top;
}

#photo #zone_commentaires .entete a span {
	display:inline-block;
	height:16px;
	padding:5px 1px 0 6px;
	background:url(../images/ul/boutons/ajout_commentaire.gif) no-repeat left top;
}

#photo #zone_commentaires .entete a:hover {
	color:#fff;
	background-position:right bottom;
}

#photo #zone_commentaires .entete a:hover span {
	background-position:left bottom;
}

#photo #login_cote_a_cote {
	background-color:#F7FBFD;
	border-bottom:2px solid #C2DCEA;
}

/* Formulaire d'ajout */
#ajout_commentaire_formulaire {
	background-color:#F7FBFD;
	padding:15px;
	color:#122335;
}

#ajout_commentaire_formulaire h5 {
	font-size:1.17em;
	line-height:1.1em;
	font-weight:normal;
	margin:0 0 2px 0;
}

#ajout_commentaire_formulaire label {
	display:inline-block;
	margin-top:10px;
}

#ajout_commentaire_formulaire .input_text,
#ajout_commentaire_formulaire textarea {
	font:12px/15px Arial, Verdana, sans-serif;
	color:#565656;
	padding:3px;
	width:384px;
	margin:0;
	border:1px solid #4D5066;
}

#ajout_commentaire_formulaire .bouton {
	text-align:right;
	margin-top:10px;
}

#ajout_commentaire_formulaire .bouton a {
	display:none; /* En inline-block sinon */
	color:#fff;
	text-decoration:none;
	font:0.92em/1.2em Arial, Verdana, sans-serif;
	height:17px;
	padding-right:5px;
	margin-right:4px;
	background:url(../images/ul/boutons/bande_entete_chercher_droite.gif) no-repeat right top;
}

#ajout_commentaire_formulaire .bouton a span {
	display:inline-block;
	height:15px;
	padding:2px 5px 0 10px;
	background:url(../images/ul/boutons/bande_entete_chercher.gif) no-repeat left top;
}

#ajout_commentaire_formulaire .bouton a:hover {
	background-position:right bottom;
}

#ajout_commentaire_formulaire .bouton a:hover span {
	background-position:left bottom;
}


/* Liste */
#photo div.aucun {
	padding-top:10px;
	padding-left:16px;
	font-size:1.17em;
}

#photo ul#commentaires {
	margin-top:15px;
	border-bottom:1px solid #E6E6E6;
}

#photo ul#commentaires li {
	padding:14px;
	border:1px solid #E6E6E6;
	border-bottom:0;
	background-color:#fff;
}

#photo ul#commentaires .date {
	float:right;
	color:#0055A5;
	font-size:0.92em;
	line-height:1.1em;
}

#photo ul#commentaires .signature {
	margin-bottom:5px;
}

#photo ul#commentaires h4 {
	font-size:1.17em;
	line-height:1.1em;
	font-weight:bold;
	color:#122335;
	margin:0 0 3px 0;
}

#photo ul#commentaires .texte {
	color:#565356;
}


/* SIGNALER
-----------------------------------------*/
#popup #signaler form li {
	margin-bottom:9px;
}

#popup #signaler #courriel {
	width:300px;
}

#popup #signaler #raison {
	width:500px;
}

#popup #signaler #zone_captcha {
	position:relative;
	height:70px;
}

#popup #signaler #captcha {
	margin-top:15px;
	width:100px;
}

#popup #signaler #zone_captcha img {
	position:absolute;
	top:30px;
	left:110px;
}

#popup #signaler .bouton {
	float:right;
}

#popup #signaler .bouton a {
	display:none; /* Sinon, en inline-block */
}

#popup #signaler .bouton input {
	border:0;
	padding:0;
}