/* 
Provaxia Informatique inc -  Layout
Création Magstudio.ca
*/


/* Ceci est le layout */

* { padding: 0; margin: 0; }

body {
 font-family: Trebuchet MS, sans-serif;
 font-size: 12px;
 background-image: url(images/fond_provaxia_20x20.gif);
 color: #000;
}

#wrapper { 
 margin: 0 auto;
 width: 971px;
 background-color:#fff;
}
#header {
 width: 971px;
 color: #333;
 padding: 0px;
 border-top: 5px solid #000;
 height: 354px;
 margin: 0px;
 background-image: url(images/image_entete_1.jpg) ;
 background-repeat:no-repeat;
}
  

#content { 
 width: 951px;
 color: #4c4c4c;
 background: #FFF;
 margin: 0px 0px 0px 0px;
 padding: 30px 0px 0px 20px;
 height: auto;
 
}

.filet {
	width: 971px;
	height:15px;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	background-color:#fff;
			
	}
	
	.filetmenu {
	float: right;
	padding: 0px 22px 0px 20px;
	margin: 42px 0px 0px 0px;
	background-color:transparent;
			
	}

H1
{
	padding: 0px ;
	margin-left: 20px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 15px; 
	font-weight: bold; 
	color: #000;
	
	}


p
{
	padding: 20px 20px 0px 20px ;
	margin: 0px 0px ;
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px; 
	font-weight: normal; 
	color: #4c4c4c;
	
	}
p.noir
{
	padding: 20px 20px 0px 20px ;
	margin: 0px 0px ;
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px; 
	font-weight: normal; 
	color: #000;
	
	}	
	
ul li 
{
	padding: 5px 5px 0px 0px ;
	margin: 0px 0px 0px 50px ;
	font-family: Trebuchet MS, sans-serif;
	font-size: 16px; 
	font-weight: normal; 
	color: #4c4c4c;
	
	}
	

/* bloc vert */
#bloc {
	float: right;
	width: 220px;
	height: 150px;
	padding: 40px 15px 25px 15px ;
	margin: 0px 25px 0px 25px ;
	font-family: Trebuchet MS, sans-serif;
	font-size: 24px; 
	font-weight: normal; 
	color: #FFF;
	background-color:#8cc63f;
	}
	
/* paragraphe accueil */
#accueil 	{
	padding: 0px 20px 0px 20px ;
	margin: 0px 0px ;
	font-family: Trebuchet MS, sans-serif;
	font-size: 18px; 
	font-weight: normal; 
	color: #000;
	
	}
	
.flecheverte
{float : left; padding: 0px 0px px 0px;	margin: 2px 0px 0px 0px;}

/* Navigation */
#nav  { list-style: none; position: absolute; right: 30px; top: 7px; text-decoration: none; font-family: Trebuchet MS, sans-serif; color: #4d4d4d; }
#nav li  { float: left; margin: 0 0 0 6px; }
#nav a { display: block; padding: 10px 14px; font-size: 14px; font-weight: normal; color: #0b0b0b; text-decoration: none; }
#nav a:hover { background-color: #8cc63f; color: #fff; text-decoration: none; }

#nav_select a { color: #FFFFFF; background: #0b0b0b; }
#nav_fleche { padding-top: 15px; }

/* Menu */

#menuhaut {
 position: absolute;	
 width: 971px;
 height:70px;
 color: #333;
 padding: 0px 0px 0px 0px;
 margin: 25px 0px 0px 20px;
 background-color: transparent;

  
}

/*#menuhaut ul
{
	margin: 0px 0px 0px 0px;
	padding: 25px 35px 0px 15px;
	font-family: Trebuchet MS, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	float: right;
	color: #4b4c4c;
	}

#menuhaut ul li
{ display: inline;}


#menuhaut ul li a
{
	padding: 15px;
	margin: 0px;
	text-decoration: none; 
	color:#4b4c4c;
	
		}

#menuhaut .selection
{font-family: Trebuchet MS, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	border-bottom:2px solid #8cc63f;
	color: #000;
	text-decoration:none;
	
	
	}


#menuhaut ul li a:hover
{
text-decoration:none; 
color:#000; 
border-bottom:2px solid #8cc63f;

 }


/* tableau services */
	
.tableservices 
	{
	width: 930px;
	padding: 5px;
	margin: 15px 15px 15px 0px;
	background-color: #fff;
	font-family: Trebuchet MS, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;	
	}

	
td.servicesgauche {
	width: 304px;
	background-color: #d9dde2;
	vertical-align:top;
	padding: 10px;
	margin: 10px;
	border-right: 7px solid #FFF;
	border-bottom: 7px solid #FFF;
			
	}
	
td.servicesdroit {
	width: 304px;
	background-color: #d9dde2;
	padding: 10px;
	margin: 7px;
	vertical-align:top;
	border-left: 7px solid #FFF;
	border-bottom: 7px solid #FFF;
			
	}
	
td.servicescentre {
	width: 304px;
	background-color: #d9dde2;
	padding: 10px;
	margin: 7px;
	vertical-align:top;
    border-bottom: 7px solid #FFF;
				
	}

	

/* Footer */

#footer { 
 width: 952px;
 height: 165 px
 color: #333;
 border-top: 5px solid #414042;
 background-color: #000;
 margin: 5px 0px 10px 0px;
 padding: 10px;
}

.titrefooter {
 font-family: Trebuchet MS, sans-serif;
 font-size: 13px;
 font-style:normal;
 color: #FFF;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
}

.txtfooter
{
 font-family: Trebuchet MS, sans-serif;
 font-size: 12px;
 font-style:normal;
 color: #afafaf;
 padding:0px;
 margin:0px;
}

.infofooter
{
 font-family: Trebuchet MS, sans-serif;
 font-size: 12px;
 font-style:normal;
 color: #fff;
 padding:0px;
 margin:0px;
}

.lienfooter a:link {text-decoration: none; color:#ffffff;  padding-left: 0px;}
.lienfooter a:visited {text-decoration: none; color:#ffffff;  padding-left: 0px;}
.lienfooter a:active {text-decoration: none; color:#ffffff;  padding-left: 0px;}
.lienfooter a:hover {text-decoration: underline; color:#ffffff;  padding-left: 0px;}

/* tableau footer */
	
.tableaccueil 
	{
	width: 952px;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	font-family: Trebuchet MS, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	
	}

td.border
     {
	 width:2px;
	 /*background-image: url(images/image_entete_1.jpg) ;*/
	 padding:0px 10px 0px 0px;
	 margin:0px;
	 }
	
td.gauche {
	width: 250px;
	vertical-align:top;
	padding: 0px;
	margin: 0px;
			
	}
	
td.droit {
	width: 283px;
	/*border-right: 1px solid #e7e6e6;*/
	padding: 0px;
	vertical-align:top;
			
	}
	
td.centre {
	width: 386px;
	/*border-right: 1px solid #e7e6e6;*/
	padding: 0px;
	vertical-align:top;
	
			
	}