/* --- CONTAINER --- */

@import url("content.css");
/*
@import url("superfish.css");
*/
body {
    margin             : 0;
    padding            : 0;
    color              : #000;
    background         : #000000;
}
br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}

#container {
	background         : #000000 url(../images/fond_accueil.gif) center no-repeat;
    height             : 607px;
	width              : 1000px;
	border             : #999999 1px solid;
    /*margin             : auto auto;*/
	/*padding            : 5px;*/
	position           : absolute;

    /* POUR LE CENTRER */
	top                : 50%;
	left               : 50%;
	margin             : -303px 0 0 -500px;
}
#container_classique {
    height             : 607px;
    width              : 1000px;
    background         : #000000 url(../images/fond_classique.gif) center no-repeat;
    border             : #999999 1px solid;
    /*margin             : auto auto;*/
    /*padding            : 5px;*/
    position           : absolute;

    /* POUR LE CENTRER */
    top                : 50%;
    left               : 50%;
    margin             : -303px 0 0 -500px;
}

/* --- HEADER --- */

#header_background {
	float              : left;
    margin             : 21px 0 0 39px;
    width              : 190px;
    height             : 101px;
}

/* --- SIDEBAR --- */
#sidebar {
    width              : 104px;
    position           : absolute;
    left               : 890px;
    top                : 27px;
	margin             : 0;
	padding            : 0;
	border             : 0;
	font-size          : 10px;
}
#sidebar ul {
    margin             : 0;
    padding            : 0;
}
#sidebar li {
    list-style         : none;
    width              : 104px;
    background         : transparent url(../images/menu_off.gif) no-repeat;
    height             : 25px;
    margin-bottom      : 10px;
    display            : block;
}
#sidebar ul li a, #sidebar ul li a:link, #sidebar ul li a:visited {
    text-decoration    : none;
    text-transform     : uppercase;
    color              : #333333;
    display            : block;
    text-align         : center;
    height             : 25px;
}

#sidebar ul li.on a, #sidebar ul li.on a:link, #sidebar li.on a:visited {
    background         : #ACC958;
    color              : #FFF;
}
#sidebar ul li a:hover {
    background         : #B30161;
    color              : #FFF;
}

/* --- SOUS MENU --- */
#sidebar ul li:hover ul,
#sidebar ul li.sfHover ul {
    position           : relative;
}


#sidebar ul li:hover ul,
#sidebar ul li.sfHover ul {
    position           : absolute;
    left               : -104px;
    margin-top         : -25px;
    background         : #ffffff;
    padding            : 2px 0 0 0;
    margin-bottom      : 0px;
}

#sidebar ul li:hover ul li,
#sidebar ul li.sfHover ul li {
     background        : #ffffff;
     margin-bottom     : 0px;
     height            : 25px;
}
#sidebar ul ul li a:hover {
    background         : #ffffff;
    color              : #CD006F;
    height             : 20px;
}
#sidebar ul ul li {
    text-align         : left !important;
    float              : left;
}
#sidebar ul ul li a {
	height             : 20px;
    float              : left;
    margin-left        : 5px;
}
#sidebar .menu_vertical {
    height             : 20px;
}
/* --- CONTENT --- */
#content {
	float              : left;
	margin             : 200px 0 0 33px;
	width              : 341px;
	padding            : 0 15px 0 15px;
}
#content_accueil {
	float              : left;
    margin             : 232px 0 0 33px;
    width              : 341px;
    padding            : 0 15px 0 15px;
}
#page_title {
    clear              : both;
    background         : #B30161 url(../images/page_titre.gif) no-repeat;
    color              : #ffffff;
    text-transform     : uppercase;
    height             : 20px;
    width              : 360px;
    padding            : 4px 0 0 27px;
    float              : left;
    margin             : 30px 0 0 8px;
    font-weight        : bold;
}

#image_gauche {
    clear              : both;
    float              : left;
    margin             : 40px 0 0 83px;
    _margin            : 40px 0 0 42px;
    left               : 83px;
    width              : 262px;
}

#content_classique {
    float              : left;
    margin             : 12px 0 0 75px;
    width              : 430px;
    padding            : 0 15px 0 15px;
    color              : #ffffff;
}

/* --- FOOTER --- */
#footer {
	position           : absolute;
    color              : #999;
    text-align         : center;
    top                : 584px;
    left               : 350px;
}
div#lien_creation {
    float               : left;
    margin-right        : 10px;
}
#footer a:link,
#footer a:active,
#footer a:visited,
#footer a:hover,
#footer a:focus {
    color              : #999;

}
div#lien_footer {
    float              : left;
    margin             : 0;
    padding            : 0;
}
div#lien_footer ul, div#lien_footer ul li {
    display             : inline;
    padding             : 0;
    margin-top          : -7px !important;
    height              : auto;
}
/* --- DIAPORAMA --- */

table.diapo {
	height             : 280px;
	vertical-align     : middle;
}

table.diapo td {
    height             : 140px;
}
.titre_diap {
	color              : #999999;
	font-style         : italic;
	font-size          : 12px;
	margin-bottom      : 7px;
}

.btn_prec_suiv {
	clear              : both;
	margin             : 0px 0 0 0;
}
img.btn_prec {
    margin             : 0 20px 0 0;
}


/********* FIXER LE MENU AU CENTRE DE LA CELLULE ********/
#nav-fixed li {
  display              : block;
  height               : 25px;
  padding              : 0px 0px;
  float                : left;
  text-align           : left;
  line-height          : 2.3em;
}
#nav-fixed li.menu_vertical  {
  display              : block;
  height               : 25px;
  padding              : 0px 0px;
  float                : left;
  text-align           : left;
  line-height          : 1.8em;
}
.double-line a {
    text-align         : center;
    line-height          : 1.2em;
}
#nav-fixed li #nav-fixed li.double-line a {
  line-height          : 1.2em;
  height               : 25px;
  float                : left !important;
  text-align           : left !important;
  width                : 104px;
}