/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2014 Coppermine Dev Team
  v1.0 originally written by Gregory Demar

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License version 3
  as published by the Free Software Foundation.

  ********************************************
  Coppermine version: 1.5.38
  $Revision: 8800 $
  CSS THEME PICDEL pour pirate-photo.fr - octobre 2014 maj septembre 2015
**********************************************/

/* 	modifs couleurs 24 mai 2015
	093388 bleu foncé
	004FAA bleu définitif
	de4000 rouge brique
	
	E5E5E5 ancien gris de base
	EBEBEB nouveau gris de base */

* {
	/* Données par défaut à zéro */
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-spacing: 0px;
}

body {
	background: #ffffff;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : Black;
	margin: 0px;
	padding: 8px 13px 17px;
}

html {
	font-size: 100%;
}

a:link,a:active,a:visited {
	text-decoration: none;
	color : #000000;
}

a:hover	{
	text-decoration: underline;
	color : #000000;
}

div.div_aa {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	min-width: 925px;
	max-width: 1500px;
}

div.div_ab {
	margin-left: auto;
	margin-right: auto;
}

div.div_b {
	width: 100%;
	padding-left: 10px;
}

div.pirate_logo_et {
	float: left;
	width: 240px;
	height: 50px;
	cursor: pointer;
	background: url("../../../forum/styles/picdel/imageset/logo_pirate-entete.svg"), url("../../../forum/styles/picdel/imageset/logo_pirate_ombres.svg") no-repeat 0px 0px;
}

div.pirate_logo_et:hover {
	background-position: 0px -60px;
}

div.pirate_logo_et a {
	display: inline-block;
	width: 240px;
	height: 50px;
	text-decoration: none;
}

div.menu_gen, div.menu_gen_akt {
    float: right;
    width: 50px;
    height: 50px;
    margin: 0px 2px 0px 8px;
    cursor: pointer;
    background-size: cover;
}

div.menu_gen:hover {
	background-position: 0 -60px;
}

div.menu_gen_akt:hover {
	background-position: 0 0;
}

div.menu_gen a, div.menu_gen_akt a {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}

._table {
	background: url("../../../forum/styles/picdel/imageset/rond_table.svg") no-repeat 0 0;
}

._album {
	background: url("../../../forum/styles/picdel/imageset/rond_album.svg") no-repeat 0 0;
}

._forum {
	background: url("../../../forum/styles/picdel/imageset/rond_forum.svg") no-repeat 0 0;
}

._page {
	background: url("../../../forum/styles/picdel/imageset/rond_page.svg") no-repeat 0 0;
}

._galerie {
	background: url("../../../forum/styles/picdel/imageset/rond_galerie.svg") no-repeat 0 0;
}
._album {
	background: url("../../../forum/styles/picdel/imageset/rond_album.svg") no-repeat 0 -60px;
}

a.pirate_album {
    display: block;
	margin: 0px auto;
	width: 245px;
    height: 50px;
    background: url("../../../forum/styles/picdel/imageset/pirate-albums-rond.svg") no-repeat 0px 0px;
}

a.pirate_album:hover {
	background-position: 0px -60px;
}

img.entete_svg {
	width: 249px;
	height: 50px;
}

img.entete_svg:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* menus en-tete */
div.menuentete_connect, div.menuentete_out {
	max-width: 1100px;
	width: 90%;
	height: 26px;
	margin: 7px auto;
	text-align: center;
	clear: both;
}

div.menuentete_connect a, div.menuentete_out a {
    height: 19px;
    margin: 0px -1px;
    padding: 6px 0px 0px;
    background-color: rgb(235, 235, 235);
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    text-align: center;
    font-size: 0.95em;
    font-weight: bold;
    white-space: nowrap;
    float: left;
    border: 1px #fff solid;
}

div.menuentete_connect a {
    width: 12.5%;
}

div.menuentete_connect a:hover , div.menuentete_out a:hover {
   background-color: rgb(206, 206, 206);
}

div.menuentete_out a {
    width: 16.5%;
}

a.menu_info {
	background-image:url('../../../forum/styles/picdel/imageset/icon_infos.png'); background-repeat:no-repeat; background-position: 3px center;
}

a.menu_connex {
    background-image: url("../../../forum/styles/picdel/imageset/icon_connect.png"); background-repeat: no-repeat; background-position: 3px center;
}

a.menu_deconnex {
    background-image: url("../../../forum/styles/picdel/imageset/icon_deconnect.png"); background-repeat: no-repeat; background-position: 3px center;
}

a.menu_recherche {
    background-image: url("../../../forum/styles/picdel/imageset/icon_recherche.png"); background-repeat: no-repeat; background-position: 3px center;
}

a.menunouvmp {
	background-image:url("../../../forum/styles/picdel/theme/images/icon_nouv_mp.gif");background-repeat:repeat;
}

/* entete index */
div.nouveautes {
	height: 37px;
	background-color: #EBEBEB;
	color: rgb(68, 68, 68);
	font-size: 10px;
}

div.nouveautes ul {
	padding-top: 1px;
}

div.nouveautes ul p {
	padding: 0 0 0 8px;
	font-family: "Verdana",Helvetica,Arial,sans-serif;
	font-size: 1em;
}

div.nouv_div {
	margin-top: 7px;
	padding: 6px 0px 4px 70px;
	background-color: #EBEBEB;
	color: rgb(68, 68, 68);
	background-repeat:no-repeat;
	background-position: 43px 6px;
}

a.nouv_lien {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.32em;
	font-weight: bold;
}

div.dervisit {
	float: left;
	margin: 0 0 0 8px;
	text-align: left;
	font-size: 10px;
}

div.voirnouveau {
	float: right;
	margin: 0px 8px 0px 0px;
	font-size: 10px;
	font-weight: bold;
}

/* Quick-login on index page */
fieldset.quick-login {
	margin-top: 3px;
}

fieldset.quick-login input {
	width: auto;
}

fieldset.quick-login input.inputbox {
	width: 15%;
	vertical-align: middle;
	margin-right: 5px;
	background-color: #FDFDFD;
}

fieldset.quick-login label {
	white-space: nowrap;
	padding-right: 2px;
}

.connexion {
	font-family: Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 1.1em;
}

.debut_table, .debut_tableb {
    padding-left: 20px;
}

.debut_table  {
    border-bottom: 1px solid rgb(255, 255, 255);
}

.debut_table div.debut_table_in, .debut_tableb div.debut_table_in, .debut_table div.debut_table_inb, .debut_tableb div.debut_table_inb {
	background-color: transparent;
	display: block;
	font-family: Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 1.1em;
}

.debut_table div.debut_table_in, .debut_tableb div.debut_table_in {
	padding: 8px 3px;
}

.debut_table div.debut_table_inb, .debut_tableb div.debut_table_inb {
	padding: 3px 3px;
}

.lisere_ht {
	border-top: 1px solid #fff;
}

.lisere_htb {
	border-top: 2px solid #fff;
}

.lisere_bs {
	border-bottom: 1px solid #fff;
}

.padding_a {
	padding: 5px 0px;
}

.padding_b {
	padding-left: 10px;
}

.cellule {
	border-left: 1px solid #fff;
	text-align: center;
}

.cpg_midtitre {
	background-color: #EBEBEB;
	padding-left: 16px;
}

#sysmenu {
	margin-top: 5px;
}

.menuheight {	  /* IE7 */
	width: 1px;
	height: 95px;
}

h1{
	font-weight: bold;
	font-size: 2.2em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 1.44em;
	color : #000000;
	margin: 2px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}

h3 {
	font-weight: normal;
	font-size: 1.1em;
	margin: 2px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 2px 0px;
}

pre.filepath {
	font-size: 1.1em;
}

.textinput {
	font-size: 1.2em;
	border: 1px solid #f2f2f2;
	padding-right: 3px;
	padding-left: 3px;
}

.listbox {
	font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing: 0px;
	border: 1px solid #f2f2f2;
	vertical-align : middle;
}

.radio {
	font-size: 1.1em;
	vertical-align : middle;
}

.checkbox {
	font-size: 1.1em;
	vertical-align : middle;
}

.bblink a {
	color: #004FAA;
	text-decoration: none;
}

.bblink a:hover {
	color: #aa2926;
	text-decoration: underline;
}

.button, .admin_menu {
	color: #ffffff;
	background-color: #717171;	
	border: 1px solid #717171;
	cursor: pointer;
	padding: 0px 6px;
	margin-right: 2px;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

.button:hover, .admin_menu:hover {
	background-color:#004FAA;	
	border: 1px solid #004FAA;
}

.button {
	font-size: 1.1em;
	white-space: nowrap;
}

a.button, a.admin_menu {
	color:white;
	text-decoration:none;
}

a:hover.button, a:hover.admin_menu {
	background-color: #004FAA;
}

input.mainoption {
	z-index: 10;
	font-weight: bold;
	cursor: pointer;
	background-color: #d4d4d4;
	margin-bottom: 6px;
	padding: 1px 4px 2px 3px;
	border: 1px solid #004FAA;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 1px 1px 2px #808080, 1px 1px 1px #fff inset;
}

input.bisoption {
	z-index: 10;
	font-weight: bold;
	cursor: pointer;
	background-color: #d4d4d4;
	margin-bottom: 6px;
	padding: 1px 4px;
	border: 1px solid #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.maintable {
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #EBEBEB;
}

.tablefixe {
	table-layout: fixed;
}

.tableh1 {
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-size: 1.05em;
	font-weight: bold;
}

.tableh1a {
	padding: 6px 40px;
	font-weight: bold;
}

.tableh2 {
	color : #000000;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.tableb {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 2px;
	font-size: 1em;
}

.tableb_alternate {
}

.tablec {
	width: 260px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 15px;
	font-size: 1em;
}

.tablef {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.catrow_noalb {
	color : #000000;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 23px;
}

.catrow {
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 23px;
	border-bottom: 2px solid #fff;
}

.catrowb {
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 23px;
}

.album_stat {
	padding-bottom: 3px;
}

.thumb_filename {
	font-size: 0.98em;
	color: #444;
	display: block;
}

.thumb_title {
	font-size: 0.98em;
	padding: 2px;
	display : block;
}

span.thumb_title_owner a:link, span.thumb_title_owner a:active, span.thumb_title_owner a:visited {
	text-decoration: none;
	color : #004FAA;
}

span.thumb_title_owner a:hover {
	text-decoration: underline;
	color : #000000;
}

.thumb_caption {
	font-size: 0.98em;
	padding: 1px;
	display : block;
}

.thumb_caption a {
	text-decoration: underline;
	color: #000000;
}

.thumb_num_comments {
	font-weight: normal;
	font-size: 1em;
	padding: 2px;
	font-style : italic;
	display : block;
}

.user_thumb_infobox {
	margin-top: 1px;
	margin-bottom: 1px;
}

.user_thumb_infobox th {
	font-weight : bold;
	font-size: 1.2em;
	margin-top: 1px;
	margin-bottom: 1px;
	text-align : center;
}

.user_thumb_infobox td {
	font-size: 1em;
	margin-top: 1px;
	margin-bottom: 1px;
	text-align : center;
}

.user_thumb_infobox a {
	text-decoration: none;
	color: #000000;
}

.user_thumb_infobox a:hover {
	color: #000000;
	text-decoration: underline;
}

.sortorder_cell {
	padding: 0px;
	margin: 0px;
}

.sortorder_options {
	color : #000000;
	font-weight: normal;
	font-size: 0.9em;
	white-space: nowrap;
}

.navmenu {
	font-size: 1.05em;
	font-weight: bold;
	white-space: nowrap;
	padding-right: 10px;
}

.icon {
	vertical-align:middle;
	margin-right:1px;
}

.comment_date{
	color : #5F5F5F;
	font-size: 1.1em;
	vertical-align : middle;
}

.image {
	border-style:none;
	margin:2px;
}

/* pseudo-classes pour liens image */
a:link .image{
	border-style:solid;
	border-width:1px;
	border-color: transparent;
	margin:2px;
}

a:visited .image{
	border-style:solid;
	border-width:1px;
	border-color: transparent;
	margin:2px;
}

a:focus .image{
	border-style:solid;
	border-width:1px;
	border-color: transparent;
	margin:2px;
}

a:hover .image{
	border-style:solid;
	border-width:1px;
	border-color:#004FAA;
	margin:2px;
}

a:active .image{
	border-style:solid;
	border-width:1px;
	border-color: transparent;
	margin:2px;
}

.thumb {
	height: 100px;
	max-height: 100px;
}

/* pseudo-classes for middlethumb links */
a:link .middlethumb,a:visited .middlethumb,a:focus .middlethumb,a:hover .middlethumb,a:active .middlethumb{
	border: 2px solid #fff;
}

.filmdefil {
	border: 0px;
	padding-left: 3px;
	padding-right: 3px;
}

.imageborder {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	margin-top: 3px;
	margin-bottom: 3px;
}

.display_media {
	background: #EBEBEB ;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.thumbnails {
	padding: 5px;
	text-align: center;
	vertical-align: bottom;
}

div.thumbnails_album {
	margin-top: 3px;
	text-align: center;
	overflow: visible;
	white-space: nowrap;
}

.thumbdefil {
	background: #EBEBEB ;
	padding-left:14px;
	padding-right:23px;
	padding-bottom:4px;
}

.thumbfilms {
	padding: 0px;
}

.footer {
	font-size: 0.9em;
	color: #444444;
}

.footer a {
	text-decoration: none;
	color: #444444;
}

.footer a:hover {
	color: #004FAA;
	text-decoration: underline;
}

.statlink {
	font-weight: bold;
	color: #000000;
}

.statlink a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.statlink a:hover {
	font-weight: bold;
	color: #004FAA;
	text-decoration: underline;
}

.alblink {
	font-weight:bold;
}

.alblink a {
	color: #000000;
}

.alblink a:hover {
	color: #000000;
}

.catlink {
	font-family: Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 1.1em;
}

.topmenu {
	line-height: 1.5em;
	font-size: 1.2em;
}

.topmenu a {
	color : #0033CC;
	text-decoration : none;
}

.topmenu a:hover  {
	color : #0033CC;
	text-decoration : underline;
}

.img_caption_table {
	border: none;
	background-color: #FFFFFF;
	width : 100%;
	margin : 0px;
}

.img_caption_table th {
	background: #f2f2f2 ;
	font-size: 1.2em;
	color : #000000;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-top : 1px solid #FFFFFF;
}

.img_caption_table td {
	background: #EBEBEB ;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	border-top : 1px solid #FFFFFF;
	white-space: normal;
}

.debug_text {
	border: #BDBEBD;
	background-color: #EBEBEB;
	width : 100%;
	margin: 0px;
}

.clickable_option {
	cursor : default;
	margin-left: 6px;
}

.listbox_lang {
	color: #000000;
	background-color: #f2f2f2;
	border: 1px solid #004FAA;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align : middle;

}

.pic_title {
	color: #000000;
	font-size: 1.44em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align : center;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	line-height: 1.2em;
}

.pic_caption {
	color: #000000;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align : center;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	line-height: 1.2em;
}

.important {
	color: red;
	font-weight: bold;
	padding-left:1px;
	padding-right:1px;
	padding-top:3px;
	padding-bottom:3px;
}

#cpgChooseLanguageWrapper {
	float:left;
	margin-left:3px;
	margin-right:3px;
	margin-top:0px;
	margin-bottom:0px;
}

#cpgChooseThemeWrapper {
	float:left;
	margin-left:3px;
	margin-right:3px;
	margin-top:0px;
	margin-bottom:0px;
}

.filmstrip_background {
	background-color:#EBEBEB;
}

.prev_strip {
	text-align: left;
	padding-left: 200px;
}

.next_strip {
	text-align: right;
	padding-right: 200px;
}

/** Swfupload css **/
div.fieldset {
	border:  2px solid #004FAA;
	margin: 10px 0px;
	padding: 20px 10px;
}

div.fieldset span.legend {
	position: relative;
	padding: 3px;
	top: -30px;
	background-color: #004FAA;
	color: #fff;
}

div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #004FAA;
}

input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */


.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #EBEBEB;
	background-color: #EBEBEB;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0px;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 0.8em;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 0.7em;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url('../../images/cancelbutton.gif');
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

.swfupload {
	vertical-align: top;
}

/**styles for photo manager*/
table#pic_sort tr td { 
	padding: 2px 8px 0px 8px;;
	border-bottom: 1px solid #CCCCCC;
}

/** styles for album manager and photo album*/
table#album_sort tr td {
	padding: 3px;
	border-bottom: 1px solid #CCCCCC;
}

table#album_sort tr td span.editAlbum {
	margin-left: 100px;
	font-size: 1em;
	line-height: 1.2em;
	text-decoration: underline;
	cursor: pointer;
	display: none;
	color: #FF0000;
}

.cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation {
	border: 1px solid;
	margin: 10px 12px 12px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.cpg_message_info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../../images/message/info.png');
}

.cpg_message_success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('../../images/message/ok.png');
}

.cpg_message_warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../../images/message/warning.png');
}

.cpg_message_error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../../images/message/stop.png');
}

.cpg_message_validation {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('../../images/message/error.png');
}

#GB_window {
	background-color: #EBEBEB;
	border: 5px solid #004FAA;
}

.external {
}

.detail_head_collapsed, .detail_head_expanded {
	color: #0033CC;
}

/* Styles for the standard dropdown menus. */
.lemenu {
	display: block;
	width: 952px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -4px;
	font-family: Verdana, sans-serif;
}

.lemenub {
	display: block;
	width: 694px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -4px;
	overflow: visible;
	font-family: Verdana, sans-serif;
}

.dropmenu, .dropmenu ul {
	list-style: none;
	line-height: 1.2em;
}

.dropmenu a {
	display: block;
	color: #000000;
	text-decoration: none;
}

.dropmenu a span {
	display: block;
	padding: 0 0 0 5px;
	font-size: 1.1em;
}

/* bouton origine */
.dropmenu li a.firstlevel {
	display: inline-block;
	width: 105px;
	height: 30px;
	margin: 2px;
	background: url(images/bouton.png) no-repeat 100% 0;
}

.dropmenu li a.firstlevel span.firstlevel {
	display: block;
	position: relative;
	top: 4px;
	left: 0px;
	height: 30px;
	line-height: 1.9em;
	color: #fff;
}

.dropmenu li {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
}

.dropmenu li ul {
	z-index: 90;
	display: none;
	position: absolute;
	width: 19.2em;
	font-weight: normal;
	border-bottom: solid 1px #999;
	background: url(images/menu_gfx_bleu.png) 0 -100px no-repeat;
	padding: 7px 0px 0px 0px;
}

.dropmenu li li {
	width: 19em;
	margin: 0px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
}

.dropmenu li li a span {
	display: block;
	padding: 8px;
}

.dropmenu li li a.firstlevel span.firstlevel {
	left: 0 !important;
}

.dropmenu li li a.firstlevel {
	margin-right: 0 !important;
}

.dropmenu li li a.firstlevel:hover span.firstlevel {
	background: #D4DBE4 !important;
	color: #000 !important;
	text-decoration: none !important;
}

.dropmenu li ul ul {
	margin: -1.8em 0 0 13em;
}

/* the active button */
.dropmenu li a.active {
	background: url(images/menu_gfx_bleu.png) no-repeat 100% 0;
	color: #ffffff;
	font-weight: bold;
}

/* hover bouton */
.dropmenu li a.firstlevel:hover {
	cursor: pointer;
	background: url(images/bouton.png) no-repeat 0 -30px;
}

.dropmenu li a.firstlevel:hover span.firstlevel {

}

/* the hover effects on level2 and 3*/
.dropmenu li li a:hover {
	background: #D4DBE4;
	color: #000;
	text-decoration: none;
}

.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul {
	top: -999em;
}

.dropmenu li li:hover ul {
	top: auto;
}

.dropmenu li:hover ul {
	display: block;
}

.dropmenu li li.additional_items {
	background-color: #fff;
}

/* Styles for the standard button lists.
------------------------------------------------------- */

.buttonlist li {
	list-style-type: none;
}

.buttonlist ul li a {
	display: block;
	font-size: 1em;
	font-weight: bold;
	text-transform: none;
	color: #000;
	background: url(images/bouton_picdel_bl.png) no-repeat 50% -30px;
	cursor: pointer;
}

.buttonlist ul li a:hover {
	background: url(images/bouton_picdel_bl.png) no-repeat 50% 1px;
	color: #000;
	text-decoration: none;
}

.buttonlist ul li a span {
	background: url(images/bouton_picdel_bl.png) no-repeat 50% -30px;
	display: block;
	height: 26px;
	line-height: 2em;
	padding: 1px 8px 0px 0px;
	position: relative;
	right: -8px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	letter-spacing: 0.5px;
	font-size: 0.85em;
}

.buttonlist ul li a:hover span {
	background: url(images/bouton_picdel_bl.png) no-repeat 50% 1px;
}

/* the active one */
.buttonlist ul li a.active {
	background: url(images/bouton_picdel_bl.png) no-repeat 50% -60px;
	color: black;
	font-weight: bold;
}

.buttonlist ul li a.active span {
	background: url(images/bouton_picdel_bl.png) no-repeat 50% -60px;
}

/* */

.buttonlist.align_right ul li a {
	background: url(images/bouton_picdel_bl.png) no-repeat 0% -30px;
}

.buttonlist.align_right ul li a:hover {
	background: url(images/bouton_picdel_bl.png) no-repeat 0% 1px;
}

.buttonlist.align_right ul li a span {
	background: url(images/bouton_picdel_bl.png) no-repeat 0% -30px;
}

.buttonlist.align_right ul li a:hover span {
	background: url(images/bouton_picdel_bl.png) no-repeat 0% 1px;
}

/* the active one */
.buttonlist.align_right ul li a.active {
	background: url(images/bouton_picdel_bl.png) no-repeat 0% -60px;
}

.buttonlist.align_right ul li a.active span {
	background: url(images/bouton_picdel_bl.png) no-repeat 0% -60px;
}


.buttonlist ul li a.active {
	font-weight: bold;
}

.buttonlist ul li a.active:hover {
	color: #b11612;
}

.align_top ul li a, .align_bottom ul li a {
	margin: 0px 12px 0px 0px;
}

.rounded_menu {
	display: block;
	font-size: 0.8em;
	color: white;
	background: url(images/menu_picdel_bleu.png) no-repeat 0 -30px;
	padding: 0px;
	cursor: pointer;
}

.rounded_menu span {
	background: url(images/menu_picdel_bleu.png) no-repeat 100% -30px;
	display: block;
	height: 24px;
	line-height: 2em;
	padding: 0px 8px 0px 0px;
	position: relative;
	right: -8px;
}

a:hover.rounded_menu  {
	background: url(images/menu_picdel_bleu.png) no-repeat 0 0;
	color: #fff;
	text-decoration: none;
}

a:hover.rounded_menu span {
	background: url(images/menu_picdel_bleu.png) no-repeat 100% 0;
}

.admin_menu_anim {
	background-image : url(images/button_bg_anim.gif);
}

/* infobulles */

.infobulle
{
	background: none;
	display: inline-block;
	text-decoration: none;
	outline: none;
}

.infobulle span
{
	visibility: hidden;
	position: absolute;
	bottom: 20px;
	left: 80%;
	z-index: 999;
	width: 120px;
	margin-left: 0px;
	padding: 4px;
	border: 2px solid #ccc;
	font-size: 1.1em;
	text-decoration: none;
	outline: none;
	opacity: .9;
	background: #f0f0f0; /* background color pour les navigateurs ne pouvant appliquer la suite ci-dessous */		

	background-image: -moz-linear-gradient(top, #f0f0f0, #dbdbeb); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #dbdbeb),color-stop(1, #f0f0f0)); /* Safari & Chrome */	   
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0f0f0', endColorstr='#dbdbeb'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0f0f0', endColorstr='#dbdbeb')"; /* IE8 */  
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.infobulle:hover
{
	border: 0px; /* IE6 fix */
	text-decoration: none;
	outline: none;
	text-align: center;
}

.infobulle:hover span
{
	visibility: visible;
	text-decoration: none;
	outline: none;
}

.infobulle span:before, .infobulle span:after
{
	content: "";
	position: absolute;
	z-index: 1000;
	bottom: -7px;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #ddd;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 0px;
}

.infobulle span:before
{
	border-top-color: #ccc;
	bottom: -8px;
}

/* menus kimfoto */
#menucontainer {
	clear: both;
	z-index: 2;
}
#menucontainer ul {
	z-index: 10;
}

#pcm {
	display:none;
}

ul.kimphotmenu ul {
	display:none
}

ul.kimphotmenu li:hover>ul {
	display:block
}
ul.kimphotmenu ul {
	position: absolute;
	left:-1px;
	top:98%;
}

ul.kimphotmenu ul ul {
	position: absolute;
	left:98%;
	top:-2px;
}

ul.kimphotmenu,ul.kimphotmenu ul {
	margin: 0px;
	list-style:none;
	padding: 0px;
}

ul.kimphotmenu table {border-collapse:collapse}ul.kimphotmenu {
	display:block;
	float: left;
}

ul.kimphotmenu ul{
	padding-bottom: 5px;
}

ul.kimphotmenu li{
	display:block;
	font-size:0px;
}

ul.kimphotmenu a:active, ul.kimphotmenu a:focus {
outline-style:none;
}

ul.kimphotmenu a, ul.kimphotmenu li.dis a:hover, ul.kimphotmenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
	text-decoration:none;
	cursor:pointer;	  
}

ul.kimphotmenu li ul {
	background-color:#F2F2F2;
	  border-radius: 5px 5px 5px 5px;
	  -moz-border-radius: 5px 5px 5px 5px;
	  -webkit-border-radius: 5px 5px 5px 5px;
	  box-shadow: 5px 5px 5px #555555;
	  -webkit-box-shadow: 5px 5px 5px #555555;
	  -moz-box-shadow: 5px 5px 5px #555555;
	  -moz-opacity:0.95;
	  opacity: 0.95;
	  filter:alpha(opacity=95);
}

ul.kimphotmenu li ul a {
}

ul.kimphotmenu span{
	overflow:hidden;
}

ul.kimphotmenu li {
	float:left;
}

ul.kimphotmenu ul li {
	float:none;
}

ul.kimphotmenu ul a {
	text-align:left;
	white-space:nowrap;
}

ul.kimphotmenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}

ul.kimphotmenu li.sep span{
	float:none;	
	padding-right:0px;
	width:1px;
	height:100%;
	display:inline-block;
	background-color:#a6a6a6;
}

ul.kimphotmenu ul li.sep span{
	width:100%;
	height:3px;
}

ul.kimphotmenu li:hover{
	position:relative;
}

ul.kimphotmenu li:hover>a{
	background-color: #de5000;   
	text-decoration:none;	 
}

ul.kimphotmenu li a:hover{
	background-color: #ffaa66;	  
	position:relative;
	text-decoration:none;
}

td.sep {
	border-left: 1px solid #757575;
}

/* connexion */
fieldset.quick-login {
	border: 0px;
	color: #333333;
}

fieldset.quick-login input.inputbox {
	width: 92px;
	height: 15px;
	margin-right: 5px;
	padding: 1px 2px 2px;
	vertical-align: middle;
	background-color: rgb(253, 253, 253);
	border: 1px solid #bebebe;
	font-family: Verdana,Helvetica,Arial,sans-serif;
}

fieldset.quick-login label {
	white-space: nowrap;
	padding-right: 2px;
}

input.infos {
	width: 400px;
	font-size: 1.1em;
	color: #DEDEDE;
	margin: 4px;
	padding: 1px;
	border: 2px solid;
	background-color: #333;
}

input {
	padding: 1px;
	border: 1px solid #b0b0b0;
}

.button2 {
	padding: 1px 3px 2px 3px;
	background: #FAFAFA;
	background-image: url(images/bg_button.gif);
	border: 1px solid #666666;
	cursor: pointer;
}

.button2:hover {
	border-color: #444444;
	color: #004FAA;
}