body {
    margin:                 0;
    padding:                0;
    background:             #fff url(images/body.gif) repeat-x;
    font:                   12px arial, helvetica, sans-serif;
}

h1 {
    position:               relative;
    margin:                 0 0 10px;
    padding:                5px 10px;
    background:             #4C9DBD url(images/heading1.gif) repeat-x;
    border-bottom:          2px solid #387D99;
    color:                  #fff;
    font-size:              18px;
    font-weight:            normal;
}

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

h1 span img {
    padding:                2px;
    background:             #eee;
    border:                 0;
}

a {
    color:                  #555;
}

a:hover {
    color:                  #000;
}

.textePetit {
    color:                  #777;
    font-size:              .9em;
}



/** 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:                 31px;
    margin:                 0 0 10px;
    padding:                0 0 0 30px;
    background:             #ccc url(images/navlist.gif) repeat-x;
    list-style:             none;
}

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

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

#navlist a:hover {
    background:             #F38C08;
    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;
}






/** gallery *******************************************************************/

h1 {
}

#gallery {
}

#gallery #introduction {
    margin:                 20px 0;
    padding:                5px 20px;
    background:             #fff;
}

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

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

#gallery-albums h2 a {
    color:                  #DB0C90;
    text-decoration:        none;
}

.gallery-album {
    position:               relative;
    float:                  left;
    width:                  186px;
    height:                 260px;
    margin:                 10px;
    padding:                10px;
    background:             #fff url(images/album.jpg) repeat-x left top;
    border:                 5px solid #EBF3F5;
}

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

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

.gallery-album-image a:hover img {
}

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


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

div.album-description {
    margin:                 0;
    padding:                0;
}

#album-images {
    width:                  100%;
    _width:                 98%;
    padding:                10px 5px 0;
}

#album-images td {
    padding:                10px;
    background:             #fff url(images/album.jpg) repeat-x left top;
    border:                 5px solid #EBF3F5;
}

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

#album-images a.album-image img {
    padding:                1px;
    border:                 1px solid #eee;
}

#album-images a.album-image:hover img {
}

#album-images .image-video {
    position:               absolute;
    top:                    0;
    left:                   0;
    padding:                2px 8px;
    background:             #fff;
    -moz-opacity:           .8;
}

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

#gallery-image{
        position:relative;
        padding-bottom:61px;
        padding:                20px;
        background:             #f5f5f5;
        text-align:             center;
        min-height:530px;
      }
      #img-central{
        max-height: 420px;
      }   
		.list_carousel {        
        width: 639px;
        height:63px;
        margin-left:-320px;
        position:absolute;
        left:50%;
        bottom:0;  
		}
		.list_carousel #foo3 {
			margin: 0;
			padding: 0;
			display: block;
	    height:63px;
	    overflow:hidden;
      width:559px;
		}
		.list_carousel #foo3 div{
			font-size: 12px;
			color: #999;
			text-align: center;
			/*border: 5px solid #999;
			width: 50px;
			height: 50px; */
			padding: 0;
			margin: 1px;
			display: block;
			float: left;
    	cursor:pointer;
		}
		.list_carousel .responsive {
			/**width: auto; **/
			margin-left: 0;
      margin-bottom:50px;
		} 
		.clearfix {
			float: none;
			clear: both;
		}
    .list_carousel a{
      opacity:0.6;
      filter:alpha(opacity=60);   
    }
    .list_carousel a:hover{
       opacity:1;
       filter:alpha(opacity=100); 
    }
    .prev {
      float: left;
     /** margin-left:-14px; **/
		}
		.next {
      float:right;
      /**margin-right:-15px;**/
      margin-top:-64px;
		}
    .first_image{
      opacity:1!important;
      filter:alpha(opacity=100);
    }
    #foo3 div a img{
     width:60px;
    }

/**#gallery-image img {
    padding:                3px;
    background:             #fff;
   /** border:                 5px solid #EBF3F5; 
} **/

#coverflow {
    margin-top:             40px;
}


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

div.pager {
    height:                 27px;
    line-height:            27px;
    margin:                 0;
    padding:                0 10px;
    background:             #F4F4E2 url(images/pager.gif) repeat-x;
    color:                  #000;
    text-align:             center;
    font-size:              11px;
}

div.pager a {
    margin:                 2px 0;
    padding:                4px 8px;
    color:                  #000;
    text-decoration:        none;
}

div.pager a:hover {
    padding:                2px 7px;
    background:             #DB0C90;
    border:                 1px solid #fff;
    color:                  #fff;
}

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:                  #D8D7B5;
}

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

div.pager span.disabled {
    padding:                6px 8px;
    color:                  #D8D7B5;
}

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

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

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

div.block {
    width:                  224px;
    margin:                 7px 0 20px;
    padding:                8px 8px 0 9px;
    background:             url(images/block.gif) no-repeat;
}

div.block h2 {
    padding:                5px 20px;
    background:             #454545 url(images/arrow.gif) no-repeat 10px center;
    color:                  #fff;
    font-size:              12px;
    font-weight:            bold;
}

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

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

div.block div.block-content ul {
    margin:                 10px 0;
    padding:                0 5px;
    list-style:             none;
    line-height:            1em;
}

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

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

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


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

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

#block-albums * {
    font-size:              12px;
}

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

#block-albums div.block-content-albums {
    height:                 320px;
    overflow:               auto;
}

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

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

#block-albums dt img {
    display:                block;
    padding:                1px;
    border:                 1px solid #eee;
}

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

#block-albums dd a {
    color:                  #DB0C90;
    text-decoration:        none;
    font-weight:            bold;
}

#block-albums dd a:hover {
    text-decoration:        underline;
}

#block-albums p.button {
    width:                  auto;
    margin:                 10px 10px 5px;
    padding:                8px 10px;
    background:             #AAB406;
    color:                  #fff;
    text-align:             center;
    font-size:              1px;
}

#block-albums p.button a {
    color:                  #fff;
    text-decoration:        none;
}

#block-albums p.button a:hover {
    text-decoration:        underline;
}

/** 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 {
    display:                inline;
    margin:                 0;
    padding:                0;
    background:             none;
    border:                 none;
    color:                  #000;
    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:                  #333;
    /*font-size:              14px;*/
}

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



/** 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;
}
/**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:#F7830F; 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;
}