/* --- 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 {
    padding-top         : 20px;
	width              : 991px;
	margin             : 0 auto;
	background         : #FFF;
}

/* --- HEADER --- */
#header {
    position            : relative;
    height             : 144px;
    width               : 990px;
    background          : transparent url(../images/header.gif) no-repeat left top;
}
#header_menu {
    position            : absolute;
    left                : 10px;
    bottom              : 10px;
    color               : #fff;
    font-weight         : bold;
    font-size           : 14px;
}

#header_menu a:link,
#header_menu a:visited {
    color               : #fff;
    font-weight         : bold;
    text-decoration     : none;
}

#header_menu a.on:link,
#header_menu a.on:visited,
#header_menu a.on:hover,
#header_menu a.on:active,
#header_menu a:hover,
#header_menu a:active {
    text-decoration         : underline;
}

#header_menu .menu_text, #header_menu .menu_drapeaux {
    float                   : left;
}

#header_menu .menu_drapeaux {
    margin-left             : 20px;
    padding-top             : 4px;
}

#header_menu .menu_drapeaux img {
    margin-left             : 5px;
}


#logo {
    position            : absolute;
    right               : 10px;
    top                 : 10px;
}

#welcome {
    position            : absolute;
    left                : 13px;
    top                 : 68px;
}

/* --- CONTENT --- */

#content_home, #content {
    padding-top         : 13px;
    padding-bottom      : 3px;
}

#page_title {
    border-bottom      : 1px solid #474D4D;
}

#content_home div#colonne_gauche {
    float               : left;
    width               : 658px;
}

#content_home div#colonne_droite {
    float               : left;
    width               : 333px;
    height              : 455px;
    background          : transparent url(../images/fd_colonne_droite.gif) no-repeat left top;
}

#content_home div#colonne_droite div.contenu {
    padding              : 20px 20px 0 20px;
    height              : 283px;
    overflow            : auto;
}

#content_home div#colonne_droite div.image {
    margin-left         : 6px;
}

#content_home div#colonne_droite h1 {
    font-size           : 17px;
    font-weight         : bold;
    color               : #000;
    margin              : 0;
    padding             : 0;
}

#content_home div#colonne_droite p {
    margin              : 2em 0;
    font-size           : 13px;
}

#content_popup {
    margin              : 10px;
}

/***/

#content div#colonne_gauche {
    float               : left;
    width               : 558px;
    padding-right       : 10px;
}

#content div#colonne_droite {
    float               : left;
    width               : 422px;
}

#content div#colonne_droite div.contenu {
    padding              : 28px 20px 0 20px;
    height              : 275px;
    overflow            : auto;
}

/* --- FOOTER --- */
#footer {
	width               : 990px;
	height              : 59px;
	position            : relative;
}

#footer div.lien_logo {
    position            : absolute;
	right               : 15px;
	top                 : 22px;
}

#footer_menu {
	position            : absolute;
	left                : 17px;
	bottom              : 24px;
}
#footer ul {
	margin             : 0;
}
#footer ul li {
	display            : inline;
	list-style         : none;
	margin             : 0 5px;
}
#footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
	text-decoration    : none;
	color              : #FFF;
}
#footer ul li a:hover {
	text-decoration    : underline;
}
/* --- COPYRIGHT --- */
#copyright {
    padding            : 5px 0px;
    text-align         : center;
    color              : #000;
    font-size          : 10px;
}
#copyright a, #copyright a:visited, #copyright a:link, #copyright a:active, #copyright a:hover, #copyright a:focus {
    color              : #000;
    text-decoration    : none;
}
#copyright img {
    vertical-align     : middle;
}

*:focus {
    outline:none;
}