body{
  background:#dddddd;
  text-align:center;
  font-family:Candara,Arial;
  margin:0;
}

#cadreContent{
  background:#FFF;
  margin:auto;
  width:753px;
  text-align:left;
}
#cadreContent #headerPro{
  background:url('./header/headerPro.gif') no-repeat top left transparent;
  height:184px;
  width:100%;
}
#cadreContent #headerPro #bt{
  margin-left:324px;
}
#cadreContent #headerPro #bt a{
  display:block;
  text-align:center;
  width:107px;
  margin-top:25px;
  float:left;
  color:#000;
  font-weight:bold;
}
#credits{
  display:block;
  clear:both;
  width:130px;
  height:30px;
  border:1px solid #ec7cab;
  margin-top:-72px;
  margin-left:580px;
  padding:5px;
  font-size:12px;
}
#identification{
  display:block;
  clear:both;
  width:200px;
  height:50px;
  border:1px solid #ec7cab;
  margin-top:-77px;
  margin-left:534px;
  padding:5px;
  font-size:12px;
}
#deconnexion {
  margin-left:665px;
  margin-top:31px;
  font-size:14px;
  text-align:left;
}
#deconnexion a{
  color:#ec7cab;
}
.page{
  padding:0 20px;
  margin-bottom:30px;
  min-height:450px;
  _height:450px;
}
#prestataire .titrePage{
  display:block;
  margin-top:-53px;
  margin-left:64px;
  font-weight:bold;
  font-size:20px;
  text-align:left;
  margin-bottom:30px;
  height:30px;
}
#public .titrePage, H1{
  display:block;
  margin-top:-18px;
  margin-left:64px;
  font-weight:bold;
  font-size:20px;
  text-align:left;
  margin-bottom:30px;
  height:30px;
}
.err{
  margin:20px;
  color:red;
}

.msg{
  margin:20px;
  color:blue;
  text-align:center;
  font-weight:bold;
  font-size:20px;
}

#footer{
  text-align:center;
  border-top:1px solid #CCC;
  margin:0 30px;
  padding:30px 0;
  clear:both;
}

#footer #contact{
  text-align:left;
  margin:0 50px;
  line-height:20px;
}
#footer #contact b{
  color:green;
}
#footer #contact #prixTel{
  font-style:italic;
  font-size:12px;
  
}
#siteFooter{
  padding:10px 0 30px 0;
}
.alignement{
  clear:both;
}

/*    ========================
             ACCUEIL
      ========================    */
#proAccueil{
    text-align:center;
}
#proAccueil #bloc1, #proAccueil #bloc2{
    display:block;
    width:396px;
    margin:auto;
    font-size:24px;
    color:#000;
    letter-spacing:1px;
    font-style: italic;
    text-align:center;
    margin-bottom:20px;
}
#proAccueil #bloc1 a{
    color:#000;
}
#proAccueil #bloc1 span{
    font-size:28px;
}
#proAccueil #bloc2{
    width:500px;
    margin-top:-285px;
}
#proAccueil #bloc3{
    width:670px;
    padding-top:30px;
    border-top:1px solid #000;
    margin-bottom:40px;
}
#proAccueil #bloc3 .titreBloc{
    font-size:20px;
    font-weight:bold;
}
#proAccueil #bloc3 .col{
    width:285px;
    float:left;
    padding:20px;
}
#proAccueil #bloc3 .sousTitreBloc{
    font-size:14px;
    font-weight:bold;
}
#proAccueil #bloc3 p{
    font-size:14px;
    text-align:justify
}
#proAccueil #bloc4{
  clear:both;
}
#proAccueil #bloc4 a{
  display:block;
  width:160px;
  font-size:20px;
  text-transform:uppercase;
  float:left;
  margin:30px 30px;
}
/*    ========================
          INSCRIPTION
      ========================    */
#proInscription{
  text-align:center;
}
#proInscription table {
  border:1px solid #ec7cab;
  margin-left:142px;
  padding:10px;
  border-collapse: collapse;
  margin-bottom:30px;
}
#proInscription table th{
    text-align:left;
    width:200px;
    vertical-align:top;
    border:1px solid #ec7cab;
    padding:1px 5px;
    margin:0;
}

#proInscription table td{
    border:1px solid #ec7cab;
    padding:1px 5px;
    margin:0;
    text-align:left;
}

#proInscription table td #departements{
    width:100%;
    height:200px;
    overflow:auto;
}


/*    ========================
          LISTE DES PAPELS
      ========================    */
#proListeAppels{
  height:600px;
}
#proListeAppels #aucunAppel{
    margin:50px ;
    line-height:25px;
}
#proListeAppels .info{
    visibility: hidden;
}
#proListeAppels table {
  border:1px solid #ec7cab;
  border-collapse: collapse;
  float:left;
  width:300px;
}
#proListeAppels table th{
    background:#ffd0e3;
    text-align:center;
    vertical-align:top;
    border:1px solid #ec7cab;
    padding:1px 5px;
    margin:0;
}
#proListeAppels table td{
    padding:1px 5px;
    margin:0;
    text-align:left;
    border-top:1px solid #ec7cab;
}
#proListeAppels table tr{
    border:1px solid #ec7cab;
}

#proListeAppels #proDetailAppel{
    float:left;
    margin-left:30px;
    background:#ffd0e3;
    border:1px solid #ec7cab;
}
#proListeAppels #proDetailAppel .info{
    text-align:center;
    font-weight:bold;
    visibility: visible;
}
#proListeAppels #proDetailAppel table{
    clear:both;
    display:block;
    border:none;
    float:none;
    background:#FFF;
    font-size:14px;
    margin:10px 0 0 0;
    padding-left:10px;
    width:350px;
}
#proListeAppels #proDetailAppel table img{
    float:left;
    padding-right:20px;
}
#proListeAppels #proDetailAppel table th{
    vertical-align:top;
    background:transparent;
    border:none;
    padding:1px 5px;
    margin:0;
    text-align:left;
    width:150px;
    line-height:18px;
}
#proListeAppels #proDetailAppel table tr{
    border:none;
}
#proListeAppels #proDetailAppel table td{
    border:none;
    padding:1px 5px;
    margin:0;
    text-align:left;
    font-size:14px;    
    font-style: italic;
    width:200px;
}
#proListeAppels #proDetailAppel table .titre{
    text-align:left;
    font-size:14px;
    padding:20px 0 10px 0;
    font-style: italic;
    text-decoration:underline;
}

#proListeAppels #proDetailAppel #repondre{
    display:block;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    padding:40px 0 10px 0;
    margin:0;
    background:#FFF;
}

#proListeAppels #tableListeAppels{
    height:560px;
    width:330px;
    overflow:auto;
    float:left;
}


/*    ========================
              REPONSE
      ========================    */


#proReponseAppel{
  height:1000px;
}
#proReponseAppel #appel{
  width:300px;
  margin-left:10px;
  float:left;
  background:#ffd0e3;
    border:1px solid #ec7cab;
    padding-top:10px;
}

#proReponseAppel #appel .info{
    text-align:center;
    font-weight:bold;
}
#proReponseAppel #appel table{
    display:block;
    border:1px solid #ec7cab;
    background:#FFF;
    font-size:12px;
    margin:10px;
}
#proReponseAppel #appel table th{
    vertical-align:top;
    border:none;
    padding:1px 5px;
    margin:0;
    text-align:right;
    width:150px;
}
#proReponseAppel #appel table td{
    border:none;
    padding:1px 5px;
    margin:0;
    text-align:left;
    font-size:14px;    
    font-style: italic;
    width:150px;
}
#proReponseAppel #appel table .titre{
    text-align:center;
    font-size:14px;
    padding:20px 0 10px 0;
    font-style: italic;
    text-decoration:underline;
}

#proReponseAppel #appel #repondre{
    text-align:center;
    font-size:14px;
    padding:20px 0 10px 0;
}


#proReponseAppel #reponse{
  width:350px;
  margin-left:10px;
  float:left;
}
#proReponseAppel #reponse{
  width:380px;
  margin-left:10px;
  float:left;
  background:#ffd0e3;
    border:1px solid #ec7cab;
    padding-top:10px;
}

#proReponseAppel #reponse .info{
    text-align:center;
    font-weight:bold;
}
#proReponseAppel #reponse table{
    display:block;
    border:1px solid #ec7cab;
    background:#FFF;
    font-size:12px;
    margin:10px;
}
#proReponseAppel #reponse table th{
    vertical-align:top;
    border:none;
    padding:1px 5px;
    margin:0;
    text-align:right;
    width:150px;
}
#proReponseAppel #reponse table td{
    border:none;
    padding:1px 5px;
    margin:0;
    text-align:left;
    font-size:14px;    
    font-style: italic;
    width:150px;
}
#proReponseAppel #reponse table .titre{
    text-align:center;
    font-size:14px;
    padding:20px 0 10px 0;
    font-style: italic;
    text-decoration:underline;
}

#proReponseAppel #reponse #repondre{
    text-align:center;
    font-size:14px;
    padding:20px 0 10px 0;
}
#proReponseAppel #reponse input{
    width:215px;
    padding-left:5px;
    border:1px solid #AAA;
}

#proReponseAppel #reponse .file{
    width:300px;
}

#proReponseAppel #reponse .submit{
    width:160px;
    height:30px;
    margin-top:30px;
}




/*    ========================
          MES APPELS
      ========================    */
#proMesAppels{

}
#proMesAppels #aucunAppel{
    margin:50px ;
    line-height:25px;
}
#proMesAppels #info{
}
#proMesAppels table {
  border:1px solid #ec7cab;
  border-collapse: collapse;
  float:left;
  width:300px;
}
#proMesAppels table th{
    vertical-align:top;
    border:1px solid #ec7cab;
    padding:1px 5px;
    margin:0;
}
#proMesAppels table td{
    border:1px solid #ec7cab;
    padding:1px 5px;
    margin:0;
    text-align:left;
}




/*    ========================
          MES APPELS
      ========================    */


#proMesCredits{
  font-size:16px;
}

#proMesCredits .info{
  padding-left:30px;
}

#proMesCredits table {
  border:1px solid #ec7cab;
  border-collapse: collapse;
  float:left;
  width:500px;
  margin-left:30px;
}
#proMesCredits table th{
    vertical-align:top;
    border:1px solid #ec7cab;
    padding:1px 5px;
    margin:0;
}
#proMesCredits table td{
    border:1px solid #ec7cab;
    padding:1px 5px;
    margin:0;
    text-align:left;
}


#proMesCredits #recharge{
    clear:both;
    padding:30px;
}


#proMesCredits #recharge b{
    display:block;
}
#proMesCredits #recharge #total{
    display:block;
    padding-top:20px;
    padding-bottom:20px;
    color:green;
}
#proMesCredits #recharge #total #val{
    font-size:18px;
    font-weight:bold;
}
#proMesCredits #recharge #total .info{
    font-size:14px;
    color:#000;
    display:block;
    font-style: italic;
    padding:0;
}

#proMesCredits #valeur{
    font-size:16px;
    color:#000;
    font-style: italic;
    font-weight:normal;
}
#proMesCredits #recharge input{
    text-align:center;
}

#proMesCredits #cheque{
    text-align:justify;
    font-weight:bold;
    letter-spacing:1px;
    line-height:20px;
}

/*    ========================
             en SavoirPlus
      ========================    */
#proEnSavoirPlus{

}
#proEnSavoirPlus a{
  display:block;
  margin-left:25px;
  color:blue;
  line-height:8px;
  font-size:16px;
}
#proEnSavoirPlus h2{
  font-size:18px;
  font-weight:bold;
  letter-spacing:1px;
}
#proEnSavoirPlus p{
  font-size:14px;
  line-height:20px;

}



/*    ========================
           CONTACT
      ========================    */
#proContact{
  padding-left:40px;
}
#proContact p{
  font-size:18px;
  padding-top:20px;
}
#proContact #tel, #proContact #email{
  font-size:20px;
  font-weight:bold;
  margin-top:30px;
}

#proContact #tel #num,#proContact #email #mail{
  color:green;
}
#proContact #tel #prix{
  color:#000;
  font-size:12px;
  font-style:italic;
}