/* CSS Document */
/* for margin, border and padding, the order is top right bottom left */

/* GENERAL */

body {
	font : 14px Verdana, Arial, Helvetica, sans-serif ;
	margin : 20px 20px 20px 20px ;
	width:1020px;
/*	background-color : #DDE5FC ;
	font : 14px Verdana, Arial, Helvetica, sans-serif ;*/
	text-align : left ;
}

#logo {
	position: absolute;
}



#titre {
	/*margin-left: 110px;*/
	margin-left: 0px;
	margin-right:00px;
	/*margin-right: 110px;*/
	height: 140px;
	padding : 0px 0px 0px 0px ;
	border: 0px;
	/*	position : fixed ;
	left : 0px ;
	top : 0px ;
	background-image : url("titre.jpg") ;
	background-repeat : no-repeat ;
	width : 100% ;
	height : 80px ;
	font : bold 30px Verdana, Arial, Helvetica, sans-serif ;
	padding : 35px 0px 0px 30px ;*/
}

#titre h1 {
	font-size: 30px;
	font-weight: bold;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px;
	color:#008000;
}

#titre h2 {
	font-size: 14px; /*bold 18px Verdana, Arial, Helvetica, sans-serif ;*/
	font-style: italic;
	font-weight: bold;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	display: inline;
 /*	color:#F3C300;*/
}

#titre h3 {
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
 /* Verdana, Arial, Helvetica, sans-serif ;*/
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	display: block;
}


#contenu {
	margin-left:50px;
	margin-right:220px;
	background-color:#EEEEEE;
	border:1px solid black;
	padding: 20px;
}

#contenutitre {
	margin-right:00px;
	padding: 20px 20px 0 30px;
}

div.case{
	margin-right:60px;
/*	background-color:#EEEEEE;
	padding:3px 10px 30px 30px;
	border: 2px solid;*/
}

div.boite{
	margin-left:50px;
	margin-right:220px;
	background-color:#EEEEEE;
	border:1px solid black;
}

/* MENU */

#menu {
/*	position : fixed ;
	right : 20px ;
	top : 40px ;
	width : 100% ;
	height : 30px ;
	font : 20px Verdana, Arial, Helvetica, sans-serif ;
	text-align : right ;*/
/*	position:absolute;
	right:50px;
	position:absolute;*/
	float:right;
	right:60px;
	width:210px;
	border: 0px  solid #CCCCCC;
	padding: 0px;
}

#menu div {
	border : 1px solid #FFFFFF;
	margin : 0px;
	padding : 0px 10px 0px 10px ;
	display: block;
/*	border : 1px solid #000099 ;
	width : 100% ;*/
}

/*
#menu div:hover {
	text-decoration : none ;
	color:#000066 ;
	background-color: #dcdcdc;
}


#menu div.current {
	color: #000066;
	background-color: #dcdcdc;
}*/

#menu div a {
	display:block;
	background-color: #ffffff;
}

#menu div.current a {
	display:block;
	background-color: #dcdcdc;
}

#menu div:hover a {
	display:block;
	background-color: #dcdcdc;
}

#menu div div {
	display:none;
}

#menu div:hover div {
	display:block;
}

#menu div.current div  { 
	display:block;
}

#menu div div.sub a {
	display:block;
	background-color: #ffffff;
}

#menu div div.subcurrent a{
	display:block;
	background-color: #00cc00;
}

#menu div div a:hover {
	display:block;
	background-color: #00cc00;
}


span.dateLabel {
	font-style:normal;
}

span.date {
	font-weight:bold;
}

hr {
 color:#000066;
}


/* TITRES */

h1 {
	/*font: bold 20px Verdana, Arial, Helvetica, sans-serif ;*/
	margin: 0px 0px 15px 0px ;
/*	border: 1px solid #405CC7 ;*/
	padding: 10px 0px 10px 0px ;
/*	text-align: center ;*/
}


/* TABLES */

table.publis {
	width : 100% ;
	background-color : #FFFFFF ;
	margin : 10px 0px 10px 0px ;
	border : 1px solid #CCCCCC ;
	padding : 0px ;
}

table.publis td {
	margin : 0px ;
	border : 1px solid #CCCCCC ;
	padding : 10px 20px 10px 20px ;
}

td.icone {
	width : 50px ;
	margin : 0px ;
	border : 0px ;
	padding : 2px ;
}


table.program {
	width : 100%;
}

table.program td {
text-align:left;
}

table.program td.time {
/*font-size: pt; */
  width:105px;
  white-space: nowrap;
  vertical-align: top;
}

table.program td span.author {
  color: black; 
}

table.program td span.break {
font-style:italic;  
}
table.program td span.talkTitle {
  color: #305EA2; 
}
table.program td span.invitedTalkTitle {
  color: #305EA2; 
}
table.program td div.talkTitle {
  color: #000066; 
}
/* AUTRES */

.box {
	margin : 4px 5px 4px 0px ;
	border: 1px solid #405CC7 ;
	padding : 1px 3px 1px 3px ;
}

img {
	border: 0px ;
}

a:link {
 color:#006600;
}

a:visited {
   color:#006600;
}

a.name:link {
color:#229922;
}

a.name:visited {
color:#229922;
}

ul.packed  {
  list-style-type: none;
  padding: 0px;
  margin-left: 0px;
}
ul.packed ul{
  list-style-type:none;
  padding: 0px;
  margin-left: 30px;
}
td.rAlign {
  text-align:right;
  padding-right:5px;
	font-weight: bold;
}


#contenu h2{ color:#008000}

#contenu h3{ color:#008000}

#contenu h3.program{ color:#008000; font-size:18px}

#contenu h4{ color:#008000}

#contenutitre h2{ color:#008000}
p {
text-align:justify;
}

/* PAGES ANNOUNCEMENTS */


div.call {
text-decoration:none;
 color:#000066;
 width:360px;
}

div.call:hover {
 width:525px;
}

div.call div {
 display:none;
 border:solid;
 background-color:#CCFFEE;
 width:500px;
 overflow:auto;
 padding:10px;
} 

div.call:hover div {
 display:block;
} 

div.call pre {
 font-size:86%;
}

td.hotel1 {
text-align:center;
}

td.hotel2 {
text-align:center;
font-size:90%;
}

td.hotel3 {
text-align:center;
font-size:90%;
}

td.hotel4 {
color:purple;
}

td.hotel5 {
text-align:center
}

td.hotel6 {
text-align:center;
}

td.hotel7 {
text-align:center;
}

table.registration td {
text-align:center;
}


div.invitedSummary {
text-decoration:none;
 color:#000066;
 width:260px;
}

div.invitedSummary:hover {
 width:425px;
}

div.invitedSummary div {
 display:none;
 border:solid;
 background-color:#000066;
 width:400px;
 overflow:auto;
 padding:10px;
} 

div.invitedSummary:hover div {
 display:block;
} 


div.smartSummary {
text-decoration:none;
  color: #305EA2; 
 width:500px;
}

div.smartSummary:hover {
 width:500px;
}

div.smartSummary div {
 display:none;
 border:solid;
 background-color:#DDFFFF;
 width:500px;
 overflow:auto;
 padding:10px;
} 

div.smartSummary:hover div {
 display:block;
} 








/* TABLEAU PENCHÉ */
div.tableauPenche table {
    border-collapse: collapse;
    margin: 50px 0 0 50px;
    border-top: none;
    position: relative;
}

/* Very top border */
div.tableauPenche  table:before {
    content:'';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 0px;
    width: 0px;
    border: solid 1px #000;
    border-bottom: none;
}

/* Far right headers top border (it's outside the table) */
div.tableauPenche  table:after {
    content:'';
    display: block;
    position: absolute;
    border-top: none;
    width: 101px;
    right: -101px;
    top: 0;
}

/* 
 *      - Apply header background/font colour 
 *           - Set base z-index for IE 9 - 10
 *           *
div.tableauPenche  thead, th:before {
    background: #03a9f4;
    color: #FFF;
    z-index: 1;
}*/

/* min-width and max-width together act like a width */
div.tableauPenche  th {
    min-width: 30px;
    max-width: 30px;
    position: relative;
    height: 80px;
}

/* Pseudo element borders */
div.tableauPenche  th:before {
    content:'';
    display: block;
    position: absolute;
    top: 2px;
    right: -38px;
    height: 80px;
    width: 30px;
    border: solid 1px #000;
    border-right: none;
    border-top: solid 1px #000;
    transform: skew(-45deg);
    border-bottom: none;
}

/* Apply the right border only to the last pseudo element */
div.tableauPenche  thead th:last-child:before {
    border-right: solid 1px #000;
}

/* Apply the top border only to the first rows cells */
div.tableauPenche  tbody tr:first-child td {
    border-top: solid 1px #000;
}

/* 
 *      - Rotate and position headings
 *           - Padding centers the text vertically and does the job of height
 *                - z-index ensures that the text appears over the background color in IE 9 - 10
 *                */
div.tableauPenche  th span {
    transform: rotate(-45deg);
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: -74px;
    bottom: 29px;
    height: 0;
    padding: 0.75em 0 1.85em;
    width: 100px;
    z-index: 2;
}

/* Create first two th styles */
div.tableauPenche  th:nth-child(1), th:nth-child(2) {
    border: solid 1px #000;
    border-top: none;
    border-bottom: none;
}
div.tableauPenche th:nth-child(2) {
    border-right: none;
}
div.tableauPenche th:nth-child(1):before, th:nth-child(2):before {
    display: none;
}

div.tableauPenche td {
    border: solid 1px #000;
    border-bottom: none;
    border-top: none;
    height: 20px;
    text-align: center;
}
div.tableauPenche tfoot {
    border: solid 1px #000;
}