/**********************************************************************
	GÉNÉRAL
**********************************************************************/
* {margin:0; padding:0;}
html, body {margin:0; padding:0;}
body {font-family:Arial, Helvetica, sans-serif; background:url(../img/background.jpg) no-repeat top center #0A0F22; color:#496530; font-size:11px;}
a {outline:none; color:#49993f;}
a:hover {color:#56b34a;}
a img {border:none;}
p {margin:0 0 15px 0;}

/**********************************************************************
	TITRES
**********************************************************************/

.titre {font-weight:normal; color:#274e27; padding-top:0; margin-top:0;}
h1 {margin:0 15px; padding:12px 0; border-top:1px dotted #BFBFBF; border-bottom:1px dotted #BFBFBF; background:url(../img/titre.gif) no-repeat left center;}
h1 a {display:block; width:300px; height:50px; text-indent:-10000px; text-transform:uppercase;}
h2 {font-size:16px; padding:0 0 5px 0; margin-bottom:0;}
h3 {font-size:14px; margin-bottom:5px; color:#CCC;}

/**********************************************************************
	LAYOUT
**********************************************************************/

div#page {text-align:center;background:url(../img/top_background.gif) repeat-x top left;}

div#top {width:985px; height:42px; margin:0 auto; text-align:left; text-align:left;}

div#container {width:985px; background:#FFF; margin:220px auto 15px auto; padding:15px 0 0 0; text-align:left;}

div.flickr {clear:both;}
.flickr a.path {display:none;}

/*** Navigation Top ***/
div#nav {border-bottom:1px solid #DAD9D4; position:relative; background:url(../img/nav_background.gif) repeat-x bottom left; height:auto !important; overflow:visible !important; height:40px; overflow:hidden;}
#nav ul {list-style:none; z-index:1000; overflow:auto; position:relative; margin:15px 15px 0 15px; top:1px;}
#nav ul li {float:left;}
#nav ul li.partager {float:right;}
#nav ul li a {display:block; padding: 5px 10px 5px 10px; border: 1px solid #DAD9D4; background-color: #EDEDED; color: #3A5426; margin-right: 5px; text-decoration: none; text-transform:uppercase; font-size:12px;}
#nav ul li a:hover {background: #FFF;}
#nav ul li a.actif {background: #FFF; border-bottom: 1px solid #FFF;} 
#nav ul li a.actif_sousnav {background: #FFF; border-bottom: 1px solid #FFF;}

div#sousnav {background: #FFF; border-bottom:1px solid #DAD9D4; padding:0 25px; height:auto !important; overflow:inherit !important; height:28px; overflow:hidden;}
#sousnav ul {list-style:none;}
#sousnav ul li {float:left;}
#sousnav ul li a {display:block; color:#9ca992; font-size:11px; font-weight:bold; text-transform:uppercase; border-right:1px dotted #DAD9D4; padding:1px 15px 1px 0; margin:6px 15px 6px 0; text-decoration:none; background:none;}
#sousnav ul li a.actif {color:#3a5426;}
#sousnav ul li a:hover {color:#3a5426;}

/*** Colonne centrale ***/
div#content {padding:15px;}
div.content_degrade {background:url(../img/content_background_degrade.gif) repeat-x top left;} 
#content .col_gauche {float:left;width:690px;}
#content .col_droite {float:right;width:250px;}
#content .col_gauche_large {float:left;width:550px; border-right:1px dotted #BFBFBF;}
#content .col_droite_large {float:right; width:390px;}

#content .col_droite h2, #content .col_droite_large h2 {font-size:13px; font-weight:bold; color:#999999;}

/*** Fil d'ariane ***/
ul.fil_ariane {font-size:11px; padding:0 0 15px 0;}
.fil_ariane li {display:inline;}
.fil_ariane li a {padding:0 10px 0 0; background:url(../img/fil_ariane_separateur.gif) no-repeat right 5px; text-decoration:none;}


/*** Thumbnails ***/
p#tooltip {display:none; cursor:pointer; background:#FFEF5F; color:#51351B; line-height:normal; font-size:9px; position:absolute; top:-50px; left:0px; z-index:2000; padding:3px; margin:0; width:auto !important; width:200px;}
p#tooltip span.parc {}

ul li p.tooltip {display:none;}
ul li p.tooltip span.parc {}
ul li span.selected, ul li span.deleted, ul li span.chosen {display:none; line-height:normal; margin:0; padding:0; width:25px; height:25px; text-indent:-10000px; position:absolute; z-index:3000; color:#FFF;}
ul li span.selected {background:url(../img/icons/accept.png) no-repeat center center;}
ul li span.deleted {background:url(../img/icons/delete.png) no-repeat center center;}
ul li span.chosen {background:url(../img/icons/tick.png) no-repeat center center;}
ul li.selected span.selected {display:block; }
ul li.chosen span.chosen {display:block; }
ul li.chosen a {cursor:default;}

ul.thumb {list-style:none; min-height:50px;}
ul.thumb li {float:left; text-align:center; line-height:0;}

ul.thumb.mini {padding:4px 0 0 0;}
ul.thumb.mini li {margin:0 4px 4px 0; padding:3px; border:1px solid #dad9d4;}

ul.thumb.square {padding:10px 0 0 0;}
ul.thumb.square li {margin:0 10px 10px 0; padding:4px; border:1px solid #dad9d4; width:75px; height:75px; overflow:hidden;}
ul.thumb.square li.selected {border:1px solid #45923b;}

ul.thumb.thumbnail {padding:15px 0 0 0;}
ul.thumb.thumbnail li {margin:0 25px 25px 0; display:block; width:100px; height:75px; padding:4px; border:1px solid #dad9d4;}
ul.thumb.thumbnail li a {display: table-cell; vertical-align:middle; width:100px; height:75px; background:#EDEDED;}

ul.thumb.small {padding:15px 0 0 0;}
ul.thumb.small li {padding:4px; margin:0 17px 17px 0; border:1px solid #dad9d4;}
ul.thumb.small li a {display:block; overflow:hidden; width:200px; height:150px; background:#EDEDED;}

/*** Pagination (multiple & simple) ***/
ol.pagination {list-style:none; float:right; clear:both; overflow:auto; margin-right:25px; margin-top:10px;}
.pagination li {float:left; margin:0 0 0 5px;}
.pagination li a {text-decoration:none; display:block; width:18px; height:16px; padding-top:2px; text-align:center; vertical-align:middle; font-size:11px; background:#ededed; color:#37752f; border:1px solid #dad9d4;}
.pagination li.prev a, .pagination li.next a {width:20px; height:24px; padding:0; border:none; text-indent:-10000px;}
.pagination li a.actif {width:20px; height:22px; background:url(../img/btn_vert_sprite.gif) no-repeat top center; color:#FFF; border:none;}

.pagination li.prev a {background:url(../img/btn_vert_sprite.gif) no-repeat top left;}
.pagination li.prev a:hover {background-position:bottom left;}
.pagination li.next a {background:url(../img/btn_vert_sprite.gif) no-repeat top right;}
.pagination li.next a:hover {background-position:bottom right;}

/*** Modules ***/
div.scroller {padding:10px 0; margin:0 0 15px 0; text-align:center;}
.scroller ol.pagination {float:none; width:55px !important; width:60px; margin:0 auto;}
.scroller .scrolling {width:100%; height:290px; margin:0 0 15px 0;  overflow:hidden; position:relative;}
.scroller .scrolling ul {list-style:none; position:relative; width:1200px;}
.scroller .scrolling ul li {width:75px; height:75px; overflow:hidden; float:left; padding:4px; margin:0 15px 15px 0; border:1px solid #dad9d4;}
.scroller .scrolling ul li img {margin:0 5px 0 0;}

div.mini_scroller {text-align:center;}
.mini_scroller ol.pagination {float:none; width:55px !important; width:60px; margin:0 auto;}
.mini_scroller .scrolling {width:100%; height:128px;  overflow:hidden; position:relative;}
.mini_scroller .scrolling ul {list-style:none; position:relative; width:1200px;}
.mini_scroller .scrolling ul li {width:50px; height:50px; overflow:hidden; float:left; padding:3px; margin:0 6px 6px 0; border:1px solid #dad9d4;}
.mini_scroller .scrolling ul li img {margin:0 5px 0 0;}

/*** Share Facebook, Twitter, etc ***/
div.box_share {}
.box_share ul li {list-style:none; font-size:12px; padding:0 0 10px 0;}
.box_share ul.share_services {display:none; position:absolute; width:135px; padding:15px 0 0 0; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}
.box_share ul.share_services li {background:#EDEDED; padding:0;}
.box_share ul.share_services li a {display:block; padding:5px 0 5px 30px;}
.box_share ul.share_services li a.facebook {background:url(../img/icon_facebook.png) left center no-repeat;}
.box_share ul.share_services li a.twitter {background:url(../img/icon_twitter.png) left center no-repeat;}
.box_share ul.share_services li a.delicious {background:url(../img/icon_delicious.png) left center no-repeat;}
.box_share ul.share_services li a.myspace {background:url(../img/icon_myspace.png) left center no-repeat;}

/*** Tags ***/
div.box_tags {}
.box_tags p {vertical-align:middle;}
.box_tags a {padding:0 3px; line-height:20px; vertical-align:middle;}
.box_tags a.selected {text-decoration:none; color:#FFF; background:#37752f;}
.tag10 {font-size:200%;}
.tag9 {font-size:190%;}
.tag8 {font-size:180%;}
.tag7 {font-size:170%;}
.tag6 {font-size:160%;}
.tag5 {font-size:150%;}
.tag4 {font-size:140%;}
.tag3 {font-size:130%;}
.tag2 {font-size:120%;}
.tag1 {font-size:100%;}

div.box_tag_results {text-align:center;}
.box_tag_results ol.pagination {float:none; width:55px !important; width:60px; margin:0 auto; padding:0 30px 0 0;}

/*** Photo ***/
div.box_photo {border: 1px solid #DAD9D4; padding:4px; text-align:center; width:500px; float:left;}
.box_photo img {}

div.box_informations {width:150px; float:right; padding:0 15px;}
.box_informations p.titre {font-weight:bold;}
.box_informations p.description, .box_informations p.titre {padding-bottom:7px; margin-bottom:7px; border-bottom:1px dotted #BFBFBF;}
.box_informations ul {list-style:none;}
.box_informations h3 {font-size:12px; padding-top:15px;}

/*** Gros boutons de navigation en page d'accueil ***/
div.box_nav {}
.box_nav ul {list-style:none;}
.box_nav ul li {margin-bottom:15px;}
.box_nav ul li a {display:block; width:250px; height:52px; text-indent:-10000px; background-image:url(../img/btn_nav_sprite.gif); background-repeat:no-repeat;}
.box_nav ul li.decouvrez a {background-position:0px 0px;}
.box_nav ul li.decouvrez a:hover {background-position:0px -52px;}
.box_nav ul li.explorez a {background-position:0px -104px;}
.box_nav ul li.explorez a:hover {background-position:0px -156px;}
.box_nav ul li.partagez a {background-position:0px -208px;}
.box_nav ul li.partagez a:hover {background-position:0px -260px;}

/*** Mosaique en page d'accueil ***/
div.box_mosaique {border:1px solid #dad9d4; padding:4px;}
.box_mosaique ul.thumb {padding:0; margin:0; overflow:visible;}
.box_mosaique ul.thumb li {float:left; padding:0; margin:0; width:75px; height:75px; overflow:hidden;}
.box_mosaique ul.thumb.square li {border:none;}
.box_mosaique ul.thumb li a img {}
.box_mosaique ul.thumb li a:hover img {}

/*** Bas de page ***/
div#footer {border-top:1px dotted #BFBFBF; padding:15px 0; margin:0 15px;}
#footer p {padding:0; margin:0;}
#footer p.numero {float:left; font-size:18px;}
#footer p.conditions {float:right; font-size:11px; padding-top:4px;}
#footer p.copyright {float:right; font-size:11px; padding-top:4px; padding-left:25px;}

/**********************************************************************
	MAPS
**********************************************************************/

/*** Navigation ***/
div.box_map {height:400px; padding:4px; border:1px solid #dad9d4;}

div.box_nav_map {}
.box_nav_map ul {list-style:none;}

div.box_photo_holder {background:#F0F0F0; border:1px solid #dad9d4; padding:10px;}
.box_photo_holder ul {list-style:none; width:100%;}
.box_photo_holder ul li {float:left; margin-right:10px;}
.box_photo_holder ul li p {display:none;}
.box_photo_holder ul li.selected span.chosen {background-image:url(../img/icons/world_add.png);}
.box_photo_holder ul li img {width:32px; height:32px;}
.box_photo_holder p.remove {display:none; color:#388430; font-size:18px; font-weight:bold; font-style:italic; padding:0; margin:0; cursor:default;}
.box_photo_holder p.empty {display:none; position:absolute; z-index:4000; width:30px; height:30px; background:#F0F0F0;}
.box_photo_holder p.empty img {width:30px; height:30px;}

.box_photo_holder .scrolling {float:left; width:620px; height:32px; overflow:hidden;}
.box_photo_holder a.prev, .box_photo_holder a.next {display:block; overflow:hidden; width:20px; height:32px; font-weight:bold; font-size:16px; text-decoration:none; background:#dad9d4; float:left; text-align:center; line-height:30px;}
.box_photo_holder a.next {float:right;}

/**********************************************************************
	PARTAGE
**********************************************************************/
fieldset {/*border:1px dotted #BFBFBF; margin:20px 0; padding:0px 10px;*/border:none; margin:20px 0; padding:0; min-height:50px;  display:none;}
legend {font-size:11px; font-weight:bold; /*margin:0 5px; background:#FFF;*/}

div#nav_partager {border-bottom:1px solid #DAD9D4; position:relative;}
#nav_partager ul {list-style:none; z-index:5000; overflow:auto;margin:0 15px 0 0; position:relative; top:1px;}
#nav_partager ul li {float:left;}
#nav_partager ul li a {display:block; padding: 3px 7px 3px 7px; border: 1px solid #DAD9D4; background-color: #EDEDED; color: #3A5426; margin-right: 5px; text-decoration: none; text-transform:uppercase; font-size:11px;}
#nav_partager ul li a:hover { background: #FFF;}
#nav_partager ul li a.actif {background: #FFF; border-bottom: 1px solid #FFF;} 

div.box_holder {}
.box_holder div {display:none; clear:both; padding:7px 0; border-bottom:1px dotted #BFBFBF; overflow:auto;}
.box_holder p {clear:both; padding:0; margin:0 0 5px 0; font-size:11px;}
.box_holder ul {list-style:none; min-height:25px;}
.box_holder ul li {float:left; margin:0 5px 5px 0;}
.box_holder ul li span.chosen {display:none;}
.box_holder ul li a:hover span.deleted {display:block;}
.box_holder ul li img {width:40px; height:40px;}

ul.albums_droplist {display:none; position:absolute; list-style:none; padding:15px 0 0 0; width:200px;}
.albums_droplist li {}
.albums_droplist li a {text-decoration:none; padding:2px 3px; background:#EDEDED; display:block; width:100%;}
.albums_droplist li a:hover {background:#388430; color:#FFF;}

a.albums_droplist, a.albums_all {padding:2px 4px; background-color:#FFF; color:#496530;}
a.albums_droplist.actif, a.albums_all.actif {background-color:#37752F; color:#FFF;}

p.etape {float:left; font-weight:bold; font-size:13px; color:#999; padding-top:0; margin-top:0;}
p.sous_etape {font-size:12px;}
p.sous_etape span.no {font-weight:bold;}
p.connexion {float:right; font-size:11px; color:#999; padding-top:0; margin-top:0;}
p.connexion a {color:#999;}
p.connexion a.deconnexion {margin-left:7px; padding-left:8px; border-left:1px dotted #BFBFBF;}

div.box_infos {background:#ededed; padding:10px;}
.box_infos ul {font-size:12px; margin-left:20px; font-weight:bold;}

div#etape_choisir_photo ol.pagination {margin-right:15px;}

/*** Stock YUI Uploader ***/
.progressWrapper {position:relative; width:450px; margin:10px 0; padding:10px; border:1px dotted #BFBFBF;}
.progressBarStatus {display:none;}
a.progressCancel {position:absolute; top:5px; right:10px; width:23px; height:28px; background:url(../img/icons/cancel.png) center center no-repeat;}
.progressBarInProgress {margin:0; padding:0; height:5px; background:#1d90b6;}

/**********************************************************************
	COMMUNS
**********************************************************************/
div.clear {clear:both; display:block; height:0; visibility:hidden;  /* Force le download du btn gris, pour IE */ background:url(../img/btn_gris_big_sprite.gif) no-repeat -100px -100px;}
div.clear.dotted {clear:both; height:1px; border-bottom:1px dotted #BFBFBF; margin:5px 0;}
.loading {background:url(../img/loading.gif) center center no-repeat; min-height:100px; height:auto !important; height:100px;}

select {border:1px solid #388430;}

.activated {width:50%; height:50%;}

a.btn_vert {background:url(../img/btn_vert_sprite.gif) repeat-x top right #FFF; font-size:11px; font-weight:bold; color:#FFF; text-decoration:none; text-transform:uppercase; padding:3px 30px 4px 7px;}
a.btn_vert:hover {background-position:bottom right; color:#FFF;}

a.btn_jaune_big {background:url(../img/btn_jaune_big_sprite.gif) repeat-x top left #FFF; font-size:12px; font-weight:bold; color:#FFF; text-decoration:none; text-transform:uppercase; padding:8px 10px 7px 10px;}
a.btn_jaune_big:hover {background-position:bottom left; color:#FFF;}

a.btn_gris_big {background:url(../img/btn_gris_big_sprite.gif) repeat-x top left #FFF; font-size:12px; font-weight:bold; color:#FFF; text-decoration:none; text-transform:uppercase; padding:8px 10px 7px 10px; cursor:pointer;}
/*a.btn_gris_big:hover {background-position:bottom left; color:#FFF;}*/

a.btn_vert_big {background:url(../img/btn_vert_big_sprite.gif) repeat-x top left #FFF; font-size:12px; font-weight:bold; color:#FFF; text-decoration:none; text-transform:uppercase; padding:8px 10px 7px 10px;}
a.btn_vert_big:hover {background-position:bottom left; color:#FFF;}

ul.list_photosets {width:50%; list-style:none; font-size:11px; float:left; color:#3f8d36;}
.list_photosets li {padding-bottom:3px;}
.list_photosets li a {font-weight:bold;}
form.list_photosets select {width:250px;}