.today {
	color: white;
	background: #007bff;
}

.seminaire {
	background: #CFD;
	cursor: pointer;
}

.soutenance {
	background: #CDF;
	cursor: pointer;
}

.workshop {
	background: #CAF;
	cursor: pointer;
}

.congres {
	background: #FDC;
	cursor: pointer;
}

.hdr {
	background: #CBC;
	cursor: pointer;
}

.social {
	background: #FFC;
	cursor: pointer;
}



.cropit-preview {
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-top: 7px;
	width: 400px;
	height: 250px;
}

.cropit-preview-image-container {
	cursor: move;
}

.image-size-label {
	margin-top: 10px;
}

input {
	display: block;
}

.export {
	margin-top: 10px;
	margin-bottom: 10px;
}
 
input.cropit-image-input {
	visibility: hidden;
}
			
#submit {
	visibility: hidden;
}


/*********************************************************************************************************/
/*																			Page de prise de photos																					 */
/*********************************************************************************************************/

#camera_entete {
	position: relative;
  width: 720px;
  height:50px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

#camera {
	position: relative;
  width: 720px;
  height:540px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

#gauche {
	position:absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100%;
	background-color: black;
	opacity: 0.4;
}

#droite {
	position:absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100%;
	background-color: black;
	opacity: 0.4;
}

#center {
	position:absolute;
	top: 0;
	left: 100px;
	width: 520px;
	height: 100%;
	opacity: 0.5;
	background-image: url("./../img/portrait.png");
}
  
#video {
	position:relative;
	top: 0;
	left: 0;
  border: 1px solid black;
  box-shadow: 2px 2px 3px black;
  width:720px;
  height:540px;
  z-index: -1;
}

#photo {
	position:absolute;
	top: 0px;
	left: 0px;
  border: 1px solid black;
  box-shadow: 2px 2px 3px black;
  width:520px;
  height:540px;
}

#canvas {
  display:none;
}

.output {
	position:relative;
	width: 520px;
  height:540px;
  margin-left: auto;
  margin-right: auto;
}

#startbutton {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  bottom:52px;
  background-color: rgba(0, 150, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-family: "Lucida Grande", "Arial", sans-serif;
  color: rgba(255, 255, 255, 1.0);
}

#savebutton {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  top:20px;
  background-color: rgba(0, 150, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-family: "Lucida Grande", "Arial", sans-serif;
  color: rgba(255, 255, 255, 1.0);
}

.contentarea {
  font-size: 16px;
  font-family: "Lucida Grande", "Arial", sans-serif;
  width: 720px;
}


/*********************************************************************************************************/



/*********************************************************************************************************/
/*																		Affichage des publications																				 */
/*********************************************************************************************************/


.Rubrique {
	padding-left: 15px;
	font-size: 30px;
	border: 2px solid black;
	background: #9c9c9c;
}

.SousRubrique {
	padding-left: 15px;
	font-size: 20px;
	border: 2px solid black;
	background: #dcdcdc;
}

dt {
    display: none;
    float: left;
    width: 170px;
    text-align: right;
    clear: left;
    
}
dd {
    font-size: 14px;
    float: left;
    width: 100%;
    line-height: 1em;
    xpadding: .25em 0;
}
dl:after {content:"";display:table;clear:both;}