/***/

body, table, select, input, textarea, option, button {
  font:12px 'Arial', sans-serif;
  color:#333333;
}

a, a:link {
	text-decoration:none;
	color: #CC2958;
}
a:hover {
	text-decoration:underline
}

body {
	margin:0px 10px;
	background-color: white;
	min-width:950px;
	/*min-height:700px;*/
}
body.smallBody {
	min-width:640px;
}

img {
  border:none;
}

/* ========================= 
  Headers and Footers
========================== */

#topHeader {
	text-align:center;
	margin-bottom:10px;
}

#lastDiapsHztl {
  background:#cc2958;
  border:3px double white;
  color:white;
  padding-left:5px;
  padding-right:5px;
  overflow:auto;
  width:95%;
  height:120px;
  margin-top:5px;
}

#lastNews {
  background:#cc2958;
  border:3px double white;
  color:white;
  padding-left:5px;
  padding-right:5px;
  float:right;
  width:20%;
  height:100%;
  margin-top:5px;
}

#topHeader img {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

h1 {
	text-align:center;
	padding:5px;
	background-color:#daf198;
	color:#CC2958;
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
  margin-top:5px;
}

.menustrip {
	clear:both;
	background-color:#daf198;
	padding:5px;
}

.menustrip img {
	vertical-align:middle;
}

.menustrip span {
	padding-right:10px;
}

h3 {
  background-color:#DAF198;
  color:#777777;
  font-weight:bold;
  margin:5px 0px;
  font-size:100%;
  text-align:center;
}

h2 {
  color:#CC2958;
  background:#daf198;
  font-size:14px;
  padding:10px
}

h4 {
  color:#CC2958;
  font-weight:bold;
}

h5 {
  color : black;
  font-size : 100%; 
  text-decoration : none ;
  font-weight : normal ;
  padding-left : 10px;
  font-style : italic ;
}

/* ========================= 
  Main divs
========================== */

.leftCol20 {
	width:20%;
	float:left;
}

.rightCol {
  float:right;
  margin-right:5px;
}

.shiftLeftColSmall {
	padding-left:23%;
}

.shiftLeftCol20 {
	padding-left:30%;
}

.leftCol40 {
	width:40%;
	float:left;
}

.shiftLeftCol40 {
	padding-left:45%;
}

.shiftAdvertCol {
	padding-right:200px;
}

.shiftPublicDiapsCol {
  padding-right:300px;
}

#advertCol {
  float:right;
  width:120px;
  height:600px;
  background-color:#EEE;
  margin-left:20px;
}

#contentCol, #leftCol40, #leftCol20, #advertCol {
  margin-bottom:10px;
}

.help {
  color: #666;
  background: #f0f0f0;
  padding: 10px;  
}
/* Player page basic style */
/*-----------------------------------*/

#player_h1 {
	background-image : url(../images/player/logo_diapme.jpg);
	background-position : center ;
	background-repeat : no-repeat;
	background-color: white ;
	height : 100px;
	width : 100% ;
	margin : 0 ;
	padding : 0 ;
	
}

#play_content {
  margin:auto;
  width: 644px;
  height:504px;
  border : 2px solid #cc2958;
  padding:5px;
  margin-bottom:5px;
  /*background-color:#333333*/
}

#controls {
  text-align : center;
  margin:auto;
  position:relative;
  z-index:10;  
}

#controls a img {
  padding:1px;
  margin-top : 3px ;
}

#audio {
  width:0;
  height:0;
  position:absolute;
}

#video {
  position:relative;
  width:0px;
  height:0px;
}

#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:640px;
	height:480px;
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#slide-images li img{
	display:block;
}

.slideDiv {
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    height:480px;
    width:640px;
}

.slideImage {
  margin:auto;
}

.iePlayerTrick {
  height:100%;
  vertical-align:middle;
  width:1px; /* for apple fan boys (IE on mac)*/
}

#slide-show {
  background-color:black;
}

#imageCaption {
  position:relative;
  display:block;
  z-index:9;

}

.imageCaptionP {
  text-align:center;
  font-weight:bold;
}

.maskPlayer {
  text-align:center;
  height:400px;
  padding:20px;
}

#ad {
  margin:10px;
}

.maskSpinner {
  margin-left:auto;
  margin-right:auto;
}

/* ========================= */
/*  Tables                   */
/* ========================= */

.hidden {display: none;}

td h3 {margin:0px}

/** collapse **/

table.collapse {
 border-collapse:collapse;
}

/** pretty **/

table.pretty {
  margin:0px 0px;
  color:#555555;
  border-spacing:2px;
  width:100%;
}

table.pretty td, table.pretty th, table.pretty caption {
  padding: 0.4em;
  vertical-align:middle;
  background-color:#daf198;
}

table.pretty caption {
  background-color:#DAF198;
  color:#777777;
  font-weight:bold;
  font-size:100%;
  margin:0px 2px;
}

table.pretty a:link, table.pretty a:visited, table.pretty a:hover {
  display:block;
  padding:3px;
  font-weight: bold;
  color: black;
  text-decoration:none;
}

table.pretty a:hover {
  background: #9dd500;
  color:white;
}

table.pretty a img {
  vertical-align:middle;
}

table.pretty thead th, table.pretty thead td {
  font-size: 100%;
  font-weight: bold;
  color: #777;
  background-color:#daf198;
}

table.pretty td.rightSide {
  text-align: right;
}

table.pretty td.centerHorizontal {
  text-align: center;
}

table.pretty tbody tr.selected td {
  background:#cc2958;
  color:white;
}

table.pretty tr.alternateRow td {
  background-color: rgb(180, 180, 180);  /*#e0e0e0;*/
}

table.pretty tbody td.inverse {
  background-color: rgb(180, 180, 180);
  color: white;
}

table.pretty tr.canceledRow td {
	text-decoration: line-through;
	background: #666;/* rgb(128,0,0); #C96; rgb(215,215,215); #ededff; #f3f3f3; */ 
	color: white; 
}

table.pretty tbody tr.even th, table.pretty tbody tr.even td {
  background: #fafafa; 
}

table.pretty.purple thead {
  background: #ededff; 
}

table.pretty td.canceled {
	text-decoration: line-through;
}

table.pretty td.narrow {
  width: 20px;
}

/* ========================= 
  Legends or Miscellaneous
========================== */

.biggerFont {
  font-size:120%;
}

.indicLegend 
{
  font-size: 90%;
	color: #444444;

}
.diapmeUrl
{
  padding-left: 15px;
  padding-right: 15px;
  color : #cc2958;
}

.indicError
{
	font-weight: bold;
  background-color: #CC2958 !important;
	color: white;
  padding:3px
}

.indicSuccess
{
	font-weight: bold;
  background-color: #9DD500 !important;
	color: white;
  padding:3px
}

.indicInfo
{
  color: #666;
  background-color:#f0f0f0 !important;
  padding:5px;
}

.asterisk 
{
	font-size: 16px;
	padding-left:0.3em;
	padding-right:0.3em;
}


.redtext {
  color:#CC2958;
  font-weight:bold;
}

.greenbackground {
  background-color:#daf198; /** vert diapme clair **/
}

.floatLeft {
  float:left;
}

.maxWidth200 {
  max-width:200px;
}
.floatRight {
  float:right;
}


/* ========================= 
  Gallery
========================== */

.gallery {
  margin:2px 2px 20px;
  background-color:#daf198;
}

.galleryContainer {
  max-height:300px;
  overflow:auto;
}
.gallery div {position:relative}
.gallery img {
  vertical-align:top;
  margin-right:10px;
}
.gallery .overlay {
  position:absolute;
}
.gallery .overlay a, .gallery .overlay input {
  position:relative;
  left:-20px
}
.gallery .overlay img {
  height:16px;
  width:16px;
  border:none;
}
.gallery .block {
  display:inline-block;
  vertical-align:top;
  white-space:nowrap;
}
.gallery .thumb {
  display:inline-block;
  width:100px;
  margin:5px;
  color:black;
  text-align:center;
	padding:3px;
  background:white;
  text-decoration:none;
  border:2px solid white;
  white-space:normal;
}

.gallery .thumb img {
  max-width:100px;
}

.gallery .thumb:hover {
  background: #9dd500;
  border:2px solid #9dd500;
  color:white;
}

.gallery .selected, .gallery .selected:hover {
  border:2px solid #CC2958;
}

.gallerySelector {
  padding:3px 5px;
  border-bottom:1px solid white;
  background-color:#daf198;
}

.gallerySelector img {
  height:16px;
  width:16px;
  vertical-align:middle;
}

/* Toolbar */

.toolbar {
  background:#daf198;
  padding:5px;
  margin-bottom:5px 0px
}
.toolbar img {vertical-align:middle; margin-right:3px}
.toolbar a {margin-right:5px}

.addToolbar {
  height:16px;
}

#lastDiaps {
  background:#cc2958;
  border:3px double white;
  color:white;
  text-align:center;
  padding:5px;
  
  overflow:auto;
  height:400px;
}
  
#otherServicesDiv {
  background-color:white;
  border : 2px solid #cccccc;
  padding:5px;
  margin:5px;
}
#otherServicesDiv img {
  margin:5px;
}

.publicDiapsCol {
  background-color:white;
  border : 2px solid #cccccc;
  padding:5px;
}

.piledThumbs {
  margin:5px;
}

.icon {
  margin:10px;
}
.icon img {
  vertical-align:middle;
}
.icon span {
  display:inline-block;
  vertical-align:middle;
}
a.icon:hover {
  text-decoration:none;
}
a.icon:hover span {
  text-decoration:underline
}

.longPopupContent {
  height:400px;
  overflow:auto;
  margin-bottom:10px;
  padding-right:10px
}

.code {
  background-color:#daf198;
  border:1px solid #9dd500;
  font-family:monospace;
}

fieldset {
  padding:0px 10px 5px;
}
fieldset p {
  margin:0.3em 0px;
}
button img {
  vertical-align:middle;
  margin-right:5px;
}

button {
  background:white;
  border:1px solid #cc2958;
  color:#cc2958;
}

.spinner {color:#cc2958}
.spinner img {vertical-align:middle; margin-right:5px}

.guidedtour fieldset {
  padding:10px;
}

.breakDiv {
  height:20px;
  width:100%;
}

.title {
  width:100%;
  margin:5px;
  text-align:center;
}

legend {
  margin-left:5px;
  margin-right:5px;
  font-size:14px;
}

.centered {
  text-align:center;
}

.fixedHeight300 {
  height:300px;
  overflow:auto;
}

.maxHeight300 {
  max-height:300px;
  overflow:auto;
}

.stuckToOthers {
  margin:0px
}

/* ========================= 
  Tabs
========================== */

.tabs {
	list-style-type:none;
	margin-bottom:0px;
	padding:0px;
}

.tabs li {
  display:inline-block;
  padding:2px 5px;
  border:1px solid #cc2958;
  border-bottom:none;
  border-radius:5px 5px 0px 0px;
  cursor:pointer;
  font-weight:bold;
}

.activeTab {
  background-color:#cc2958;
  color:white;
}

.tabs li img {
  height:16px;
  width:16px;
  vertical-align:middle;
  margin-right:3px
}

.tabContent {
  padding:10px;
  border:1px solid #cc2958;
}