* {
 margin: 0;
 padding: 0;
}

html { font-size: 100% }

body {
 padding: 0;
 margin: 0;
 background-color: #1a202c;
 background-color: #0E1A28;
 text-align: center;
 font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.70em;
 color: white;
}

a         { text-decoration: none; color: #6D1D42; }
a:visited { text-decoration: none; }
a:hover   { color: #792041; }
a:active  { border-bottom: 0; color : white; }


#global {
 position: absolute;
 left: 50%;
 top: 50%;
 margin-top: -348px; /* moitié de la hauteur */
 margin-left: -492px; /* moitié de la largeur */
 width: 985px;
 height: 697px;
 background-color: #0E1A28;
 text-align: left;
}

#fond {
 position: absolute;
 left: 0;
 top: 0;
 height: 697px;
 width: 985px;
 background: transparent url(images/fond.jpg) top left no-repeat;
}


/* Galerie V3 */


#galeries {
 overflow: hidden;
 height: 260px;
 position: absolute;
 top: 305px;
 left: 120px;
}

#galeries li {
 display: block;
 list-style: none;
 width: 420px;
 height: 260px;
 margin: 10px 0 0 0;
}

#galeries a {
 float: left;
 margin: 1px;
}

/*
#galeries a.r1 {
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
}
#galeries a.r2 {
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
}
#galeries a.r3 {
  -moz-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
}
#galeries a.r4 {
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
}
*/
#galeries a:hover {
}

#galeries img {
 box-shadow: 0px 2px 10px #000;
 -moz-box-shadow: 0px 2px 10px #000;
 -webkit-box-shadow: 0px 2px 10px #000;
 margin: 5px;
}
#galeries img:hover {
 box-shadow: 0px 2px 15px #FFF;
 -moz-box-shadow: 0px 2px 15px #FFF;
 -webkit-box-shadow: 0px 2px 15px #FFF;
}

#galeries img, #galeries a {
 border: 0;
}

.pp_gallery { display: none !important }

#main .pg_paging li {
 position: absolute;
 top: 420px;
 width: 60px;
 height: 40px;
 z-index: 10;
 display: none;
 background: transparent none top left no-repeat !important;
}

#main .pg_paging a {
 display: block;
 width: 100%;
 height: 100%;
}

#main .pg_paging .pg_prev {
 display: block;
 left: 60px;
 background: transparent none top left no-repeat !important;
}

#main .pg_paging .pg_next {
 display: block;
 left: 525px;
 background-image: none:
}

#main .pg_paging .pg_prev a {
 background: transparent url(images/left_arrow.png) left -41px no-repeat;
}

#main .pg_paging .pg_next a {
 background: transparent url(images/right_arrow.png) left -41px no-repeat;
}

#main .pg_paging a:hover { background-position: left 0 }
#main .pg_paging a.disabled { background-position: left -4000px }


#expo {
 width: 230px;
 position: absolute;
 top: 310px;
 right: 60px;
}

#expo p {
 font-size: 18px;
 margin-bottom: 15px;
 text-align: right;
}

#media {
 width: 660px;
 position: absolute;
 top: 300px;
 left: 50px;
}

#media h2 {
 font-size: 18px;
 margin: 20px auto 10px 0;
 text-shadow: 1px 1px 10px #000;
}

#media ul {
 margin-left: 15px;
 font-size: 12px;
}

#media span {
 font-style: italic;
}

#media a {
 color: white;
}

#media a:hover {
 color: #BFBFBF;
}

#retour {
 color: white;
 font-size: 16px;
 font-style: italic;
 width: 480px;
 text-align: center;
 margin: 40px auto 0 0;
 text-shadow: 1px 1px 10px #fff;
}
/* Les carrés */

div#main #carre {
  float:left;
  margin-left:10px;
  width: 336px;
  height: 336px;
  text-align: center;
}

div#main #carre img {
 vertical-align: middle;
}



/* Base line */

div#baseline {
 position:  absolute;
 bottom: -5px;
 width: 920px;
 left: 30px
}


div#baseline #credits {
 float: right;
/* margin-top: -15px;*/
width: 40%;
 text-align: right;
 color: white;
}

div#baseline a {
 color: white;
}

div#baseline a:hover {
 color: #B0C5CB;
}

/******************/
/* Classes utiles */
/******************/
.centrage { text-align: center; }
.droite { float: right }
.gauche { float: left }
.spacer { clear: both; }