/* Définition des polices personnalisées */

@font-face
{
    font-family: 'BallparkWeiner';
    src: url('polices/ballpark.eot');
    src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Dayrom';
    src: url('polices/dayrom.eot');
    src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('polices/dayrom.woff') format('woff'),
         url('polices/dayrom.ttf') format('truetype'),
         url('polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Image de fond...*/
body
{
	background-image: url(images/fond_nucleaire.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}

/*Taille de la police, bordures, taille blocs...*/
.bloc_page
{
	font-size: 1em;
	margin-left: auto;
	margin-right: auto;
	padding-left: 13px;
	padding-right: 13px;
	height: 100%;
	width: 1000px;
	background-color: rgba(191, 202, 255, 0.4);
	border-radius: 13px;
	box-shadow: 5px 5px 8px #d2cfdd;
	color: #000026;
	font-family: Century;
}

/*Style des liens*/
.bloc_page a
{
	color: #0000ac;
}

.bloc_page p
{
	text-align: justify;
}

/*Image pour les puces*/
section li
{
	list-style-type: none;
	background-image: url(images/fleche_puce.png);
	background-repeat: no-repeat;
	background-position: -0.3em 0.2em;
	padding-left: 12px;
}

/*Traitement du logo et texte en dessous...*/
.logo
{
	background-image: url(images/logo.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: rgba(169, 176, 214, 0.4);
	border-radius: 5px;
	height: 190px;
	width: 260px;
	border: 4px solid #81b1ff;
	box-shadow: -2px -2px 3px #81b1ff
}

/*Placement du texte à côté du logo*/
.logo h4
{
	display: inline-block;
	padding-top: 22px;
	padding-left: 275px;
	margin-top: -14px;
}

/*Placement des des liens du menu et taille*/
nav
{
	display: inline-block;
	width: 1000px;
	height: 27px;
	padding-left: 6px;
	margin-top: 19px;
	margin-bottom: 2px;
	margin-left: -3px;
	border-radius: 8px;
	color: #7781fe;
}

/*Style des liens du menu*/
nav a
{
	display: inline-block;
	text-decoration: none;
	color: #0000ac;
	padding-right: 4px;
	padding-left: -10px;
	font-size: 1.3em;
	margin-bottom: 22px;
	border-radius: 6px;
	box-shadow: -2px 2px 2px #778cfe;
	padding-left: 2px;
	margin-right: 6px;
	margin-left: 18px;
}

nav a:hover
{
	border-radius: 6px;
	box-shadow: 0px 0px 0px #778cfe;
	padding-left: 2px;
	text-decoration: none;
}

/*Style des liens lors du passage de la souris*/
.bloc_page a:hover
{
	font-weight: normal;
	text-decoration: none;
	color: #56299b;
}

/*Placement contacts*/

.contact_siege
{
	display: block;
	width: 21%;
	margin: auto;
}

.carte
{
	display: inline-block;
	margin-top: 40px;
	border: 2px solid #778cfe;
	border-radius: 6px;
	box-shadow: 2px 2px 4px;
	margin-left: 50px;
}

.connection
{
	margin-left: 750px;
	margin-top: -130px;
	border-radius: 13px;
	box-shadow: 9px 9px 12px #d2cfdd;
}

.formulaire_ajout
{
	font-size: 1em;
	margin-left: 50px;
	margin-top: 30px;
	padding-top: 20px;
	padding-left: 13px;
	padding-right: 13px;
	height: 250px;
	width: 800px;
	background-color: rgba(191, 202, 255, 0.4);
	border-radius: 13px;
	box-shadow: 5px 5px 8px #d2cfdd;
	color: #000026;
	font-family: Century;
}

.liste_salarie
{
	font-size: 1em;
	margin-left: 0px;
	margin-top: 30px;
	padding-top: 20px;
	padding-left: 13px;
	padding-right: 13px;
	width: 900px;
	background-color: rgba(191, 202, 255, 0.4);
	border-radius: 13px;
	box-shadow: 5px 5px 8px #d2cfdd;
	color: #000026;
	font-family: Century;
}

.upload
{
	margin-bottom: 15px;
	border-radius:  13px;
}

.download_doc_administrative
{
	border-radius: 13px;
	margin-bottom: 20px;
}

.download_doc_administrative a:hover
{
	font-weight: bold;
}

.download_doc_formation
{
	border-radius: 13px;
	margin-bottom: 20px;
}

.download_doc_formation a:hover
{
	font-weight: bold;
}

.download_doc_cnd
{
	border-radius: 13px;
	margin-bottom: 20px;
}

.download_doc_cnd a:hover
{
	font-weight: bold;
}

.download_doc_dss
{
	border-radius: 13px;
}

.download_doc_dss a:hover
{
	font-weight: bold;
}

.ajouter
{
	margin-left: 680px;
	margin-top: 4px;
}

.supprimer_salarie
{
	margin-left: 16px;
}

section
{
	margin-top: 70px;
}

.supprimer_fichier
{
	margin-left: 8px;
}

.graphique_clients
{
	display: inline-block;
	background-image: url(images/graphique_clients.JPG);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: rgba(169, 176, 214, 0.4);
	height: 275px;
	width: 400px;
	float: right;
	margin-bottom: 5px;
	border: 2px solid #778cfe;
	border-radius: 23px;
	box-shadow: 4px 0px 4px #778cfe;
}

.desc_graphique_clients
{
	display: inline-block;
	margin-top: 240px;
	padding-left: 110px;
	padding-right: 5px;
}

.graphique_ca
{
	background-image: url(images/graphique_ca.JPG);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: rgba(169, 176, 214, 0.4);
	height: 275px;
	width: 400px;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
	border: 2px solid #778cfe;
	border-radius: 23px;
	box-shadow: 4px 0px 4px #778cfe;
}

.desc_graphique_ca
{
	display: inline-block;
	margin-top: 240px;
	padding-left: 60px;
	padding-top: 5px;
}

.graphique_employes
{
	background-image: url(images/graphique_employes.JPG);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: rgba(169, 176, 214, 0.4);
	height: 275px;
	width: 400px;
	float: right;
	margin-top: 30px;
	margin-bottom: 30px;
	border: 2px solid #778cfe;
	border-radius: 23px;
	box-shadow: 4px 0px 4px #778cfe;
}

.desc_graphique_employes
{
	display: inline-block;
	margin-top: 240px;
	padding-left: 89px;
	padding-top: 5px;
}

.texte
{
	clear: both;
}

.controle, .formation
{
	vertical-align: middle;
	border-radius: 13px;
	box-shadow: 4px 4px 7px #d2cfdd;
}

.formation
{
	display: inline-block;
	width: 50%;
}

.controle
{
	display: inline-block;
	width: 400px;
	height: 315px;
	margin-left: 500px;
	margin-top: -355px;
}

.partenaire
{
	border-radius: 13px;
	box-shadow: 4px 4px 7px #d2cfdd;
}

.checkbox
{
	margin-left: 40px;
}

.soumettre
{
	margin-left: 750px;
}

.ancre
{
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 7px;
}

.ancre_ressources
{
	display: inline-block;
	margin-top: 16px;
	margin-bottom: -2px;
}

.ancre_salarie
{
	display: inline-block;
	margin-top: 16px;
	margin-bottom: 0px;
}

.ancre_plateforme
{
	display: inline-block;
	margin-top: 17px;
	margin-bottom: 3px;
}

.ancre_partenaires
{
	display: inline-block;
	margin-top: 4px;
	margin-bottom: 3px;
}

.row {
	margin-top: 35px;
}

.column {
	float: left;
	width: 32.6%;
	position: relative;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

.vertical-line-right {
	border-left: 1px solid black;
	height: 105px;
	position: absolute;
	top: 0;
	right: 10px;
}

.vertical-line-left {
	border-left: 1px solid black;
	height: 105px;
	position: absolute;
	top: 0;
	left: -20px;
}

.things > .content {
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.things {
	z-index: 10;
}

.things > .content h1 {
	font-family: 'Arial', sans-serif;
	text-transform: uppercase;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	height: 150px;
	color: #89323B;
}

/* Arrow */

.arrow {
	position: relative;
	margin: 20px 6px 0 0;
	width: 100px;
}
.arrow.right {
	position: relative;
	margin: 20px 0 0 190px;
	width: 100px;
}
.arrow .curve {
	border: 2px solid #778cfe;
	border-color: transparent transparent transparent #778cfe;
	height: 105px;
	width: 130px;
	border-radius: 74px 0 0 0;
}

.arrow.right .curve {
	border: 2px solid #778cfe;
	border-color: transparent #778cfe transparent transparent;
	height: 105px;
	width: 120px;
	border-radius: 0 74px 0 0;
	margin-top: -145px;
}

.arrow .point {
	position: absolute;
	left: 1px;
	top: 120px;
}

.arrow.right .point {
	position: absolute;
	left: 122px;
	top: 102px;
	z-index: 2;
}

.arrow .point:before, .arrow .point:after {
	border: 1px solid #778cfe;
	height: 25px;
	content: "";
	position: absolute;
}

.arrow .point:before {
	top: -17px;
	left: -9px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.arrow .point:after {
	top: -20px;
	left: 8px;
	transform:rotate(34deg);
	-webkit-transform: rotate(34deg);
	-moz-transform:rotate(34deg);
	-ms-transform: rotate(34deg);
}

.background-circle {
	height: 305px;
	width: 380px;
	background-color: white;
	display: inline-block;
	position: absolute;
}