@charset "utf-8";
/*
 
 Here's how this file is organized:
 
 
 
 - Global tags (styles that will affect ALL pages as well as a few exceptions
 
 - Structure styles - Columns, layout etc, used throughout the site
 
 - Navigation styles - Main navigation template styles only
 
 - Specific page styles
 
 - Form styles
 
 - Common block styles used throughout the site (i.e accordion menu)- Generic classes.
 
 - SIFR tweaks
 
 */
/* ******************************************** */
/* ------ GLOBAL STYLES ------ */
a {
    color: #666;
    text-decoration: none;
}

a:visited {
}

a:hover, a:active, a.active, span.active {
    color: #e20a16;
}

b, strong {
    font-weight: bold;
}

span.rouge {
    color: red;
}

sup {
    font-size: 66%;
    vertical-align: super;
}

blockquote {
    font-size: 11px;
    line-height: 1.3em;
    margin: 28px 0 15px 0;
}

body {
	background: url("/images/bg.gif") no-repeat scroll 990px 0 #FFFFFF;
    padding: 0 0 32px 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    color: #333;
    line-height: 16px;
}

br {
    clear: both;
}

dt {
    font-size: 13px;
    margin-top: 15px;
}

dd {
    line-height: 1.3em;
    padding: 5px 0 15px 0;
    border-bottom: 1px #ccc dotted;
    font-size: 11px;
}

dd:last-child {
    border: 0;
}

/*
 
 @font-face {
 
 font-family: 'Miso Light';
 
 src: url('/modules/fonts/miso-light.eot');
 
 src: local('Miso Light'), local('Miso-Light'), url('/modules/fonts/miso-light.otf') format('opentype');
 
 }
 
 */
@font-face {font-family:
    'Miso Regular';
    src:
    url('/modules/fonts/miso.eot');
    src:
    local('Miso Regular'), local('Miso-Regular'), url('/modules/fonts/miso.otf') format('opentype');
}

/*
 
 @font-face {
 
 font-family: 'Colaborate-ThinRegular';
 
 src: url('ColabThi.eot');
 
 src: local('Colaborate-Thin Regular'), local('Colaborate-Thin'), url('ColabThi.woff') format('woff'), url('ColabThi.otf') format('opentype'), url('ColabThi.svg#Colaborate-Thin') format('svg');
 
 }
 
 */
@font-face {font-family:
    'ColaborateLightRegular';
    src:
    url('ColabLig.eot');
    src:
    local('ColaborateLight Regular'), local('Colaborate-Light'), url('ColabLig.woff') format('woff'), url('ColabLig.otf') format('opentype'), url('ColabLig.svg#Colaborate-Light') format('svg');
}

/*
 
 @font-face {
 
 font-family: 'Colaborate-RegularRegular';
 
 src: url('ColabReg.eot');
 
 src: local('Colaborate-Regular Regular'), local('Colaborate-Regular'), url('ColabReg.woff') format('woff'), url('ColabReg.otf') format('opentype'), url('ColabReg.svg#Colaborate-Regular') format('svg');
 
 }
 
 
 
 @font-face {
 
 font-family: 'Colaborate-MediumRegular';
 
 src: url('ColabMed.eot');
 
 src: local('Colaborate-Medium Regular'), local('Colaborate-Medium'), url('ColabMed.woff') format('woff'), url('ColabMed.otf') format('opentype'), url('ColabMed.svg#Colaborate-Medium') format('svg');
 
 }
 
 
 
 @font-face {
 
 font-family: 'Colaborate-BoldRegular';
 
 src: url('ColabBol.eot');
 
 src: local('Colaborate-Bold Regular'), local('Colaborate-Bold'), url('ColabBol.woff') format('woff'), url('ColabBol.otf') format('opentype'), url('ColabBol.svg#Colaborate-Bold') format('svg');
 
 }
 
 */
em, i {
    font-style: italic;
}

h1 {
    font-size: 34px;
    margin: 25px 0 10px 0;
    padding: 0;
    line-height: 40px;
}

#articles h1, #producteurs h1, #promoteurs h1 {
    margin-bottom: 39px;
    margin-left: 14px;
}

h2 {
    font-weight: normal;
    font-size: 18px;
    line-height: 1.3em;
    margin-bottom: 18px;
}

#projects .rightCol h2 {
    font-size: 22px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 -1em;
    color: #000;
}

h3.sifr {
    border-top: 1px #333 solid;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding-top: 6px;
}

.rightCol .descrip h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #333;
    font-size: 16px;
    padding: 0 0 10px 0;
    border: 0;
    text-transform: none;
    margin: 0;
    visibility: visible;
    letter-spacing: inherit;
}

.rightCol .descrip h3 a {
    color: #e20a16;
}

.rightCol .descrip h3 a:hover {
    color: #FF5656;
}

.rightCol .descrip h3.pdf {
    background: url(../images/icon-pdf.gif) no-repeat right 3px;
    padding-right: 20px;
}

.rightCol .descrip h4 {
    font-size: 13px;
    padding: 0 0 5px 0;
    visibility: visible;
    letter-spacing: inherit;
    text-transform: inherit;
}

.rightCol .descrip p {
    margin-bottom: 0;
}

h3 {
    font-size: 21px;
    line-height: 16px;
    margin: 0 0 16px 0;
}

h4 {
    font-size: 14px;
    line-height: 16px;
    margin: 2px 0 14px 0;
}

h5 {
    font-size: 12px;
    line-height: 14px;
    margin: 2px 0 16px 0;
    letter-spacing: 0px;
}

h6 {
    font-size: 10px;
    margin-bottom: 10px;
}

h1, h3, h4, h5, h6, p.h4 {
    font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2", Geneva, 'Trebuchet MS', Arial, sans serif;
    text-transform: uppercase;
    font-weight: normal;
    font-weight: normal;
}

h4, p.h4 {
    font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2", Geneva, 'Trebuchet MS', Arial, sans serif;
    font-size: 16px;
    line-height: 18px;
    margin: 2px 0 14px 0;
    font-weight: normal;
}

label {
    font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2", Geneva, 'Trebuchet MS', Arial, sans-serif;
    text-transform: uppercase;
    margin: 4px 0;
    display: block;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0;
}
.fontPerso{
    font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2", Geneva, 'Trebuchet MS', Arial, sans-serif;	
    font-size: 12px;
	background:#00C6F7 !important;
	color:#000;	
}
hr {
    color: #fff;
    background-color: #fff;
    border: 1px solid #999;
    border-style: none none solid;
    clear: both;
}

hr.dotted {
    color: #fff;
    background-color: #fff;
    border: 1px dotted #ccc;
    border-style: none none dotted;
    clear: both;
}

img {
    vertical-align: top;
    border: 0px;
}

p {
    margin-bottom: 15px;
}

.small {
    font-family: Arial, sans serif, "Lucida Grande", Tahoma;
    font-size: 11px;
    line-height: 1.3em;
}

sup {
    line-height: 0;
}

ol {
    list-style-type: decimal;
}

ol li {
    list-style-position: inside;
}

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul li, ol li {
    padding: 5px 0;
    border-bottom: 1px #010101 dotted;
    font-size: 11px;
}

input[type =
"radio"] {
    margin: 3px 6px 3px 0px;
}

/* ------ END GLOBAL STYLES ------ */
/* ******************************************** */
/* ------ STRUCTURE ------ */
.pageBlock {
    margin: 0;
    width: 976px;
    padding: 0 14px; /*background-color:#F09;*/
}

.navCol {
    float: left;
    width: 170px;
    padding: 12px 14px 0 0;
    margin: 0; /*background-color:#969*/
}

.contentLHSCol, .contentRHSCol {
    float: left;
    width: 396px;
    padding: 0;
    display: inline;
}

.contentWrap {
    float: left;
    width: 792px;
    min-height: 550px;
    background: url(../images/bg_contentLHSCol.gif) no-repeat;
    font-size: 13px;
    line-height: 1.4em;
    margin: -1px 0 0 0;
    padding: 0; /*background-color:#FF6;*/
    overflow:hidden;
}

#header {
    width: 761px;
    height: 71px;
    padding: 28px 24px 0 14px;
    line-height: 40px;
}

.leftCol {
    float: left;
    width: 396px;
    padding: 0 0 16px 0;
    margin: 0; /*background-color:#6CC;*/
}

.leftCol.padded {
    width: 368px;
    padding: 0 14px 16px 14px;
}

.rightCol {
    float: left;
    width: 396px;
    padding: 0 0 16px 0; /*background-color:#C9C*/
}

.rightCol.padded {
    width: 382px;
    padding: 0 0 16px 14px;
}

.rightCol.marginLeft {
    width: 382px;
    padding: 0 0 16px 0;
    margin: 0 0 0 14px;
}

.smLeftCol {
    float: left;
    width: 169px;
}

.smRightCol {
    float: right;
    width: 169px;
    clear: right;
}

.photoCol {
    float: left;
    width: 198px;
    padding: 0;
}

.subColumnSmall {
    width: 99px;
}

.projectBlockSmall {
    width: 99px;
    height: 99px;
    display: block;
}

.colHalf {
    width: 50%;
    float: left;
}
#project-nav a	{ font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2", Geneva, 'Trebuchet MS', Arial, sans serif; }
#subcontentBlock a { font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2", Geneva, 'Trebuchet MS', Arial, sans serif; }

/* ------ END STRUCTURE ------ */ /* ******************************************** */
/* ------ MAIN NAV ------ */
#logo {
    margin: 0 0 18px 0;
}

#printLogo {
    display: none;
}

#mainNav {
    border-top: 1px solid #999999;
    width: 170px;
    margin: 0 0 10px 0;
    padding: 0;
}

#mainNav a {
    display: block;
    text-indent: -9999px;
    text-align: left;
    width: 168px;
}

#mainNav li {
    padding: 6px 0;
    border-bottom: 1px solid #999999;
}

#mainNav #btnAccueil {
    background: url(../images/btnAccueil.gif) no-repeat 0 3px;
}

#mainNav #btnAPropos {
    background: url(../images/btnAProposDeMtlunescodesign.gif) no-repeat 0 3px;
}

#mainNav #btnUnesco {
    background: url(../images/btnVillesUnescoDeDesign.gif) no-repeat 0 3px;
}

#mainNav #btnProjets {
    background: url(../images/btnConcoursEtAteliers.gif) no-repeat 0 3px;
}

#mainNav #btnInitiatives {
    background: url(../images/btnPromotionDiffusion.gif) no-repeat 0 3px;
}

#mainNav #btnArticles {
    background: url(../images/btnPressePublications.gif) no-repeat 0 3px;
}

#mainNav #btnProducteurs {
    background: url(../images/btnProducteurs.gif) no-repeat 0 3px;
}

#mainNav #btnPromoteurs {
    background: url(../images/btnPromoteurs.gif) no-repeat 0 3px;
}

#mainNav a#btnAccueil:hover, #mainNav a#btnAPropos:hover, #mainNav a#btnUnesco:hover, #mainNav a#btnProjets:hover, #mainNav a#btnInitiatives:hover, #mainNav a#btnArticles:hover, #mainNav a#btnArticle:hover, #mainNav a#btnProducteurs:hover, #mainNav a#btnPromoteurs:hover {
    background-position: -170px 3px;
}

#mainNav #btnAccueil:active, #home a#btnAccueil, #mainNav #btnAPropos:active, #aPropos a#btnAPropos, #mainNav #btnUnesco:active, #unesco a#btnUnesco, #reseau a#btnUnesco, #reseau a#btnUnesco_en, #promotion a#btnInitiatives_en, #promotion a#btnInitiatives, #mainNav #btnProjets:active, #projects a#btnProjets, #mainNav #btnInitiatives:active, #initiatives a#btnInitiatives, #mainNav #btnArticles:active, #articles #mainNav a#btnArticles, #mainNav #btnArticles:active, #article #mainNav a#btnArticles, #mainNav #btnProducteurs:active, #producteurs a#btnProducteurs, #mainNav #btnPromoteurs:active, #promoteurs a#btnPromoteurs {
    background-position: -340px 3px;
}

/* ******************************************** */
/* ------ MAIN NAV ENGLISH------ */
#mainNav #btnAccueil_en {
    background: url(../images/en/btnHome.gif) no-repeat 0 3px;
}

#mainNav #btnAPropos_en {
    background: url(../images/en/btnAboutMtlunescodesign.gif) no-repeat 0 3px;
}

#mainNav #btnUnesco_en {
    background: url(../images/en/btnUnescoCitiesOfDesign.gif) no-repeat 0 3px;
}

#mainNav #btnProjets_en {
    background: url(../images/en/btnCompetitionsAndWorkshops.gif) no-repeat 0 3px;
}

#mainNav #btnInitiatives_en {
    background: url(../images/en/btnPromotionAndOutreach.gif) no-repeat 0 3px;
}

#mainNav #btnArticles_en {
    background: url(../images/en/btnMed_Pub.gif) no-repeat 0 3px;
}

#mainNav #btnProducteurs_en {
    background: url(../images/en/btnProducers_partners.gif) no-repeat 0 3px;
}

#mainNav #btnPromoteurs_en {
    background: url(../images/en/btnPromoters.gif) no-repeat 0 3px;
}

#mainNav a#btnAccueil_en:hover, #mainNav a#btnAPropos_en:hover, #mainNav a#btnUnesco_en:hover, #mainNav a#btnProjets_en:hover, #mainNav a#btnArticles_en:hover, #mainNav a#btnArticle_en:hover, #mainNav a#btnProducteurs_en:hover, #mainNav a#btnPromoteurs_en:hover, #mainNav a#btnInitiatives_en:hover {
    background-position: -170px 3px;
}

#mainNav #btnAccueil_en:active, #home a#btnAccueil_en, #mainNav #btnAPropos_en:active, #aPropos a#btnAPropos_en, #mainNav #btnUnesco_en:active, #unesco a#btnUnesco_en, #mainNav #btnProjets_en:active, #projects a#btnProjets_en, #mainNav #btnInitiatives_en:active, #initiatives a#btnInitiatives_en, #mainNav #btnArticles_en:active, #articles #mainNav a#btnArticles_en, #mainNav #btnArticles_en:active, #article #mainNav a#btnArticles_en, #mainNav #btnProducteurs_en:active, #producteurs a#btnProducteurs_en, #mainNav #btnPromoteurs_en:active, #promoteurs a#btnPromoteurs_en {
    background-position: -340px 3px;
}

.langLinks {
    list-style-type: none;
    float: right;
    padding: 0;
	margin-top:2px;
    margin-bottom: 20px;
    margin-right: 2px !important;
}

.langLinks li {
    display: inline;
    float: left;
    height: 10px;
    margin: 0 0 0 7px;
    border: 0px;
    padding-top: 0px;
}

.langLinks li a {
    height: 10px;
    text-indent: -9999px;
    display: block;
}

.langLinks li #langFr {
    width: 17px;
    height: 9px;
    background: url(../images/btnFr.gif) no-repeat top left;
    text-indent: -9999px;
}

.langLinks li #langEn {
    width: 10px;
    height: 9px;
    background: url(../images/btnEn.gif) no-repeat top left;
}

.langLinks li #langFr:hover, .langLinks li #langEn:hover {
    background-position: -19px 0;
}

.socialLinks {list-style-type: none; float: left; margin: 0px 0 10px 0; padding: 0;margin-bottom:20px;}
.socialLinks li {display:inline; float: left;  height: 10px; margin: 0 4px 0 0; border:0px; padding-top:0px;}
.socialLinks li a {height: 10px; display:block; text-indent:-1999px;}
.socialLinks li #facebook {width:14px; height:14px; background: url(/images/icon-facebook.gif) no-repeat top left; }
.socialLinks li #twitter {width:14px; height:14px; background: url(/images/icon-twitter.gif) no-repeat top left; }
.socialLinks li #rss {width:14px; height:14px; background: url(/images/icon-rss.gif) no-repeat top left; }
.socialLinks li a:hover {background-position:0px -14px!important;}


/* ------ END MAIN NAV ------ */
/* ******************************************** */
/* PAGE SPECIFIC STYLES */
/* ------ HOME PAGE ------ */
#subscriptionForm {
    margin-bottom: 32px;
}

#subscriptionForm #email {
    border: 0;
    margin: 0;
    padding: 0;
    background-image: none;
    margin-top: 1px;
}

#cse-search-box {
    margin-bottom: 20px;
}

#cse-search-box #search {
    border: 0;
    margin: 0;
    padding: 0;
    background-image: none;
    margin-top: 1px;
}

#frm1_email, #frm1_google {
    width: 165px;
    height: 26px;
    padding: 0;
    margin: 0;
    background-image: url(../images/bg-form-input.gif);
    background-position: -1px -1px;
    background-repeat: repeat;
    border-color: #9E9E9E #CCCCCC #CCCCCC #9E9E9E;
    border-style: solid;
    border-width: 1px;
}

#btnGoEmail, #btnGoGoogle {
    float: left;
    margin-top: 3px;
}

#btnVoirInitiatives, #btnVoirProjets, #btnVoirPromoteurs, #btnAffichertout {
    float: left;
    height: 28px;
    display: block;
    text-indent: -9999px;
    width: 198px;
}

#btnVoirInitiatives:hover, #btnVoirProjets:hover, #btnVoirPromoteurs:hover {
    background-color: #444;
}

#btnVoirPromoteurs {
    background: #333 url(../images/btnVoirPromoteurs.png) no-repeat 0 0;
}

#btnVoirInitiatives {
    background: #333 url(../images/btnAutresActivites.png) no-repeat 0 0;
}

#btnVoirProjets {
    background: #333 url(../images/btnAutresConcoursEtAteliers.png) no-repeat 0 0;
}

#btnAffichertout {
    width: 103px;
    background: #333 url(../images/btnAffichertout.png) no-repeat 0 0;
}

.home_ssps {
	width:396px;
	height:396px;
	background-color:#333333;
}

/* ------ HOME PAGE (ANglais specifique------ */
#btnVoirInitiatives_en, #btnVoirProjets_en, #btnVoirPromoteurs_en, #btnAffichertout_en {
    float: left;
    height: 28px;
    display: block;
    text-indent: -9999px;
    width: 198px;
}

#btnVoirInitiatives_en:hover, #btnVoirProjets_en:hover, #btnVoirPromoteurs_en:hover {
    background-color: #444;
}

#btnVoirPromoteurs_en {
    background: #333 url(../images/en/btnOtherActivities.png) no-repeat 0 0;
}

#btnVoirInitiatives_en {
    background: #333 url(../images/en/btnOtherActivities.png) no-repeat 0 0;
}

#btnVoirProjets_en {
    background: #333 url(../images/en/btnOtherCompetitionsAndWorkshops.png) no-repeat 0 0;
}

#btnAffichertout_en {
    width: 103px;
    background: #333 url(../images/btnAffichertout.png) no-repeat 0 0;
}

.associeBlockBig {
    width: 174px;
    height: 162px;
    display: block;
    padding: 18px 12px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    color: #FFF;
    background-position: left -396px;
    background-repeat: no-repeat;
    font-weight: lighter;
    line-height: 20px;
}

.associeBlockBig:hover {
    background-position: left -198px;
    color: #e20a16;
}

.associeBlockBig span {
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 14px;
    margin: 0;
    padding: 0;
    display: block;
}

.associeBlockBig br {
    height: 8px;
}

.projectBlockBig {
    width: 174px;
    height: 162px;
    display: block;
    padding: 18px 12px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    color: #FFF;
    background-position: left top;
    background-repeat: no-repeat;
    font-weight: lighter;
    line-height: 20px;
	z-index:2;
}


.hiddenBlock {
    background-position: left -198px;
	font-size:0 !important;
	text-indent:-9999px !important;
	line-height:0 !important;
}

.projectBlockBig span {
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 14px;
    margin: 0;
    padding: 0;
    display: block;
}

.projectBlockBig:hover span {
	font-size:0px !important;	
}

.projectBlockBig br {
    height: 8px;
}

.projetBlockDiv {
	width: 198px;
	height: 198px;	
	position:relative;
}

.citiesBlock {
	position:relative;
}

a.showmore {
	display:none;
	width:31px;
	height:28px;
	color:#FFF !important;
	font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2",Geneva,'Trebuchet MS',Arial,sans-serif;
    font-size: 12px;
	bottom:0;
	right:0;
	position:absolute;
	z-index:1;
	background:#333333 url(../images/overhome.png) no-repeat top left;
	text-indent:-999px;
	overflow:hidden;
}

a.showmore:hover {
	color:#FFF !important;
	display:block !important;
}

div#citiesCol a.projectBlockBig:hover {
	/*background-position: left -198px;*/
	/*height:161px !important;
	margin-bottom:1px !important;*/
}

.subColumnBig, .subColumnSmall {
    margin-bottom: 36px;
    float: left;
    display: inline;
}

.subColumnBig {
    width: 198px;
}

#credits {
    position: absolute;
    bottom: 51px;
    left: -184px;
    z-index: 999;
}

#initiativesCol a:hover {
    color: #0080c0
}

#feedBox {
    position: relative;
    width: 198px;
    height: 198px;
    background-color: #333;
}

#feedBox a {
    position: absolute;
    top: 0;
    left: 0;
}

#feedBox a:hover {
    color: #333333
}

#kollectif_feed {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	margin-top:15px;
	margin-bottom:30px;
}

#kollectif_feed li {
	font-size:14px;
	line-height:18px;
	border-bottom:1px dotted #999;
	padding-top:13px;
	padding-bottom:12px;
}

#kollectif_feed li+li+li+li {
	border-bottom:none;
}

#citiesCol a {
    color: #333;
}

#citiesCol a:hover {
    color: #c20813;
}

#citiesCol span.h3 {
    display: block;
    margin-bottom: 6px;
}

#citiesCol span.cities_title {
	color: #fff;
    font-size: 22px;
    /*padding-top: 6px;*/
	line-height:22px;	
}

#home .partnersBlock img {
    float: left;
}

#home input[type = text] {
    background-position: -2px -1px;
    border-left: 1px solid #828282;
    border-top: 1px solid #7a7a7a;
    border-top: 1px solid #999;
    border-top: 1px solid #999;
}

/* ------ END HOME PAGE ------ */
/* ------ PROJECT DETAILS PAGE ------ */
#contentBodyText h5 {
    margin: 0 0 4px 0;
}

#contentBodyText ul, #contentBodyText ul {
    margin-bottom: 20px;
}

#backGroupe a {
    display: block;
    width: 366px;
    height: 14px;
    background-color: #333;
    margin-left: -14px;
    cursor: pointer;
    padding: 8px 0px 6px 30px;
    background-image: url(../images/fleche-blanche-gauche.gif);
    background-repeat: no-repeat;
    background-position: 15px 10px;
}

#backGroupe h5 {
    margin: 0px;
    cursor: pointer;
    color: #FFF;
}

#backGroupe a:hover {
    background-color: #3F3F3F;
}

#btnEnvoiComment {
    float: left;
    width: 160px;
    height: 28px;
    display: block;
    text-indent: -9999px;
    background: url(../images/btnEnvoiComment.png) no-repeat 0 3px;
}

#btnEnvoiComment:hover, #btnEnvoiComment:hover {
    background-position: 0 -24px;
}

#btnSubmit {
    padding: 5px 10px;
    background: #c9c9c9;
    border: 1px solid #c9c9c9;
    color: black;
}

#btnSubmit:hover {
    border: 1px solid black;
}

#btnEnvoiComment_en {
    float: left;
    width: 98px;
    height: 28px;
    display: block;
    text-indent: -9999px;
    background: url(../images/en/btnSendComment.png) no-repeat 0 3px;
}

#btnEnvoiComment_en:hover, #btnEnvoiComment_en:hover {
    background-position: 0 -24px;
}
#btnSoumettre {
    float: left;
    width: 74px;
    height: 28px;
    display: block;
    text-indent: -9999px;
    background: url(../images/btnSoumettre.png) no-repeat 0 3px;
}

#btnSoumettre:hover, #btnSoumettre:hover {
    background-position: 0 -24px;
}
#partnersBlock h5 {
    margin-top: 8px;
}

#partnersBlock a {
    display: block;
    height: 85px;
    width: 184px;
    overflow: hidden;
    float: left;
}

#partnersBlock img {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 19px;
}

#partnersBlock {
    border-top: 1px solid #333333;
    overflow: hidden;
    width: 100%;
}

#project-nav {
    font-family: 'ColaborateLightRegular', Geneva, 'Trebuchet MS', Arial, sans serif, "Lucida Grande";
    font-size: 15px;
    line-height: 18px;
    margin: 0 0 18px 0;
    padding: 0px 0px 12px 0px;
    font-weight: normal;
    text-transform: uppercase;
    border-bottom: 1px dotted #333333;
}

#project-nav p {
    display: block;
    margin: 0px 0px 4px 0px;
    background-image: url(/images/subcontent-arrow-right.jpg);
    background-position: right -8px;
    background-repeat: no-repeat;
}

#subcontentBlock {
    font-family: 'ColaborateLightRegular', Geneva, 'Trebuchet MS', Arial, sans serif, "Lucida Grande";
    font-size: 12px;
    line-height: 13px;
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
    border-top: 1px dotted #333333;
    border-bottom: 1px dotted #333333;
    height: 28px;
    width: 368px;
    margin-bottom: 20px;
}

#subcontentBlock span#previous {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 28px;
}

#subcontentBlock span#next {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 28px;
}

#subcontentBlock span#previous img {
    margin-right: 5px;
}

#subcontentBlock span#next img {
    margin-left: 5px;
}

#subcontentBlock > ul {
    /*overflow: hidden;*/
    display: block;
    text-align: center;
}

#subcontentBlock ul li {
    border: 0px;
    display: inline;
    margin-right: 5px;
    line-height: 28px;
}

#imgBlock {
    width: 396px;
    height: 396px;
    position: relative;
}

#imgBlock .overlay {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}

.externalLink {
    display: block;
    line-height: 28px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    margin-bottom: 24px;
    color: #333;
    background-color: #FFF;
    padding: 0 14px;
}

.externalLink:hover {
    color: #333;
}

#commentsBlock {
    padding: 0 0 45px 0;
}

#commentsBlock h4 {
    margin: 14px 0;
}

#commentsBlock h5 {
    background-image: url(../images/icon-comment-11-12.gif);
    background-position: left 2px;
    background-repeat: no-repeat;
}

/* Single comment block */
.commentBlock {
    border-bottom: 1px dotted #333;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.commentBlock.last {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 28px;
}

.commentBlock * {
    padding-left: 20px;
}

.commentBlock * * {
    padding-left: 0;
}

#captcha, #captchaRefreshBtn, #captchaRefreshBtn img {
    float: left;
    display: block;
}

/* Slideshow blocs */
.toggleCtn {
    display: block;
    clear: both;
    position: relative;
    z-index: 9999;
}

.slideshow_links {
    position: absolute;
    top: -30px;
}

.toggleBtn {
    background: #000;
    color: #666;
    display: block;
    width: 182px;
    height: 18px;
    padding: 6px 4px 2px 12px;
    text-decoration: none;
    font: 11px Tahoma;
    text-transform: uppercase;
    float: left;
    margin-top: 4px;
}

.toggleBtn.active {
    background: #333;
    color: #FFF;
    padding: 8px 4px 4px 12px;
    margin-top: 0;
}

.none {
    display: none;
}

/* ------ END PROJECT DETAILS PAGE ------ */
/* ------ PROJECT ARCHIVES PAGE ------ */
.archives .contentWrap {
    background: none; /*transparent url(../images/bg_archivesLHSCol.gif) repeat-y scroll 0 0;*/
}

.archives .leftCol {
    width: 396px;
    padding: 0;
}

.archives .archiveCol {
    background: #d6d6d6;
    width: 368px;
    padding: 0 14px 16px 14px;
}

.archives #partnersBlock {
    padding: 0 0 16px 0;
    margin-top: 45px;
}

.archives #commentsBlock {
    padding: 0 0 1px 0;
}

.archives .accordionBlock {
    background: #989898;
}

.archives #btnEnvoiComment, .archives #btnImprimer, .archives #btnPartager, .archives #btnEnvoiComment_en, .archives #btnImprimer_en, .archives #btnPartager_en {
    background-color: #989898 !important;
}

/* ------ END PROJECT ARCHIVES PAGE ------ */
.archivesBlock h2, .accordionBlock h2 {
    font-size: 22px;
    font-family: Arial;
    text-transform: uppercase;
    margin: 0 0 -1em;
}

/* ------ PROJECTS / INITATIVES LIST PAGE ------ */
#projects, #initiatives {
    position: relative;
}
 /* 'show all' button */
#toutBtnWrap {
    height: 49px;
    text-align: right;
    padding: 32px 14px 0 0;
}
 /*because inline styles wreak havoc on my print styles!!*/
#afficheToutBtn {
    visibility: hidden;
}

#initiatives #afficheToutBtn {
    background-color: #0080c0;
}
 /* columns for the year links */
.yearLinks .subColumnSmall {
    padding: 0;
    margin: 0;
    text-align: center;
}
 /*.yearLinks*/
.subColumnSmall.selected {
    background-color: #fff;
}

#initiatives .subColumnSmall.selected a {
    color: #0080c0;
    background-color: #fff;
}
 /* bg for the year links */
.yearLinks {
    position: relative;
    background-color: #c20813;
    width: 396px;
}

#initiatives .yearLinks {
    background-color: #0080c0;
}
 /* links */
.yearLinks a {
    line-height: 30px;
    font-family: Tahoma, Geneva, sans-serif;
    background-color: #c20813;
    color: #FFF;
}

#initiatives .yearLinks a {
    background-color: #0080c0;
}

.yearLinks .previous, .yearLinks .next {
    position: absolute;
    width: 16px;
    height: 16px;
    disaply: block;
}
 /* arrow links */
.navLeftArrow, .navRightArrow {
    background-repeat: no-repeat;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 8px;
    disaply: block;
    background-image: url(../images/icons-arrows-projects.png);
}

#initiatives .navLeftArrow, #initiatives .navRightArrow {
    background-image: url(../images/icons-arrows-initiatives.png);
}

.navRightArrow {
    right: 4px;
    background-position: center 4px;
    background-color: transparent !important;
}

.navLeftArrow {
    left: 4px;
    background-position: center -46px;
    background-color: transparent !important;
}

.navRightArrow.selected {
    background-position: center -96px;
}

.navLeftArrow.selected {
    background-position: center -146px;
}

/* columns for the project thumbs, when NOT highlighted */
.subColumnSmall a {
    background-position: left top;
}
 /* js on projets and initiatives pages depend on this, exactly */
/* columns for the project thumbs, when highlighted */
.subColumnSmall.selected a {
    background-color: #fff;
    color: #c70913;
}

.subColumnSmall.selected a, .projectBlockSmall:hover {
    background-position: left -99px !important;
}

.projectLinksList {
    margin: 0 14px 8px 14px;
    border-bottom: 1px solid #999;
}

.projectLinksList:last-child {
    border-bottom: 1px solid #333;
}

.projectLinksList a, .linksList a {
    display: block;
    color: #e20a16;
    line-height: 18px;
    font-size: 13px;
    padding: 2px 0;
}

.projectLinksList a:hover, .projectLinksList li.selected a, .projectLinksList li.hoverSelected a {
    color: #FFFFFF !important;
    background-color: #333333 !important;
    padding: 2px 5px !important;
}

#initiatives .projectLinksList a {
    color: #0080c0;
}

.projectLinksList li {
    padding: 6px 0;
    border-bottom: 1px dotted #CCC
}

.projectLinksList li:last-child {
    border: 0;
}

/* ------ END PROJECTS / INITATIVES LIST PAGE ------ */


/* ------ PROJECTS / RESEAU LIST PAGE ------ */
#projects, #reseau {
    position: relative;
}
 /* 'show all' button */
#toutBtnWrap {
    height: 49px;
    text-align: right;
    padding: 32px 14px 0 0;
}
 /*because inline styles wreak havoc on my print styles!!*/
#afficheToutBtn {
    visibility: hidden;
}

#reseau #afficheToutBtn {
    background-color: #E20A17;
}
 /* columns for the year links */
.yearLinks .subColumnSmall {
    padding: 0;
    margin: 0;
    text-align: center;
}
 /*.yearLinks*/
.subColumnSmall.selected {
    background-color: #fff;
}

#reseau .subColumnSmall.selected a {
    color: #656565;
    background-color: #fff;
}
 /* bg for the year links */
.yearLinks {
    position: relative;
    background-color: #E20A17;
    width: 396px;
}

#promotion .yearLinks { background-color:#9a0910; }

#reseau .yearLinks {
    background-color: #ababa9;
}

/* links */
.yearLinks a {
    line-height: 30px;
    font-family: Tahoma, Geneva, sans-serif;
    background-color: #E20A17;
    color: #FFF;
}

#promotion .yearLinks a { background-color:#9a0910; }

#reseau .yearLinks a {
    background-color: #ababa9;
}

.yearLinks .previous, .yearLinks .next {
    position: absolute;
    width: 16px;
    height: 16px;
    disaply: block;
}
 /* arrow links */
.navLeftArrow, .navRightArrow {
    background-repeat: no-repeat;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 8px;
    disaply: block;
    background-image: url(../images/icons-arrows-projects.png);
}

#reseau .navLeftArrow, #reseau .navRightArrow {
    background-image: url(../images/icons-arrows-initiatives.png);
}

.navRightArrow {
    right: 4px;
    background-position: center 4px;
    background-color: transparent !important;
}

.navLeftArrow {
    left: 4px;
    background-position: center -46px;
    background-color: transparent !important;
}

.navRightArrow.selected {
    background-position: center -96px;
}

.navLeftArrow.selected {
    background-position: center -146px;
}

/* columns for the project thumbs, when NOT highlighted */
.subColumnSmall a {
    background-position: left top;
}
 /* js on projets and initiatives pages depend on this, exactly */
/* columns for the project thumbs, when highlighted */
.subColumnSmall.selected a {
    background-color: #fff;
    color: #c70913;
}

.subColumnSmall.selected a, .projectBlockSmall:hover {
    background-position: left -99px !important;
}

.projectLinksList {
    margin: 0 14px 8px 14px;
    border-bottom: 1px solid #999;
}

.projectLinksList:last-child {
    border-bottom: 1px solid #333;
}

.projectLinksList a, .linksList a {
    display: block;
    color: #e20a16;
    line-height: 18px;
    font-size: 13px;
    padding: 2px 0;
}

.projectLinksList a:hover, .projectLinksList li.selected a, .projectLinksList li.hoverSelected a {
    color: #FFFFFF !important;
    background-color: #333333 !important;
    padding: 2px 5px !important;
}

#reseau .projectLinksList a {
    color: #E20A17;
}

.projectLinksList li {
    padding: 6px 0;
    border-bottom: 1px dotted #CCC
}

.projectLinksList li:last-child {
    border: 0;
}

/* ------ END PROJECTS / RESEAU LIST PAGE ------ */


/* ------ PRODUCTEURS ET PARTENAIRES ------ */
/*#logoVilleMtl {margin: 0 72px 0 0;}*/
#logoCreMtl {
}

#logoQc {
    margin: 60px 0 23px 0;
}

#logoDesignMtl {
    margin: 24px 47px 22px 0;
}

#logoUnesco {
    margin: 24px 0 0 0;
}

.appui {
    overflow: hidden;
    display: block;
    width: 100%;
    padding: 20px 0 10px;
    clear: both;
}

.unesco-h5 {
    margin-bottom: 5px;
}

/* ------ END PRODUCTEURS ET PARTENAIRES ------ */
/* ------ PRESSE ET PUBLICATIONS ------ */
#articles h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.date {
    float: left;
    width: 84px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0 0 10px 0;
}

.titre {
    float: right;
    width: 265px;
    clear: right;
    padding: 0 0 5px 0;
    font-size: 11px;
}

.titre a {
    color: #e20a16;
    font-size: 13px;
    display: block;
}

.titre a:hover {
    color: #FF5656;
}

.titre a.pdf {
    background: url(../images/icon-pdf.gif) no-repeat top right;
    padding-right: 40px;
}

.thumb {
    float: left;
    width: 72px;
    margin: 5px 0 10px 0;
}

.thumb img {
    border: 1px #F1F1F1 solid;
}

.descrip {
    float: right;
    width: 283px;
    clear: right;
    margin-top: 5px;
    padding: 0 0 15px 0;
    font-size: 11px;
    line-height: 1.5em;
}

img.photoArticle {
    float: left;
    margin-right: 14px;
}

img.imgHeading {
    clear: both;
    margin-bottom: 20px;
}

img.loupe {
    margin-top: 9px;
    float: right;
    clear: both;
    border: 0;
}

/* ajout 2 */
.toggle-trigger object {
    /*height:16px;*/
}

.toggle-trigger {
	display:block;
	background:url(../images/arrow-presse.png) no-repeat 361px 8px;
}

.toggle-info.active .toggle-trigger {
	background-position:361px -39px;
}

.toggle-info {
	overflow:hidden;
	float:left;
	width:100%;
	margin-bottom:25px;
	border-bottom:1px solid #999999;
}

.toggle-info.active .toggle-box	{ 

}

.toggle-info.active	{ position:relative; top:-7px; }

.toggle-trigger strong,
.toggle-trigger-back strong {
    font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2", Geneva, 'Trebuchet MS', Arial, sans-serif;
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    line-height: 11px;
    letter-spacing: 0;
    font-weight:400;
}
.toggle-trigger,
.toggle-trigger-back	{ padding:7px 0; border-top:1px solid #999999; cursor:pointer; }

.toggle-trigger-back	{ float:left; padding:7px 0; width:100%; background:url(../images/arrow-presse.png) no-repeat 361px -34px; }

.toggle-trigger strong:hover,
.toggle-trigger-back strong:hover	{ color:#e20a16; }

#articles .leftCol,
#articles .rightCol	{
	width:375px !important;            	
}

.tabs {  
	overflow:hidden;
	margin-bottom:-5px;
}

.tabs li	{
	float:left;
	border-bottom:none;
	margin-right:10px;
}

.tabs li strong {
    font-family: "pill-gothic-300mg-1", "pill-gothic-300mg-2", Geneva, 'Trebuchet MS', Arial, sans-serif;
    text-transform: uppercase;
    margin: 0 5px 0 0;
    display: block;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0;
    font-size:12px;
    font-weight:400;
    position:relative;
    top:2px;
}

.tabs li a.current strong	{
	font-size:17px;
	margin-right:0;
	margin-top:0;
	color:#000;
}

/* ------ END PRESSE ET PUBLICATIONS ------ */
/* ------ CONCOURS ------------------------ */
#contest .container.wrap {
    background: url(../images/bg_contentLHSCol.gif) no-repeat 0 0;
}

#contest .pageBlock {
    display: block;
    min-width: 1050px;
    padding: 0;
	background:#fff;
}

#contest .hide {
    display: none !important;
}

#contest .navCol {
    display: block;
    width: 170px;
    float: left;
    padding-left: 14px;
}

#contest .contentWrap {
    font-family: Arial;
    display: block;
    float: left;
}

#contest .content {
    position: relative;
    margin: 0 0 15px;
    padding: 15px;
    background: #d6d6d6;
    font-family: Georgia, "Times New Roman", Times, serif;
    width: 975px;
}

#contest h1 {
    margin: 22px 0 -6px 15px;
}

#contest h2 {
    margin: 0 0 15px 15px;
}

#contest h3 {
    margin: 0;
}

#contest .content a.close {
    font-family: Arial;
    font-size: 10px;
    position: absolute;
    top: 10px;
    right: 15px;
}

#contest .content .texte {
    margin-top: 15px;
}

#contest .content ul li {
    border: 0;
    margin-left: 15px;
    padding: 3px 0;
}

#contest .content ul {
    margin: 9px 15px 15px;
    list-style-type: disc;
}

#contest .content p.last {
    margin: 0;
}

.contest-entry, .contest-finalist{
    display: block;
    float: left;
    width: 198px;
    height: 230px;
    position: relative;
}

.contest-entry:hover, .contest-finalist:hover {
    cursor: pointer;
}

.contest-entry .active, .contest-finalist .active {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.creerlhiver .contest-entry .active, .creerlhiver .contest-finalist .active {
    height: 141px;
}

.contest-entry span, .contest-finalist span {
    display: block;
    /*padding: 0 0 0 6px;*/
    font-size: 11px;
    color: #F16420;
    font-family: Georgia, "Times New Roman", Times, serif;
}

body#projects div.contest-entry span {
    color: #999;
}

.contest-entry img {
    margin-bottom: 6px;
}

.contest-entry input.checkbox {
    float: right;
    margin: 2px 6px 0 0;
}

#contest button.submit {
    background: url(../images/btn-save.gif) no-repeat;
    display: block;
    width: 165px;
    height: 28px;
    border: 0;
    float: left;
}

.winner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 62px;
    height: 27px;
}

.fr .position_1 {
    background-image: url(/images/concours/label_1er-prix.png);
}

.fr .position_2 {
    background-image: url(/images/concours/label_2e-prix.png);
}

.fr .position_3 {
    background-image: url(/images/concours/label_3e-prix.png);
}

.fr .position_4 {
    background-image: url(/images/concours/label_4e-prix.png);
}

.fr .position_5 {
    background-image: url(/images/concours/label_5e-prix.png);
}

.fr .position_ex {
    background-image: url(/images/concours/label_prix-ex-aequo.png);
    width: 91px;
}

.en .position_1 {
    background-image: url(/images/concours/label_1st-prize.png);
}

.en .position_2 {
    background-image: url(/images/concours/label_2nd-prize.png);
}

.en .position_3 {
    background-image: url(/images/concours/label_3rd-prize.png);
}

.en .position_4 {
    background-image: url(/images/concours/label_4th-prize.png);
}

.en .position_5 {
    background-image: url(/images/concours/label_5th-prize.png);
}

.en .position_ex {
    background-image: url(/images/concours/label_ex-aequo-prize.png);
    width: 91px;
}

#contest .contentWrap .error {
    display: block;
    clear: both;
    margin: 0 0 15px 15px;
}

#contest .contentWrap .error p {
    display: inline;
    padding: 5px;
    margin: 0;
    background: #FCC;
    color: #C00;
    font-weight: bold;
}

#contest .dd {
    background: #fff;
    border: 1px solid #333;
    display: block;
    float: right;
    padding-left: 13px;
    width: 200px;
    position: relative;
    text-transform: uppercase;
    color: #333;
    z-index: 999;
    font-family: Arial, Helvetica, sans-serif;
}

#contest .dd .list {
    width: 100%;
}

#contest .dd span {
    background: url(../images/btn-dd.gif) right 4px no-repeat;
    display: block;
    height: 20px;
    padding: 4px 0 2px;
    font-size: 10px;
}

#contest .dd span:hover {
    cursor: pointer;
}

#contest .dd ul {
    display: block;
    background: #fff;
    list-style: none;
    border: 1px solid #333;
    width: 100%;
    position: absolute;
    top: 28px;
    left: -1px;
    margin: 0;
    z-index: 100;
    overflow: hidden;
    font-size: 10px;
}

#contest .dd ul li {
    display: block;
    background: #fff;
    list-style: none;
    border-top: 0;
    padding: 0;
}

#contest .dd ul li a {
    display: block;
    padding: 4px 0 4px 10px;
    width: 100%;
}

#iframe, #shadowbox {
    overflow: hidden;
    z-index: 9999;
}

.contest_winners h3 {
    margin: 20px 0 6px;
}

.contest_winners td {
    padding: 0 0 8px;
    vertical-align: top;
}

.contest_winners td.brdBtm {
    border-top: 1px dotted #000;
    padding: 0 0 8px;
    height: 2px;
}

.contest_winners table {
    margin: 15px 0 15px;
}

.btn_highlight {
    padding: 5px 10px;
    margin-bottom: 20px;
    clear: both;
    float: none;
}

.btn_highlight:hover {
    color: #333 !important;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}

/* ------ END CONCOURS -------------------- */
/* ******************************************** */
/* ------ COMMON BLOCKS/STYLES ------ */
/* Boutons */
.trans#btnPartager {
    background: url(../images/btnPartager-trans.png) no-repeat 0 0;
}

.trans#btnImprimer {
    background: url(../images/btnImprimer-trans.png) no-repeat 0 0;
}

#btnPartager, #btnImprimer {
    float: left;
    width: 85px;
    height: 28px;
    display: block;
    text-indent: -9999px;
    margin: 0 6px 0 0;
}

#btnPartager {
    background: url(../images/btnPartager.gif) no-repeat 0 0;
}

#btnImprimer {
    background: url(../images/btnImprimer.gif) no-repeat 0 0;
}

#btnPartager:hover, #btnImprimer:hover, .trans#btnPartager:hover, .trans#btnImprimer:hover {
    background-position: 0 -30px;
}

/* End boutons */
/* Boutons Anglais*/
.trans#btnPartager_en {
    background: url(../images/en/btnShare-trans.png) no-repeat 0 0;
}

.trans#btnImprimer_en {
    background: url(../images/en/btnPrint-trans.png) no-repeat 0 0;
}

#btnImprimer_en {
    float: left;
    width: 64px;
    height: 28px;
    display: block;
    text-indent: -9999px;
    margin: 0 6px 0 0;
}

#btnPartager_en {
    float: left;
    width: 69px;
    height: 28px;
    display: block;
    text-indent: -9999px;
    margin: 0 6px 0 0;
}

#btnPartager_en {
    background: url(../images/en/btnPartager.gif) no-repeat 0 0;
}

#btnImprimer_en {
    background: url(../images/en/btnImprimer.gif) no-repeat 0 0;
}

#btnPartager_en:hover, #btnImprimer_en:hover, .trans#btnPartager_en:hover, .trans#btnImprimer_en:hover {
    background-position: 0 -30px;
}

/* End boutons */
/* Accordion */
.accordionBlock {
    padding: 14px; /*background-color:#FF0;*/
    width: 170px;
}

.accordionBlock h5 {
    margin: 0;
}

.accordionBlock h5.first {
    margin: 0;
    background: url(../images/filet_plein.png) repeat-x left top;
    padding-top: 1px;
}

.accordionBlock h5 a {
    text-indent: -9999px;
    display: block;
    letter-spacing: -1px;
    font-size: 11px;
    line-height: 28px;
    height: 28px;
    color: #333;
    width: 170px;
}


 /* Francais */
/* Accordion */
.archivesBlock {
    padding: 14px;
    background-color: #d6d6d6;
    width: 170px;
    margin: 0;
}

.archivesBlock li {
    text-indent: -20px;
    padding: 5px 0 6px 20px;
}

.archivesBlock li a {
    -webkit-padding-start: 6px;
}

.archivesBlock li:last-child {
    border: none;
}

#compDoc {
    background: url(../images/btnDocsComp.png) no-repeat left 8px;
}

#compLink {
    background: url(../images/btnLiensComp.png) no-repeat left 8px;
}

#compComm {
    background: url(../images/btnCommuniques.png) no-repeat left 8px;
}

#compPress {
    background: url(../images/btnPressePublications.png) no-repeat left 8px;
}

#compDoc:hover, #compLink:hover, #compPress:hover, #compComm:hover {
    background-position: -170px 8px;
}

li.open #compDoc, li.open #compLink, li.open #compPress, li.open #compComm {
    background-position: -340px 8px;
}
 /* Anglais */
#compDoc_en {
    background: url(../images/en/btnRel_Doc.png) no-repeat left 8px;
}

#compLink_en {
    background: url(../images/en/btnRelLinks.png) no-repeat left 8px;
}

#compComm_en {
    background: url(../images/en/btnPressRel.png) no-repeat left 8px;
}

#compPress_en {
    background: url(../images/en/btnMed_Publications.png) no-repeat left 8px;
}

#compDoc_en:hover, #compLink_en:hover, #compPress_en:hover, #compComm_en:hover {
    background-position: -170px 8px;
}

li.open #compDoc_en, li.open #compLink_en, li.open #compPress_en, li.open #compComm_en {
    background-position: -340px 8px;
}

.accordionBlock li {
    margin: 0;
    padding: 0;
    border: 0;
    background: url(../images/filet_plein.png) repeat-x left bottom;
    height: auto;
}

.accordionBlock li li {
    background: url(../images/filet_pointille.png) repeat-x left bottom;
    width: 170px;
}
 /* width declaration is important due to jquery slideDown animation bug */
.accordionBlock li li a {
    display: block;
    line-height: 16px;
    padding: 5px 0 6px 0;
}

/* End accordion */
/* Tooltip */
#matsTooltip {
    width: 202px;
    position: absolute;
    z-index: 9999; /* background-color:#FFF;*/
}

#tooltipContainer {
    width: 202px;
    position: absolute;
    bottom: 0;
    padding: 0 0 24px 0;
    margin: 0;
    background-image: url(../images/tooltip-bottom.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}

#matsTooltip .top {
    background-image: url(../images/tooltip-top.png);
    background-position: center top;
    background-repeat: no-repeat;
    height: 10px;
}

#matsTooltip .tip {
    background-image: url(../images/tooltip-mid.png);
    background-position: center top;
    background-repeat: repeat-y;
    color: #e20a16;
    padding: 0 14px;
}

#initiatives #matsTooltip .tip {
    color: #0080c0;
}
 /* End tooltip */
.logos img {
    float: left;
    display: inline;
}

.partnersBlock {
    border-top: 1px solid #181512;
    padding: 8px 0 32px 0 !important;
}

.linksList {
    margin: 0 0 8px 0;
    border-bottom: 1px dotted #ccc;
}

.linksList:last-child {
    border: none;
}

.linksList a:hover {
    color: #FF5656
}

.linksList li:last-child {
    border-bottom: 1px solid #999999;
}

/* ------ END COMMON BLOCKS/STYLES ------ */
/* ******************************************** */
/* ------ FORMS ------ */
.form_1 fieldset {
    border: 1px solid #999;
    padding: 5px;
}

.form_1 input[type = text], .form_1 input[type = password], .form_1 textarea {
    padding: 6px 4px;
    background-image: url(../images/bg-form-input.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.form_1 input[type = submit], .form_1 input[type = button] {
    padding: 2px;
}

.form_1 input[type = text], .form_1 input[type = password], .form_1 textarea, .form_1 select {
    border: 1px inset gray;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
    color: #333;
}

.form_1 select {
    padding: 2px;
}

.form_1 label {
    font-weight: normal;
    margin: 4px 0;
    padding: 0;
    display: block;
}

.form_1 .row {
    margin-bottom: 8px;
}

/* ------ FORMS ------ */
/* ******************************************** */
/* ------ GLOBAL CLASSES ------ */
a.leftArrowBtn {
    line-height: 24px;
    padding: 6px 10px 6px 26px;
    background-color: #e20a16;
    background-image: url(../images/icon-arrows-white-16.png);
    background-position: 4px -113px;
    background-repeat: no-repeat;
    color: #FFF;
}

.print {
    display: none;
}

.source {
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    padding-top: 15px;
    line-height: 1.3em;
    background: url(../images/trait.gif) no-repeat top left;
}

.sendButtonRightArrow {
    margin-left: 5px;
    width: 16px;
    border: 0;
    background-color: #FFF;
    background-image: url(../images/icon-arrows-black-16.png);
    background-position: left -36px;
    background-repeat: no-repeat;
    padding: 0 8px;
}

.sendButtonRightArrow1 {
    margin-left: 1px;
    width: 16px;
    border: 0;
    background-color: #FFF;
    background-image: url(../images/action.gif);
    background-position: left 1px;
    background-repeat: no-repeat;
    padding: 0 8px;
    height: 12px;
}

.textRed {
    color: #c20813;
}

.tooltip {
    background-image: url(../images/tooltip-box.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 202px;
    height: 88px;
}

.partnersBlock2 {
    border-top: 1px solid #333333;
    overflow: hidden;
    width: 100%;
    padding-bottom: 20px;
}

.partnersBlock2 h5 {
    margin: 8px 0 25px;
}

.mr-20 {
    margin-right: 20px;
}

/* ------ END GLOBAL CLASSES ------ */
/* ******************************************** */
/* ------ SIFR TWEAKS ------ */
.sIFR-replaced object {
    display: block !important;
}

label.sIFR-replaced object {
    margin-bottom: -6px;
}

h3.sIFR-replaced object {
    margin-bottom: -10px;
}

h4.sIFR-replaced object {
    margin-bottom: -6px;
}

h5.sIFR-replaced object {
    margin-bottom: -6px;
}

span.h3.sIFR-replaced object {
    margin-bottom: -10px;
}

/* ------ END SIFR TWEAKS ------ */
.container.wrap {
    margin-left: 212px;
    overflow: hidden;
}

.pageBlock.clearFix.wrap {
    width: 100% !important;
}

.container.wrap .texte br {
    clear: none;
}

.container.wrap h2 {
    max-width: 1000px;
}

.divdd {
    width: 1005px;
    /*margin-bottom:-85px;*/
    height: 40px;
}

/* ******************************************** */
/* ------ TAXI ------ */
.taxiVote a {
    color: #ee6c30;
}

.taxiVote label {
    font-size: 11px;
}

.taxiVote .row {
    margin-bottom: 10px;
}

.taxiVote input[type =
"text"] {
    background-position: -0px -1px;
}

.taxiVote .driver {
    position: relative;
    left: -10px;
    width: 360px;
    padding: 10px 15px 15px;
    background: #eaeaea;
}

.taxiVote .taxiDetails {
    font-size: 10px;
    margin: 10px 0 10px 198px;
    line-height: 14px;
}

.taxiVote #btnSubmit {
    background: #EE6C30;
    text-transform: uppercase;
    font-size: 11px;
    color: #fff;
    font-family: 'ColaborateLightRegular', Geneva, 'Trebuchet MS', Arial, sans-serif;
}

.taxiVote form {
    margin-bottom: 50px;
}

h3.title {
    margin-top: 15px;
}

#preview {
    position: relative;
    padding: 5px 0 0 110px;
    margin: 0 0 10px 0;
    height: 75px;
    font-family: 'ColaborateLightRegular', Geneva, 'Trebuchet MS', Arial, sans-serif;
    text-transform: uppercase;
}

#preview strong {
    margin: 0;
    font-weight: normal;
    text-transform: uppercase;
}

#preview img {
    position: absolute;
    top: 0;
    left: 0;
}

#preview ul {
    display: block;
    margin: 5px 0 0 0;
}

#preview ul li {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 12px;
}

#chRequis {
    text-align: right;
}

#chRequis strong {
    display: inline-block;
    zoom: 1;
    *display:inline;
    padding:
    3px 7px;
    background:
    #e9e9e9;
    font-weight: normal;
    font-size:
    11px;
    font-family:
    'ColaborateLightRegular', Geneva, 'Trebuchet MS', Arial, sans-serif;
    text-transform: uppercase;
}

#bd {
    position: relative;
    margin-bottom: 20px;
}

#bd span {
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.projectTaxi {
    position: relative;
    width: 100%;
    height: 297px;
    margin: 25px 0;
}

.projectName {
    padding: 0 0 101px;
}

.projectName h2 {
    margin: 0;
}

.projectName a {
}

.projectNumber {
    position: absolute;
    left: -170px;
    top: 80px;
    display: block;
    width: 150px;
}

.projectImg {
    position: absolute;
    top: 0;
    right: -424px;
    display: block;
    width: 396px;
    height: 297px;
}

.projectImg a span {
    position: absolute;
    bottom: 0;
    right: 0;
}

#contentBodyText a#btnIntroduction_fr {
    background: #fff !important;
}

#btnIntroduction_fr span {
    float: left;
    width: 139px;
    height: 28px;
    display: block;
    text-indent: -9999px;
    margin: 0 6px 0 0;
    background: url(../images/taxi/btnIntroduction.png) no-repeat 0 0;
}

#btnIntroduction_en span {
    float: left;
    width: 155px;
    height: 28px;
    display: block;
    text-indent: -9999px;
    margin: 0 6px 0 0;
    background: url(../images/taxi/btnIntroduction_en.png) no-repeat 0 0;
}

#btnIntroduction_fr:hover span {
    background: url(../images/taxi/btnIntroduction.png) no-repeat 0 -30px;
}

#btnIntroduction_en:hover span {
    background: url(../images/taxi/btnIntroduction_en.png) no-repeat 0 -30px;
}

.btnDetails_fr span {
    float: left;
    width: 100px;
    height: 28px;
    display: block;
    text-indent: -9999px;
    background: url(../images/taxi/btnVoirDetails.png) no-repeat 0 0;
}

.btnDetails_en span {
    float: left;
    width: 105px;
    height: 28px;
    display: block;
    text-indent: -9999px;
    background: url(../images/taxi/btnVoirDetails_en.png) no-repeat 0 0;
}

.btnDetails_fr:hover span {
    background: url(../images/taxi/btnVoirDetails.png) no-repeat 0 -30px;
}

.btnDetails_en:hover span {
    background: url(../images/taxi/btnVoirDetails_en.png) no-repeat 0 -30px;
}

.btnVotez_fr {
    float: left;
    width: 396px;
    height: 101px;
    display: block;
    text-indent: -9999px;
    background: url(../images/taxi/vote_finished_fr.png) no-repeat 0 0; /*     vote_finished_fr     */
}

.btnVotez_en {
    float: left;
    width: 396px;
    height: 101px;
    display: block;
    text-indent: -9999px;
    background: url(../images/taxi/vote_finished_en.png) no-repeat 0 0; /*     vote_finished_en     */
}

.btnVotez_fr:hover {
    /* background: url(../images/taxi/vote_finished_fr.png) no-repeat 0 -103px; */  /*     vote_finished_fr     */
}

.btnVotez_en:hover {
    /* background: url(../images/taxi/vote_finished_en.png) no-repeat 0 -103px; */  /*     vote_finished_en     */
}


.btnVideo_fr {
    float: right;
    width: 100px;
    height: 28px;
    display: block;
    text-indent: -9999px;
    background: url(../images/bt_cdm_interview_fr.jpg) no-repeat 0 0;
	/*margin-top:29px;*/
}

.btnVideo_en {
    float: right;
    width: 105px;
    height: 28px;
    display: block;
    text-indent: -9999px;
    background: url(../images/bt_cdm_interview.jpg) no-repeat 0 0;
	/*margin-top:29px;*/
}

.btnVideo_fr:hover {
    background: url(../images/bt_cdm_interview_fr.jpg) no-repeat 0 0;
}

.btnVideo_en:hover {
    background: url(../images/bt_cdm_interview.jpg) no-repeat 0 0;
}


.btnDetails_fr {
    float: right;
    /*width: 80px;
    height: 28px;*/
    display: block;
    /*text-indent: -9999px;*/
    background: url(../images/bt_cdm_details_fr.jpg) no-repeat 0 0;
	margin-top:0;
	width:73px;
	height:28px;
	margin-right:5px;
	text-indent:9999px;
	*font-size: 0;
	*line-height:0;
}

.btnDetails_en {
    float: right;
    /*width: 80px;
    height: 28px;*/
    display: block;
    /*text-indent: -9999px;*/
    background: url(../images/bt_cdm_details.jpg) no-repeat 0 0;
	margin-top:0;
	width:73px;
	height:28px;
	margin-right:5px;
	text-indent:9999px;
	*font-size: 0;
	*line-height:0;
}


#formVotes {
    margin-left: 15px;
}

.btn-proposition {
    display: inline-block;
    margin-bottom: 20px;
    zoom: 1;
    *display:inline;
}

#shadowbox #slideshow_holder {
    position: relative !important;
    margin: auto !important;
}

.entryimg { border:1px solid #E3E3E3 !important; }
.entryimg:hover { border:1px solid #C3C3C3 !important; }

/* ------ END TAXI ------ */

#materiel_form input[type=text] {
	width:111px;	
}

#materiel_form textarea {
	width:260px;
	height:40px;
}

#materiel_form input, form[name=materiel] textarea { 
	color: #333333;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 11px; 
}

#materiel_form input[type=submit] { 
	margin-top:5px;
 	background: none repeat scroll 0 0 #E20A16;
	border:0;
    color: black;
    padding: 5px 10px;
	font-size:13px;
	color:#fff;
}

#materiel_form input[type=submit]:hover { 
	background: none repeat scroll 0 0 #FF5656;
}

#materiel_form div { float:left; width:150px; margin-top:8px; }

#materiel_form { margin-bottom:20px; margin-top:-10px; display:none; }

#remplissage { height:60px; }