/* --- CONTAINER --- */

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

body {
    margin             : 0;
    padding            : 0;
    color              : #000;
    background         : #607f95 url(../images/common/background.gif) repeat-y;
}
br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}

#container {
	width              : 100%;
	margin             : 0;
	background         : transparent;
	padding            : 0;
}

/* --- HEADER --- */
#header {
}
#header_menu {
    text-align         : left;
    height             : 67px;
    border-bottom      : 2px solid #8a9ca7;
    padding            : 0 0 20px 100px;
}
#header_background {
    width              : 100%;
	text-align         : center;
	background         : #258bd6 url(../images/common/default_banner.gif) no-repeat;
}
#header_pagination {
    width              : inherit;
    border-bottom      : 2px solid #8a9ca7;
    padding-left       : 445px;
}
#pagination_droite {
    width              : 100%;
    height             : 19px;
    background         : #c0d6e8;
    color              : #e36929;
    font-family        : helvetica, arial;
    font-weight        : bold;
    text-transform     : uppercase;
    vertical-align     : middle;
}
#header ul {
	margin             : 0;
}
#header ul li {
	display            : inline;
    height             : 14px;
	list-style         : none;
	margin             : 0;
	padding-top        : 45px;
	padding-bottom     : 10px;	
}
#header ul li ul {
    background         : transparent url(../images/common/ssmenu_triangle.png) no-repeat 0 0;  
    position           : absolute;
    top                : 60px;
    left               : 0;
    padding            : 0 0 0 23px;
}
#header ul li li {
    padding            : 10px 0 0 2px;
    color              : #FFF;
    height             : 23px;
}
#header ul li a, #header ul li a:link, #header ul li a:visited {
	text-decoration    : none;
	font-family        : helvetica, arial;
    font-size          : 15px;
	text-transform     : uppercase;
	color              : #008bc5;
	padding            : 0 8px;
	font-size          : 15px;
	font-weight        : bold; 
	
}
#header ul li.on a, #header ul li.on a:link, #header ul li.on a:visited {
	background         : transparent;
	color              : #FFF;
}
#header ul li li a, #header ul li li a:link, #header ul li li a:visited {
	padding            : 0px 5px;
	font-size          : 11px;
    color              : #FFF;
    font-weight        : normal;
}
#header ul li a:hover {
	background         : transparent;
	color              : #FFF;
}
#header ul li li a:hover {
    background         : transparent;
    color              : #FFF;
    font-weight        : bold;
}
#header #bandeau li{
    padding            : 0;
    margin             : 0;
}


/* --- MAIN --- */
#main_header {
    width              : inherit;
    margin-bottom      : 10px;
}
#main_header_logo {
    float              : left;
    width              : 292px;
    padding            : 14px 0 0 30px;;
}
#main_header_trame {
    float              : left;
    width              : 100%;
    height             : 105px;
    border-bottom      : 1px solid #FFF;
}

/* --- SIDEBAR --- */
#sidebar {
	float              : left;
	background         : transparent;
    padding            : 0 0 40px 145px;
    width              : 299px;
}
#sidebar ul {
	margin             : 0;
}
#sidebar li {
	list-style         : none;
	width              : auto;
	padding            : 0;
	margin             : 0;
}
#sidebar li li {
    list-style         : none;
}
#sidebar ul li a, #sidebar ul li a:link, #sidebar ul li a:visited {
	text-decoration    : none;
	color              : #c6d3da;
	display            : block;
	border-bottom      : none;
	text-transform     : uppercase; 
	font-family        : helvetica, arial;
	font-size          : 19px;  
}
#sidebar ul li.on a, #sidebar ul li.on a:link, #sidebar li.on a:visited {
	background         : transparent;
	color              : #c6d3da;
}
#sidebar ul li a:hover {
	background         : transparent;
	color              : #FFF;
}

#sidebar ul li span a, #sidebar ul li span a:link, #sidebar ul li span a:visited {
    text-transform     : none;
    display            : inline; 
    font-size          : 14px; 
    text-align         : justify;
    width              : 294px; 
}

/* --- CONTENT --- */
#content {
    float              : left;
	padding            : 15px 0 40px 89px;
	background         : transparent;
	width              : 264px;
	font-family        : helvetica, arial;
	font-size          : 14px;
	color              : #FFF;
	font-weight        : normal;   
}
#page_title {
    border-bottom      : 1px solid #474D4D;
}
#actu_home {
    text-transform     : uppercase;
    font-size          : 14px;
    color              : #c6d3da;
}
#actu_home a, #actu_home a:link, #actu_home a:visited {
    text-decoration    : none;
    color              : #c6d3da;
    display            : inline;
    border-bottom      : none;
    text-transform     : none; 
    font-family        : helvetica, arial;
    font-size          : 11px;
}
#actu_home a:hover {
    color              : #FFF;   
}

/* --- FOOTER --- */
#footer {
	background         : transparent;
	padding            : 0 0 0 150px;
}
#footer_menu {
    border-bottom      : 3px solid #8a9ca7; 
}
#footer_adresse {
    color              : #FFF;
    font-family        : helvetica, arial;
}
#footer ul {
	margin             : 0;
}
#footer ul li {
	display            : inline;
	list-style         : none;
	margin             : 0 1px;
}
#footer, #footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
	text-decoration    : none;
	color              : #9eb4c0;
	font-family        : helvetica, arial;
}
#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;
}