ÿþ/*----------------------------------------------------------------------



	Feuille de styles réservée au :

	

	Format ( 2 colonnes )

	-article

	-membre_ami.html

	-rss.html

	-recherche.html

	

	Compatible avec :

	

	PC // Internet Explorer 6 ou plus, Firefox 1.0 ou plus, Opera

	MAC // Safari, Netscape, Opera

	

	Auteur : Olivier Fortier

	Courriel : ofortier@inpix.ca

	Compagnie : Inpix Solutions Interactives

	Site web : http://www.inpix.ca

	

	Adaptation : Pascal-André Allaire

	Courriel : paallaire@inpix.ca

	Compagnie : Inpix Solutions Interactives

	Site web : http://www.inpix.ca



-----------------------------------------------------------------------*/



/* -col_primaire

-----------------------------------------------------------------------*/

#col_primaire { float: left; position: relative; display: inline; width: 613px; margin-top: 10px; margin-left: 0px; } 

* html #col_primaire { width: 617px; margin-right: 0px; } 



col_primaire h1 { color: #525252; } 



#col_primaire div.boite { position: relative; width: 613px; margin-bottom: 10px; background-color: #fefefe; border-right: 1px solid #a0a0a0; border-bottom: 1px solid #656565; } 

#col_primaire div.bandeau { position: absolute; width: 70px; height: 70px; top: -6px; right: -8px;} 

* html #col_primaire div.bandeau { right: -9px; top: -6px; } 

#col_primaire div.boite h1 { padding: 0px; margin: 0px; padding-top:15px; } 

#col_primaire div.section_image p { padding-bottom: 15px; font-size: 0.75em;}	

* html #col_primaire div.section_image div.float p, #col_tertiaire div.float p { position: fixed; padding: 0px; margin-top: -4px; }



/* -section_image

-----------------------------------------------------------------------*/

#col_primaire div.section_image div.acote { float: right; margin: 0 15px 10px 4px; width: 220px; border-top: 1px solid #cccccc; border-bottom: 1px solid #ccc;} 

* html #col_primaire div.section_image div.acote { margin: 0px 5px 10px 0px; } 

#col_primaire div.section_image div.acote p { font-size: 0.7em; line-height:1em; padding-bottom: 10px;} 

#col_primaire div.section_image div.acote div.contenu { margin: 0px; padding: 10px 5px 0px 5px; }	

#col_primaire div.section_image div.acote a { color: #0b76fa; text-decoration: none; } 

#col_primaire div.section_image div.acote a:hover { text-decoration: underline; } 

#col_primaire div.section_image div.acote a:visited { color: #0041A5; } 



#col_primaire div.section_image div.bas_de_page { padding:3px; background: #f3f3f3 url(/images/bg_ariane.gif) repeat-x; overflow:hidden; margin-bottom:0; width:100%;} 

#col_primaire div.section_image div.bas_de_page p { margin: 0; padding: 0;}	

#col_primaire div.section_image div.bas_de_page .lien_precedent{ float: left;} 

#col_primaire div.section_image div.bas_de_page .lien_suivant{ float: right;} 



#col_primaire div.section_image div.interstice_image { width: 100%; overflow: hidden; border: 1px solid #cccccc; margin-bottom: 5px; background: #F1F1F1; clear: both;}

#col_primaire div.section_image div.interstice_image img { float: left; padding: 1px; margin-right: 5px; } 

#col_primaire div.section_image div.interstice_image p { font-size: 0.75em; } 



#col_primaire div.section_image a.lien_precedent { float: left; color: #0b76fa; font-size: 0.85em; text-decoration: none; font-weight: bold; } 

#col_primaire div.section_image a.lien_precedent:hover { text-decoration: underline; } 

#col_primaire div.section_image a.lien_precedent:visited { color: #0041A5; } 

#col_primaire div.section_image a.lien_suivant { float: right; color: #0b76fa; font-size: 0.85em; text-decoration: none; font-weight: bold; }	

#col_primaire div.section_image a.lien_suivant:hover { text-decoration: underline; } 

#col_primaire div.section_image a.lien_suivant:visited { color: #0041A5; } 



#col_primaire div.footer_abonnez_vous { width: 400px; margin: 0 auto; text-align: center; margin-bottom: 15px; padding: 10px 0 0; } 

#col_primaire div.footer_abonnez_vous p { font-size: 0.75em; } 

#col_primaire div.footer_abonnez_vous a { color: #0b76fa;  text-decoration: none; font-weight: bold; }

#col_primaire div.footer_abonnez_vous a:hover { text-decoration: underline; } 

#col_primaire div.footer_abonnez_vous a:visited { color: #0041A5; } 



/* -contenu_articles 

-----------------------------------------------------------------------*/

#col_primaire div.contenu_articles { width: 100%; overflow: hidden;  padding-top: 0px; } 

#col_primaire div.contenu_articles h2 { margin:0; padding:0 0 5px 0;} 

#col_primaire div.contenu_articles h3 { padding-top: 0px; padding-bottom: 10px; } 

#col_primaire div.contenu_articles h3.defin { padding-top: 20px; } 

#col_primaire div.contenu_articles h1 { font-size: 1.35em; }	

#col_primaire div.contenu_articles p { font-size: 0.75em; } 

#col_primaire div.contenu_articles ul { margin: 0; padding:0 } 



#col_primaire div.contenu_articles li { font-size: 0.75em; list-style-type:none; padding:2px 0 2px 0; margin:0; } 

* html #col_primaire div.contenu_articles li { padding:0  } 	



#col_primaire div.section_image ul, ol { margin-left: 20px; }

#col_primaire div.section_image ul li { font-size: 0.75em; } 

#col_primaire div.section_image ol li { font-size: 0.75em; } 

#col_primaire div.bordure { border-right: 1px dotted #8e8e8e; border-bottom: 1px dotted #8e8e8e; border-left: 1px dotted #8e8e8e; padding: 10px; background: url(/images/bg_bt_logged.gif) bottom left repeat-x; } 

* html #col_primaire div.bordure { border-right: #cccccc; border-bottom: #cccccc; border-left: #cccccc; } 

#col_primaire .premier { border-top: 1px dotted #8e8e8e; }	

* html #col_primaire .premier	{ border-top: #cccccc; }

#col_primaire .switchgroup1 div.float p { line-height: 20px; } 





/* BUG68 ... dans ces "colonnes", s'il n'y a pas de liste dans celle de droite, l'interligne n'est pas bon  */

#col_primaire div.contenu_articles div.colonne { margin:0 10px 0 10px; font-size: 0.75em; border:#d6d6d6 1px solid; } 



/* -colonne 

-----------------------------------------------------------------------*/

#col_primaire div.colonne h1 { color: #c24900; padding: 0; } 

#col_primaire div.colonne h3 { color: #0b76fa; padding: 0; font-weight:normal; } 

#col_primaire div.colonne ul { padding-top: 0; margin-top: 0; } 

#col_primaire div.colonne li { margin-left: 20px; font-size: 0.90em; }



#col_primaire div.colonne ul.collapse_content { list-style-type: none; padding-left:10px; } 

#col_primaire div.colonne p { font-size: 0.9em; color:#525252; padding-left:15px; padding-bottom: 5px; }

#col_primaire div.colonne a:link { color: #4e74a4; text-decoration: none; } 

#col_primaire div.colonne a:hover { text-decoration: underline; } 

#col_primaire div.colonne a:visited { color: #4e74a4;} 

#col_primaire div.contenu_articles div.colonne h2 { color:#525252; }	



#col_primaire .nopadding { padding-left: 0px!important; } 

#col_primaire .largeurfixe { width: 500px!important; }	

#col_primaire .nopadding p { margin-left: 30px!important; }	

#col_primaire .nopadding div.form_separateur { margin-left: 30px!important; }	

#col_primaire div.contenu_offres p { color:#525252; padding-top: 10px; } 

#col_primaire div.contenu_offres h3.titre { background: url(/images/fleche_titre3.gif) 0px 3px no-repeat; padding-left: 30px!important; } 

#col_primaire div.contenu_offres div.colonne_offres { float: left; width: 45%; margin-top: 15px; padding-left: 20px; padding-bottom: 0px; }

#col_primaire div.contenu_offres div.colonne_offres h3 { color :#c24900; font-size: 1em; } 

#col_primaire div.contenu_offres ul.offres { margin-left: 10px; list-style: none; }

#col_primaire div.contenu_offres ul.offres li { padding-bottom: 5px; } 

#col_primaire div.contenu_offres ul.offres li a { color: #0b76fa; text-decoration: none; } 

#col_primaire div.contenu_offres ul.offres li a:hover { text-decoration: underline; } 

#col_primaire div.contenu_offres ul.offres li a:visited { color: #0041a5; } 

#col_primaire div.hr { text-align: center; } 

#col_primaire div.hr hr { border: 1px solid #F4F2F2; border-bottom: 1px solid #cecece; width: 50%; margin: 15px auto; }	



/* -col_tertiaire 

-----------------------------------------------------------------------*/

#col_tertiaire { float: left; display: inline; width: 323px; margin-top: 10px; margin-left: 10px; } 

* html #col_tertiaire { margin-left: 8px; width: 320px; } 

#col_tertiaire p { padding: 0px; margin: 0px; } 

#col_tertiaire div.ajouttitre { background:url(/images/fleche_titre.gif) no-repeat 0 2px; padding-left:10px; margin-top: 20px; }

#col_tertiaire div.ajouttitre ul { padding: 0 0 0 0px;} 

#col_tertiaire div.ajouttitre ul li { list-style:none; margin: 0 0 5px;} 

#col_tertiaire div.ajouttitre ul li *{ line-height: 1.2em;} 

#col_tertiaire div.ajouttitre p.lien { padding-bottom: 10px; } 

#col_tertiaire div.ajouttitre h4 { padding-top: 0px;} 

#col_tertiaire div.marge_actus div.formulaire { position: relative; border-bottom: 1px solid #CCC; } 

.bt { border-top: 1px solid #CCC;} 

#col_tertiaire div.marge_actus div.noborder { border: 0;}	

#col_tertiaire div.marge_actus div.formulaire form { padding-bottom: 10px; } 

#col_tertiaire div.marge_actus div.formulaire label { position: relative; display: inline; font-size: 0.70em; } 

#col_tertiaire div.marge_actus div.formulaire input { position: relative; margin-left: 0px; } 

#col_tertiaire div.marge_actus div.formulaire div.ligne { position: relative; width: 100%; overflow: hidden; margin-bottom: 10px;} 

#col_tertiaire div.marge_actus div.formulaire div.ligne div.radio { float: left; width: 20px; margin-right: 5px; } 

#col_tertiaire div.marge_actus div.formulaire div.ligne div.description { float: left; width: 240px; } 

#col_tertiaire div.marge_actus div.formulaire div.ligne div.description label { display: block; padding-bottom: 5px; } 

#col_tertiaire div.marge_actus div.formulaire div.ligne h3 { padding-bottom: 5px; } 

#col_tertiaire div.marge_actus div.formulaire div.ligne div.description p { font-size: 0.7em; line-height: 1.2em; } 

#col_tertiaire div.marge_actus div.formulaire div.ligne div.description ul { list-style-position:outside; padding-left: 8px; margin-left: 8px;} 

#col_tertiaire div.marge_actus div.formulaire div.ligne div.description li { margin-top: 0px; } 

#col_tertiaire div.marge_actus div.formulaire div.ligne div.description .souligne { text-decoration: underline; } 

#col_tertiaire div.marge_actus div.formulaire div.contenu { margin-bottom: 0px; padding-bottom: 0px; } 

#col_tertiaire div.marge_actus div.contenu_altern { margin: 0 0 0 10px; padding-bottom: 0px; } 

#col_tertiaire #reagissez { background: #F1F1F1;} 

#col_tertiaire #reagissez form textarea { width: 278px; height: 93px; background: #FFF; border: 1px solid #A9A9A9; margin: 15px 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 0.69em; line-height: 1.3em;} 

#col_tertiaire #reagissez form input { margin: 0 0 10px;} 

#col_tertiaire #reagissez form input.textbox { width: 272px;  background: #FFF; border: 1px solid #A9A9A9; color: #888888; margin: 0px 0px 13px 0px; padding: 3px; } 

#col_tertiaire #sommaire div { margin-bottom:15px;}	

#col_tertiaire #sommaire div h3 { margin-bottom:5px;}

 #col_tertiaire #sommaire div p{ line-height: 1.2em;}

 #col_tertiaire #login h2 { padding-bottom: 0;} 

 

 #col_tertiaire #login ul { list-style-type: none; width: 100%; overflow: hidden; margin: 0; padding: 0;} 

 #col_tertiaire #login ul.login_options li { float: left; margin: 0 20px 0 0;} 

 #col_tertiaire #login ul.login_options li a{ font-size: 0.63em; color: #525252; font-weight: bold;}	

 #col_tertiaire #login ul.login_nav { border-top: 1px solid #CCCCCC; } 

 #col_tertiaire #login ul.login_nav li { border-right: 1px solid #CCCCCC; float: left; } 

 #col_tertiaire #login ul.login_nav li a { display: block; font-size: 0.7em; font-weight: bold; color: #8b8b8b; text-align: center; }

 

 #col_tertiaire #login ul.login_nav #signets { width: 50%; min-height: 30px; border-bottom: 1px solid #cccccc; background: url(/images/fd_outils_droite.gif) bottom left no-repeat; display: block; position: relative;} 

 * html #col_tertiaire #login ul.login_nav #signets { height: 30px; width: 49%; } 

 #col_tertiaire #login ul.login_nav #signets a { padding: 3px; text-decoration: none; }	

 #col_tertiaire #login ul.login_nav #signets img { position: relative; padding-right: 3px;top: 4px; height: 15px;}		

 #col_tertiaire #login ul.login_nav #signets_on { width: 50%; min-height: 30px; background: none; display: none; border-bottom: 1px solid #cccccc;} 

 * html #col_tertiaire #login ul.login_nav #signets_on { height: 30px; width: 49%; } 

 #col_tertiaire #login ul.login_nav #signets_on a { padding: 3px; text-decoration: none; color: #c24900; } 

 #col_tertiaire #login ul.login_nav #signets_on img { position: relative; padding-right: 3px; top: 4px; height: 15px;} 

 

 #col_tertiaire #login ul.login_nav #achats { width: 49%; min-height: 30px; border-right: 0; border-bottom: 1px solid #cccccc; display: block;background: url(/images/fd_outils_droite.gif) bottom left no-repeat; position: relative;} 

 * html #col_tertiaire #login ul.login_nav #achats { height: 30px; } 

 #col_tertiaire #login ul.login_nav #achats a { border-right: 0; border-right: 0; padding: 3px; text-decoration: none; } 

 #col_tertiaire #login ul.login_nav #achats img { position: relative; top: 4px; height: 15px; padding-right: 3px; } 

 #col_tertiaire #login ul.login_nav #achats_on { width: 49%; min-height: 30px; border-right: 0; display: none; border-bottom: 1px solid #cccccc;} 

 * html #col_tertiaire #login ul.login_nav #achats_on { height: 30px; } 

 #col_tertiaire #login ul.login_nav #achats_on a { border-right: 0; color: #c24900; border-right: 0; padding: 3px; text-decoration: none; } 

 #col_tertiaire #login ul.login_nav #achats_on img { position: relative; top: 4px; height: 15px; padding-right: 3px; } 

 #articles { padding-top : 10px; } #articles p { font-size: 0.83em; line-height: 1.3em; } 

 .handcursor { cursor:hand; cursor:pointer; color:#0b76fa; width:10px; height:10px; float:left;} 

 .handcursor_locked { cursor:hand; cursor:pointer; /*color:#525252;*/ color:#0b76fa; height:10px; float:left; } 

 .handcursor_text { cursor: hand; cursor: pointer; color: #0b76fa; padding: 0px!important; margin: 0px; } 

 .star-rating { list-style:none; margin: 0px 0px 10px 0px; padding:0px; width: 100px; height: 20px; position: relative; background: url(/images/star_rating.gif) top left repeat-x; } 

 .star-rating li{ padding:0px; margin:0px;	/*\*/	float: left; /* */} 

 .star-rating li a{ display:block;	width:20px;	height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px;}

 .star-rating li a:hover{ background: url(/images/star_rating.gif) left bottom; z-index: 1; left: 0px;} 

 .star-rating a.one-star{ left: 0px; } 

 .star-rating a.one-star:hover{ width:20px;} 

 .star-rating a.two-stars{ left:20px;} 

 .star-rating a.two-stars:hover{ width: 40px;} 

 .star-rating a.three-stars:hover{ width: 60px;} 

 .star-rating a.three-stars{ left: 40px;}

 .star-rating a.four-stars{ left: 60px;}	

 .star-rating a.four-stars:hover{ width: 80px;} 

 .star-rating a.five-stars{ left: 80px;} 

 .star-rating a.five-stars:hover{ width: 100px;} 

 

 /* -Sondage

 -----------------------------------------------------------------------------------*/

 .noquestion { font-size:1.5em; margin:0 5px 0 0; color:#003399; }

 .questionSansNo { font-size:1em!important; margin:0 5px 0 30px; color:#525252; }

 #col_primaire div.question span.rappel { color:#FF0000; font-weight:normal; font-size:11px;  }

 .rappel_sans_marge{ color:#FF0000; font-weight:normal; font-size:0.7em!important;  }

 

 /* Question */

 #col_primaire div.question p.floatLeft { float:left; padding:2px 0 0 0; line-height:1.1em; width:535px; font-size:1em; margin:0 0 10px 0;}

 #col_primaire div.question p.noQ { width:30px; float:left;font-size:1.1em; color:#003399; line-height:1.1em;  }

 #col_primaire label {  font-size:0.8em;}

 

 /* Réponse */

 #col_primaire div.question p.floatLeftR { float:left; padding:0 0 4px 0; width:85%; font-size:0.8em; }

 #col_primaire div.question p.noR { width:20px; float:left; font-size:0.7em; padding-bottom:0px!important;}

 

/* Titre */

#col_primaire div.question p.titre_section { margin:20px 0 0px 0; font-weight:bold; font-weight:bold; font-size:1em; }

#col_primaire div.question { margin:10px 0 15px 0; }



/* Ligne 

 -----------------------------------------------------------------------------------*/

#col_primaire div.ligne1 { background-color:#ccc; padding:2px 2px 2px 4px; width:500px; float:left; display:inline; margin:0 0 0 30px; }

#col_primaire div.ligne2 { background-color:#fff; padding:2px 2px 2px 4px; width:500px; float:left; display:inline; margin:0 0 0 30px; }



#col_primaire div.ligne1 label,

#col_primaire div.ligne2 label {  float:left;display:block; font-size:0.7em; width:90%; }



#col_primaire div.ligne1 input.question_input,

#col_primaire div.ligne2 input.question_input  {  margin:2px 4px 2px 2px; float:right}



#col_primaire div.question #boiteChoixInf { margin:0 0 0 30px; }

#col_primaire div.question div.choixInf { width:15%; float:left; margin:10px 0 0 0;}

#col_primaire div.question div.choixInf label { display:block; font-size:0.7em; }



/* Choix btn radio

 -----------------------------------------------------------------------------------*/

#col_primaire div.choix_autre { margin:0 0 0 20px; padding:0; text-align:center;float:right; width:60px; font-size:0.7em; display:inline;}

#col_primaire div.ligneQ { background-color:#fff; padding:2px 2px 2px 4px; width:500px; float:left; display:inline; margin:0 0 0 30px; }



#col_primaire div.question p.floatLeftR_radio { float:left; padding:0 0 4px 0; width:40%; font-size:0.7em; }



#col_primaire div.ligne1 input.question_radio_1choix,

#col_primaire div.ligne2 input.question_radio_1choix  { float:right; margin:0 20px 0 0px; display:inline;}

 

#col_primaire div.ligne1 input.question_radio_5choix,

#col_primaire div.ligne2 input.question_radio_5choix { float:right; margin:0 68px 0 0; display:inline;}



/* IE 6*/

* html #col_primaire div.ligne1 input.question_radio_5choix,

* html #col_primaire div.ligne2 input.question_radio_5choix {margin:0 60px 0 0; }



/* IE 7 */

*+html #col_primaire div.ligne1 input.question_radio_5choix,

*+html #col_primaire div.ligne2 input.question_radio_5choix {margin:0 60px 0 0; }



/* Age 

 -----------------------------------------------------------------------------------*/



#col_primaire .label_text {width:60px!important; float:left;display:block; font-size:0.8em;}



#col_primaire .question_input_p,

#col_primaire .question_input_p { margin:2px 4px 2px 2px; float:left; width:20%; border: 1px solid #ccc;}



#col_primaire .question_input_m,

#col_primaire .question_input_m { margin:2px 4px 2px 2px; float:left; width:50%; border: 1px solid #ccc;}



#col_primaire .question_input_g,

#col_primaire .question_input_g { margin:2px 4px 2px 2px; float:left; width:70%; border: 1px solid #ccc;}



/* Btn soumettre  

-----------------------------------------------------------------------------------*/

#col_primaire .soumettre { margin:0 0 0 30px; color:#525252; }



/* textarea

-----------------------------------------------------------------------------------*/

#col_primaire .sondage_textarea { border:1px solid #000;margin:0 0 0 30px; }



 /* -Membre_ami

 -----------------------------------------------------------------------------------*/

 #col_primaire #contenu_membre_ami { margin-bottom:0px!important; }

 #col_primaire div.contenu_articles h1.TitreMembreAmi { border-bottom:1px dotted #CCCCCC; padding-bottom:10px; }

 #col_primaire div.contenu_articles h1.TitreMembreAmi span { float:none; }

 #col_primaire div.contenu_articles h2.SousTitreMembreAmi { color:#525252; font-size:1em; padding-top:10px; font-weight:bold; }

 #col_primaire div.contenu_articles h3.TitreParagraphe { color:#4E74A4; font-size:0.9em; padding-top:10px; }

 #col_primaire div.contenu_articles p.paragraphe { font-size:0.7em;}

 #col_primaire div.contenu_articles #personnes { width:242px; float:left; display:inline; text-align:right; }

 #col_primaire div.contenu_articles #article_float_flash { width:333px; float:left }









	/* -menu

	Pour les articles ( format colonne primaire et tertiaire )

	-----------------------------------------------------------------------------------*/

	/* Force Internet Explorer 6 et moins à placer le menu au bon endroit */

	 #menu { position: relative; width: 946px; min-height: 40px; margin-top: 10px; margin-left: 0px; border-right: 1px solid #9e9e9e; border-bottom: 1px solid #636363; background-color: #fefefe; overflow: hidden; } 

 	* html #menu { margin-left: 0px; width: 946px; height: 40px; }	



	#col_primaire .li_float {margin-left:12px; padding:2px 0 2px 0;}

	* html #col_primaire .li_float {margin-left:350px; padding:2px 0 2px 0;}

	*:first-child+html #col_primaire .li_float {margin-left:350px; padding:2px 0 2px 0;}

	@media all and (min-width:0px) { head~body #col_primaire .li_float {margin-left:350px; padding:2px 0 2px 0;}}	

	* html #col_primaire .li_float {margin-left:350px; padding:2px 0 2px 0;}

	html*#col_primaire .li_float {margin-left:350px; padding:2px 0 2px 0;}