body{
    font:Verdana, Arial, Helvetica, sans-serif;
    background-image:url(Images/BackgroundDiagonlinev2.jpg);
    background-repeat:repeat-x;
    background-position:top left;
    background-color:#6d8c02;
    text-align:center;
    margin-top:10px;
    }

/*definition de la balise p*/
p{
    float:left;
    background-position:top left;
    background-repeat:no-repeat;
    padding-left:20px;
    margin:10px 20px 0 20px;
    text-align:justify;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#436868;
}

p.size1
{
	font-size:12px;
}
p.size2
{
	font-size:13px;
}
p.size3
{
	font-size:14px;
}
.hide{
    display:none;
}

/*Definition de la balise Titre h1 Globale*/
h1{
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
    background-position:center left;
    background-repeat:no-repeat;
    margin:0px;
    padding-left:30px;
    height:30px;
    line-height:30px;
    margin-left:10px;
}

h2{
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#436868;
    background-position:center left;
    background-repeat:no-repeat;
    margin:0px;
    padding-left:30px;
    height:30px;
    margin-left:10px;
}

h3
{
	clear:left;
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#436868;
    background-position:center left;
    background-repeat:no-repeat;
    margin:0px;
    padding-left:30px;
    height:30px;
    line-height:30px;
    margin-left:10px;
}

/*Espacement vertical entre les blocs*/
.space{
    width:100%;
    display:block;
    height:20px;
    float:left;
}

/*-----------------------------------------------------------------------*/
/*        Partie Top*/

/*-----------------------------------------------------------------------*/

/*Definition de la Top Zone */
.top {
    width:1000px;
    height:100px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    position:relative;
}

/*Definition de la Banniere*/

.bannerSite {
    width:1010px;
    height:100px;
    position:absolute;
    z-index:0;
    background-image:url(Images/ImageBanner.png);
    
}

/*Definition du logo de la Banniere*/

.bannerLogo {
    width:200px;
    height:65px;
    position:absolute;
    z-index:1;
    top:20px;
    right:100px;
    text-align:right;
}


/*Definition du Menu Général -> Menu à onglet*/
.menuOnglet {
    width:1000px;
    height:50px;
}


.menuOnglet li {
    list-style:none;
    float:left;
    padding:0;

}

.menuOnglet li a {
    width:130px;
    height:50px;
    font-size:11px;
    text-decoration:none;
    text-align:center;
    display:block;
    background-image:url(Images/ButtonMenu.png);
    background-position:bottom;
    background-repeat:no-repeat;
    line-height:70px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    color:#FFFFFF;
}

.menuOnglet li a:hover {
    background-image:url(Images/ButtonMenuOver.png);
    background-position:bottom;
    background-repeat:no-repeat;
    line-height:50px;
}
/*Definition du Menu Banner for DF4 -> Menu Banner for DF4*/
.menuOnglet_ {
    float:left;
    margin-top:5px;
    margin-left:50px;
}
.menuOnglet_ ul{
    margin-top:0px;
    margin-left:0px;
    padding-left:0px;
}
.menuOnglet_ li {
    list-style:none;
    float:  left;
    padding-right:50px;
	text-align:left;
}
.menuOnglet_ li a {
    height:50px;
    font-size:12px;
    font-weight: bold;
    text-decoration:none;
    text-align:left;
    display:block;
    
    /*background-image:url(Images/OngletBanner_180.png);   */
    background-position:bottom;
    background-repeat:no-repeat;
    line-height:70px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    padding-left:10px;
    padding-right:10px;
}
.menuOnglet_ li a:hover 
{
	background-image:url(Images/OngletBanner_180_Over.png);
    background-position:bottom;
    background-repeat:no-repeat;
    line-height:70px;
    text-decoration:underline;
    color:#000000;
}
/*Definition du drop down menu -> drop down menu*/
.menuContext {
    width:100px;
    height:30px;
    padding: 0px;
    margin: 0px;

}
.menuContext ul {
list-style:none;
margin: 0px;
padding:0px;
border: none;
}

.menuContext ul li {
    
    padding:0;
    margin:0px;

}

.menuContext ul li a {
    width:120px;
    height:30px;
    padding-left:10px;
    font-size:11px;
    text-decoration:none;
    text-align:left;
    display:block;
    /*background-image:url(Images/OngletBanner_180.png);*/
    background-position:bottom;
    background-repeat:no-repeat;
    border:solid 1px #000000;
    line-height:30px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    color:#FFFFFF;
  
}

.menuContext ul li a:hover  
{	/*background-color: #436868;*/
	background-image:url(Images/OngletBanner_180_Over.png);  
    background-position:bottom;
    background-repeat:no-repeat;
    line-height:30px;
    color:#000000;
    text-decoration:underline;
}
/* Vertical Menu Exemple*/
/*  
.vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin: 0px;
}

.vertmenu h1 {
display: block; 
background-color:#FF9900;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:159px;
}

.vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
.vertmenu ul li {
margin: 0px;
padding: 0px;
}
.vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:160px;
}

.vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}
*/


/*-----------------------------------------------------------------------*/
/*        Partie Container                                               */

/*-----------------------------------------------------------------------*/

/*Definition du Container*/

.container{
    margin-left:auto;
    margin-right:auto;
    width:1010px;
    background-image:url(Images/ContainerBackground.png);
    background-position:top left;
    background-repeat:repeat-y;
}

/*Définition de la banniere Espace*/
.bannerEspace{
    margin-left:10px;
    margin-right:10px;
    width:1000px;
    height:70px;
    background-repeat:no-repeat;
    background-position:top left;
    background-image:url(Images/BannerEspaceHome.jpg);
}

/* Partie Contenu */
.contenu{
    margin-left:7px;
    margin-right:7px;
    width:1000px;
    /*height:380px;*/
}

/* definition de la partie gauche et droite du contenu*/
.leftSide{
    float:left;
    width:465px;
    /*height:600px;*/
    margin-left:20px;
    text-align:left;
}

.rightSide{
    float:right;
    width:465px;
    /*height:600px;*/
    margin-right:20px;
    text-align:left;
}

/*-------------Bas de Page------------------------------------*/

.bottom{
    margin-left:auto;
    margin-right:auto;
    width:1010px;
    height:60px;
    background-image:url(Images/ImageBottom.png);
    background-repeat:no-repeat;
}


.bottom .partenaire{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#999999;
    float:right;
    position:relative;
    top:-20px; 
    left: -20px;
    height:50px;
}

.bottom .partenaire img{
    margin-left:15px;
}


/*Definition des box de type 300px de largeur -> Taille Max 300x800*/
.box300, .box300Right{
    float:left;
    width:300px;
    height:470px;
    background-image:url(Images/Box300_Bottom.gif);
    background-position:bottom;
    background-repeat:no-repeat;
}

.box300Header{
    background-image:url(Images/Box300_Header.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    width:300px;
    height:50px;
}

.box300Right{
    float:right;
}

/*Definition des Box de Largeur 465 (1/2)*/
.box465{
    margin-left:0px;
    float:left;
    width:465px;
    height:250px;
    background-image:url('Images/Box465_Bottom.gif');
    background-position:bottom;
    background-repeat:no-repeat;
}

.box465Header{
    width:465px;
    height:30px;
    background-image:url(Images/Box465_Header.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    padding-top:0px;
}

.box465Header h1{
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#436868;
    background-position:center left;
    background-repeat:no-repeat;
    margin:0px;
    padding-left:30px;
    height:30px;
    line-height:30px;
    margin-left:10px;
}

.box465Header h3{
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#436868;
    background-position:center left;
    background-repeat:no-repeat;
    margin:0px;
    padding-left:30px;
    height:30px;
    line-height:30px;
    margin-left:10px;
}

.box465 ul{
    list-style:none;
}

.box465 ul li{
    float:left;
    width:230px;
}

.box465Right{
    float:right;
}
/*Definition des box de type 625px de largeur -> Taille Max 300x800*/
.box625{
    float:left;
    width:625px;
    height:300px;
    background-image:url(Images/Box625_Bottom.gif);
    background-position:bottom;
    background-repeat:no-repeat;
}

.box625Header{
    width:625px;
    height:30px;
    background-image:url(Images/Box625_Header.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    padding-top:0px;
}

.box625Header h1{
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#436868;
    background-position:center left;
    background-repeat:no-repeat;
    margin:0px;
    padding-left:30px;
    height:30px;
    line-height:30px;
    margin-left:10px;
}

/*definition des paragraphes type 2 colonnes*/
.box625 ul{
    list-style:none;
}

.box625 ul li{
    float:left;
    width:290px;
}
/*Definition des Box de Largeur 950 (1)*/
.box950{
    margin-left:8px;
    float:left;
    width:950px;
    height:450px;
    background-image:url(Images/Box950_Bottom.gif);
    background-position:bottom;
    background-repeat:no-repeat;
}

.box950Header{
    width:950px;
    height:30px;
    background-image:url(Images/Box950_Header.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    padding-top:0px;
}

.box950Header h1{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#436868;
    line-height:30px;
    background-position:center left;
    background-repeat:no-repeat;
    margin:0px;
    padding-left:30px;
}

/*Definition des Box de Largeur 950 (1)*/
.box975{
    float:left;
    width:960px;
    height:450px;
    background-image:url(Images/Box975_Bottom.gif);
    background-position:bottom;
    background-repeat:no-repeat;
}

.box975Header{
    width:960px;
    height:30px;
    background-image:url(Images/Box975_Header.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    padding-top:0px;
}

.box975Header h1{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#436868;
    line-height:30px;
    background-position:center left;
    background-repeat:no-repeat;
    margin:0px;
    padding-left:30px;
}

.box975Header h3{
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#436868;
    background-position:center left;
    background-repeat:no-repeat;
    margin:0px;
    padding-left:30px;
    height:30px;
    line-height:30px;
    margin-left:10px;
}
/*definition des paragraphes type 2 colonnes*/
.box975 ul{
    list-style:none;
}
.box975 ul
{
    margin:0px;
    padding:0px;   
}
.box975 ul li{
    float:left;
    width:480px;
    margin:0px;
    padding:0px;
    z-index:auto;
}

.barTitre950{
    float:left;
    width:950px;
    height:40px;
    background-image:url(Images/BarTitre950.jpg);
    background-position:top;
    background-repeat:no-repeat;
    margin-left:25px;
    margin-top:15px;
}


/*-----------------------------------------------------------------------*/
/*        Box Partenaires                                               */

/*-----------------------------------------------------------------------*/

/*Definition des boites type partenaire*/
.boxPartenaires, .boxPartenairesType2{
    width:300px;
    height:470px;
    background-image:url(Images/Box300Partenaire_Bottom.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
}

.boxPartenairesHeader, .boxPartenairesHeaderType2{
    background-image:url(Images/Box300Partenaire_Header.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    width:300px;
    height:40px;
    margin:0;
    padding-left:10px;
    padding-top:5px;
}

.boxPartenairesType2{
    width:300px;
    background-image:url(Images/Box300Inscription_Bottom.gif);
    background-position:bottom;
    background-repeat:no-repeat;
}

.boxPartenairesHeaderType2{
    background-image:url(Images/Box300Inscription_Header.gif);
    background-position:top left;
    background-repeat:no-repeat;
    width:300px;
    height:50px;
    margin:0;
    padding-left:10px;
    padding-top:5px;
}

.boxPartenairesType2 h2{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
    line-height:43px;
    background-image:none;
    background-position:top left;
    background-repeat:no-repeat;
    margin:0px;
    padding-left:35px
}

/*-----------------------------------------------------------------------*/
/*        Box Publicite                                               */

/*-----------------------------------------------------------------------*/


/*Definition des boites type publicite*/
.boxPublicites, .boxPublicitesType2{
    margin-top:25px;
    width:300px;
    height:61px;
    background-image:url('Images/Box300Publicites_Bottom.jpg');
    background-position:50% bottom;
    background-repeat:no-repeat;
}

.boxPublicitesHeader, .boxPublicitesHeaderType2{
    width:300px;
    height:40px;
    background-image:url(Images/Box300Publicites_Header.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    margin:0;
    padding-left:10px;
    padding-top:5px;
}

/* Box Publicite type2*/
.boxPublicitesType2{
    width:211px;
    background-image:url('Images/Box300Inscription_Bottom.gif');
    background-position:50% bottom;
    background-repeat:no-repeat;
}

.boxPublicitesHeaderType2{
    background-image:url(Images/Box300Inscription_Header.gif);
    background-position:top left;
    background-repeat:no-repeat;
    width:300px;
    height:50px;
    margin:0;
    padding-left:10px;
    padding-top:5px;
}

.boxPublicitesType2 h2{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
    line-height:43px;
    background-image:none;
    background-position:top left;
    background-repeat:no-repeat;
    margin:0px;
    padding-left:35px
}

/*Definition des boites type Inscription*/
.boxInscription{
    width:300px;
    height:420px;
    background-image:url(Images/Box300Inscription_Bottom.gif);
    background-position:bottom;
    background-repeat:no-repeat;
}

.boxInscriptionHeader{
    background-image:url(Images/Box300Inscription_Header.gif);
    background-position:top left;
    background-repeat:no-repeat;
    width:300px;
    height:50px;
    margin:0;
    padding-left:10px;
    padding-top:5px;
}

.boxInscriptionHeader h2{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
    line-height:43px;
    background-image:none;
    background-position:top left;
    background-repeat:no-repeat;
    margin:0px;
    padding-left:35px;
}

/*Definition des boites type Déja Insctrit*/
.boxDejaInscrit{
    width:300px;
    height:180px;
    background-position:bottom;
    background-repeat:no-repeat;
    margin-top:20px;
}

.boxDejaInscritHeader{
    background-position:top left;
    background-repeat:no-repeat;
    width:300px;
    height:50px;
    margin:0;
    padding-left:10px;
    padding-top:5px;
}

.boxDejaInscrit h2{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
    line-height:43px;
    background-image:none;
    background-position:top left;
    background-repeat:no-repeat;
    margin:0px;
    padding-left:35px;
}

.formDejaInscrit p{
    height:30px;
    line-height:30px;
    background-image:none;
    margin:0px;
    padding-left:0px;
    padding-right:0px;
}


.listPage{
    float:left;
    display:block;
    margin-top:5px;
    /*margin-left:10px;*/
    width:605px;
    height:30px;
    line-height:25px;
    text-align: center;
    /*padding-left:150px;*/
}

.listPage950{
    float:left;
    display:block;
    margin-top:5px;
    width:950px;
    height:30px;
    line-height:25px;
    text-align: center;
}
.listPage ul, .listPage950 ul{
    margin:0;
    padding:0;
}

.listPage a.pagerLink, .listPage950 a.pagerLink{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#678f8f;
    /*display:block;*/
    width:15px;
    height:30px;
    text-align:center;
}

.listPage a.pagerLink:hover, .listPage950 a.pagerLink:hover{
    text-decoration:underline;
}

.listPage .pagerCurrent, .listPage950 .pagerCurrent{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#678f8f;
    /*display:block;*/
    width:15px;
    height:30px;
    text-align:center;
    font-weight: bold;
}

.butNext a, a.butNext{
    /*float:left;*/
    height:30px;
    padding-left:30px;
    text-align:left;
    background-image:url(Images/BigPuceNext_Normal.png);
    background-position: left center;
    background-repeat:no-repeat;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#678f8f;
}

.butNext a:hover, a.butNext:hover{
    background-image:url(Images/BigPuceNext_Yellow.png);
    text-decoration:underline;
}

.butBack a, a.butBack{
    /*float:left;*/
    height:30px;
    background-image:url(Images/BigPuceBack_Normal.png);
    background-position: right center;
    background-repeat:no-repeat;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#678f8f;
    padding-right:30px;
}

.butBack a:hover, a.butBack:hover{
    background-image:url(Images/BigPuceBack_Yellow.png);
    text-decoration:underline;
}

/*Definition des gros bouton étiquette page default */

.EtiqBut{
    margin-left:75px;
    text-align:center;
}

.EtiqBut a{
    /*padding-left:45px;*/
    float:left;
    display:block;
    width:250px;
    height:50px;
    background-image:url(Images/etiquette_Vierge.png);
    background-position:top left;
    background-repeat:no-repeat;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#000000;
    text-decoration:none;
    font-weight:bold;
    line-height:45px;
}

.EtiqBut a:hover{
    background-image:url(Images/etiquette_Vierge_over.png);
    text-decoration:underline;
}

.fieldRed
{
    background-color: #f1d4d4;

}
.fieldRed[type="text"], .fieldRed[type="password"]
{
    border: solid 1px #7f9db9;
   height: 18px;  
}
.fieldRedBat
{
    background-color: #f1d4d4;

}
.fieldRedBat[type="text"], .fieldRed[type="password"]
{
    border: solid 1px #7f9db9;
   height: 15px;  
}

/*-----------------------------------------------------------------------*/
/*        Box Contact                                                    */

/*-----------------------------------------------------------------------*/

.boxContactAtys{
    width:300px;
    height:300px;
    background-image:url(Images/Box300Inscription_Bottom.gif);
    background-position:bottom;
    background-repeat:no-repeat;
}

.boxContactAtysHeader{
    background-image:url(Images/Box300Inscription_Header.gif);
    background-position:top left;
    background-repeat:no-repeat;
    width:300px;
    height:50px;
    margin:0;
    padding-left:10px;
    padding-top:5px;
}

.boxContactAtys h2{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFFFFF;
    line-height:43px;
    background-image:none;
    background-position:top left;
    background-repeat:no-repeat;
    margin:0px;
    padding-left:35px
}

/*Definition des listes*/

/* Liste Site */

.listStandard {
    width:100%;
}

.listStandard th {
    text-align:center;
    /*width:120px;*/
    /*height:80px;*/
    background-color:#EAEAEA;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:100;
    color:#678f8f;
    font-weight:bold;
    padding-left:5px;
    border:solid 1px #678f8f;
}

.listStandard th a {
    color:#678f8f;    
}

.listStandard td {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#888888;
    /*width:120px;*/
    /*height:25px;*/
    margin:0;
    padding:0px;
    padding-left:5px;
}

.listStandard .first {
    width:200px;
}

.listStandard td a{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#888888;
    background-position:center left;
    background-repeat:no-repeat;
    /*width:90px;
    height:30px;*/
    display:block;
    float:left;
    margin-left:3px;
    text-decoration:none;
    line-height:25px;
}

.listStandard td a:hover{
    text-decoration:underline;
}

.listStandard td a.button{
    background-image:url(Images/ButModifier.png);
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#FFFFFF;
    background-position:center left;
    background-repeat:no-repeat;
    width:90px;
    /*height:30px;*/
    display:block;
    float:left;
    margin-left:3px;
    text-decoration:none;
    line-height:25px;
    text-align: center;
}

.listStandard td a.button:hover{
    background-image:url(Images/ButModifier_Over.png);
}

.listStandard td.action{
    width: 280px;
    text-align: right;
}

/* Liste Bâtiment et PDL */
.listBat {
    width:100%;
}

.listBat th {
    text-align:left;
    /*width:120px;*/
    /*height:80px;*/
    background-color:#EAEAEA;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:100;
    color:#678f8f;
    font-weight:bold;
    padding-left:5px;
    border:solid 1px #678f8f;
    height:15px;
}

.listBat th a {
    color:#678f8f;    
}

.listBat h2 {
    font-size:10px;
    padding-left:50px;
    font-style:italic;
    padding-top:30px;
}

.listBat td {
    background-color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#888888;
    /*width:120px;*/
    /*height:25px;*/
    margin:0;
    padding:0;
    height:15px;
    padding-left:5px;
}

.listBat .first {
    width:200px;
}

.listBat td a{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#888888;
    background-position:center left;
    background-repeat:no-repeat;
    /*width:90px;
    height:30px;*/
    display:block;
    float:left;
    margin-left:3px;
    text-decoration:none;
    line-height:25px;
}

.listBat td a:hover{
    text-decoration:underline;
}

.listBat td a.button{
    background-image:url(Images/ButModifier.png);
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#FFFFFF;
    background-position:center left;
    background-repeat:no-repeat;
    width:90px;
    /*height:30px;*/
    display:block;
    float:left;
    margin-left:3px;
    text-decoration:none;
    line-height:25px;
    text-align: center;
}

.listBat td a.button:hover{
    background-image:url(Images/ButModifier_Over.png);
}

.listBat td.action{
    width: 280px;
    text-align: right;
}

/* Liste pour information */
.listInfo th {
    width:100px;
    text-align:right;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:100;
    color:#888888;
    font-weight:bold;
    padding-right:10px;
    height:20px;
}

.listInfo td {
    width:300px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#678f8f;
    background-color:#EAEAEA;
    font-weight:100;
    font-weight:bold;
    margin:0;
    padding-left:10px;
}

.listInfo .first {
    width:200px;
}

.listInfo input[type="text"]{
    width:290px;
    color:#678f8f;
    border-width:0px;
}


/* Liste pour Site*/
.listSite th {
    width:130px;
    text-align:right;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:100;
    color:#888888;
    font-weight:bold;
    padding-right:10px;
    height:20px;
}

.listSite td {
   width: 300px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#678f8f;
    background-color:#EAEAEA;
    font-weight:100;
    font-weight:bold;
    margin:0;
    padding-left:10px;
}

.listSite .first {
    width:200px;
}

.listSite input[type="text"]{
    width:290px;
    color:#678f8f;
    border-width:0px;
   
}

.listSite h2 {
    font-size:10px;
    padding-left:50px;
    font-style:italic;
    padding-top:10px;
}

.listSite a
{
    float:left;
    margin-right:20px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#436868;
    text-decoration:underline;
    font-style:normal;
    padding:0px;
}
.listSite a:hover
{
    color:Black;
    padding:0px;
}

/* Liste pour tableau*/
.listTable th {
    width:130px;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:100;
    color:#888888;
    font-weight:bold;
    height:20px;
    background-color:#FFFFFF;
}

.listTable td {
    width:300px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#678f8f;
    background-color:#EAEAEA;
    font-weight:100;
    font-weight:bold;
    margin:0;
    padding-left:10px;
}

.listTable .first {
    width:200px;
}

.listTable input[type="text"]{
    width:290px;
    color:#678f8f;
    border-width:0px;
}

.listTable h2 {
    font-size:10px;
    padding-left:50px;
    font-style:italic;
    padding-top:10px;
}

/* Liste pour Stat*/
.listStat th {
    width:50px;
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:100;
    color:#888888;
    font-weight:bold;
    padding-left:10px;
    height:20px;
    border:solid 1px #888888;
}

.listStat td {
   width: 300px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#678f8f;
    background-color:#EAEAEA;
    font-weight:100;
    font-weight:bold;
    margin:0;
    padding-left:10px;
    text-align:right;
    padding-right:20px;
}

.listStat .first {
    width:200px;
}

.listStat input[type="text"]{
    width:80px;
    color:#678f8f;   
}

.listcheck input[type="checkbox"]{
    text-align:center;
    width:135px;
    color:#678f8f;   
}

.listStat h2 {
    font-size:10px;
    padding-left:50px;
    font-style:italic;
    padding-top:10px;
}

.listStat a
{
    float:left;
    margin-right:20px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#436868;
    text-decoration:underline;
    font-style:normal;
    padding-right:10px;
}
.listStat a:hover
{
    font-style:normal;
    font-weight: bold;
    color:Black;
}

/* Liste pour BatimentWizard*/
.listBatWiz th {
    width:50px;
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:100;
    color:#888888;
    font-weight:bold;
    padding-left:10px;   
    height:20px;
    border:solid 1px #888888;
}

.listBatWiz td {
   width: 300px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#678f8f;
    background-color:#EAEAEA;
    font-weight:100;
    font-weight:bold;
    margin:0;
    padding-left:10px;
    text-align:right;
    padding-right:20px;
}

.listBatWiz .first {
    width:200px;
}

.listBatWiz input[type="text"]{
    width:60px;
    color:#678f8f;
    font-size:11px;   
    font-weight:bold;
}

.listBatWiz select
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#678f8f;
    background-color:#FFFFFF;
    font-weight:bold;
}

.listBatWiz h2 {
    font-size:12px;
    padding-left:50px;
    font-style:italic;
    padding-top:10px;
}

.listBatWiz a
{
    float:left;
    margin-right:20px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#436868;
    text-decoration:underline;
    font-style:normal;
    padding-right:10px;
}
.listBatWiz a:hover
{
    font-style:normal;
    font-weight: bold;
    color:Black;
}

.checkSite label{   
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:100;
    color:#888888;
    font-weight:bold;
}
h1.lien div, h1.lien span
{
    float:left;
}
h1.lien a
{
    float:right;
    margin-right:20px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#436868;
    text-decoration:underline;
    font-style:normal;
    padding-right:10px;
}
h1.lien a:hover
{
    font-weight: bold;
    color:Black;
}

h3 a
{
    float:left;
    margin-left:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#436868;
    text-decoration:underline;
    font-style:normal;
    text-align:left;
    padding-right:10px;
}
h3 a:hover
{
    color:Black;
    font-weight: bold;
}

h3.lien a
{
    float:right;
    margin-right:20px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#436868;
    text-decoration:underline;
    padding-right:10px;
    font-style:normal;
}

h3.lien a:hover
{
    color:Black;
    font-weight: bold;
}
h3.lien div, h3.lien span
{
    float:left;
}

h2 a
{
    float:left;
    margin-left:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#436868;
    text-decoration:underline;
    font-style:normal;
    text-align:left;
    font-size:10px;
    padding-right:10px;
}
h2 a:hover
{
    color:black;
    font-style:normal;
    font-weight: bold;
    font-size:10px;
}
.link a
{
    float:right;
    margin-left:0px;
    font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;
    color:#436868;
    font-style:normal;
    text-decoration:none; 
    text-align:left;
    font-size:14px;
    padding-right:10px;
    font-weight:bold;
}
.link a:hover
{
    text-decoration:none; 
    padding-right:10px;
    font-style:normal;
    font-size:14px;
    color:Black;
    font-weight:bold;
}
/*Definition des CallOut*/
.CustomValidatorCalloutStyle div, 
.CustomValidatorCalloutStyle td { 
    border:solid 1px blue; 
    background-color: #fffacd;
    line-height: normal;
    color:#999999;
}
    .radio{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:100;
    color:#888888;
}
.field{
    color:#678f8f;
    font-weight:bold; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    }
.hrlink a{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    text-decoration:underline;
    color:#436868;
}
.hrlink a:hover{
    color:#888888;
    font-weight:bold;
    text-decoration:underline;
}