/* Feuille e style CV v2 OK sous IE et FF */

body {
margin:0;
padding:0;
text-align: center;
margin: 0 0 0 0;
font: normal 13px "Trebuchet MS","Courier New", Courier;
background : #cccccc 
}

p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #C4A770;
padding:0;
margin:0;
}

.presentation{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-align: justify;
padding: 5;
margin: 5;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color: #C4A770;
text-align: center;
padding:0;
margin:0;
padding-bottom:8px;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #C4A770;
padding:0;
margin:0;
padding-bottom:8px;
text-align: right;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #C4A770;
padding:0;
margin:0;
padding-bottom:8px;
text-align: right;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color: #FF5000;
padding:0;
margin:0;
padding-bottom:8px;
text-align: left;
}

h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #C4A770;
padding:0;
margin:0;
padding-bottom:8px;
text-align: center;
}


hr {
margin-left:5px;
margin-right:5px
}

ul, li {
margin:0;
padding:0;
}

ul{
padding-left:10px;
padding-right:10px;
padding-top:10px;
/*list-style:none;*/
}

li{
background: url(images/bullet.gif) no-repeat 10px 5px;
padding-left:0px;
padding-bottom:5px;
}

.lien {
font-size:12px;
padding-left:2px;
padding-right:10px;
padding-top:2px;
text-align: right;
}		

.lien a:link {
text-decoration: none;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:12px;
text-align: right;
}
.lien a:hover {
text-decoration: underline;
color: #FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align: right;
}

.lien2 {
font-size:12px;
padding-left:2px;
padding-right:2px;
padding-top:2px;
text-align: left;
}

.lien2 a:link {
text-decoration: none;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:12px;
text-align: left;
}

.lien2 a:hover {
text-decoration: underline;
color: #FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align: left;
}

#header {
width:738px;
}

#container1{
padding:0;
margin: auto;
width:510px;
}

#container{
padding:0;
margin: auto;
width:738px;
height:auto;
background-color:#ffffff; 
padding: 5px;
border-left: 2px solid #c4a770;
border-top: 2px solid #c4a770;
border-right: 2px solid #c4a770;
border-bottom: 2px solid #c4a770;
height: auto; 
}

#content{
width:738px;
height:auto;
text-align:left;
}

#left{
width:200px;
float:left;
}
#box1{
width: 200px;
height:auto;
float:left;
}
#box2{
width: 200px;
height:auto;
float:left;
}

#box3{
width: 200px;
height:172px;
float:left;
}

#right{
float:right;
width: 500px;
}

#fenetre{
width:498px;
height:auto;
margin-right:7px;
margin-left:7px;
background:url(images/fenetre.jpg) no-repeat; 
float:right;
}

#description{
width:auto;
height:auto;
margin-right:15px;
margin-left:0;
margin:0;
padding:0;
float:left;
padding-left: 5px;
padding-top:37px;
}

#bottom{
background:url(images/bottom.gif) no-repeat;
width:738px;
height:auto;
clear:both;
background-color:#FFFFFF;
}
#bottom p{
text-align:center;
margin:0;
padding-top:10px;
}

#footer p{
text-align:center;
width:738px;
padding:0px;
margin:0;
color:#999999;
background-color:#FFFFFF;
}