body {background-color: #565656;padding-top:10px;}
a img{ border:none}
a {color:#000000}
a:hover {color:#1090cb}

/*=====GLOBAL======*/
#main {width:900px; margin: auto;}

/*=====HEADER======*/
#logo {width:700px; height:150px; padding-bottom:20px; padding-left: 100px; float:left;}
#actions {width:100px; height:150px; padding-top:0px; float:right;}

/*=====NAVBAR======*/
ul {list-style:none;padding:0px; margin:0px;}

.menu {width: 199px; height: 262px; float: left;}
.nav {width:199px; height:260px; font-family: 'Advent Pro', cursive; font-size: 1.2em; font-weight: 400; vertical-align:top }
.nav li {width:199px; height:52px; background:url(../img/nav.png); text-align:right;}
.nav li a {display:block; width:189px; height:52px; text-decoration:none; color: #757575; padding:15px 15px 0px 0px}
.nav li a:hover {color:#1090cb; background:url(../img/hover.png); background-repeat:no-repeat;  padding:15px 15px 0px 0px}
#current {width:189px; height:37px; display:block; color:#1090cb; background:url(../img/hover.png) no-repeat; text-align:right; padding:15px 15px 0px 0px;}
#line-nav {width:199px; height:2px; background:url(../img/line_nav.png) no-repeat; padding:0px; margin:0px}

/*=====DIVERS======*/
.shadow {box-shadow: 0px 0px 20px #000000; width: 701px; float: right}

/*=====PROFIL======*/
#profil {width:681px; height:222px; background:url(../img/line.png) bottom center no-repeat; background-color:#FFFFFF;  padding: 20px 10px; float: right;}
#profil .photo {height:221px; width:188px; float:left; padding-left:10px}
#profil .id {position:relative; width:470px; height:200px; padding:0px; float:left;}
#profil .contact {position: absolute; width:160px; float:right; padding-right:0px; left: 310px; top: 0px;}

/*=====CONTAINER======*/
#container{width:641px; height:auto; padding:30px; background-color:#FFFFFF; float: right;}
.table{margin: 10px 0px;}

/*=====EXPERIENCE======*/
.experience{margin-bottom: 5px;}
.details{margin-bottom: 20px;}
button{margin:0px 0px}

/*=====TEXTS======*/
#profil p{font-family:Helvetica, Verdana, Arial, sans-serif; font-size: smaller; color:#000000; text-align:justify; padding:0px 10px 0px 10px; margin:0px;}
#profil H1{line-height:0.8; font-family: 'Advent Pro', cursive; font-size: 1.7em; font-weight: bold; color:#1090cb;padding:0px 10px 0px 10px; margin:0px;}
#profil H2{font-family: 'Advent Pro', cursive; font-size:  1.2em; font-weight: 400; color:#000000;padding:0px 10px 0px 10px; margin:0px;}

#container p{font-family:Helvetica, Verdana, Arial, sans-serif; font-size:0.8em; color:#000000; text-align:justify; padding:0px ; margin:0px;}
#container H1{line-height:0.8; font-family: 'Advent Pro', Fantasy, Helvetica, Verdana ; font-size: 1.7em; font-weight: bold; color:#1090cb; margin:0px 0px 10px 0px; padding: 0px }
#container H2{font-family: 'Advent Pro', Fantasy, Helvetica, Verdana; font-size:  1.2em; font-weight: 400; color:#000000;padding:0px ; margin:0px;}
#container H3{font-family: 'Advent Pro', Fantasy, Helvetica, Verdana; font-size:  1em; font-weight: bold; color:#1090cb;padding:0px ; margin:20px 0px 0px 0px;}
#container H4{font-family: 'Advent Pro', Fantasy, Helvetica, Verdana; font-size:  1em; font-weight: 400; color:#000000;padding:0px; margin:0px;}
#container H4 a{color: #757575;}
#container ul{margin-left:0px; padding-left: 0px;}
#container li { background-image:url(../img/check.png); background-repeat:no-repeat; background-position: 0px; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:0.8em; color:#000000; text-align:justify; padding: 0px 0px 0px 20px; margin-left:0px;}

/*=====FOOTER======*/
#footer {width: 900px; clear: both}
#footer p{font-family:Helvetica, Verdana, Arial, sans-serif; font-size:0.8em; color: #757575; text-align:right; padding:10px ; margin:0px;}