/**************************************************************************************************************************************************
Feuille de style principale - BRANCHEZ-VOUS.com
Date créée: 6 juillet 2009
Date modifiée: 

@author: Debbie Rouleau <drouleau@branchez-vous.com>
@version 1.0
@copyright Branchez-vous.com 
**************************************************************************************************************************************************/

/***************************************************************************************************************************** Police pour titres*/
@font-face {font-family: Din; src: url('http://www.branchez-vous.com/test/branchez-vous/includes/polices/DIN-MediumAlternate.otf');}

/********************************************************************************************************************************** BALISES HTML */
* {	margin: 0;}
/* hide from ie on mac \*/
html {	height: 100%; width: 100%;}
/* end hide */
body {	height: 100%; width: 100%; margin: 0; padding: 0; background-color:#dadbdc; font-family:Arial, Helvetica, sans-serif; font-size:75% /*75% of 16px = 12px*/; color:#0d56ce;}
a {	color:#0d56ce; text-decoration:none; outline-style:none;}
a:hover { /*color:#00236e;*/ text-decoration:underline;}
h1 {font-size:2em; height:28px;} /*24 px*/
h2 {font-size:1.67em; height:24px;} /*20 px*/
h3 {font-size:1.33em; height:20px;} /*16 px*/
h4 {font-size:1em; height:16px;} /*12 px*/
h5 {font-size:1.083em; height:17px;} /*13 px*/
h6 {font-size:1.167em; height:30px;} /*14 px*/
/*10px = 0.83em*/
/*11px = 0.9167em*/
/*11.3px = 0.94167em*/
/*11.5px = 0.9583em*/
/*15px = 1.25em*/
/*18px = 1.5em*/
/*25px = em*/

/**************************************************************************************************************************** DIVs structurelles */
#contenu { padding:0; width:100%; min-height: 100%; height: auto !important; margin: 0 auto -355px; border-top: 1px solid #aaabac;}
	#bg { position:absolute; z-index:0; height: 100%; width: 100%; left:0;}
	#cadre { margin:0 auto; position:relative; z-index:10; width:980px; min-height:600px; margin:0 auto; text-align:center;}
		#header { margin:0 auto; height:100px; min-height:100px;}
			#header #leaderboard1 {margin-left:10px;}
			#header #bouton {float:right; width:160px; height:90px; margin:5px 10px 5px 10px;}
		#contenant {width:100%; /*background-color:#FFF;*/}
		
/******************************************************************************************************************************** CLASSE styles */
.pub { margin-top:5px; margin-bottom:5px; float:left; width:728px; height:90px;}
.toggleDisplayOn {display:block;}
.toggleDisplayOff {display:none;}

/* Lien Partagez un article */
#listeLiens {background-color:#ffffff; border-width:3px 1px; border-style:solid; border-color:#0d56ce; margin:0; padding:5px; position:absolute; left: 170px; top:20px; width:220px; z-index:100; display:none;}
#listeLiens a {font-size:1.083em;}
#listeLiens span {padding:0.1em 0 0.1em 24px; width:75px; text-align:left; float:left; border-bottom:0px dashed #dadbdc; 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 zone Commentaires*/
#zone_commentaires {margin:10px 0; padding:0; text-align:left;}
	#zone_commentaires h3 {float:left; margin-right:50px;}
 	#zone_commentaires span.nbr_commentaires {color:#183266; font-size:0.9167em;}
	#zone_commentaires ul#liste_commentaires, #zone_commentaires ul.liste_commentaires {width:100%; list-style:none; margin:5px 0 0 0; padding:0; display:block;}
		#zone_commentaires ul#liste_commentaires li,#zone_commentaires ul.liste_commentaires li {background-color:#f2f2f2; border-bottom:1px solid #fff; margin:0; padding:20px 0 10px 0; color:#183266;}
		.user-pic{float:left; padding: 0 0 5px 20px; border:none; text-decoration:none;}
		.user-pic a, .user-pic a img {border:none; text-decoration:none;}
			#zone_commentaires ul#liste_commentaires li span a, #zone_commentaires ul.liste_commentaires li span a {color:#0d56ce;}
			#zone_commentaires ul#liste_commentaires li span.infos_usager, #zone_commentaires ul.liste_commentaires li span.infos_usager {float:left; padding: 0 0 5px 20px; font-size:0.94167em;}
			#zone_commentaires ul.liste_commentaires li span.infos_usager {padding-left:5px;}
				#zone_commentaires ul#liste_commentaires li span.infos_usager span.nom_usager, #zone_commentaires ul.liste_commentaires li span.infos_usager span.nom_usager {color:#0d56ce; font-size:1.2389em;}
				#zone_commentaires ul.liste_commentaires li span.infos_usager span.nom_usager a {color:#0d56ce;}
			#zone_commentaires ul#liste_commentaires li span.signalement_commentaire, #zone_commentaires ul.liste_commentaires li span.signalement_commentaire {color:#0d56ce; float:right; padding: 0 20px 5px 0; font-size:0.94167em;}
			#zone_commentaires ul.liste_commentaires li span.signalement_commentaire a {color:#0d56ce;}
			#zone_commentaires ul#liste_commentaires li p, #zone_commentaires ul.liste_commentaires li p {font-size:12px; padding:0 20px 5px 20px;}
	#zone_commentaires fieldset {border:none; background-color:#f2f2f2;margin:0; padding:20px 20px 10px 20px;}
		#zone_commentaires fieldset h3 {font-size:1.25em; color:#0d56ce; margin-left:0; padding-left:0; clear:both;}
		#zone_commentaires fieldset form {color:#183266;}
			#zone_commentaires fieldset form div, #zone_commentaires fieldset form div div {float:left; margin:5px 5px 5px 0;}
				div#comment-greeting {color:#183266;}
				div#comment-greeting a {color:#0429a3;}
				#zone_commentaires fieldset form div label, #zone_commentaires fieldset form label, #zone_commentaires fieldset form div div label {display:block; font-weight:bold;}
					#zone_commentaires fieldset form div label span, #zone_commentaires fieldset form label span , #zone_commentaires fieldset form div div label span{font-size:0.94167em; font-weight:normal;}
				#zone_commentaires fieldset form div input.text, #zone_commentaires fieldset form div div input.text {width:175px;}
				#zone_commentaires fieldset form div input.courriel, #zone_commentaires fieldset form div div input.courriel {width:215px;}
			#zone_commentaires fieldset form textarea, #zone_commentaires fieldset form div textarea {width:410px; height:95px;}
			#zone_commentaires fieldset form p.conditions , #zone_commentaires fieldset form div a.conditions{font-size:0.94167em; color:#0429a3;}

/*HACK pour le "sticky footer effect" pour que le pied de page reste toujours
en bas de la fenêtre du navigateur (IE 6-7-8, FF 2-3, Opera 9-10, Safari 4 PC et Mac*/
.push {height:355px;}