/*
    StyleSheet pour le site vh-partners.com
    auteur : J.Geiser
    date   : 28.09.2007
*/
/*body, form { margin: 3px; padding: 0px; }*/

body{	margin         : 10px 0 ;
	padding        : 0 ;
	text-align     : center;
}
body {
     background-color  : #DDDDDD;
     color             : black;
}
body, td, th, p { 
     font-size         : 11px;
     font-family       : Verdana, Arial, Helvetica, sans-serif;
}

/*******************************************************************/
/* Layers                                                          */
/*******************************************************************/

#feuille { 
     position          : relative ;
     width             : 766px ;
     height            : auto ;
     border            : 3px solid #CCCCCC;
     background-color  : white;
     margin-top        : 0px;
     margin-bottom     : 0px;
     padding-right     : 0px;
     margin-bottom     : 30px;
}

#entete {
     position          : relative ;
     width             : 766px ;
     height            : 74px ;
     background        : #DCE8FB 
                         URL(images/hd_top.jpeg) no-repeat;
}


.menu {
     position          : relative ;
     width             : 766px ;
     height            : 25px ;
     color             : white;
     background        : #004A84 URL(images/bg_menu.gif) repeat;
}

.separation {
     position          : static ;
     border-bottom     : #004A84 4px solid;
     width             : 766px ;
     height            : 25px ;
     background        : URL(images/bg_separation.gif) repeat-x;
     padding-bottom    : 0px;
     margin-bottom     : 0px;
}

#rd_image {
     top               : auto;
     position          : static;   
}

#corps {
/*     border-top        : #cccccc 1px solid;*/
     position          : relative ;
     width             : 766px;
     margin            : 0px;
     height            : auto;
}

#basdepage {
     border-top        : red 1px solid;
     position          : relative ;
     left              : 0px ;
     top               : 0px ;
     width             : 766px ;
     height            : 30px;
     color             : #cccccc !important; 
     text-align        : center;
     font-size         : 9px;
     border-top        : 3px solid #CCCCCC;        
}

/*******************************************************************/
/* Area                                                            */
/*******************************************************************/
.MenuArea {
     width             : 150px;
}

.TextArea {
     width             : 300px;
     vertical-align    : top;    
}

.ImgPos {
     vertical-align    : middle;
     width             : 300px;
}


/*******************************************************************/
/* Menu                                                            */
/*******************************************************************/

.menu {
     vertical-align    : middle;
}

.menu a:hover {
     color             : #00AEE7;
     text-decoration   : none;
     font-size         : 12px;
     font-family       : Arial;
}
 
.menu a {
     color             : white;
     text-decoration   : none;
     font-size         : 12px;
     font-family       : Arial;
}

/*******************************************************************/
/* Couleurs et autres                                              */
/*******************************************************************/

.Popup {
     z-index : 1;
     border : red 1px solid;
}

TABLE.centertable {
     width             : auto;
}


/* alignement correct du menu */

.menualignleft {
float			: left;
     width             : 67%;
vertical-align    	: middle;
 z-index : 1;
}

.menualignright {
width	                : 33%;
float 			: right;
text-align 		: right;
vertical-align    	: middle;
}

/* dimension corps */
.tier {
     width             : 33%;
}

.deuxtier {
     width             : 67%;
}

.justif {
     text-align        : justify;     
}

a {
     color             : #00AEE7;
} 

a : visited {
     color             : #00AEE7;
}

.orange {
     color             : orange;
}

.strong {
     font-weight       : bold;
} 

.BleuClair {
     color             : #00AEE7;
}

.fLetterRed {
     color             : Red;
     font-size         : 16px;
}

.timportant {
     font-weight       : bold;
     font-size         : 12px;
}

/*******************************************************************/
/* Page index only                                                 */
/*******************************************************************/

.infoBox {
     margin-left       : 5px;
     margin-right      : 5px;
     padding-left      : 5px;
     padding-right     : 5px;
     margin-bottom     : 5px;
     width             : 400px;
     border            : 1px #cccccc solid;
     background-color  : #F5F5F5;
     font-weight       : bolder;
     font-size         : 14px;
}

.infoBox h3 {
     padding-left      : 5px;
     padding-right     : 5px;
     margin-right      : 5px;
     margin-top        : 5px;
         color         : #00AEE7;
	 background    : URL(images/bg_news.gif) repeat-x;
}

.InfoP {
     text-align        : justify;
     padding-left      : 5px;
     padding-right     : 5px;
     border-right      : #cccccc 1px solid;
     font-size         : 11px;
}

td {
     vertical-align    : top;
}

.titlecontact {
     font-size         : 16px;
     color             : #FF9F15;
}

.titlenews h3 {
     padding-left      : 5px;
     padding-right     : 5px;
     margin-right      : 5px;
     font-weight       : normal;
     font-size         : 13px;
         color         : #FF9F15;
	 background    : URL(images/bg_news.gif) repeat-x;
}

.NewsP {
     color             : black;
     font-size         : 12px;
     text-align        : justify;
     padding-left      : 5px;
     padding-right     : 5px;
     margin-right      : 5px;
     border-bottom     : 1px #cccccc dashed;
}



.contactfrch {
}

/*******************************************************************/
/* Page propfr-ch only                                             */
/*******************************************************************/
.PropP {
     text-align        : justify;
	 Width         : auto;
     padding-left      : 5px;
     padding-right     : 15px;
     text-align        : left;
     margin-bottom     : 15px;
}

.PropP .PropTitle {
     position          : Relative;
     padding-left      : 5px;
     padding-right     : 5px;
     margin-right      : 5px;
     margin-top        : 5px;
     margin-left       : 5px;
     margin-bottom     : 15px;
     left              : 150px;
}

.PropSecondtitle {
     position          : Relative;
     padding-left      : 5px;
     padding-right     : 5px;
     margin-right      : 5px;
     margin-top        : 5px;
     margin-left       : 5px;
     left              : 150px;

}

.legende {
     font-family       : serif;
     font-size         : 11px;
     width             : 210px;
     border            : 1px #dddddd dashed;     
}


/*******************************************************************/
/* Page whoareyou only                                             */
/*******************************************************************/
.waytitle {
     padding-left      : 5px;
     padding-right     : 5px;
     margin-right      : 5px;
     margin-top        : 5px;
     margin-left       : 5px;
     font-size         : 14px;
     font-weight       : bold;
     color             : #7798CF;
}

.WaySeparation {
     border-bottom    : 1px #DDDDDD dashed;
}

.WayP {
     text-align        : justify;
     padding-left      : 5px;
     padding-right     : 15px;
}

.grey {
     background-color  : #F5F5F5;
     padding-left      : 5px;
     padding-right      : 5px;
     border            : 1px #cccccc solid;
}


/*******************************************************************/
/* Page Contact only                                               */
/*******************************************************************/

.FormField {
     border            : 1px solid #405FA4;
     font-size         : 11px;
     padding           : 1px;
}

.ContactTitle {
     padding-left      : 5px;
     padding-right     : 5px;
     margin-right      : 5px;
     margin-top        : 5px;
     margin-left       : 5px;
     margin-bottom     : 15px;
     font-size         : 16px;
     text-align        : left;
     text-weight       : bold;
     font-family       : Verdana, Arial, Helvetica, sans-serif;
     color             : #FF9F15;
}

h3 {
     font-size         : 16px;
     color             : #FF9F15;
}

h4 {
     font-size         : 14px;
     color             : #7798CF;
}


/* Menu pour l'explication du travail */

.block {
     position          : relative;
     background-color  : #F5F5F5;
     padding-left      : 5px;
     padding-right     : 5px;
     left              : 150px;
     width             : 300px;
/*     top               : 232px;*/
     z-index           : 2;
}

.FormulEntete {
     color             : white;
     background-color  : #7798CF;
}

.FormulaireTexte {
     font-weight       : normal;
     border-bottom     : 1px #CCCCCC groove;
     margin-left       : 5px;
}

li {
     list-style-type   : none;
}

.Decal {
     margin-left       : 0px;
     margin-right      : 10px;
     margin-top        : 0px;
     padding-top       : 0px;
     padding-left      : 10px;
     padding-bottom    : 2px;
}
.ContactBox {
     margin-left       : 125px;
     margin-right      : 5px;
     margin-bottom     : 5px;
     width             : 500px;
     background-color  : #F5F5F5;
     border            : 2px #7798CF solid;
     font-weight       : bolder;
     font-size         : 14px;
}

.Contactdonnee {
     margin-left       : 5px;
     margin-right      : 5px;
     margin-top        : 5px;
     margin-bottom     : 5px;
     padding-left      : 5px;
     padding-right     : 5px;
     width             : 300px;
     height            : 155px;
     font-size         : 11px;
     background-color  : #F5F5F5;
}

.Contactdonnee .titre3 {
     font-size         : 13px;     
     color             : orange;
     font-weight       : bolder;
}
/*******************************************************************/
/*Info Bulle                                                       */
/*******************************************************************/

a.info {
    position           : relative; 
    z-index            : 24;
}

a.info:hover {
    z-index            : 25;
    text-decoration    : none;
    background-color   : #FFFFFF; /* Corrige bug IE */
}

a.info span {
    display            : none;
    texte-decoration   : none;
}

a.info:hover span{ 
/*le contenu de la balise span ne sera visible que pour l'état a:hover */
    display            : block; 
    position           : absolute; 
    top                : 2em;
    left               : 2em;
    width              : 300px;
    border             : 1px solid #cccccc;
    background-color   : #F5F5F5; 
    color              : black;
    text-align         : justify;
    font-weight        : none;
    padding            : 5px;  
}