@charset "UTF-8";
/* CSS Document */

*{
	padding: 0px;
	margin: 0px auto;
}

img{
	border: none;
}  
	

body {
	font-size:12px;
	color:#000;
	-height:1%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	background-image: url(../images/bg_body1.gif);
	background-repeat:repeat-x;
	background-attachment:fixed;}	


#page{ /*border:1px solid #ffffff;*/
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;}
	

	
/* --------------- place le menu -------------------- */
#menu { 
	width:960px;
	height:43px;
	background-image:url(../images/bg_menu.gif); 
	background-repeat:repeat-x;}
	
	#menu ul{/*pour placer la liste*/ 
		font-size: 12px;
		font-family:verdana;
		margin-right:8px;
		font-weight:bold;
		list-style-type:none;}
		
	*html #menu ul{/*pour placer la liste*/ 
		font-size: 12px;
		font-family:verdana;
		margin-right:8px;
		font-weight:bold;
		list-style-type:none;}
		
		#menu ul li { 
			float: left;
			display:block;
			margin-left:18px;
			margin-top: 14px;	
			width:auto;
			height:auto;
			padding:0px 0px 8px 0;}
	
		*html #menu ul li { 
			float: left;
			display:block;
			margin-left:4px;
			margin-top: 14px;	
			width:auto;
			height:auto;
			padding:0px 0px 1px 0;}
#menu .ligne { 
	background:url(../images/barre_menu.gif);
	background-repeat:no-repeat;
	height:13px;
	width:1px;
	margin-top:15px;
	padding:0 1px;}	
	
#menu a:link,
#menu a:active,
#menu a:visited {/*couleur sur les liens */
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	margin-left:3px;
	margin-right:3px;}
	
/* --- pour ie6 ---*/	
*html #menu a:link,
*html #menu a:active,
*html #menu a:visited {/*couleur sur les liens */
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	margin-left:15px;
	margin-right:10px;}	
	
#menu ul li.current_page_item a{   
 	font-weight:bold; 
	color:#fdf70a; } 
	
*html #menu ul li.current_page_item a{   
 	font-weight:bold; 
	color:#fdf70a; } 
	
#menu ul li a:hover {/*ligne sous le lien */
 	color:#fdf70a;
	padding-bottom:8px;}

/*------------------- fin du menu -----------------------*/	

/*----------header--------------------------------*/
#header {
	width:960px;
	height: auto;}
.menu_droit {
	float: right;
	width: 200px;
	display: block;
}
	
#banniere { 
	width:960px;
	height:300px;
	margin-top:3px;}

/*#b_msn{
	background-image: url(../images/b_msn.gif);
	background-repeat:no-repeat;
	width: 960px;
	height: 33px;*/
/*	position:relative;}*/
/*
#m_msn {
	font-size: 10px;
	padding-left:23px;
	float: left;
	padding-top:10px;}*/
	
#red{
	color: #F00;
	font-weight:900;}
/*
#btn_msn{
	float:right;
    margin-right: 70px;
	width: 146px;
	height: 33px;
	margin-top: 2px;}*/
	
	
/* ---------------  début centre ----------------*/
/* ---------- en haut ---------*/
#centre {  
	/*border:1px solid #000000;*/
	width: 960px;
	height: auto;
	margin-top:90px;
	position:relative;}	
	
*html #centre {  
	/*border:1px solid #000000;*/
	width: 960px;
	height: 335px;
	margin-top:90px;
	position:relative;}	
/* ---------- en haut ---------*/
#centre1 {  
	/*border:1px solid #000000;*/
	width: 960px;
	height: 200px;
	margin-top:90px;
	position:relative;}		
/* ---------- en haut ---------*/
#centre3 {
	/*border:1px solid #000000;*/
	width: 920px;
	position:relative;
	margin: 0px;
	padding: 20px;
	display: block;
	height: 325px;
}		
		
#centre2 {  
	/*border:1px solid #000000;*/
	width: 960px;
	height: 325px;
	margin-top:90px;
	position:relative;}		
				
/*----mon div centre est divisé en 2 parties, soit le haut et le bas----*/	
/* ------#haut-------*/

#haut{
	width: 960px;
	height:auto;}
	
.ligne_separateur {
	behavior: url(iepngfix.htc);
	background-image:url(../images/ligne_separateur.png);
	background-repeat: no-repeat;
	width: 960px;
	height: 42px;
	margin-top: -90px;}	
	
#concept_graphik{
/*	border:1px solid #000000;*/
	behavior: url(iepngfix.htc);
	background-image:url(../images/concep_graphic.png);
	background-repeat:no-repeat;
	height:21px;
	width: 225px;
	position: absolute;
	top: 12px;
	left: 45px;}
	
#titre_apropos {/*l'image du apropos*/
/*	border:1px solid #000000;*/
	behavior: url(iepngfix.htc);
	background-image:url(../images/a_propos.png);
	background-repeat:no-repeat;
	height:21px;
	width: 94px;
	position: absolute;
	top: 12px;
	left: 45px;}	
	
#design_web {/*l'image de modeles*/
/*	border:1px solid #000000;*/
	behavior: url(iepngfix.htc);
	background-image:url(../images/design_web.png);
	background-repeat:no-repeat;
	height:21px;
	width: 123px;
	position: absolute;
	top: 12px;
	left: 45px;}	
	

#impnum {/*l'image de impnum*/
/*	border:1px solid #000000;*/
	behavior: url(iepngfix.htc);
	background-image:url(../images/imp_num.png);
	background-repeat:no-repeat;
	height:22px;
	width: 224px;
	position: absolute;
	top: 11px;
	left: 45px;}	
	

#soumission{/*l'image de soumission*/
/*	border:1px solid #000000;*/
	behavior: url(iepngfix.htc);
	background-image:url(../images/soumission.png);
	background-repeat:no-repeat;
	height:19px;
	width: 118px;
	position: absolute;
	top: 13px;
	left: 45px;}
	
#promotions	{/*l'image de promotions*/
	/*border:1px solid #000000;*/
	behavior: url(iepngfix.htc);
	background-image:url(../images/promotions.png);
	height:34px;
	width: 116px;
	position: absolute;
	top: 4px;
	left: 45px;
	background-repeat: no-repeat;
}	

#faq{/*l'image de faq*/
/*	border:1px solid #000000;*/
	behavior: url(iepngfix.htc);
	background-image:url(../images/faq.png);
	background-repeat:no-repeat;
	height:20px;
	width: 43px;
	position: absolute;
	top: 13px;
	left: 45px;
	}	
	
#contactez-nous{/*l'image de contact*/
/*	border:1px solid #000000;*/
	behavior: url(iepngfix.htc);
	background-image:url(../images/contactez_nous.png);
	background-repeat:no-repeat;
	height:17px;
	width: 159px;
	position: absolute;
	top: 13px;
	left: 45px;
	}		
	

#merci{/*l'image de merci*/
/*	border:1px solid #000000;*/
	behavior: url(iepngfix.htc);
	background-image:url(../images/merci.png);
	background-repeat:no-repeat;
	height:19px;
	width: 55px;
	position: absolute;
	top: 12px;
	left: 45px;
	}		
	
h3 a span {/*réference le h3*/ 
	display:none;	}
	
.bold  {
	font-weight:bold;}

#photo_guy{
	width: 403px;
	height: 281px;
	float:left;
	behavior: url(iepngfix.htc);
	background-image:url(../images/guy.png);
	background-repeat:no-repeat;
	margin: 40px 0px 0 25px;}
	
#photo_equipe{
	width: 440px;
	height: 249px;
	float:left;
	background-image:url(../images/cameleom_01_TR.png);
	background-repeat:no-repeat;
	margin: 30px 0px 0 485px;
	position: relative;}

*html #photo_equipe{/* --pour ie6-- */
	width: 431px;
	height: 249px;
	behavior: url(iepngfix.htc);
	float: right;
	background-image:url(../images/cameleom_01_TR.png);
	background-repeat:no-repeat;
	margin-top: 30px;
	right: 20px;
	position: absolute;}
	
*+html #photo_equipe{/* --pour ie7-- */
	width: 431px;
	height: 249px;
	behavior: url(iepngfix.htc);
	float: right;
	background-image:url(../images/cameleom_01_TR.png);
	background-repeat:no-repeat;
	margin-top: 30px;
	right: 20px;
	position: absolute;}	
	
p{
	font-size:11px;
	padding-top: 60px;
	padding-left: 45px;
	padding-right: 35px;
	line-height: 18px;
}
	
#texte{
	width:450px;
	height:auto;
	right: 0px;
	top:40px;
	position: absolute;}	
	
	
	
#texte1{
	width:180px;
	height:auto;
	float: left;
	margin-top: 20px;}

#texte2{
	width:460px;
	height:auto;
	top: 26px;
	position: absolute;
	float: left;
	left: -1px;
	text-align:justify;
}	
	
#texte3{
	width:180px;
	height:20px;;
	float: left;
	margin-top:-20px;}	
	
*html #texte2{
	width:460px;
	height:auto;
	top: 55px;
	position: absolute;
	float: left;}	
	
*+html #texte2{
	width:460px;
	height:auto;
	top: 55px;
	position: absolute;
	float: left;}	

#txt {
	font-size: 11px;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-top:-15px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 15px;
	color: #000;
}	
	
.vsl{
	font-size:16px;
	color: #de2b46;
	height:75px;
	/*margin-top: -50px;*/
	margin-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;}
	
#g_titre{
	font-weight:bold;
	font-style:italic;}	
	
a.lien {
	 color:#504E44;;
	 text-decoration:underline;
	 margin-top:25px;
	 margin-left:45px;
	 font-size:9px;}

	a.lien:hover{
		text-decoration:none;
		color: #de2b46;}
		
*html a.lien {
	 color:#504E44;;
	 text-decoration:underline;
	 margin-top:25px;
	 margin-left:45px;
	 font-size:9px;
	 clear:both;}

*html a.lien:hover{
		text-decoration:none;
		color: #de2b46;}		

a.mail {
	color: #de2b46;
	text-decoration:none;
	font-weight:600;}

	a.mail:hover{
		color: #de2b46;
		text-decoration:underline;
		font-weight:600;}
a.clavardezX {
	color: #F90;
	text-decoration:none;
	font-weight:bolder;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: italic;
}
a.clavardez:hover{
	color: #F90;
	text-decoration:underline;
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: italic;
}

	a.mail:hover{
		color: #de2b46;
		text-decoration:underline;
		font-weight:600;}


a.mail1 {
	color: #de2b46;
	text-decoration:none;}
		

 a.mail2 {
	color: #de2b46;
	text-decoration:underline;
	margin-bottom: 15px;
	font-weight:600;
}

   a.mail2:hover{
		color: #de2b46;
		text-decoration:none;
		font-weight:600;}		
	
#adresse{
	color: #de2b46;}

#no_tel{
	font-weight:bold;}
	

#cibler a:link,
#cibler a:active,
#cibler a:visited{
	color: #de2b46;
	text-decoration:underline;
	font-weight:bold;}	
	
		#cibler a:hover{
		color: #000000;
		text-decoration:none;
		font-weight: 300;}
		
#telephone{
	behavior: url(iepngfix.htc);
	background-image:url(../images/kenya.png);
	background-repeat:no-repeat;
	width: 620px;
	height: 183px;
	float: right;
	margin-right: 25px;
	margin-top: 32px;}		
	
	
*html #telephone{/*-- ie6--*/
	behavior: url(iepngfix.htc);
	background-image:url(../images/kenya.png);
	background-repeat:no-repeat;
	width: 600px;
	height: 183px;
	float: right;
	margin-right: 20px;
	margin-top:-200px;}		

*+html #telephone{/*-- ie7--*/
	behavior: url(iepngfix.htc);
	background-image:url(../images/kenya.png);
	background-repeat:no-repeat;
	width: 600px;
	height: 183px;
	float: right;
	margin-right: 20px;
	margin-top:-200px;}	
	
#entreprises {
	height:150px;
	width: 537px;
	float: right;
	margin-right: 45px;
	margin-top:10px;}	
	
#photo1{
	height: 120px;
	width: 169px;
	background-image: url(../images/CONTACT-TR.jpg);
	background-repeat:no-repeat;
	float: left;}

#photo2{	
	height: 120px;
	width: 169px;
	background-image:url(../images/CONTACT-MONT-CARMEL.jpg);
	background-repeat:no-repeat;
	float: left;
	margin-left: 15px;}

#photo3{
	height: 120px;
	width: 169px;
	background-image:url(../images/CONTACT-SS.jpg);
	background-repeat:no-repeat;
	float: right;}
	
#tr{
	height: 200px;
	width:545px;
	float:left;}	
	
	#mc{
		font-size: 10px;
		width: 80px;
		height:12px; 
		float:left;
		margin-left: 28px;
		margin-top: -60px;}
		
	#villetr{
		font-size: 10px;
		width: 80px;
		height:12px; 
		float:left;
		margin-left: 4px;
		margin-top: -60px;}
		
	#ss{
		font-size: 10px;
		width: 90px;
		height:12px; 
	 	float: left;
		margin-left: 15px;
		margin-top: -60px;}	
		

	html:first-child identifiant #ss{/*-- hack css opéra --*/
		font-size: 10px;
		width: 100px;
		height:12px; 
	 	float: left;
		margin-left: 15px;
		margin-top: -60px;}

#tblmain{
	
	width:800px;
	height:1950px;
	border: none;
	margin-top: -15px;
	}	
	
#tblsoumission{
	width: 739px;
	height: auto;
	border: none;
	margin-top: 30px;
	margin-left:48px;
	float: left;
	}
#mesmns{
	float: left;}
		
#logovert{
	background-color: #000000;
	color:#33cc66;
	font-size:10px;}
	
#logogris{
	background-color: #000000;
	color:#cccccc;
	font-size:10px;}	
	
.tdhauteur{
	height: 81px;
	width: 140px;}	
	
.tdespace{
	height: 11px;
	}	
	
.tdlargeur{
	width: 11px;}	

#titre_formu{
	font-size: 13px;
	font-weight:bold;
	height: 15px;
	}
	
.etoile{
	color: #de2b46;}
	
#txtfaq{
	margin-left: 45px;
	margin-top: 40px;}

.question{
	color: #de2b46;
	font-weight:bold;}
	
#flyer{
	background-image:none;
	background-repeat:no-repeat;
	width: 900px;
	height: 983px;
	margin-top: 42px;
}	
	
#promo_carte{
	background-image:url(../images/promo-carte.gif);
	background-repeat:no-repeat;
	width: 945px;
	height: 164px;
	margin-top: 20px;
	margin-bottom: 10px;}

#bandepromo{
	height: 205px;
	border: 0px;}
	
#promo_imp_num{
	width: 941px;
	height: 205px;
	margin-top:40px;
	margin-bottom: -10px;
	border: none;
	}
		
/* ------#bas-------*/	

#bas {
	width: 960px;}
	
#titre_imp_num{
	/*border:1px solid #000000;*/
	behavior: url(iepngfix.htc);
	background-image:url(../images/imp_num.png);
	background-repeat:no-repeat;
	height:22px;
	width: 280px;
	position: absolute;
	top: 248px;
	left: 45px;}	

#tag_promos{
	behavior: url(iepngfix.htc);
	background-image:url(../images/tag_promos.png);
	background-repeat:no-repeat;
	height:88px;
	width: 87px;
	position: absolute;
	top: 218px;
	left: 300px;}	

a#ancre{
	float: right;
	color: #de2b46;
	text-decoration:none;
	margin-right: 23px;}
	  a#ancre:hover{
	float: right;
	color: #de2b46;
	text-decoration:underline;}
	
#btn{
	margin-top:10px;}
/*--------------- conception graphique -----------------*/	

#txt{
	width: 850px;
	height: auto;
	text-align:justify;}

#logotypes{
	widht:100px;
	height:20px;
	background-image:url(../images/logotypes.gif);
	background-repeat:no-repeat;
	margin: 50px 0 0 50px;}

#depliants{
	widht:90px;
	height:20px;
	background-image:url(../images/depliants.gif);
	background-repeat:no-repeat;
	margin:50px 0 0 50px;}

#brochures{
	widht:93px;
	height:20px;
	background-image:url(../images/brochures.gif);
	background-repeat:no-repeat;
	margin: 0px 0 0 50px;}

#r_annuels{
	widht:93px;
	height:20px;
	background-image:url(../images/r_annuels.gif);
	background-repeat:no-repeat;
	margin: 0px 0 0 50px;}
	
#tout_img{
	width: 875px;
	height: 170px;
	display: block;
	margin: 20px 0 0 0px;}
	
#tout_img1{
	width: 875px;
	height: 85px;
	display: block;
	margin: 20px 0 0 0px;
	padding-bottom: 30px;}	

#photos{
	width: 875px;
	height: 70px;
	border: 0px;
	float: left;
	margin-left: 50px;
	}	

/*--------------- impression numérique -----------------*/	

#imp_indus{
	widht:209px;
	height:20px;
	background-image:url(../images/imp_indus.gif);
	background-repeat:no-repeat;
	margin: 50px 0 0 50px;}

#ban_ori{
	widht:90px;
	height:20px;
	background-image:url(../images/ban_ori.gif);
	background-repeat:no-repeat;
	margin: 0px 0 0 50px;}

#coro{
	widht:93px;
	height:20px;
	background-image:url(../images/coro.gif);
	background-repeat:no-repeat;
	margin: 0px 0 0 50px;}

#pre_expo{
	widht:233px;
	height:20px;
	background-image:url(../images/pre_expo.gif);
	background-repeat:no-repeat;
	margin: 0px 0 0 50px;}
	
#lett_veh{
	widht:203px;
	height:20px;
	background-image:url(../images/lett_veh.gif);
	background-repeat:no-repeat;
	margin: 0px 0 0 50px;}	
	
	

/*--------------- impression numérique -----------------*/		
#sites_web{
	widht:92px;
	height:20px;
	background-image:url(../images/sites_web.gif);
	background-repeat:no-repeat;
	margin: 50px 0 0 50px;}	
			
/*----------footer--------------------------------*/	
#footer {/*  border:1px solid #ffffff;*/
	width:960px;
	height:97px;
	behavior: url(iepngfix.htc);
	background-image:url(../images/bg_footer.png);
	display:block;
	clear:both;
	top:27px;
	position:relative;}	
	
*html #footer {/*  border:1px solid #ffffff;*/
	width:960px;
	height:97px;
	behavior: url(iepngfix.htc);
	background-image:url(../images/bg_footer.png);
	display:block;
	clear:both;
	margin-bottom:27px;
	position:relative;}		
	
/*----------menu du footer---------*/	
#minimenu{
	display:block;
	padding-left: 220px;}

	#minimenu ul{/*pour placer la liste*/ 
		font-size: 10px;
		font-family:verdana;
		list-style-type:none;}
	
		#minimenu ul li { 
			float: left;
			display:block;
			margin-top:55px;
			width:auto;
			height:auto;}

*html #minimenu{
	display:block;
	padding-left: 256px;}
	
#minimenu .ligne { 
	background:url(../images/barre_menu.gif);
	background-repeat:no-repeat;
	height:13px;
	width:1px;
	margin-top: 55px;
	padding:0 1px;}	
	
#minimenu a:link,
#minimenu a:active,
#minimenu a:visited {/*couleur sur les liens */
	display:block;
	float:left;
	color:#fdf70a;
	text-decoration:none;
	margin-left: 2px;
	margin-right:2px;}
 

	
#signature {
	font-size:10px;
	color: #fdf70a;
	margin-left:335px;
	margin-top:7px;
	clear:both;}	
#menudroit {
	height: 210px;
	width: 305px;
	display: block;
	float: right;
	position: absolute;
	top: 20px;
	right: 22px;
	background-color: #9ED8EC;
	margin: 0px;
	padding: 15px;
	overflow: hidden;
}
#menu_droit_chat {
	display: block;
	width: 305px;
	float: right;
	position: absolute;
	height: 102px;
	top: 17px;
	right: 22px;
	padding: 15px;
	background-image: url(../images/clavardage.jpg);
	background-repeat: no-repeat;
}
#texte_intro {
	display: block;
	width: 535px;
	float: left;
	height: 245px;
	top: 0px;
	right: 0px;
	left: 0px;
	visibility: visible;
	padding-left: 23px;
	text-align: justify;
}
.menu_droite_nouvelle_Bold {
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #378DCB;
	line-height: 12px;
}
.menu_droite_nouvelle_texte {
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 12px;
}
.menu_droite_nouvelle_TITRE {
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #FFF;
	line-height: 12px;
}
.texte_intro {
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	overflow: scroll;
	text-align: justify;
	vertical-align: baseline;
	word-spacing: normal;
	line-height: 15px;
	font-style: normal;
	font-variant: normal;
}
#desjardins {
	float: left;
	height: 128px;
	width: 500px;
	background-image: url(../images/Gala_Distiction_entreprise_de_service.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	left: 25px;
	clip: rect(auto,auto,auto,25px);
}
#contact_intro {
	display: block;
	height: 300px;
	width: 283px;
	position: absolute;
	top: 65px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 46px;
}
.texte_clavardage {
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #F60;
	text-align: justify;
	vertical-align: baseline;
	word-spacing: normal;
	font-style: italic;
	font-variant: normal;
}
.texte_contact {
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #F60;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 16px;
}
.texte_contact_noir {
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	font-style: normal;
	font-variant: normal;
}
.texte_contact_mini {
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #666;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	font-style: normal;
	font-variant: normal;
}
.grostexteblanc {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 36px;
	color: #FFF;
}