﻿/*-------------------------------------------------------------------- TEXTES ---------------------------------------------------------------------------*/
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #505050; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url("../images/motif.gif"); }
h1 { font-size: 12px; text-transform: uppercase; font-weight: bold; }
h2 { font-size: 12px; font-weight: bold; padding: 5px 0px; margin: 0px;  }
h5 { color: #b2a47b; }
p { padding: 0px 0px 10px 0px; margin: 0px; }
a img { border: 0 none; }


input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #505050; }
input[type="submit"] /*boutons*/ { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #505050; }
select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #505050; }
.confirm /*Messages de confirmation*/ { color: #42c016; font-size: 11px; }
.erreur /*Messages d'erreurs*/ { font-family: Arial, Helvetica, sans-serif; color: Red; font-size: 11px; margin-left: auto; margin-right: auto; }
.titre { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: bold; }
.titrePage { font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 16px; font-weight: bold; margin-top: 10px; margin-bottom: 10px; background-color: #0b559e; padding: 10px; }
a:link { color: #000000; text-decoration: underline; }
a:visited { color: #000000; text-decoration: underline; }
a:active { color: #000000; text-decoration: underline; }
a:hover { color: #000000; text-decoration: none; }
ul { list-style-type: square; padding: 0px 0px 0px 50px; margin: 0px;  }
li { padding: 0px 0px 15px 0px;  }
#divBasMenu a:link { color: #ffffff; text-decoration: underline; }
#divBasMenu a:visited { color: #ffffff; text-decoration: underline; }
#divBasMenu a:active { color: #ffffff; text-decoration: underline; }
#divBasMenu a:hover { color: #ffffff; text-decoration: none; }
.lienBlanc:link { color: #ffffff; text-decoration: none; }
.lienBlanc:visited { color: #ffffff; text-decoration: none; }
.lienBlanc:active { color: #ffffff; text-decoration: none; }
.lienBlanc:hover { color: #ffffff; text-decoration: underline; }
/***************************************************************  ELEMENTS  ******************************************************************************/
#divFondGeneral { width: 1031px; height: 842px; margin-right: auto; margin-left: auto; background-image: url(     "../images/fond_montagnes.jpg" ); }
#divTitrePageIndex { width: 473px; height: 45px; float: left; background-image: url(     "../images/logotitre.png" ); margin-left: 75px; margin-top: 25px; }
#divNewsletterIndex { width: 380px; height: 55px; float: left; margin-left: 50px; margin-top: 35px; color: #ffffff; }

#divColonneGaucheIndex { width: 54px; height: 712px; float: left; margin-left: 66px; margin-top: 8px; background-image: url(     "../images/bandeau_titre_gauche.jpg" ); }
#divColonnePhoto { width: 358px; height: 712px; float: left; margin-top: 8px; /*background-image: url(    "../images/image_flash.jpg" );*/ }
#divColonneMenu { width: 138px; height: 712px; float: left; margin-top: 8px; background-image: url(     "../images/menu_fondBleu.png" ); }
#divColonneDroite { width: 343px; height: 712px; float: left; margin-top: 8px; background-image: url(     "../images/index_bandeaudroit.jpg" ); }
#divColonneDroitePage { width: 701px; height: 712px; float: left; margin-top: 8px; background-image: url(     "../images/fondblanc_pages.jpg" ); }
#divBienvenueIndex { width: 323px; padding: 10px; height: 83px; line-height: 13px; overflow: hidden; }
#divEntretienIndex { width: 323px; padding: 10px; height: 67px; }
#divAgendaIndex { width: 323px; padding: 10px; height: 170px; }
#divActualitesIndex { width: 323px; padding: 10px; height: 165px; }
#divMenu { height: 483px; width: 138px; padding-top: 17px; }
#divBasMenu { height: 210px; width: 138px; display: table; color: #ffffff; text-align: center; }
#divPiedPage { width: 893px; height: 33px; color: #ffffff; line-height: 33px; vertical-align: middle; margin-left: auto; margin-right: auto; text-align: center; clear: both; }
#divContenuPage { margin: 10px; width: 669px; height: 692px; overflow: auto; padding-right: 20px; }

.titreIndex { margin-top: 10px; display: block; }
.titreHistorique { text-align: center; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: bold; width: 100%; height: 20px; }
#ctl00_ContentPlaceHolder1_divGauchePage { width: 460px; height: auto; float: left; padding-left: 10px; }
#divDroitePage { width: 160px; height: auto; float: left; margin-left: 20px; background-color: #e6e6e6; }
#ctl00_ContentPlaceHolder1_divHistorique { margin-bottom: 20px; }
.titreDynamique { color: #0b559e; font-size: 12px; font-weight: bold; }
.dateDynamique { width: 220px; height: 13px; font-size: 10px; font-style: italic; margin-top: 2px; }
.contenuDynamique { margin-top: 10px; width: 303px; float: left; text-align: justify; }
.picDynamique { margin-top: 10px; width: 140px; float: right; border: 0px; }
.elementHistorique { margin-left: 10px; display: block; line-height: 20px; }
.elementHistorique img { border: 0px; }
/*************************************************************  Elements index  *************************************************************************/
#divTexte { width: 220px; height: 69px; float: left; display: block; }
#divTexteTitre { width: 220px; height: 15px; vertical-align: top; overflow: hidden; display: block; }
#divTexteDate { width: 220px; height: 13px; font-size: 9px; font-style: italic; overflow: hidden; display: block; }
#divTexteDescription { width: 220px; height: 41px; overflow: hidden; line-height: 13px; text-align: justify; color: #000000; display: block; vertical-align: top; }
#imgDroite { float: right; border: 0px; clear: right; display: block; }
#divSeparateur { height: 30px; width: 320px; clear: both; display: block; }









