html, body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin: 0;
padding: 0;
background-color:#000000;
}
.body{
position:relative;
voice-family:inherit;
background-color:#000000;
background-image:url(../bg.jpg);
background-repeat:repeat;
}
.header {
border-bottom:#fff 1px solid;
overflow:hidden;
 background:#000000;
}
.logo {
float:left;
text-align:center;
padding-left:10px;
}
.banniere{
width:768px;
height:120px;
float:right;
}
.langue {
position:absolute;
float:right;
right:18px;
top:325px;
}
.flag{
float:left;
width:22px;
height:18px;
padding-right:5px;
}
.contentSite {
padding:8px;
width:91%;
margin-left:3%;
margin-right:3%;
border-left:#fff 5px solid;
border-right:#fff 5px solid;
background-color:#666666;
color:#CCCCCC;
clear:both;
overflow:hidden;
}
.contentSite #titre_content{
font-size:14px;
font-weight:bold;
color:#FF6600;
background-image:url(../images/puce.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:17px;
margin-bottom:18px;
}
.contentSite #content-left{
float:left;
overflow:hidden;
width:63%;
clear:both;
margin-top:3px;
padding-top:7px;
}
#content-left #content-left-top{
text-align:left;
padding:0px 3px 3px 3px;
border:#FFFFFF 2px solid;
margin-bottom:17px;
text-align:justify;
}
#content-left #content-left-bottom{
text-align:left;
padding:0px 3px 3px 3px;
border:#FFFFFF 2px solid;
margin-bottom:7px;
text-align:justify;
}
.contentSite #content-right{
text-align:left;
border:#FFFFFF 2px solid;
width:35%;
float:right;
margin-top:10px;
text-align:justify;
padding:0px 3px 3px 3px;
}
.top {
overflow:hidden;
background-image:url(../margin-center.jpg);
background-repeat:repeat-x;
border-bottom:3px solid #ffffff;
}
.top .center {
float:left;
height:148px;
overflow:hidden;
}
.top .margin-left {
width:109px;
height:148px;
float:left;
background-color:#333333;
background-image:url(../margin-left.jpg);
background-repeat:no-repeat;
}
.top .margin-right {
height:148px;
width:109px;
float:right;
background-color:#333333;
background-image:url(../margin-right.jpg);
background-repeat:no-repeat;
}
#footer {
background-image:url(../images/bg-footer.jpg);
background-repeat:repeat-x;
height:123px;
width:100%;
background-color:#EBEBEB;

vertical-align:middle;
}
#footer .footer-contenu{
color:#FFFFFF;
text-align:center;
vertical-align:middle;
padding-top:5%;
}
.contentSite #contenu_maison_top {
text-align:left;
border:#FFFFFF 2px solid;
margin-top:10px;
padding:0px 3px 3px 3px;
width:98%;
margin-left:5px;
margin-right:5px;
margin-bottom:19px;
text-align:justify;
}
.contentSite #contenu_maison_bottom {
text-align:left;
border:#FFFFFF 2px solid;
margin-top:10px;
padding:0px 3px 3px 3px;
width:98%;
margin-left:5px;
margin-right:5px;
overflow:hidden;
text-align:justify;
}
a.media   { display: block; }
div.media { font-size: small; margin: 25px; width: 100% !important }
div.media div, div.iframe_caption { font-style: italic; color: #888; }
#lr { border: 1px solid #eee; margin: auto }
.contenu_maison_top #contenu_maison_top_left{
float:left;
padding-left:2px;
padding-right:5px;
width:55%;
}
#media_video{
float:right;
margin-right:3px;
overflow:hidden;
width:42%;
}
.div_photo_situation{
float:right;
margin-right:11px;
margin-top:5px;
width:20%;
}
.div_photo_situation img{
border:#FFFFFF 2px solid;
}
.div_photo_situation a{
text-decoration:none;
}
/* livre d'or style */
.contentSite #contenu_ajout_guestbook {
text-align:left;
border:#FFFFFF 2px solid;
margin-top:10px;
padding:0px 3px 3px 3px;
width:98%;
margin-left:5px;
margin-right:5px;
margin-bottom:19px;
text-align:justify;
}
#titre_ajout_commentaire{
background-image:url(../images/bg_add_commentaire.gif);
background-repeat:no-repeat;
height:41px;
margin:2px;
padding-top:11px;
text-align:center;
width:282px;
cursor:pointer;
}
#contenu_ajout_commentaire{
display:none;
}
.Corp_Livre_Or_Affiche{
border:2px solid #FFFFFF;
color:#FFFFFF;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
text-align:justify;
width:98%;
}
.Haut_Livre_Or_Affiche{
background-color:#484848;
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
padding-bottom:13px;
padding-top:4px;
text-align:justify;
width:100%;
overflow:hidden;
clear:both;
}
.Nom_Livre_Or_Affiche{
color:#FFFFFF;
text-align:left;
width:67%;
float:left;
padding-left:3px;
padding-top:3px;
}
.Icone_Nom_Livre_Or_Affiche{
float:left;
}
.Text_Nom_Livre_Or_Affiche{
float:left;
padding-left:12px;
padding-top:5px;
width:84%;
}
.Date_Livre_Or_Affiche{
color:#FFFFFF;
text-align:justify;
width:21%;
float:left;
padding-top:9px;
}
.Flag_Livre_Or_Affiche{
color:#FFFFFF;
float:left;
text-align:right;
width:10%;
padding-top:9px;
}
.Message_Livre_Or_Affiche{
color:#FFFFFF;
padding-left:5px;
padding-bottom:13px;
padding-top:4px;
text-align:justify;
width:98%;
}
.paginationlivre a {

     display: block;

    float: left;

    padding: 0.3em 0.5em;

    margin-right: 5px;

	margin-bottom: 5px;

	 text-decoration: none;

	border: solid 2px #000000;

	color: #000000;
	font-weight:bold;

	cursor:pointer;

}

.paginationlivre{
text-align:center;
width:98%;
text-align:center;
margin:3px;
padding-left:3px;
overflow:hidden;

}

.paginationlivre .current {

    background: #FFFFFF;

    color: #000000;

	border: solid 2px #000000;

}
#livre_or_affiche_messages{
margin-top:10px;
}