.banner {
background:#000000; 
border:none;
height:80px;
width:auto;
        }
        
.name  {
background:#000000 url("name.png") no-repeat; 
border:none;
height:80px;
width:11em;
margin-left: auto;
margin-right: auto;
}

body { 
background: #000000;
margin: 0;
padding: 0;
}

.footer   {
clear: both;
padding-top: 40px;
margin-top: 40px;
padding-bottom: 0;
margin-bottom: 0;
border: none;
width:auto;
}

.content {
padding:5px;
margin-left:auto;
margin-right:auto;
border: none;
width:80%;
        }

.menu {
background: #000000;
border:none;
width: 100%;
height:53px;
        }
/* menu peut aussi etre utile pour faire un sort de boite*/

.columncenter {
width: 540px;
margin-left: auto;
margin-right:auto;
border: none;
}

.columncenter2 {
width: 260px;
margin-left: auto;
margin-right:auto;
border: none;
}

.columncenter3 {
width: 645px;
margin-left: auto;
margin-right:auto;
border: none;
}

.columncenter4 {
width: 380px;
margin-left: auto;
margin-right:auto;
border: none;
}

.columncenter5 {
width: 840px;
padding:10px;
margin-left: auto;
margin-right:auto;
border: none;
}

.columncenter6 {
width: 1010px;
padding:10px;
margin-left: auto;
margin-right:auto;
border: none;
}


.columncenter7 {
width: 900px;
padding:10px;
margin-left: auto;
margin-right:auto;
border: none;
}

.columncenter8 {
width: 750px;
padding:10px;
margin-left: auto;
margin-right:auto;
border: none;
}

p {text-align:justify;font-family:"century gothic", sans-serif; color:#dadada; }
p.center {text-align: center;font-family: "century gothic",sans-serif; color: #dadada;}
form {font-family:sans-serif; color:#dadada; }

h1,h3 {text-align:center;font-family:"century gothic", sans-serif; color:#dadada; }

ul {text-align:center;list-style-type:none; font-family:"century gothic",serif; color:#dadada;
}

ul.navlist  {
list-style-type: none;
margin-left: auto;
margin-right: auto;
width: auto;
color: #fff;
border: none;
}

ul.navlist li { display: inline; }

ul.navlist li a  {
color: #fff;
padding: 0.2em 1em;
text-decoration: none;
border: none;
}

ul.navlist li a:hover  {
color:#66ffcc;
}
/* navlist est le menu horizontal.*/

img.thumbhor {
width: 126px;
height: 95px;
padding: 7px;
margin: 7px;
border: none;
}

img.thumbvert {
width: 95px;
height: 126px;
padding: 7px;
margin: 7px;
border: none;
}

.pic {
float:left;
padding-top: 5px;
padding-right: 15px;
}


.photopropose {
width: 389 px;
float: right;
padding: 0px;
margin-left: auto;
margin-right:auto;
border: none;
}

.photopropose2 {
width: 389 px;
float: left;
padding: 0px;
margin-left: auto;
margin-right:auto;
border: none;
}



