/*****************************************************************************************
Nouvelle feuille de CSS 2009 - Sites de Branchez-Vous!

Nouvelle architecture aux standards CSS 2.1
Date créée: 11 février 2009
Date modifiée: 
Auteur Debbie Rouleau <drouleau@branchez-vous.com>
Copyright Branchez-Vous!
*****************************************************************************************/

/***************************************	Balises HTML */
body {margin:0; padding:0;margin-bottom:13px;background-color:#CCCCCC;font-family:Tahoma, Arial, Helvetica, sans-serif;text-align: center;}
a, a:link, a:visited {color:#000099;}
a:link, a:visited {text-decoration:none;}
a:hover, a.visited:hover {text-decoration:underline;}
img {border:0px;}
form {padding:0; margin:0;}
h1 {font-weight:normal;font-size:20px;border-bottom:1px;border-bottom-style:solid;margin:0px;padding:0px;padding-bottom:6px;}
li { margin-left:18px; margin-bottom:5px; list-style:outside; }

/***************************************	DIVS général pour l architecture de la page */
#bg {height: 100%;width:100%;top:60px;left:0;position:absolute;z-index:0;}
#contenant {margin:0 auto; width:980px; text-align:center;position:relative;z-index:1;}
.pub {width:980px; padding-top:5px; padding-bottom:5px;text-align:center;}
#cadre{width:980px;background-color:#ffffff;padding:0; margin:0;padding-top:5px; text-align:left;}
#col160{float:left; width:160px; margin-left:13px; margin-right:13px;}
#col468 {float:left; width:468px; margin-right:13px;font-family:Verdana, Arial, Helvetica, sans-serif;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
#col300{float:right; width:300px; margin-right:13px;}

#choix_2 , #choix_3  { display:none;}
/* gestion des pub en bas de page --------------- ENLEVER??? */
#pub_bandeau_1, #pub_bandeau_2, #pub_box_1, #pub_box_2, #pub_box_2, #pub_sky_1 {position: absolute;top: -1000px;left: -1000px;}

/***************************************	Style pour menu de côté */
.smen_bx{position:relative;background-color:#F3F3F3;width:148px;padding:8px 0px 8px 10px;border:1px solid #000000;border-top-style:hidden;font-size:11px;font-family:Arial, Helvetica, sans-serif;line-height:16px;text-align:left;background: url(http://www.branchez-vous.com/images/menu_inactif_bg.gif) repeat-x;}

//***************************************	Style pour bas de page BV */
.bas_1 {/*position:relative;*/ width:980px; height:50px; background-color:#FFFFFF !important; margin:0; padding:0;}
.bas_1 a, .bas_1 a img, .bas_1 img {margin:0; padding:0;}
.mbGa{position:relative;width:609px;border-top:25px solid #ffffff;text-indent:9px;font-size:7pt;line-height:24px;margin-left:0px;padding-left:0px;height:25px;float:left;text-align:left;}
.mbGa a:link, .mbGa a:visited, .mbGa a:hover, .mbGa a:visited:hover{font-weight:bold;font-size:7pt;color:#ffffff;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
/*Nouveau bas de page 2009*/
.bas_page_bv {width:980px; height:32px; background-color:#000099 !important; margin:0; padding:0;}
.bas_page_bv a, .bas_page_bv a img, .bas_page_bv img {margin:0; padding:0;}
.mbGa_2{width:609px;text-indent:9px;font-size:8pt;line-height:31px;margin-left:0px;padding-left:0px;height:32px;float:left;text-align:left;}
.mbGa_2 a:link, .mbGa_2 a:visited, .mbGa_2 a:hover, .mbGa_2 a:visited:hover{font-weight:bold;font-size:8pt;color:#ffffff;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
.bas_page_bv a img {margin-left:10px;}
/***************************************	Divers classes pour les blogues de BV */
.titre, .titre_note, .titre2, .titre3, .ptexte, .recherche {font-family: Arial,Helvetica,sans-serif;font-weight:bold;text-decoration: none;}
.titre {  font-size: 16px;  }
.titre_note {font-size:18px;}
.titre2 {  font-size: 14px;  }
.titre3 {  font-size: 13px;  }
.ptexte { font-size: 10px;  }
.recherche {  font-size: 12px;  font-weight:normal; }

/***************************************	Style pour le contenu de la colonne du milieu dans les blogues */
#col468 {  font-size:13px; font-family:Arial, Helvetica, sans-serif;}
#col468 h3 {color: gray;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:13px;text-align: left;font-weight: bold;margin-bottom: 15px;margin-top:0px;}
#col468 iframe, #col468 #videoembed {background-color:#FFF; border:#FFF none; text-decoration:none; margin:0; padding:0;}
/***************************************	Style pour la section Publié par nomAuteur avec date */
.posted {color: #000000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;text-align: left;margin-bottom: 0px; padding: 3px;}
/***************************************	Style pour la section SocialWeb, liens Partagez, Imprimez, Envoyez */
.section_socialweb {font-family:Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000000;background-color:#f4f4f4; 
padding:5px; font-size:10px; text-align:left; }
.section_socialweb img {padding:0;vertical-align:middle;margin:0;}
.no_border {margin:0; padding:0; border:none; text-decoration:none;}
/***************************************	Style pour la boîte Partagez qui apparait en cliquant sur le lien */
.partager {position:relative; z-index:100;}
.listeLiens {background-color: #ffffff; border-width:3px 1px 3px 1px; border-style: solid; border-color: #000000; margin: 0px 0 0 0; padding: 5px; position: absolute; left: 20px; top:20px; width:210px; z-index:100;}
.listeLiens a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size : 10pt; color: #000099; text-decoration: none; }
.listeLiens a:hover { color: #000000; text-decoration: none;}
.listeLiens span { background-color:#ffffff; padding: 0.1em 0 0.1em 24px; font-size: 90%; width:75px; text-align:left; float: left; border-bottom: 0px dashed #cacaca; background: #ffffff url('http://www.branchez-vous.com/images/mt/partager_icones.gif') no-repeat 4px 50px;}
.listeLiens span.left {clear:left;}
.listeLiens span.last {border-bottom-width: 0px; }
/***************************************	Style pour les boîtes dans la colonne de gauche sur les blogues (boîtes Auteur, Recherche, Liens, autres) */
.box_cote {  border: 1px solid #000000;  padding:5px;  }
.box_cote_titre { margin-top:15px;  height:17px; background-color: #000000; color: #FFFFFF; font-weight: bold; padding-left:5px; padding-top: 3px;  }
.bio_description { font-size:10px;  }
.img_bio { float: left; vertical-align:top; padding-bottom:0px; padding-right:15px; }

/***************************************	Style pour la section Commentaires sur les blogue sde BV */
/*Par défaut, le style général est un tableau au fond gris pâle, avec les entêtes noires, et la typo noire/lien bleu*/
.boite_commentaires {display:block; width:468px; overflow:hidden; /* pour enlever lien trop long */ text-align:left;}
.commentez {background-color:#f4f4f4;border: 1px solid #000000;padding:5px 5px 5px 15px;font-size:9px;}
.voscommentaires_entete {padding:0px 5px 0px 10px;font-size:18px;}
.voscommentaires_table {border: 1px solid #000000;background-color:#f4f4f4;padding: 0px;padding-bottom:3px;margin: 0px;font-size:11px;}
.voscommentaires_titre {background-color:#000000;padding-top:3px;padding-left:10px;font-size: 9px;line-height: 20px;font-weight:bold;color:#FFFFFF;text-align:left;}
.voscommentaires_comments {background-color:#f4f4f4;padding:1px 5px 2px 10px;font-size:11px;line-height:11px;text-align:left;}
.voscommentaires_publiez {background-color:#f4f4f4;padding:5px 5px 5px 10px;font-size:13px;text-align:left;}
.voscommentaires_titrePubliez table {margin-left:10px; text-align: left;}
.voscommentaires_titrePubliez td {text-align:left;}
.voscommentaires_titrePubliez {padding-bottom:5px;padding-left:10px;font-family:Myriad Pro, Arial;font-size: 13px;font-weight:bold;color:#000000;text-align:left;}
.hr_1 { width:95%; border:1px solid #ccc;}
.signaler { float:right; text-align:right; }
.voscommentaires_comments img { float:left; padding-right:10px; padding-bottom:8px; }

/***************************************	Style divers pour les sites de BV*/
/* classes permettant de cacher des sections de site */
.bloc_index  { display:none; visibility:hidden; }
.bloc_ros { display:none; visibility:hidden; }
/* style pour les liste de video */
.img_liste_video { margin-right:10px; margin-left:10px; }
a.lien {font-size:11px;font-weight:bold;}
a.titre_col_1:visited, a.titre_col_1:link, a.titre_col_1:visited:hover, a.titre_col_1:hover, a.titre_col_2:visited, a.titre_col_2:link, a.titre_col_2:visited:hover, a.titre_col_2:hover{font-family: Arial,Helvetica,sans-serif;font-weight: bold;font-size: 18px;}
.img_liste { margin-right:5px;  /*border: 1px solid #000099;*/}

/**************************	Classes pour styles de textes sur les sites de BV*/
.s05 {font-size:26px;}
.s07 {font-size:24px;}
.s10 {font-size:20px;}
.s20 {font-size:18px;}
.s25 {font-size:17px;}
.s30 {font-size:16px;}
.s35 {font-size:15px;}
.s40 {font-size:14px;}
.s45 {font-size:13px;}
.s50 {font-size:12px;}
.s60 {font-size:11px;}
.s70 {font-size:10px;}
.s80 {font-size:11px;}
.s90 {font-size:8px;}
/* differente couleur du texte */
.c1 { color:#000099; }
.c2 { color:#000099; }
.c3 { color:#000000; }
.c4 { color:#000099; }
.c5 { color:#5D5D5D; }
.c6 { color:#FFFFFF; }
.c7 { color:#000099; }
a.c1:link, a.c1:visited, a.c1:hover, a.c1:visited:hover {color:#37317D;}
a.c2:link, a.c2:visited, a.c2:hover, a.c2:visited:hover {color:#000099;}
a.c3:link, a.c3:visited, a.c3:hover, a.c3:visited:hover {color:#000000;}
a.c4:link, a.c4:visited, a.c4:hover, a.c4:visited:hover {color:#000099;}
a.c5:link, a.c5:visited, a.c5:hover, a.c5:visited:hover {color:#5D5D5D;}
a.c6:link, a.c6:visited, a.c6:hover, a.c6:visited:hover {color:#FFFFFF;}
a.c7:link, a.c7:visited, a.c7:hover, a.c7:visited:hover {color:#000099;}
/* different font */
.f1 { font-family:Verdana, Arial, Helvetica, sans-serif;}
.f2 {font-family:Arial, Helvetica, sans-serif;}
.f3 {font-family:"Trebuchet MS", Arial, sans-serif;}
.f4 {font-family:Tahoma, Verdana, Arial, sans-serif; }