@charset "utf-8";

/* STYLE GENERAL */

body
{
   width: 1000px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   padding-left: 12px;
   padding-right: 12px;
   background-image: url("../images/background.png");
   background-repeat: repeat;
}

a img, img
{
	border:none;
	text-decoration: none;
	color:#60C;
}
/* STYLE DU HEADER, DU LOGO & DE LA BANNIERE */

#header
{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

#logo
{
   float: left;
   margin-right: 20px;
   width: 150px;
}

#ban
{
    display: inline;
}

/* STYLE DE LA PAGE */

/* Image du haut de la page */
#back_page_top
{
    height: 19px;
    background: url(../images/back-page-top.png) no-repeat;
}

/* La page en elle meme : menu + contenu */
#page
{
    padding-left: 10px;
    background: url(../images/back-page-middle.png) repeat-y;
    overflow: hidden;
}

/* Le menu */
#menu
{
   float: left;
   width: 150px;
}

#navigation
{
	margin: 0;
	padding: 0;
	list-style: none;
	background: #000;
	color: #fff;
	width: 150px;
	font: 1em "Trebuchet MS", sans-serif;
}

#navigation a, #navigation span
{
	display: block;
	padding: 4px 10px;
	color: #fff;
	text-decoration: none;
	background: #000 url(../images/menu-item.png) left bottom no-repeat;
}

#navigation .toggleSubMenu a, #navigation .toggleSubMenu span
{
	background-image: url(../images/menu-item.png);
}

#navigation .open a, #navigation .open span
{
	background-image: url(../images/menu-item.png);
}

#navigation a:hover, #navigation a:focus, #navigation a:active
{
	text-decoration: underline;
}

#navigation .subMenu
{
	background: #ccc url(../images/subMenu.png) 0 0 repeat-x;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666;
    list-style: none;
}

#navigation ul.subMenu a
{
	background: none;
	padding: 3px 20px;
	color:#324a62;
}

#navigation li
{
	list-style: none;
    font-size: 0.9em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: inherit;
    margin: auto;
}

#navigation .subMenu li
{
	list-style: none;
    font-size: 0.8em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: inherit;
    margin: auto;
	}
#navigation .subMenu li a{
color:#324a62;
}

/* Le contenu */
#content
{
position:relative;
top:-20px;
    margin-left: 170px;
    padding-right: 10px;
}

/* STYLE DU FOOTER */

#footer
{
}

/* STYLE D'INFO */

#info
{
    height: 34px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 2px;
    background: url(../images/info-back.png) no-repeat;
}

#info-left
{
    float: left;
    width   : 170px;
    font: 0.8em "Trebuchet MS", sans-serif;
    color: white;
    padding-left: 10px;
}

#info-right
{
	font: 0.9em "Trebuchet MS", sans-serif;
    color: white;
    padding-right: 10px;
}

#info-right .icone
{
	margin-right: 4px;
}

#barre-login
{
    height: 28px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 2px;
    background: url(../images/barre-login.png) no-repeat;
}

#barre-left
{
    float: left;
    width   : 170px;
    font: 0.8em "Trebuchet MS", sans-serif;
    color: white;
    text-align: center;
    padding-top: 2px;
}

#barre-right
{
	font: 0.9em "Trebuchet MS", sans-serif;
    color: black;
    padding-right: 10px;
    text-align: right;
}

#barre-right a
{
    text-decoration: none;
}

ul#menu-horizontal
{
    padding:0;
    margin:0;
    list-style-type:none;
}

ul#menu-horizontal li
{
    float:left; /*pour IE*/
}

ul#menu-horizontal li a
{
    display:block;
    float:left;
    width:143px;
    line-height:50px; /*hauteur de l'image de fond*/
    background:black url(../../images/noir-1.png) repeat-x;
    color:#DCDCDC;
    text-decoration:none;
    text-align:center;
}
ul#menu-horizontal li a:hover
{
    background: black url(../../images/noir-2.png) repeat-x;
    color: white;
}

.sharethis
{
    float: right;
    margin-top: 2px;
}