body 
{
     font-family: Arial, sans-serif;
     font-size: 75%; /* 1em = 12px */
     line-height: 1.6;
     text-align: center;
     
     color: #fff;
     min-height: 100%;
     background: #2b2e2c url('../img/common/background_website.png') 0 0 repeat-x; /*#202321*/
}
input, 
button, 
textarea, 
select {
    margin: 0 0.25em;
}

#global 
{
     text-align: left;
     width: 936px;
     margin: 0 auto;
}

a
{
     text-decoration: underline;
}
a:hover
{
     text-decoration: none;
}


#header,
#header .menu a
{
    color: #000;
}
#header .menu a
{
    text-decoration: none;
}
img.avatar
{
    vertical-align: top;
    background-color: rgba(255, 255, 255, 0.5);
}
.msie img.avatar
{
    background-color: #fff;
}

/*** Navigation ***/
#transversal_info
{
    display: inline-block;
    text-align: right;
    width: 540px;
}
.msie #transversal_info
{
	display: block;
	float: right;
    width: auto;
    padding-top: 0.5em;
}
#header h1,
#header .bloc_search,
#header .menu,
#footer .menu,
.menu li,
.menu li a,
.community-menu li :first-child,
.menu_navigation .rubrique,
#transversal_info .menu
{
     display: inline-block;
}
.msie #header h1,
.msie #header .bloc_search,
.msie #header .menu,
.msie .menu li,
.msie .menu li a,
.msie .community-menu li :first-child,
.msie #transversal_info .menu,
.msie .menu_navigation .rubrique
{
     display: block;
     float: left;
}
.msie #footer .menu
{
    
}
#header h1,
#header .bloc_search,
#transversal_info .menu,
.community-menu li :first-child,
.menu_navigation .rubrique
{
    vertical-align: middle;
}

#header h1 a,
#header h1 img
{
    display: block;
}
#header h1 a
{
    padding-left: 11px;
}
.menu_connection {

} 
.menu_langue {

} 

#header .menu_navigation 
{
     background: #e6f1ae;
     width: 100%;
}
.msie #header .menu_navigation
{
    height: 22px;
     clear: both;
}
#header .menu_navigation .rubrique 
{
     padding: 0 1em;
     font-weight: bold;
}
#header .menu_navigation .current .rubrique
{
     background: #fff;
}
#header .menu_navigation :hover.rubrique 
{
  background: #40433c;
  color: #fff;
}
#header .menu_account
{
    float: right!important;
}
.menu_account,
.menu_account .rubrique
{
    color: #d8431e!important;
}
.menu_account .current .rubrique,
.menu_account :hover .rubrique,
.menu_account .active .rubrique
{
     background-color: #d8431e!important;
     border-color: #d8431e!important;
     color: #fff!important;
}
#header .menu_options .content
{
    top: 0;
    left: auto;
    right: 0;
    width: 230px;
    
    z-index: 501; /* Le menu passe au dessus du lien */
    font-size: 0.9em;
    line-height: 1.4;
}
.menu_account .menu_options .content,
.menu_account .menu_options .content a
{
    color: #fff!important;
}
.menu_account .menu_options .content a
{
    text-decoration: underline!important;
}
.menu_account .menu,
.menu_account .menu_options .content input[type=text],
.menu_account .menu_options .content input[type=password]
{
    background: #fff!important;
    border-color: #fff!important;
    color: #000!important;
}
.menu_account .menu_options .menu a
{
    color: #d8431e!important;
}
.menu_account .menu
{
    clear: both;
    
    margin: 1em -0.5em -1em;
    padding: 1em 0.5em;
    border-radius-bottomright: 12px;
    -moz-border-radius-bottomright: 12px;
    -webkit-border-bottom-right-radius: 12px;
}

/* Menu: informations compte */
.menu_account .menu_options img.avatar
{
    vertical-align: top;
    margin-right: 0.5em;
}

.menu_account .menu_options .content img.avatar
{
    float: left;
    margin: 0 0.5em 0.5em 0;
}
.menu_account .menu_options .content .title
{
    font-size: 1.5em;
    line-height: 1.1;
    color: #D8431E;
}
.menu_account .menu_options .title .pseudo
{
    color: #fff;
}
.menu_account .menu_options .content a:hover
{
    background-color: #959796!important;
    border-color: #959796!important;
    color: #000!important;
}
.menu_account .menu_options .title .statut
{
    color: #959796!important;
    font-size: 0.7em;
    display: block;
}
img.avatar-small,
#loginInfo-content img.avatar-small
{
	height:16px;
	margin-bottom:2px;
	margin-right:4px;
	vertical-align:middle;
	width:16px;
}
#loginInfo-content img.avatar
{
    float: left;
    display: block;
    margin: 0 10px 0 0;
	max-width: 100px;
	max-height: 100px;
}
#loginInfo-content img.avatar
{
	width: 100px;
	height: 100px;
}

/* Menu Connexion */
.menu_account .bloc form,
.menu_account .menu_options :hover .rubrique,
.menu_account .menu_options .menu a:hover,
.menu_account .menu_options .rubrique a:hover,
.menu_account .menu_options .active .rubrique,
.menu_account .menu_options .content,
.menu_account .menu_options .active
{
    background-color: #D8431E!important;
    border-color: #D8431E!important;
}
.menu_account .menu_options .menu a
{
    color: #000!important;
    font-weight: bold;
    text-decoration: underline;
    display: inline-block;
}
.msie .menu_account .menu_options .menu a
{
    display: inline;
}
.menu_account .menu_options .menu a:hover
{
    background-color: #40433c!important;
    border-color: #40433c!important;
    color: #fff!important;
}
/**/



.community-menu li
{
    float: left;
}
.community-menu li a
{
    border: solid 1px transparent;
}
/*
.community-menu li a:hover
{
    border-color: #fff;
}
*/
#header .community-menu li img
{
    width: 22px;
    height: 22px;
}

/*** Menu de 2nd niveau ***/
.central-content .menu_onglet
{
    padding-bottom: 0;
    margin-left: 20px;
}
.central-content .menu_onglet .onglet a
{
    padding: 0 1em;
    margin: 0.5em 0.5em 0.5em 0;
    
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}
.central-content .menu_onglet .current a
{
    background-color: #40433c!important;
    border-color: #40433c!important;
    color: #fff;
    
    margin-top: 0;
    padding-top: 0.5em;
    margin-bottom: 0;
    padding-bottom: 0.5em;
    
    border-radius-bottomleft: 0;
    border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
}

/*** Partenaires ***/
#bloc-partner
{
    overflow: hidden;
    padding-left: 1em;
}
#bloc-partner h2
{
    display: none;
}
#bloc-partner .menu li,
#bloc-partner .menu a,
#bloc-partner .menu img
{
    display: block;
    float: left;
}
#bloc-partner .menu img
{
    border: solid 1px transparent;
}

/*** Pub Google ***/
#bloc-google
{
    width: 100%;
    height: 200px;
}

/*** Footer ***/
#footer
{
    text-align: center;
    overflow: auto;
    padding: 0.5em 0 3em 0;
    margin-top: 0.5em;
    
    background-color: #202321;
    
}
#footer,
#footer a
{
    color: #959796;
}
#footer .bloc
{
    display: inline-block;
    vertical-align: top;
    
    padding: 0.5em 1em;
    margin-top: 0.5em;
}
.msie #footer .bloc
{
    float: left;
}
#footer ul.menu_navigation
{
    width: 100%;
    text-align: center;
    display: block;
}
#footer #bloc_en-savoir-plus
{
    border-radius-bottomleft: 12px;
    -moz-border-radius-bottomleft: 12px;
    -webkit-border-bottom-left-radius: 12px;
}
.msie #footer #bloc_en-savoir-plus
{
    margin-left: 20%;
}
#footer #bloc_external-links
{
    border-radius-topright: 12px;
    -moz-border-radius-topright: 12px;
    -webkit-border-top-right-radius: 12px;
}
#footer .bloc .title
{
   font-size: 1.3em;
}
#footer .menu li
{
    padding: 0 0.5em;
    line-height: 1;
    border-left: solid 1px;
}
#footer .menu li:first-child,
#footer .menu li.first
{
    border-left: none;
}
#footer .bloc .menu .rubrique:hover
{
    background-color: #fff;
    color: #000;
}
#footer .bloc .rubrique:hover
{
    border-color: transparent;
}
#footer .bloc .current
{
    font-weight: bold;
}
.menu_langue a img
{
    vertical-align: middle;
    margin-right: 0.25em;
    width: 18px;
}

/*** Formulaires ***/
form input[type=text],
form input[type=password],
form textarea,
form select,
form input[type=image],
form input[type=submit],
form input[type=reset],
a.button,
#page-body .button1,
#page-body .button2,
a.submit
{
    border: solid transparent;
    border-width: 1px!important;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    display: inline-block!important;
    
    /*
    padding: 2px 0.5em!important;
    */
    line-height: 1.6!important;
    font-size: 11px!important;
}
form input[type=text],
form input[type=password],
form textarea,
form select
{
    padding: 2px 0.5em!important;
}
form input[type="checkbox"],
form input[type="radio"]
{
    background: none!important;
}
.msie form input[type=text],
.msie form input[type=password],
.msie form textarea,
.msie form select,
.msie form input[type=image],
.msie form input[type=submit],
.msie form input[type=reset],
.msie a.button,
.msie #page-body .button1,
.msie #page-body .button2,
.msie a.submit
{
    display: inline;
    float: left;
}
form input[type=image],
form input[type=text],
form input[type=password],
form textarea,
form select,
#page-body .button2
{
    background-color: #565B51!important;
    border-color: #565B51!important;
    color: #9A9A9A!important;
}
form input[readonly=readonly],
form input[readonly=readonly]:focus,
form input[readonly=readonly]:hover
{
    background-color: transparent!important;
    border-color: transparent!important;
    color: #959796!important;
}
#page-body .button1,
#page-body .button2
{
	background-image: none;
}
form input[type=submit],
a.button,
#page-body .button1,
a.submit
{
    background-color: #d5eb6d!important;
    border-color: #d5eb6d!important;
    color: #40433c!important;
}
form input[type=reset],
a.reset
{
    background-color: #565B51;
    border-color: #565B51;
    color: #959796;
}
form input[type=text]:focus,
form input[type=text]:hover,
form input[type=password]:focus,
form input[type=password]:hover,
form textarea:hover,
form textarea:focus,
form select:hover,
form select:focus,
form input[type=submit]:focus,
form input[type=submit]:hover,
a.button:focus,
a.button:hover,
#page-body .button1:hover,
#page-body .button1:focus,
#page-body .button2:hover,
#page-body .button2:focus,
a.submit:hover,
a.submit:focus,
.menu_options .bloc input[type=reset]:hover,
.menu_options label:hover
{
    background-color: #565B51!important;
    border-color: #565B51!important;
    color: #E6F1AE!important;
}

form p
{
    padding-bottom: 0.5em;
}
.msie form p
{
    overflow: hidden;
    width: 100%;
}

form input[type=submit],
a.submit,
a.button,
#page-body .button1,
#page-body .button2,
form input[type=reset],
a.reset
{
    font-weight: bold; 
    padding: 1px;
}

/*** Lightbox ***/
.lightbox-container,
.lightbox-container .lightbox-background
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
    /* z-index: 1000; */
}
.lightbox-container
{
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    z-index: 1000;
}
.msie .lightbox-container
{
    background-color: none;
}
.lightbox-container .lightbox-background
{
    display: block;
    background-color: #000;
    filter:alpha(opacity=80);
    z-index: 0;
}
.lightbox-container.active
{
    display: block;
}
.lightbox-container .lightbox-content
{  
   position: relative;
   top: 75px;
   width: 275px;
   margin: auto;
   z-index: 1000;
   text-align: center;
   font-size: 1em;
}
.lightbox-container .lightbox-content .bloc
{
  border: solid 5px rgba(255, 255, 255, 0.1);
  margin-top: -5px;
  background-color: #40433C;
  
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  
  padding: 0.5em 10px 1em;
}
.msie .lightbox-container .lightbox-content .bloc
{
    border: solid 5px #959796;
}

.lightbox-container .lightbox-content,
.lightbox-container .lightbox-content a
{
    color: #959796;
}
.lightbox-container .lightbox-content .title
{
    font-size: 1.5em;
    color: #fff;
}


/*** Contenu ***/
.lightbox-container .lightbox-content a,
.menu_account .menu_options .content a,
#footer a
{
    padding: 0.25em 0.5em;
    margin: -0.25em -0.5em;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    text-decoration: underline;
}
.lightbox-container .lightbox-content a:hover,
.menu_account .menu_options .content a:hover,
#footer a:hover
{
    text-decoration: none;
}
.lightbox-container fieldset,
.lightbox-container p
{
    font-size: 1em;
}

/*** Bloc de Recherche ***/
#header .bloc_search 
{
    position: relative;
    background-color: #40433c;
    
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    font-size: 0.9em;
}
.msie #header .bloc_search 
{
    margin-top: 0.5em;
    margin-right: 0.5em;
}
.bloc_search p
{
    padding: 0;
}
.hasJS .bloc_search label
{
    display: none;
}
#header .bloc_search input,
#header .bloc_search:hover input
{
    border-color: transparent;
    background: none;
}
#header .bloc_search input
{
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: #d5eb6d;
    
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
#header .bloc_search:hover input
{
    color: #fff;
}
.bloc_search input[type=text]
{
    height: 15px;
}

/*  FIXME: activer si on veux un menu 'flottant' */
.menu_options .bloc
{
    position: relative;
    z-index: 5;
}
.menu_options .bloc,
.menu_options .bloc .content p
{
    min-height: 0!important;
}
.menu_options .bloc .content
{
    border: solid 5px rgba(0, 0, 0, 0.75);
    
    border-radius: 12px;
    border-radius-topright: 0;
    -moz-border-radius: 12px;
    -moz-border-radius-topright: 0;
    -webkit-border-radius: 12px;
    -webkit-border-top-right-radius: 0;
}
.menu_options .title
{
    line-height: 1.5;
    padding: 0 0.25em;
}
.menu_options .bloc .content
{
    padding: 1em 0.5em;
    
    position: absolute;
    left: 0;
    z-index: 100;
    
    display: none;
}
.menu_options .bloc .content p
{
    min-width: 125px;
}
.msie .menu_options .bloc .content p
{
    width: 125px;
}
.menu_options .content .button-close,
.lightbox-content .button-close
{
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5em;
    z-index: 500;
    display: block;
}
.lightbox-content .button-close
{
    width: 26px;
    height: 26px;
    background: url(../img/common/picto_close_1.png) 0 bottom no-repeat;
}
.lightbox-content .button-close span
{
    display: none;
}
.menu_options .bloc .content .button-close:hover
{
    background: none!important;
}
.menu_options .bloc.active,
.menu_options .bloc:hover,
.menu_options .bloc.active .title,
.menu_options .bloc:hover .title
{
    border-radius-bottomleft: 0!important;
    border-radius-bottomright: 0!important;
    -moz-border-radius-bottomleft: 0!important;
    -moz-border-radius-bottomright: 0!important;
    -webkit-border-bottom-left-radius: 0!important;
    -webkit-border-bottom-right-radius: 0!important;
    z-index: 500;
}
/*.menu_options .bloc:hover .content,*/
.menu_options .active .content
{
    display: block;
}
.menu_options label:hover
{
    border-radius: 12px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}
.menu_options .bloc:hover .rubrique,
.menu_options .active .rubrique,
.menu_options .bloc:hover .title,
.menu_options .active .title
{
    position: relative;
    /*
    height: 20px;
    */
    z-index: 101;
}

/*** placeholder ****/
.placeholder
{
    
}
.placeholder label
{
    display: none!important;
}

/** Special Forum **/
#page-body
{
     font-size: 92%; /* 1em = 11px */
     line-height: 1.3;
}
#page-body form
{
    
}
#page-body input.search
{
	padding-left: 21px !important;
	background-position: 4px 50%;
}
#page-body h2 a:hover
{
	background: none;
}

#page-body .buttons div a
{
    color: transparent; /* du texte apparait sous les boutons */
}
/*
#page-body a:hover
{
     padding: 0.25em 0.5em;
     margin: -0.25em -0.5em;
     border-radius: 12px;
     -moz-border-radius: 12px;
     -webkit-border-radius: 12px;
}
*/
#page-body h2
{
	font-size: 2em;
/*	margin: 0.8em 0 0.25em;*/
}
#page-body h3
{
    margin-bottom:1em;
    clear: both;
}
#page-body p
{
    margin-bottom: 0.5em;
}
#format-buttons
{
    margin: 1em 0;
}
#page-body .search-box
{
    padding-bottom: 0.5em;
}
.navbar .inner
{
    overflow: hidden;
}

/* Coins arrondis Fail: les images appelées ne sont plus adaptées au fond */

span.corners-top,
span.corners-top span,
span.corners-bottom,
span.corners-bottom span
{
    display: none;
}
.navbar,
.forabg,
.forumbg,
.post,
.panel
{
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    padding: 0.5em 1em;
    margin-bottom: 1em;
}

/* KNESS */

#viewprofile .panel {
background:none;}

#viewprofile .bg1 h3 {display:none;}

#viewprofile .column1, .column2 {
margin-top:10px;
background-color:#40433C;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    margin-bottom: 1em;
}

#viewprofile .column1, .column2 h3 {
padding-left:3px;
}

#navigation {
	width: 95%;
	padding-top: 36px;
}

.postprofile img {
margin-right:5px;
width:auto;
height:auto;

}


.signature {
display:none;
}

fieldset.jumpbox {
         float:right;
	text-align: right;
	margin-top: 15px;
	margin-right: 2em;
	height: 2.5em;
}

.left-box {

	float: left;
	width: auto;
	text-align: left;
color:#FFF;
line-height:1em;
}

.right-box {
	float: right;
	width: auto;
	text-align: right;
}


dl.details {

	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.1em;

}

dl.details dt {
        margin-left:20px;
	float: left;
	clear: left;
	width: auto;
	text-align: left;
	color: #FFFFFF;
	display: block;
}

dl.details dd {
        text-align: left;
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #828282;
	float: left;
	width: auto;
}

/* MR > on augmente la taille des caractères dans le textarea de saisie d'un nouveau post sur le forum */

#message-box textarea { font-size: 1.3em!important; width:98% }