
/*----------------------------- block principaux de structure ----------------*/

/* conteneurs accueil */
#HomePresent {
    height: 340px;
    text-align: right;
    padding-top: 7px;
    background: url(present_photo.gif) 35px 40px no-repeat;
    /*background: url(voeux-2012.jpg) 35px 15px no-repeat;*/
}

#HomeReal {
    text-align: right;
    padding-top: 7px;
    /*background: url(present_photo.gif) 35px 40px no-repeat;*/
}

#HomePresent .block_right {
    width: 510px;
    margin-top: 20px;
    margin-left: 490px;
    text-align: left;
}
#HomePresta {
    margin-top: 28px;
    margin-bottom: 38px;
}
#HomePresent h1 { margin: 0 0 14px 0; }
#HomePresta td { width: 333px; vertical-align: top; }
#HomePresta div.prest { width: 270px; margin: 0 30px 0 30px; }
#HomePresta div.prest ul { margin-bottom: 17px; }
#HomePresta h2 {
    padding-left: 32px;
    background: url(piko_big.gif) 0 5px no-repeat;
}

/* conteneur plein */
#Content_full { width: 956px; margin: 22px; margin-bottom: 38px; }

/* conteneur message */
#Message {
    margin-left: auto;
    margin-right: auto;
    width: 420px;
    margin-top: 70px;
    margin-bottom: 100px;
}

#Message .Error {
    border: 1px solid #c9735f;
    background: #fbf1ee;
    padding: 15px;
}

/*----------------------------- style des elements de page -------------------*/


/* items accueil */

.img_right { margin-left: 48px; }

a.homelink {
    width: 220px;
    height: 50px;
    display: block;
    float: left;
    margin-left: 17px;
    line-height: 50px;
    text-indent: 66px;
    font-size: 16px;
    color: #555;
    margin-top: 10px;
}
a.homelink:hover { color: #d2882c; text-decoration: none;  }
a.homelink:active, a.homelink:focus { outline: 0; }

a.homelink_plus { background: url(Pluss.jpg) 0 -1px no-repeat; }
a.homelink_contact { background: url(Be_Contacted.jpg) 0 0 no-repeat; text-indent: 70px; }

/*a.homelink_plus:hover { background: url(Pluss.jpg) 0 -47px no-repeat; }
a.homelink_contact:hover { background: url(Be_Contacted.jpg) 0 -47px no-repeat; }*/


/* Gabarits Mise en forme */

.cont_left, .cont_right { margin-top: 25px; margin-bottom: 35px; }
#gabContent hr { clear: both; }


.cont_left { width: 615px; float: left; margin-left: 15px; }
.cont_right {
    width: 320px;
    float: left;
    margin-left: 40px;
    /*border: 1px solid #94b5d2;
    background: #edf5fb;*/
}

.right_head {
    background: #94b5d2;
    color: #fff;
    text-align: center;
}

.cont_right_content { margin: 10px; }

/* Liens */

.aDevis {
    padding: 4px;
    display: block;
    background: #fffcf8;
    border: 1px solid #f1b062;
    color: #525252;
}

.aDevis:hover {
    background: #fef1e0;
    color: #000000;
    border: 1px solid #f49a27;
    text-decoration: none;
}

/* Mise en forme historique */

.Histo {
    width: 955px;
    /*background: #eff3f6 url(histo_corner.gif) right top no-repeat;*/
    background: url(ligne__top.jpg) left top no-repeat;
    margin-top: 25px;
}

.Histo td { vertical-align: top; }

.HistoImg { width: 250px; }
.HistoDetail { width: 275px;  border-right: 1px solid #e3e3e3; }
.HistoDescr { width: 440px; padding-left: 20px; }

.HistoDetail, .HistoDescr { padding-top: 8px; }

.HistoImg img {
    margin: 12px;
    border: 1px solid #91b0c8;
}

.HistoDetail ul { margin: 0; margin-top: 7px; padding-left: 18px; }
.HistoDetail li { font-size: 11px; margin-top: 2px; }


.goto {
    text-align: right;
    padding-right: 37px;
    color: #6e90ad;
    height: 30px;
}

.goto a { font-size: 15px; text-decoration: none; background: url(rond.jpg) 74px 0 no-repeat; padding-right: 22px; }

.goto a:hover { color: #efae14; }

.line_top { height: 15px; }
.line_bottom { width: 100%; background: url(ligne.jpg) right 0 no-repeat; height: 1px;}
/*.line_top { width: 100%; background: url(ligne_top.jpg) left top no-repeat; height: 1px;}*/

.devisBlk {
    display: block;
    height: 60px;
    /*border: 1px solid #b1c9df;*/
    background: #edf2f5;
    padding: 5px;
    color: #111;
    text-decoration: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.devisBlk:hover {
    color: #111;
    background: #d8e5ed;
    text-decoration: none;
}

.devisBlk img { float:left; margin-left: 7px; margin-right: 10px;  }
.devisBlk b { display: block; margin-top: 10px; margin-bottom: 2px; font-size: 15px; }


.be_contacted {
    position: relative;
    width: 966px;
    height: 226px;
    background: url(blok-contact.gif) no-repeat;
}

.contact_text {
    position: absolute;
    width: 450px;
    height: 80px;
    margin-top: 92px;
    margin-left: 60px;
    color: #fff;
    font-size: 14px;
}

.contact_mail, .contact_phone {
    position: absolute;
    width: 360px;
    height: 65px;
    margin-left: 520px;
}

.contact_mail input, .contact_phone input {
    border: 2px solid #7f8b95;
    position: absolute;
    width: 240px;
    height: 28px;
    margin-left: 100px;
    margin-top: 15px;
    font-size: 19px;
    background: #edf2f5;
    color: #696969;
    padding: 2px;
}

.contact_mail {
    margin-top: 20px;
    background: url(ico_contact_mail.gif) 20px 12px no-repeat;
}

.contact_phone {
    margin-top: 90px;
    background: url(ico_contact_phone.gif) 20px 12px no-repeat;
}

.contact_valid {
    display: block;
    position: absolute;
    width: 330px;
    height: 40px;
    margin-left: 595px;
    margin-top: 170px;
    color: #fff;
    font-size: 15px;
    line-height: 47px;
    padding-left: 80px;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.contact_valid:hover {
    text-decoration: none;
    color: #dde6ed;
}

.Remy { color: #7092af; font-size: 18px; }

#coordonnees { width: 100%; }
#coordonnees td { width: 32%; vertical-align: top; }

.demande { width: 100% }
.demande td, th { vertical-align: top; padding: 5px; }
.demande td { width: 35%; }
.demande th { width: 15%; }
.demande input, .demande textarea, .demande select {
    border: 2px solid #7f8b95;
    background: #edf2f5;
    color: #696969;
}



.ThumSites {
	position: absolute;
	width: 427px;
	height: 292px;
	visibility: hidden;
	background: #fff;
    border: 1px solid #91b0c8;
    margin-left: -20px;
    margin-top: -20px;
}

.MiniThum {
	display: block;
	width: 205px;
	height: 140px;
	margin: 0;
    border: 1px solid #91b0c8;
}

.athena { background: url(../ressources/histo/athena.gif) 0 0 no-repeat; }
#ThumAthena { background: url(../ressources/histo/athena.gif) -205px 0 no-repeat; }

.espacevi { background: url(../ressources/histo/espacevi.gif) 0 0 no-repeat; }
#ThumEspacevi { background: url(../ressources/histo/espacevi.gif) -205px 0 no-repeat; }

.miammiam { background: url(../ressources/histo/miammiam.gif) 0 0 no-repeat; }
#ThumMiammiam { background: url(../ressources/histo/miammiam.gif) -205px 0 no-repeat; }

.mds { background: url(../ressources/histo/mds.gif) 0 0 no-repeat; }
#ThumMDS { background: url(../ressources/histo/mds.gif) -205px 0 no-repeat; }

.cento { background: url(../ressources/histo/cento.gif) 0 0 no-repeat; }
#ThumCento { background: url(../ressources/histo/cento.gif) -205px 0 no-repeat; }

.cesi { background: url(../ressources/histo/cv_cesi.gif) 0 0 no-repeat; }
#ThumCesi { background: url(../ressources/histo/cv_cesi.gif) -205px 0 no-repeat; }

.teneo { background: url(../ressources/histo/teneo.gif) 0 0 no-repeat; }
#ThumTeneo { background: url(../ressources/histo/teneo.gif) -205px 0 no-repeat; }

.axess { background: url(../ressources/histo/axess.gif) 0 0 no-repeat; }
#ThumAxess { background: url(../ressources/histo/axess.gif) -205px 0 no-repeat; }

.kfe { background: url(../ressources/histo/kfe.jpg) 0 0 no-repeat; }
#ThumKfe { background: url(../ressources/histo/kfe.jpg) -205px 0 no-repeat; }

.comite { background: url(../ressources/histo/comite69.jpg) 0 0 no-repeat; }
#ThumComite69 { background: url(../ressources/histo/comite69.jpg) -205px 0 no-repeat; }

.vincent { background: url(../ressources/histo/vincent.jpg) 0 0 no-repeat; }
#ThumVincent { background: url(../ressources/histo/vincent.jpg) -205px 0 no-repeat; }

.aqua { background: url(../ressources/histo/aquaticclub.jpg) 0 0 no-repeat; }
#ThumAqua { background: url(../ressources/histo/aquaticclub.jpg) -205px 0 no-repeat; }

.as { background: url(../ressources/histo/asmail.jpg) 0 0 no-repeat; }
#ThumAs { background: url(../ressources/histo/asmail.jpg) -205px 0 no-repeat; }

.info { background: url(../ressources/histo/axaideinfo.jpg) 0 0 no-repeat; }
#ThumAxInfo { background: url(../ressources/histo/axaideinfo.jpg) -205px 0 no-repeat; }

.olstor { background: url(../ressources/histo/olstor.jpg) 0 0 no-repeat; }
#ThumOlstor { background: url(../ressources/histo/olstor.jpg) -205px 0 no-repeat; }

#contacted { background: url(blok-contact-fade.jpg) 0 0 no-repeat; width: 946px; height: 226px; }
#contacted_message {width: 350px; height: 50px; position: absolute; margin-top: 70px; margin-left: 350px; font-size: 11px; }
#contacted_message h3 { padding-bottom: 5px; }


#ContOk {
    margin-top: 12px;
    padding: 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #dbfbb7;
    color: #000;
}

#ContError {
    margin-top: 12px;
    padding: 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #ffd4b8;
    color: #000;
}

#RealTbl { width: 100%; height: 130px; margin: 32px 0; }
#RealTbl td { vertical-align: middle; text-align: left; }
.h2s {
  font-size: 22px;
  /*color: #7298B9;*/
}

.RealTitle { width: 23%; }
.RealSites { width: 77%; }
.RealSites a {
  display: block;
  width: 190px;
  text-align: center;
  font-size: 11px;
  line-height: 22px;
  float: left;
}
.RealSites a:hover { text-decoration: none; }


/*
.form {
	width: 800px;
	padding: 0;
	margin: 0;
	border-collapse: separate;
}

.form th {
	background: #6d90ae;
	color: #fff;
	font-weight: bold;
	padding-left: 3px;
}
.form td {
	background: #f5f5f5;
	margin: 0;
	paddind: 0;
}

.form textarea {margin: 0; padding: 0;}

.submit {
	width: 60%;
	margin-left: 160px;
	background: #557d9f;
	border: 1px solid #fff;
	color: #fff;
}

.submit:hover {
	background: #86a9c7;
	border: 1px solid #afafaf;
	color: #000;
	cursor: pointer;
}
*/
