/********************************************************************
Auteur : moi
Date : 26 Janvier 2010
Client : L'espace Paysage 
CSS: paysage.css
Compatibilité: Internet explorer 6,7,8, Opéra, Firefox
La totalité des fichiers HTML est controlé par ce CSS. Toutes modifications
a ce document peut entrainer la non-fonctionnalité du site. Assurez-vous de 
savoir ce que vous faites avant de jouer la dedans... :)

*********************************************************************/

html {

	background: #ffffff;
}

body { 
	margin: 0px;
	position: relative;
	width: 100%; /*Valeur utiliser pour grandir la page vers la gauche*/
	top: 0px;
	left: auto;
	right: auto;
	margin-left: auto;
	margin-right: auto;
}

ul {
	list-style-type: circle;
}




#link{
	color:#848141;

}


a.link{
	color:#848141;
	font-family: Sylfaen;
	font-size:15px;
}

a.link:hover{
	color:#7A9426;
	font-family: Sylfaen;
	text-decoration:none;
	font-size:15px;

}

#titre_photo{
	color:#7A9426;
	font-family: Sylfaen;
	text-decoration:none;
	font-size:19px;
	padding-bottom: 10px;
	padding-top: 10px; 
	border-top: 1px #7A9426 solid;
}

#titre{
	height:100px;
	background: url(image/acceuil.jpg) no-repeat;
}

#web{
	font: 14pt Sylfaen; /*Change la grosseur et le style du font pour la page*/ 
	/*color: #7a9426;*/	/*Couleur du texte : vert*/
	color: #ffffff;		/*Couleur du texte : brun*/
}

#titre_profil{
	height:100px;
	background: url(image/profil.jpg) no-repeat;

}

#titre_service{
	height:100px;
	background: url(image/service.jpg) no-repeat;

}

#titre_realisation{
	height:80px;
	background: url(image/realisation.jpg) no-repeat;

}

#titre_contact{
	height:80px;
	background: url(image/contact.jpg) no-repeat;

}

#section{
	/*Utilisé pour la pour la section réalisaton : Residentiel | Commercial*/
	text-align:center;
	font: 14pt Sylfaen; /*Change la grosseur et le style du font pour la page*/ 
	/*color: #7a9426;*/	/*Couleur du texte : vert*/
	color: #848141;		/*Couleur du texte : brun*/
	width:930px;
	/*border: 2px #5475ab dotted;*/

}
a.section{
	color: #848141;
	text-decoration:none;
}

a.sectionselec{
	color: #7a9426;
}


/* specific divs */
#container { 
	padding: 0px 0px 0px 0px;
	position: absolute;
	right: auto;
	left: auto;
	width: 100%; /*Valeur utiliser pour grandir la page vers la droite*/
}


#pageHeader { 
	margin-bottom: 0px;	/*Controle distance entre entete et menu*/
	padding: 0px 0px 0px 0px;
	background: url(image/header2.jpg) no-repeat center 30px;
	height: 432px;
}


#preamble {
	clear: right;
	padding: 0px 190px 0px 35px;
}


#containerPrincipale{
	background: url(image/logocote5.jpg) no-repeat right;	/*Logo de droite de page*/
	width: 750px;
	font: 11pt Georgia; /*Change la grosseur et le style du font pour la page*/ 
	/*color: #7a9426;*/	/*Couleur du texte : vert*/
	color: #848141;		/*Couleur du texte : brun*/
}

#containerPrincipaleRealisation{
	width: 930px;
	font: 11pt Georgia; /*Change la grosseur et le style du font pour la page*/ 
	/*color: #7a9426;*/	/*Couleur du texte : vert*/
	color: #848141;		/*Couleur du texte : brun*/
	/*border: 2px #5475ab dotted;*/
}


#containerPrincipaleContact{
	background: url(image/logocote5.jpg) no-repeat right;	/*Logo de droite de page*/
	width: 750px;
	font: 11pt Georgia; /*Change la grosseur et le style du font pour la page*/ 
	/*color: #7a9426;*/	/*Couleur du texte : vert*/
	color: #848141;		/*Couleur du texte : brun*/
}

#containerPrincipaleService{
	background: url(image/logocote5.jpg) no-repeat right;	/*Logo de droite de page*/
	width: 750px;
	font: 11pt Georgia; /*Change la grosseur et le style du font pour la page*/ 
	/*color: #7a9426;*/	/*Couleur du texte : vert*/
	color: #848141;		/*Couleur du texte : brun*/
}


/* TEST POUR RÉALISATION*/
#divLeft {
	margin: 0px;
	padding: 0px;
	padding-bottom:5px;
	width: 905px;
	float: left;
	text-align:center;
/*	border: 2px #5475ab dotted;*/
}

#logo{
	margin-bottom: 0px;	/*Controle distance entre entete et menu*/
	padding: 0px 0px 0px 0px;
	background: url(image/logo_top.jpg) #edeae1 no-repeat 30px;
	height:82px;

}

#logo_acceuil{
	margin-bottom: 0px;	/*Controle distance entre entete et menu*/
	padding: 0px 0px 0px 0px;
	background: #edeae1;
	height:82px;

}

#logo_anglais{
padding: 0px 13px 0px 0px;
text-align:right;
}


/****************************************
 *		Section menu					*
*****************************************/
#containermenu{
	padding: 0px 0px 0px 0px;
}

#menu{
	padding: 10px 0px 0px 30px;
	height:35px;
	text-align: center;
	background: url(image/bgmenu.jpg); /*Vieille couleur #eceae0;*/
	/*border: 2px #5475ab dotted;*/
}

#menu h3{
	padding: 0px 0px 0px 30px;
	left: auto;
	right:auto;
	text-align: center;
}

/*Utiliser pour changer la font et la couleur du texte menu*/
a.menu{
	color:#C3C3C3;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	padding:0 0 5 12px;
}


a.menuselec{
	color:#7A9426;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	padding:0 0 5 12px;
		
}

/*
a.menutop:visited
{
	color:#FFFFFF;
}
*/
a.menu:hover
{
	color:#7A9426;
	text-decoration:none;
	
}
/*Fin des classes menu*/



/*Control la grosseur de la zone de text pricipale*/
#supportingText {
	width: 580px;
	height:380px;
	text-align:justify;
	padding-left: 0px; 
	margin-bottom: 40px;
	padding-right: 0px;
}

#supportingTextService {
	width: 580px;
	height:880px;
	font: 11pt Georgia;
	text-align:justify;
	padding-left: 0px; 
	margin-bottom: 40px;
	padding-right: 0px;
}

#supportingTextRealisation {
	width: 920px;
	font: 11pt Georgia;
	height:1600px;/*Valeur utiliser pour grossir la zone pour les photos: empèche de piétiné sur le pied de page(trademark & contact) */
	text-align:justify;
	padding-top: 5px;
	padding-left: 5px; 
	padding-right: 5px;
	margin-bottom: 40px;
	/*border: 2px #5475ab dotted;*/
	
}

#supportingTextRealisationCom {
	width: 920px;
	height:900px;/*Valeur utiliser pour grossir la zone pour les photos: empèche de piétiné sur le pied de page(trademark & contact) */
	text-align:justify;
	padding-top: 5px;
	padding-left: 5px; 
	padding-right: 5px;
	margin-bottom: 40px;
	/*border: 2px #5475ab dotted;*/
	
}

#footer{
	font: 9pt Sylfaen; /*Change la grosseur et le style du font pour le pied de page*/ 
	text-align:center;
	/*color: #7a9426;*/	/*Couleur du texte : vert*/
	color: #848141;		/*Couleur du texte : brun*/
	margin-bottom: 20px;

}

a.footer{
	font: 9pt Sylfaen; /*Change la grosseur et le style du font pour le pied de page*/ 
	text-align:center;
	/*color: #7a9426;*/	/*Couleur du texte : vert*/
	color: #848141;		/*Couleur du texte : brun*/
}

a.footer:hover
{
	color:#7A9426;
	
}


/* Début du CSS pour le light box (Album Photo)*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}

}	
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(image/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/overlay.png", sizingMethod="scale");
}