/*************************************************************************************************** Auteur : Isabelle Custeau Date creation : Octobre 2009 Fichier : journeesdusavoir.css Type : theme / Description : Contient toutes les style utilisés pour le site Journee du savoir ***************************************************************************************************/ /* CSS reset */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;} h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th {font-size:1em; font-weight:normal; font-style:normal;} ul,ol {list-style:none;} fieldset,img,hr {border:none;} caption,th {text-align:left;} table {border-collapse:collapse; border-spacing:0;} td {vertical-align:top;} a {color:#000000;text-decoration:none;} /* Fin CSS reset */ body { font-family: Arial,Tahoma,Verdana,Helvetica, sans-serif; text-align: center; /* Aligne le contenu du site au centre de la fenêtre */ margin: 0px; color:#000000; font-size:12px; background-color:#f0f0f0; } /************************************************************************** Contrôle du contenue et de son positionnement global dans la page ***************************************************************************/ /*contour utilisé pour les boite principale*/ #div_main_content { position: relative; margin-left: auto; /* Permet de centrer le div au centre de la fenêtre du browser */ margin-right: auto; /* Permet de centrer le div au centre de la fenêtre du browser */ width: 965px; background-color:white; } /*contenue des pages des différente section*/ #div_page_content{ float:left; width:875px; text-align:left; margin-left:90px; /* border:1px solid blue;*/ } /************Style du menu***********************/ #sep_menu{ float:left; width:2px; height:110px; background:transparent url('../images/sep_rouge.jpg') no-repeat 0px 0px; } #langue_fr,#langue_en, #langue_fr a,#langue_en a,#langue_fr_selected,#langue_en_selected{ float:right; width:18px; height:14px; margin-top:5px; text-decoration:none; } #langue_fr{background:transparent url('../images/fr/francais.jpg') no-repeat 0px 0px;} #langue_en{width:20px;background:transparent url('../images/fr/anglais.jpg') no-repeat 0px 0px;} #langue_fr a:hover,#langue_fr_selected{background:transparent url('../images/fr/roll/francais.jpg') no-repeat 0px 0px;} #langue_en a:hover,#langue_en_selected{width:20px;background:transparent url('../images/fr/roll/anglais.jpg') no-repeat 0px 0px;} #accueil_sondage{ margin:0px 0px 20px 30px; width:715px; text-align:center; } #accueil_sondage a{ color:#d8232b; font-size:16px; font-weight:bold; text-decoration:underline; } /*---------------------------------Le menu---------------------------------*/ #menu_accueil,#menu_programme,#menu_saviezvous,#menu_campus, #menu_contact,#menu_accueil a,#menu_programme a, #menu_saviezvous a, #menu_campus a, #menu_contact a { float:left; width:186px; text-decoration:none; font-size:16px; padding-left:13px; height:19px; } /*#menu_accueil_fr,menu_accueil_en{height:14px;} #menu_programme_fr,menu_programme_en{height:14px;} #menu_saviezvous_fr,menu_saviezvous_en,menu_campus_fr,menu_campus_en {height:18px;} #menu_contact_fr,#menu_contact_en{height:13px;}*/ #menu_accueil a:hover, #menu_programme a:hover, #menu_saviezvous a:hover,#menu_campus a:hover, #menu_contact a:hover, #menu_accueil_selected, #menu_programme_selected,#menu_saviezvous_selected,#menu_campus_selected, #menu_contact_selected { float:left; width:186px; text-decoration:none; font-size:16px; padding-left:13px; height:19px; color:#d8232b; } /*#menu_accueil_fr{height:24px;background:transparent url('../images/fr/accueil.jpg') no-repeat 0px 0px;} #menu_accueil_en{height:24px;background:transparent url('../images/en/accueil.jpg') no-repeat 0px 0px;} #menu_programme_fr{height:23px;background:transparent url('../images/fr/programme.jpg') no-repeat 0px 0px;} #menu_programme_en{height:23px;background:transparent url('../images/en/programme.jpg') no-repeat 0px 0px;} #menu_saviezvous_fr {height:18px;background:transparent url('../images/fr/saviezvous.jpg') no-repeat 0px 0px;} #menu_saviezvous_en {height:18px;background:transparent url('../images/en/saviezvous.jpg') no-repeat 0px 0px;} #menu_campus_fr {height:18px;background:transparent url('../images/fr/campus.jpg') no-repeat 0px 0px;} #menu_campus_en {height:18px;background:transparent url('../images/en/campus.jpg') no-repeat 0px 0px;} #menu_contact_fr {height:13px;background:transparent url('../images/fr/contact.jpg') no-repeat 0px 0px;} #menu_contact_en {height:13px;background:transparent url('../images/en/contact.jpg') no-repeat 0px 0px;}*/ /*#menu_accueil_fr:hover, #menu_accueil_fr_selected{height:24px;background:transparent url('../images/fr/roll/accueil.jpg') no-repeat 0px 0px;} #menu_accueil_en:hover,#menu_accueil_en_selected{height:24px;background:transparent url('../images/en/roll/accueil.jpg') no-repeat 0px 0px;} #menu_programme_fr:hover,#menu_programme_fr_selected{height:23px;background:transparent url('../images/fr/roll/programme.jpg') no-repeat 0px 0px;} #menu_programme_en:hover,#menu_programme_en_selected{height:23px;background:transparent url('../images/en/roll/programme.jpg') no-repeat 0px 0px;} #menu_saviezvous_fr:hover,#menu_saviezvous_fr_selected {height:18px;background:transparent url('../images/fr/roll/saviezvous.jpg') no-repeat 0px 0px;} #menu_saviezvous_en:hover,#menu_saviezvous_en_selected {height:18px;background:transparent url('../images/en/roll/saviezvous.jpg') no-repeat 0px 0px;} #menu_campus_fr:hover,#menu_saviezvous_en_selected {height:18px;background:transparent url('../images/fr/roll/campus.jpg') no-repeat 0px 0px;} #menu_campus_en:hover,#menu_campus_en_selected {height:18px;background:transparent url('../images/en/roll/campus.jpg') no-repeat 0px 0px;} #menu_contact_fr:hover,#menu_campus_en_selected {height:13px;background:transparent url('../images/fr/roll/contact.jpg') no-repeat 0px 0px;} #menu_contact_en:hover,#menu_campus_en_selected {height:13px;background:transparent url('../images/en/roll/contact.jpg') no-repeat 0px 0px;}*/ /*------------------------------fin du menu---------------------------------*/ #menu_content{ float:left; width:846px; margin-left:29px; } #texte_content,#texte_content_all{ float:left; width:719px; margin-left:29px; font-size:14px; text-align:justify; } #texte_content_all{width:817px;} #texte_content p{float:left;margin:5px 0px 5px 0px;} #texte_content_all p{float:left;margin:5px 0px 5px 0px;} #texte14{font-size:14px;text-align:justify;width:800px;} /************Style du menu***********************/ .content_column{ float:left; width:875px; text-align:left; margin-left:90px; } #contact{ float:left; width:965px; text-align:left; margin-top:22px; } #sep_contact{ float:left; width:2px; height:150px; margin-left:50px; background:transparent url('../images/sep_contact.jpg') no-repeat 0px 0px; } #div_text_contact{ float:left; width:856px; margin:34px 0px 0px 53px; text-align:left; } .div_text_show_programme_titre{ float:left; width:585px; margin:0px 0px 0px 53px; text-align:left; } #div_text_show_programme{ float:left; width:585px; margin:0px 0px 0px 53px; text-align:left; } #div_text_show_programme a {text-decoration:underline;} #div_text_show_programme_right{ float:left; width:245px; margin:0px 0px 0px 20px; text-align:left; } #div_text_programme{ float:left; width:900px; margin:34px 0px 0px 10px; text-align:left; } #footer,#footer_accueil,#footer_programme{ float:left; width:953px; text-align:left; margin:54px 0px 0px 90px; } #footer_accueil{margin:14px 0px 0px 102px;} #footer_programme{margin:14px 0px 0px 50px;} .class_boite_video{ float:left; width:320px; height:239px; margin-top:11px; background-color:grey; border:1px solid red; clear:left; } #savoir a{ font-weight:bold; text-decoration:underline; } .class_li_textevideo li{ margin:5px 0px 5px 0px; } /*****************************************/ #programme_mercredi_fr,#programme_mercredi_en, #programme_jeudi_fr,#programme_jeudi_en, #programme_vendredi_fr,#programme_vendredi_en, #programme_samedi_fr,#programme_samedi_en, #programme_tous_fr,#programme_tous_en{ float:left; height:39px; } #programme_mercredi_fr {width:93px;background:transparent url('../images/fr/programme_mercredi.jpg') no-repeat 0px 0px;} #programme_mercredi_en{width:93px;background:transparent url('../images/en/programme_mercredi.jpg') no-repeat 0px 0px;} #programme_jeudi_fr {width:93px;background:transparent url('../images/fr/programme_jeudi.jpg') no-repeat 0px 0px;} #programme_jeudi_en {width:93px;background:transparent url('../images/en/programme_jeudi.jpg') no-repeat 0px 0px;} #programme_vendredi_fr {width:92px;background:transparent url('../images/fr/programme_vendredi.jpg') no-repeat 0px 0px;} #programme_vendredi_en{width:92px;background:transparent url('../images/en/programme_vendredi.jpg') no-repeat 0px 0px;} #programme_samedi_fr{width:92px;background:transparent url('../images/fr/programme_samedi.jpg') no-repeat 0px 0px;} #programme_samedi_en{width:92px;background:transparent url('../images/en/programme_samedi.jpg') no-repeat 0px 0px;} #programme_tous_fr{width:90px;background:transparent url('../images/fr/programme_tous.jpg') no-repeat 0px 0px;} #programme_tous_en{width:90px;background:transparent url('../images/en/programme_tous.jpg') no-repeat 0px 0px;} #programme_mercredi_fr_selected,#programme_mercredi_en_selected, #programme_jeudi_fr_selected,#programme_jeudi_en_selected, #programme_vendredi_fr_selected,#programme_vendredi_en_selected, #programme_samedi_fr_selected,#programme_samedi_en_selected, #programme_tous_fr_selected,#programme_tous_en_selected, #programme_mercredi_fr a,#programme_mercredi_en a, #programme_jeudi_fr a,#programme_jeudi_en a, #programme_vendredi_fr a,#programme_vendredi_en a, #programme_samedi_fr a,#programme_samedi_en a, #programme_tous_fr a,#programme_tous_en a { float:left; height:39px; text-decoration:none; } #programme_mercredi_fr:hover,#programme_mercredi_fr_selected {width:93px;background:transparent url('../images/fr/roll/programme_mercredi.jpg') no-repeat 0px 0px;} #programme_mercredi_en:hover,#programme_mercredi_en_selected{width:93px;background:transparent url('../images/en/roll/programme_mercredi.jpg') no-repeat 0px 0px;} #programme_jeudi_fr:hover,#programme_jeudi_fr_selected {width:93px;background:transparent url('../images/fr/roll/programme_jeudi.jpg') no-repeat 0px 0px;} #programme_jeudi_en:hover,#programme_jeudi_en_selected {width:93px;background:transparent url('../images/en/roll/programme_jeudi.jpg') no-repeat 0px 0px;} #programme_vendredi_fr:hover,#programme_vendredi_fr_selected {width:92px;background:transparent url('../images/fr/roll/programme_vendredi.jpg') no-repeat 0px 0px;} #programme_vendredi_en:hover,#programme_vendredi_en_selected{width:92px;background:transparent url('../images/en/roll/programme_vendredi.jpg') no-repeat 0px 0px;} #programme_samedi_fr:hover,#programme_samedi_fr_selected{width:92px;background:transparent url('../images/fr/roll/programme_samedi.jpg') no-repeat 0px 0px;} #programme_samedi_en:hover,#programme_samedi_en_selected{width:92px;background:transparent url('../images/en/roll/programme_samedi.jpg') no-repeat 0px 0px;} #programme_tous_fr:hover,#programme_tous_fr_selected{width:90px;background:transparent url('../images/fr/roll/programme_tous.jpg') no-repeat 0px 0px;} #programme_tous_en:hover,#programme_tous_en_selected{width:90px;background:transparent url('../images/en/roll/programme_tous.jpg') no-repeat 0px 0px;} /***************************************************************************************************************************************************************/ #programme_montreal_fr,#programme_montreal_en, #programme_quebec_fr,#programme_quebec_en, #programme_sherbrooke_fr,#programme_sherbrooke_en, #programme_chicoutimi_fr,#programme_chicoutimi_en, #programme_rimouski_fr,#programme_rimouski_en, #programme_troisriviere_fr,#programme_troisriviere_en, #programme_abitibi_fr,#programme_abitibi_en, #programme_gatineau_fr,#programme_gatineau_en, #programme_toute_fr,#programme_toute_en{ float:left; height:39px; margin-top:26px; } #programme_montreal_fr {width:92px;background:transparent url('../images/fr/programme_montreal.jpg') no-repeat 0px 0px;} #programme_montreal_en{width:92px;background:transparent url('../images/en/programme_montreal.jpg') no-repeat 0px 0px;} #programme_quebec_fr {width:92px;background:transparent url('../images/fr/programme_quebec.jpg') no-repeat 0px 0px;} #programme_quebec_en {width:92px;background:transparent url('../images/en/programme_quebec.jpg') no-repeat 0px 0px;} #programme_sherbrooke_fr {width:92px;background:transparent url('../images/fr/programme_sherbrooke.jpg') no-repeat 0px 0px;} #programme_sherbrooke_en{width:92px;background:transparent url('../images/en/programme_sherbrooke.jpg') no-repeat 0px 0px;} #programme_chicoutimi_fr{width:92px;background:transparent url('../images/fr/programme_chicoutimi.jpg') no-repeat 0px 0px;} #programme_chicoutimi_en{width:92px;background:transparent url('../images/en/programme_chicoutimi.jpg') no-repeat 0px 0px;} #programme_rimouski_fr{width:92px;background:transparent url('../images/fr/programme_rimouski.jpg') no-repeat 0px 0px;} #programme_rimouski_en{width:92px;background:transparent url('../images/en/programme_rimouski.jpg') no-repeat 0px 0px;} #programme_troisriviere_fr{width:110px;background:transparent url('../images/fr/programme_troisriviere.jpg') no-repeat 0px 0px;} #programme_troisriviere_en{width:110px;background:transparent url('../images/en/programme_troisriviere.jpg') no-repeat 0px 0px;} #programme_abitibi_fr{width:177px;background:transparent url('../images/fr/programme_abitibi.jpg') no-repeat 0px 0px;} #programme_abitibi_en{width:177px;background:transparent url('../images/en/programme_abitibi.jpg') no-repeat 0px 0px;} #programme_gatineau_fr{width:91px;background:transparent url('../images/fr/programme_gatineau.jpg') no-repeat 0px 0px;} #programme_gatineau_en{width:91px;background:transparent url('../images/en/programme_gatineau.jpg') no-repeat 0px 0px;} #programme_toute_fr{width:55px;background:transparent url('../images/fr/programme_region.jpg') no-repeat 0px 0px;} #programme_toute_en{width:55px;background:transparent url('../images/en/programme_region.jpg') no-repeat 0px 0px;} #programme_montreal_fr_selected,#programme_montreal_en_selected, #programme_quebec_fr_selected,#programme_quebec_en_selected, #programme_sherbrooke_fr_selected,#programme_sherbrooke_en_selected, #programme_chicoutimi_fr_selected,#programme_chicoutimi_en_selected, #programme_rimouski_fr_selected,#programme_rimouski_en_selected, #programme_troisriviere_fr_selected,#programme_troisriviere_en_selected, #programme_abitibi_fr_selected,#programme_abitibi_en_selected, #programme_gatineau_fr_selected,#programme_gatineau_en_selected, #programme_toute_fr_selected,#programme_toute_en_selected, #programme_montreal_fr a,#programme_montreal_en a, #programme_quebec_fr a,#programme_quebec_en a, #programme_sherbrooke_fr a,#programme_sherbrooke_en a, #programme_chicoutimi_fr a,#programme_chicoutimi_en a, #programme_rimouski_fr a,#programme_rimouski_en a, #programme_troisriviere_fr a,#programme_troisriviere_en a, #programme_abitibi_fr a,#programme_abitibi_en a, #programme_gatineau_fr a,#programme_gatineau_en a, #programme_toute_fr a,#programme_tous_en a { float:left; height:39px; margin-top:26px; text-decoration:none; } #programme_montreal_fr:hover,#programme_montreal_fr_selected {width:92px;background:transparent url('../images/fr/roll/programme_montreal.jpg') no-repeat 0px 0px;} #programme_montreal_en:hover,#programme_montreal_en_selected{width:92px;background:transparent url('../images/en/roll/programme_montreal.jpg') no-repeat 0px 0px;} #programme_quebec_fr:hover,#programme_quebec_fr_selected {width:92px;background:transparent url('../images/fr/roll/programme_quebec.jpg') no-repeat 0px 0px;} #programme_quebec_en:hover,#programme_quebec_en_selected {width:92px;background:transparent url('../images/en/roll/programme_quebec.jpg') no-repeat 0px 0px;} #programme_sherbrooke_fr:hover,#programme_sherbrooke_fr_selected {width:92px;background:transparent url('../images/fr/roll/programme_sherbrooke.jpg') no-repeat 0px 0px;} #programme_sherbrooke_en:hover,#programme_sherbrooke_en_selected{width:92px;background:transparent url('../images/en/roll/programme_sherbrooke.jpg') no-repeat 0px 0px;} #programme_chicoutimi_fr:hover,#programme_chicoutimi_fr_selected{width:92px;background:transparent url('../images/fr/roll/programme_chicoutimi.jpg') no-repeat 0px 0px;} #programme_chicoutimi_en:hover,#programme_chicoutimi_en_selected{width:92px;background:transparent url('../images/en/roll/programme_chicoutimi.jpg') no-repeat 0px 0px;} #programme_rimouski_fr:hover,#programme_rimouski_fr_selected{width:92px;background:transparent url('../images/fr/roll/programme_rimouski.jpg') no-repeat 0px 0px;} #programme_rimouski_en:hover,#programme_rimouski_en_selected{width:92px;background:transparent url('../images/en/roll/programme_rimouski.jpg') no-repeat 0px 0px;} #programme_troisriviere_fr:hover,#programme_troisriviere_fr_selected{width:110px;background:transparent url('../images/fr/roll/programme_troisriviere.jpg') no-repeat 0px 0px;} #programme_troisriviere_en:hover,#programme_troisriviere_en_selected{width:110px;background:transparent url('../images/en/roll/programme_troisriviere.jpg') no-repeat 0px 0px;} #programme_abitibi_fr:hover,#programme_abitibi_fr_selected{width:177px;background:transparent url('../images/fr/roll/programme_abitibi.jpg') no-repeat 0px 0px;} #programme_abitibi_en:hover,#programme_abitibi_en_selected{width:177px;background:transparent url('../images/en/roll/programme_abitibi.jpg') no-repeat 0px 0px;} #programme_gatineau_fr:hover,#programme_gatineau_fr_selected{width:91px;background:transparent url('../images/fr/roll/programme_gatineau.jpg') no-repeat 0px 0px;} #programme_gatineau_en:hover,#programme_gatineau_en_selected{width:91px;background:transparent url('../images/en/roll/programme_gatineau.jpg') no-repeat 0px 0px;} #programme_toute_fr:hover,#programme_toute_fr_selected{width:55px;background:transparent url('../images/fr/roll/programme_region.jpg') no-repeat 0px 0px;} #programme_toute_en:hover,#programme_toute_en_selected{width:55px;background:transparent url('../images/en/roll/programme_region.jpg') no-repeat 0px 0px;} /***************************************************************************************************************************************************************/ /************************************************** STYLE GÉNÉRAL POUR LA DISPOSITION DU CONTENUE **************************************************/ /*fin du Ul pour le plan du site*/ .fr {float: right;} .fl {float: left;} .clear {clear: both;} .block {display: block;} .dnone {display: none;} .bold {font-weight: bold;} .case_upper{text-transform:uppercase;} .crouge{color:#6a2d25;} .hide{visibility:hidden;} .bold_red{font-size:18px;font-weight:bold;color:#d8232b;} /* Alignement horizontal */ .center {text-align: center;} .justify {text-align: justify;} .left {text-align: left;} .right {text-align: right;} .crouge{color:#d8232b;} .colonne_blanche{background-color:#ffffff;} .colonne_grise{background-color:#f0f0f0;} table th{ font-size:14px; font-weight:bold; padding-top:25px; } table a{ font-weight:bold; text-decoration:underline; } #div_main_content:after, #div_page_content:after {content:".";display:block;height:0;clear:both;visibility:hidden;} pre.__trace {text-align: left; display: block; background-color: #FFFFCC; border: 1px solid #CC0033; padding: 10px;} pre.__trace:before{content:"::TRACE::"; font-weight:bold; color:#CC0033; display: block; border-bottom: 1px solid #CC0033; padding: 5px;} table{ font-family: Arial,Tahoma,Verdana,Helvetica, sans-serif; font-size:12px; width:100%; } .style_bouton{background-color:#fcfbf6;width:100px;color:#a99e7b;font-weight:bold;border:1px solid #6a2d25;} input{border:#a99e7b 1px solid;} /*********************************************************** fin Syle pour la page de configuration **********************************************/