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

/*
    Corps de page
*/
body {
    margin: auto;
    font: 15px/15px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    background-image: url("../images/fond.JPG");
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-position: top;
    padding:0px;
}

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

input {
    width:300px;
    border:2px solid #000;
    box-shadow: 2px 2px 4px #F7974B;
    border-radius:5px;
}

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

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

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

.inputB {
    width:200px;
    background-image: url("../images/btn.JPG");
    /*background:#14FF47;*/
    border:2px solid #000;
    box-shadow: 2px 2px 4px #F7974B;
    border-radius:5px;
}

.tableC {
    margin-left: 250px;
}

textarea {
    width:300px;
    height:150px;
    border:2px solid #000;
    box-shadow: 2px 2px 4px #F7974B;
    border-radius:5px;
}


/**         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/titre.png");
    width: 1024px;
    height: 219px;
    margin: auto;
    margin-top: 15px;
    border-radius:8px 8px 0px 0px;
    box-shadow: 2px 2px 4px #000;
    border:2px solid #000;
}

.divTitreSite label{
    padding-left: 10px;
    color:#fff;
    text-shadow: 2px 2px 4px #000;
    font: 54px/54px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

.divTitreSite p{
    padding-left: 10px;
    margin-top: 0px;
    color:#fff;
    text-shadow: 2px 2px 4px #000;
    font: 24px/24px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

/**         Le MENU         **/
.divMenu{
    /*background: #555;*/
    background-image: url("../images/btn.JPG");
    width: 1009px;
    height: 35px;
    margin: auto;
    margin-top: -4px;
    border-radius:0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: 2px 2px 4px #000;
    color:#000000;
    font: 16px/16px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    font-weight:bold;
    border:2px solid #000;
    border-bottom:0px solid #000;
    padding-left: 15px;
    padding-top: 14px;
    list-style:none;
}

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

.divMenuA a{
    color:#000000;
    text-shadow:2px 2px 4px #fff;
    font: 20px/20px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    font-weight:bold;
    text-decoration:none;
}

/**         Zone d'affichage de la page         **/
.divZonePage{
    background: #fff;
    width: 994px;
    /*height: 1000px;*/
    margin: auto;
    border-radius:0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 2px 2px 4px #000;
    padding:15px;
    border:2px solid #000;
    border-top:0px solid #000;
    color:#000;
}

.imgAlbum {
    width:250px;
    border:2px solid #000;
    border-radius:5px;
    box-shadow:2px 2px 4px #aa7711;
    margin-right: 10px;
}

/**         Article ZonePage            **/
.zoneArticle3{
    /*background: #fff;*/
    width: 990px;
    /*height: 400px;*/
    /*border:1px solid #000;*/
}

/**         youtube ZonePage            **/
.zoneYoutubeG{
    background: #fff;
    width: 436px;
    position: absolute;
    margin-left: 10px;
    text-align: center;
    /*height: 400px;*/
    border:2px solid #000;
    border-radius:5px;
    box-shadow: 2px 2px 4px #000;
}

.zoneYoutubeD{
    background: #fff;
    width: 436px;
    margin-left: 545px;
    text-align: center;
    /*height: 400px;*/
    border:2px solid #000;
    border-radius:5px;
    box-shadow: 2px 2px 4px #000;
}

.zoneYoutube{
    width: 436px;
    margin:auto;
    text-align: center;
}

/**         Conseillers ZonePage        **/
.zoneType1{
    background: #aaa;
    background-image: url("../images/fond.JPG");
    width: 315px;
    /*height: 190px;*/
    border:2px solid #000;
    border-radius:5px;
    box-shadow: 2px 2px 4px #000;
    position: absolute;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 8px;
    margin-bottom: 20px;
    color:#fff;
}

.zoneType2{
    background: #aaa;
    background-image: url("../images/fond.JPG");
    width: 315px;
    /*height: 190px;*/
    border:2px solid #000;
    border-radius:5px;
    box-shadow: 2px 2px 4px #000;
    position: absolute;
    margin-left: 335px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 8px;
    color:#fff;
}

.zoneType3{
    background: #aaa;
    background-image: url("../images/fond.JPG");
    width: 315px;
    /*height: 190px;*/
    border:2px solid #000;
    border-radius:5px;
    box-shadow: 2px 2px 4px #000;
    margin-left: 670px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 8px;
    color:#fff;
}

.zoneType1 img{
    width:60px;
    height:60px;
    border:2px solid #000;
    box-shadow: 2px 2px 4px #fff;
    border-radius:5px;
    float: left;
    margin-right: 10px;
}

.zoneType2 img{
    width:60px;
    height:60px;
    border:2px solid #000;
    box-shadow: 2px 2px 4px #fff;
    border-radius:5px;
    float: left;
    margin-right: 10px;
}

.zoneType3 img{
    width:60px;
    height:60px;
    border:2px solid #000;
    box-shadow: 2px 2px 4px #fff;
    border-radius:5px;
    float: left;
    margin-right: 10px;
}

/**         PIED DE PAGE          **/
.divPiedPage{
    background: #ccc;
    background-image: url("../images/fond.JPG");
    width: 1019px;
    height: 150px;
    margin: auto;
    margin-top: -4px;
    margin-bottom:15px;
    padding-left: 5px;
    border-radius:0px 0px 8px 8px;
    box-shadow: 2px 2px 4px #000;
    border:2px solid #000;
    font: 14px/14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    color:#fff;
    text-align: center;
}

.divPiedPage h2{
    font: 24px/24px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    color:#CC9933;
    font-weight: bold;
}

.divPiedPage h3{
    font: 20px/20px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    color:#999;
    text-shadow:1px 1px 2px #000;
}

.divPiedPage a{
    font: 16px/16px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    color:#CC9933;
    text-shadow:1px 1px 2px #000;
    font-weight: bold;
}