/* SPECIAL STYLSHEET IMPORT, ACTIVATION DEPENDING OF THE PROJECTS */


@import url("/data/skin_galerielist.css");
@import url("/data/captcha.css");
@import url("/data/composant_seoplus.css");
@import url("/data/pagination.css");
@import url("/data/carousel.css");
@import url("/data/select.css");
@import url("/data/contact.css");
@import url("/data/contributionform.css");
@import url("/data/portalloginform.css");
@import url("/data/composant_address.css");

/* @import url("fontface.css"); */
/* @import url("tplhtmlbodytable.css"); */
/* @import url("idxsearch.css"); */
/* @import url("quickinfo.css"); */
/* @import url("oldstyle.css"); */
/* @import url("cooljsmenu.css"); */
/* @import url("systemstyle.css"); */

/* @import url("composant_ecomm.css"); */
/* @import url("composant_calendar.css"); */
/* @import url("composant_classifiedad.css"); */
/* @import url("composant_event.css"); */
/* @import url("composant_forum.css"); */


@font-face {
    font-family: "DINBlack";
    src: url("/data/datafonts/din-black-webfont.eot");
    src: url("/data/datafonts/din-black-webfont.eot?#iefix") format("embedded-opentype"),
        url("/data/datafonts/din-black-webfont.woff") format("woff"),
        url("/data/datafonts/din-black-webfont.ttf") format("truetype"),
        url("/data/datafonts/din-black-webfont.svg#DINBlackRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DINLight";
    src: url("/data/datafonts/din-light-webfont.eot");
    src: url("/data/datafonts/din-light-webfont.eot?#iefix") format("embedded-opentype"),
        url("/data/datafonts/din-light-webfont.woff") format("woff"),
        url("/data/datafonts/din-light-webfont.ttf") format("truetype"),
        url("/data/datafonts/din-light-webfont.svg#DINLightRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DINMedium";
    src: url("/data/datafonts/din-medium-webfont.eot");
    src: url("/data/datafonts/din-medium-webfont.eot?#iefix") format("embedded-opentype"),
        url("/data/datafonts/din-medium-webfont.woff") format("woff"),
        url("/data/datafonts/din-medium-webfont.ttf") format("truetype"),
        url("/data/datafonts/din-medium-webfont.svg#DINMediumRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DINBold";
    src: url("/data/datafonts/din-bold-webfont.eot");
    src: url("/data/datafonts/din-bold-webfont.eot?#iefix") format("embedded-opentype"),
        url("/data/datafonts/din-bold-webfont.woff") format("woff"),
        url("/data/datafonts/din-bold-webfont.ttf") format("truetype"),
        url("/data/datafonts/din-bold-webfont.svg#DINBoldRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DINRegular";
    src: url("/data/datafonts/din-regular-webfont.eot");
    src: url("/data/datafonts/din-regular-webfont.eot?#iefix") format("embedded-opentype"),
        url("/data/datafonts/din-regular-webfont.woff") format("woff"),
        url("/data/datafonts/din-regular-webfont.ttf") format("truetype"),
        url("/data/datafonts/din-regular-webfont.svg#DINRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

BODY {
    background-color: #FFFFFF;
    vertical-align: top;
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #000000;
    text-align: center;
    margin: 0px;
    min-width: 980px;
}

body.mceContentBody {
    text-align: inherit;
    min-width: inherit;

}
body.mceContentBody p {
    margin: inherit;   
    padding: inherit;
}

A, A:link, A:visited {
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #00AFEA;
    text-decoration: none;
}

A:hover {
    color: #000000;
    cursor: pointer;
}

img {
    border: none;
}

.qsMenu {
    display: block;
    text-align: left;

}

H1, H2, H3 {
    border: none;
    margin: 0px;
    padding: 0px;
}

H1 {
    font: normal 32px DINMedium, Arial, Helvetica;
    margin-bottom: 20px;
}

H2 {
    font: normal 20px DINMedium, Arial, Helvetica;
    margin-bottom: 5px;
}

H3 {
    font: normal 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

h3.strSurTitle { 
    font: normal 20px DINMedium, Arial, Helvetica; 
    margin-bottom: 7px; 
    text-transform: uppercase; 
}

HR {
    margin: 0px;
    padding: 0px;
    border-bottom: solid 1px #EEEEEE;
}

P {
    font: normal 14px Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
}

.formFieldsFalse {
    border: solid 1px #AAAAAA;
    background-color: #EEEEEE;
}

.qsMenu-title {
    display: inline;
    font: normal 14px Arial, Helvetica, sans-serif;
}


/* STANDARD CLASSES FOR TPLHTMLBODY DIV */

#MainDivTop {
    float: left;
    width: 100%;
    height: 90px;
    text-align: center;
    background: #000000;
    color: #FFFFFF;
}

#MainDivHeader {
    float: left;
    width: 100%;
    height: 160px;
    text-align: center;
    background: #FFFFFF;
}

.dphnewsticker {
    float: left;
    width: 100%;
    height: 50px;
    text-align: center;
    background: #D8E3E6;
}

.dphnewsticker .qsMenu, #MainDivTop .qsMenu {
    position: absolute;
    padding: 5px;
}

#MainDivCenter {
    float: left;
    width: 100%;
    text-align: center;
    background: #00AFEA;
    color: #FFFFFF;
    padding: 30px 0px 30px 0px;
}

#MainDivBottom {
    float: left;
    width: 100%;
    text-align: center;
    background: #FFFFFF;
    padding: 30px 0px 30px 0px;
}

#MainDivFooter {
    float: left;
    width: 100%;
    height: 75px;
    text-align: center;
    background: #000000;
    color: #FFFFFF;
}

#MainDivCopyright {
    float: left;
    width: 100%;
    height: 85px;
    text-align: center;
    background: #FFFFFF;
}

.centerContent {
    display: inline-block;
    width: 980px;
    margin: 0px auto 0px auto;
    text-align: left;
}

.colLeft {
    float: left;
    width: 530px;
    margin-right: 50px;
    text.align: left;
}

.colRight {
    float: left;
    width: 400px;
    text.align: left;
}

/* STANDARD CLASSES FOR COPYRIGHT */

#copyright {
    color: #000000;
    text-align: left;
    font-size: 10px;
    margin-top: 45px;
}

#copyright A, #copyright A:link, #copyright A:visited {
    font-size: 10px;
    color: #000000;
}

#copyright A:hover {
    color: #00AFEA;
}

#copyright .copyrightRegional {
    margin-left: 20px;
}

#copyright .copyrightRegional .impressum, #copyright .copyrightRegional .impressum:link, #copyright .copyrightRegional .impressum:visited {
    margin-left: 20px;
    color: #00AFEA;
    display: none; /* provisoire, en attente contenu */
}

#copyright .copyrightRegional .impressum:hover {
    color: #000000;
}


/* STANDARD CLASSES FOR ARTICLE CONTENT */

.body-edit {
    text-align: left;
}

.qsArtContent, .qsArtContent TD, .qsArtContent P, .qsArtContentEdit, .qsArtContentEdit TD, .qsArtContentEdit P {
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #000000;
    /* text-align: justify; */
    text-align: left;
}

.qsArtContentEdit A, .qsArtContentEdit A:visited, .qsArtContent A, .qsArtContent A:visited,  {
    color: #00AFEA;    
}

.qsArtContentEdit A:hover, .qsArtContent A:hover {
    color: #000000;    
}

#MainDivCenter .qsArtContent, #MainDivCenter .qsArtContent TD, #MainDivCenter .qsArtContent P, #MainDivCenter .qsArtContentEdit, #MainDivCenter .qsArtContentEdit TD, #MainDivCenter .qsArtContentEdit P {
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}

#MainDivCenter .qsArtContentEdit A, #MainDivCenter .qsArtContentEdit A:visited, #MainDivCenter .qsArtContent A, #MainDivCenter .qsArtContent A:visited,
#MainDivCenter .qsArtContentEdit A .qsPageHeader {
    color: #000000;    
}

#MainDivCenter .memHtmlContent A, #MainDivCenter .memHtmlContent A:link, #MainDivCenter .memHtmlContent A:visited {
    color: #000000;
}

#MainDivCenter .memHtmlContent A:hover {
    color: #D8E3E6;
}

#MainDivCenter .qsArtContentEdit A:hover, #MainDivCenter .qsArtContentEdit A:hover {
    color: #D8E3E6;    
}

.qsArtContentEdit A {
    border: solid 1px black;
}

.qsArtContentEdit {
    background: #FFFFFF;
    text-align: left;
    vertical-align: top;
    border: none;
}

#login-container * {
    font-size: 12px;
    color: #000000;
}

.qsPageHeader {
    margin-bottom: 10px;
}

.qsArtSummary {
    font: normal 14px Arial, Helvetica, sans-serif;
}

.qsArtSummaryMore {
    margin-bottom:10px;
}

/* STANDARD CLASSES FOR LISTS */

.qsArtTitleList, .qsArtTitleList A, .qsArtTitleList A:visited, .qsArtTitleList A:active {
    font: normal 20px DINMedium, Arial, Helvetica;
    color: #000000;
    text-align: left;
    margin-bottom: 5px;
}

.qsArtTitleList A:hover {
    color: #FFFFFF;
}

.SystemListItem, .SystemListItemHover {
}

.SystemListItemContent, .SystemListItemContentHover {
    padding-bottom: 20px;
}
.SystemListItemImage, .SystemListItemImageHover {
    width: 150px;
    padding-top: 5px;
}
.SystemListItemImage img, .SystemListItemImageHover img {
    border: none;
    width: 130px;
}
.SystemListSummary, .SystemListSummaryHover {
    margin-left: 0px;
    margin-bottom: 20px;
}


/* SPECIAL CLASSES FOR NAVIGATIONPATH */

.NavigationPath {
    margin-bottom: 15px;
}

.NavigationLink, a.NavigationLink, a.NavigationLink:visited {
    font-family: DINMedium, Arial, Helvetica;
    font-size: 1.2em;
    color: #FFFFFF;
}

a.NavigationLink:hover {
    color: #000000;
}


/* CUSTOM CLASSES BY PROJECTS */

#dphpub728x90 {
    left:0px;
    top:0px;
    width: 728px;
    height: 90px;
    overflow: hidden;
    text-align: left;
    position:absolute;
}

#dphpub728x90 a img {
    height: 90px;
    width: auto;
    max-width: 728px;
}

#dphpub728x90 .qsMenu 
{
    z-index:20;
}

#dphpub728x90bottom {
    margin-bottom: 30px;
	text-align: center;
}

#dphpub728x90bottom a img {
    max-width: 100%;
    height: auto;
}

#dphjournal {
    float: right;
    width: 260px;
    height: 90px;
    overflow: hidden;
    text-align: left;
}

.topmenu {
    float: left;
    width: 890px;
    height: 65px;
    text-align: left;
}

.socialmenu {
    float: left;
    width: 90px;
    height: 65px;
    text-align: left;
}

.socialmenu a {
    display: block;
    float: left;
    width: 45px;
    height: 65px;
    overflow: hidden;
    background-position: left top;
    background-repeat: no-repeat;
}

.socialmenu .facebook {
    background-image: url("/Data/Dataimages/Upload/logo-facebook-off.gif");
}

.socialmenu .facebook:hover {
    background-image: url("/Data/Dataimages/Upload/logo-facebook-on.gif");
}

.socialmenu .twitter {
    background-image: url("/Data/Dataimages/Upload/logo-twitter-off.gif");
}

.socialmenu .twitter:hover {
    background-image: url("/Data/Dataimages/Upload/logo-twitter-on.gif");
}

.logo {
    float: left;
    width: 350px;
    height: 95px;
    text-align: left;
    overflow: hidden;
}

.hmenu {
    float: left;
    width: 630px;
    height: 52px;
    margin-top: 43px;
    text-align: left;
    overflow: hidden;
}

.skinArticleContent {
    width: 530px;
}

.skinArticleContent h2 {
    width: 530px;
    margin-bottom: 20px;
    line-height: 1em;
}

.skinArticleContent h2 .strSubTitle {
    color: #000000;
}
/*
.skinArticleContent .qsArtContent b {
float: left;
width: 100%;
margin: 5px 0px 0px 0px;
}
*/

p.encadretext{
    margin: 10px 0px 0px 0px;   
}

body.mceContentBody .bodytext,
#MainDivCenter .skinArticleContent .qsArtContent .bodytext {
    /* float: left;
    width: 100%; */
    display: block;
    margin: 5px 0px 0px 0px;
}

body.mceContentBody .intertitre,
body.mceContentBody .questioninterview,
#MainDivCenter .skinArticleContent .qsArtContent .intertitre,
#MainDivCenter .skinArticleContent .qsArtContent .questioninterview {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    font-weight: bold;
    font-size: 14px;
}

body.mceContentBody .signature,
body.mceContentBody .information,
#MainDivCenter .skinArticleContent .qsArtContent .signature,
#MainDivCenter .skinArticleContent .qsArtContent .information {
    display: inline-block;
    margin: 10px 15px 10px 0px;
}

.qsintertitre {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    font-weight: bold;
    font-size: 14px;
}


.qssignature {
    display: inline-block;
    margin: 10px 15px 10px 0px;
}

#MainDivCenter .skinArticleContent .skinArticleHomeImage img {
    width: 510px;
    border: solid 10px #FFFFFF;
    margin-bottom: 20px;
    display: none;
}

.tools {
    float: left;
    width: 400px;
    height: 40px;
    overflow: hidden;
}

.tools a {
    display: block;
    float: left;
    height: 40px;
    overflow: hidden;
    background-position: left top;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.tools .rss {
    width: 27px;
    background-image: url("/Data/Dataimages/Upload/ico-rss-off.png");
}

.tools .rss:hover {
    background-image: url("/Data/Dataimages/Upload/ico-rss-on.png");
}

.tools .mail {
    width: 38px;
    background-image: url("/Data/Dataimages/Upload/ico-mail-off.png");
}

.tools .mail:hover {
    background-image: url("/Data/Dataimages/Upload/ico-mail-on.png");
}

.tools .like {
    float: left;
    width: 30px;
    height: 40px;
    background-position: left top;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-image: url("/Data/Dataimages/Upload/ico-like-off.png");
}

.tools #openShareThis {
    display: block;
    width: 30px;
    height: 40px;
    margin: 0px;
    padding: 0px;
}

.tools #openShareThis span {
    visibility: hidden;
    display: block;
    width: 30px;
    height: 40px;
}

.tools .like:hover {
    background-image: url("/Data/Dataimages/Upload/ico-like-on.png");
}

.tools .print {
    width: 33px;
    background-image: url("/Data/Dataimages/Upload/ico-print-off.png");
}

.tools .print:hover {
    background-image: url("/Data/Dataimages/Upload/ico-print-on.png");
}

.toolsTop {
    position: absolute;
    z-index: 1;
    width: 315px;
    height: 25px;
    overflow: hidden;
    margin: 10px 0px 0px 665px;
}

.toolsTop a {
    display: block;
    float: left;
    height: 25px;
    overflow: hidden;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px;
}

.toolsTop .rss {
    width: 17px;
    background-image: url("/Data/Dataimages/Upload/ico-rss-on.png");
}

.toolsTop .rss:hover {
    background-image: url("/Data/Dataimages/Upload/ico-rss-blue.png");
}

.toolsTop .mail {
    width: 28px;
    background-image: url("/Data/Dataimages/Upload/ico-mail-on.png");
}

.toolsTop .mail:hover {
    background-image: url("/Data/Dataimages/Upload/ico-mail-blue.png");
}

.toolsTop .like {
    float: left;
    width: 20px;
    height: 25px;
    background-position: left top;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-image: url("/Data/Dataimages/Upload/ico-like-on.png");
    background-size: contain;
}

.toolsTop #openShareThis {
    display: block;
    width: 20px;
    height: 25px;
    margin: 0px;
    padding: 0px;
}

.toolsTop #openShareThis span {
    visibility: hidden;
    display: block;
    width: 20px;
    height: 25px;
}

.toolsTop .like:hover {
    background-image: url("/Data/Dataimages/Upload/ico-like-blue.png");
}

.toolsTop .print {
    width: 28px;
    background-image: url("/Data/Dataimages/Upload/ico-print-on.png");
}

.toolsTop .print:hover {
    background-image: url("/Data/Dataimages/Upload/ico-print-blue.png");
}

.toolsTop .search {
    float: right;
    background: #FFFFFF;
    width: 175px;
    height: 25px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    text-align: left;
    background: #EEEEEE;
}

.toolsTop .search input{
    margin: 0px;
    background: #EEEEEE;
    border: solid 1px #EEEEEE;
    color: #000000;
    width: 130px;
    height: 23px;
    line-height: 23px;
    float: left;
    font-family: DINBold, Arial, Helvetica;
    font-size: 1.2em;
    margin-left: 10px;
}

.toolsTop .search .btnSearch{
    display: block;
    float: right;
    width: 25px;
    height: 25px;
    overflow: hidden;
    background-image: url("/Data/Dataimages/Upload/ico-search-off.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px;
    padding: 0px;
    border:0px;
    text-indent: -1000em;
}


/* SPECIAL CLASSES FOR SEARCH */

.search {
    float: right;
    background: #FFFFFF;
    width: 225px;
    height: 40px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    text-align: left;
}

.search input{
    margin: 0px;
    background: #FFFFFF;
    border: solid 1px #FFFFFF;
    color: #000000;
    width: 170px;
    height: 38px;
    line-height: 38px;
    float: left;
    font-family: DINBold, Arial, Helvetica;
    font-size: 1.4em;
    margin-left: 10px;
}
.toolsEvents
{
    float:left;
    margin: 10px 0 0;
    width: 100%;
}
.toolsEvents h2
{
    display: block;
    float: left;
    margin: 0 5px 0 0;
    line-height:38px;
}
.toolsEvents #dayEventSearch
{
    float:left;
    width:40px;
}
.dayEventSelect{
    margin: 0px;
    background: #FFFFFF;
    border: solid 0px #FFFFFF;
    color: #000000;
    width: 0px;
    padding:0px 0px;
    height: 0px;
    line-height: 0px;
    float: left;
    font-family: DINBold, Arial, Helvetica;
    font-size: 1.4em;
    margin-left: 0px;
}
.search .btnSearch{
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background-image: url("/Data/Dataimages/Upload/ico-search-off.png");
    background-position: left top;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border:0px;
    text-indent: -1000em;
}
#dayEventSearch .btnSearchEvent {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background-image: url("/Data/Dataimages/Upload/ico-cal-off.png");
    background-position: left top;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    text-indent: -1000em;
    border:0px;
}
#dayEventSearch .btnSearchEvent{
    background-color:transparent;
}
.search .btnSearch:hover, #dayEventSearch .btnSearchEvent:hover {
    background-image: url("/Data/Dataimages/Upload/ico-search-on.png");
}

#dayEventSearch .btnSearchEvent:hover {
    background-image: url("/Data/Dataimages/Upload/ico-cal-on.png");
    cursor:pointer;
}

.advancedsearchframe .searchFieldFrame {
    float: left;
    margin-right: 10px; 
}

.advancedsearchframe .searchFieldFrame .searchlabel {
    color: #000000;
    line-height: 25px;
}

.advancedsearchframe .searchFieldFrame input {
    height: 27px;
    border: solid 1px #FFFFFF;
    float: left;
    padding-left:5px;
}

.advancedsearchframe .searchFieldFrameRubrique, .advancedsearchframe .searchFieldFrameRegion {
    width: 150px;
}

.advancedsearchframe .searchFieldFrameExtID {
    width: 100px;
}

.advancedsearchframe .searchFieldFrameExtID input {
    width: 90px;
}

.advancedsearchframe .searchFieldFrameAuthor {
    width: 100px;
}

.advancedsearchframe .searchFieldFrameAuthor input {
    width: 90px;
}

.advancedsearchframe .searchFieldFrameDate {
    width: 210px;
}

.advancedsearchframe .searchFieldFrameDate span {
    float: left;
    display: block;
    width: 25px;
    line-height: 29px;
    text-align: center;
}


.advancedsearchframe .searchFieldFrameDate input {
    width: 68px;
    float: left;
}

.advancedsearchframe .searchFieldFrameKeywords {
    width: 160px;
}

.advancedsearchframe .searchFieldFrameKeywords input {
    width: 150px;
}

.advancedsearchframe .btnSearch {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background-image: url("/Data/Dataimages/Upload/ico-search-white-off.png");
    background-position: left top;
    background-repeat: no-repeat;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    text-indent: -1000em;
}

.advancedsearchframe .btnSearch:hover {
    background-image: url("/Data/Dataimages/Upload/ico-search-on.png");
}

#divAdvancedSearch {
    margin-bottom: 25px;
}


.tplDphJournalLink, .tplDphJournalLink:link, .tplDphJournalLink:visited {
    display: block;
    width: 120px;
    height: 70px;
    color: #FFFFFF;
    text-align: right;
    overflow: hidden;
    background-image: url("/Data/Dataimages/Upload/btn-leregional-download-off.png");
    background-position: right top;
    background-repeat: no-repeat;
    padding: 20px 140px 0px 0px;
    font-family: DINBold, Arial, Helvetica;
    font-size: 1.1em;
}

.tplDphJournalLink:hover {
    color: #FFFFFF;
    background-image: url("/Data/Dataimages/Upload/btn-leregional-download-on.png");
}

.tplDphJournalLink span, .tplDphJournalLink:link span, .tplDphJournalLink:visited span {
    color: #00AFEA;
}

.tplDphJournalLink:hover span {
    color: #00AFEA;
}

/* SPECIAL CLASSES FOR TEMPLATE NEWSTICKER */

.newstickerTitle {
    float: left;
    width: 230px;
    height: 50px;
    line-height: 50px;
    padding-left: 40px;
    background-image: url("/Data/Dataimages/Upload/ico-clock.png");
    background-position: left center;
    background-repeat: no-repeat;
    overflow: hidden;
    font-family: DINBold, Arial, Helvetica;
    font-size: 1.2em;
    color: #00AFEA;
    text-transform: uppercase;
}

.tickercontainer {
    float: left;
    width: 700px; 
    height: 50px; 
    margin: 0; 
    padding: 0;
    overflow: hidden; 
}
.tickercontainer .mask {
    position: relative;
    left: 0px;
    top: 0px;
    width: 750px;
    overflow: hidden;
}

ul.newsticker { /* that's your list */
    position: relative;
    left: 750px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    color: #000000;
    font-size: 18px;
    line-height: 50px;
}

ul.newsticker li {
    float: left;
    margin: 0;
    padding: 0;
}

ul.newsticker a, ul.newsticker a:link, ul.newsticker a:visited {
    color: #000000;
    font-size: 18px;
    white-space: nowrap;
    padding-right: 50px;
    line-height: 50px;
}

ul.newsticker a:hover {
    color: #00AFEA;
}

/* SPECIAL CLASSES FOR DPH COMPOSANTS */

.tplDphComposant {
    float: left;
    width: 400px;
}

#dphAgenda {
    float: left;
    margin-top: 0px;
    width: 400px;
}

.tplDphComposant h2 {
    display: block;
    width: 250px;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 1.6em;
}

.tplDphComposant .actions {
    display: block;
    width: 150px;
    margin-top: 10px;
    height: 20px;
    line-height: 20px;
    float: left;
    color: #000000;
    text-align: right;
}

.tplDphComposant .actions a, .tplDphComposant .actions a:link, .tplDphComposant .actions a:visited {
    color: #000000;
}

.tplDphComposant .actions a:hover {
    color: #FFFFFF;
}

.tplDphComposant .tplDphComposantItem {
    display: block;
    float: left;
    width: 380px;
    height: 75px;
    overflow: hidden;
    padding: 10px;
    background-color: #FFFFFF;
    background-image: url("/Data/Dataimages/Upload/ico-more-blue.png");
    background-position: 360px 55px;
    background-repeat: no-repeat;
    color: #000000;
    margin-bottom: 10px;
}

.tplDphComposant .tplDphComposantItem:hover {
    background-image: url("/Data/Dataimages/Upload/ico-more-black.png");
    color: #00AFEA;
}

.tplDphComposant .tplDphComposantItem .category, .tplDphComposant .tplDphComposantItem:link .category, .tplDphComposant .tplDphComposantItem:visited .category, .tplDphComposant .tplDphComposantItem:hover .category, .tplDphComposant .tplDphComposantItem:hover div {
    color: #00AFEA;
}

.tplDphComposant .tplDphComposantItem .imageFrame {
    float: left;
    width: 120px;
    height: 75px;
    overflow: hidden;
    margin-right: 10px;
    text-align: center;
}

.tplDphComposant .tplDphComposantItem .imageFrame img {
    max-width: 120px;
    max-height: 75px;
}
/*
.tplDphAnnonces .tplDphComposantItem .imageFrame {
background-image: url("/Data/Dataimages/Upload/classifiedAd-vignette.png");
background-position: left top;
background-repeat: no-repeat;
}

.tplDphAgenda .tplDphComposantItem .imageFrame {
background-image: url("/Data/Dataimages/Upload/event-vignette.png");
background-position: left top;
background-repeat: no-repeat;
}

.tplDphAdresses .tplDphComposantItem .imageFrame {
background-image: url("/Data/Dataimages/Upload/address-vignette.png");
background-position: left top;
background-repeat: no-repeat;
}
*/
.tplDphComposant .tplDphComposantItem .summaryFrame {
    float: left;
    width: 250px;
}

.homeArticle {
    float: left;
    width: 530px;
}

#dphactuimage {
    float: left;
    width: 400px;
    margin: 35px 0px 30px 0px;
}

.tpldphactuimages {
    float: left;
    width: 400px;
    height: 287px;
    overflow: hidden;
}

.tpldphactuimagesimg {
    float: left;
    width: 400px;
    height: 247px;
    overflow: hidden;
}

.tpldphactuimagesimg img {
    width: 400px;
    margin: auto;
}

.tpldphactuimages h3 {
    display: block;
    position: absolute;
    margin-top: 207px;
    z-index: 1;
    width: 380px;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    padding: 0px 10px 0px 10px;
    font-family: DINBold, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.4em;
}

.tpldphactuimageslegend {
    float: left;
    width: 355px;
    height: 40px;
    line-height: 40px;
    background: #000000;
    padding: 0px 35px 0px 10px;
}

.tpldphactuimagesitem a .tpldphactuimageslegend, .tpldphactuimagesitem a:link .tpldphactuimageslegend, .tpldphactuimagesitem a:visited .tpldphactuimageslegend {
    color: #FFFFFF;
    background-image: url("/Data/Dataimages/Upload/ico-more-white.png");
    background-position: 360px 5px;
    background-repeat: no-repeat;
}

.tpldphactuimagesitem a:hover .tpldphactuimageslegend {
    color: #FFFFFF;
    background-image: url("/Data/Dataimages/Upload/ico-more-blue.png");
}

.tpldphactuimagesitem a .tpldphactuimageslegend .tpldphactuimagestitle, .tpldphactuimagesitem a:link .tpldphactuimageslegend .tpldphactuimagestitle, .tpldphactuimagesitem a:visited .tpldphactuimageslegend .tpldphactuimagestitle, .tpldphactuimagesitem a:hover .tpldphactuimageslegend .tpldphactuimagestitle {
    color: #00AFEA;
}

#dphactuimage .actions {
    display: block;
    width: 150px;
    margin-top: 10px;
    height: 20px;
    line-height: 20px;
    float: right;
    color: #000000;
    text-align: right;
}

#dphactuimage .actions a, #dphactuimage .actions a:link, #dphactuimage .actions a:visited {
    color: #000000;
}

#dphactuimage .actions a:hover {
    color: #FFFFFF;
}

#dphpub400 {
    float: left;
    width: 350px;
    margin: 40px 0px 0px 0px;
    padding: 20px 15px 20px 15px;
    border: solid 10px #FFFFFF;
}

#dphpub400 .tpldphpub400 a, #dphpub400 .tpldphpub400 a:link, #dphpub400 .tpldphpub400 a:visited {
    color: #FFFFFF;
    background-image: url("/Data/Dataimages/Upload/ico-more-white-big.png");
    background-position: 0px 10px;
    background-repeat: no-repeat;
    display: block;
    width: 270px;
    padding: 0px 0px 0px 80px;
    margin: 0px;
    font-family: DINRegular, Arial, Helvetica;
    font-size: 2.8em;
    line-height: 1em;
    min-height: 80px;
}

#dphpub400 .tpldphpub400 a:hover {
    color: #000000;
}

#dph2pub400, #tagpub400 {
    float: left;
    width: 350px;
    margin: 30px 0px 0px 0px;
    padding: 30px 25px 30px 25px;
    background: #00AFEA;
}

#dph2pub400 .tpldphpub400 a, #dph2pub400 .tpldphpub400 a:link, #dph2pub400 .tpldphpub400 a:visited, #tagpub400 .tpldphpub400 a, #tagpub400 .tpldphpub400 a:link, #tagpub400 .tpldphpub400 a:visited {
    color: #FFFFFF;
    background-image: url("/Data/Dataimages/Upload/ico-more-white-big.png");
    background-position: 0px 10px;
    background-repeat: no-repeat;
    display: block;
    width: 270px;
    padding: 0px 0px 0px 80px;
    margin: 0px;
    font-family: DINRegular, Arial, Helvetica;
    font-size: 2.8em;
    line-height: 1em;
    min-height: 80px;
}

#dph2pub400 .tpldphpub400 a:hover, #tagpub400 .tpldphpub400 a:hover {
    color: #000000;
}

#dphEncarts {
    float: left;
    margin: 30px 0px 0px 0px;
}

.tpldphencarts {
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 20px 15px 20px 15px;
    border: solid 10px #FFFFFF;
    /* background: #AE8A51; */
}

.tpldphencarts h2 {
    margin: 0px 0px 10px 0px;
}

.strImagePath {
    float: left;
    margin: 0px 20px 5px 0px;

}

.strImagePath img {
    max-width: 200px;

}

#dphdossierspecial {
    margin:0px;
}

#dphdossierspecial a h2,
#dphgazettehomepage a h2 {
    color: #FFFFFF;
    font-size: 1.5em;
    margin-bottom: 10px;
}

#dphdossierspecial a:hover h2,
#dphgazettehomepage a:hover h2 {
    color: #000000;
}

.tpldphdossierspecial {
    padding: 15px;
    border: solid 10px #FFFFFF;
}

.tpldphdossierspecialitem a, .tpldphdossierspecialitem a:link, .tpldphdossierspecialitem a:visited {
    color: #FFFFFF;
    /*
    background-image: url("/Data/Dataimages/Upload/ico-more-white.png");
    background-position: right bottom;
    background-repeat: no-repeat; */
    display: block;
    padding-bottom: 15px;
}

.tpldphdossierspecialitem a:hover {
    /*
    background-image: url("/Data/Dataimages/Upload/ico-more-black.png"); */
    color: #000000;
}

.tpldphdossierspecialitem h3 {
    color: #000000;
    font-family: DINMedium, Arial, Helvetica;
    font-size: 1.2em;
    margin-bottom: 5px;
}

.tpldphdossierspecialitem img {
	float: right;
    max-width: 30%;
    height: auto;
    margin: 0px 0px 10px 10px;
}

.titleHomeBottom {
    font-size: 2em;
    margin-bottom: 15px;
}

.sommaire {
    float: left;
    width: 530px;

}

.sommaire .qsMenu {
    display: none;
}

.tpldphsommaire {
    float: left;
    width: 250px;
    margin: 0px 0px 25px 0px;
}

.sommaire div {
    float: left;
 	width: 250px;   
}

.sommaire div:nth-child(2n+1) {
    margin-right: 30px;
}

.colLeftRegion {
    float: left;
    width: 250px;
    margin-right: 30px;
}

.colRightRegion {
    float: left;
    width: 250px;
}

.tpldphsommaire h3 {
    background: #00AFEA;
    float: left;
    margin: 0px;
    padding: 0px 15px 0px 15px;
    width: 220px;
}

.tpldphsommaire h3 a {
    color: #FFFFFF;
    line-height: 40px;
    font-family: DINMedium, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.5em;
}

.tpldphsommaire h3 a:hover {
    color: #000000;
}


.tpldphsommaire .tpldphsommairelinks a, .tpldphsommaire .tpldphsommairelinks a:link, .tpldphsommaire .tpldphsommairelinks a:visited {
    display: block;
    float: left;
    width: 225px;
    margin: 0px;
    padding: 4px 0px 4px 25px;
    color: #000000;
    border-bottom: solid 1px #00AFEA;
    background-image: url("/Data/Dataimages/Upload/ico-more-blue-small.png");
    background-position: 0px 3px;
    background-repeat: no-repeat;
}

.tpldphsommaire .tpldphsommairelinks a:hover {
    color: #00AFEA;
}

#dphmaregion .tpldphsommaire {
    width: 530px;
    margin: 0px 0px 0px 0px;
}

#dphmaregion .tpldphsommaire h3 {
    background: #00AFEA;
    float: left;
    margin: 0px;
    padding: 0px 15px 0px 15px;
    width: 500px;
}

#dphmaregion .tpldphsommaire .tpldphsommairelinks a, #dphmaregion .tpldphsommaire .tpldphsommairelinks a:link, #dphmaregion .tpldphsommaire .tpldphsommairelinks a:visited {
    width: 500px;
}


#dphopinion {
    width: 480px;
    float: left;
    margin-top: 30px;
    background: #AE8A51;
    padding: 25px;
    color: #FFFFFF;
}

#dphopinion h2 {
    font-family: DINMedium, Arial, Helvetica;
    font-size: 2.2em;
    margin-bottom: 10px;
}

#dphopinion h3 {
    font-family: DINMedium, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.5em;
    margin-bottom: 10px;
}

#dphopinion .memHtmlContent {
    /* text-align: justify; */
    text-align: left;
}

#dphopinion .strAuthor {
    color: #000000;
    text-align: right;
    margin-top: 10px;
}

.tpldphlespluslus {
    float: left;
    width: 400px;
}

.tpldphlespluslus h3 {
    background: #00AFEA;
    color: #FFFFFF;
    float: left;
    margin: 0px;
    line-height: 40px;
    padding: 0px 15px 0px 15px;
    font-family: DINMedium, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.5em;
    width: 370px;
}

.tplDphLespluslusItem, .tplDphLespluslusItem:link, .tplDphLespluslusItem:visited {
    display: block;
    float: left;
    width: 400px;
    height: 80px;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    border-bottom: solid 1px #00AFEA;
    background-image: url("/Data/Dataimages/Upload/ico-more-blue.png");
    background-position: 370px 55px;
    background-repeat: no-repeat;
}

.tplDphLespluslusItem .strNodeName, .tplDphLespluslusItem:link .strNodeName, .tplDphLespluslusItem:visited .strNodeName {
    color: #000000;
}

.tplDphLespluslusItem:hover {
    background-image: url("/Data/Dataimages/Upload/ico-more-black.png");
    color: #00AFEA;
}

.tplDphLespluslusItem .imageFrame {
    display: block;
    float: left;
    width: 120px;
    height: 80px;
    margin-right: 10px;
    overflow: hidden;
    background-color: #CCCCCC;
    background-image: url("/Data/Dataimages/Upload/noimage.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.tplDphLespluslusItem .imageFrame img {
    width: 120px;
}

.tplDphLespluslusItem .summaryFrame {
    display: block;
    float: left;
    width: 230px;
    height: 80px;
    overflow: hidden;
}

.tpldphvoiraussi {
    float: left;
    width: 400px;
    margin-top: 30px;
}

.tpldphvoiraussi h3 {
    background: #00AFEA;
    color: #FFFFFF;
    float: left;
    margin: 0px;
    line-height: 40px;
    padding: 0px 15px 0px 15px;
    font-family: DINMedium, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.5em;
    width: 370px;
}

.tpldphvoiraussiItem, .tpldphvoiraussiItem:link, .tpldphvoiraussiItem:visited {
    display: block;
    float: left;
    width: 400px;
    padding: 5px 0px 5px 0px;
    margin: 0px;
    border-bottom: solid 1px #00AFEA;
}

.tpldphvoiraussiItem .strNodeName, .tpldphvoiraussiItem:link .strNodeName, .tpldphvoiraussiItem:visited .strNodeName {
    color: #000000;
}

.tpldphvoiraussiItem:hover, .tpldphvoiraussiItem:hover .strNodeName {
    color: #00AFEA;
}

.tpldphvoiraussiItem .dtmSortDate {
    display: none;
    /* selon desir SME, désactiver la date tant que plus de dossier recents ne sont pas entres */
}

#dphScroller {
    float: left;
    width: 530px;
    height: 390px;
    padding-top: 20px;
    border-top: solid 1px #FFFFFF;
    margin-bottom: 30px;
}

#dphScroller .strNodeName {
    display: block;
    width: 250px;
    height: 70px;
    font-family: DINMedium, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.5em;
    line-height: 22px;
    overflow: hidden;
    margin: 0px 0px 5px 0px;
}

#dphScroller .tpldphscrolleritemimage {
    width: 240px;
    height: 155px;
    margin: 0px 0px 5px 0px;
    border: solid 5px #FFFFFF;
    overflow: hidden;
}

#dphScroller .tpldphscrolleritemimage img {
    min-width: 240px;
    min-height: 155px;
}

#dphScroller .memSummary {
    width: 250px;
    height: 96px;
    line-height: 16px;
    overflow: hidden;
    margin: 0px 0px 10px 0px;
    /* text-align: justify; */
    text-align: left;
}

#dphScroller .articleToolsMini {
    width: 250px;
    height: 30px;
    overflow: hidden;
    text-align: right;
}

#dphScroller .articleToolsMini .strRegion {
    border-left: solid 3px #FFFFFF;
    width: 97px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-left: 10px;
    float: left;
    text-align: left;
}

#dphScroller .articleToolsMini .strRegion a {
    font-family: DINRegular, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.1em;
    color: #FFFFFF;
}

#dphScroller .articleToolsMini .strRegion a:hover {
    color: #000000;
}

.strRegion .qsMenu {
    display: none;
}

#dphScroller .articleToolsMini #dphChildsPics {
    display: inline-block;
    width: 40px;
    height: 30px;
    overflow: hidden;
    /* float: left; */
    background-image: url("/Data/Dataimages/Upload/ico-picture-small-off.png");
    background-position: center top;
    background-repeat: no-repeat;
    text-indent: -1000px;
}

#dphScroller .articleToolsMini #dphChildsPics:hover {
    background-image: url("/Data/Dataimages/Upload/ico-picture-small-on.png");
}

#dphScroller .articleToolsMini #dphChildsMovies {
    display: inline-block;
    width: 40px;
    height: 30px;
    overflow: hidden;
    /* float: left; */
    background-image: url("/Data/Dataimages/Upload/ico-movie-small-off.png");
    background-position: center top;
    background-repeat: no-repeat;
    text-indent: -1000px;
}

#dphScroller .articleToolsMini #dphChildsMovies:hover {
    background-image: url("/Data/Dataimages/Upload/ico-movie-small-on.png");
}

#dphScroller .articleToolsMini #dphChildsAudio {
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    /* float: left; */
    background-image: url("/Data/Dataimages/Upload/ico-audio-small-off.png");
    background-position: center top;
    background-repeat: no-repeat;
    text-indent: -1000px;
}

#dphScroller .articleToolsMini #dphChildsAudio:hover {
    background-image: url("/Data/Dataimages/Upload/ico-audio-small-on.png");
}

#dphScroller .articleToolsMini .btnMore {
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    /* float: left; */
    background-image: url("/Data/Dataimages/Upload/ico-more-small-off.png");
    background-position: center top;
    background-repeat: no-repeat;
    text-indent: -1000px;
}

#dphScroller .articleToolsMini .btnMore:hover {
    background-image: url("/Data/Dataimages/Upload/ico-more-small-on.png");
}


.skinArticleImage img {
    float: left;
    border: solid 10px #FFFFFF;
    margin: 0px 20px 10px 0px;
    max-width: 510px;
}

.tpldphune {
    width: 530px;
}

.tpldphune .memHtmlContent {
    /* text-align: justify; */
    text-align: left;
}

.tpldphune .tpldphuneimage img{
    float: left;
    border: solid 10px #FFFFFF;
    margin: 0px 20px 10px 0px;
    max-width: 510px;
}

.tpldphune .articleTools {
    float: left;
    width: 530px;
    height: 40px;
    overflow: hidden;
    margin: 10px 0px 20px 0px;
    text-align: right;
}

.tpldphune .articleTools .strRegion {
    border-left: solid 4px #FFFFFF;
    width: 336px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding-left: 10px;
    float: left;
    text-align: left;
}

.tpldphune .articleTools .strRegion a {
    font-family: DINRegular, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.4em;
    color: #FFFFFF;
}

.tpldphune .articleTools .strRegion a:hover {
    color: #000000;
}

.tpldphune .articleTools #dphChildsPics {
    display: inline-block;
    width: 50px;
    height: 40px;
    overflow: hidden;
    /* float: left; */
    background-image: url("/Data/Dataimages/Upload/ico-picture-off.png");
    background-position: center top;
    background-repeat: no-repeat;
    text-indent: -1000px;
}

.tpldphune .articleTools #dphChildsPics:hover {
    background-image: url("/Data/Dataimages/Upload/ico-picture-on.png");
}

.tpldphune .articleTools #dphChildsMovies {
    display: inline-block;
    width: 50px;
    height: 40px;
    overflow: hidden;
    /* float: left; */
    background-image: url("/Data/Dataimages/Upload/ico-movie-off.png");
    background-position: center top;
    background-repeat: no-repeat;
    text-indent: -1000px;
}

.tpldphune .articleTools #dphChildsMovies:hover {
    background-image: url("/Data/Dataimages/Upload/ico-movie-on.png");
}

.tpldphune .articleTools #dphChildsAudio {
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    /* float: left; */
    background-image: url("/Data/Dataimages/Upload/ico-audio-off.png");
    background-position: center top;
    background-repeat: no-repeat;
    text-indent: -1000px;
}

.tpldphune .articleTools #dphChildsAudio:hover {
    background-image: url("/Data/Dataimages/Upload/ico-audio-on.png");
}

.tpldphune .articleTools .btnMore {
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    /* float: left; */
    background-image: url("/Data/Dataimages/Upload/ico-more-off.png");
    background-position: center top;
    background-repeat: no-repeat;
    text-indent: -1000px;
}

.tpldphune .articleTools .btnMore:hover {
    background-image: url("/Data/Dataimages/Upload/ico-more-on.png");
}

.tpldphchilds {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.tpldphchilds, .tpldphchilds:link, .tpldphchilds:visited {
    color: #000000;
    background-image: url("/Data/Dataimages/Upload/ico-more-blue.png");
    background-position: right bottom;
    background-repeat: no-repeat;
}

.tpldphchilds:hover {
    color: #00AFEA;
    background-image: url("/Data/Dataimages/Upload/ico-more-black.png");
}

.tpldphchilds h2 {
    padding: 5px 0px 5px 0px;
    line-height: 1em;
    margin-bottom: 5px;
}

.tpldphchilds .memSummary {
    padding-right: 50px;
}

.tpldphchilds .tpldphchildsIco {
    float: left;
    width: 32px;
    height: 18px;
    cursor: pointer;
    background-image: url("/Data/Dataimages/Upload/ico-picture-list-on.png");
    background-position: left top;
    background-repeat: no-repeat;
}

.tpldphchilds:hover .tpldphchildsIco {
    background-image: url("/Data/Dataimages/Upload/ico-picture-list-off.png");
}


.tpldphchilds .tpldphchildsIco img {
    display: none;
    position: absolute;
    z-index: 10;
    margin: 20px 0px 0px -5px;
    border: solid 5px #FFFFFF;
    max-height: 180px;
}

.tpldphchilds .memDescription {
    margin-bottom: 5px;
}

.tpldphchildsevents {
    margin-bottom: 25px;
}

.tpldphchildsevents .tplSearchEventsImage {
    float: left;
    width: 138px;
    max-height: 95px;
    margin: 0px 10px 5px 0px;
    overflow: hidden;
    text-align: center;
    border: solid 1px #EEEEEE;
}

.tpldphchildsevents .tplSearchEventsImage img {
    max-width: 138px;
}


#dphChildsArticles, #dphChildsPics, #dphChildsMovies, #dphChildsAudio, #dphSiblingsArticles, #dphChildsPicsWithoutFirst, #dphchildsdocs, #dphChildsDossiers, #dphSiblingsDossiers {
    width: 100%;
    float: left;
    margin-bottom: 35px;
}

#dphChildsArticles h3,
#dphSiblingsArticles h3,
#dphChildsDossiers h3,
#dphSiblingsDossiers h3,
#dphchildsgazettes h3 {
    background: #00AFEA;
    color: #FFFFFF;
    float: left;
    margin: 0px;
    line-height: 40px;
    padding: 0px 15px 0px 15px;
    font-family: DINMedium, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.5em;
    width: 500px;
}

#dphChildsArticles .tpldphchildsarticlesframe {
    border-bottom: solid 1px #00AFEA;
    margin-bottom: 20px;
    float: left;
    width: 530px;
}

#dphchildsdocs .tpldphchildsdocsframe {
    border-bottom: solid 1px #00AFEA;
    margin-bottom: 20px;
    float: left;
    width: 530px;
}

#dphchildsdocs .tpldphchildsdocsframe .tpldphchildsIco {
    background-image: url("/Data/Dataimages/Upload/ico-doc-small-on.png");
}

#dphchildsdocs h3 {
    background: #00AFEA;
    color: #FFFFFF;
    float: left;
    margin: 0px 0px 5px 0px;
    line-height: 40px;
    padding: 0px 15px 0px 15px;
    font-family: DINMedium, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.5em;
    width: 500px;
    background-image: url("/Data/Dataimages/Upload/ico-doc-off.png");
    background-position: 485px center;
    background-repeat: no-repeat;
}

#dphChildsDocsDossiers {
    margin-top: 20px;
}

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

#dphChildsDocsDossiers a, #dphChildsDocsDossiers a:link, #dphChildsDocsDossiers a:visited {
    display: block;
    font-family: DINMedium, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.2em;
    background-color: #000000;
    background-image: url("/Data/Dataimages/Upload/ico-doc-small-off.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    color: #FFFFFF !important;
    padding: 5px 5px 5px 45px;
    margin-bottom: 5px;
}

#dphChildsDocsDossiers a:hover {
    color: #000000 !important;
    background-color: #FFFFFF;
    background-image: url("/Data/Dataimages/Upload/ico-doc-small-on.png");
}

#dphChildsPics h3, #dphChildsPicsWithoutFirst h3 {
    background: #00AFEA;
    color: #FFFFFF;
    float: left;
    margin: 0px;
    line-height: 40px;
    padding: 0px 15px 0px 15px;
    font-family: DINMedium, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.5em;
    width: 500px;
    background-image: url("/Data/Dataimages/Upload/ico-picture-small-off.png");
    background-position: 485px center;
    background-repeat: no-repeat;
}

#dphChildsMovies h3, #dphChildsMovies .qsDPHTitle {
    background: #00AFEA;
    color: #FFFFFF;
    float: left;
    margin: 0px 0px 5px 0px;
    line-height: 40px;
    padding: 0px 15px 0px 15px;
    font-family: DINMedium, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.5em;
    width: 500px;
    background-image: url("/Data/Dataimages/Upload/ico-movie-small-off.png");
    background-position: 485px center;
    background-repeat: no-repeat;
}

#dphChildsMovies .video-content {
    float: left;
    width: 530px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

#dphChildsAudio h3, #dphChildsAudio .qsDPHTitle {
    background: #00AFEA;
    color: #FFFFFF;
    float: left;
    margin: 0px 0px 5px 0px;
    line-height: 40px;
    padding: 0px 15px 0px 15px;
    font-family: DINMedium, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.5em;
    width: 500px;
    background-image: url("/Data/Dataimages/Upload/ico-audio-small-off.png");
    background-position: 485px center;
    background-repeat: no-repeat;
}

#dphChildsAudio .sound-content {
    width: 530px;
    float: left;
    margin: 0px 0px 5px 0px;
}


.parution {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.parution .label {
    padding-right: 5px;
}

.parution .dtmSortDate {
    float: left;
    padding-right: 20px
}

.parution .strExtId {
    float: left;
}

.skinArticleContent .parution {
    margin-top: 15px;
    padding-top: 5px;
    border-top: solid 1px #FFFFFF;
}

#dphactuimageslast .qsDPHTitle {
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    font-family: DINBold, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.4em;
}

#dphChildsAddresses {
    margin-top: 30px;
}

.tpldphchildsaddresses {
    float: left;
    width: 530px;
    margin: 0px 0px 30px 0px;
}

.tpldphchildsaddresses .imageFrame {
    float: left;
    margin-right: 20px;
    width: 100px;
}

.tpldphchildsaddresses .imageFrame img {
    border: solid 5px #FFFFFF;
}

.tpldphchildsaddresses .summaryFrame {
    float: left;
    width: 400px;
}

.tpldphchildsaddresses .summaryFrame div {
    float: left;
    width: 400px;
}

.tpldphchildsaddresses .summaryFrame .strName {
    font-family: DINBold, Arial, Helvetica;
    font-weight: normal;
    font-size: 1.4em;
    margin: 10px 0px 10px 0px;
    border-bottom: solid 1px #FFFFFF;
    width: 400px;
}


.articleTools .visible0, .articleToolsMini .visible0 {
    display: none !important;
}



.EventDetail .dtmDate {
    color: #000000;
}

.EventDetail .EventDetailImage {
    float: left;
    border: solid 3px #FFFFFF;
    margin: 0px 20px 10px 0px;
    padding: 0px;
    background: #FFFFFF;
}

.EventDetail .EventDetailImage img {
    border: none;
    padding: 0px;
    margin: 0px;
}

.EventDetail h2 {
    margin-bottom: 20px;
}

.EventDetail .lngArticleNodeFK {
    margin-top: 20px;
    float: left;
}

.AddressDetail {
    float: left;
    width: 530px;
}

.AddressDetailLogo {
    float: right;
    margin: 0px 0px 20px 20px;
    padding: 0px;
    /*
    border: solid 3px #FFFFFF;
    background: #FFFFFF;
    */
}

.AddressDetailLogo img {
    width: 180px;
    border: none;
    padding: 0px;
    margin: 0px;
}

.AddressDetail .AddressDetailImage {
    float: left;
    border: solid 3px #FFFFFF;
    margin: 0px 20px 20px 0px;
    padding: 0px;
    background: #FFFFFF;
}

.AddressDetail .AddressDetailImage img {
    border: none;
    padding: 0px;
    margin: 0px;
}

.AddressDetail h2 {
    margin-bottom: 20px;
}

.AddressDetail .lngArticleNodeFK {
    margin-top: 20px;
    float: left;
    width: 530px;
}

#qsMap {
    width: 530px;
    height: 350px;
}

.infoList {
    float: left;
    width: 100%;
    border-top: solid 1px #FFFFFF;
}

.infoList div {
    border-bottom: solid 1px #FFFFFF;
    float: left;
}

.infoList div .label {
    display: block;
    width: 150px;
    float: left;
    padding: 5px 0px 5px 0px;
    font-weight: bold;
    border: none;
}

.infoList div .value {
    display: block;
    width: 380px;
    float: left;
    padding: 5px 0px 5px 0px;
    border: none;
}

.infoListImage {
    float: left;
}

.infoListImage div {
    float: left;
}

.infoListImage div .label {
    display: block;
    width: 150px;
    float: left;
    padding: 2px 0px 2px 0px;
    font-weight: bold;
    border: none;
}

.infoListImage div .value {
    display: block;
    width: 380px;
    float: left;
    padding: 2px 0px 2px 0px;
    border: none;
    overflow: hidden;
}

.infoListImage .strUrl a {
    display: block;
    float: left;
}

.tabl2Cols {
    width: 100%;
}

.tabl2Cols td {
    vertical-align: top;
}

.tabl2Cols .tabl2Cols1 {
    width: 240px;
}

.articleImage {
    float: left;
    margin: 0px 30px 5px 0px;
}

.articleImage img {
    border: solid 5px #FFFFFF;
}

.selectRegion {
    display: none;
    position: absolute;
    z-index: 100;
    width: 150px;
    left: 50%;
    top: 235px;
    margin-left: -50px;
    overflow: hidden;
    box-shadow: 0px 0px 3px #999999;
    -moz-box-shadow: 0px 0px 3px #999999;
    -webkit-box-shadow: 0px 0px 3px #999999;
}

.selectRegion a, .selectRegion a:link, .selectRegion a:visited  {
    display: block;
    float: left;
    width: 150px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    background-color: #000000;
    color: #00AFEA;
    padding: 0px 20px 0px 30px;
    text-align: left;
    background-image: url("/Data/Dataimages/Upload/ico-more-blue-small.png");
    background-position: 7px 7px;
    background-repeat: no-repeat;
}

.selectRegion a:hover {
    background-color: #FFFFFF;
}

.SkinArticleImageDuJourContent {
    margin-bottom: 20px;
}

.tplClassifiedAdMessageImage, .tplClassifiedAdMessageImage:link, .tplClassifiedAdMessageImage:visited {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 15px;
    color: #000000;
    background-image: url("/Data/Dataimages/Upload/ico-more-blue.png");
    background-position: right bottom;
    background-repeat: no-repeat;
}

.tplClassifiedAdMessageImage:hover {
    color: #00AFEA;
    background-image: url("/Data/Dataimages/Upload/ico-more-black.png");
}

.tplClassifiedAdMessageImage h2 {
    margin-bottom: 5px;
}

.tplClassifiedAdMessageImage .memContent {
    padding-right: 50px;
    margin-bottom: 5px;
}

.tplClassifiedAdMessageImage .strCity {
    color: #00AFEA;
    font-family: "DINMedium";
    font-size: 1.2em;
    padding-right: 5px;
}

.tplClassifiedAdMessageImage .strInformation {
    padding-right: 50px;
    font-weight: bold;
}

.tplClassifiedAdMessageDetail .parution {
    padding: 0px;
}

.tplClassifiedAdMessageDetail .parution div {
    float: left;
    width: 100%;
    padding: 3px 0px 3px 0px;
    border-bottom: solid 1px #FFFFFF;
}

.tplClassifiedAdMessageDetail .parution .label {
    display: block;
    float: left;
    width: 150px;
    font-weight: bold;
}

.tplClassifiedAdMessageDetail .parution .value {
    display: block;
    float: left;
    width: 375px;
}

.tplECCheckoutPaymentConfirmation {
    width: 530px;
}

.tplECCheckoutPaymentConfirmation .strPaymentSummary {
    padding: 15px;
    margin: 20px 0px 20px 0px;
    border: solid 10px #FFFFFF;
}

.tplECCheckoutPaymentConfirmation .strPaymentSummary #ECPaymentType .col1 {
    padding: 3px 15px 3px 0px;
    font-weight: bold;
}

.tplECCheckoutPaymentConfirmation .btnPrint {
    display: block;
    background-color: #00AFEA;
    border: solid 1px #00AFEA;
    color: #000000;
    padding: 5px 5px 5px 40px;
    font: normal 20px DINMedium, Arial, Helvetica;
    font-size: 1.2em;
    cursor: pointer;
    background-image: url("/Data/Dataimages/Upload/ico-more-white.png");
    background-position: 3px center;
    background-repeat: no-repeat;
}

.archivesArtFrame .contenttable {
    width: 100%;
    margin-bottom: 20px;
    border-collapse:collapse;
    border: solid 1px #AAAAAA;
}

.archivesArtFrame .contenttable th {
    vertical-align: top;
    text-align: center;
    background: #AAAAAA;
    color: #FFFFFF;
    line-height: 30px;
}

.archivesArtFrame .contenttable td {
    vertical-align: top;
    text-align: center;
    line-height: 20px;
    width: 16%;
}

.archivesArtFrame .contenttable td p,
.archivesArtFrame .contenttable th p {
    text-align: center;
}

.SystemPageSession {
    text-align: left;
}

.SystemPageSession li {
    width: 30%;
    float: left;
}

@media print {

    body {
        color: #000000 !important;
    }

    body #MainDivCenter, body #MainDivCenter * {
        color: #000000 !important;
        background: none !important;
    }

    .topmenu, #MainDivTop, #MainDivFooter, .socialmenu, .hmenu, .dphnewsticker, .tools {
        display: none;
    }

}

.SystemTable {
    /* display: block; */
    width: 100%;
    float: left;
}

#dphChildsAudio ul, #dphChildsMovies ul {
    display: block;
    float: left;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

#dphChildsAudio li, #dphChildsMovies li {
    display: block;
    float: left;
    list-style-type: none;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.video-infos {
    display: block;
    float: left;
}

.video-summary {
    margin: 10px 0px 0px 0px;
}

.video-author, .video-lenght, .sound-author, .sound-length {
    float: left;
    margin: 10px 10px 10px 0px;

}

#dphChildsAudio label, #dphChildsMovies label {
    margin-right: 5px;
}

.sound-subtitle, .video-subtitle {
    font-weight: bold;
    margin-bottom: 5px;
}

#btnGaleries, .btnGaleries {
    display: block; 
    width: 355px;
    float: left;
    color: #FFFFFF;
    background-color: #000000;
    padding: 5px 40px 5px 5px;
    font: normal 20px DINMedium, Arial, Helvetica;
    font-size: 1.2em;
    background-image: url("/Data/Dataimages/Upload/ico-more-white.png");
    background-position: 365px center;
    background-repeat: no-repeat;
    margin-top: 15px;
}

#btnGaleries:hover, .btnGaleries:hover {
    background-image: url("/Data/Dataimages/Upload/ico-more-blue.png");
}

.whiteLink .qsPageHeader, .whiteLink:link .qsPageHeader, .whiteLink:visited .qsPageHeader, .whiteLink h3, .whiteLink:link h3, .whiteLink:visited h3 {
    color: #FFFFFF;
}

.whiteLink:hover .qsPageHeader, .whiteLink:hover h3 {
    color: #000000;
}

.linkh2 {
    /* display: block;*/
    width: 250px;
    /* height: 30px;*/
    /*  line-height: 30px;*/
    /*  float: left;*/
    color:#FFFFFF !important;
    font-size: 20px !important;      
}

.reclamation {
    display: inline-block;
    padding: 30px 0px 30px 0px;
    text-align: center;
}

.toolsNew {
    display: table;
    width: 400px;
    margin-bottom: 40px;
}

.toolsNew .btnAgendaBox {
    float: left;
    width: 185px;
    margin-right: 10px;
}

.toolsNew .btnAnnoncesBox {
    float: left;
    width: 205px;
}

.toolsNew a.btnAll , .toolsNew a.btnAll:link, .toolsNew a.btnAll:visited {
    display: block;
    font: normal 24px DINBold, Arial, Helvetica;
    height: 49px;
    line-height: 50px;
    background-color: #FFFFFF;
    background-position: right center;
    background-repeat: no-repeat;
    padding-left: 10px;
    border-bottom: solid 1px #FFFFFF;
}

.toolsNew.negative a.btnAll, .toolsNew.negative a.btnAll:link, .toolsNew.negative a.btnAll:visited {
    color: #FFFFFF !important;
    background-color: #00AFEA;
    border-bottom: solid 1px #00AFEA;
}

.toolsNew a.btnAll:hover {
    color: #FFFFFF !important;
    background-color: #000000;
}

.toolsNew.negative a.btnAll:hover {
    color: #FFFFFF !important;
    background-color: #000000;
    border-bottom: solid 1px #FFFFFF;
}

.toolsNew .btnAgendaBox a.btnAll {
    background-image: url("/Data/Dataimages/Upload/ico-agenda-off.png");
}

.toolsNew.negative .btnAgendaBox a.btnAll {
    background-image: url("/Data/Dataimages/Upload/ico-agenda-on.png");
}

.toolsNew .btnAgendaBox a.btnAll:hover {
    background-image: url("/Data/Dataimages/Upload/ico-agenda-on.png");
}

/*
.toolsNew .btnAnnoncesBox a.btnAll {
    
     background-image: url("/Data/Dataimages/Upload/ico-annonces-off.png");

}
*/

.toolsNew .btnAnnoncesBox a.btnAll:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    margin-left: 125px;
    margin-top: -20px;
    width: 65px;
    height: 65px;
    background-image: url(/Data/Dataimages/Upload/ico-new.svg);
    background-position: center center;
    background-size: contain;
}

.toolsNew.negative .btnAnnoncesBox a.btnAll {
    background-image: url("/Data/Dataimages/Upload/ico-annonces-on.png"); 
}

.negative .btnAnnoncesBox a.btnAll:hover {
    background-image: url("/Data/Dataimages/Upload/ico-annonces-on.png");

}

.toolsNew a.btnAdd , .toolsNew a.btnAdd:link, .toolsNew a.btnAdd:visited {
    display: block;
    font: normal 18px DINBold, Arial, Helvetica;
    height: 49px;
    color: #FFFFFF !important;
    background-color: #000000;
    background-image: url("/Data/Dataimages/Upload/ico-more-blue.png");
    background-position: 94% center;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    padding-left: 10px;
    border-top: solid 1px #000000;
}

.toolsNew a.btnAdd:hover {
    color: #000000 !important;
    background-image: url("/Data/Dataimages/Upload/ico-more-black.png");
    background-color: #FFFFFF;
}

.toolsNew.negative a.btnAdd:hover {
    color: #FFFFFF !important;
    background-image: url("/Data/Dataimages/Upload/ico-more-white.png");
    background-color: #00AFEA;
    border-top: solid 1px #FFFFFF;
}

.toolsNew a small {
    display: block;
    font: normal 14px DINBold, Arial, Helvetica;
    margin: 5px 0px -2px 0px;
}

/*

.toolsNew {
width: 400px;
height: 40px;
margin-bottom: 10px;
overflow: hidden;
}

.toolsNew a, .toolsNew a:link, .toolsNew a:visited {
display: block;
float: left;
font: normal 20px DINMedium, Arial, Helvetica;
height: 40px;
line-height: 40px;
text-indent: 40px;
background-color: #FFFFFF;
background-position: left center;
background-repeat: no-repeat;
}

.toolsNew a:hover {
color: #FFFFFF;
background-color: #000000;
}

.toolsNew .btnAgenda {
width: 185px;
background-image: url("/Data/Dataimages/Upload/ico-agenda-off.png");
margin-right: 10px;
}

.toolsNew .btnAgenda:hover {
background-image: url("/Data/Dataimages/Upload/ico-agenda-on.png");
}

.toolsNew .btnAnnonces {
width: 205px;
background-image: url("/Data/Dataimages/Upload/ico-annonces-off.png");

}

.toolsNew .btnAnnonces:hover {
background-image: url("/Data/Dataimages/Upload/ico-annonces-on.png");

}

*/

.tplPictureDetail .colRight .btnGaleries {
    color: #FFFFFF !important;
}

.tplPictureDetail .qsArtSummary {
    margin: 50px 0px 10px 0px;
    padding: 10px;
    background: #FFFFFF;
    color: #00AFEA;
}

a.linkMore, a.linkMore:link, a.linkMore:active, a.linkMore:visited {
    display: block;
    float: left;
    background-color: #000000;
    border: solid 5px #000000;
    color: #FFFFFF !important;
    font: normal 20px DINMedium, Arial, Helvetica;
    font-size: 1.2em;
    text-align: left;
    padding: 5px 50px 5px 5px;
    margin: 20px 5px 0px 0px;
    cursor: pointer;
    background-image: url("/Data/Dataimages/Upload/ico-more-white.png");
    background-position: right center;
    background-repeat: no-repeat;
}

a.linkMore:hover {
    background-color: #FFFFFF;
    border: solid 5px #FFFFFF;
    color: #00AFEA !important;
    background-image: url("/Data/Dataimages/Upload/ico-more-blue.png");
}


#dphBanner400x300,
#dphgazettehomepage {
    margin-bottom: 30px;
}

.tpldphdossierspecialitem {
 	overflow: hidden;   
}