@charset "UTF-8";
/*
Thème: TrifoxMédia.ca
Description: Feuille de style pour le site de Trifox Média
Auteur: Patrice Poliquin
Auteur URL: http://www.trifoxmedia.ca
*/



/* ---------------------------------------------------------------- 
 *  RESET CSS
 * ---------------------------------------------------------------- 
*/ 
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
	
	}

	ol, ul {
		list-style: none;
	}


/* ---------------------------------------------------------------- 
 *  HEADINGS
 * ---------------------------------------------------------------- 
*/ 

	body {
		font-family: Helvetica, Arial, Tahoma, "Times New Roman", sans-serif;
		font-size: 12px;
		color: #3b3b3b;
		background-image: url(../images/ligne_haut.png);
		background-repeat: repeat-x;
	}

	
	h1,h2,h3,h4,h5,h6 {
		font-weight: bold;
		padding: 0px;
		margin: 0px;
	}
	
	h2 {
		font-size: 14px;
	}

	h2.nom_realisation {
		color: #787878;
		text-transform: uppercase;
		font-weight:normal;
		font-size: 14px;
		padding-top: 3px;
		padding-bottom: 10px;
	}
	
	h3.contact {
		color: #e58d3d;
		font-size: 12px;
	}
		
	p {
		padding:0px;
		margin: 0px;	
		line-height: 18px;
	}

/* ---------------------------------------------------------------- 
 *  DIVISIONS
 * ---------------------------------------------------------------- 
*/
	#contenant_corps {
		width: 960px;
		margin: 0 auto;
	}
	
	.boites {
		width: 415px;
		margin-top: 20px;
		margin-left: 22px;
		margin-bottom: 45px;
	}
	
	.boites2 {
		width: 415px;
		margin-top: 20px;
		margin-left: 22px;
		margin-bottom: 20px;
	}
	
	#corps_services {
		position: relative;
		width: 612px;
		margin: 0 auto;
	}
	
	#corps_realisations {
		position: relative;
		width: 700px;
		margin: 0 auto;
	}
	
	.boites_services {
		width: 570px;
		margin-top: 20px;
		margin-left: 22px;
		margin-bottom: 20px;
	}
	
	#corps1 {
		float: left;
		background-color:#f7f7f6;
		border:1px solid #d7d7d7;
		width:230px;
		padding:5px;	
		margin:0px;
	}
	
	#corps2 {
		background-color:#fffefe;
		border:1px solid #e6e6e6;
		padding: 10px;
		padding-left: 35px;
	}
	
	#contact1 {
		float: left;
		background-color:#f7f7f6;
		border:1px solid #d7d7d7;
		width:600px;
		padding:5px;	
		margin:0px;
	}
	
	#contact2 {
		background-color:#fffefe;
		border:1px solid #e6e6e6;
		padding: 10px;
	}
	
	#infos_contact {
		padding: 0px;
		margin: 0px;
		float: right;
		width: 200px;
		border: 1px solid #d3d9d8;
		margin-right: 22px;
		margin-top: 43px;
		padding: 10px;
		padding-top: 25px;
		padding-bottom: 25px;
		text-align: center;
	}
	
	#panel_realisation {
		float: right;
		width: 420px;
		background-color: #FFFFFF;
		border: 1px solid #d7d7d7;
		padding: 10px;
	}
	
	#img_realisation {
		width: 420px;
		height: 280px;
		border: 1px solid black;
	}
	
	#img_realisation_video {
		width: 420px;
		height: 280px;
	}
/* ---------------------------------------------------------------- 
 *  LIENS
 * ---------------------------------------------------------------- 
*/  
	#nav_principale li a:link, a:visited, a:active {
		color: #2a2a2a;
		text-decoration: none;
	}
	
	#nav_principale li a:hover {
		color: #e58d3d;
		text-decoration: none;
	}
	
	a:link, a:visited, a:active {
		color: #e58d3d;
		text-decoration: none;
	}
	
	a:hover {
		color: #e58d3d;
		text-decoration: underline;
	}
	
	.imgs { 
		border: 1px solid #fff;
	 }
	 
	a:hover .imgs { 
		border: 1px solid #e58d3d; 
	} 
	

/* ---------------------------------------------------------------- 
 *  HEADER
 * ---------------------------------------------------------------- 
*/ 

	#header {
		margin: 0px;
		padding: 0px;
		position: relative;
		margin: 0 auto;
		width: 960px;
		height: 175px;
	}
		
	#logo {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 230px;
		height: 120px;
	}
	

/* ---------------------------------------------------------------- 
 *  NAVIGATION PRINCIPALE
 * ---------------------------------------------------------------- 
*/ 

	
	#corps2 ul {
		margin:0px; 
		padding:0px; 
		padding-top:10px; 
		padding-bottom:15px;
	}

	#corps2 ul li {
		margin:0px; 
		padding-top:0px;
		padding-bottom:10px;
		list-style-image: url(../images/list_realisations.png);
	}

	#corps2 ul li a{
		color:#403f3f;
		text-decoration:none;
		border-bottom:1px dotted #d1d1d1;
		display:block;	
		padding-top:3px;
		padding-bottom:3px;	
		font-weight: bold;
	}
	
	#corps2 ul li a.actif{
		color: #e58d3d;
	}
	
	#corps2 ul li a:hover {
		 color:#e58d3d; 
	}

	
/* ---------------------------------------------------------------- 
 *  COLONNE DE GAUCHE
 * ---------------------------------------------------------------- 
*/ 
	.colonne_gauche {
		float: left;
		width: 450px;
	}


/* ---------------------------------------------------------------- 
 *  COLONNE DE DROITE
 * ---------------------------------------------------------------- 
*/ 
	.colonne_droite {
		float: right;
		width: 450px;
	}

/* ---------------------------------------------------------------- 
 *  EXTRAS
 * ---------------------------------------------------------------- 
*/
	.date_quoi_de_neuf {
		margin-bottom: 10px;
	}


	.middle { 
		vertical-align: middle;
	}
	
	.td_background {
		 width: 454px;
		 height: 137px;
		 background-image: url(../images/boite_09.gif);
		 background-repeat: repeat-y;
	}
	
	.td_background_services {
		 width: 612px;
		 height: 137px;
		 background-image: url(../images/services_07_09.gif);
		 background-repeat: repeat-y;
	}
		
	.center {
		position: relative;
		left: 6px;
		top: 5px;
	}
	
	.actif{
		color: #e58d3d;
	}
	
	dt {
		display: none;
	}
/* ---------------------------------------------------------------- 
 *  PIED DE PAGE
 * ---------------------------------------------------------------- 
*/
	
	#pied_de_page {
  		clear:both;
		position: relative;
		background-image: url(../images/ligne_bas.png);
		background-repeat: repeat-x;
		height: 135px;
		width: 100%;
		top: 30px;
  	 }

	#contenant_pied_de_page {
		position: relative;
		width: 900px;
		height: 135px;
		margin: 0 auto;
		top: 60px;
		padding-left: 60px;
		padding-right: 10px;
	}
	
	.colonne_gauche_pdp {
		padding: 0px;
		margin: 0px;
		float: left;
		width: 440px;
		margin-left: 5px;
		margin-right: 5px;
	
	}



/* ---------------------------------------------------------------- 
 *  SERVICES
 * ---------------------------------------------------------------- 
*/


	.boites_cartons {
		position: relative;
		margin: 0 auto;
		width: 300px;
	}
	
	.cartons {
		font-size: 16px;
		color: #3366FF;
	}
	
	.cartons_petit {
		font-size: 12px;
		color: #3366FF;
	}

	

/* ---------------------------------------------------------------- 
 *  PLAN DU SITE
 * ---------------------------------------------------------------- 
*/	

	
	#planSite li {
		padding:0px;
		list-style: disc;
		padding-bottom: 10px;
		padding-left: 5px;
		margin-left: 30px;
	}
	
	
	
	#planSite li.plan_indent1 {
		margin-left: 60px;
	
	}
	
	
	
	#planSite li.plan_indent2 {
	
		margin-left: 90px;
	
	}
	

/* ---------------------------------------------------------------- 
 *  GALERIE PHOTOS - Réalisations photographies
 * ---------------------------------------------------------------- 
*/	

	ul#Galerie_mini {
		margin-left: 13px;
	}
	ul#Galerie_mini li{
		display: inline;
		margin-left: 2px;
	
	}