/*

Theme Name: Je suis, nous sommes...

Description: Je suis, nous sommes pour un service public de qualite.

Version: 1.0

Author: Pixel Circus

Author URI: http://www.pixelcircus.ca/

*/

/* Begin Typography & Colors */



* { margin: 0; padding: 0; border: 0; }



html {overflow: -moz-scrollbars-vertical;}



body {

	text-align: center;

	font-family: Arial, Geneva, sans-serif;

	font-size: 76%;

	color: #000;

	line-height: 1.15em;

	font-weight: normal;

	/*background: #00ADEF url(/beta/images/bgBody.gif) no-repeat top center;*/
	
	background-color:#00ADEF;

	}

	

	body#jaime {background-image:none; color: #fff;}

	

.center {text-align: center;}

.right {text-align: right;}

br {clear: both;}



.floatLeft {float: left;}

.floatRight {float: right;}



/* ---[ Mise en page/Structure des pages ]--------------------- */



/*splash page*/



#splash {

	margin: 90px auto;

	width: 950px;

	}



a#btnFrAccueil {

	display: block;

	float: left;

	width: 258px;

	height: 262px;

	text-indent: -9999px;

	background: url(/images/btnFrSplash.gif) no-repeat 0 0;

	}

	

	a#btnFrAccueil:hover {background-position: 0 -262px;}

	

a#btnEnAccueil {

	display: block;

	float: left;

	width: 268px;

	height: 264px;

	text-indent: -9999px;

	background: url(/images/btnEnSplash.gif) no-repeat 0 0;

	}

	

	a#btnEnAccueil:hover {background-position: 0 -264px;}





img#splashLogo {

	float: left;

	margin: 0 80px;

	}



#container {

	margin: 0 auto;

	width: 942px;

	height: auto;

	padding-top: 22px;

	}



#header {

	margin: 0 auto;

	position: relative;

	width: 942px;

	height: 156px;

	text-align: left;

	}

	

	img#logo {float: left; margin: 0 33px 0 0;}

	

	body#home img#logo {margin-bottom: 35px;}

	

ul.nav {

	float: left;

	width: 144px;

	height: 72px;

	margin: 5px 16px 26px 0;

	}

	

		

ul.nav li {

	list-style-type: none;

	width: 144px;

	height: 36px;

	}



	ul.nav li a {

		width: 144px;

		height: 13px;

		padding: 6px 0 17px 0;

		text-decoration: none;

		display: block;

		font-size: 110%;

		}

	

	ul.nav li a:link, ul.nav li a:visited {border-top: 3px #fff solid; color: #fff;}

	ul.nav li a:hover, ul.nav li a:active, 

	/*highlight de section*/

	body#home ul.nav li a#accueil,  

	body#news ul.nav li a#actualites,

	body#who ul.nav li a#qui,

	body#appui ul.nav li a#affichez,

	body#manifest ul.nav li a#manifeste {border-top: 3px #e9151b solid; color: #e9151b;}

	

	

  div#onglet {

	  position: absolute; 

	  bottom: 0; left: 321px; 

	  background: #fff; 

	  width: 583px;

	  height: 17px;

	  padding: 18px;

	  font-weight: bold;

	  }

	  

	  div#breadcrumb {float: left; width: 360px;}

	  div#retour {float: right; width: 200px; text-align: right;}



#fauxColumn {

	clear: both;

	width: 940px;

	background: url(/images/bgFauxColumn.gif) repeat-y top center;

	text-align: left;

	}

	

#sidebar {

	float: left;

	width: 274px;

	min-height: 349px;

	padding: 25px 23px;

	text-align: left;

	background: url(/images/bgSidebar.gif) repeat-x top left;

	}

	

	body#home #sidebar {width: 320px; padding: 0; background: none;}

	

	

	div#btnEnvoiMsg {

		float: left;

		width: 303px;

		height:  172px;

		margin: 0 0 105px 0;

		}

		

#rightCol {

	float: right;

	width: 620px;

	text-align: left;

	}

	

div.manchette {

	float: left;

	width: 135px;

	margin: 0 15px 15px 0;

	}

	

div.manchette2 {

	float: left;

	width: 135px;

	margin: 0 0 15px 0;

	}

	



#content, #temoignages {

	float: right;

	width: 586px;

	/*min-height: 450px;*/

	background: #fff;

	padding: 20px 17px 15px 17px;

	margin: 0 0 25px 0;

	}

	

	

	

	body#home #content {margin: 0;}

	

	body#jaime #content {

		position: relative;

		width: 975px;

		padding: 0;

		background: none;

		float: left;

		text-align: left;

		}





div.videoClip {

	width: 282px;

	margin: 0 0 15px 0;

	}

	

	div.videoClip p.description {margin: 15px 0 10px 0; padding-bottom: 10px; border-bottom: 1px #000 solid;}



/*column layout*/



#sidebar div.leftColumn	{ float: left; width: 130px; margin: 0 0 15px 0; }

#sidebar div.rightColumn { float: right; width: 130px; margin: 0 0 15px 0;}



#content div.leftColumn	{ float: left; width: 285px; margin: 0 0 15px 0; }

#content div.rightColumn { float: right; width: 285px; margin: 0 0 15px 0; }





div#downloadBg {

	position:relative;

	width: 344px;

	height: 336px;

	margin: 20px auto;

	background: url(../fr/images/fondsEcran.gif) no-repeat top center; 

	z-index:1;

	}

	

	#ecran800x600,#ecran1024x768,#ecran1280x960{position:absolute; display:block;}

	

	#ecran800x600{width:214px; height:134px; z-index:100; right:11px; top: 11px;}

	#ecran1024x768{width:268px; height:168px; z-index:10; right:11px; top: 11px;}

	#ecran1280x960{width:321px; height:203px; z-index:2; right:11px; top: 11px; }



/*page j'aime SRC coeurs */



#formWrap {

	clear: both;

	float: left;

	width: 460px;

	}



#coeurWrap {

	position: absolute;

	top: 0; right: 0;

	width: 407px;

	height: 300px;

	z-index: 1;

	}

	

	

	

	a#btnPrev {

		position: absolute;

		top: 132px; left: 0;

		display:block;

		width: 90px; height: 34px;

		background: url(/images/prevArrow-trans.png) no-repeat top right;

		text-indent: -9999px;

		z-index: 2;

		cursor: pointer;

		}

		

		a#btnPrev:hover {background-position: top left;}

		

	a#btnNext {

		position: absolute;

		top: 132px; right: 0;

		display: block;

		width: 90px; height: 34px;

		background: url(/images/nextArrow-trans.png) no-repeat top left;

		text-indent: -9999px;

		z-index: 2;

		cursor: pointer;

		}

		

		a#btnNext:hover {background-position: top right;}	

	

#grosCoeur {

	position: absolute;

	top: 0; left: 35px;

	width: 337px;

	height: 297px;

	background: url(/images/grosCoeur-trans.png) no-repeat top center;

	text-align: center;

	z-index: 9999;

	}

	

	#grosCoeurHome {

		float: left; 

		clear: both;

		width: 292px;

		height: 257px;

		background: url(/images/grosCoeurHome-trans.png) no-repeat top center;

		text-align: center;

		z-index: 9999;

		margin: 0 0 20px 0;

		}

	

	div.txtDeclaration {

		margin: 0 auto;

		width: 255px;

		height: 115px;

		padding-top: 70px;

		font-size: 20px;

		line-height: 1.1em;

		color: #fff;

		}

		

		#grosCoeurHome div.txtDeclaration {}

		

		div.txtDeclarationMed {

			margin: 0 auto;

			width: 140px;

			height: 22px;

			padding-top: 33px;

			font-size: 12px;

			line-height: 1.1em;

			}



	div.individu {

		margin: 20px auto;	

		width: 125px;

		height: 35px;

		font-size: 12px;

		line-height: 1.2em;

		}

		

		div.txtDeclarationMed div.individu {font-size: 9px;}

		

		#vote {position: absolute; top: 252px; left: 250px; width: 65px; text-align: left;}

		a#btnJaime {display:block; width: 65px; height: 18px; background: url(/images/thumbsUp.gif) no-repeat top left; padding-left: 23px; margin-bottom: 5px;}

		a#btnJaimePas {display:block; width: 65px; height: 18px; background: url(/images/thumbsDown.gif) no-repeat top left; padding-left: 23px;}

			a#btnJaime:hover, a#btnJaimePas:hover, #formWrap a:hover {color: #e94f3c;}

		

		

div.msgCoeurMed {

	float: left;

	width: 174px;

	height: 152px;

	margin: 10px 17px 10px 0;

	text-align: center;

	overflow: hidden;

	}

	

	.coeur1 {background: url(/images/medCoeur1-trans.png) no-repeat top center;}

	.coeur2 {background: url(/images/medCoeur2-trans.png) no-repeat top center;}

	.coeur3 {background: url(/images/medCoeur3-trans.png) no-repeat top center;}

	.coeur4 {background: url(/images/medCoeur4-trans.png) no-repeat top center;}

	.coeur5 {background: url(/images/medCoeur5-trans.png) no-repeat top center;}





/*div.msgCoeurSm {

	float: left;

	width: 59px;

	height: 52px;

	margin: 10px 20px 10px 0;

	text-align: center;

	}

	

	.petitCoeur1 {background: url(/images/petitCoeur1-trans.png) no-repeat top center;}

	.petitCoeur2 {background: url(/images/petitCoeur2-trans.png) no-repeat top center;}

	.petitCoeur3 {background: url(/images/petitCoeur3-trans.png) no-repeat top center;}

	.petitCoeur4 {background: url(/images/petitCoeur4-trans.png) no-repeat top center;}

	.petitCoeur5 {background: url(/images/petitCoeur5-trans.png) no-repeat top center;}



div.msgCoeurSm a {display: block; width: 59px; height: 52px;}*/





/* ---[ Text format ]--------------------- */



h1 {

	font-size: 180%;

	line-height: 1em;

	padding: 0 0 18px 0;

	}

	

	body#jaime h1 {

		color: #fff; 

		font-size: 240%; 

		line-height: 1.1em;

		font-weight: normal;

		padding: 0;

		margin-top: 20px;

		}



	#sidebar h1 {

		font-size: 225%;

		line-height: 1em;

		padding: 0 0 20px 0;

		}

	

#content h2, #content h4 {

	font-size: 100%;

	line-height: 1em;

	padding: 0 0 10px 0;

	border-bottom: 1px #000 solid;

	margin: 10px 0;

	}

	

	

	#content h2.featured {

		font-size: 160%;

		line-height: 1em;

		padding: 0 0 15px 0;

		margin: 0;

		border: none;

		}

	

	#content.article h2 {

		font-size: 180%;

		line-height: 1em;

		padding: 0 0 18px 0;

		margin: 0;

		border: none;

		}

	

	body#jaime h2 {color: #fff; font-size: 150%; padding: 0 0 10px 0; margin: 40px 0 0 0;}

	

#sidebar h2 {

	font-size: 100%;

	line-height: 1em;

	padding: 20px 0 10px 0;

	}

	

#sidebar h3 {

	font-size: 120%;

	line-height: 1em;

	padding: 10px 0;

	}	

	

h3 {

	font-size: 150%;

	line-height: 1em;

	padding: 25px 0 18px 0;

	clear: both;

	}

	

	h3.first {padding-top: 0;}

	

h5 {font-size: 100%; padding: 15px 0 5px 0;}	

	

p, #sidebar, #content {margin: 0 0 10px 0; line-height: 1.3em;}	

#sidebar p, .large {font-size: 120%;}

#content.article p {font-size: 110%;}



blockquote {

	font-style: italic;

	color: #e9151b;

	font-size: 150%;

	line-height: 1.2em;

	padding: 15px 0;

	border-top: 1px #e9151b solid;

	border-bottom: 1px #e9151b solid;

	margin: 15px 0;

}



div.msg {color: #e9151b; font-size: 115%;}

.smaller {font-size: 85%;}

.lead, div.articleLead p {font-size: 160%; line-height: 1.1em; margin: 0 0 24px 0;}



	div.onglet, #content.article .link {font-size: 100%;}



#content.article .finePrint {font-size: 80%; font-weight: bold;}



.pagination {text-align: right; height: 18px; color: #e9151b;}

	img.prev {margin: 0 10px 0 0;}

	img.next {margin: 0 0 0 10px;}



.link {margin-bottom: 30px;}

#sidebar .source {text-align: right; font-size: 100%; color: #e9151b; line-height: 1.2em;}

div.articleLead {float: left; width: 282px;}

div.articleLead p.date {font-size: 100%; padding: 0 0 10px 0; margin-bottom: 0;}

img.articlePhoto {float: left; margin: 0 20px 0 0;}

#content.article img.articlePhoto {float: right; margin: 0 0 20px 20px;}



img#logoSyndicats {margin: 5px 0;}





/* ---[ Lists ]--------------------- */





#sidebar ul {list-style-type: none;}

	#sidebar ul li {margin: 1px 0;}

	

ul.download {list-style-type: none; border-top: 1px #000 solid;}

	ul.download li {padding: 3px 0; border-bottom: 1px #000 solid;}

	

/* ---[ Links ]--------------------- */



a:focus {outline: none;}



a:link, a:visited, #retour a:link, #retour a:visited {color: #e9151b; font-weight: bold; text-decoration: none;}

a:hover, a:active, #retour a:hover, #retour a:active {color: #000;}



a.heart { color:#FFF; font-weight: normal;		}

a.heart:link, a.heart:visited {color: #fff;font-weight: normal;}

a.heart:hover, a.heart:active {color: #fff;font-weight: normal;}



a.txtLink {margin: 0 15px 0 0;}



div#credits {display:block; margin-top:10px; font-size:10px; color: #E9151B; text-decoration: none; font-weight:normal;}

div#credits a:hover {color: #E9151B}

div.manchette a {font-size: 160%; line-height: 1.1em; }

div.manchette2 a {font-size: 160%; line-height: 1.1em; }

div#onglet a {color: #000;}



p.pagination a:link, p.pagination a:visited {width: 8px; height: 8px; padding: 2px 5px;}

p.pagination a:hover, p.pagination a:active, p.pagination a.active {background: #000; color: #fff;}



ul.download li a:link, ul.download li a:visited {display: block;  background: url(/images/iconDownload.gif) no-repeat 263px 2px ;}

	ul.download li a:hover, ul.download li a:active {background-position: 263px -17px ;}



#body#home #content a:hover {}



/* ---[ Forms ]--------------------- */



div.field_container {width: 260px; float: left; margin: 0 15px 25px 0; text-align: left;}

	body#jaime div.field_container {width: 215px; margin: 15px 0;}



input, select, textarea {border: 1px #666 solid; font-size: 95%; margin: 5px 0 0 0;}

input {width: 258px; height: 24px; padding: 4px 0 0 2px;}

	input#name, input#city {width: 215px;}

select {width: 260px; height: 30px; padding: 4px 0 0 2px; }

input.radioCheck {width: 20px; border: 0; margin: 0 3px 0 0; vertical-align: middle;}



input#keyword {

	

	width: 260px;

	height: 20px;

	padding: 2px;

	}



label {font-weight: bold;}





input#btnEnvoyer {

	width: 73px;

	height: 28px;

	text-indent: -9999px;

	background: url(../fr/images/btnEnvoyer-trans.png) no-repeat top center;

	border: none;

	margin: 15px 0;

	}

	

	form#declareForm input#btnEnvoyer {float: right; margin: 10px 0 20px 0;}



div.alert {

	clear: both;

	position: relative;

	width: 485px;

	padding: 15px 15px 0 48px;

	border: 4px #000 solid;

	background: #edefe8 url(/images/iconAlert.gif) no-repeat 14px 15px;

	margin: 0 0 15px 0;

	

	}

	a.btnFermer {

		position: absolute; 

		top: 0; right: 0; 

		width: 46px; 

		height: 21px;

		padding: 2px 0 0 8px;

		background: #000; 

		}

		

		a.btnFermer:link, a.btnFermer:visited {color: #fff;}

		a.btnFermer:hover, a.btnFermer:active {color: #e9151b;}

		

/*page coeurs*/

textarea#declaration {width: 435px; height: 20px; padding: 40px 10px 10px 15px; background: #fff url(../fr/images/bgTextArea.gif) no-repeat 15px 15px; font-size: 12px; font-family: Arial, Geneva, sans-serif;}



/* ---[ deco ]--------------------- */



img.chevron {margin: 0 9px;}

hr {width: 100%; height: 1px; border: 0; background: #000; color: #000; margin: 0 0 10px 0;}

hr.short {width: 135px;}











/* ---[ Hacks ]--------------------- */



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

	}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */	











/* begin wordpress styles */







#page {

background-color: white;

border: 1px solid #959596;

text-align: left;

}







.widecolumn .entry p {

font-size: 1.05em;

}

.narrowcolumn .entry, .widecolumn .entry {

line-height: 1.4em;

}

.widecolumn {

line-height: 1.6em;

}

.narrowcolumn .postmetadata {

text-align: center;

}

/*.alt {

background-color: #f8f8f8;

border-top: 1px solid #ddd;

border-bottom: 1px solid #ddd;

}*/





#headerimg .description {

text-decoration: none;

color: white;

}



#wp-calendar caption, cite {

text-decoration: none;

}

.entry p a:visited {

color: #b85b5a;

}

.commentlist li, #commentform input, #commentform textarea {

font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

}

.commentlist li {

font-weight: bold;

}

.commentlist cite, .commentlist cite a {

font-weight: bold;

font-style: normal;

font-size: 1.1em;

}

.commentlist p {

font-weight: normal;

line-height: 1.5em;

text-transform: none;

}

#commentform p {

font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

}

.commentmetadata {

font-weight: normal;

}



code {

font: 1.1em 'Courier New', Courier, Fixed;

}



#wp-calendar #prev a, #wp-calendar #next a {

font-size: 9pt;

}

#wp-calendar a {

text-decoration: none;

}

#wp-calendar caption {

font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

text-align: center;

}

#wp-calendar th {

font-style: normal;

text-transform: capitalize;

}



#page {

background-color: white;

margin: 20px auto;

padding: 0;

width: 760px;

border: 1px solid #959596;

}



.narrowcolumn {

float: left;

padding: 0 0 20px 45px;

margin: 0px 0 0;

width: 450px;

}

.widecolumn {

padding: 10px 0 20px 0;

margin: 5px 0 0 150px;

width: 450px;

}

.post {

/*margin: 0 0 40px;

text-align: justify;*/

}

.post hr {

display: block;

}

.widecolumn .post {

margin: 0;

}

.narrowcolumn .postmetadata {

padding-top: 5px;

}

.widecolumn .postmetadata {

margin: 30px 0;

}

.widecolumn .smallattachment {

text-align: center;

float: left;

width: 128px;

margin: 5px 5px 5px 0px;

}

.widecolumn .attachment {

text-align: center;

margin: 5px 0px;

}

.postmetadata {

clear: both; 

}

.clear { 

clear: both; 

}



h2.pagetitle {

margin-top: 30px;

text-align: center;

}



h3.comments {

padding: 0;

margin: 40px auto 20px;

}



p img {

padding: 0;

max-width: 100%;

}



img.centered {

display: block;

margin-left: auto;

margin-right: auto;

}

img.alignright {

padding: 4px;

margin: 0 0 2px 7px;

display: inline;

}

img.alignleft {

padding: 4px;

margin: 0 7px 2px 0;

display: inline;

}

.alignright {

float: right;

}

.alignleft {

float: left;

}

/* End Images */

/* Begin Lists



Special stylized non-IE bullets

Do not work in Internet Explorer, which merely default to normal bullets. */

html > body .entry ul {

margin-left: 0px;

padding: 0 0 0 30px;

list-style: none;

padding-left: 10px;

text-indent: -10px;

}

html > body .entry li {

margin: 7px 0 8px 10px;

}

.entry ul li:before, #sidebar ul ul li:before {

content: "\00BB \0020";

}

.entry ol {

padding: 0 0 0 35px;

margin: 0;

}

.entry ol li {

margin: 0;

padding: 0;

}

.postmetadata ul, .postmetadata li {

display: inline;

list-style-type: none;

list-style-image: none;

}



/* End Entry Lists */

/* Begin Form Elements */

#searchform {



}

#sidebar #searchform #s {

	width: 260px;

	height: 20px;

	padding: 2px;

}

#sidebar #searchsubmit {

padding: 1px;

}

.entry form {

/* This is mainly for password protected posts, makes them look better. */

text-align: center;

}

select {

width: 130px;

}

#commentform input {

width: 170px;

padding: 2px;

margin: 5px 5px 1px 0;

}

#commentform textarea {

width: 100%;

padding: 2px;

}

#commentform #submit {

margin: 0;

float: right;

}

/* End Form Elements */

/* Begin Comments*/

/*.alt {

margin: 0;

padding: 10px;

}*/

.commentlist {

padding: 0;

text-align: justify;

}

.commentlist li {

margin: 15px 0 3px;

padding: 5px 10px 3px;

list-style: none;

}

.commentlist li .avatar {

float: right;

border: 1px solid #eee;

padding: 2px;

background: #fff;

}

.commentlist p {



}

#commentform p {



font-size:100%;

}

.nocomments {

text-align: center;

margin: 0;

padding: 0;

}

.commentmetadata {

margin: 0;

display: block;

}

/* End Comments */

/* Begin Sidebar */





/* End Sidebar */

/* Begin Calendar */

#wp-calendar {

empty-cells: show;

margin: 10px auto 0;

width: 155px;

}

#wp-calendar #next a {

padding-right: 10px;

text-align: right;

}

#wp-calendar #prev a {

padding-left: 10px;

text-align: left;

}

#wp-calendar a {

display: block;

}

#wp-calendar caption {

text-align: center;

width: 100%;

}

#wp-calendar td {

padding: 3px 0;

text-align: center;

}

#wp-calendar td.pad:hover {

/* Doesn't work in IE */

background-color: #fff;

}

/* End Calendar */

/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

cursor: help;

}



/*blockquote {

margin: 15px 30px 0 10px;

padding-left: 20px;

border-left: 5px solid #ddd;

}

blockquote cite {

margin: 5px 0 0;

display: block;

}*/

.center {

text-align: center;

}

.hidden { 

display: none; 

}



a img {

border: none;

}

.navigation {

display: block;

text-align: center;

margin-top: 10px;

margin-bottom: 60px;

}

/* End Various Tags & Classes*/



/* Captions */

.aligncenter,

div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}

.wp-caption {

border: 1px solid #ddd;

text-align: center;

background-color: #f3f3f3;

padding-top: 4px;

margin: 10px;

-moz-border-radius: 3px;

-khtml-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

}

.wp-caption img {

margin: 0;

padding: 0;

border: 0 none;

}

.wp-caption p.wp-caption-text {

font-size: 11px;

line-height: 17px;

padding: 0 4px 5px;

margin: 0;

}

/* End captions */