/*
-----------------------------------------------
RENOBAC 
Création : 18 AOÛT 2009, André Houde, www.scah.ca
----------------------------------------------- 
*/


/*
   =========================================== 

	SECTION CI-DESSOUS CONCERNE LES STYLES
	D'ÉDTION DU CONTENU
                                             
   ===========================================
*/

form, td, div, p, li, h5, h6 .txt_texte, .contenu, span{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #595959;
}

.txt_texte, .texte {
	text-align:justify;
}

td .txt_texte, td.texte{
	text-align:left;
}


h1, .txt_titre1{
	margin:0px;
	padding:0px;
	font-size: 18px;
	font-weight: normal;
	color: #323232;
}


h2, .txt_titre2{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 15px;
	color: #da2921;
}

h3, .txt_titre3{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #323232;
}

h4, .txt_titre4{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #323232;
}

h5, .txt_titre5{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #da2921;
}

h6, .txt_titre6{
	margin: 0px;
	padding: 0px;
	font-size: 9px;
	font-weight: bold;
	color: #b9b9b9;
}



#centre_gauche ul {
	list-style-image: url(imgs/puce.gif);
}

.photo {
	margin:0 5px 0 0;
	border:1px solid #000;
	float:left;
}


a{
	margin:0;
	padding:0;
	color:#da2921;
}

a img {
	margin:0;
	padding:0;
	border-width: 0; 
	border-style: none; 
	text-decoration: none;
}


.photo p{
	padding: 5px;
	margin: 0;
}


/*
   =========================================== 

	SECTION CI-DESSOUS CONCERNE LES STYLES
	DE STRUCTURE DE LA PAGE
                                             
   ===========================================
*/

/*  structure globale de la page  
----------------------------------------------- */


html{
	background-color: #bfbcb7;
}

body{
	padding:0px;
	margin-top:0px;
	margin-right: auto;
	margin-left: auto;
	width:947px;
}

.skiplink{
	display:none;
}




/* Entete de page
----------------------------------------------- */


#headerPrint{
	display:none;
	position:relative;
}

#header{
	float:left;
	margin:0px;
	padding:0px;
	background-position: left top;
	background-image: url(imgs/background_header_en3.jpg);
	background-repeat: no-repeat;
	width:947px;
	height:181px;
}

#header.fr{
	background-position: left top;
	background-image: url(imgs/background_header_fr3.jpg);
	background-repeat: no-repeat;
}


#header #header_left{
	float:left;
	margin:0px;
	padding:0px;
	width:260px;
}

#header_left #logo_renobac{
	float:left;
	padding:59px 0 0 38px;
	margin:0;
}


#header #header_right{
	float:right;
	margin:0px;
	padding:0px;
	width:687px;
}


/*  structure   
----------------------------------------------- */

#container {
	float:left;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
}


#site_bas {
	float:left;
	margin:0px;
	padding:0px;
}





/* Contenu 
----------------------------------------------- */


#contenu{
	float: left;
	padding:0;
	margin:0;
	vertical-align:top;
}

#accueil #contenu{
	width: 947px;
	padding:0;
	margin:0 0 0 0;

}

#detail	#contenu{
	width: 693px;
}

/* Marge de gauche
----------------------------------------------- */

#detail #gauche{
	float:left;
	padding:0;
	margin: 0;
	width:254px;
}

#detail #gauche_haut{
	float:left;
	padding:0;
	margin: 0;
	width:254px;
	height:246px;
	background-position: left top;
	background-image: url(imgs/background_gauche.jpg);
	background-repeat: no-repeat;
	border-bottom:1px solid #f0f0f0;
}

#detail #gauche_centre{
	float:left;
	padding:0;
	margin: 28px 0 0 24px;
	width:230px;
}


/* centre de page
----------------------------------------------- */


#accueil #centre_haut {
	float: left;
	padding:0;
	margin: 0;
	width:947px;
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
}

#detail #centre_haut {
	float: left;
	padding:0;
	margin: 0;
	width:947px;
	border-top:1px solid #f0f0f0;
	height:1px;
}

#accueil #gauche_haut{
	float:left;
	padding:0;
	margin: 0;
	background-position: left top;
	/*background-image: url(imgs/background_gauche.jpg);*/
	background-repeat: no-repeat;
	width:714px;
	height:246px;
}


#accueil #flash-intro{
	float:right;
	padding:0;
	margin: 0;
}

#accueil #intro-reno{
	position:relative;
	z-index:0;
}

#accueil #centre_haut_droit{
	float:right;
	padding:0;
	margin: 0;
	width:233px;
}

#accueil #centre {
	float: left;
	padding:0;
	margin: 0;
	width:947px;
}

#detail #centre {
	float: left;
	padding:0;
	margin: 0;
	width:693px;
}

#accueil #centre_gauche {
	float: left;
	padding:0;
	margin-top:18px;
	width:714px;
	text-align:justify;
	line-height:18px;
}

#detail #centre_gauche{
	float:left;
	padding:32px 32px 0 55px;
	margin: 0;
	width:373px;
	text-align:justify;
	line-height:18px;
}


#accueil #centre_gauche_gauche{
	float: left;
	padding:0;
	margin: 0;
	width:260px;
	text-align:left;
}

#accueil #centre_gauche_droit_contenu{
	float: left;
	padding:0 50px 0 50px;
	margin: 0;
}


#accueil #centre_gauche_droit{
	float: right;
	margin:0;
	padding:0;
	text-align:left;
	width:454px;
}

#accueil #centre_centre{
	float: left;
	padding:0;
	margin:0;
	width:947px;
	text-align:left;
	line-height:18px;
}

#accueil #centre_centre img.multi{
	padding:0;
	margin:0;
}


#accueil #centre_centre_gauche{
	float: left;
	padding:0 20px 0 45px;
	margin: 0;
	width:236px;
	
	text-align:left;
	line-height:18px;
}

#accueil #centre_centre_gauche p{
	text-align:justify;
}
#accueil #centre_centre_gauche #texte1 _txt{
	text-align:justify;
}
#accueil #centre_centre_centre{
	float: left;
	padding:0 20px 0 50px;
	margin: 0;
	width:236px;
	
}
#accueil #centre_centre_centre p{
	text-align:justify;
}

#accueil #centre_centre_droit{
	float: left;
	padding:0 50px 0 50px;
	margin: 0;
	width:236px;
	
}
#accueil #centre_centre_droit p{
	text-align:justify;
}

/* Contenu - cote droit
----------------------------------------------- */

#droit,  #droit_haut, #droit_centre, #droit_bas {
	float: right;
	padding:0;
	margin:0;
	width: 233px;
	text-align:left;
}

#accueil #droit_haut{
	display:none;
}

#accueil #droit_centre{
	display:none;
}

#accueil #droit_bas{
	display:none;
}

#detail	#droit{
	padding:0;
	margin:0;
	background-position: left top;
	background-image: url(imgs/background_droit.jpg);
	background-repeat: no-repeat;
	width: 233px;
	background-color:#e52c25;
}


/* Bas de page
----------------------------------------------- */

#BasDePage{
	float: left;
	padding:0;
	margin:0;
	text-align:left;
	background-position: left top;
	background-image: url(imgs/background_baspage_en.jpg);
	background-repeat: no-repeat;
	width:947px;
	height:42px;
}

#BasDePage.fr{
	background-position: left top;
	background-image: url(imgs/background_baspage_fr.jpg);
	background-repeat: no-repeat;
}

.boutonplus {
	float:right;

}
	

/* Bas de contenu - Logo Scah.ca
----------------------------------------------- */

#logo{
	float:right;
	width:200px;
	padding:0;
	margin:0;
	text-align:right;
}

#logo img{
	padding:5px 20px 0 0;
}



/* Div ouvert et ferme
----------------------------------------------- */

div.fermer{
	display:none;
}





/*
   =========================================== 

	SECTION CI-DESSOUS CONCERNE LES STYLES
	DES COMPOSANTES
                                             
   ===========================================
*/


/* Plan du site
----------------------------------------------- */	

#plandusite {
	margin: 0;
	padding: 15px 0 0 15px;
}

#plandusite li{
	margin: 0;
	padding: 7px 0 0 0;
}






/* Nouvelle
----------------------------------------------- 

Voir le fichier http://www.scah.ca/cmx/cmx_client/nouvelle/nouvelle_scah.xsl 

*/





/* Appelle du formulaire de contact
----------------------------------------------- */

#contact{
	float:left;
	padding:0;
	margin:0;
	width:233px;
	height:72px;
	background-position: left top;
	background-image: url(imgs/contact_entete_en.jpg);
	background-repeat: no-repeat;
	text-align:right;
}

#contact.fr{
	float:left;
	padding:0;
	margin:0;
	width:233px;
	height:72px;
	background-position: left top;
	background-image: url(imgs/contact_entete_fr.jpg);
	background-repeat: no-repeat;
	text-align:right;
}



#contact img{
	margin:19px 12px 0 0;
}






/* Marge de droite 
----------------------------------------------- */

#marge_droite{
	float:left;
	margin:0;
	width:233px;
	color:#fff;
	font-size:12px;
}


#marge_droite .photo{
	margin:3px 7px 0 0;
	border:2px solid #fff;
}

#marge_droite li{
	color:#fff;
}

#marge_droite ul{
	padding-left:15px;
}



#marge_droite h1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:15px;
	color:#fff;
}

#marge_droite .grand{
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:22px;
	color:#fff;
}


#marge_droite p, #marge_droite span {
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
}

#marge_droite a{
	color:#fff;
	text-decoration:underline;
}


#marge_droite .marge_rouge{
	padding:22px;
	color:#fff;
}

#marge_droite .marge_gris_pale{
	padding:22px;
	background-color: #7d7770;
	color:#fff;
}

#marge_droite .marge_gris_fonce{
	padding:22px;
	background-color: #645d54;
	color:#fff;
}

#marge_droite .certification{
	padding-bottom:20px;
	background-color: #fff;
	background-position: left top;
	background-image: url(imgs/certification_en.jpg);
	background-repeat: no-repeat;
	width:233px;
	height:66px;
}

#marge_droite .certification_fr{
	padding-bottom:20px;
	background-color: #fff;
	background-position: left top;
	background-image: url(imgs/certification_fr.jpg);
	background-repeat: no-repeat;
	width:233px;
	height:66px;
}





/* Abonnement
----------------------------------------------- */


#abonnement{
	float:left;
	padding:0;
	margin:0;
	width:233px;
	height:247px;
	background-position: left top;
	background-image: url(imgs/abonnement_entete_en.jpg);
	background-repeat: no-repeat;
}

#abonnement.en2{
	background-image: url(imgs/abonnement_entete_en2.jpg);
}

#abonnement.fr{
	background-position: left top;
	background-image: url(imgs/abonnement_entete_fr.jpg);
	background-repeat: no-repeat;
}

#abonnement.fr2{
	background-image: url(imgs/abonnement_entete_fr2.jpg);
}


#abonnement div{
	float:left;
	padding:0;
	margin:0;
}


#abonnement .boiteEntete{
	display:none;
	float:left;
	margin:0;
	padding:0;
	height:17px;
}

#abonnement #abonn_haut{
	display:none;
	float:left;
}

#abonnement #abonn_centre{
	float:left;
	margin:0;
	padding:0;
	width:233px;
}


#abonnement input, #abonnement select{
	border:1px solid #ccc;
}


#abonnement #Email {
	margin:57px 0 0 21px;
	padding:0;
	width:188px;
}

#abonnement #First_Name {
	margin:19px 0 0 21px;
	padding:0;
	width:88px;
}

#abonnement #Last_Name{
	margin:19px 0 0 6px;
	padding:0;
	width:88px;
}

#abonnement #Region{
	margin:19px 0 0 21px;
	padding:0;
	width:188px;
}

#abonnement #abonn_bas{
	float:left;
	margin:0;
	padding-top:4px;
	padding-left:160px;
	width:233px;
}

#abonnement #abonn_bas.fr{
	padding-left:134px;
}


#abonnement #btabonnement {
	margin:3px 0 0 0;
	padding:0;
	cursor:  pointer;
	width:50px;
	height:17px;
	background-position: left top;
	background-image: url(imgs/abonnement_envoyer_en.png);
	background-repeat: no-repeat;
	border:none;
	background-color:transparent;
}

#abonnement #btabonnement.fr {
	width:76px;
	height:17px;
	background-image: url(imgs/abonnement_envoyer_fr.png);
}

#abonnement #btabonnement:hover {
	background-image: url(imgs/abonnement_envoyer_over_en.png);
}

#abonnement #btabonnement.fr:hover {
	background-image: url(imgs/abonnement_envoyer_over_fr.png);
}


#online_presentation{
	float:left;
	width:233px;
	height:70px;
}

#online_presentation #btpresentation{
	padding-top:47px;
	padding-left:130px;
}


/* Page de Online-request-contact */


#btabonnement_contact {
	margin:3px 0 0 0;
	padding:0;
	cursor:  pointer;
	width:50px;
	height:17px;
	background-position: left top;
	background-image: url(imgs/abonnement_envoyer_en.png);
	background-repeat: no-repeat;
	border:none;
	background-color:transparent;
}

#btabonnement_contact.fr {
	width:76px;
	height:17px;
	background-image: url(imgs/abonnement_envoyer_fr.png);
}


#btabonnement_contact:hover {
	background-image: url(imgs/abonnement_envoyer_over_en.png);
}

#btabonnement_contact.fr:hover {
	background-image: url(imgs/abonnement_envoyer_over_fr.png);
}






/* Vidéo
----------------------------------------------- */




#video {
	float:left;
	padding:0;
	margin:0;
	width:233px;
}

#video #video_haut{
	float:left;
	padding:21px 0 6px 0;
	margin:0;
	width:233px;
	font-size:25px;
	color:#645d54;
	text-align:center;
}

#video #video_centre{
	float:left;
	margin:0;
	padding:0;
	width:227px;
}

#video_centre div.marge_droite{
	float:left;
	margin:0;
	padding:0;
	background-position: left top;
	background-image: url(imgs/background_video.jpg);
	background-repeat: no-repeat;
	width:227px;
	height:63px;
}

#video_centre div.contenu{
	float:left;
	margin-bottom:25px;
	padding:0;
	background-position: left top;
	background-image: url(imgs/background_video.jpg);
	background-repeat: repeat-x;
	width:385px;
	height:63px;
}

#video_centre div.marge_droite span{
	font-size:12px;
	color:#696969;
}

#video_centre div.marge_droite img{
	margin:5px;
	border:1px solid #fff;
	width:75px;
}

#video_centre div.marge_droite a{
	color:#696969;
}


#video #video_bas{
	float:left;
	margin:0;
	padding:0;
	width:227px;
	border-top:1px solid #e9e9e9;
}

#video_bas #btvideo{
	padding-top:7px;
	padding-left:153px;
	padding-bottom:20px;
}