body {
    margin:                 0;
    padding:                0;
    background:             #434343;
    color:                  #eee;
    font:                   12px verdana, arial, helvetica, sans-serif;
}

h1 {
    position:               relative;
    margin:                 0 0 10px;
    padding:                5px 10px;
    background:             url(images/navlist.gif) repeat-x left -1px;
    color:                  #DBBB0D;
    font-family:            arial, helvetica, sans-serif;
    font-size:              17px;
    font-weight:            normal;
}

h1 span {
    position:               absolute;
    top:                    8px;
    right:                  8px;
}

h1 span img {
    border:                 0;
}

a {
    color:                  #ccc;
    text-decoration:        none;
}

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



/** header ********************************************************************/

#header {
    height:                 60px;
    padding:                15px 10px 10px;
    background:             #ffffff url(/base_images/REP_BANNIERES/banniere476598df77811_header.jpg) no-repeat left 0%;
    text-align:             right;
}



/** navlist *******************************************************************/

#navlist {
    height:                 42px;
    margin:                 0 0 10px;
    padding:                0 0 0 10px;
    background:             #000 url(images/navlist.gif) repeat-x;
    list-style:             none;
}

#navlist li {
    display:                block;
    float:                  left;
}

#navlist a {
    display:                block;
    margin:                 0;
    padding:                10px;
    color:                  #8D8769;
    text-decoration:        none;
}

#navlist a:hover {
    background:             #8A2400;
    color:                  #fff;
}


/** colonne de gauche *********************************************************/

#gauche {
    float:                  left;
    width:                  260px;
    margin:                 0 10px;
}


/** colonne de droite *********************************************************/

#droite {
    margin:                 0 10px 0 280px;
    padding:                10px 0;
    overflow: hidden;
}





/******************************************************************************/
/** gallery (liste des albums ) ***********************************************/
/******************************************************************************/

#gallery p {
    margin:                 10px 0;
    padding:                0;
    color:                  #ccc;
}

#gallery-albums h2 {
    font-weight:            bold;
}

#gallery-albums h2 a {
    font-size:              inherit;
}

.gallery-album {
    position:               relative;
    float:                  left;
    width:                  190px;
    height:                 260px;
    margin:                 10px;
    padding:                10px;
    /*background:             #eee url(images/album.jpg) repeat-x left top;*/
    /*border:                 2px solid #aaa;*/
}

.gallery-album-rights {
    position:               absolute;
    bottom:                 5px;
    left:                   10px;
}

.gallery-album-image img {
    display:                block;
    margin:                 0 auto 10px;
    border:                 2px solid #fff;
}

.gallery-album-image a:hover img {
    border-color:           #DBBB0D;
}

.gallery-album p.more {
    position:               absolute;
    margin:                 0;
    padding:                0;
    bottom:                 0;
    right:                  10px;
}



/******************************************************************************/
/** album (single) ************************************************************/
/******************************************************************************/

/** description de l'album **/

div.album-description {
    margin:                 0;
    padding:                0 10px;
    color:                  #ccc;
}

/** liste des images **/

#album-images {
    width:                  100%;
    _width:                 98%;
    padding:                10px 5px 20px;
    background:             url(images/right_bottom_bg.gif) no-repeat left bottom;
}

#album-images td {
    padding:                10px;
}

#album-images a.album-image {
    display:                block;
    position:               relative;
}

#album-images a.album-image img {
    border:                 2px solid #fff;
}

#album-images a.album-image:hover img {
    border-color:           #DBBB0D;
}

#album-images .image-video {
    /*
    position:               absolute;
    top:                    0;
    */
    width:                  80px;
    margin-top:             -22px;
    padding:                2px 8px;
    background:             #fff;
    -moz-opacity:           .8;
    text-decoration:        none;
}

#album-images .textePetit {
    color:                  #ccc;
    font-size:              .9em;
}


/******************************************************************************/
/** détail d'une image ********************************************************/
/******************************************************************************/

#gallery-image {
    padding:                20px;
    background:             #f5f5f5;
    text-align:             center;
}

#coverflow {
    margin-top:             40px;
}


/** pager (haut) **************************************************************/

div.pager {
    height:                 22px;
    line-height:            22px;
    margin:                 0 10px;
    padding:                0 10px;
    background:             #555;
    border-top:             1px solid #666;
    border-bottom:          1px solid #666;
    text-align:             center;
    font-size:              .9em;
}

div.pager a {
    padding:                5px 8px 5px;
}

div.pager a:hover {
    padding:                4px 7px 4px;
    background:             #555;
    border:                 1px solid #666;
    color:                  #fff;
    text-decoration:        none;
}

div.pager ul {
    position:               relative;
    margin:                 0;
    padding:                0;
    list-style:             none;
}

div.pager li {
    display:                inline;
}

div.pager li.pager-prev {
    position:               absolute;
    top:                    0;
    left:                   0;
    color:                  #777;
}

div.pager li.pager-next {
    position:               absolute;
    top:                    0;
    right:                  0;
    color:                  #999;
}


#pager-top {
    margin-top:             20px;
}

#pager-bottom {
    margin-bottom:          20px;
}



/******************************************************************************/
/** SIDEBAR *******************************************************************/
/******************************************************************************/

div.block {
    margin:                 10px 0 0;
    padding:                0 9px 30px;
    background:             url(images/left_bg.gif) no-repeat right bottom;
}

div.block h2 {
    margin:                 0;
    padding:                3px 10px 3px 30px;
    background:             #555 url(images/btn.gif) no-repeat 5px center;
    border-top:             1px solid #666;
    border-bottom:          1px solid #666;
    font-family:            georgia, "times new roman", times;
    font-size:              14px;
    font-weight:            bold;
}

div.block input, 
div.block select {
    border:                 1px solid #333;
}

div.block div.block-content {
    padding:                0 10px 5px;
}

div.block div.block-content ul {
    margin:                 10px 0;
    padding:                0 10px;
    list-style:             none;
}

div.block div.block-content ul li {
    margin:                 0;
    padding:                0 0 0 10px;
    background:             url(images/arrow.gif) no-repeat 0 5px;
}

/** options d'affichage *******************************************************/

#block-screen-options form {
    margin:                 10px 0 5px;
}


#block-screen-options input,
#block-screen-options select {
    margin:                 0;
}

/** albums ********************************************************************/

#block-albums div.block-content {
    /*margin-top:             10px;*/
    padding:                0 0 5px;
}

#block-albums div.block-content-albums {
    height:                 290px;
    overflow:               auto;
    background:             #4a4a4a;
}

#block-albums dl {
    overflow:               hidden;
    /*_height:                1%;*/
    height:                 76px;
    margin:                 10px 5px;
    padding:                5px;
}

#block-albums dt {
    float:                  left;
    margin:                 0 10px 0 0;
    background:             #fff;
}

#block-albums dt img {
    display:                block;
    border:                 2px solid #fff;
}

#block-albums dd {
    margin:                 5px 0;
}

#block-albums dd a {
    font-weight:            bold;
}

#block-albums p.button {
    width:                  auto;
    margin:                 10px 10px 5px;
    padding:                10px 0 0;
    text-align:             center;
}

#block-albums p.button a {
    padding:                5px 8px;
    text-decoration:        none;
}

#block-albums p.button a:hover {
    background:             #555;
    border:                 1px solid #666;
}

/** tags **********************************************************************/

#block-tags div.block-content {
    padding:                10px;
}

#block-tags div.block-content h1, 
#block-tags div.block-content h2, 
#block-tags div.block-content h3,
#block-tags div.block-content h4 {
    display:                inline;
    margin:                 0;
    padding:                0;
    background:             none;
    border:                 none;
    color:                  #fff;
    font-size:              12px;
    font-weight:            normal;
}

#block-tags div.block-content h1 {
    /*font-size:              16px;*/
    font-weight:            bold;
}

#block-tags div.block-content h2 {
    color:                  #ddd;
    /*font-size:              14px;*/
}

#block-tags div.block-content h3 {
    color:                  #bbb;
}

#block-tags div.block-content h4 {
    color:                  #999;
}

#block-tags div.block-content a {
    text-decoration:        none;
}

#block-tags div.block-content a:hover {
    text-decoration:        underline;
}


/** gauche ********************************************************************/

div.gauche {
    margin:                 0 0 0 10px;
    padding:                0;
    border:                 none;
}


/** panier ********************************************************************/

p.button-checkout {
    width:                  auto;
    margin:                 20px 0 10px 0;
    padding:                0;
    text-align:             right;
}

p.button-checkout a {
    padding:                5px 10px;
    background:             #eee;
    border:                 1px solid #ccc;
    font-size:              13px;
}
/** tableaux html  ************************************************************/
table.mytable {
width:100%;
border-top:1px solid #e5eff8;
border-right:1px solid #e5eff8;
margin:1em auto;
border-collapse:collapse;
font-size:12px;
}

table.mytable a{
text-decoration : none;
color : #66A3D3;
}

table.mytable a:hover{
text-decoration : none;
color : #93A1AE;
}

table.mytable td {
color:#678197;
border-bottom:1px solid #e5eff8;
border-left:1px solid #e5eff8;
padding:.3em 0.8em;
text-align:center;
background:#CCCCCC;
}
table.mytable tr.odd td {
  background:#f7fbff
}
table.mytable tr.odd .column1 {
 background:#f4f9fe;
}
table.mytable .column1 {
 background:#f9fcfe;
}

table.mytable  thead th {
background:#f4f9fe;
text-align:center;
font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
color:#66a3d3;
border-left:1px solid #e5eff8;
}
table.mytable  tfoot th {
background:#f4f9fe;
text-align:center;
}

table.mytable  tfoot th strong {
font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
margin:.5em .5em .5em 0;
color:#66a3d3;
}

table.mytable  tfoot th em {
color:#f03b58;
font-weight: bold;
font-size: 1.1em;
font-style: normal;
}
.simple{color:white;font-size:14px;font-family: Century}
.simplecell a{
color:black;
}
/**les fieldsets et autres champs de formulaire**/
.flottant{float:left;margin:5px;position:relative;width:450px;border:0px solid white;}
.coulant{clear:both;float:none;margin:5px; height:230px;position:relative;}
fieldset {background:#CCCCCC; padding:10px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:36px; }
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-36px;}
legend {background:url(images/navlist.gif); color:#DBBB0D; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:0px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
label {font-size:11px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both;color:#000000;}
dl a,dl a:hover{color:#000;}
dt {float:left; text-align:right; width:90px; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; line-height:25px; margin:0 0 10px 0;}
/**Bulle d'aide**/
#bulle_aide{
background-color:#FFFFFF;
font-size:12px;
color:#000000;
padding:15px;
}