/**
* Description du fichier
*//* 
    Created on : 24 févr. 2015, 16:14:38
    Author     : Gaëlle Rauffet <gaelle.rauffet@kiwiscan.net>
*/
/* main title */
.intro h1 {
    font-size:1.8em;
    text-align: center;
}
.intro p {
    text-align:justify;
    width :95%;
    font-size:1.1em;
    line-height:2;
}
/* button to go to simulateur */
.bouton {
    width:30%;
    margin: 0 auto; 
    
}
.bouton a {
    border: 2px solid #44A12B;
    display:block;
    padding : 3% 1%;
    text-align:center;
    vertical-align:middle;
    background :#20855F;
    color:white;
    text-decoration:none;
    font-size :1.2em;
}
/* text alignment */
.teaser,.simulateur-steps  {
    text-align:center;
}
.teaser {
    /*color : #B91B40;*/
    color : #20855F;
}
/* home page links */
.doc_link {
    text-align: right;
}
.doc_link p {
    display: inline-block;
    width : 30%;
    text-align:center;
}
.doc_link a {
    font-size:1.2em;
    display:block;
    padding : 3% 1%;
    text-align:center;
    vertical-align:middle;
    background :#20855F;
    color:white;
    text-decoration:none;
    font-size :1.1em;
}
/* step of simulateur */
.step {
    display:inline-block;
    vertical-align: top;
    width:30%;
    text-align : left;
   /* border: 2px solid #44A12B;*/
   background-color:#E5E8E7;
    margin: 5px 2px 5px 2px;
    height:195px;
    padding-left:0.5%;
    padding-right:0.5%;
}
.step h3 {
    margin : 10px 0;
    font-size : 1.1em;
    height:35px;
    color : #44A12B;
}
.step h3 span {
    text-align:center;
    font-size : 0.8em;
    color: #000;
}
.sim_num_step {
    display:inline-block; 
    width:30px;
    height:30px;
    line-height:30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size:1em;
    background-color : #44A12B;
    margin-top :2px;
}
.ie8 .sim_num_step {
    background-color : transparent;
    background-image:url('/view/images/cercle.png');
    background-repeat:no-repeat;
    background-position:right top;
}
/** list of advantages */
.advantages, .intro {
    padding-left:1%;
}
.advantages {
    padding-top : 5px;
    padding-bottom : 1px;
    margin: 20px 2% 0 2%;
    background-color:#E5DEEA;
}
.advantages h2 {
    margin:0;
    font-size :1.5em;
}
.advantages > p {
    font-size :1.1em;
    width : 95%;
}

.advantages ul li {
    list-style-type: none; 
    background-image: url(/view/images/checkbox-green.png);
    background-repeat: no-repeat;   
    background-position: 0px -10px;
    padding-left :30px;
    margin-bottom:15px;
    margin-top:15px;

}