@charset "utf-8";

/* Eléments principaux de la page */
body
{
	background: url(../images_bonabelone/fond_jaune.png);
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif; 
	color: #181818 ; 
}
.mettre_au_centre
{
	padding-top:150px;
}

#decoupage
{
	width: 950px;
	margin: auto;
	text-align: left;
}

section h1 , footer h1 , nav a
{
	font-family: "Day Roman", serif;
	font-weight: normal;
	text-transform: uppercase;
}

/* L'entête */
header
{
	background: url(../LesImages/images/separateur.png) repeat-x bottom; 
}

#titre_principal
{
	display: inline-block;
	margin: auto;
	color:#640603;
}

#logo
{
	display: inline-block;
	margin-bottom: 0px;	
}


header h1
{
	font-family: "Day Roman", serif;
	font-size: 2.5em;
	font-weight: normal;
    margin-top: 0px;	
}


header h2
{
	font-family: "Day Roman", serif;
	font-size: 1.1em;
	margin-top: 0px;
	font-weight: normal;
}

header h3
{
	font-family: "Day Roman", serif;
	font-size: 0.75em;
	margin-top: 0px;
	font-weight: normal;
	color:#640603;
}

/* NAVIGATION */

nav
{
	display: inline-block;
	width: 950px;
	text-align: center;
}	

nav ul
{
	list-style-type: none;
}

nav li
{
	display: inline-block;
	margin-right: 15px;
}

nav a
{
	font-size: 0.9em;
	color: #181818;
	padding-bottom: 1px;
	text-decoration: none;
}

nav a:hover
{
	color: #760001;
	border-bottom: 3px solid #760001;
	
}

#banniere_images
{
	margin-top: 15px;
	height: 25px;
	border-radius: 5px;
	position: relative;
	margin-bottom: 25px;
}

#banniere_description
{
	position: absolute;
	bottom: 0px;
	border-radius: 5px 5px 5px 5px;
	width: 99.5%;
	height: 33px;
	padding-top: 15px;
	padding-left: 4px;
	background-color: rgb(24, 24, 24);
	background-color: rgba(24, 24, 24, 0.8);
	color: white;
	font-size: 0.8em;
	left: 2px;
}

/* Le Corps  /  Section */
textarea
{
resize: none;
overflow-y: scroll;
height:300px;
}

article, aside
{
	display: inline-block;
	vertical-align: top;
	text-align: justify;
}

article
{
	width: 675px;
	margin-right: 15px;
}

article p
{
	font-size: 0.8em;
}

aside 
{
	position: relative;
	width: 235px;
	background-color: #5C554A;
	border-radius: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	color: white;
	font-size: 0.9em;
}


aside img
{
	margin-right: 15px;
}

/* FOOTER  /  PIED */

footer
{

	padding-top: 25px;
}

footer p, footer ul
{
	font-size: 0.8em;
}

footer h1
{
	font-size: 2.1em;
}
footer h2
{
	font-size: 1.1em;
}
footer h3
{
	font-size: 0.75em;
}

#Tweet, #Photos, #nosliens
{
	display: inline-block;
	vertical-align: top;	
}

#tweet
{
    
	width: 32%;
}

#photos
{

 	width: 36%;
}

#nosliens
{
 	width: 32%;
}

#photos img
{
	border: 1px solid #181818;
	margin-right: 2px;
}

#nosliens ul
{
	display: inline-block;
	vertical-align: top;
	margin-top: 0px;
	width: 48%;
	padding-left: 2px;
}

#nosliens a
{
	text-decoration: none;
	color: #760001;
}

/* ici commence la partie du slider*/

            /* jssor slider arrow navigator skin 05 css */
            /*
            .jssora05l                  (normal)
            .jssora05r                  (normal)
            .jssora05l:hover            (normal mouseover)
            .jssora05r:hover            (normal mouseover)
            .jssora05l.jssora05ldn      (mousedown)
            .jssora05r.jssora05rdn      (mousedown)
            */
            .jssora05l, .jssora05r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 40px;
                height: 40px;
                cursor: pointer;
                background: url(../images_bonabelone/a17.png) no-repeat;
                overflow: hidden;
            }
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05l.jssora05ldn { background-position: -250px -40px; }


            /* jssor slider thumbnail navigator skin 02 css */
            /*
            .jssort02 .p            (normal)
            .jssort02 .p:hover      (normal mouseover)
            .jssort02 .p.pav        (active)
            .jssort02 .p.pdn        (mousedown)
            */

            .jssort02 {
                position: absolute;
                /* size of thumbnail navigator container */
                width: 240px;
                height: 480px;
            }

                .jssort02 .p {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 99px;
                    height: 66px;
                }

                .jssort02 .t {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    border: none;
                }

                .jssort02 .w {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                }

                .jssort02 .c {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 95px;
                    height: 62px;
                    border: #000 2px solid;
                    box-sizing: content-box;
                    background: url(../images_bonabelone/t01.png) -800px -800px no-repeat;
                    _background: none;
                }

                .jssort02 .pav .c {
                    top: 2px;
                    _top: 0px;
                    left: 2px;
                    _left: 0px;
                    width: 95px;
                    height: 62px;
                    border: #000 0px solid;
                    _border: #fff 2px solid;
                    background-position: 50% 50%;
                }

                .jssort02 .p:hover .c {
                    top: 0px;
                    left: 0px;
                    width: 97px;
                    height: 64px;
                    border: #fff 1px solid;
                    background-position: 50% 50%;
                }

                .jssort02 .p.pdn .c {
                    background-position: 50% 50%;
                    width: 95px;
                    height: 62px;
                    border: #000 2px solid;
                }

                * html .jssort02 .c, * html .jssort02 .pdn .c, * html .jssort02 .pav .c {
                    /* ie quirks mode adjust */
                    width /**/: 99px;
                    height /**/: 66px;
                }

/* ici finit la partie du slider*/


.div_espace {
	height:10px;
}

.tableau_cadre {
    border:#8D303B solid 1px;
	font-size:11px; 
	background:#FFF;
}

.Champs {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#94147E;
	font-size:15px;
    /*border:#C8C8C8 solid 1px;*/
    border:#94147E solid 1px;
	background-color:#C99BC3;
/*	-moz-border-radius:6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
*/	
	padding:2px;
}

.Champs:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:15px;
    border:#94147E solid 1px;
	background-color:#94147E;
	padding:2px;
}

.buttonsite_front {
	cursor:pointer;
	border-color:#B45F69 #8D303B #8D303B #B45F69; 
	font:bold 12px arial,helvetica,sans-serif; 
	color:#FFF;
	background:url(../images_bonabelone/fond_bouton2.png) repeat-x scroll 0 100% #B45F69;
	border-style:solid;
	border-width:1px;
	text-align:center !important;
	
}

.buttonsite_front:hover{
	background:#f77c16 url(../images_bonabelone/fond_bouton2_over.png) repeat-x 0 0;
}

.tableau_cadre {
    border:#8D303B solid 1px;
	font-size:11px; 
	background:#FFF;
}

.Contener_section {
	width: 920px;
	margin: auto;
	background-color:#B4A4A4;
}

.Contener_pub_g {
	width:200px;
	height:auto;	
	background-color:#10B12D;
	float:left;
	margin-left:10px;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:20px;	
}

.Contener_pub_d {
	width:250px;
	height:auto;	
	background-color:#c25fff;
	float:left;
	margin-right:10px;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:20px;	
}
 
.Bloc_edito {
	width:400px;
	height:auto;	
	margin-top:20px;
	margin-bottom:20px;	
	background-color:#885657;
	overflow:auto;
	float:left;		
}

.clear {
	clear:both;	
}