#haut{
    width:100%;
    height:100px;
    background: #f7c200;
}
#zone_haut{
    width:960px;
    height:100px;
    margin:0 auto;
    padding: 0;
    text-align: left;
    min-height: auto;
}
#haut h1{
    color: #000;
    display: inline-block;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 24px;
    font-style: italic;
    font-weight: 300;
    line-height: normal;
    padding-top: 20px;
    text-transform: uppercase;
    background: url(../images/trucs-et-astuces-demenager.png) no-repeat left center;
    padding-left:100px;
    height:80px;
}
#page{
    width:960px;
    min-height:500px;
    margin:0 auto;
}
#chapo{
    min-height:70px;
    margin-bottom:10px;
    width:710px;
    padding-top:20px;
}

#page h2{
    font-weight:300;
    font-size:16px;
    color:#000;
    letter-spacing: 1.25px;
    margin-bottom:5px;
    text-transform: uppercase;
}
#page p{
    font-size:13px;
    font-weight:300;
    color:#000;
    line-height: 20px;
    text-align: justify;
    margin-bottom:5px;
    letter-spacing: 1px;
}
#texte ul{
    
    padding:10px;
    min-width:300px;
    display: inline-block;
}
#navigation_liens{
    float:left;
    background: #ddd;
}
#image_presentation{
    text-align: center;
    margin:20px 0;
}
#texte ul li a{
    font-size:14px;
    font-weight:300;
    color:#000;
    line-height: 20px;
    text-align: justify;
    margin-bottom:5px;
    letter-spacing: 1.25px;
    display: block;
    background: url(../images/li.png) no-repeat left center;
    padding-left:20px;
}
#texte ul li a:hover{
    text-decoration: underline;
}
#texte p a{
    color:#000;
    font-weight:800;
}
#texte p a:hover{
    text-decoration: underline;
}
#texte h3{
    font-weight:300;
    font-size:16px;
    color:#000;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    line-height: 25px;
    margin-bottom:10px;
    padding-left:5px;
    background: #f7c200;
}
.zone_jaune{
    height:25px;
    width:960px;
    background: #f7c200;
    line-height: 25px;
    margin-bottom:10px;
}
#texte h4{
    font-weight:700;
    font-size:14px;
    color:#000;
    letter-spacing: 1.25px;
    margin-bottom:5px;
}
.zone{
    padding:10px 0;
    margin-bottom:20px;
    /*background: #ddd;*/
    border-bottom:1px solid #000;
}
#texte .zone ul{
    padding: 0;
    margin:0;
    background: none;
}
#texte ul li{
    font-size:13px;
    font-weight:300;
    color:#000;
    line-height: 20px;
    text-align: justify;
    margin-bottom:5px;
    letter-spacing: 1px;
    margin-left:10px;
    background: url(../images/li.png) no-repeat left 5px;
    padding-left:20px;
    
}
.hop{
    display: inline-block;
    width:13px;
    height:16px;
    background: url(../images/top.png) no-repeat left top;
    margin-left:10px;
    cursor: pointer;
}


/***********************************************************CONSEILS*******************/
#conseils{
    min-height:100px;
    margin-top:50px;
    padding:0;
}
.conseil-image{
    width:240px;
    height:180px;
    float:left;
    margin-right:30px;
}
.conseil-texte{
    float: left;
    width:690px;
}
#conseils h3 a{
    color: #000;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
}
#conseils p a{
    font-size:14px;
    font-weight:300;
    color:#333;
    letter-spacing: 0.50px;
    line-height: 22px;
    text-align: justify;
}
#conseils p a:hover{
    color:#898989;
}
.conseil{
    min-height:180px;
    position: relative;
    margin-bottom:20px;
}
#fiche-conseil{
   margin-top:40px;
}
#fiche-conseil h1{
    color:#111;
    margin-bottom:20px;
    font-weight:800;
    font-size:16px;
    background: #F7C200;
    display: inline-block;
    padding:10px;
    text-transform: uppercase;
}
#image-conseil{
    float:left;
    margin-right:20px;
    width:360px;
}
#texte_conseil{
  padding:0;
}
#texte_conseil p{
    line-height: 24px;
    margin-bottom:5px;
    letter-spacing: 1px;
    font-size:14px;
}
#texte_conseil  ul{
    margin:5px 0 10px 20px;
    float: left;
    width:560px;
}
#texte_conseil  ul li{
    font-size:14px;
    font-weight:300;
    color:#000;
    line-height: 20px;
    text-align: justify;
    margin-bottom:5px;
    letter-spacing: 1px;
    margin-left:10px;
    background: url(../images/li.png) no-repeat left 7px;
    padding-left:20px;
    line-height: 24px;
}
#texte_conseil h3,#texte_conseil h4,#texte_conseil h5{
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom:10px;
    letter-spacing: 1.25px;
    
}
#texte_conseil p a{
    color:#e7111b;
}
#autres_article{
    margin-top:10px;
}
#autres_article{
    background: #F7C200;
    display: inline-block;
    padding:10px;
    
}
#autres_article h3{
    color: #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom:10px;
    letter-spacing: 1.25px;
    
}
#autres_article ul li a{
    padding-left:22px;
    line-height: 18px;
    display: inline-block;
    background: url(../images/li.png) no-repeat left center;
    color:#000;
    letter-spacing: 1.25px;
    margin-bottom:10px;
    font-size:14px;
    font-weight:300;
}
#autres_article ul li a:hover{
    text-decoration: underline;
}
/*FIN*CONSEILS*/
.ecran{
    display:block;
}
.mobile{
    display:none;
}