@import "js/tiptip/tipTip.css" ;

A {
  color:#333366;
}
A IMG {
  border:none;
}
a, a:link, a:visited {
    color: #0052A3;
    text-decoration: none;
}
.checkbox_dm {
    bottom: 10px;
    padding: 1px;
    position: absolute;
    right: 5px;
    z-index: 20;  }
/* === mise en page ==*/
body {
  font: 15px 'Lucida Grande', Arial, Helvetica, sans-serif;
  color: #333366;
  background-image:url("images/bg_content.jpg");
  background-color:#CFCFD1;
  background-repeat:repeat-y;
  margin: 0;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
#theHeader {
  background: url("images/header_back.jpg") repeat-x scroll left top transparent;
  height: 220px;
  margin: 0;
}
#theCategoryPage .content, #content {
  margin-right: 320px;
  margin-left:50px;
}
body#theCommentsPage .content, body#theUploadPage .content, body#theRegisterPage .content, body#theIdentificationPage .content, body#theProfilePage .content, body#theSearchPage .content, body#theAboutPage .content, body#thePopuphelpPage .content, body#thePasswordPage .content, body#theNotificationPage .content, body#theTagsPage .content, body#theNBMPage .content, BODY#theTagsPage #content {
  margin-right: 21em;
  margin-left:50px;
}

#menubar {
  display: inline;
  float: right;
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 10px;
}
/*#pict_div {
  margin-left:50px;
  margin-right:10px;
}*/
/************ ICON *****/
.pwg-icon {
  background-image: url(icon/sprite.png);
}
.pwg-icon {
  background-image: url(icon/sprite.png);
}
A.pwg-button {
  border:none;
}

.pwg-icon-apropos{ background-position: 0 0; width: 22px; height: 22px; } 
.pwg-icon-arrow-e{ background-position: 0 -37px; width: 22px; height: 22px; } 
.pwg-state-disabled .pwg-icon-arrow-e{ background-position: 0 -74px; width: 22px; height: 22px; } 
.pwg-icon-arrow-n{ background-position: 0 -111px; width: 22px; height: 22px; } 
.pwg-icon-arrow-w{ background-position: 0 -148px; width: 22px; height: 22px; } 
.pwg-state-disabled .pwg-icon-arrow-w{ background-position: 0 -185px; width: 22px; height: 22px; } 
.pwg-icon-arrowstop-e{ background-position: 0 -222px; width: 22px; height: 22px; } 
.pwg-state-disabled .pwg-icon-arrowstop-e{ background-position: 0 -259px; width: 22px; height: 22px; } 
.pwg-icon-arrowstop-w{ background-position: 0 -296px; width: 22px; height: 22px; } 
.pwg-state-disabled .pwg-icon-arrowstop-w{ background-position: 0 -333px; width: 22px; height: 22px; } 
.pwg-icon-caddie-add{ background-position: 0 -370px; width: 24px; height: 24px; } 
.pwg-icon-calendar{ background-position: 0 -409px; width: 22px; height: 22px; } 
.pwg-icon-camera-calendar{ background-position: 0 -446px; width: 24px; height: 24px; } 
.pwg-icon-camera-info{ background-position: 0 -485px; width: 22px; height: 22px; } 
.pwg-icon-category-edit{ background-position: 0 -522px; width: 22px; height: 22px; } 
.pwg-icon-category-view-flat{ background-position: 0 -559px; width: 22px; height: 22px; } 
.pwg-icon-category-view-normal{ background-position: 0 -596px; width: 22px; height: 22px; } 
.pwg-icon-chat{ background-position: 0 -633px; width: 22px; height: 22px; } 
.pwg-icon-clock-minus{ background-position: 0 -670px; width: 22px; height: 22px; } 
.pwg-icon-clock-plus{ background-position: 0 -707px; width: 22px; height: 22px; } 
.pwg-icon-close{ background-position: 0 -744px; width: 24px; height: 24px; } 
.pwg-icon-cloud{ background-position: 0 -783px; width: 22px; height: 22px; } 
.pwg-icon-edit{ background-position: 0 -820px; width: 22px; height: 22px; } 
.pwg-icon-favorite-add{ background-position: 0 -857px; width: 22px; height: 22px; } 
.pwg-icon-favorite-del{ background-position: 0 -894px; width: 22px; height: 22px; } 
.pwg-icon-filter-del{ background-position: 0 -931px; width: 24px; height: 24px; } 
.pwg-icon-filter{ background-position: 0 -970px; width: 24px; height: 24px; } 
.pwg-icon-help{ background-position: 0 -1009px; width: 22px; height: 22px; } 
.pwg-icon-home{ background-position: 0 -1046px; width: 22px; height: 22px; } 
.pwg-icon-letters{ background-position: 0 -1083px; width: 22px; height: 22px; } 
.pwg-icon-lost-password{ background-position: 0 -1120px; width: 24px; height: 24px; } 
.pwg-icon-pause{ background-position: 0 -1159px; width: 22px; height: 22px; } 
.pwg-icon-play{ background-position: 0 -1196px; width: 22px; height: 22px; } 
.pwg-icon-register{ background-position: 0 -1233px; width: 24px; height: 24px; } 
.pwg-icon-repeat-play{ background-position: 0 -1272px; width: 22px; height: 22px; } 
.pwg-icon-repeat-stop{ background-position: 0 -1309px; width: 22px; height: 22px; } 
.pwg-icon-representative{ background-position: 0 -1346px; width: 22px; height: 22px; } 
.pwg-icon-map, .pwg-icon-globe , .pwg-icon-rss{ background-position: 0 -1383px; width: 22px; height: 22px; } 
.pwg-icon-save{ background-position: 0 -1420px; width: 24px; height: 24px; } 
.pwg-icon-search{ background-position: 0 -1459px; width: 22px; height: 22px; } 
.pwg-icon-sizes{ background-position: 0 -1496px; width: 48px; height: 24px; } 
.pwg-icon-slideshow{ background-position: 0 -1535px; width: 22px; height: 22px; } 
.pwg-icon-small_resizable{ background-position: 0 -1572px; width: 16px; height: 16px; } 
.pwg-icon-sort{ background-position: 0 -1603px; width: 24px; height: 24px; } 
.pwg-icon-stop{ background-position: 0 -1642px; width: 22px; height: 22px; } 
.pwg-icon-tag{ background-position: 0 -1679px; width: 22px; height: 22px; } 
.pwg-icon-upload{ background-position: 0 -1716px; width: 22px; height: 22px; } 




/* === contenu ==*/
#menu_haut_contener {
  width:235px;
  height:220px;
  padding:0;
  margin:0;
  float:left;
}
#haut_droit {
  height:220px;
  padding:0;
  margin:0 auto;
  float:none;
  overflow:hidden;
}
#MENU_HAUT {
  display:block;
  width:235px;
  height:220px;
}
#menu_contener {
  background:url("images/menu.jpg") repeat-x scroll left top #CFCFD1;
  text-align: left;
  height: 40px;
}
#menu_contener IMG {
  float: left;
}
/* === menu haut ==*/
ul#menu_haut {
  display:block;
  height:220px;
  width:242px;
  margin:0;
  padding:0;
  overflow: hidden;
  text-align: left;
}
ul#menu_haut li {
  display:block;
  list-style:none;
  margin:0;
}
ul#menu_haut li A {
  display:block;
  padding-left:70px;
  padding-top:20px;
  margin:0;
  border:none;
  text-decoration:none;
  background-color:#FFF;
  font-family: Verdana, Geneva, sans-serif;
  font-weight:bold;
  font-size:15px;
  color:#4e4d6c;
}
li#link_acc A {
  height:35px;
  background-repeat:no-repeat;
  background-image: url(images/menu_haut/menu_haut.jpg);
  background-position: 0px 0px;
}
li#link_acc A:hover {
  background-repeat:no-repeat;
  background-color:#FFF;
  background-position: 0px -220px;
  background-image: url(images/menu_haut/menu_haut.jpg);
}
li#link_dl A {
  height:36px;
  background:url(images/menu_haut/menu_haut.jpg);
  background-repeat:no-repeat;
  background-position: 0px -55px;
}
li#link_dl A:hover {
  background:url(images/menu_haut/menu_haut.jpg);
  background-repeat:no-repeat;
  background-color:#FFF;
  background-position: 0px -275px;
}
li#link_help A {
  height:36px;
  background:url(images/menu_haut/menu_haut.jpg);
  background-repeat:no-repeat;
  background-position: 0px -110px;
}
li#link_help A:hover {
  background:url(images/menu_haut/menu_haut.jpg);
  background-repeat:no-repeat;
  background-color:#FFF;
  background-position: 0px -330px;
}
li#link_contact A {
  height:35px;
  background:url(images/menu_haut/menu_haut.jpg);
  background-repeat:no-repeat;
  background-position: 0px -165px;
}
li#link_contact A:hover {
  background:url(images/menu_haut/menu_haut.jpg);
  background-repeat:no-repeat;
  background-color:#FFF;
  background-position: 0px -385px;
}
/* === menu hor ==*/

.headerMenu2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 740px;
  background:url(images/headerMenu2.png) no-repeat 0 0;
  display:block;
}
.headerMenu2 ul {
  margin:0 20px;
  height:30px;
  text-align:center;
}
.headerMenu2 ul {
  padding-left:2px;
  background:url(images/headerMenu2.png) no-repeat -958px -120px;
}
.headerMenu2 li {
  display:inline-block;
  height:26px;
  position:relative;
  z-index:1;
  list-style: none outside none;
}
.headerMenu2 li {
  background:url(images/headerMenu2.png) no-repeat right -120px;
  padding-right:2px;
}
.headerMenu2 li a, .headerMenu2 li a:visited {
  color: #F7F5F8;
  display: block;
  font-family: Verdana, 'Lucida Grande', Arial, Helvetica, sans-serif;
  line-height:26px;
  height:26px;
  font-size:12px;
  text-decoration:none;
  padding:0 8px;
  text-shadow: 0 0 9px #777777;
}
.headerMenu2 li a:hover {
  background:url(images/headerMenu2.png) no-repeat -25px -60px;
  color:#000;
  text-decoration:none;
  text-shadow: 0 0 9px #fff;
}
.headerMenu2 ul ul {
  position:absolute;
  top:25px;
  left:0;
  display:none;
  background:#dbdddd;
  box-shadow: 8px 8px 12px #aaa;
  margin:0;
  z-index:1;
  height:auto;
  padding:0;
}
.headerMenu2 li li {
  float:none;
  width:180px;
  height:auto;
  background:url(images/headerMenu2.png) no-repeat -25px -60px;
  padding-right:0;
}
.headerMenu2 li li a, .headerMenu2 li li a:visited {
  height:auto;
  line-height:20px;
  padding:0 8px;
  width:164px;
  position:relative;
  color: #F7F5F8;
  text-shadow: 0 0 9px #777777;
}
.headerMenu2 li li a:hover {
  background:url(images/headerMenu2.png) no-repeat -25px -63px;
  color:#333;
  text-shadow: 0 0 9px #fff;
}
.headerMenu2 li:hover ul, .headerMenu2 li.jHover ul {
  display:block;
}
.headerMenu2 ul ul ul, .headerMenu2 li:hover ul ul, .headerMenu2 li.jHover ul ul {
  top:3px;
  display:none;
  left:175px;
}
.headerMenu2 li li:hover ul, .headerMenu2 li li.jHover ul {
  display:block;
}
#link_gallery a, #link_gallery:visited a {
  background: url("images/headerMenu2.png") no-repeat scroll 0 -120px transparent;
  padding-left: 26px;
  padding-right: 60px;
}
#link_gallery:hover a {
  background: url("images/headerMenu2.png") no-repeat scroll 0 -60px transparent;
}
/* ============= slide ============= */
/** 
 * Slideshow style rules.
 */
#slideshow {
  height:220px;
  background:transparent no-repeat 0 0;
  position:relative;
  width:515px;
  margin-top:7px;
  margin-left:auto;
  margin-right:auto;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:415px;
  height:220px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
}
#slideshow #slidesContainer .slide {
  width:495px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:auto;
  text-align:center;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:40px;
  height:220px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#navDiapo {
  display:block;
  position:absolute;
  right:55px;
  bottom:5px;
  cursor:pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(images/control_left.png) no-repeat center center;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(images/control_right.png) no-repeat center center;
}
#pageContainer {
  margin:0 auto;
  width:960px;
}
#pageContainer h1 {
  display:block;
  width:960px;
  height:114px;
  margin:auto;
  background:transparent url(images/bg_pagecontainer_h1.png) no-repeat top left;
  text-indent: -10000px;
}
.slide h2 {
  margin:15px;
}
.slide A img {
  text-decoration:none;
  border:none;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
  text-align: center;
}
.slide img {
  margin-right: 15px;
  margin-left: 15px;
  margin-top: 15px;
}
/****                 content    *************/
.thumbnailCategories {
    overflow: visible;
}
.content H2, #imageHeaderBar, #comments H3 {
  background: url("images/feed-title-white.jpg") repeat-x scroll 0 0 #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #333333;
  font-size: 11px;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 6px 10px;
  text-transform: uppercase;
}
#imageHeaderBar {
  width:inherit;
}
#theCategoryPage #content, #thePicturePage #comments, .stuffs .content {
  background: url("images/bk_box_mid_inner.jpg") repeat-x scroll left 25px #FFFFFF;
  border: 1px solid #FFFFFF;
  display: block;
}
body#theCommentsPage .content, body#theUploadPage .content, body#theRegisterPage .content, body#theIdentificationPage .content, body#theProfilePage .content, body#theSearchPage .content, body#theAboutPage .content, body#thePopuphelpPage .content, body#thePasswordPage .content, body#theNotificationPage .content, body#theTagsPage .content, body#theNBMPage .content, #content, BODY#theTagsPage #content {
  background: url("images/bk_box_mid_inner.jpg") repeat-x scroll left 25px #FFFFFF;
  border: 1px solid #FFFFFF;
  display: block;
}
.filter LABEL > INPUT, .filter LABEL > SELECT, .filter LABEL > SPAN, .filter LABEL > TEXTAREA, .filter UL, .filter LABEL {
  background: url("images/bk_box_mid_inner.jpg") repeat-x scroll left top #FFFFFF;
  border: 1px solid #FFFFFF;
  display: block;
}
#thePicturePage #comments {
    padding-left: 0;
    padding-right: 0;
}
#download {
  margin-top:5px;
  margin-bottom:5px;
  background: url("images/bk_box_mid_inner.jpg") repeat-x scroll left top #FFFFFF;
  border: 1px solid #FFFFFF;
  display: block;
}
#the_page .stuffs {
  width: 100%;
}

.switchBox {
    border-radius: 4px 4px 4px 4px;
    padding: 0.5em 10px;
    text-align: left;
    z-index: 100;
    border: 1px solid #333333;
    background-color: #CFCFD1;
}

/**************** catégories            */
BODY#theCategoryPage .thumbnailCategories {
  padding-left:auto;
  padding-right:auto;
  list-style: none outside none;
  text-align: center;
}
BODY#theCategoryPage .thumbnailCategories li {
  width: auto;
  float: none;
  display:inline-block;
  text-align:center;
  margin-left:10px;
}
BODY#theCategoryPage div.thumbnailCategory div.illustration {
  width:auto;
  height:auto;
  /*height:135px;*/
text-align:center;
  overflow: inherit;
  float:none;
  margin: 0;
  padding: 0;
}
BODY#theCategoryPage div.thumbnailCategory div.description {
  width:auto;
  height:auto;
  text-align:center;
  overflow:inherit;
  float:none;
  overflow: auto;
}
BODY#theCategoryPage div.thumbnailCategory div.description IMG {
  float:right;
}
BODY#theCategoryPage div.thumbnailCategory div.description p {
  text-align: center;
}
BODY#theCategoryPage div.thumbnailCategory {
  display: inline-block;
  margin: 5px auto;
  padding:5px;
  vertical-align: middle;
  width:160px;
  height:205px;
  text-align: center;
  background-image:none;
    border-color: #CCCCCC #777777 #777777 #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 2px;
}
BODY#theCategoryPage div.thumbnailCategory * {
  vertical-align: middle;
}
BODY#theCategoryPage div.thumbnailCategory div.illustration img {
  max-width:150px;
}
BODY#theCategoryPage div.thumbnailCategory div.description h3 {
  text-align:center;
}
#la_description {
  display:none;
}
/********************* pagination *************/
.navigationBar, .navigationBar div, .navigationBar .info, .navigationBar a span {
  background: url("images/pagination/light.png") no-repeat scroll 0 100px transparent;
}
.buttonStyle_light .navigationBar, .buttonStyle_light .navigationBar div, .buttonStyle_light .navigationBar .info, .buttonStyle_light .navigationBar a span, .gradient_gray .navigationBar, .gradient_gray .navigationBar div, .gradient_gray .navigationBar .info, .gradient_gray .navigationBar a span, .gradient_gray_reverse .navigationBar, .gradient_gray_reverse .navigationBar div, .gradient_gray_reverse .navigationBar .info, .gradient_gray_reverse .navigationBar a span {
  background-image: url("images/pagination/light.png");
}
.navigationBar {
  background-position: 0 -30px;
  height: 24px;
  margin: 30px 10px 0 0;
}
.navigationBarTop {
  background-position: 0 0;
  margin: 0 10px 30px 0;
}
.navigationBar div {
  background-position: right -30px;
  height: 24px;
  margin: 0 -10px 0 10px;
  padding: 0 20px 0 10px;
}
.navigationBarTop div {
  background-position: right 0;
}
.navigationBar .info {
  background-position: 0 -61px;
  color: #808080;
  display: block;
  float: left;
  font-size: 11px;
  height: 22px;
  line-height: 22px;
  padding: 0 15px 0 25px;
}
.navigationBar li {
  float: left;
  margin: 1px 1px 1px 0;
}
.navigationBar li.current {
  float: left;
  height: 26px;
  margin: -2px 1px -2px 0;
}
.navigationBar li.prev {
  margin-right: 10px;
}
.navigationBar li.prev a span {
  background-position: 0 -100px;
  padding: 0 7px 0 20px;
}
.navigationBar li.prev a:hover span {
  background-position: 0 -125px;
}
.navigationBar li.next {
  margin-left: 10px;
}
.navigationBar li.next a span {
  background-position: right -100px;
  padding: 0 20px 0 7px;
}
.navigationBar li.next a:hover span {
  background-position: right -125px;
}
.navigationBar li.gap span {
  color: #808080;
  display: block;
  float: left;
  line-height: 22px;
  padding: 0 5px;
}
.navigationBar a span {
  background-position: -15px -100px;
  color: #5C7A99;
  display: block;
  font-size: 11px;
  height: 18px;
  line-height: 18px;
  margin: 1px;
  padding: 0 7px;
}
.navigationBar a:hover {
  border-color: #808080;
  text-decoration: none;
}
.navigationBar a:hover span {
  background-position: -15px -125px;
}
.navigationBar li.current a {
  height: 26px;
}
.navigationBar li.current a span {
  background-position: 0 -150px;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  padding: 0 9px;
}
.navigationBar li.current a:hover span {
  background-position: 0 -150px;
}
.navigationBar span, .navigationBar a {
  background: url("images/pagination/light.png") no-repeat scroll -15px -94px #FFFFFF;
  border: 1px solid #9A9A9A;
  color: #5C7A99;
  display: inline-block;
  font-size: 11px;
  height: 18px;
  line-height: 18px;
  margin: 1px;
  padding: 1px 7px;
  border-radius: 3px 3px 3px 3px;
}
.navigationBar a:hover {
  background-position: -15px -94px;
}
.navigationBar .pages {
  background: url("images/pagination/light.png") no-repeat scroll 0 -31px transparent;
  border: medium none;
  color: #808080;
  display: inline-block;
  font-size: 11px;
  height: 22px;
  line-height: 22px;
  padding: 0 15px 0 25px;
}
.navigationBar .extend {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #808080;
  font-size: 11px;
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
}
.navigationBar span.current {
  color: #990099;
  display:inline-block;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  margin: -2px 1px -2px 0;
  padding: 1px 9px;
}
/*****************     Menuleft ****************/
#menubar {
  width: 280px;
}
#menubar UL, #menubar FORM, #menubar P {
  margin: 0;
}
.rightBox {
  margin-bottom: 10px;
}
.rightBoxTop {
  background: url("images/sidebar/bk_box_top_right.png") no-repeat scroll 0 0 transparent;
  height: 5px;
  width: 280px;
}
.rightBoxBottom {
  background: url("images/sidebar/bk_box_bottom_right.png") no-repeat scroll 0 0 transparent;
  height: 5px;
  width: 280px;
  clear: both;
}
.rightBox .rightBoxMid {
  background: url("images/sidebar/bk_box_mid_right.png") repeat-y scroll 0 0 transparent;
  padding: 50px 20px 15px;
  position: relative;
}
.rightBox .rightBoxMidSearch {
  background: url("images/sidebar/bk_box_mid_right.png") repeat-y scroll 0 0 transparent;
  overflow: hidden;
  padding: 6px 10px 5px;
}
.rightBox .rightBoxMid dt {
  background: url("images/sidebar/bk_h2_right.png") no-repeat scroll 0 0 transparent;
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 39px;
  left: -2px;
  letter-spacing: 0;
  padding: 13px 15px 0 20px;
  position: absolute;
  text-transform: uppercase;
  top: 6px;
  width: 284px;
}
.rightBoxMid dt a {
  color:#FFF;
}
.rightBoxMid dt a:hover {
  color: #F5F5F5;
}
.rightBox .rightBoxMid ul li {
  border-bottom: 1px solid #E2E2D8;
  padding: 5px 0;
     list-style-type: none;
}

/******************** PICTURE *****************/
#linkNext IMG, #linkPrev IMG, #theImage IMG {
   box-shadow: 8px 8px 12px #AAAAAA;
}
#linkNext IMG, #linkPrev IMG {
  max-height:150px;
  max-width:150px;
}
#thePicturePage #theHeader {
  display: none;
}
/*********** Footer ****/
#copyright {
background-image: url("images/fond.gif");
    border-top: 3px dashed #000033;
    color: #CCCCCC;
    text-align: center;
    margin-top:10px;
    margin-bottom:0;
    padding:5px;
}
#copyright A {
  color:#AAA;
}
#fontresizer {
    display: inline-block;
    width: 600px;
}
#fontresizer li {
    float: left;
    list-style: none outside none;
    margin-left: 5px;
}