/* --- CONTAINER --- */

@import url("content.css");
@import url("superfish.css");

body {
    margin             : 0;
    padding            : 0;
    color              : #000;
    background         : #fff;
}
br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}

#container {
	width              : 997px;
	margin             : 0 auto 15px auto;
	background         : #FFF url(../images/bg.gif) no-repeat;
	border             : 1px solid #ebef74;
	position           : relative;
}


/* --- HEADER --- */
div#top {
    height             : 138px;
}
div#maj_site {
	position		   : absolute;
	right				: 0;
	margin				: 3px 31px 0 0;
}
img#logo {
	position           : absolute;
}
div#recherche {
	position           : absolute;
	margin             : 24px 0px 0px 766px;
}
div#recherche input.text {
    border             : 1px solid #c4c4c4;
	font-size          : 10px;
	width              : 110px;
}
div#recherche input.submit {
    border             : none;
	background         : #f5f8b0;
	font-size          : 11px;
}
div#top_menu {
	position           : absolute;
	margin-top         : 61px;
	right              : 0;
}
div#top_tools {
	position           : absolute;
	margin-top         : 113px;
	right              : 20px;
}
div#top_tools a:link,
div#top_tools a:active,
div#top_tools a:visited {
	color              : #77bbd3;
	text-decoration    : none;
}
div#top_tools a:hover,
div#top_tools a:focus {
	text-decoration    : underline;
}

#header {
	height             : 138px;
}
#header_background {
	text-align         : center;
}
#header_menu {
    position           : absolute;
    margin-top         : 61px;
	z-index            : 2;
    right              : 0;
}
#header ul {
	margin             : 0;
}
#header ul li {
	display            : inline;
	list-style         : none;
	margin             : 0;
	text-transform     : uppercase;
	background         : #e2e734;
}
#header li.prems {
    background         : #e2e734 url(../images/bg_li.gif) bottom repeat-x;
	font-weight        : bold;
}
#header li.premson {
    background         : #f2f4c2 url(../images/bg_li.gif) bottom repeat-x;
	font-weight        : bold;
}
#header li.bord {
	background         : #787b21;
}
#header li a, #header li a:link, #header li a:visited {
    text-decoration    : none;
    color              : #333;
    padding            : 8px 10px 15px 8px;
    font-size          : 11px;
}
#header li.sec {
	text-align         : center;
	font-weight        : normal;
}
#header li.sec a, #header li.sec a:link, #header li.sec a:visited {
    text-decoration    : none;
    color              : #333;
    padding            : 8px 10px 8px 8px;
    font-size          : 11px;
    /*background         : #f2f4c2;*/
    font-weight        : normal;
}
#header ul li.on a, #header ul li.on a:link, #header ul li.on a:visited {
	background         : #f2f4c2 url(../images/bg_li.gif) bottom repeat-x;
	color              : #333333;
	padding            : 8px 10px 0px 8px;
}
#header ul li li a, #header ul li li a:link, #header ul li li a:visited {
	font-size          : 11px;
}
#header ul li a:hover {
    background         : #f2f4c2;
    color              : #333;
}
#header li.prems a:hover {
    background         : #f2f4c2 url(../images/bg_li.gif) bottom repeat-x;
    color              : #333;
	font-weight        : bold;
}
#header li.premson a:hover {
    background         : #f2f4c2 url(../images/bg_li.gif) bottom repeat-x;
    color              : #333;
	font-weight        : bold;
}
#header li.sec a:hover {
    background         : #f2f4c2;
    color              : #333;
	font-weight        : normal;
}
#header li.secon {
    background         : #f2f4c2;
    text-align         : center;
	font-weight        : normal;
}

#header li.secon a:hover {
    background         : #f2f4c2;
    text-align         : center;
	font-weight        : normal;
}


div#main {
	background         : url(../images/bg_main.gif) repeat-y;
}

/* --- SIDEBAR --- */
#sidebar {
    margin-left         : 1px;
}
#tab_content {
	background         : url(../images/bg_sidebar.jpg) 149px 0px no-repeat;
}

#sidebar ul {
	margin             : 0;
}
#sidebar li {
	width              :	149px;
	/*font-weight        : bold;*/
	position           : relative;
	z-index            : 2;
}
#sidebar ul li a, #sidebar ul li a:link, #sidebar ul li a:visited {
	text-decoration    : none;
	color              : #333;
	display            : block;
	padding            : 5px 0 5px 10px;
	border-bottom      : 1px solid #787b21;
	background         : #e2e734;
	text-align         : center;
	/**font-size          : 10px;*/
	font-size          : 11px;
}
#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         : #333;
	color              : #FFF;
}

#sidebar li.prems a:hover,
#sidebar li.premson a:link,
#sidebar li.premson a:hover,
#sidebar li.premson a.on {
	background         : #f2f4c2;
	color              : #333333;
}
#sidebar li.premson,
#sidebar li.prems {
	text-transform     : uppercase;
	font-weight        : bold;
}

#sidebar li.sec,
#sidebar li.sec a {
	text-transform     : none;
	font-weight        : normal;
}

#sidebar li.secon {
    background         : #f2f4c2;
    text-align         : center;
    font-weight        : normal;
	text-transform     : none;
}

#sidebar li.secon a:hover {
    background         : #f2f4c2;
    text-align         : center;
    font-weight        : normal;
	text-transform     : none;
}

#sidebar ul li:hover ul,
#sidebar ul li.sfHover ul {
	left               : 149px;
	top                : 0;
}

img#side_pic {
	position           : relative;
	bottom             : 0;
}

/* --- CONTENT --- */
#content {
	padding            : 10px;
	width              : 740px;
}
div#contenu {
	margin-left        : 60px;
}

/* --- FOOTER --- */
#footer {
	text-align         : center;
	font-size          : 10px;
}
#footer_menu {
	text-align         : center;
}
#footer ul {
	margin             : 0;
}
#footer ul li {
	display            : inline;
	list-style         : none;
	margin             : 0 5px;
}
div#bottom {
	text-align         : center;
	padding-top        : 5px;
	font-size          : 9px;
}
#footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
	text-decoration    : none;
	color              : #000000;
}
#footer ul li a:hover {
	text-decoration    : underline;
}

/* --- COPYRIGHT --- */
#copyright {
    padding            : 5px 0px;
    text-align         : center;
    color              : #FFF;
    font-size          : 10px;
}
#copyright a, #copyright a:visited, #copyright a:link, #copyright a:active, #copyright a:hover, #copyright a:focus {
    color              : #FFF;
    text-decoration    : none;
}
#copyright img {
    vertical-align     : middle;
}


img#bulles {
	position           : absolute;
	margin             : 260px 0px 0px 208px;
}