/* 
    Document   : style
    Created on : 9 févr. 2013, 17:46:30
    Author     : Jyve
    Description:
        Purpose of the stylesheet follows.
*/

body{
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("./Images/SansTitre2.jpg"); 
}
header {
    margin-top: 0.25%;
}

header a {
    padding-left:1%;
    padding-right: 1%;
    padding-bottom: 0.7%;

    font-weight: bold;
    font-size: medium;
    color :white;
}

.ld {
    position:absolute;
    right: 3%;
    padding-left:1%;
    padding-right: 1%;
    padding-bottom: 0.7%;
    width:15%;
    text-decoration: none;
    font-size:large;
}

.ld img {
    height: 10%;
    width: 10%;
}
.l1 {
    background: blue;
    color:white;
}
.l2 {
    background: red;
    color:white;
}
.l3 {
    background: green;
    color:white;
}
.l4 {
    background: rgb(240,208,30);
    color:white;
}

.lien1{
    border: 0;
    position: absolute;
              left: 72%;
              top:11.5%;
}

.favoris {
    max-width: 25%;
    position: absolute;
            top:45%;
}

.favoris a:link {
    color: green;
}

.favoris a:hover {
    color: red;
}

.favoris a:visited{
    color: green;
}

.favoris a:visited:hover{
    color: red;
}

.msgB{
    font-size:small;
    max-width: 70%;
    position: absolute;
        top:32%;
        left:13%;
}

.presentation{
    font-size:small;
    max-width: 70%;
    position: absolute;
        top:45%;
        left:13%;
}

.presentation td {
    padding-bottom: 3%;
}

.presentation span,  .sl1 {
    padding-left: 2%;
    color: rgb(34,181,78);
}

.lien2 {font-size:medium;}

.tl{
    text-decoration: underline;
    font-size:large;
    color:blue;
}

.contenu{
    max-width: 70%;
    position:absolute;
    top:50%;
    left:13%;
}

.monMetier{
    max-width: 70%;
    position:absolute;
    top:35%;
    left:13%;
}

.pub {
    border: 0;
    position:absolute;
          top:35%;
          right:2%;
}


footer {
    position:absolute;
         bottom:-20%;
         left:40%;
}

.footer2 {
    position:absolute;
         bottom:-100%;
         left:40%;
}

.footer3 {
    position:absolute;
         bottom:-20%;
         left:40%;
}

.msgCV {
    position: absolute;
         left:15%;
         top:32%;
    min-width:70%;
}

h1 {
    font-size: xx-large;
    text-align: center;
}

h2 {
    font-size: x-large;
    text-align: center; 
}

.msgCV img {
    position:absolute;
    left:80%;
    top:5%;
    width:12.5%
}

.msgCV p {
    margin-top: 3%;
}

.nom {
    font-weight: bold;
}

.adresse {
    font-style:italic;
    
        
    }
.article {
        margin-top:3%;
    }
    
h3 {
        color:blue;
        text-decoration: underline;
        font-size: large;
    }
 
.ent {
     margin-top:2%;   
    }
    
.contact {
        font-size: large;
        position: absolute;
            left:13%;
            top:34%;   
    }
    
    .contact span {
        color:red;
        font-weight: bold;
    }
    
    .msg{
        position: absolute;
        left:50%;
        width: 70%;
        height: 25%;
    }
    
    .msg2{
        position: absolute;
        left:50%;
        width: 40%;
        
    }
    .obj {
       color:black;
       margin-top:30%;
       
    }
   .contact ul{
       margin-top: -5%;
       margin-left: 40%;
       list-style-type: none;
    }