/* 
    Document   : style
    Created on : 17 déc. 2013, 11:00:24
    Author     : sempai31
    Description:
        Purpose of the stylesheet follows.
*/

/*
    Corps de page
*/

hr {
  height: 2px;
  padding: 0;
  color: #F00;
  margin-top: 15px;
  background-color: #000;
  box-shadow: 2px 2px 4px #353533;
  border: 0;
}

.titreCentre{
    font: 20px/20px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px #666;
    color:#aa4400;
}

.divZoneGauche {
    width:150px;
    height:310px;
    float:left;
    font: 14px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 2px #ee8844;
}

.divZoneOmbre {
    width:820px;
    height:310px;
    border:2px solid #993300;
    border-radius:8px;
    background: #FFE8BD;
    box-shadow: 2px 2px 4px #993300;
    padding: 5px;
    overflow:scroll;
    overflow-x: hidden;
    margin-left: 160px;
    font: 14px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    /*text-shadow: 1px 1px 2px #ee8844;*/
}

.divDisponible {
    margin-top: 5px;
    margin-left: 190px;
    width:110px;
    background-color: #44cc44;
    color:#000;
    font: 14px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    font-weight: bold;
    border:2px solid #000;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #000;
}

.divNonDisponible {
    margin-top: 5px;
    width:110px;
    background-color: #ff6600;
    color:#000;
    font: 14px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    font-weight: bold;
    border:2px solid #000;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #000;
}

/**         ZONE PRINCIPALE DE LA PAGE          **/
.divCorps{
    width: 1024px;
    /*height: 1024px;*/
    margin: auto;
    /*background: #fff;
    opacity: 0.55;*/
    /*border: 1px solid #000;*/
}

/**         ZONE IMAGE TITRE           **/
.divTitreSite{
    background-image: url("../images/logowsdl.png");
    width: 1024px;
    height: 130px;
    margin: auto;
    margin-top: 15px;
    /*border-radius:8px;
    box-shadow: 2px 2px 4px #000;
    border:2px solid #fff;*/
}

/**         Le MENU         **/
.divMenu{
    /*background-image: url("../images/ciel1.jpg");*/
    background: #353533;
    width: 1009px;
    height: 35px;
    position: fixed;
    margin-left: -512px;
    /*margin-top: 2Em;*/
    top: -1em;
    /*right: 10%;*/
    left: 50%;
    border-radius:0px 0px 8px 8px;
    box-shadow: 2px 2px 4px #000;
    color:#FFFFFF;
    font: 16px/16px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    font-weight:bold;
    border:2px solid #fff;
    padding-left: 15px;
    padding-top: 14px;
    list-style:none;
    z-index:20;
}

.divMenuA{
    /*background: #ff9933;*/
    float:left;
    margin-top: -14px;
    padding-top: 14px;
    padding-left: 5px;
    height:35px;
    width:158px;
    color:#FFFFFF;
    font: 20px/20px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    font-weight:bold;
    text-align: center;
    text-decoration:none;
    
    border-left: 1px dotted #662200;
    border-right: 1px dotted #662200;
}

.divMenuA a{
    color:#FFFFFF;
    font: 20px/20px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    font-weight:bold;
    cursor:pointer;
    text-decoration:none;
}

.divMenuA a:hover{
    color:#000000;
    font: 20px/20px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    font-weight:bold;
    cursor:pointer;
    text-decoration:underline;
}

/**         Zone d'affichage de la page         **/
.divZonePage{
    background-image: url("../images/filigrane.jpg");
    /*background: #fff;*/
    width: 994px;
    /*height: 1000px;*/
    margin: auto;
    margin-top: 15px;
    margin-bottom: 30px;
    border-radius:8px;
    box-shadow: 2px 2px 4px #000;
    padding:15px;
    border:2px solid #000;
    font: 14px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    color:#000;
}

.divZonePage h2{
    font: 20px/20px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    color:#666666;
}

.divZonePage h3{
    font: 16px/16px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    font-style: italic;
    color:#666666;
}

.divZonePage h4{
    font: 13px/13px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    color:#000;
}

.divZonePage a{
    font: 14px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    color:#6B5EFF;
    font-weight: bold;
    text-decoration: none;
}

.divZonePage a:hover{
    font: 14px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    color:#000000;
    font-weight: bold;
    text-decoration: underline;
}

.zoneSaisie{
    width: 350px;
    border:2px solid #000;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #000;
    font: 14px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

#infos{
    
}

#lemail{
    
}

#div_carte { 
 height : 600px; /* IMPERATIF */ 
 width : 900px;
 margin : auto; 
 border : 1px solid #888; 
 }

#listecentres {
    background-color: #FFFFFF;
    width:380px;
    height:595px;
    float:left;
    margin-right:10px;
    border:2px solid #000;
    /*border-radius: 5px;*/
    text-align: center;
    overflow-y:scroll;
    box-shadow: 1px 1px 2px #000;
}

#carte {
    width:600px;
    height:600px;
}

.titreSection {
    background-color: #353533;
    margin: auto;
    height: 35px;
    padding-top: 12px;
    border:2px solid #00F;

    border-left: 1px dotted #662200;
    border-right: 1px dotted #662200;
    box-shadow: 0px 1px 2px #6B5EFF;
    color: #FFFFFF;
    font: 18px/18px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    vertical-align:middle;


}

.divFormule {
    background-color: #ADC9FF;
    margin: auto;
    width: 90%;
    /*height: 35px;*/
    padding: 12px;
    border:2px solid #000;
    border-radius:8px;
    /*border-left: 1px dotted #662200;*/
    /*border-right: 1px dotted #662200;*/
    box-shadow: 2px 2px 4px #C3C3C3;
    color: #333;
    font: 14px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    /*text-align: center;*/
    vertical-align:middle;
}

.horaires {
    background-color: #C3C3C3;
    margin: auto;
    width: 240px;
    /*height: 35px;*/
    padding: 12px;
    border:2px solid #000;
    border-radius:8px;
    margin-top: 15px;
    /*border-left: 1px dotted #662200;*/
    /*border-right: 1px dotted #662200;*/
    box-shadow: 2px 2px 4px #ADC9FF;
    color: #333;
    font: 12px/12px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    /*text-align: center;*/
    vertical-align:middle;
}

.rubrique {
    background-color: #CCCCCC;
    border-radius:4px;
    border:2px solid #000;
    box-shadow: 2px 2px 4px #C3C3C3;
    color: #333;

}

.rubrique1 {
    background-color: #FFF;
    height:25px;
    border-radius:4px;
    border:3px solid #000;
    box-shadow: 2px 2px 4px #C3C3C3;
    color: #FF0000;

}

.texteRouge {
    color: #FF0000;
}

.texteBleu {
    color: #6B5EFF;
}

.boutonSite {
    background-color: #ADC9FF;
    border-radius:8px;
    border:2px solid #000;
    box-shadow: 2px 2px 4px #C3C3C3;
    color: #333;
}

.lienPied {
    /*background-color: #CCCCCC;*/
    /*border-radius:4px;*/
    /*border:2px solid #000;*/
    text-shadow: 2px 2px 9px #000;
    color: #0000FF;
    text-decoration: none;
    font: 16px/16px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

.lienPied a{
    text-shadow: 2px 2px 9px #000;
    color: #FFFFFF;
    text-decoration: none;
    font: 16px/16px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

.marge {
margin-left: 50px;
}

.boutonOption {
    background-color: #FFFFFF;
    border-radius:4px;
    border:2px solid #000;
    box-shadow: 2px 2px 4px #C3C3C3;
    /*color: #333;*/
}

.lapub {
    margin-right: 10px;
    margin-top:30px;
    width: 320px;
    height: 398px;
    padding: 12px;
    position: absolute;
    /*border:1px solid #000;*/
    z-index:-1;
    /*border-radius:8px;*/
    /*border-left: 1px dotted #662200;*/
    /*border-right: 1px dotted #662200;*/
    /*box-shadow: 2px 2px 4px #C3C3C3;*/
    /*text-align: center;*/
    vertical-align:middle;
}

.imgcentres {
    width: 320px;
    /*height: 240px;*/
    border:2px solid #000;
    border-radius:4px;
    box-shadow: 2px 2px 4px #C3C3C3;
    vertical-align:middle;
}

.divpromopneu1 {
    /*background-image: url("../images/lignes.jpg");*/
    background-image: url("images/pneu1.jpg");
    /*background-color: #FFFFFF;*/
    width:90%;
    height:290px;
    margin-top:20px;
    margin-right:10px;
    border-radius: 5px;
    border:3px solid #1C2FE3;
    text-align: center;
    box-shadow: 1px 1px 2px #000;
    /*text-shadow: 2px 2px 2px #FF4753;*/
    font: 20px/20px "Trebuchet MS, Verdana, Helvetica, Arial, sans-serif";
}

.divimagepneu1 {
    background-image: url("../images/PNEU.jpg");
    background-color: #FFFFFF;
    height:50px;
    width:210px;
    margin-top:4px;
    margin-left:0px;
    border-radius: 5px;
    border:2px solid #000;
    box-shadow: 1px 1px 2px #000;
}

.divimgp1 {
    /*height:92px;*/
    width:90%;
    margin-top:4px;
    margin-left:0px;
    border-radius: 5px;
    border:2px solid #000;
    /*box-shadow: 1px 1px 2px #000;*/
}