@import url("/data/carousel.css");
@import url("/data/ccpublic.css");

/* ABR 20.05.19, force la taille de l'iframe suite au passage sur Vimeo, problème largeur hardcodée (changée par client) */

.tplmoviedetailembed iframe {
     width: 100% !important;
     height: 500px !important;
}

#articleTheme {
         display: none;
}

A, A:link, A:visited {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #02368e;
	text-decoration: none;
}

A:hover {
	color: #285bb0;
	cursor: pointer;
	text-decoration: none;
}

BODY {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #517ac0;
	background-image: url("/Data/Dataimages/Upload/bgBody11.gif");
	background-position: left top;
	background-repeat: repeat-x;
         background-color: #285bb0;
         vertical-align: top;
         text-align: center;
         margin: 0px;
}

.qsArtContentEdit {
         background: #FFFFFF;
}

BODY, DIV, TABLE, TR, TD, SPAN, P, LI, UL {
         -moz-box-sizing: border-box;
	-webkit-box-sizing:border-box;
}

IFRAME {
        border: none;
}

.cciframe {
        border: none;
        overflow: hidden;
        width: 100%;
        height: 450px;
}

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

H1 {
         font: normal 22px Arial, Helvetica, Sans Serif;
         margin-bottom: 0px;
}

H2 {
         font: normal 12px Arial, Helvetica, Sans Serif;
         color: #02368e;
         margin-bottom: 5px;
}

INPUT {
	font: normal 12px Arial, Helvetica, Sans Serif;
}

.formFieldsFalse {
         border: solid 1px #B8D2FE;
         background-color: #c7d8f0;
}


P {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #285bb0;
}

SELECT {
	font: normal 12px Arial, Helvetica, Sans Serif;
}

TD {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #517ac0;
}

TEXTAREA {
	font: normal 12px Arial, Helvetica, Sans Serif;
}

.AddressAlternateItemStyle {
	width: 80%;
	background: #FFFFFF;
	padding: 10px 10px 10px 10px;
	text-align: left;
         border-bottom: solid 10px transparent;
}

.AddressArticleDetail {
}
.AddressCategory {
	background-color: #FFFFFF;
	height: 100%;
	padding-left: 10px;
}

.AddressCategory .qsArtTitleList A, .AddressCategory .qsArtTitleList A:link, .AddressCategory .qsArtTitleList A:active, .AddressCategory .qsArtTitleList A:visited {
	color: #02368e;
}

.AddressCategory .qsArtTitleList A:hover {
	color: #285bb0;
}

.AddressCategory .qsArtTitleList {
	padding-top: 10px;
}

.AddressCategoryImage {
	width: 40px;
}

.AddressDetail {
         padding: 10px;
	background-color: #FFFFFF;
}

.AddressDetailContent {
	padding-left: 10px;
}

.AddressDetailImage {
         border-right: solid 1px #c7d8f0;
}

.AddressDetailReference {
         padding: 10px;
         background-color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Class used to display list of address */
.AddressItemStyle {
	width: 80%;
	background: #FFFFFF;
	padding: 10px 10px 10px 10px;
	text-align: left;
         border-bottom: solid 10px transparent;
}

.AddressItemStyle.AddressImageList, .AddressAlternateItemStyle.AddressImageList {
	float: left;
	width: 100px;
	height: 80px;
	vertical-align: top;
         background-color: #FFFFFF;
         border-bottom: solid 10px transparent; 
}

.AddressItemStyle.AddressSummaryList, .AddressAlternateItemStyle.AddressSummaryList {
	float: left;
	margin-left: 5px;
}

.AddressSummaryList .AddressCommentList
{
  padding:10px;
  padding-left:40px;
}

.AddressSummaryList .AddressSummaryListMore 
{
  display:inline;
}

.AddressItemStyle.AddressTitleList, .AddressAlternateItemStyle.AddressTitleList {
	color: #B8D2FE;
}

.AddressReference {
	clear: left;
	margin: 10px 10px 10px 10px;
}

.AddressCategoryGroup {
	background-color:LightGrey;
}

.ArtContentScroll {
	font: 13px Mistral, Helvetica, sans-serif;
}

.ArtTitleScroll {
	font: 13px Mistral, Helvetica, sans-serif;
}
.bgstrColor2 {
	background: #285bb0;
}
/* fond du jour courant */
.CalendarCurrentDayBg {
	background: #517ac0;
}

.CalendarDayBg {
}

.CalendarDayOffBg {
}

/* Affichage d'un événement du jour courant */
.CalendarCurrentDayEvent {
	color: #B8D2FE;
	font: normal 12px Arial, Helvetica, Sans Serif;
	padding-left:5px;
}

.CalendarCurrentDayEvent A {
	overflow:hidden;
	height:15px;
}


/* Affichage du jour courant*/
.CalendarCurrentDayMonthDisplay {
	text-align: right;
	font: normal 12px Arial, Helvetica, Sans Serif;
	background: #517ac0;
	color: #285bb0;
}

/* Affichage d'un événement du mois courant */
.CalendarDayEvent {
	color: #B8D2FE;
	font: normal 12px Arial, Helvetica, Sans Serif;
	padding-left:5px;
}

.CalendarDayEvent A {
	overflow:hidden;
	height:15px;
}

/* Affichage d'un jour du mois courant*/
.CalendarDayMonthDisplay {
	text-align: right;
	font: normal 12px Arial, Helvetica, Sans Serif;
}

/* Affichage d'un jour d'un autre mois */
.CalendarDayOffMonthDisplay {
	text-align: right;
	color: #ff0000;
	font: normal 12px Arial, Helvetica, Sans Serif;
}

/* Monthly Calendar View Styles */
/* Fond du calendrier */
.CalendarMonthDisplayTable {
	background: #c7d8f0;
}

/* Affichage du mois courant */
.CalendarMonthTxtDisplay {
	font: normal 12px Arial, Helvetica, Sans Serif;
	padding-bottom: 10px;
	background: #c7d8f0;
}

.CalendarTableBorderTopBtmLeftRight {
	border-top: solid 1px #ff0000;
	border-bottom: solid 1px #ff0000;
	border-right: solid 1px #ff0000;
	border-left: solid 1px #ff0000;
}

.CalendarTableBorderTopBtmRight {
	border-top: solid 1px #ff0000;
	border-bottom: solid 1px #ff0000;
	border-right: solid 1px #ff0000;
    height: 60px;
}

.CalendarTableBorderTopLeftRight {
	border-top: solid 1px #ff0000;
	border-right: solid 1px #ff0000;
	border-left: solid 1px #ff0000;
}

.CalendarTableBorderTopRight {
	border-top: solid 1px #ff0000;
	border-right: solid 1px #ff0000;
    height: 60px;	
}

/* Affichage des jours de la semaine */
.CalendarWeeklyDay {
	text-align: center;
	font: normal 12px Arial, Helvetica, Sans Serif;
	padding-bottom: 5px;
	height: 16px;
	background: #285bb0;
}

/*---------------------------- New Styles for QSP -------------------------*/

.ClassifiedAdAlternateItemStyle {
	background: #c7d8f0;
	padding: 10px 10px 10px 10px;
	text-align: left;
	border-bottom: solid 2px #c7d8f0;
}

.ClassifiedAdCategory {
	background-color: #c7d8f0;
	height: 100%;
	border-bottom: solid 4px #c7d8f0;
	border-top: solid 4px #c7d8f0;
	padding-left: 10px;
}

.ClassifiedAdCategory .qsArtTitleList {
	padding-top: 10px;
}

.ClassifiedAdCategoryImage {
	width: 40px;
}

.ClassifiedAdDetail {
	background-color: #c7d8f0;
	border-bottom: solid 4px #c7d8f0;
	border-top: solid 4px #c7d8f0;
}

/* Classified Ad */
.ClassifiedAdItemStyle {
	background: #c7d8f0;
	padding: 10px 10px 10px 10px;
	text-align: left;
	border-bottom: solid 2px #c7d8f0;
}

.ClassifiedAdItemStyle.ClassifiedAdDate, .ClassifiedAdAlternateItemStyle.ClassifiedAdDate {
	font: bold 13px Mistral, Helvetica, sans-serif;
	color: #B8D2FE;
}

.ClassifiedAdItemStyle.ClassifiedAdImageList, .ClassifiedAdAlternateItemStyle.ClassifiedAdImageList {
	vertical-align: middle;
	text-align: center;
}

.ClassifiedAdItemStyle.ClassifiedAdRef, .ClassifiedAdAlternateItemStyle.ClassifiedAdRef {
	font: 13px Mistral, Helvetica, sans-serif;
	color: #c7d8f0;
}

.ClassifiedAdItemStyle.ClassifiedAdSummaryList, .ClassifiedAdAlternateItemStyle.ClassifiedAdSummaryList {
	margin-left: 10px;
}

.ClassifiedAdItemStyle.ClassifiedAdTitleList, .ClassifiedAdAlternateItemStyle.ClassifiedAdTitleList {
	font: bold 13px Mistral, Helvetica, sans-serif;
	color: #B8D2FE;
}

/* Styles for CooljsMenuPro*/

#DispCoolJsMenu IFRAME {
         display: none;
       /*left: 0px !important;*/
}

#menu1_r {
         z-index: 50 !important;
}

.CMMenu {
	font: normal 16px Arial, Helvetica, Sans Serif;
         text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
         padding-bottom: 4px;
         border-bottom: solid 5px #285bb0;
}

.CMMenuOver {
	font: normal 16px Arial, Helvetica, Sans Serif;
         text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
         padding-bottom: 4px;
         border-bottom: solid 5px #FFFFFF;
}
.CMMenu2 {
	color: #FFFFFF;
	font: normal 16px Arial, Helvetica, Sans Serif;
	text-decoration: none;
	padding: 3px 0px 3px 0px;
	background-color: #02368e;
         width: 200px;
         overflow: hidden;
         border-right: solid 5px #02368e;
         border-left: solid 5px #02368e;
}

.CMMenuOver2 {
	color: #02368e;
	font: normal 16px Arial, Helvetica, Sans Serif;
	text-decoration: none;
	padding: 3px 0px 3px 0px;
	background-color: #FFFFFF;
         width: 200px;
         overflow: hidden;
         border-right: solid 5px #FFFFFF;
         border-left: solid 5px #FFFFFF;
}

.EditLightContent {
}

.EditLightToolBarStyle {
	border-top: #c7d8f0 1px solid;
}

/* Custom Style for the Editor */
.EditLightToolButton {
	background: #c7d8f0;
	height: 20px;
	width: 22px;
	vertical-align: middle;
	border-right: #c7d8f0 1px solid;
	border-top: #c7d8f0 1px solid;
	border-left: #c7d8f0 1px solid;
	border-bottom: #c7d8f0 1px solid;
}

.EditLightToolButtonBack {
	background: #c7d8f0;
	height: 20px;
	width: 100%;
	padding-left: 0px;
}

.EventAlternateItemStyle {
	background: #02368e;
	padding: 10px 10px 10px 10px;
	text-align: left;
}

.EventArticleDetail {
	border-bottom: solid 4px #B8D2FE;
	border-top: solid 4px #B8D2FE;
}

.EventCategory {
	padding-top: 10px;
	font: bold 13px Mistral, Helvetica, sans-serif;
	color: #c7d8f0;
	text-align: right;
	clear: left;
}

.EventDate {
	padding-top: 15px;
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #c7d8f0;
	border-bottom: solid 1px #B8D2FE;
}

.EventDetail {
	background-color: #02368e;
	border-bottom: solid 4px #B8D2FE;
	border-top: solid 4px #B8D2FE;
}

/* Class used to display list of address */
.EventItemStyle {
	background: #517ac0;
	padding: 10px 10px 10px 10px;
	text-align: left;
}

.EventItemStyle.EventImageList, .EventAlternateItemStyle.EventImageList {
	vertical-align: middle;
	text-align: center;
}

.EventItemStyle.EventSummaryList, .EventAlternateItemStyle.EventSummaryList {
	float: left;
	margin-left: 5px;
}

.EventItemStyle.EventTitleList, .EventAlternateItemStyle.EventTitleList,
.EventItemStyle.EventTitleList A, .EventItemStyle.EventTitleList A:visited
.EventAlternateItemStyle.EventTitleList A, .EventAlternateItemStyle.EventTitleList A:visited {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #B8D2FE;
}

.EventList {
	background-color: #02368e;
	border-bottom: solid 4px #B8D2FE;
	border-top: solid 4px #B8D2FE;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.EventList .qsArtTitleList {
	padding-top: 10px;
}

/* --------------------------------- New Styles for Forums ---------------------------------*/
.ForumAlternateItemStyle {
	background-color: #c7d8f0;
}

.ForumItemStyle {
	background-color: #517ac0;
}

.ForumListHeader {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #c7d8f0;
	background-color: #02368e;
}

.ForumListOtherForums {
}

.ForumListOtherForums A {
	font: normal 12px Arial, Helvetica, Sans Serif;
	white-space: nowrap;
}

.ForumPostedDate {
	font: normal 12px Arial, Helvetica, Sans Serif;
	padding-bottom: 4px;
	border-bottom: solid #000000 1px;
	color: #000000;
}

.ForumText, .ForumText P, .ForumText:visited {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #000000;
}

.ForumUserName {
	font: normal 12px Arial, Helvetica, Sans Serif;
	text-align: center;
	color: #000000;
}

.GSinput {
	font: 13px Tahoma, Helvetica, sans-serif;
}

.GSlarge {
	font: 18px Tahoma, Helvetica, sans-serif;
}

.GSsmall {
	font: 10px Tahoma, Helvetica, sans-serif;
}

/* Index Server Display Styles */
.sort-table {
         width: 100%;
}

.IdxSearchDisplay {
	font-size: 11px;
	padding: 0px;
	width: 100%;
}

.IdxSearchDisplayNbDocFound {
	font-weight: bold;
	padding-bottom: 20px;
}

.IdxSearchDisplayTable {
	font-size: 11px;
	background-color: #FFFFFF;
	margin-left: 20px;
	margin-right: 20px;
}

.IdxSearchDisplay table {
         background-color: #FFFFFF;
	font-size: 11px;
	padding: 0px;
	width: 500px;
         color: #02368e;
}

.IdxSearchDisplayTableColAbstract {
	font-style: italic;
}

.IdxSearchDisplayTableColDate {
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
         color: #02368e !important;
}

.IdxSearchDisplayTableHeadDate, .IdxSearchDisplayTableHeadIcon, .IdxSearchDisplayTableHeadLink, .IdxSearchDisplayTableHeadTitle, .IdxSearchDisplayTableHeadSize, .IdxSearchDisplayTableHeadRank {
         color: #FFFFFF !important;
         background-color: #02368e;
         font-weight: bold;
}

.IdxSearchDisplayTableColLink A, .IdxSearchDisplayTableColLink A:link, .IdxSearchDisplayTableColLink A:visited {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #285bb0 !important;
	text-decoration: none;
         white-space: pre;
         display: block;
         width: 300px;
         overflow: hidden;
}

.IdxSearchDisplayTableColLink A:hover {
	color: #ff0000 !important;
	cursor: pointer;
	text-decoration: none;
}

.IdxSearchDisplayTableColRank, .IdxSearchDisplayTableHeadRank {
	display: block;
}

.IdxSearchDisplayTableColSize {
	font-weight: bold;
	padding-right: 5px;
         color: #285bb0 !important;
}

.IdxSearchDisplayTableColTitle {
         color: #285bb0 !important;
}

.IdxSearchDisplayTableRow {
	background-color: #FFFFFF;
	height: 26px;
         border-bottom: solid 1px #c7d8f0 !important;
}

.IdxSearchDisplayTableRow thead, .IdxSearchDisplayTableRow thead TD {
	background-color: #02368e !important;
	height: 25px;
         color: #FFFFFF !important;
}

.KeywordDebug {
	display:none;
}
/* NEW CLASSES FOR MENUS */
.MenuFrame {
	width: 100%;
}
.MenuHorizontalFrame {
	width: 50%;
}

.MenuItem {
	text-align: left;
	line-height: 16px;
	padding-right: 4px;
	padding-bottom: 5px;
	border-right: solid 1px  #ff0000;
	border-bottom: solid 1px  #ff0000;
}

.MenuItemHover {
	text-align: left;
	line-height: 16px;
	padding-right: 4px;
	padding-bottom: 5px;
	border-right: solid 1px  #ff0000;
	border-bottom: solid 1px  #ff0000;
}

.MenuItemSelected, .MenuItemSelectedHover {
	line-height: 16px;
	text-align: left;
	padding-right: 4px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	border-right: solid 1px  #ff0000;
	border-bottom: solid 1px  #ff0000;
}

.MenuItem A, .MenuItem A:hover, .MenuItem A:visited, .MenuItemHover A, .MenuItemHover A:visited {
	color: #ff0000;
	font: normal 14px Arial, Helvetica, Sans Serif;
	display:block;
}

.MenuItemSelected A, .MenuItemSelected A:visited, .MenuItemSelected A:hover, .MenuItemSelectedHover A, .MenuItemSelectedHover A:visited, .MenuItemSelectedHover A:hover {
	color: #ff0000;
	font: normal 14px Arial, Helvetica, Sans Serif;
	display:block;
}

.MenuItemFrame {
	width: 100%;
}

.MenuItemIcon, .MenuItemSelectedIcon, .MenuItemIconHover, .MenuItemSelectedIconHover { 
	padding-right: 10px;
}

/* MENU ITEM TITLE */

.MenuItemTitle {
  	width:100%;
	/*background-color: #02368e;*/
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px  #ff0000;
	border-right: solid 1px  #ff0000;
}

.MenuItemTitleHover {
	padding-left: 10px;
	text-align: left;
	background-color: #517ac0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px  #ff0000;
	border-right: solid 1px  #ff0000;
}

.MenuItemTitleSelected, .MenuItemTitleSelectedHover {
	padding-left: 10px;
	text-align: left;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px  #ff0000;
}

.MenuItemTitle A, .MenuItemTitle A:visited, .MenuItemTitle A:hover {
	font: normal 16px Arial, Helvetica, Sans Serif;
	color: #ff0000;
}

.MenuItemTitleHover A, .MenuItemTitleHover A:visited, .MenuItemTitleHover A:hover {
	color: #000000;
	font: normal 16px Arial, Helvetica, Sans Serif;
}

.MenuItemTitleSelected A, .MenuItemTitleSelected A:visited, .MenuItemTitleSelected A:hover {
	color: #000000;
	font: normal 16px Arial, Helvetica, Sans Serif;
}

.MenuItemTitleSelectedHover A, .MenuItemTitleSelectedHover A:visited, .MenuItemTitleSelectedHover A:hover {
	color: #000000;
	font: normal 16px Arial, Helvetica, Sans Serif;
}

.MenuItemTitleIcon, .MenuItemTitleSelectedIcon, .MenuItemTitleIconHover,
.MenuItemTitleSelectedIconHover {
  width:10px;
}

/* MENU HORIZONTAL TITLE */
.MenuHTitle {
	text-align: left;
	white-space:nowrap;
	padding-left:5px;
	padding-right:5px;
	height:20px;
}

.MenuHTitleHover {
	text-align: left;
	background-color: #517ac0;
	white-space:nowrap;
	padding-left:5px;
	padding-right:5px;
	height:20px;
}

.MenuHTitleSelected, .MenuHTitleSelectedHover {
	text-align: left;
	background-color: #FFFFFF;
	white-space:nowrap;
	padding-left:5px;
	padding-right:5px;
	height:20px;
}

.MenuHTitle A, .MenuHTitle A:visited, .MenuHTitle A:hover {
	font: normal 16px Arial, Helvetica, Sans Serif;
	color: #ff0000;
}

.MenuHTitleHover A, .MenuHTitleHover A:visited, .MenuHTitleHover A:hover {
	color: #000000;
	font: normal 16px Arial, Helvetica, Sans Serif;
}

.MenuHTitleSelected A, .MenuHTitleSelected A:visited, .MenuHTitleSelected A:hover {
	color: #000000;
	font: normal 16px Arial, Helvetica, Sans Serif;
}

.MenuHTitleSelectedHover A, .MenuHTitleSelectedHover A:visited, .MenuHTitleSelectedHover A:hover {
	color: #000000;
	font: normal 16px Arial, Helvetica, Sans Serif;
}

.MenuHTitleIcon, .MenuHTitleSelectedIcon, .MenuHTitleIconHover,
.MenuHTitleSelectedIconHover {
  display:none;
}

.MenuSepBottom { }

.MenuSepTop {
	border-top: solid 1px #ff0000;
}

.NavigationLink, A.NavigationLink, A.NavigationLink:visited {
         color: #c7d8f0;
}

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

.NavigationPath {
         width: 990px;
         float: left;
         margin-bottom: 20px;
}

.PortalArtContent {
	padding: 8px;
}

.PortalArtFrame {
	border: solid 1px #ff0000;
}

.PortalArtText {
	font: 13px Mistral, Helvetica, sans-serif;
	color: #ff0000;
}

.PortalArtTitle {
	font: bold 13px Mistral, Helvetica, sans-serif;
	color: #B8D2FE;
	background-color: #c7d8f0;
	border-bottom: solid 1px #B8D2FE;
	padding: 2px;
	padding-left: 20px;
	background-image: url("/Data/Dataimages/Upload/small-square.gif");
	background-position: 5 5;
	background-repeat: no-repeat;
}

#MainDivCenter .qsArtContent {
         display: table;
         width: 100%;
         padding: 10px;
         margin-bottom: 10px;
         background-color: #FFFFFF;
}

.qsArtContent, .qsArtContent TD, .qsArtContent P, .qsArtContentEdit, .qsArtContentEdit TD, .qsArtContentEdit P {
	font: normal 12px Arial, Helvetica, Sans Serif;
}

.qsArtContent A, .qsArtContent A:visited, .qsArtContent A:hover, .qsArtContentEdit A, .qsArtContentEdit A:visited, .qsArtContentEdit A:hover {
	font: normal 12px Arial, Helvetica, Sans Serif;
}

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

.qsArtSummary {
	font: normal 12px Arial, Helvetica, Sans Serif;
         color: #c7d8f0;
	text-decoration: none;
}

.qsArtSummaryMore {
  margin-bottom:10px;
}

.qsArtTitleList A:hover, .listVideosDebatTitle A:hover, .listVideosConseilTitle A:hover {
	color: #c7d8f0;
	text-decoration: none;
}

.qsArtTitleList, .qsArtTitleList A, .qsArtTitleList A:visited, .qsArtTitleList A:active  {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #FFFFFF;
	text-align: left;
	margin-bottom: 5px;
         text-transform: uppercase;
}

.listVideosDebatTitle, .listVideosDebatTitle A, .listVideosDebatTitle A:visited, .listVideosDebatTitle A:active {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #02368e;
	text-align: left;
	margin-bottom: 5px;
         text-transform: uppercase;
}

.listVideosConseilTitle, .listVideosConseilTitle A, .listVideosConseilTitle A:visited, .listVideosConseilTitle A:active {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #02368e;
	text-align: left;
	margin-bottom: 5px;
         text-transform: uppercase;
}

.newlistVideosConseilTitle, .newlistVideosConseilTitle A, .newlistVideosConseilTitle A:visited, .newlistVideosConseilTitle A:active {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #02368e;
	text-align: left;
	margin-bottom: 5px;
         text-transform: uppercase;
}

/* Utilisez dans les listes avec détail -> attention c'est une classe utilisée dans un A*/
.qsListHighlight, .qsListHighlight:visited, .qsListHighlight:hover {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #B8D2FE;
}

.qsListHighlightCurrent, .qsListHighlightCurrent:visited, .qsListHighlightCurrent:hover {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #ff0000;
}

.qsPageFooter {
	display: none;
}

.qsPageHeader,.qsPageHeader a  {
	font: normal 22px Arial, Helvetica, Sans Serif;
	color: #FFFFFF;
         text-transform: uppercase;
	padding: 0px;
	text-align: left;
	margin-bottom: 10px;
         line-height: 25px;
}

#MainDivCenterHome .qsPageHeader {
         font-size: 22px;
         text-transform: none;
}
/* QUICKINFO STYLES */
.QuickinfoFrame {
	/*border: 1px solid #02368e;*/
	margin-bottom: 10px;
	background-color: #c7d8f0;
}
.QuickinfoFrame .qsPageHeader {
	background-color: #517ac0;
	font: normal 14px Arial, Helvetica, Sans Serif;
	font-weight: bold;
	color: #000000;
	padding: 1px 2px 1px 5px;
	margin-bottom: 5px;
}
.QuickinfoFrame .qsArtContent {
	padding: 2px;
	color: #000000;
}
.QuickinfoFrame P { 
	margin: 0px; 
}

/* CALENDAR STYLES */
.SelectCalendarCurrentDayEvent {
	background: #D9F4FF;
	color: #B8D2FE;
}

/* Affichage du jour courant*/
.SelectCalendarCurrentDayMonthDisplay {
	text-align: right;
	background: #D9F4FF;
	color: #B8D2FE;
}

.SelectCalendarDayEvent {
	color: #B8D2FE;
}

/* Affichage d'un jour du mois courant*/
.SelectCalendarDayMonthDisplay {
	text-align: right;
}

/* Affichage d'un jour d'un autre mois */
.SelectCalendarDayOffMonthDisplay {
	text-align: right;
	color: #c7d8f0;
}

/* Monthly Select Calendar for Event Edit */
/* Fond du calendrier */
.SelectCalendarMonthDisplayTable {
	background: #c7d8f0;
}

/* Affichage du mois courant */
.SelectCalendarMonthTxtDisplay {
	padding-bottom: 4px;
	background: #c7d8f0;
}

.SelectCalendarTableBorderTopBtmLeftRight {
	border-top: solid 1px #c7d8f0;
	border-bottom: solid 1px #c7d8f0;
	border-right: solid 1px #c7d8f0;
	border-left: solid 1px #c7d8f0;
}

.SelectCalendarTableBorderTopBtmRight {
	border-top: solid 1px #c7d8f0;
	border-bottom: solid 1px #c7d8f0;
	border-right: solid 1px #c7d8f0;
}

.SelectCalendarTableBorderTopLeftRight {
	border-top: solid 1px #c7d8f0;
	border-right: solid 1px #c7d8f0;
	border-left: solid 1px #c7d8f0;
}

.SelectCalendarTableBorderTopRight {
	border-top: solid 1px #c7d8f0;
	border-right: solid 1px #c7d8f0;
}

/* Affichage des jours de la semaine */
.SelectCalendarWeeklyDay {
	text-align: center;
	padding-bottom: 5px;
	height: 11px;
	background: LightYellow;
}

/* NEW STYLES FOR EDIT MODE -> move into system style sheet */
.SystemEditFrame {
	padding: 1px;
	width: 100%;
}

.SystemEditFrameHover {
	border: solid 1px #2254B1;
	width: 100%;
}

/* SYSTEM STYLES */

.SystemLink, .SystemLink:link, .SystemLink:visited {
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
}

.SystemLink:hover{
	text-decoration: underline;
	font-weight: bold;
	color: #999999;
}

.SystemListDetailContent {
	padding-left: 10px;
}

.SystemListDetailTopicFrame {
	width: 180px;
}

.SystemListDetailTopicList {
}

/* System List Header is only used in the NodeTimeList -> More button*/
.portailFrame .qsList table {
          width: 374px;
          margin-right: 8px;
          background-color: #FFFFFF;
          height: 120px;
          margin-bottom: 8px;
}

.portailFrame .qsArtSubTitle {
          display: none;
}

.SystemListHeader {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: white;
	background-color: #333333;
}

.SystemListItem, .SystemListItemHover {
}

.SystemListItemContent, .SystemListItemContentHover {
         display: block;
         vertical-align: top;
         padding: 10px 10px 10px 0px;
         overflow: hidden;
         height: 100px;
}

.SystemListItemImage, .SystemListItemImageHover {
         padding: 0px;
         margin: 0px;
         width: 120px;
         height: 120px;
}

.SystemListSummary, .SystemListSummaryHover {
}

.SystemListItemImage img, .SystemListItemImageHover img {
         margin-top: 10px;
         margin-left: 10px;
         border: none;
	width: 100px;
	height: 100px;
}

/* SystemNodeTypeSection is used to display a section node type*/
.SystemNodeTypeSectionEnd {
	background-color: #cccccc;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	color: Black;
	font-weight: normal;
	font-style: italic;
}

.SystemNodeTypeSectionFrame {
	border: dashed 1px gray;
}

.SystemNodeTypeSectionFrameHover {
	border: solid 1px #2254B1;
	width: 100%;
}

.SystemNodeTypeSectionStart {
	background-color: #cccccc;
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	color: Black;
	font-weight: normal;
	font-style: italic;
}

.SystemPageAbout {
	font-size: 9px;
	font-weight: normal;
	padding-right: 4px;
}

.SystemPageAboutBorder {
	border: 1px solid rgb( 145, 155, 156 );
	background: rgb( 252, 252, 254 );
}

.SystemPageAboutSummary {
	font-size: 11px;
	border: 1px solid rgb( 145, 155, 156 );
	background: rgb( 252, 252, 254 );
	padding: 5px;
	margin-top: 10px;
}

.SystemPageAdminSessionTitle {
	background: #cccccc;
	padding: 2px 2px 2px 6px;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 8px;
}

.SystemPageBorder {
	border: solid 0px #cccccc;
	background: white;
}

.SystemPageBorder A, .SystemPageBorder A:link, .SystemPageBorder A:visited {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #02368e;
	text-decoration: none;
}

.SystemPageBorder A:hover {
	color: #517ac0;
}

/*
.SystemPageSession {
	/* width: 50%; */
	height: 60;
	float: left;
	padding-right: 14px;
	padding-left: 20px;
}

.SystemPageSessionAdmin {
	width: 100%;
	margin-top: 10px;
	padding-left: 5px;
	padding-top: 5px;
	background-color: White;
	filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=90, FinishOpacity=30, Style=1, StartX=30,  FinishX=100, StartY=0, FinishY=100);
}
.SystemPageSessionAdmin  .SystemPageSessionTitle {
	font-size: 9px;
	font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
}

.SystemPageSessionImage {
	float: left;
	padding-right: 5px;
}

.SystemPageSessionLogout {
	width: 50%;
	height: 50;
	float: right;
	margin-right: 0px;
}
*/
.SystemPageSessionResume {
	font-size: 10px;
}

.SystemPageSessionTitle {
	padding-bottom: 2px;
}

.SystemPageTitle {
	border-bottom: ;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	text-align: left;
	background: #eeeeee;
	padding: 5px;
}

.SystemPageTitle TD {
	font: normal 12px Arial, Helvetica, Sans Serif;
	font-size: 14px;
	font-weight:bold;
	color: #000000;	
}

.SystemPageTitle A, .SystemPageTitle A:visited {
	font: normal 12px Arial, Helvetica, Sans Serif;
	font-size: 14px;
	font-weight:bold;
	color: #000000;
}

.SystemPageAdminSessionTitle TD, .SystemLink, .SystemPageSessionResume, 
.SystemPageSessionResume INPUT, .SystemPageTitle DIV, #LoginForm, 
.SystemPageAbout DIV, .SystemPageAboutSummary TD {
 	font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
}


/* STANDARD CLASSES FOR TPLHTMLBODY DIV */

#MainDiv {
         display: table;
         width: 990px;
         height: 100%;
         margin-left: auto;
         margin-right: auto;
         vertical-align: top;
         text-align: left;
	background-image: url("/Data/Dataimages/Upload/bgCharlie11.png");
	background-position: right 5px;
	background-repeat: no-repeat;
}

#MainDivTop {
         float: left;
         width: 990px;
         height: 210px;
         padding: 0px;
         margin: 0px;
         color: #FFFFFF;
}

#MainDivLeft {
         float: left;
         width: 145px;
         padding: 35px 0px 0px 0px;
         margin: 0px 20px 0px 0px;
         color: #000000;
}

#MainDivCenter {
         float: left;
         width: 765px;
         padding: 0px;
         margin: 0px 20px 0px 0px;
         color: #FFFFFF;
         overflow: hidden;
}

#MainDivCenterHome {
         float: left;
         width: 600px;
         padding: 0px;
         margin: 0px 20px 0px 0px;
         color: #FFFFFF;
        /* overflow: hidden;*/
}

#MainDivRight {
         float: left;
         width: 205px;
         padding: 35px 0px 0px 0px;
         margin: 0px;
         color: #000000;
}

#MainDivBottom {
         float: left;
         width: 990px;
         height: 50px;
         padding: 0px;
         margin: 0px;
         color: #000000;
}

/* This section is to style the Basket */

#ECBasket tHead tr {
	background-color:Blue;
}
#ECBasket tfoot td {
	border-top:solid 1px blue;
}

#ECBasket tr.odd {
	background-color:lightgrey;
}

#ECBasket th {
	font-size:11px;
	text-align:left;
	padding:1px;
	color:White;
}

#ECBasket td {
	padding:1px;
}

#ECBasket .col1 {
	font-weight:bold;
}

#ECBasket .col3, #ECBasket .col4 {
	text-align:right;
}

#ECBasket tfoot .col4 {
	text-align:right;
	font-weight:bold;
}

/* STYLE FOR PAGINATION */

.pagination {
	font: normal 12px Arial, Helvetica, Sans Serif;
         font-size: 11px;
         vertical-align: top;
         width: 100%;
         text-align: right;
         padding: 30px 0px 10px 0px;
}

.pagination .pagelabel, .pagination .firstlast, .pagination .nextprev, .pagination .gotopage, .pagination .current {
	font: normal 12px Arial, Helvetica, Sans Serif;
         font-size: 11px;
         display: inline;
         padding: 1px 5px;
         margin-right: 1px;
         height: 18px;

}

.pagelabel {
         color: #c7d8f0;
}

.pagination .gotopage {
	font: normal 12px Arial, Helvetica, Sans Serif;
         font-size: 11px;
         cursor: pointer;
         border: 1px solid #c7d8f0;
         background: #FFFFFF;
         color: #02368e;
}

.pagination a:hover .gotopage {
	font: normal 12px Arial, Helvetica, Sans Serif;
         font-size: 11px;
         border: 1px solid #02368e;
}

.pagination .current {
	font: normal 12px Arial, Helvetica, Sans Serif;
         font-size: 11px;
         border: 1px solid #02368e; 
         font-weight: bold; 
         background: #02368e; 
         color: #ffffff; 
} 

.pagination A, .pagination A:link, .pagination A:visited {
	font: normal 12px Arial, Helvetica, Sans Serif;
         font-size: 11px;
         color: #02368e;
         text-decoration: none; 
}

.pagination A:hover {
	font: normal 12px Arial, Helvetica, Sans Serif;
         font-size: 11px;
	cursor: pointer;
	text-decoration: none;
}

.pagination a:hover .firstlast, .pagination a:hover .nextprev {
	font: normal 12px Arial, Helvetica, Sans Serif;
         font-size: 11px;
	cursor: pointer;
         color: #000000;
}

.pagination a:hover .gotopage, .pagination a:hover .gotopage {
	font: normal 12px Arial, Helvetica, Sans Serif;
         font-size: 11px;
	cursor: pointer;
         color: #02368e;
         font-weight: bold;
}

/* NEW CSS FOR CAPTCHA CODES */

#imgCaptcha {
         margin-top: 4px;
}

#CaptchaControl {
         margin-bottom: 3px;
}

#CaptchaControl input {
         width: 60px;
         height: 20px;
}

#captcha-control-invalid {
         color: red;
         font-size: 11px;
}

.topTable {
          height: 67px;
          padding: 5px 0px 0px 0px;
          text-align: left;
}

#Flash08 {
          width: 283px;
          height: 67px;
          text-align: left;
          margin-right: 27px;
}

#topRight {
          vertical-align: top;
          width: 548px;
          height: 67px;
}

.topSearch {
          height: 42px;
          text-align: right;
          vertical-align: top;
}

#DispCoolJsMenu {
          height: 25px;
          vertical-align: bottom;
}

/* NEW CLASSES FOR HOMEPAGE */
.homepage09Frame {
           /*width: 780px; modif suite au téléphone de monsieur Schneider pour avoir la 3eme colonne plus large 31.03.11*/
           margin-top: 100px;
           /*margin-left: 100px;*/
}


.homemenu09 {
           width: 170px;
           text-align: right;
           padding-right: 10px;
}

.homemenu09 A, .homemenu09 A:link, .homemenu09 A:visited {
	  font: normal 16px Arial, Helvetica, Sans Serif;
           text-transform: uppercase;
           color: #FFFFFF;
           width: 160px;
           text-align: right;
           vertical-align: top;
           height: 25px;
           display: block;
}

.homemenu09 A:hover {
           color: #c7d8f0;
}

#homeflash09 {
           width: 480px;
           margin-bottom: 25px;
}

.homelogo09 {
           width: 130px;
           text-align: left;
           vertical-align: top;
           
}

#homenews {
           float: left;
           width: 600px;
}

#homenews h2 {
           font-size: 20px;
           color: #FFFFFF;
           border-bottom: solid 1px #517ac0;
           padding-bottom: 5px;
           margin-bottom: 15px;
}

#homenews UL, #homenews LI {
           list-style-type: none;
           padding: 0px;
           margin: 0px;
}

#homenews .qsArtTitleList A:hover {
	color: #c7d8f0;
	text-decoration: none;
}

#homenews .qsArtTitleList, #homenews .qsArtTitleList A, #homenews .qsArtTitleList A:visited, #homenews .qsArtTitleList A:active {
         display: block;
         width: 100%;
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #FFFFFF;
	text-align: left;
	margin-bottom: 2px;
         font-size: 14px;
         text-transform: none;
         font-weight: bold;
}

#homenews .qsArtSummary {
         font-size: 14px;
         margin-bottom: 15px;
         color: #FFFFFF;
}

#homenews .qsArtSummary A, #homenews .qsArtSummary A:link, #homenews .qsArtSummary A:visited {
	color: #c7d8f0;
}

#homenews .qsArtSummary A:hover {
	color: #FFFFFF;
}

.portailFrame .qsArtTitleList A:hover {
	color: #285bb0;
	text-decoration: none;
}

.portailFrame .qsArtTitleList, .portailFrame .qsArtTitleList A, .portailFrame .qsArtTitleList A:visited, .portailFrame .qsArtTitleList A:active {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #02368e;
	text-align: left;
	margin-bottom: 2px;
         text-transform: uppercase;
/*         height: 26px;*/
}

.portailFrame .qsArtSummary {
	color: #517ac0;
         font-size: 11px;
}

#dphpub {
         display: block;
         height: 80px;
         width: 100%;
         background: #FFFFFF;
         margin: 0px 0px 20px 0px;
}

#dphpub UL, #dphpub LI {
         list-style-type: none;
         padding: 0px;
         margin:0px;
}

#dphpub LI {
         display: block;
         float: left;
         height: 70px;
         padding: 10px 20px 0px 20px;
}

.whiteFrame {
         background: #FFFFFF;
         width: 853px;
         padding: 10px;
         margin-bottom: 10px;
}

.imageTheme {
         width: 110px;
}

.imageTheme img {
         width: 100px;
         height: 100px;
}

.descriptionTheme {
         vertical-align: top;
         text-align: left;
         padding-right: 200px;
}

.descriptionTheme .qsArtTitleList {
         color: #02368e;
}

#articleTheme {
        color: #FFFFFF;
}

#dphchilds UL, #dphchilds LI {
         list-style-type: none;
         padding: 0px;
         margin:0px;
}

#dphchilds UL{
         display: block;
         width: 765px;
         overflow: hidden;
}

#dphchilds LI {
         display: block;
         float: left;
         width: 377px;
         margin: 0px 5px 5px 0px;
         background: #285bb0;
         padding: 3px 5px 3px 5px;
         /* overflow: hidden;
         height: 25px; */
} 

#dphchilds, #dphchilds A, #dphchilds A:visited, #dphchilds A:active {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #FFFFFF;
	text-align: left;
         text-transform: uppercase;
         /* line-height: 25px; */
}

#dphchilds A:hover {
	color: #c7d8f0;
	text-decoration: none;
}

#dphparentchilds {
         display: table;
         width: 100%;
         padding: 10px;
         background: #1a4da2;
}

#dphparentchilds .qsDPHTitle {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #FFFFFF;
	text-align: left;
         text-transform: uppercase;
         margin-bottom: 10px;
}

#dphparentchilds UL, #dphparentchilds LI {
         display: block;
         list-style-type: none;
         padding: 0px;
         margin:0px;
}

#dphparentchilds UL {
         display: block;
         width: 765px;
         overflow: hidden;
}

#dphparentchilds LI {
         display: block;
         float: left;
         width: 370px;
         margin: 0px 10px 10px 0px;
         /* height: 13px;
         overflow: hidden; */
}

#dphparentchilds A:hover {
	color: #c7d8f0;
	text-decoration: none;
}

#dphparentchilds, #dphparentchilds A, #dphparentchilds A:visited, #dphparentchilds A:active {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #acc7ed;
	text-align: left;
}

.inputselect {
         width: 220px;
         margin: 0px 5px 0px 0px;
}

#divSearchResults {
        margin-top: 20px; 
        color: #c7d8f0;
}

#divSearchResults P {
        color: #FFFFFF;
        font-weight: bold;
}

#divSearchResults A, #divSearchResults A:link, #divSearchResults A:visited {
	color: #FFFFFF;
}

#divSearchResults A:hover {
	color: #c7d8f0;
}

#divSearchResults TD {
        color: #c7d8f0;
}


#divAdvancedSearch, #divAdvancedSearch TD {
        color: #FFFFFF;
}

.frmSearchHome {
         display: block;
         width: 160px;
         margin: 0px;
         
}

.frmSearchHome .inputselect {
         width: 160px;
         margin: 0px 0px 5px 0px;
         float: right;
}

.frmSearchHome #text1 {
         width: 160px;
         margin: 0px 0px 5px 0px;
	background-image: url("/Data/Dataimages/Upload/icosearchblue.gif");
	background-position: right top;
	background-repeat: no-repeat;
         float: right;
}

/* NEW STYLE FOR DOCUMENTS */

#doctype, #services, #document {
           margin-bottom: 20px;
}

#document li table {
         width: 100%;
         margin: 2px;
         padding: 2px;
         background-color: #FFFFFF;
}

#doctype, #services, #document, #doctype P, #services P, #document P, #doctype TD, #services TD, #document TD, .listDocSummaryFrame, .listDocSummaryFrame P, .listDocSummaryFrame TD, .listAdressSummary P, .listAdressSummary TD {
           color: #02368e;
}

.link-tag, .link-tag A, .link-tag A:link, .link-tag A:visited {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #285bb0;
	text-decoration: none;
         list-style-type: none;
}

#document A, #document A:link, #document A:visited {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #285bb0;
	text-decoration: none;
}

#document .qsArtTitleList {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #02368e;
	text-align: left;
	margin-bottom: 5px;
}


#document UL, #document LI {
         vertical-align: top;
         list-style-type: none;
         padding: 0px;
         margin: 0px;
}

#services UL, #services LI {
         vertical-align: top;
         list-style-type: none;
         padding: 0px;
         margin: 0px;
}

#doctype UL, #doctype LI {
         vertical-align: top;
         list-style-type: none;
         padding: 0px;
         margin: 0px;
}

.qsTitleBlack {
	font: normal 12px Arial, Helvetica, Sans Serif;
         font-weight: bold;
         padding-bottom: 5px;
         color: #02368e;
}

.colHomeFrame {
          padding-right: 20px;
          margin-bottom: 30px;
}

.imgAdress IMG {
         padding: 0px;
         margin-right: 20px;
         border: solid 5px #c7d8f0;
}

.listDocTitle, .listDocTitle A:link, .listDocTitle A:visited {
	font: normal 22px Arial, Helvetica, Sans Serif;
	color: #02368e;
	text-align: left;
         padding-top: 25px;
	margin-bottom: 20px;     
}

.listDocSummaryFrame {
         width: 100%;
         margin: 2px;
         padding: 2px;
         background-color: #FFFFFF;
}

.listAdressSummary, .listAdressSummary A, .listAdressSummary A:link, .listAdressSummary A:visited {
	color: #000000;
         margin-bottom: 2px;
}

.listDocSummaryFrame A, .listDocSummaryFrame A:link, .listDocSummaryFrame A:visited {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #285bb0;
	text-decoration: none;
}

.link-tag A:hover, .listAdressSummary A:hover, .listDocTitle A:hover, .listDocSummaryFrame A:hover {
	color: #517ac0;
	cursor: hand;
	text-decoration: underline;
}


.listDocSummaryFrame .qsArtTitleList {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #02368e;
	text-align: left;
	margin-bottom: 5px;
}


.listDocSummaryFrame UL, .listDocSummaryFrame LI {
         vertical-align: top;
         list-style-type: none;
         padding: 0px;
         margin: 0px;
}

.titleDoc {
        font: 18px Arial,Helvetica,Sans Serif;
	text-align: left;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.titleDoc A, .titleDoc A:link, .titleDoc A:visited  {
	font: normal 22px Arial, Helvetica, Sans Serif;
         font-size: 14px;
	text-align: left;
         color: #02368e;
	text-decoration: none;
}

.titleDoc A:hover {
	font: normal 22px Arial, Helvetica, Sans Serif;
         font-size: 14px;
	text-align: left;
         color: #285bb0;
	text-decoration: none;
}

.documentdetailtable {
         width: 100%;
         padding: 10px;
 
}

.documentdetailtable td {
         background-color: #FFFFFF;
         border-right: solid 5px transparent;
         padding:10px 5px 10px 5px;
}

.documentdetailtable td ul {
         text-indent: 0px;
         padding: 0px;
         margin: 0px;
         list-style-type: none;
}

.documentdetailtable td li {
         text-indent: 0px;
         padding: 5px 0px 0px 0px;
         margin: 5px 0px 0px 0px;
         list-style-type: none;
}

.documentdetailtable .documentdetailtdimage, .documentdetailtable .documentdetailtddoctype {
         border-right: none;
}

.btnnewsearch {
         white-space: nowrap;
         display: block;
         width: 110px;
         padding: 5px 10px 5px 10px;
         border: solid 1px #02368e;
         background-color: #FFFFFF;
}

.btnnewsearch:hover {
         background-color: #c7d8f0;
}

.searchform A, .searchform A:link, .searchform A:visited  {
         color: #c7d8f0;
}

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

/* SPECIAL CLASSES FOR TEMPLATE DOC SUMMARY */

.documentSummary {
          width: 100%;
}

.documentSummary TD {
          display: block;
          padding: 2px 5px 2px 5px;
          vertical-align: top;
}

.documentSummaryId {
          font-weight: bold;
          width: 70px;
}

.documentSummaryType {
        width: 120px;
        text-align: right;
}

.documentSummarySize {
        width: 50px;
        text-align: right;
}

.documentSummaryAuthor {
        width: 215px;
        text-align: right;
}


.otherdocstable td {
         padding: 4px;
}

.newListVideosConseilFrame {
         padding-top: 15px;
}

.newlistVideosConseilFrame .video-content, .newlistVideosDebatFrame .video-content {
         border: none;        
}

.newlistVideosConseilFrame .qsPageHeader, .newlistVideosDebatFrame .qsPageHeader {
         margin-bottom: 25px;
}

.newlistVideosConseilFrame .movieTitle, .newlistVideosDebatFrame .movieTitle {
         font: normal 12px Arial, Helvetica, Sans Serif;
         color: #FFFFFF;
         padding: 5px 0px 0px 0px;
         margin: 0px 0px 25px 0px;
}

.newlistVideosConseilTitle, .newlistVideosDebatTitle {
         font: normal 12px Arial, Helvetica, Sans Serif;
         color: #FFFFFF;
         padding: 5px 0px 0px 0px;
         margin: 0px;
}

.newlistVideosConseilTitle A, .newlistVideosConseilTitle A:link, .newlistVideosConseilTitle A:visited {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #FFFFFF;
	text-decoration: none;
         
}

.newlistVideosDebatTitle A, .newlistVideosDebatTitle A:link, .newlistVideosDebatTitle A:visited {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #02368e;
	text-decoration: none;
         
}

.newlistVideosConseilTitle A:hover {
	color: #c7d8f0;
	cursor: pointer;
	text-decoration: none;
}

.newlistVideosDebatTitle A:hover {
	color: #517ac0;
	cursor: pointer;
	text-decoration: none;
}

/* OLD LIST VIDEO CONSEIL */

.listVideosConseilFrame {
         padding-top: 15px;
}

.listVideosDebatFrame {
 /*      padding-top: 15px;*/
}

.listVideosConseilFrame .video-content, .listVideosDebatFrame .video-content {
         border: solid 3px #FFFFFF;
         background: #FFFFFF;        
}

.listVideosConseilFrame .qsPageHeader, .listVideosDebatFrame .qsPageHeader {
         margin-bottom: 25px;
}

.listVideosConseilFrame .movieTitle, .listVideosDebatFrame .movieTitle {
         font: normal 12px Arial, Helvetica, Sans Serif;
         color: #FFFFFF;
         padding: 5px 0px 0px 0px;
         margin: 0px 0px 25px 0px;
}

.listVideosConseilTitle, .listVideosDebatTitle {
         font: normal 12px Arial, Helvetica, Sans Serif;
         color: #FFFFFF;
         padding: 5px 0px 0px 0px;
         margin: 0px;
}

.listVideosConseilTitle A, .listVideosConseilTitle A:link, .listVideosConseilTitle A:visited {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #FFFFFF;
	text-decoration: none;
         
}

.listVideosDebatTitle A, .listVideosDebatTitle A:link, .listVideosDebatTitle A:visited {
	font: normal 12px Arial, Helvetica, Sans Serif;
	color: #02368e;
	text-decoration: none;
         
}

.listVideosConseilTitle A:hover {
	color: #c7d8f0;
	cursor: pointer;
	text-decoration: none;
}

.listVideosDebatTitle A:hover {
	color: #517ac0;
	cursor: pointer;
	text-decoration: none;
}

.ccvFrame .qsPageHeader {
         padding-bottom: 10px;
}

#videocontainer object {
         margin:0px;
         padding:0px;
         text-align: right;
}

#videocontainer {
         width: 557px;
         height: 313px;
         border: solid 3px #517ac0;
         background-color: #000000;
}

/* STANDARD CLASSES FOR COPYRIGHT */

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

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

#copyright A:hover {
         color: #517ac0;
}

.logo11 {
         display: block;
         position: absolute;
         z-index: 1;
         top: 0px;
         left: 50%;
         margin-left: 290px;
}

.logo11 img {
         border: none;
}

#hmenu {
         display: block;
         position: absolute;
         z-index: 2;
         top: 125px;
         left: 0px;
         width: 100%;
         height: 85px;
	background-image: url("/Data/Dataimages/Upload/bgMenu11.png");
	background-position: left top;
	background-repeat: repeat-x;
         text-align: center;
}

.hmenucontainer {
         width: 990px;
         height: 70px;
         margin: 15px auto 0px auto;
         text-align: left;
}

.searchcontainer {
         float: right;
         width: 205px;
         height: 40px;
	background-image: url("/Data/Dataimages/Upload/bgSearch11.png");
	background-position: left top;
	background-repeat: no-repeat;
         border-left: solid 2px #02368e;
}

.searchcontainer p {
         color: #B8D2FE;
}

.tplLinksList {
         width: 205px;
         overflow: hidden;
         margin-bottom: 20px;
	background-image: url("/Data/Dataimages/Upload/bgCatLinks11.png");
	background-position: left top;
	background-repeat: no-repeat;
}

.tplLinksList h2, .tplConseilCommunalList h2 {
         display: block;
         width: 205px;
         height: 25px;
         line-height: 25px;
         padding: 0px;
         margin: 0px;
         font-size: 14px;
         color: #FFFFFF;
         font-weight: bold;
	background-image: url("/Data/Dataimages/Upload/icoStar11.png");
	background-position: right center;
	background-repeat: no-repeat;
         text-indent: 8px;
}

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

.tplLinksList li {
         padding: 3px 0px 3px 8px;
         margin: 0px;
         border-bottom: solid 1px #517ac0;
}

.tplLinksList A, .tplLinksList A:link, .tplLinksList A:visited , .tplConseilCommunalList A, .tplConseilCommunalList A:link, .tplConseilCommunalList a:visited{
	color: #FFFFFF;
         font-size: 14px;
}

.tplLinksList A:hover, .tplConseilCommunalList a:hover{
	color: #B8D2FE;
}

.tplLinksList li .qsMenu-title {
         display: none;
}
.tplConseilCommunalList
{
         width: 205px;
         margin-bottom: 20px;
	background-image: url("/Data/Dataimages/Upload/bgCatLinks11.png");
	background-position: left top;
	background-repeat: no-repeat;
}
.tplConseilCommunalList h1
{
text-transform: none;
margin: 3px 0px 3px 8px;
}
.templatedphlastarticles {
         width: 145px;
         overflow: hidden;
         margin-bottom: 20px;
}

.templatedphlastarticles h2 {
         display: block;
         width: 145px;
         height: 25px;
         line-height: 25px;
         padding: 0px;
         margin: 0px;
         font-size: 14px;
         color: #FFFFFF;
         font-weight: bold;
	background-image: url("/Data/Dataimages/Upload/icoClock11.png");
	background-position: 125px center;
	background-repeat: no-repeat;
}

.templatedphlastarticles ul {
         padding: 0px;
         margin: 0px;
         list-style-type: none;
         border-top: solid 1px #517ac0;
}

.templatedphlastarticles li {
         padding: 3px 0px 3px 0px;
         margin: 0px;
         border-bottom: solid 1px #517ac0;
}

.templatedphlastarticles A, .templatedphlastarticles A:link, .templatedphlastarticles A:visited {
	color: #FFFFFF;
         font-size: 14px;
}

.templatedphlastarticles A:hover {
	color: #B8D2FE;
}

.linkHome {
         width: 145px;
         height: 145px;
         margin-bottom: 35px;
         overflow: hidden;
}

.linkHome div {
         width: 145px;
         height: 25px;
	background-image: url("/Data/Dataimages/Upload/bgHomeLinks11.png");
	background-position: left center;
	background-repeat: no-repeat;
         margin-bottom: 5px;
}

.linkHome A, .linkHome A:link, .linkHome A:visited {
	color: #FFFFFF;
         font-size: 14px;
         display: block;
         height: 25px;
         line-height: 25px;
         text-align: right;
	background-position: left center;
	background-repeat: no-repeat;
         padding-right: 8px;
}

.linkHome A:hover {
	color: #c7d8f0;
}

.linkHome .linkCartoriviera {
	background-image: url("/Data/Dataimages/Upload/icoCartoriviera11.png");
}

.linkHome .linkVilleImages {
	background-image: url("/Data/Dataimages/Upload/icoVilleImages16.png");
}

.linkHome .linkYoutube {
	background-image: url("/Data/Dataimages/Upload/icoYoutube11.png");
}

.linkHome .linkFacebook {
	background-image: url("/Data/Dataimages/Upload/icoFacebook11.png");
}

.linkHome .linkGooglePlus {
	background-image: url("/Data/Dataimages/Upload/icoGooglePlus11.png");
}

.linkHome .linkVeveyTV {
	background-image: url("/Data/Dataimages/Upload/icoVeveyTV16.png");
}

.linkHome .linkWebcam {
	background-image: url("/Data/Dataimages/Upload/icoWebcam11.png");
}

.visiteVirtuelleContent {
         display: block;
         float: left;
         width: 245px;
         padding: 0px;
         margin: 0px 10px 10px 0px;
         background: #FFFFFF;
}

.visiteVirtuelleContent .legende {
         padding: 0px 5px 0px 5px;
         line-height: 15px;
         height: 30px;
         overflow: hidden;
}

.visiteVirtuelleContentImage img {
         margin: 5px;
         width: 235px;
}

.popupClose {
         position: absolute;
         z-index: 101;
         width: 30px;
         height: 30px;
         left: 50%;
         top: 50%;
         padding: 0px;
         margin: -300px 0px 0px 470px;
	background-image: url("/Data/Dataimages/Upload/btnClose.png");
	background-position: left top;
	background-repeat: no-repeat;
         cursor: pointer;
}

.popupFilter {
         display: none;
         position: absolute;
         z-index: 99;
         width: 100%;
         height: 100%;
         left: 0px;
         top: 0px;
         padding: 0px;
         margin: 0px;
	background-image: url("/Data/Dataimages/Upload/pixBlueTrans.png");
	background-position: left top;
	background-repeat: repeat;
}

.popup360 {
         display: block;
         position: absolute;
         z-index: 100;
         width: 900px;
         height: 600px;
         left: 50%;
         top: 50%;
         padding: 0px;
         margin: -300px 0px 0px -450px;
         border: solid 10px #FFFFFF;
         overflow: hidden;
}

.popup360 * {
         overflow: hidden;
}

.anim360logo img {
        margin: 50px 0px 0px 0px;
        padding: 0px;
        border: 0px;
}

.anim360logo:hover img {
        opacity:0.6;
        filter:alpha(opacity=60);
 
}


/*CONSEIL COMMUNAL EN DIRECT*/

.streamHome, .stream
{
z-index:1;
overflow:auto;
}
#streamBox
{
position:absolute;
top: 0px; 
padding:50px 0px 0px 0px;
background: url("/data/dataimages/upload/bgStreamBox.png");
margin:0px auto;
left:0px;
width:100%;
height:100%;
text-align:center;
z-index:10;
}
.streamWindow
{
width:480px;
position:relative;
margin:0px auto;
text-align:left;
}
.streamWindow h2
{
margin:0px;
font-size:14px;
}
.titleStream a
{
position: absolute;
top:0px;
right:-30px;
width: 30px;
height: 30px;
background-image: url("/data/dataimages/upload/close2.png");
}
.titleStream
{
margin:0px 0px 10px 0px;
}

.titleStream h2
{
background-image:none;
}

.titleStream a:hover
{
background-image: url("/data/dataimages/upload/close2Hover.png");
}
.gs-title a:hover
{
font-size:16px;

}

.citeEnergie {
display: block;
width: 205px;
height: 67px;
margin-bottom: 10px;
background-image: url("/data/dataimages/upload/logo-label-cite-energie.png");
background-position: center center;
background-repeat: no-repeat;
}

/* JWPLAYER */

#myElement {
   color: #FFFFFF;
}