* { 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(../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: 652px;
	}

a#btnFrAccueil {
	display: block;
	float: left;
	width: 326px;
	height: 262px;
	text-indent: -9999px;
	background: url(../images/btnFrSplash.gif) no-repeat 0 0;
	}
	
	a#btnFrAccueil:hover {background-position: 0 -262px;}
	
img#splashLogo {
	float: left;
	margin: 0 32px;
	}

#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,
	body#pg-temoignages ul.nav li a#temoigna,
	body#autresMouvements ul.nav li a#appuis {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;
	}
	

#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;
	padding-bottom:10px;
	}
	
	div.videoClip p.description {margin: 15px 0 0 0; padding-bottom:0;}

/*column layout*/

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

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


div#downloadBg {
	position:relative;
	width: 344px;
	height: 336px;
	margin: 20px auto;
	background: url(../fr/images/fondsEcran.gif) no-repeat top center; 
	z-index:1;
	}
	
	div#downloadBg.en {background: url(../en/images/fondsEcran.gif) no-repeat top center; }
	
	#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: 275px;
		height: 115px;
		padding-top: 65px;
		font-size: 18px;
		line-height: 1.2em;
		color: #fff;
		}
		
		#grosCoeurHome div.txtDeclaration {}
		
		div.txtDeclarationMed {
			margin: 0 auto;
			width: 140px;
			height: 22px;
			padding-top: 28px;
			font-size: 11px;
			line-height: 13px;
			}

	div.individu {
		margin: 8px 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: 85px; text-align: left;}
		a#btnJaime {display:block; width: 75px; height: 18px; background: url(../images/thumbsUp.gif) no-repeat top left; padding-left: 23px; margin-bottom: 5px;}
		a#btnJaimePas {display:block; width: 85px; 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, ul.bulleted li {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 {font-size: 125%; margin-bottom: 25px;}
.red {color: #e9151b;}
.smaller {font-size: 85%;}
.lead {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;}
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;}
	
#sidebar ul.bulleted {list-style-type: disc; margin: 0 0 15px 15px;}
	#sidebar ul.bulleted 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.txtLink {margin: 0 15px 0 0;}
 
div.manchette 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: 252px; height: 24px; padding: 4px 2px 0 6px; font-family:Arial, Helvetica, sans-serif; }
	input#name, input#city {width: 207px;}
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;
	cursor:pointer;
	}
	
	input#btnEnvoyer.en {width: 54px; background: url(../en/images/btnEnvoyer-trans.png) no-repeat top center;}
	
	form#declareForm input#btnEnvoyer {float: right; margin: 10px 0 20px 0;}

div.iv { display:none; }

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: 16px; font-family: Arial, Geneva, sans-serif;}
	textarea#declaration.en {background: #fff url(../en/images/bgTextArea.gif) no-repeat 15px 15px;}

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

/* ---[ 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;}

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;}



/* ---[ Hacks ]--------------------- */
.clear{clear:both;height:0;font-size:1px;line-height:0;display:block;}

.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 */	

.tiredofincompetence{width:282px; padding:8px 0 15px 0; border-top:1px #000 solid;} /* If things were done correctly in the first place, this wouldn't be necessary */

.partnersList{margin-left:15px;}


.leftColumnSmall, .leftColumnSmallNoMargin{float: left; display:inline;}
.leftColumnSmall {width: 135px; margin:0 15px 15px 0;}
.leftColumnSmallNoMargin {width: 135px; margin:0 0 15px 0;}

.leftColumnSmall .partnerDesc, .leftColumnSmallNoMargin .partnerDesc{padding:5px 0 0 0; border-top:1px solid #000; margin-top:12px;}