/*@-webkit-keyframes*/
@keyframes animation_ipc {
    0% {
        transform: translateX(-300px);
		opacity: 0;
    }
    100% {
        transform: translateX(150px);
		opacity: 1;
    }
}
@keyframes animation_ewon {
    0% {
        transform: translateX(-300px);
		opacity: 0;
    }
    100% {
        transform: translateX(0px);
		opacity: 1;
    }
}
@keyframes animation_localisation {
    0% {
		transform: translateX(300px);
        opacity: 0;
    }
    100% {
		transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes animation_site {
	 0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes animation_materiel {
    0% {
        transform: translateX(-300px);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

h1 {
	margin-top: 10px;
    margin-bottom: 5px;
	font-size: 16px;
}

h2 {    
	font-size: 14px;
    margin-bottom: 10px;
}

section.presentation
{
	display: grid;
	grid-template-columns: 25fr 50fr 25fr;
}


article.presentation_materiel {
	position: absolute;
	top: 0;
	left: 0;
}
article.presentation_materiel img{
    width: 170px;
}

article.presentation_materiel.animation {
    animation: animation_materiel 0.5s forwards linear;
    animation-delay: 0ms;
}

article.presentation_tout_materiel {
	transform: translateX(-300px);
}
article.presentation_tout_materiel img {
	height: 130px;
}
article.presentation_tout_materiel.animation {
	animation: animation_materiel 1s forwards linear;
    animation-delay: 0ms;
}

article.presentation_ipc_ipc {
    transform: translateX(-500px);
}
article.presentation_ipc_ipc.animation {
    animation: animation_ipc 1s forwards linear;
    animation-delay: 0ms;
}


article.presentation_ipc_ewon {
    transform: translateX(-500px);
}
article.presentation_ipc_ewon.animation {
    animation: animation_ewon 1s forwards linear;
    animation-delay: 0ms;
}


article.presentation_ipc_localisation {
    transform: translateX(500px);
}
article.presentation_ipc_localisation.animation {
	animation: animation_localisation 1s forwards linear;
    animation-delay: 0ms;
}


article.presentation_ipc_site {
    opacity: 0;
}
article.presentation_ipc_site.animation {
    animation: animation_site 1s forwards ease-in;
    animation-delay: 1s;
}


/* Listes des incidents dans les pages de présentation */
section.partie_droite article.boite {
	margin: 10px 0 20px 0;
}

section.partie_droite article.boite div#type_incident {
	margin-top: 5px;
	margin-bottom: 15px;
}
section.partie_droite article.boite div#liste_incidents {
	border-left: 2px solid red;
	padding: 5px;
}
section.partie_droite article.boite div#liste_incidents p {
	margin-bottom: 5px;
}

section.partie_droite article.boite div#type_incident ul li {
	display: grid;
	grid-template-columns: 60px 50px;
}

section.presentation article#description_incident div#entete-incident {
	margin: 10px 0px;
}
section.presentation article#description_incident div[data-name='detail_incident'] {
    margin: 15px 0px;
}

section.presentation article#description_incident div[data-name='detail_resolution'] {
    margin: 15px 0px;
}

.col_cloud_0 {
    color: green;
}

div.presentation_smtpInfos {
	padding: 10px;
}