body {margin: 0; padding: 0;}
body {font-family: Arial, helvetica, Sans-Serif; font-size: 0.80em; line-height: 1.6;overflow: auto; height: 200%; background:#33bdf1 url(/img/layout/background.png) top center;}

body #backgroundContainer {width: 100%; position: absolute; top: 0px; right: 50%; bottom: 0px; left: 0px; background:#33bdf1 url(/img/layout/header-background-left.png) repeat-x top; z-index: -1000; height: 100%;}
body #backgroundContainer2 {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 50%; background:#00adee url(/img/layout/header-background-right.png) repeat-x top; z-index: -500;}

#container {width: 984px; margin: 0 auto; position:absolute;left: -492px; overflow: auto;}

/* En-tête */
#header {position: relative; height: 262px; background: url(/img/layout/header-background.png) no-repeat left top; z-index: 1;}
#header #logo a {width: 315px; height: 262px; float: left; position: relative; background: url(/img/logo.png) no-repeat 6px 34px;}
#header #logo img {display:none;}

#mainMenu {position: absolute; top: 17px; left: 315px; font-size: 1.2em; height: 45px; width: 496px;}
#mainMenu ul {list-style-type: none; margin-left: 51px; margin-right: 44px;}
#mainMenu ul li {background: url(/img/layout/main-menu-separator.png) repeat-x bottom left; display: block;}
#mainMenu a {color: #305b7e; text-decoration: none; text-transform:uppercase; font-family: Myriad Pro; font-weight: bold; height: 45px; line-height: 45px; display: block; margin-left: -35px; padding-left: 35px; background: url(/img/layout/main-menu.png) no-repeat left top; font-size: 0; text-indent: -9999px;}
#mainMenu a:active, #header #mainMenu a:hover {color: #fff;}
#mainMenu ul li.selected a {color: #00adee;}

#mainMenu #mmAccueil a {}
#mainMenu #mmAPropos a {background-position: 0 -132px;}
#mainMenu #mmProjets a {background-position: 0 -264px;}
#mainMenu #mmCommunautes a {background-position: 0 -396px;}
#mainMenu #mmSoutien a {background-position: 0 -528px;}

#mainMenu #mmAccueil a:active, #mainMenu #mmAccueil a:hover {background-position: 0 -88px;}
#mainMenu #mmAPropos a:active, #mainMenu #mmAPropos a:hover {background-position: 0 -220px;}
#mainMenu #mmProjets a:active, #mainMenu #mmProjets a:hover {background-position: 0 -352px;}
#mainMenu #mmCommunautes a:active, #mainMenu #mmCommunautes a:hover {background-position: 0 -484px;}
#mainMenu #mmSoutien a:active, #mainMenu #mmSoutien a:hover {background-position: 0 -616px;}

#mainMenu #mmAccueil.selected a {background-position: 0 -44px;}
#mainMenu #mmAPropos.selected a {background-position: 0 -176px;}
#mainMenu #mmProjets.selected a {background-position: 0 -308px;}
#mainMenu #mmCommunautes.selected a {background-position: 0 -440px;}
#mainMenu #mmSoutien.selected a {background-position: 0 -572px;}


#header #secondaryMenu {position: absolute; top: 0; right: 0; width: 175px; height: 262px; background: url(/media/134/pomme.png) no-repeat center bottom;}
#header #secondaryMenu ul {list-style-type: none; text-align: right; margin-top: 27px;}
#header #secondaryMenu a {color: #305b7e; text-decoration: none; font-size: 1.1em; line-height: 20px;}
#header #secondaryMenu a:active, #header #secondaryMenu a:hover {text-decoration: underline;}

/* Zone principale */
#main {position: relative; background: url(/img/layout/content-background.png) left top; overflow: auto; z-index: 2;}

#main #side {background: url(/img/layout/column-top.png) no-repeat top left; width: 315px; height: 633px; z-index: 3; float: left; overflow: visible;}
#main #sectionMenu ul {list-style-type: none; margin: 35px 0px 0 24px;}
#main #sectionMenu ul li {background: url(/img/layout/section-menu-separator.png) repeat-x bottom left; display: block; margin: 0; padding: 0;}
#main #sectionMenu a {color: #fff; text-decoration: none; font-weight: bold; font-size: 1.1em; display: block; padding: 0.5em 0.5em 0.6em 0;}
#main #sectionMenu a:active, #main #sectionMenu a:hover {color: #00adee;}
#main #sectionMenu ul li.selected {border-right: 5px solid #00adee; margin-right: -5px;}
#main #sectionMenu ul li.selected a {background: url(/img/layout/section-menu-select.png) no-repeat left 0.85em; margin-left: -17px; padding-left: 17px; color: #00adee;}

#main #content {width: 668px; float: right; background-color: #fff; color: #305b7e; z-index: 2;}
#main #content #contentContainer {margin: 0 0 41px 50px;}
#content h1, #content h2, #content h3 {color: #00adee;}
#content h1 {text-transform: none; font-weight: normal; font-size: 2.3em; line-height: 1.15em; padding-top: 1.2em; margin: 0 0 0.5em 0;}
#content h2 {font-weight: normal; font-size: 1.6em; margin: 1em 0 0.3em 0; line-height:1.2;}
#content h3 {font-weight: bold; font-size: 1.1em; margin: 1.5em 0 0 0;}
#content h4 {font-weight: bold; font-size: 1em; margin: 0.5em 0 0 0;}
#main #content a {color: #00adee;}
#main #content a:active, #main #content a:hover {color: #305b7e;}
#content h1, #content h2, #content h3, #content p, #content div, #content ul, #content ol,  #content table {margin-right: 51px;}

#content .imageDecorativeRight {float: right; margin: 0 0 1em 2em;}
#content .imageDecorativeLeft {position: absolute; top: 0; left: 0;}

#content table, #content td, #content th {padding: 0.5em; border: 1px solid #305b7e; vertical-align: top; border-collapse: collapse;}
#content th {background-color: #305b7e; color: #fff; border-right: 1px solid #fff;}
#content th:last-child {border-right: 0;}

/* Pied de page */
#footer {width: 100%; background: url(/img/layout/page-marker.png) repeat-x bottom; clear: both; position: relative; height: 8px; z-index: 6;}
#footer #technicalMenu {position: absolute; left: 21px; bottom: 22px;}
#footer #technicalMenu ul {list-style-type: none; margin-bottom: 0;}
#footer #technicalMenu a {color: #fff; text-decoration: none; font-size: 0.90em; line-height: 20px;}
#footer #technicalMenu a:active, #footer #technicalMenu a:hover {text-decoration: underline;}

/* Général */
ul, ol, p {margin: 0 0 1.5em 0; padding: 0;}
#content ul, #content ol {margin-left: 2.1em; margin-top: -1.2em;}
#content ul ul, #content ol ol, #content ul ol, #content ol ul {margin-bottom: 0; margin-top: 0;}
li {margin: 0; padding: 0;}
a img {border: 0;}
.boutonCommunique {background: url(/img/layout/boutonCommunique.png) no-repeat left top; width: 112px; height: 34px; display: block; text-indent: -9999px; font-size: 0px;}
.boutonCommunique:active, .boutonCommunique:hover {background-position: 0 -34px;}
.legende {font-size: 0.85em;}
#main .noTop {margin-top:0em;}
#main .spaced {margin-top:0.5em; margin-bottom:0.9em;}
#main .noBottom {margin-bottom:0.2em;}

/* --- Pages spécifiques --- */
/* Accueil */
.PageAccueil #header h1 {margin: 0;}
.PageAccueil #header #secondaryMenu {background-image: url(/img/layout/home.png);}
.PageAccueil #main {overflow: visible;}
.PageAccueil #main #side {height: 315px;}
.PageAccueil #main #side img {position: relative; top: -28px; z-index: 4;}
.PageAccueil #main #content {background-color: #305b7e; color: #fff; height: 315px; width: 669px;}
.PageAccueil #main #content #contentContainer {margin-bottom: 0;}
.PageAccueil #content h2 {color: #fff; font-weight: normal; font-size: 2em; line-height: 1.15em; margin: 1.7em 0 0.3em 0;}
.PageAccueil #content h3,.PageAccueil  #content p, .PageAccueil #content div, .PageAccueil #content ul, .PageAccueil #content ol {margin-right: 0;}
.PageAccueil #main #content a {color: #fff;}
.PageAccueil #main #content a:active, .PageAccueil #main #content a:hover {color: #00adee;}

.PageAccueil #row2 {position: relative; height: 256px; clear: both; width: 984px; background: url(/img/layout/accueil-row2-background.png); overflow: auto;}
.PageAccueil #row2 .side {width: 315px; height: 256px; float: left; background: url(/img/layout/column-accueil.png) no-repeat left top;}
.PageAccueil #row2 .side {text-align: center;}
.PageAccueil #row2 .side #boutonVideo {width: 85px; height: 85px; display: block; background: url(/img/layout/boutonVideo.png); margin: 58px auto 18px auto; font-size: 0px; text-indent: -9999px;}
.PageAccueil #row2 .side #boutonVideo:active, .PageAccueil #row2 .side #boutonVideo:hover {background-position: 0 -85px;}
.PageAccueil #row2 .side a {font-weight: bold; color: #fff; text-decoration: none;}
.PageAccueil #row2 .side a:active, .PageAccueil #row2 .side a:hover {text-decoration: underline;}
.PageAccueil #row2 #news {width: 496px; float: left; background: url(/img/layout/commentaire.png) no-repeat 414px top; color: #305b7e;}
.PageAccueil #row2 #news #newsContainer {margin: 35px 50px 20px 50px;}
.PageAccueil #row2 #news h3 {margin: 0; font-size: 1.1em; width: 360px; font-weight: normal;}
.PageAccueil #row2 #news #pressReleaseDate {font-weight: bold; font-size: 0.85em; color:#2bb7f5;}
.PageAccueil #row2 #news p {margin-bottom: 1em; font-size: 1.1em; font-weight: bold;}
.PageAccueil #row2 #news .linkNews {color:#305b7e; margin-left:50px; text-decoration: underline;}

.PageAccueil #footer {width: 100%; background: transparent; clear: both; position: relative; z-index: 6; height: auto; border-top: 8px solid #305b7e;}
.PageAccueil #footer #technicalMenu {position: static; left: 0; bottom: 0;}
.PageAccueil #footer #technicalMenu ul {padding: 5px 5px 5px 0px;}
.PageAccueil #footer #technicalMenu li {display:inline; padding-left: 10px;margin-left: 10px; border-left:1px dotted #fff;}
.PageAccueil #footer #technicalMenu li:first-child {border-left: none;}
.PageAccueil #footer #technicalMenu li {line-height: 0.7;}


/*#footer #technicalMenu ul {list-style-type: none; margin-bottom: 0;}
#footer #technicalMenu a {color: #fff; text-decoration: none; font-size: 0.90em; line-height: 20px;}
#footer #technicalMenu a:active, #footer #technicalMenu a:hover {text-decoration: underline;}*/

 


/* Demande de soutien */
#boutonDemande {display: block; width: 129px; height: 134px; background: url(/img/layout/DemandeDeSoutien.png) no-repeat; font-size: 0px; text-indent: -9999px;}
#main #side #boutonDemande {margin: 0; padding: 0;}
#boutonDemande:hover, #boutonDemande:active {background-position: 0 -135px;}
#boutonDemande {position: absolute; top: 373px; left: 93px;}
.PageAccueil #boutonDemande {position: absolute; left: auto; right: 21px; top: 57px;}

/* Communiqués de presse */
#overtitle {margin-top: 41px; font-style: italic; font-weight: bold;}
.communique #main #content h1 {padding-top: 0;}

.communiqueItem {margin: 0.5em 0 1.7em 0;}

/* Demande de soutien */
#soutienNav {overflow: auto; margin-bottom: 1.6em; padding: 0;}
#soutienNav div {float: left; display: block; width: 281px; height:138px; background: url(/img/layout/soutien/boutonCommunaute.png) no-repeat top left; margin: 0;}
#soutienNav #boutonCommunaute {margin-right: 5px;}
#soutienNav #boutonCommunaute.pale {background-image: url(/img/layout/soutien/boutonCommunaute-pale.png);}
#soutienNav #boutonTransfert {background-image: url(/img/layout/soutien/boutonTransfert.png);}
#soutienNav #boutonTransfert.pale {background-image: url(/img/layout/soutien/boutonTransfert-pale.png);}
#soutienNav div h3 {display: none;}
#soutienNav ul {margin: 87px 0 0 0; padding: 0; list-style: none;}
#soutienNav ul li {margin: 0; padding: 0 0 0 28px; background: url(/img/layout/soutien/listItem.png) no-repeat 13px center;}
#content #soutienNav a {font-weight: bold; text-decoration: none; font-size: 1.1em; color: #305b7e;}
#content #soutienNav div.pale a, #content #soutienNav a.pale {color: #84a6bd;}
#main #content #soutienNav a:active, #main #content #soutienNav a:hover {text-decoration: underline; color: #305b7e;}

/* Plan du site */
.PlanDuSite #main #content h1 {margin-bottom: 1em;}

/* Pour nous joindre */
.PourNousJoindre #map p, .PourNousJoindre #map div, .PourNousJoindre #map ul {margin-right: 0;}
.PourNousJoindre #map span, .PourNousJoindre #map a {font-size: 9px;}

/* Gallerie de photos */
.gallery {overflow: auto;}
.gallery a {float: left; width: 167px; text-align: center; margin: 0 15px 15px 0;}






























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */