/*#############################################################
Name: Loc-event Design
Date: 23/07/09
Description:
Author: Yorick CARBONNEL
#############################################################*/

/****************** Elements Standards ******************/
* {
    margin: 0;
    padding: 0;
}

a {
    color: #8ABDD6;/*#FF0099*/
}

a:hover {
    color: #FFF;
}

 a:focus {
outline:none;
}

img {
    border: 0px;
}

hr {
    clear: both;
    width: 100%;
    border: 0; /* enleve toute bordure */
    border-bottom: 1px black solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
    height: 1px; /* pour IE */
    color: #FFF;
    border: 1px solid #FFF;
}

body {
/*     background: #333 url(/img/background_kde4_nb.jpg); */
    background-color: #FFFFFF; /* #B1E2F0;*/
    color: #000;
    font: normal 60% Verdana, Arial, Helvetica, Sans-Serif;
/*     font-family: Verdana, Arial, Helvetica, Sans-Serif; */

    margin: 10px 0;
    text-align: justify;
    text-transform: inherit;
}


.clearer {clear: both;}
.left {float: left;}
.right {float: right;}

#thumb_left {float: left; }
#thumb_right {float: right; border:5px solid #AAA;}
/****************** Entete ******************/
.header {
    float: left;
    width: 950px;
/*     background: url(/img/header.gif) no-repeat; */
/*     font: normal 2.4em Verdana,sans-serif; */
/*     line-height: 150px; */
/*     text-align: center; */
}

/****************** Structure ******************/
.container {
    /*     background: url(/img/bgcontainer.gif) repeat-y; */
    font-size: 1.2em;
    margin: 0px auto;
    width: 950px;
    border: 4px solid #FFF;
    background-color: #FFFFFF;
}


/****************** Main ******************/
.main {
    /* t r b l */
    padding:30px 30px 30px 30px;
}

.main img {
    width: 250px;
    float: right;
    /* t r b l */
/*     padding:0px 35px 0px 50px; */
}

/****************** Menu ******************/

#menu {
    width: 950px;
/*     margin: 0px auto; */
    background-color: #FFF;
    border: 0px;
}

#menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}

#menu li {
    display: inline;
    line-height: 18px ;
    list-style: none;
}

#menu a {
     padding: 5px 5px; /* padding: 10px 15px; POUR IE6*/
    /* text-transform: uppercase; */
    text-decoration: none;
    font-size: 12px;

    color: #000000;
}

#menu a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #000000;
}

#menu h1 {
    display: inline;
    padding: 5px 5px;
/*     text-decoration: none; */
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #000000;
}

#menu_left {
    float: left;
    width: 200px;
    height:100%;
    line-height: 50px ;
    margin: 30px;
    padding: 0px;
    margin-left: 2px;
/*     border: 1px solid #FFF; */
/*     border-left: none; */
    border: none;
/*     border-top: 1px solid #FFF; */
/*     border-bottom: 1px solid #FFF; */
    /*background: #FFFFFF;
    background-color: #FFF;*/
background: #000000;
background-color: #000000;
}

#content_right {
/*     border: 1px solid purple; */
/*     height:100%; */
    margin: 0px;
/*     padding: 30px; */
    padding-top: 50px;
    padding-right: 50px;
    margin-left: 210px;
}

/*#content_right ul {
   float: none;
    border:1px solid red;
    margin: 0px;
    padding: 10px;
    list-style: disc;
    text-align: left;
}

#content_right li {
    border:1px solid blue;
    line-height: 18px ;
    list-style: disc;
}*/

/****************** affiche ******************/
.affiche {
    position: relative;
}

/*.affiche ul {
    float: none;
    border:1px solid yellow;
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: left;
}

.affiche li {
    border:2px solid purple;
    line-height: 18px ;
    list-style: disc;
}*/

.vertical_menu ul {
    width: 100%;
    height:100%;
    list-style:none;
    padding: 0px;
    margin: 0px;
    background-color: #FFF;
/*     border: 1px solid purple; */
    text-align: left;
}

.vertical_menu li {
/*     border: 1px solid blue; */
    display: block;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

.vertical_menu a:link, .vertical_menu a:visited, .vertical_menu a:hover {
/*     border: 1px solid red; */
    display: block;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
/*     color: #5B6670; */
    color: #FFFFFF;
    padding-left:15px;
    border:none;
 }

.vertical_menu a:hover{
/*     border: 1px solid yellow; */
    padding-left:15px;
    text-decoration: none;
    color: #FDA7DE;
    border:none;
/*     color: #5B6670; */
/*     background-color: #FFFFFF; */
    /*color: #FFFFFF;
    background-color: #5B6670;*/
 }

.vertical_menu_selected, .vertical_menu_selected a:link, .vertical_menu_selected a:visited, .vertical_menu_selected a:hover , .vertical_menu_selected a:hover {
    border: none;
/*     color: #FFF; */
    color: #fda7de;
    text-decoration: none;
/*     background-color: #5B6670; */
}

.sousmenu {
    margin:1%;
    padding-top:20px;
    width:80%;
    text-align:center;
}

.sousmenu a {
    padding-right:25px;
    padding-left:25px;
    font-size: 1.5em;
    display: inline;
    color: #FFFFFF;
}

.sousmenu a:hover {
    color: #8ABDD6;
    text-decoration: none;
}

.notSelected {
    background-color: #FFFFFF; /* #B1E2F0 */
}

.selected {
    padding: 5px 30px; /* padding: 10px 15px; POUR IE6*/
    /* text-transform: uppercase; */
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #5B6670;
}

.selected h1 {
    text-decoration: none;
    background-color: #5B6670;
}

/****************** Accueil ******************/
.accueil {
    padding:30px 0px 0px 0px;
}

.accueil h1 {
/*     padding-left: 415px; */
    font-size: 1.5em;
    line-height: 20px;
    text-transform: inherit;
    margin: 1%;
/*     margin-left: 300px; */
    border: 1px solid red;
    width: 600px;
    padding: 10px 10px 10px 10px;
}

.accueil p {
    display: block;
    font-size: 1em;
    margin-bottom: 1.2em;
    line-height: 20px;
/*     border: 1px solid red; */
}

.accueil img {

}


.footer {
/*     background: url(/img/bgmenu.jpg) repeat-y; */
    background-color: #BF0D0D;
    color: #000;
    font-size: 0.8em;
    line-height: 20px;
    width: 100%;
    text-align: center;
/*     border: 1px solid blue; */
}
.footer .left,.footer .right {padding: 0 10px;}
.footer a {color: #000;}
.footer a:hover {color: #5B6670;}