/*
Feuille de style CSS par défaut du site web
*/

BODY {
	background-color: #4F4F4F;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 1.0em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    MARGIN: 0px;
}

A:link	
{	
	text-decoration: underline;
	color:	#000000;
}	

A:visited 
{	
	text-decoration: underline;
	color:	#000000;
}	
		
A:active 
{	
	text-decoration: none;
	color:	#000000;
}	
		
A:hover	
{	
	text-decoration: underline;
	font-weight: bold;
	color:	#000000;
}

/*
Définitions relatives au lien permettant de partir vers notre site
Volontairement le style de ce lien est plus discret que celui des autres liens
*/
.LienSpecialSignatureIndexLD A:link	
{	
	text-decoration: underline;
	color:	#FFFFFF;
}	

.LienSpecialSignatureIndexLD A:visited 
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color:	#FFFFFF;
}	

.LienSpecialSignatureIndexLD A:active 
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:	#FFFFFF;
}	
		
.LienSpecialSignatureIndexLD A:hover	
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	color:	#FFFFFF;
}

/*
Définitions relatives aux liens figurant en bandeau de pied de page
*/
.LienBandeauPiedPage A:link	
{	
	text-decoration: underline;
	color:	#FFFFFF;
}	

.LienBandeauPiedPage A:visited 
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color:	#FFFFFF;
}	

.LienBandeauPiedPage A:active 
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:	#FFFFFF;
}	
		
.LienBandeauPiedPage A:hover	
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	color:	#FFFFFF;
}

.FONTSMALL	
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	9px;
}	

.FONTNORMAL
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
}	

.FONTBIG	
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	16px;
	font-weight: bold;
}	

.FONTBIG2	
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	20px;
	font-weight: bold;
}	

.FONT_VITRUVE_1	
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	font-weight: normal;
	color: #000000;
}	

.FONT_VITRUVE_1_BOLD
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	font-weight: bold;
	color: #000000;
}	

.FONT_VITRUVE_2
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
	font-weight: normal;
	color: #000000;
}	

.FONT_VITRUVE_2_BOLD
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
	font-weight: bold;
	color: #000000;
}	

.FONT_VITRUVE_3
{	
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:	14px;
	font-weight: bold;
	color: #000000;
}	

.FONT_VITRUVE_5
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	font-weight: normal;
	color: #FFFFFF;
}	

IMG 
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-color: #FFFFFF;
}
	
.Alignement_Centrer
{
	text-align: center;
}

.Alignement_Gauche
{
	text-align: left;
}
	
.Alignement_Droite
{
	text-align: right;
}


/*
Div principale qui contient toutes les autres 
*/
.div_principale {
	width: 877px;
	height: auto;
	clear: both;
	background-color:#4F4F4F;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

/*
Div contenant tout le menu haut du site
*/
.div_menu_main {
	width: 877px;
	height: 167px;
}
/*
Div contenant la partie gauche du menu haut du site
C'est cette partie qui contient le logo Vitruve
*/
.div_menu_main_gauche {
	float: left; 
	width: 239px; 
	height: 167px; 
	text-align: left; 
	padding-top: 0px;
}
/*
Div contenant la partie droite du menu haut du site
*/
.div_menu_main_droite {
	float: left;
	width: 638px;
	height: 167px;
}
/*
Div contenant la partie haute contenu dans div_menu_main_droite
*/
.div_menu_main_droite_haut {
	width: 638px;
	height: 114px;
	padding-left: 0px;
	padding-right: 0px;
	background-image:url(../ressources_french/maquetteecranfractionnee_classique/img_fond_menuhaut_droite_haut.jpg);
}

/*
Div contenant la partie basse contenu dans div_menu_main_droite
C'est cette Div qui va contenir le tableau des images boutons du menu
*/
.div_menu_main_droite_bas {
	width: 641px;
	padding-left: 0px;
	padding-right: 0px;
	height: 53px;
}

/* 
Div correspondant à la zone de contenu du site
*/
.div_contenu_main {
	width: 877px;
	height: auto;
	padding: 0px;
	margin: 0px;
	background-image:url(../ressources_french/maquetteecranfractionnee_classique/img_fond_contenu_main.jpg);
}

/* 
Div correspondant à la zone de contenu effectif du site
C'est dans cette zone que sera affiché le contenu du site
Cette Div est incluse dans div_contenu_main
*/
.div_contenu_effectif_main {
	width: 843px;
	height: auto;
	padding-left: 17px;
	padding-right: 17px;
	clear: both;
	overflow: hidden;
}

/* 
Div correspondant au texte classique
C'est à dire le texte du site qui n'est pas affiché dans un encart
*/
.div_texte_classique {
	float: left;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	pagging-top:0px;
	clear: both;
}

/* 
Div correspondant au texte classique mais cette fois-ci centré
*/
.div_texte_classique_centre {
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	pagging-top:0px;
	clear: both;
}


/* 
Div correspondante au pied de page
*/
.div_pied_main {
	width: 877px;
	height: 65px;
	background-image:url(../ressources_french/maquetteecranfractionnee_classique/img_fond_bas.jpg);
	background-repeat:no-repeat;
	font-size: 10px;
	text-align: left;
	padding-top: 12px;
	padding-left: 30px;
}

/*
Div contenant le bandeau bas
affichant des informations complémentaires
*/
.divbandeaubasinfoscomplementaires
{
	width: 836px;
	height: auto;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	background-color:#4F4F4F;
	text-align:center;
}

/*
Définitions relatives aux liens pouvant figurer dans la div
divbandeaubasinfoscomplementaires
*/
.divbandeaubasinfoscomplementaires A:link	
{	
	text-decoration: underline;
	color:	#FFFFFF;
}	

.divbandeaubasinfoscomplementaires A:visited 
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color:	#FFFFFF;
}	

.divbandeaubasinfoscomplementaires A:active 
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:	#FFFFFF;
}	
		
.divbandeaubasinfoscomplementaires A:hover	
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	color:	#FFFFFF;
}

/*
Div correspondante à l'encart de texte 1 utilisé dans la page Index
Remarque : Le overflow:auto sert à faire apparaitre des ascenceur si
le texte contenu dans ce div déborde.
Cela permet un meilleur affichage pour les navigateurs ayant une police très grande
(cela permet d'éviter que le texte ne déborde)
*/
.div_encarttextevitruve_index_1 {
	float:left;
	width: 460px;
	height: 270px;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	text-align:left;
	margin-left:18px;
	margin-top:15px;
	margin-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color: #000000;
	background-image:url(../ressources_general/encarts_texte/img_fond_encarttextevitruve_index_1.jpg);
	background-repeat:no-repeat;
	overflow:auto;
}

/*
Div correspondante à l'encart de texte 2 utilisé dans la page Index
Remarque : Le overflow:auto sert à faire apparaitre des ascenceur si
le texte contenu dans ce div déborde.
Cela permet un meilleur affichage pour les navigateurs ayant une police très grande
(cela permet d'éviter que le texte ne déborde)
*/
.div_encarttextevitruve_index_2 {
	float:right;
	width: 260px;
	height: 160px;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	text-align:left;
	margin-top:68px;
	margin-right:17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color: #000000;
	background-image:url(../ressources_general/encarts_texte/img_fond_encarttextevitruve_index_2.jpg);
	background-repeat:no-repeat;
	overflow:auto;
}

/*
Div correspondante à l'encart de texte 1 utilisé dans la page Interieur
Remarque : Le overflow:auto sert à faire apparaitre des ascenceur si
le texte contenu dans ce div déborde.
Cela permet un meilleur affichage pour les navigateurs ayant une police très grande
(cela permet d'éviter que le texte ne déborde)
*/
.div_encarttextevitruve_interieur_1 {
	float:left;
	width: 780px;
	height: 250px;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	margin-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color: #000000;
	background-image:url(../ressources_general/encarts_texte/img_fond_encarttextevitruve_interieur_1.jpg);
	background-repeat:no-repeat;
	overflow:auto;
}

/*
Div correspondante à l'encart de texte 1 utilisé dans la page Exterieur
Remarque : Le overflow:auto sert à faire apparaitre des ascenceur si
le texte contenu dans ce div déborde.
Cela permet un meilleur affichage pour les navigateurs ayant une police très grande
(cela permet d'éviter que le texte ne déborde)
*/
.div_encarttextevitruve_exterieur_1 {
	float:left;
	width: 780px;
	height: 208px;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	margin-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color: #000000;
	background-image:url(../ressources_general/encarts_texte/img_fond_encarttextevitruve_exterieur_1.jpg);
	background-repeat:no-repeat;
	overflow:auto;
}

/*
Div correspondante à l'encart de texte 1 utilisé dans la page Construction
Remarque : Le overflow:auto sert à faire apparaitre des ascenceur si
le texte contenu dans ce div déborde.
Cela permet un meilleur affichage pour les navigateurs ayant une police très grande
(cela permet d'éviter que le texte ne déborde)
*/
.div_encarttextevitruve_construction_1 {
	float:left;
	width: 780px;
	height: 311px;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	margin-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color: #000000;
	background-image:url(../ressources_general/encarts_texte/img_fond_encarttextevitruve_construction_1.jpg);
	background-repeat:no-repeat;
	overflow:auto;
}

/*
Div correspondante à l'encart de texte 1 utilisé dans la page Renovation
Remarque : Le overflow:auto sert à faire apparaitre des ascenceur si
le texte contenu dans ce div déborde.
Cela permet un meilleur affichage pour les navigateurs ayant une police très grande
(cela permet d'éviter que le texte ne déborde)
*/
.div_encarttextevitruve_renovation_1 {
	float:left;
	width: 780px;
	height: 311px;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	margin-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color: #000000;
	background-image:url(../ressources_general/encarts_texte/img_fond_encarttextevitruve_renovation_1.jpg);
	background-repeat:no-repeat;
	overflow:auto;
}

/*
Div correspondante à l'encart de texte 1 utilisé dans la page Presentation
Remarque : Le overflow:auto sert à faire apparaitre des ascenceur si
le texte contenu dans ce div déborde.
Cela permet un meilleur affichage pour les navigateurs ayant une police très grande
(cela permet d'éviter que le texte ne déborde)
*/
.div_encarttextevitruve_presentation_1 {
	float:left;
	width: 330px;
	height: 297px;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	margin-left:7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color: #000000;
	background-image:url(../ressources_general/encarts_texte/img_fond_encarttextevitruve_presentation_1.jpg);
	background-repeat:no-repeat;
	overflow:auto;
}

/*
Div correspondante à l'encart de texte 1 utilisé dans la page Contacts
Remarque : Le overflow:auto sert à faire apparaitre des ascenceur si
le texte contenu dans ce div déborde.
Cela permet un meilleur affichage pour les navigateurs ayant une police très grande
(cela permet d'éviter que le texte ne déborde)
*/
.div_encarttextevitruve_contacts_1 {
	float:left;
	width: 350px;
	height: 300px;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	margin-left:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color: #000000;
	background-image:url(../ressources_general/encarts_texte/img_fond_encarttextevitruve_contacts_1.jpg);
	background-repeat:no-repeat;
	overflow:auto;
}


/*
Div correspondante à l'encart contenant le formulaire de contact
Remarque : Le overflow:auto sert à faire apparaitre des ascenceur si
le texte contenu dans ce div déborde.
Cela permet un meilleur affichage pour les navigateurs ayant une police très grande
(cela permet d'éviter que le texte ne déborde)
*/
.div_encartformulairecontact {
	float:left;
	width: 785px;
	height: 524px;
	padding-left:20px;
	padding-right:20px;
	padding-top:50px;
	padding-bottom:5px;
	text-align:left;
	margin-left:80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color: #000000;
	background-image:url(../ressources_french/divers/img_fond_encartformulairecontact.jpg);
	background-repeat:no-repeat;
	overflow:auto;
}

 /*
Définitions relatives aux menu de navigation bas
*/
#navcontainer_baspage ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#navcontainer_baspage ul li { display: inline; }

#navcontainer_baspage ul li a
{
	text-decoration: none;
	padding: 3px;
	color: #FFFFFF; 
	text-decoration:underline;
	
}

#navcontainer_baspage ul li a:hover
{
	color: #FFFFFF;
}