/*- CURRICULUM ---------------------------------------------------------------------*/

.format{
	position : relative;
	cursor : pointer;
	width : 75px;
	height : 75px;
}

#pdf{
	background-image : url(../Images/Boutons/pdf.png);
	background-position : top center;
}

#pdf:hover{
	background-position : bottom center;
}

#docx{
	background-image : url(../Images/Boutons/doc.png);
	background-position : top center;
}

#docx:hover{
	background-position : bottom center;
}

/*- CURRICULUM INFO ----------------------------------------------------------------*/

.infoL span{
	position:absolute;
	top:77px;
	left:50%;
	margin-left:-135px;
	color:#ffffff;
	text-align : center;
	padding:10px;
	background:#333333;
	border-bottom : 3px solid #131313;
	opacity:0;
	width:250px;
	
/*transform*/
	-webkit-transform : translate(0px,-25px);
	-moz-transform : translate(0px,-25px);
	-ms-transform : translate(0px,-25px);
	-o-transform : translate(0px,-25px);
	transform : translate(0px,-25px);
/*transition*/
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	-ms-transition:all .25s;
	-o-transition:all .25s;
	transition:all .25s;
/*border-radius*/

	border-radius:5px;
	z-index : 5;
}

.infoL span::before{
	content:'';
	position:absolute;
	top:-6px;
	left:50%;
	margin-left:-6px;
	width:0;
	height:0;
	border-bottom:6px solid #333333;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}

.infoR span{
	position:absolute;
	top:77px;
	left:50%;
	margin-left:-135px;
	color:#ffffff;
	text-align : center;
	padding:10px;
	background:#333333;
	border-bottom : 3px solid #131313;
	opacity:0;
	width:250px;
	
/*transform*/
	-webkit-transform : translate(0px,-25px);
	-moz-transform : translate(0px,-25px);
	-ms-transform : translate(0px,-25px);
	-o-transform : translate(0px,-25px);
	transform : translate(0px,-25px);
/*transition*/
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	-ms-transition:all .25s;
	-o-transition:all .25s;
	transition:all .25s;
	
	border-radius:5px;
	z-index : 5;
}

.infoR span::before{
	content:'';
	position:absolute;
	top:-6px;
	left:50%;
	margin-left:-6px;
	width:0;
	height:0;
	border-bottom:6px solid #333333;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}

/*- PRESS --------------------------------------------------------------------------*/

.press{
	position : relative;
	cursor : pointer;
	width : 175px;
	height : 175px;
}

#min{
	background-image : url(../Images/Boutons/20min.png);
	background-position : top center;
}

#min:hover{
	background-position : bottom center;
}

#grenews{
	background-image : url(../Images/Boutons/grenews.png);
}

#grenews:hover{
	background-position : bottom center;
}

#grenewscom{
	background-image : url(../Images/Boutons/grenewscom.png);
}

#grenewscom:hover{
	background-position : bottom center;
}

#essor{
	background-image : url(../Images/Boutons/essor.png);
}

#essor:hover{
	background-position : bottom center;
}

#frgre{
	background-image : url(../Images/Boutons/1920gre.png);
}

#frgre:hover{
	background-position : bottom center;
}

#fralpes{
	background-image : url(../Images/Boutons/1920alpes.png);
}

#fralpes:hover{
	background-position : bottom center;
}

#glenat{
	background-image : url(../Images/Boutons/glenat.png);
}

#glenat:hover{
	background-position : bottom center;
}

#dmag{
	background-image : url(../Images/Boutons/3dmag.png);
}

#dmag:hover{
	background-position : bottom center;
}

#dauphi{
	background-image : url(../Images/Boutons/dauphi.png);
}

#dauphi:hover{
	background-position : bottom center;
}

/*- PRESS INFO ---------------------------------------------------------------------*/

.infoB span{
	position:absolute;
	top:177px;
	left:50%;
	margin-left:-235px;
	color:#ffffff;
	text-align : center;
	padding:10px;
	background:#333333;
	border-bottom : 3px solid #131313;
	opacity:0;
	width:450px;
	
/*transform*/
	-webkit-transform : translate(0px,-25px);
	-moz-transform : translate(0px,-25px);
	-ms-transform : translate(0px,-25px);
	-o-transform : translate(0px,-25px);
	transform : translate(0px,-25px);
/*transition*/
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	-ms-transition:all .25s;
	-o-transition:all .25s;
	transition:all .25s;
	
	border-radius:5px;
	z-index : 5;
}

.infoB span::before{
	content:'';
	position:absolute;
	top:-6px;
	left:50%;
	margin-left:-6px;
	width:0;
	height:0;
	border-bottom:6px solid #333333;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}

/*- BOUTONS ------------------------------------------------------------------------*/

.bouton a{
	color : #ffffff;
}

.bouton{
	background : #e67e22;
	border-top : 3px solid #e67e22;
	border-bottom : 3px solid #c65e02;
	padding : 5px 10px 5px 10px;
	font-size : 13px;
	color : #ffffff;
	font-weight : bold;
	border-radius : 5px;
}

.bouton:hover{
	background : #d35400;
	border-top : 3px solid #d35400;
	border-bottom : 3px solid #b33400;
}

.bouton_annuler a{
	color : #ffffff;
}

.bouton_annuler{
	background : #bbbbbb;
	border-top : 3px solid #bbbbbb;
	border-bottom : 3px solid #9b9b9b;
	padding : 5px 10px 5px 10px;
	font-size : 13px;
	color : #ffffff;
	font-weight : bold;
	border-radius : 5px;
}

.bouton_annuler:hover{
	background : #888888;
	border-top : 3px solid #888888;
	border-bottom : 3px solid #686868;
}

/*- INPUT --------------------------------------------------------------------------*/

input[type=submit]{
	background : #ff761d;
	font-family : Arial;
	font-size : 13px;
	color : #ffffff;
	font-weight : bold;
	box-shadow : 0px 0px 0px #ffffff;
	width : 155px;
}

input[type=submit]:hover{
	background : #e65b00;
}

/*----------------------------------------------------------------------------------*/

.infoL:hover span{
	opacity:1;
/*transform*/
	-webkit-transform:scale(1) rotateZ(0);
	-moz-transform:scale(1) rotate(0);
	-ms-transform:scale(1) rotateZ(0);
	-o-transform:scale(1) rotate(0);
	transform:scale(1) rotateZ(0);
}

.infoR:hover span{
	opacity:1;
/*transform*/
	-webkit-transform:scale(1) rotateZ(0);
	-moz-transform:scale(1) rotate(0);
	-ms-transform:scale(1) rotateZ(0);
	-o-transform:scale(1) rotate(0);
	transform:scale(1) rotateZ(0);
}

.infoB:hover span{
	opacity:1;
/*transform*/
	-webkit-transform:scale(1) rotateZ(0);
	-moz-transform:scale(1) rotate(0);
	-ms-transform:scale(1) rotateZ(0);
	-o-transform:scale(1) rotate(0);
	transform:scale(1) rotateZ(0);
}