/*
	--- LEB COMMUNICATION | 2012	
*/

/* IMPORTS COMMUNS */
@import url(common.css);
/*-------------------------------------------------------------------- */

/* GLOBAL
---------------------------------------------------------------------- */
* {
    margin: 0px;
    padding: 0px
}

html {
    font: 12px Arial, helvetica, sans-serif;
}

body {
    background: #000000
}

.bleu {
    color: #5471cf !important
}

.vert {
    color: #a7c956 !important
}

.gris {
    color: #6b6b6b !important
}

.rouge {
    color: #cd003a !important
}

.grisfonce {
    color: #6b6b6d !important
}

.grisclair {
    color: #bbb !important
}

img {
    border: none
}

a {
    text-decoration: none
}

h1 {
    font-size: 15px
}

h2 {
    font-size: 14px
}

h3 {
    font-size: 13px
}

h4 {
    font-size: 12px
}

h5 {
    font-size: 10px
}

.liste {
    background-color: #eee;
    padding: 20px 0 10px 10px;
    color: #555
}

.liste li {
    margin: 0px 0px 10px 15px
}

a.aBlanc {
    color: #fff;
    text-decoration: none
}

a.aBlanc:hover {
    text-decoration: underline
}

a.under {
    text-decoration: none
}

a.under:hover {
    text-decoration: underline
}

ul li a {
    height: 1%
}

/* SQUELETTE
---------------------------------------------------------------------- */
#page {
    background: #000 url(../images/bg.jpg) repeat-x;
    text-align: center;
}

.conteneur {
    width: 980px;
    text-align: left;
    margin: 0px auto 0px auto;
}

.conteneurAccueil {
    position: relative;
    background: url("../images/catlafee.jpg") no-repeat top center;
    width: 800px;
    text-align: left;
    margin: 0px auto 0px auto;
    height: 543px;
}

#texteAttente {
    position: absolute;
    width: 300px;
    left: 175px;
    top: 362px;
    color: #fff;
}

#texteAttente a {
    color: #e83696;
    font-weight: bold;
    text-decoration: underline
}

#texteAttente a:hover {
    text-decoration: none
}

#texteAttente p {
    margin-bottom: 10px;
    line-height: 18px;
}

/* ACCUEIL
---------------------------------------------------------------------- */

/* FOOTER
---------------------------------------------------------------------- */
#footer {
    text-align: center;
    background: #cfd0d2;
    color: #6b6b6d
}

#contentFoot {
    text-align: left;
    padding-bottom: 20px;
    background: url(../img/footer/bg.gif) repeat-y
}

#topFoot {
    background: url(../img/footer/top_foot.gif) no-repeat;
    height: 27px;
    margin-bottom: 15px
}

#contentFoot ul li {
    list-style: none
}

#contentFoot ul li a {
    color: #6b6b6d;
    text-decoration: none
}

#contentFoot p a {
    color: #cd003a;
    text-decoration: none
}

#contentFoot ul li a:hover, #contentFoot p a:hover {
    text-decoration: underline
}

/* MESSAGES
---------------------------------------------------------------------- */

/*** MESSAGES ERREUR ***/
.ok, .error {
    text-align: center;
}

.ok {
    background-color: #00B000;
    color: #fff;
    font-weight: bold;
    padding: 2px 0px
}

.error {
    background-color: #f00;
    color: #fff;
    font-weight: bold;
    padding: 2px 0px
}

/* EXTRAS
---------------------------------------------------------------------- */
div.extras .widthExtras {
    width: 633px;
}

div#basRound {
    margin-left: 16px;
    width: 673px;
    background: #fff url(../img/squelette/bas_contenu.gif) no-repeat bottom right;
    padding: 0 0 30px;
}

div.extras {
    padding: 0 20px
}

div.extras h4 {
    margin: 5px 0
}

div.extras p {
    color: #666;
}

div.extras p a {
    color: #cd003a;
    text-decoration: none
}

div.extras a:hover {
    text-decoration: underline
}

div.extras .width1 {
    width: 70px
}

div.extras .width2 {
    width: 380px
}

div.extras .width3 {
    width: 120px
}

div.extras td a, div.extras div.credits1 a, div.extras div.credits2 a {
    color: #cd003a;
    text-decoration: none
}

div.extras td a:hover, div.extras div.credits1 a:hover, div.extras div.credits2 a:hover {
    color: #cd003a;
    text-decoration: underline
}

div.extras caption {
    font-size: 11px;
    background-color: #cd003a;
    color: #fff;
    padding: 1px 0px;
    font-weight: bold
}

#leb-img {
    margin-top: 20px
}

div.extras .credits1, div.extras .credits2 {
    background-color: #F0F0F0;
    margin: 5px 0px;
    padding: 5px 0px 5px 20px;
    width: 400px
}

div.extras .bg1 {
    background-color: #F0F0F0
}

div.extras .credits2, div.extras .bg2 {
    background-color: #F9F9F9
}

div.extras td {
    padding: 5px 0;
    color: #666;
    font-size: 11px
}

#plan ul {
    background: #eee;
    padding: 7px;
}

#plan ul li {
    list-style: none
}

#plan a {
    display: block;
    padding: 5px 0px 5px 5px;
    background-color: #ddd;
    margin-bottom: 4px;
    color: #666
}

#plan a:hover {
    background-color: #fff;
    color: #cd003a;
    text-decoration: none
}

#plan a.titre {
    font-weight: bold;
    background: #cd003a;
    color: #fff
}

#plan a.titre:hover {
    background: #AE0030;
    color: #fff
}

/* FORMULAIRES
---------------------------------------------------------------------- */
#formContact label.normal {
    float: left;
    width: 130px;
    text-align: right;
    font-weight: bold;
    margin-right: 7px;
    position: relative;
    top: 3px
}

#formContact p.textuel input {
    color: #fff;
    width: 380px;
    background: #bbb;
    border: none;
    font-size: 11px;
    font-family: arial;
    margin-bottom: 5px;
    padding: 3px;
}

#formContact textarea {
    color: #fff;
    width: 380px;
    border: none;
    background: #bbb;
    font-size: 11px;
    font-family: arial;
    margin-bottom: 5px;
    padding: 3px;
}

#formContact input.send {
    font-size: 11px;
    border: none;
    background: #cd003a;
    color: #fff;
    padding: 3px;
    display: block;
    width: 386px;
    text-align: center;
    margin-left: 137px;
}

#fancybox-title-main {
    color: #666 !important
}