/*****************************************************************/
/* INITIALISATION */
/*****************************************************************/

/*Normalise les marges et le remplissage*/
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{margin:0;padding:0;}
/*Normalise les tailles de polices pour les en-tetes*/
h1, h2, h3, h4, h5, h6{font-size:100%;}
/*Supprime list-style pour les listes*/
ul{list-style:none;}
/*Normalise les styles et graisses de fontes: font-style et font-weight sont "normal"*/
adress, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
/*Supprime les bordures dans les tableaux*/
table {border-collapse:collapse; border-spacing:0;}
/*Supprime les bordures dans les éléments fieldset et img*/
fieldset, img {border:0;}
/*Aligne le texte a gauche dans caption et th*/
caption, th {text-align:left;}
/* Supprime les apostrophes doubles (guillemets anglais) autour de q */
q:before, q:after {content:'';}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
tbody {outline:none;}
/* pour corriger le bug de centrage IE */

/*****************************************************************/
/* STYLES GLOBAUX */
/*****************************************************************/

body {
    /*background: #fefefb url(../images/bg-bulle.png) no-repeat fixed center bottom;*/
    font-family: arial, sans-serif;
    font-size: 100%;
    _height: 100%;
	overflow:auto;
}
* html body {
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-bulle.png', sizingMethod='scale');*/
    background:none;
    font-size: 16px;
}
a {
    color: #000;
}
#conteneur {
    position: relative;
    font-size: 0.6875em;
}
#wrap {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* HEADER */

#header {
	width: 100%;
	height: 100px;
	margin: 0;
	position: relative;
	z-index: 3000;
	background:#fff;
}
* html #header {
  background:none;
  padding: 0;
}

/* logos */

#header div#titre-suez {
    position: absolute;
    top: 8px;
    left: 30px;
    display: block;
    width: 284px;
    height: 73px;
    z-index: 3000;
}
#header div#titre-mediacenter {
    position: absolute;
    top: 52px;
    left: 380px;
    display: block;
    width: 226px;
    height: 68px;
    z-index: 3000;
}

/* compte */

#header #compte {
    position: absolute;
    right: -1px;
    top: 30px;
    height: 23px;
    padding: 0;
    margin: 0;
    overflow: visible;
    background: #f4a000;
    text-transform: uppercase;
    font-size: 10px;
    z-index: 3000;
}
* html #header #compte {
    right: 4px;
}
#header #compte li {
    position: relative;
    float: left;
    display: block;
    height: 23px;
    padding: 0;
    margin: 0 ;
    border-left: 1px solid #fefefe;
    list-style-type: none;
}
#header #compte li.item-current {
    background: #565656;
    color: #fff;
}
#header #compte a {
    position: relative;
    display: block;
    float: left;
    height: 17px;
    padding: 6px 10px 0;
    margin: 0;
    border-collapse: separate;
    color: #000;
}
#header #compte li.item-current a {
    color: #fff;
}
#header #compte #compte-panier a {
    padding-left: 22px;
    background: url(../images/bg-sprite.gif) no-repeat -1798px -497px;
}
#header #compte #compte-panier.item-current a {
    background: url(../images/bg-sprite.gif) no-repeat -4505px -497px;
}
#header #compte li ul {
    display: none;
    position: absolute;
    top: 23px;
    left: -1px;
    width: 28.6em;
    text-transform: none;
    background: #565656;
    color: #fff;
}
#header #compte li ul li {
    display: block;
    float: none;
    padding: 0;
    height: auto;
}
#header #compte li ul li a {
    float: none;
    display: block;
    padding: 0 0 0 20px;
    margin: 0 0 0 5px;
}
#header #compte li ul li #mon-compte-panier {
    background: url(../images/bg-sprite.gif) no-repeat -4505px -502px;
}
#header #compte li ul li #mon-compte-messages {
    background: transparent url(../images/bg-sprite.gif) no-repeat -3604px -500px;
}
#header #compte li ul li #mon-compte-telechargements {
    background: transparent url(../images/bg-sprite.gif) no-repeat -3899px -504px;
}

/* paragraphe "hello" */

#header #hello {
    position: absolute;
    right: 50px;
    top: 8px;
    padding: 0 0 0 20px;
    margin: 0;
    overflow: hidden;
    _height: 1%;
    background: transparent url(../images/bg-sprite.gif) no-repeat -1500px -502px;
}

/* #langues */

#header #langues {
    position: absolute;
    right: 10px;
    top: 5px;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    background: #f4a000;
    text-transform: uppercase;
    font-size: 10px;
    z-index: 3000;
}
* html #header #langues {
    right: 4px;
}
#header #langues li {
    position: relative;
    float: left;
    display: block;
    height: auto;
    padding: 0;
    margin: 0 ;
    border-left: 1px solid #fefefe;
    list-style-type: none;
}
#header #langues li.current {
    display: none;
}
#header #langues a,
#header #langues span {
    position: relative;
    display: block;
    float: left;
    height: auto;
    padding: 3px;
    margin: 0;
    border-collapse: separate;
    color: #fefefe;
    background: #565656;
}
#header #langues a:hover {
    background: #f4a000;
    text-decoration: underline;
}

#header #langues li.current span {
    
}
/* Splitters */

.splitter-bottom-hide {
	background: url(../images/hidebottom.png) #565656 center no-repeat;
}
.splitter-bottom-show {
	background: url(../images/showbottom.png) #565656 center no-repeat;
}
.splitter-bottom-hide.hover {
	background: url(../images/hidebottom_hover.png) #565656 center no-repeat;
}
.splitter-bottom-show.hover {
	background: url(../images/showbottom_hover.png) #565656 center no-repeat;
}
.splitter-left-hide {
	background: url(../images/hideleft.png) #565656 center no-repeat;
}
.splitter-left-show {
	background: url(../images/showleft.png) #565656 center no-repeat;
}
.splitter-left-hide.hover {
	background: url(../images/hideleft_hover.png) #565656 center no-repeat;
}
.splitter-left-show.hover {
	background: url(../images/showleft_hover.png) #565656 center no-repeat;
}

/* Blankleft / Blankright */

.blankleft, .blankright {
	margin:0;
	padding:0;
	overflow:hidden;
}
.blankleft {
	background:#fff url(../images/bg-left.png) repeat-y right top;
}
.blankright {
	background:#fff url(../images/bg-right.png) repeat-y left top;
}
.blankleft div, .blankright div {
	background:url(../images/bg-sprite-repeat-x.gif) repeat-x scroll 0 0;
	height:55px;
	position:relative;
	top:100px;
}

/* notification messagerie */

#mail_notification {
	position:absolute;
	right:10px;
	top:5px;
	font-size:12px;
}
#mail_notification a {
	font-size:12px !important;
	color:#000 !important;
	text-decoration:underline !important;
}
#mail_notification a:hover {
	color:#f4a000 !important;
	text-decoration:underline !important;
}

/* Liens de bas de page */

.bottomlinks {
	font-size:11px;
	text-align:center;
	color:#666;
	padding:10px 0;
}
.bottomlinks a {
	color:#666;
	text-decoration:underline;
}
.bottomlinks a:hover {
	color:#000;
}

/* Copyright orphea */
td.genericorphealink,
td.genericorphealink:hover {
	color:#999;
	font-size:11px;
	padding:3px 0;
	text-decoration:none;
}
a.genericorphealink,
a.genericorphealink:link,
a.genericorphealink:visited {
	color:#999;
	text-decoration:underline;
	font-size:11px;
}
a.genericorphealink:hover {
	color:#666;
}

/* Pagination */

.pagination {
    height: 16px;
    padding: 0;
    margin: 10px 0 50px 50px;
    list-style-type: none;
}
.pagination li {
    display: inline;
}
.pagination .precedent,
.pagination .suivant {
    display: inline-block;
    overflow: hidden;
    height: 0px;
		_height: 16px;
    padding: 16px 0 0;
    margin-bottom: -4px;
    width: 20px;
}

.pagination .precedent {
    background: transparent url(../images/bg-sprite.gif) no-repeat -600px -300px;
}
.pagination .suivant {
    background: transparent url(../images/bg-sprite.gif) no-repeat -600px -400px;
}
.pagination a {
	font-size:9pt;
}

/* dropdown menu #compte */
/*cf gdfsuez boutique*/

/* BARRE DE NAVIGATION */

#navigation {
    width:100%;
    height: 55px;
    padding: 0;
    margin: 0 0 7px;
    position: relative;
    z-index: 3000;
    background: transparent url(../images/bg-sprite-repeat-x.gif) repeat-x 0 0;
}
* html #navigation {

    padding: 0;
    left: 0;
}
#nav-wrap {
    width: 100%;
    height: 55px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 3000;
}
#nav-wrap #connexion * {
color:#FFFFFF;
float:left;
}
#nav-wrap #connexion fieldset {
margin-top:12px;
}
#nav-wrap #connexion .connexion {
margin-left:10px;
}
#nav-wrap #connexion .submit {
margin-right:20px;
}
#nav-wrap #connexion .fonctions {
margin-top:14px;
}
#nav-wrap #connexion legend {
display:none;
}
#nav-wrap #connexion fieldset label {
margin-top:2px;
}
html>body #nav-wrap #connexion fieldset.submit label {
margin-right:4px;
}
#nav-wrap #connexion .connexion .input-conteneur {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bg-sprite.gif) no-repeat scroll -1498px -300px;
display:block;
float:left;
height:20px;
margin:0 15px 5px 0;
width:140px;
z-index:3200;
}
#nav-wrap #connexion .connexion .input-conteneur input {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
color:#000000;
display:block;
float:left;
font-size:0.9em;
height:18px;
padding:0 2px;
width:131px;
z-index:3200;
margin:0 0 0 4px;
}
#nav-wrap #connexion .submit #entree {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/bg-sprite.gif) no-repeat scroll -1800px -400px;
border:0 none;
cursor:pointer;
font-size:0.8em;
font-weight:bold;
height:18px;
margin:0 15px 0 0;
padding:0 1px 4px 1px;
text-transform:lowercase;
width:22px;
}
#nav-wrap #connexion #remember {
position:relative;
top:2px;
}
#nav-wrap #connexion #fonction-inscription {
font-weight:bold;
}
#nav-wrap #connexion .fonctions a {
float:none;
margin:0 14px;
}

/* nav */

#navigation #nav {
    float: left;
    position: static;
    height: 44px;
    padding: 0;
    margin: 0 20px;
    z-index: 3100;
    overflow: visible;
}
#navigation #nav li {
    display: block;
    float: left;
    height: inherit;
    position: static;
    list-style-type: none;
    color: #f0f0f0;
    text-transform: uppercase;
    border-collapse: collapse;
    font-weight: bold;
    background: transparent url(../images/bg-sprite.gif) no-repeat 0 -700px;
}
#navigation #nav li#vide {
	padding:44px 0 0 1px;
}
#navigation #nav li.active,
#navigation #nav li.hover {
    background: transparent url(../images/bg-sprite.gif) no-repeat 0 -600px;
}
#navigation #nav li a {
    color: #f0f0f0;
		display:block;
		padding:10px 20px 20px;
}
#navigation #nav li a:hover {
	text-decoration:none;
}



/* dropdown menu noir #nav */
#navigation #nouveautes-items {
	position:absolute;
	bottom:11px;
	left:21px;
}
#navigation #nouveautes-items li {
	float:left;
}
#navigation #nouveautes-items li a {
	background:#000;
	display:block;
	padding:2px 10px;
	color:#fff;
	text-decoration:none;
	border-right:1px solid #565656;
}
#navigation #nouveautes-items li a:hover {
	background:#fff;
	color:#000;
	text-decoration:none;
}
/* recherche */

#navigation #recherche {
    position: absolute;
    right: 0;
    top:4px;
    padding: 0;
    margin: 0;
    overflow: visible;
    z-index: 8000;
}
* html #navigation #recherche .row {
    height: 2em;    
}
#navigation #recherche fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}
#navigation #recherche form,
#navigation #recherche fieldset {
    position: relative;
    z-index: 8000;
}
#navigation #recherche #recherche-simple select {
		font-size:10px;
		height:17px;
}
#navigation #recherche .input-conteneur {
    width: 210px;
    background: transparent url(../images/bg-sprite.gif) no-repeat 0 -300px;
}
#navigation #recherche .input-conteneur-court {
background:transparent url(../images/bg-sprite.gif) no-repeat scroll -1498px -300px;
width:139px;
height:20px;
padding:2px 0 0 9px;
font-size:11px;
position:relative;
}
#navigation #recherche .input-conteneur input {
    height: 18px;
    padding: 0 2px;
    margin: 0;
    border: 0;
    background: transparent;
		font-size:11px;
		width:201px;
		font-family:Arial, Helvetica, sans-serif;
}
#navigation #recherche #recherche-avancee {
    margin: 3px 10px 0;
    color: #fff;
}
#navigation #recherche #recherche-avancee a {
    display: block;
    padding: 0 0 0 10px;
    color: #fff;
    text-transform: uppercase;
    background: transparent url(../images/bg-sprite.gif) no-repeat -2100px -498px;
}
/* hacks css pour formulaire recherche */
    * html #navigation #recherche {
        position: absolute;
        width: 240px;
        height: 35px;
        right: 0;
        top: 2px;
        padding: 0;
        margin: 0;
        overflow: visible;
        z-index: 3200;
    }
    * html #navigation #recherche .input-conteneur input {
        position: relative;
        display: block;
        height: 18px;
        padding: 0;
        margin: 0 5px 0;
        border: 0;
        vertical-align: bottom;
        background: transparent;
        z-index: 3200;
    }
    * + html #navigation #recherche #recherche-valider {
        position: absolute;
        top: 0;
        left: 210px;
        overflow: hidden;
        display: block;
        width: 20px;
        height: 18px;
        padding: 0;
        letter-spacing: -1000em;
        background: transparent url(../images/bg-sprite.gif) no-repeat -300px -300px;
        border: 0;
        cursor: pointer;
        z-index: 3200;
    }
    * html #navigation #recherche #recherche-valider {
        position: absolute;
        top: 0;
        left: 210px;
        overflow: hidden;
        display: block;
        width: 20px;
        height: 18px;
        padding: 0;
        letter-spacing: -1000em;
        background: transparent url(../images/bg-sprite.gif) no-repeat -300px -300px;
        border: 0;
        cursor: pointer;
        z-index: 3200;
    }
    * html #navigation #recherche #recherche-avancee {
        position: absolute;
        top: 20px;
        right: 40px;
        margin: 2px 0 0 80px;
        color: #fff;
        z-index: 3200;
    }
    * html #navigation #recherche #recherche-avancee a {
        position: relative;
        display: inline-block;
        padding: 0 0 0 10px;
        color: #fff;
        text-transform: uppercase;
        background: transparent url(../images/bg-sprite.gif) no-repeat -2100px -498px;
        z-index: 3200;
    }
/* fin des hacks css pour formulaire recherche */

/* HOMEPAGE */

#image-home {
margin:10px;
margin-top:5px;
}
#home-footer {
text-align:center;
margin-top:30px;
margin-bottom:15px;
}
#home-footer #legal-gdf {
margin-bottom:15px;
}
#home-footer #legal-orphea {
font-size:80%;
}

/* CONTENU */
#contenu {
    width: 970px;
    margin: 55px auto 0;
    padding: 5px 0 0;
    position: relative;
    overflow: hidden;
    _height: 1%;
    background: transparent url(../images/bg-wrap-tr.png) repeat-y 6px top;
}
* + html #contenu {
    border-top: 50px solid #fff;
}
* html #contenu {
    width: 962px;
    background:none;
    padding: 0;
    border-top: 55px solid #fff;
}

/* barre de navigation gauche, pages internes */
/* nav-gauche */
#contenu #nav-gauche {
    width: 247px;
    float: left;
    position: relative;
    padding: 0;
    margin: 0 0 0 10px;
    z-index: 0;
}
* html #contenu #nav-gauche {
    display: inline;
    margin-left: 5px;
    border-top: 5px solid #fff;
}
* + html #contenu #nav-gauche {
    border-top: 15px solid #fff;
}
#contenu #nav-gauche a {
    color: #000;
}
#contenu #nav-gauche li {
    position: relative;
}
#contenu #nav-gauche li a,
#contenu #nav-gauche li span {
    padding: 0 0 0 15px;
    background: transparent url(../images/bg-sprite.gif) no-repeat 4px -500px;
}
#contenu #nav-gauche li.visible span{
    background: transparent url(../images/bg-sprite.gif) no-repeat -300px -497px;
}
#contenu #nav-gauche li li a,
#contenu #nav-gauche li li span {
    background: transparent url(../images/bg-sprite.gif) no-repeat -598px -497px;
    padding-left: 15px;
}
/*  */
#contenu #nav-gauche li li div.plus {
    position: absolute;
    top: -1px;
    left:5px;
    width: 15px;
    height: 15px;
    padding:0 0 0;
    background: #fff none;
    cursor: pointer;
    font-size: 1.2em;
    text-align: center;
}
* html #contenu #nav-gauche li li div.plus {
    left:0;
}
#contenu #nav-gauche li li.current a,
#contenu #nav-gauche li li.current span {
    background: transparent url(../images/bg-sprite.gif) no-repeat -902px -499px;
}
#contenu #nav-gauche li li li a,
#contenu #nav-gauche li li.current li a,
#contenu #nav-gauche li li li span,
#contenu #nav-gauche li li.current li span {
    background: transparent url(../images/bg-sprite.gif) no-repeat -1200px -498px;
}
#contenu #nav-gauche li {
    padding: 0 0 5px 5px;
    font-weight: bold;
    font-size: 1.0909em;/*base 11 -> 12*/
}
#contenu #nav-gauche li ul {
    padding: 4px 0 0 8px;
}
#contenu #nav-gauche li li {
    display: block;
    padding: 0 0 4px 5px;
    font-weight: normal;
    font-size: 0.916em;/*base 14 -> 11*/
}
#contenu #nav-gauche li li ul {
    padding: 4px 0 0 8px;
}
#contenu #nav-gauche li li li {
    display: block;
    padding: 0 0 2px 5px;
    font-weight: normal;
    font-size: 0.9em;/*base 11 -> 10*/
}
#contenu #nav-gauche li.current li.current a,
#contenu #nav-gauche li.current li.current span {
    font-weight: bold;
}
#contenu #nav-gauche li.current li.current li a,
#contenu #nav-gauche li.current li.current li span {
    font-weight: normal;
}

#contenu #nav-gauche .footer {
    display: block;   
    height: 58px;
    margin: 0;
    padding: 0;
    z-index: 0;
}


/* titre(s) */

#contenu h1 {
    font-size: 2em;/*base 11 -> 22*/
    margin: 10px 0 20px 30px;
    text-transform: uppercase;
}

/* breadcrumb */
#contenu #breadcrumb {
    margin: 0 0 10px 212px;
    padding: 0 0 0;
    z-index: 2000;
}
* html #contenu #breadcrumb {
    margin: 10px 0 10px  212px;
}
#contenu #breadcrumb a {
    color: #000;
}

/* FOOTER */

#footer {
    width: 100%;
    height: 92px;
    margin: 0; 
    padding: 0;
    position: static;
    overflow: hidden;
    text-align: center;
    background: transparent url(../images/bg-footer-tr.png) no-repeat bottom center;
    font-size: 9px;
}
* + html #footer {
    margin-left: -1px;
}
* html #footer {
    width: 962px;
    margin: 0 auto;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-footer-tr.png', sizingMethod='scale');
    background:none;
}
#footer div {
    margin: 25px 0 0 250px;
    color: #575756;
    position: relative;
}
#footer div a {
    color: #575756;
    position: relative;
}

/* STYLES RECURRENTS DIVERS */

/*****************************************************************/
/* "CORRECTIONS" INTERFACE */
/*****************************************************************/

/* 1 seule colonne "centrale"*/
.interface-1-0 {}
    /* CONTENU */
    .interface-1-0 #contenu {
        background: transparent url(../images/bg-header-tr.png) repeat-y center top;
    }
    * html .interface-1-0 #contenu {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-header-tr.png', sizingMethod='scale');
    }
    /* FOOTER */
    .interface-1-0 #footer {
        background: transparent url(../images/bg-footer-tr-single-col.png) no-repeat bottom center;
    }
    * html .interface-1-0 #footer {
        width: 962px;
        margin: 0 auto;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-footer-tr-single-col.png', sizingMethod='scale');
        background:none;
    }
    .interface-1-0 #footer div {
        margin: 25px 0 0 0;
        color: #575756;
        position: relative;
    }
/* 2 colonnes gauche + contenu */
.interface-2-0 {}

/*
#header {
    width: 950px;
    height: 100px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    z-index: 4000;
    background: transparent url(../images/bg-header-tr.png) repeat-y center top;
}
* html #header {
    width: 962px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-header-tr.png', sizingMethod='scale');
    background:none;
    padding: 0;
}



#footer {
    width: 100%;
    height: 92px;
    margin: 0; 
    padding: 0;
    position: static;
    overflow: hidden;
    text-align: center;
    background: transparent url(../images/bg-footer-tr.png) no-repeat bottom center;
    font-size: 9px;
}
* html #footer {
    width: 962px;
    margin: 0 auto;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-footer-tr.png', sizingMethod='scale');
    background:none;
}
*/

/*****************************************************************/
/* HP */
/*****************************************************************/

.col-centre {
    display: block;
    float: left;
    margin: 0;
    padding: 0 0 0 0;
}
* html #dossiers {
    background: none;
}
.row {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 10px 0 10px 3px;
}
.row.dark {
    background: transparent url(../images/bg-sprite-repeat-y.gif) repeat-y 0 0;
}
.row.light {
    background: transparent url(../images/bg-sprite-repeat-y.gif) repeat-y -750px 0;
}
* html .row {
    _height: 1%;
}
.row .article,
.article,
.row .hover {
    position: relative;
    float: left;
    width: 167px;
    padding: 0 20px;
	height: 220px;
    margin: 5px 0 5px 14px;
    z-index: 1;
	font-size: 0.6875em;
}
.row.light .article {
    background: transparent url(../images/bg-sprite.gif) no-repeat -301px 0;
}
.article {
    background: transparent url(../images/bg-sprite.gif) no-repeat -301px 0;
}
.row.dark .article {
    background: transparent url(../images/bg-sprite.gif) no-repeat 0 0;
}
.row.light .article.hover {
    background: transparent url(../images/bg-sprite.gif) no-repeat -600px 0;
    color: #fff;
}
.article.hover {
    background: transparent url(../images/bg-sprite.gif) no-repeat -600px 0;
    color: #fff;
}
.row.dark .article.hover {
    background: transparent url(../images/bg-sprite.gif) no-repeat -900px 0;
    color: #fff;
}
* html .row .article,
* html .article,
* html .row .hover {
    display: inline;
}
.article .date,
.row .article .date {
    margin: 10px 0 0;
    color: #848484;
}
.article.hover .date,
.row .article.hover .date {
    color: #fff;
}
.article .contenu-album,
.row .article .contenu-album {
    font-weight: bold;
	padding: 10px 0 0 4px;
	z-index: 3;
}
.article .illustration,
.row .article .illustration {
    position: relative;
    margin: 5px -11px;
    z-index: 3;
	text-align:center;
}
.article .illustration img,
.row .article .illustration img {
	max-height:130px;
	max-width:170px;
}
.article .descriptif,
.row .article .descriptif {
    position: relative;
    /*min-height: 55px;
    _height: 55px;*/
    z-index: 3;
}
.article .descriptif p,
.row .article .descriptif p {
    margin: 10px 0 0;
}
.article .footer,
.row .article .footer {
    display: block;
    position: absolute;
    bottom: 0;
    left:26px;
    width: 161px;
    height: 54px;
    margin: 0 -26px;
    padding: 0 26px;
    z-index: 2;
}
.row.light .article .footer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -1501px 0;
}
.article .footer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -1501px 0;
}
.row.dark .article .footer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -1200px 0;
}
.row.light .article.hover .footer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -1800px 0;
}
.article.hover .footer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -1800px 0;
}
.row.dark .article.hover .footer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -2100px 1px;
}
* html .row .article .footer {
    height: 53px;
    margin-bottom: -1px;
}

/*****************************************************************/
/* LIGHTBOX */
/*****************************************************************/

#lightbox {
    margin: 0;
    padding: 0;
    background: #565656;
	font-size: 11px;
}
#lightbox .fonctions {
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align: center;    
}
#lightbox .fonctions li {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0 10px;
}
#lightbox .fonctions li a {
    display: inline-block;
    padding: 0px 0 5px 20px;
    color: #fff;
}
#lightbox .fonctions select {
	font-size: 11px;
	margin: 0;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	border:1px solid #fff;
}
#lightbox .fonctions li a#fonction-visualiser {
    background: transparent url(../images/bg-sprite.gif) no-repeat -2690px -500px;
}
#lightbox .fonctions li a#fonction-vider {
    background: transparent url(../images/bg-sprite.gif) no-repeat -3300px -501px;
}
#lightbox .fonctions li a#fonction-enregistrer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -3000px -501px;
}
#lightbox .fonctions li a#fonction-envoyer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -3605px -500px;
}
#lightbox .fonctions li a#fonction-telecharger {
    background: transparent url(../images/bg-sprite.gif) no-repeat -3900px -503px;
}
#lightbox .fonctions li a#fonction-imprimer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -4200px -502px;
}
#lightbox .row {
    margin: 0 auto;
    padding: 0;
    width: 100%;
	overflow: auto;
	bottom: 0;
	position: absolute;
	overflow-x: scroll;
}
#lightbox .row .article {
    position: relative;
    width: 110px;
    height: 95px;
    margin: 0;
    padding: 0;
    background: transparent url(../images/bg-sprite.gif) no-repeat -2400px top;
    z-index: 1;
}
#lightbox .row .article .illustration {
    position: relative;
    margin: 0;
    padding: 15px 1px 0 4px;
    text-align: center;
    z-index: 3;
}
#lightbox .row .article .illustration img {
    position: relative;
    max-width: 83px;
    max-height: 50px;
    z-index: 3;
}
#lightbox .row .article .boutons-lightbox {
    position: relative;
    padding: 3px 4px 0;
    color: #fff;
	font-size: 9px;
    z-index: 3;
	left: 38px;
	top: 4px;
	width:67px;
}
#lightbox .row .article .boutons-lightbox a {
    display: block;
    float: left;
    height: 0;
    width: 12px;
    padding: 12px 0 0;
    margin: 0 5px 0 0;
    overflow: hidden;
    text-indent: -1200em;
}
#lightbox .row .article .boutons-lightbox a.fonction-telecharger {
    background: transparent url(../images/bg-sprite.gif) no-repeat -5107px -640px;
}
#lightbox .row .article .boutons-lightbox a.fonction-supprimer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -5404px -640px;
}
#lightbox .row .article .footer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -2700px top;
	display: block;
    position: absolute;
    bottom: 0;
    width: inherit;
    height: 58px;
    margin: 0;
    padding: 0;
    z-index: 2;
	left: 0;
}

/*****************************************************************/
/* LISTE/MOSAÏQUE */
/*****************************************************************/

#liste .texte {
    margin: 0 0 10px 50px;
}

.article {
    padding-bottom: 30px;
}
* + html #liste .row .article {
    padding-bottom: 0;
}
.article .thumbunselected,
.article .thumbselected{
    position: relative;
    margin: 0 0 5px;
    z-index: 3;
		text-align:center;
		height:124px;
}
.article img {
	max-width:160px;
	max-height:120px;
}
.article .thumbunselected img {
	border:none;
	margin:2px 0;
}
.article .thumbselected img {
	border:2px solid #f4a000;
	margin:0;
}
.article .contenu-album {
    position: relative;
    text-align: left;
    z-index: 3;
		padding-left:4px;
}
.article .avalider {
	position:relative;
	z-index: 3;
	text-align:right;
	padding:10px 4px 0 0;
	color:#f4a000;
	visibility:hidden;
}
/*.row .article .avalider {
	position:absolute;
	top:6px;
	right:23px;
	padding:0;
}*/
.article .descriptif {
    position: relative;
    /*max-height:58px;
		overflow:hidden;
    _height: auto;*/
    text-align: center;
    z-index: 3;
}
.article .descriptif p {
    margin: 0;
}
.article .droits {
	position: absolute;
   bottom: 12px;
	left:10px;
  z-index: 3;
}
.article .boutons {
    position: absolute;
    bottom: 12px;
    right: 10px;
    width: 60px;
    height: 15px;
    overflow: hidden;
    z-index: 3;
}
.article .boutons a {
    display: block;
    float: left;
    height: 0;
    width: 15px;
    padding: 15px 0 0;
    margin: 0 5px 0 0;
    overflow: hidden;
    text-indent: -1200em;
}
.article .boutons .zoom {
    background: transparent url(../images/bg-sprite.gif) no-repeat -4802px -502px;
}
.article .boutons .telecharger {
    background: transparent url(../images/bg-sprite.gif) no-repeat -5107px -502px;
}
.article .boutons .selectionner {
    background: transparent url(../images/bg-sprite.gif) no-repeat -5404px -502px;
}
.article-descriptif {
    /*padding: 10px 0 0;*/
	margin: 15px;
    float: left;
}
.row .article-descriptif h3 {
   /* margin: 0 0 20px;*/
	 margin:0;
    font-size: 12px;/*base 11 -> 12*/
}
.row .article-descriptif p {
    margin: 10px 0 0;
	font-size: 11px;
}

/*****************************************************************/
/* MINI MOSAIQUE */
/*****************************************************************/

#minimosaique .texte {
    margin: 0 0 10px 50px;
}

.article-mini {
    position: relative;
    float: left;
    width: 76px;
    margin: 0;
	margin-left:10px;
    padding: 0 13px 30px;
    z-index: 1;
    background: transparent url(../images/bg-sprite.gif) no-repeat -6399px -5px;
	height:100px;
}
.article-mini.hover {
    background: transparent url(../images/bg-sprite.gif) no-repeat -6998px -193px;
    color: #fff;
}
.article-mini .thumbunselected,
.article-mini .thumbselected{
    position: relative;
    margin: 15px 0 3px;
    z-index: 3;
		border:none;
		text-align:center;
}
.article-mini .thumbunselected img {
	border:2px solid white;
}
.article-mini.hover .thumbunselected img {
	border:2px solid black;
}
.article-mini .thumbselected img {
	border:2px solid #F4A000;
}
.article-mini img {
    max-width: 72px;
	max-height:52px;
}
.article-mini .contenu-album {
    position: relative;
    text-align: center;
    z-index: 3;
		font-size:9px;
		font-weight:normal;
		overflow:hidden;
}
.article-mini .boutons {
    position: absolute;
    bottom: 10px;
    right: 6px;
    width: 60px;
    height: 15px;
    overflow: hidden;
    z-index: 3;
}
.article-mini .boutons a {
    display: block;
    float: left;
    height: 0;
    width: 15px;
    padding: 15px 0 0;
    margin: 0 5px 0 0;
    overflow: hidden;
    text-indent: -1200em;
}
.article-mini .boutons .zoom {
    background: transparent url(../images/bg-sprite.gif) no-repeat -4802px -502px;
}
.article-mini .boutons .telecharger {
    background: transparent url(../images/bg-sprite.gif) no-repeat -5107px -502px;
}
.article-mini .boutons .selectionner {
    background: transparent url(../images/bg-sprite.gif) no-repeat -5404px -502px;
}
.article-mini .footer {
    display: block;
    position: absolute;
    bottom: 0;
    left:26px;
    width: 102px;
    height: 40px;
    margin: 0 -26px;
    padding: 0 0;
    z-index: 2;
}
* html .article-mini .footer {
    bottom: -1px;
}
.article-mini .footer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -6599px 0;
}
.article-mini.hover .footer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -7198px -190px;
}

/* *********************************************************** */
/* Boutons Mosaique / Mini mosaique / Liste / Imprimer         */
/* *********************************************************** */

.affichage-type {
    /*position: absolute;
    right: 20px;
    top: 20px;*/
	float: right;
    font-size: 11px;/*base 11 -> 11*/
}
.affichage-type a {
    display: block;
    float: left;
    height: 20px;
    padding: 0;
    margin: 0 10px 10px 0;
    color: #565656;
    text-decoration: none;
}
.affichage-type a:hover,
.affichage-type a.current {
    color: #000;
}
.affichage-type .affichage-icone {
    display: inline-block;
    width: 30px;
    height: 16px;
    padding: 4px 0 0 0;
}
.affichage-type #affichage-mosaique .affichage-icone {
    background: transparent url(../images/bg-sprite.gif) no-repeat -5795px 5px;
}
.affichage-type #affichage-liste .affichage-icone {
    background: transparent url(../images/bg-sprite.gif) no-repeat -5795px -186px;
}
.affichage-type #affichage-minimosaique .affichage-icone {
    background: transparent url(../images/bg-sprite.gif) no-repeat -5995px -396px;
}
.affichage-type #affichage-imprimer .affichage-icone {
    background: transparent url(../images/bg-sprite.gif) no-repeat -6405px -396px;
}
.affichage-type #affichage-mosaique:hover .affichage-icone,
.affichage-type #affichage-mosaique.current .affichage-icone {
    background: transparent url(../images/bg-sprite.gif) no-repeat -5795px -96px;
}
.affichage-type #affichage-liste:hover .affichage-icone,
.affichage-type #affichage-liste.current .affichage-icone {
    background: transparent url(../images/bg-sprite.gif) no-repeat -5795px -296px;
}
.affichage-type #affichage-minimosaique:hover .affichage-icone,
.affichage-type #affichage-minimosaique.current .affichage-icone {
    background: transparent url(../images/bg-sprite.gif) no-repeat -5793px -396px;
}
.affichage-type #affichage-imprimer:hover .affichage-icone,
.affichage-type #affichage-imprimer.current .affichage-icone {
    background: transparent url(../images/bg-sprite.gif) no-repeat -6197px -397px;
}


* + html #liste .footer {

}

/*****************************************************************/
/* COMPTEUR DE RESULTAT */
/*****************************************************************/

.result-counter {
	font-size:11px;
	padding:5px 10px 5px 50px;
}
.result-counter .pagesubtitle:link, .result-counter .pagesubtitle:visited {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
.result-counter .pagesubtitle:hover {
	text-decoration:underline;
}

/*****************************************************************/
/* SELECTIONS */
/*****************************************************************/

#selections .article,
#selections .hover {
    position: relative;
    float: left;
    width: 160px;
	height: 130px;
    margin: 0;
    padding: 0;
    z-index: 1;
}
#selections h1{
	margin: 10px;
}
#selections h1 + div {
	background:#f8f7f6;
	width:100%;
	display:table-cell;
}
#selections .article {
    background: transparent url(../images/bg-sprite.gif) no-repeat -3001px 0;
}
#selections .row.dark .article {
    background: transparent url(../images/bg-sprite.gif) no-repeat -3600px 0;
}

* html #selections .article,
* html #selections .row .hover {
    display: inline;
}
#selections .article .footer {
    display: block;
    position: absolute;
    bottom: 0;
    width: inherit;
    height: 50px;
    margin: 0;
    padding: 0;
    z-index: 2;
	left: 0;
}
#selections .article .footer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -3303px 0;
}
#selections .row.dark .article .footer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -3901px 0;
}

#selections .article-descriptif {
    float: left;
    margin-top: 6px;
    background: transparent;
	font-size: 11px;
	width: 100px;
	margin: 0;
}
#selections .article-descriptif .date {
    color: #848484;
}
#selections .article-descriptif .fonctions {
    margin: 5px 0 0 0;
}
#selections .article-descriptif .fonctions li {
    width: 9em;
    background: #565656;
    margin: 0 0 1px 0;
}
#selections .article-descriptif .fonctions li {
    *margin: 0 0 -2px 0;
}
#selections .article-descriptif .fonctions li a {
    display: block;
    padding: 2px 0 2px 30px;
    color: #fff;
}
#selections .article-descriptif .fonctions li a.fonction-supprimer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -5700px -503px;
}
#selections .article-descriptif .fonctions li a.fonction-ajouter {
    background: transparent url(../images/bg-sprite.gif) no-repeat -6002px -503px;
}
#selections .article-descriptif .fonctions li a.fonction-voir {
    background: transparent url(../images/bg-sprite.gif) no-repeat -6293px -503px;
}
#selections .article .illustration {
  margin: 0;
	/*display: table-cell;
	height: 130px;
	vertical-align: middle;*/
	padding-top:20px;
	width: inherit;
}
#selections .article .illustration img {
    max-width: 110px;
	max-height: 90px;
	left: -1px;
	position: relative;
	top: 1px;
}


/*****************************************************************/
/* DOSSIERS */
/*****************************************************************/
div#dossiers {
	width:100%;
}

#dossiers h1{
	margin: 10px;
}
#dossiers h1 + div {
	background: #f8f7f6;
	display:table;
	width:100%;
	padding-bottom:4px;
}
#dossiers .article {
    position: relative;
    float: left;
    width: 167px;
    padding: 10px 20px 0;
	height: 200px;
    margin: 5px 0 5px 14px;
    z-index: 1;
	font-size: 0.6875em;
}
#dossiers .article {
    background: transparent url(../images/bg-sprite.gif) no-repeat -301px 0;
}
#dossiers .article.hover {
    background: transparent url(../images/bg-sprite.gif) no-repeat -600px 0;
    color: #fff;
}
#dossiers .article .date {
    margin: 0;
    color: #848484;
}
#dossiers .article.hover .date {
    color: #fff;
}
#dossiers .article .contenu-album {
  margin: 0;
  font-weight: bold;
	padding:0;
	z-index: 3;
	text-align: left;
}
#dossiers .article .illustration {
    position: relative;
    margin: 5px -11px;
    z-index: 3;
	text-align:center;
	height:130px;
}
#dossiers .article .illustration img {
	max-height:130px;
	max-width:170px;
}
#dossiers .article .descriptif {
    position: relative;
		/*bottom:15px;*/
    z-index: 3;
		width:167px;
		/*height:28px;*/
		overflow:hidden;
}
#dossiers .article .descriptif p {
   width:167px;
		/*height:28px;*/
		overflow:hidden;
}
#dossiers .article .footer {
    display: block;
    position: absolute;
    bottom: 0;
    left:26px;
    width: 161px;
    height: 54px;
    margin: 0 -26px;
    padding: 0 26px;
    z-index: 2;
}
#dossiers .article .footer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -1501px 0;
}
#dossiers .article.hover .footer {
    background: transparent url(../images/bg-sprite.gif) no-repeat -1800px 0;
}



/*****************************************************************/
/* RECHERCHE AVANCEE */
/*****************************************************************/
.bodyadvanced h1 {
	margin:10px;
}

.bodyadvanced legend {
    display: none;
    visibility: hidden;
}

.bodyadvanced form .header {
    width: 660px;
    height: 12px;
    padding: 0;
    margin: 0;
    background: transparent url(../images/bg-sprite.gif) no-repeat -1501px -801px;
}
.bodyadvanced #page-recherche {
	font-size:11px;
    position: relative;
    width: 660px;
    min-height: 150px;
    _height: 150px;
    padding: 0 0 20px;
    margin: 0 auto 15px;
    z-index: 3000;
    background: transparent url(../images/bg-sprite-repeat-y.gif) repeat-y -4421px center;
}
.bodyadvanced #page-recherche fieldset {
	padding:0 20px;
}
.bodyadvanced #page-recherche .standardtext, .bodyadvanced #page-recherche .standardtext:hover {
	color:#000;
	text-decoration:none;
	font-size:11px;
	padding-bottom:10px;
}
.bodyadvanced #page-recherche .standardtext input {
	position:relative;
	top:2px;
	margin-right:5px;
}
.bodyadvanced form * {
    position: relative;
    z-index: 3100;
}
.bodyadvanced form hr.sep {
    height: 1px;
    width: 95%;
    margin: 0 auto;
    border: none;
    border-bottom: 1px solid #E9E9E9;
}
.bodyadvanced form .row {
    width: auto;
    overflow: hidden;
    padding: 0;
    margin: 10px 0;
    clear: both;
}
* html .bodyadvanced form .row {
    display: block;
    height: 19px;
}
.bodyadvanced form .row.first {
    padding-left: 65px;
}
.bodyadvanced form #page-recherche-termes select {
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
    float: left;
    width: 160px;
    margin-right: 5px;
    height: 18px;
    font-size: 10px;
		background:#E9E9E9;
		*background:#fff;
		border:1px solid #ddd;
		padding:0;
}
.bodyadvanced form #page-recherche-termes select.bool {
    display: block;
    width: 60px;
}
.bodyadvanced form #page-recherche-termes select {
    -height: 1%;
}
.bodyadvanced form .row .input-conteneur {
    float: left;
    width: 203px;
    height: 18px;
    margin: 0;
    padding: 0;
    background: transparent url(../images/bg-sprite.gif) no-repeat -900px -300px;
}
.bodyadvanced form .row .input-conteneur input {
    width: 200px;
    height: 16px;
    border: 0;
    margin: 0;
    padding:0 4px;
    background: transparent;
    font-size: 10px;
}
.bodyadvanced form .input-conteneur-court {
    float: left;
    width: 73px;
    height: 18px;
    margin: 0;
    padding: 0;
    background: transparent url(../images/bg-sprite.gif) no-repeat -1200px -300px;
}
.bodyadvanced form .input-conteneur-court input {
    width: 69px;
    height: 16px;
    border: 0;
    margin: 0;
    padding:0 4px;
    background: transparent;
    font-size: 10px;
}
.bodyadvanced form #page-recherche-valider {
    text-align: center;
		margin-top:20px;
}
.bodyadvanced form #page-recherche-valider input {
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
    border: 1px solid #000;
    background: #565656;
    color: #fff;
		padding:2px 10px;
		margin:0 10px;
		cursor:pointer;
		text-align:center;
}
.bodyadvanced form #page-recherche-valider input:hover {
	color:#000;
	background:#f4a000;
	border:1px solid #c60;
}
.bodyadvanced form .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 660px;
    height: 130px;
    padding: 0;
    margin: 0;
    background: transparent url(../images/bg-sprite.gif) no-repeat -2401px -801px;
    z-index: 3010;
}

/*****************************************************************/
/* INSCRIPTION */
/*****************************************************************/

#inscription {
    margin-bottom: 50px;
}

#inscription form {
    position: relative;
    width: 567px;
    min-height: 150px;
    _height: 150px;
    padding: 0 0 50px;
    margin: 0 0 0 50px;
    z-index: 3000;
    background: transparent url(../images/bg-sprite-repeat-y.gif) repeat-y -3000px center;
}

#inscription form * {
    position: relative;
    z-index: 3100;
}
#inscription form .header {
    width: 567px;
    height: 12px;
    padding: 0;
    margin: 0;
    background: transparent url(../images/bg-sprite.gif) no-repeat 0 -801px;
}
#inscription form #inscription-consignes {
    margin: 10px 0 20px 60px;
}
#inscription form #inscription-groupe-conteneur {
    margin: 10px 0 0 165px;
}
#inscription form .row {
    overflow: hidden;
    padding: 0 20px;
    margin: 15px 0;
    clear: both;
}
* html #inscription form .row {
    display: block;
    height: 20px;
}
#inscription form .row label {
    float: left;
    width: 120px;
    height: 18px;
    padding: 0 20px 0 0;
    text-align: right;
}
#inscription form .row .input-conteneur {
    float: left;
    width: 203px;
    height: 18px;
    margin: 0;
    padding: 0;
    background: transparent url(../images/bg-sprite.gif) no-repeat -900px -300px;
}
#inscription form .row .input-conteneur input {
    width: 200px;
    height: 16px;
    border: 0;
    margin: 0;
    padding: 2px 2px 0;
    background: transparent;
    font-size: 0.9em;
}
#inscription form .row .input-conteneur-court {
    float: left;
    width: 73px;
    height: 18px;
    margin: 0;
    padding: 0;
    background: transparent url(../images/bg-sprite.gif) no-repeat -1200px -300px;
}
#inscription form .row .input-conteneur-court input {
    width: 69px;
    height: 16px;
    border: 0;
    margin: 0;
    padding: 2px 2px 0;
    background: transparent;
    font-size: 0.9em;
}
#inscription form .row select {
    min-width: 200px;
    _width: 200px;
}
#inscription form .row #label-inscription-fax {
    width: 30px;
    margin-left: 15px;
    padding: 0 10px 0 0;
}
#inscription form .row .notes {
    clear: both;
}
#inscription form .row #inscription-email-gdf-notes {
    margin-left: 85px;
    color: #aaaaaa;
}
#inscription form .row #inscription-email-agence-notes {
    margin-left: 85px;
    color: #aaaaaa;
}
#inscription form .row #inscription-passe-notes {
    margin-left: 140px;
    color: red;
}
#inscription form #inscription-conditions {
    margin-left: 70px;
}
#inscription form .row #inscription-valider {
    background: #f4a000;
    padding: 5px 5px;
    margin-left: 280px;
    border: 0;
    color: #fff;
}
* html #inscription form .row #inscription-valider {
    padding: 0;
}
#inscription form .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 567px;
    height: 104px;
    padding: 0;
    margin: 0;
    background: transparent url(../images/bg-sprite.gif) no-repeat -601px -801px;
    z-index: 3010;
}

/*****************************************************************/
/* TABLEAU COMMANDE */
/*****************************************************************/

#tableau-commande {
    padding: 0 20px;
}

.tableau-conteneur {
    position: relative;
    width: 780px;
    padding: 0 0 20px;
    margin: 0;
    background: transparent url(../images/bg-sprite-repeat-y.gif) repeat-y -6698px center;
    z-index: 1;
}
.tableau-conteneur .header {
    position: relative;
    width: 720px;
    padding: 40px 30px 20px;
    margin: 0;
    background: transparent url(../images/bg-sprite.gif) no-repeat -5580px -801px;
    z-index: 3;
}
.tableau-conteneur .header a {
    padding: 5px;
    background: #565656;
    color: #fff;
}
.tableau-conteneur .header a:hover {
    padding: 5px;
    background: #f4a000;
    color: #000;
}
.tableau-conteneur * {
    position: relative;
    z-index: 3;
}
.tableau-conteneur table {
    width: 730px;
    margin: 0 auto;
}
.tableau-conteneur table td,
.tableau-conteneur table th {
    border: 1px solid #9a9a9a;
    border-collapse: collapse;
    padding: 10px 5px;
}
.tableau-conteneur table td {
    color: #565656;
}
.tableau-conteneur td.commande-reference {
    color: #d48d07;
    font-weight: bold;
}
.tableau-conteneur td.commande-designation, 
.tableau-conteneur td.commande-groupe {
    text-transform: uppercase;
}
.tableau-conteneur td.commande-archiver a, 
.tableau-conteneur td.commande-pilonner a {
    padding: 5px;
    background: #565656;
    color: #fff;
}
.tableau-conteneur td.commande-archiver a:hover, 
.tableau-conteneur td.commande-pilonner a:hover {
    padding: 5px;
    background: #f4a000;
    color: #000;
}
.tableau-conteneur .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 780px;
    height: 135px;
    padding: 0;
    margin: 0;
    background: transparent url(../images/bg-sprite.gif) no-repeat -6493px -801px;
    z-index: 2;
}