body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
text-align:center;
background:url(../image/fond.gif);
}
img {
border:none;
background:none;
}
h1{
margin:0;
margin-bottom:2px;
padding:0;
font-size:12px;
}
h2{
margin:0;
margin-bottom:2px;
padding:0;
font-size:12px;
color: #cfcfcf;
}
.lienh2{
color: #cfcfcf;
}
#container {
width: 1000px;
margin: auto; 
text-align:left;
overflow:hidden;
background:#fff;
padding-bottom:10px;
position:relative;
clear:both;
}
#header {
height: 70px;
margin: auto;
padding-bottom:5px;
background:#0050c1 url(../image/navbar4.png) top repeat-x ;
}
#menu {
height: 26px;
background:url(../image/navbar2.png);
position: relative;
margin:auto;
margin-bottom:20px;
}
#menu ul{
margin:0;
padding:0;
background-image:url(../image/navbar2.png);
width: 100%;
list-style-type: none;
}
#menu li{
float:right;
border-right:1px solid #5599dd;
position:relative;
}
#menu li a{
display:block;
padding:5px 15px 5px 15px;
color: #fff;
font-weight:bold;
position:relative;
text-decoration:none;
}
#menu li a:hover, div#menu li:hover{
color:#000;
}
#droite {
margin-left: 325px;
padding-right:5px;
padding-top:0px;
height:1000px;
}
html>body #droite {
height: auto;
min-height: 1000px;
}


#gauche {
position: relative;
float:left;
width: 312px;
margin:5px;
margin-top:20px;
}
/* Inset 3D Curved */
.inset {background: transparent; width:312px;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff;}
.inset p {padding-bottom:0.5em;}

.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2, .inset .b3, .inset .b4, .inset .b4b, .inset .b3b, .inset .b2b {background:#f7f7f7; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf;}


.inset .b1 {margin:0 5px; background:#cfcfcf;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#cfcfcf;}

.inset .boxcontent {display:block; background:#ccc; border-left:1px solid #cfcfcf; border-right:1px solid #fff;}
#centre_gauche {
background: #f7f7f7;
border-right: solid 1px #cfcfcf;
border-left: solid 1px #cfcfcf;
padding:5px;
}

.hrgauche {
color: #d5dae5;
background-color: #d5dae5;
height: 1px;
border: 0;
}

.gris {
border-bottom: 1px solid #d5dae5;
margin:0;
padding:0;
}

.select {
height: 200px;
overflow: auto;
border: solid 1px #cfcfcf;
background:#fff;
text-align:left;
margin-bottom:15px;
}
.select ul {
list-style-type: none;
padding:0;
margin:0;
}
.select li a{
display:block;
width:280px;
padding-top:1px;
padding-bottom:1px;
color:#73b0ec;
text-decoration:none;
}
.select li a:visited{
color:#73b0ec;
text-decoration:none;
}
.select li a:hover{
background: #73b0ec;
color:#fff;
text-decoration:none;
}
#actuel a{
background: #73b0ec;
color:#fff;
}
.photo {
width : 146px;
height : 180px;
padding : 3px;
border : 1px solid #cee0ea;
background:#eaf4fa;
margin : 2px;
float:left;
color:#66bbe8;
}

.miniature {
width:150px;
height:153px;
}
#tel {
border:none;
background: #fff;
text-decoration:underline;
margin:0;
padding:0;
}
#bouton {
margin-top:0px;
margin-bottom:2px;
border-bottom: 1px solid #d5dae5;
overflow:auto;
width:100%;
}
#bouton_droite {
float:right;
text-align:right;
width:50%;
}
#bouton_gauche {
text-align:left;
float:left;
width:50%;
}

.bouton {
margin-top:0px;
padding-bottom:2px;
margin-bottom:4px;
border-bottom: 1px solid #d5dae5;
width:100%;
}
#photo {
margin:0;
padding:0;
}
#bouton a{
color:#000;
}
#bouton a:visited {
color:#000;
}
#amis{
margin-top:10px;
background:#fff;
border: solid 1px #cacaca;
}
#amis a {
text-decoration: none;
color: #000;
}

#liste_membre {
text-align:left;
padding:0;
margin:10px 0 10px 0;
list-style-type: none;
border-bottom: solid 1px #d5dae5;
}

#liste_membre li{
margin:0;
padding:1px;
border-top: solid 1px #d5dae5;
}
#liste_membre li a{
display:block;
color:#969898;
font-size:0.7em;
text-decoration:none;
}
#liste_membre li img{
vertical-align:middle;
}
#liste_membre li a span{
text-decoration:underline;
}
#liste_membre li a:hover{
background: #d5dae5;
}

.commentaire_photo, #formulaire_nouveau_commentaire{
width: 400px;
background: #eaeaea;
padding:5px;
margin-bottom: 10px;
}

#pub_commentaires{
width:180px;
border-left:3px solid #808080;
background: #eaeaea;
float:right; 
position:relative;
}

#formulaire_nouveau_commentaire input, #formulaire_nouveau_commentaire textarea, .button{
background: #f5f5f5;
border: solid 1px #808080;
}

.hr_com{
color: #808080;
margin:0;
padding:0;
margin-bottom:5px;
background-color: #808080;
height: 1px;
border: 0;
}

#pagination_bottom{
	border-top:solid 1px #d5dae5;
	border-bottom:solid 1px #d5dae5;
	padding-bottom:3px;
}

#pied{
background:#fff;
width:100%;
}