}
/* GLOBAL */
*{
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   background-color: #FFF; /* white */
   text-align: center;
}
@-webkit-keyframes animationtitrelogo {
	0%
	{
		transform: scale3d(0,0,0);
	}
	50%
	{
		transform: scale3d(0.5,0.5,0.5);
	}
	100% 
	{
		transform: scale3d(1,1,1);
	}
}
@-webkit-keyframes animationlogo {
	0%
	{
		transform: scale3d(0,0,0);
	}
	50%
	{
		transform: scale3d(0.5,0.5,0.5);
	}
	100% 
	{
		transform: scale3d(1,1,1);
	}


}

@keyframes animationtitrelogo {
	
	0%
	{
		transform: scale3d(0,0,0);
	}
	50%
	{
		transform: scale3d(0.5,0.5,0.5);
	}
	100% 
	{
		transform: scale3d(1,1,1);
	}
}

@keyframes animationlogo {
	0%
	{
		transform: scale3d(0,0,0);
	}
	50%
	{
		transform: scale3d(0.5,0.5,0.5);
	}
	100% 
	{
		transform: scale3d(1,1,1);
	}

}



body {
	font-family: 'Open Sans',Arial, sans-serif;
}
h1
{
	text-align: center;
	margin: 0 auto;
}
h3
{
	padding: 15px;
	background-color: #98B9EB;
	color: #FFF;
}

/* STYLE */


/* COLORS */


/* HEADER */
.logomindgeek img
{
	max-width: 100%;
}
.itemheader
{
	margin: 0 auto;
	text-align: center;
}
.choixheader
{
	height: 25%;
	/*margin-right: 12.5%;
	margin-left: : 25%;*/
	display: block;
	vertical-align: baseline;
	text-align: center;
	font-size: 25%;
}
.choixheader a
{
	text-decoration: none;
	font-weight: bolder;
	color: #000;
}
/*.choixheader:hover
{
	height: 25%;
	display: block;
	vertical-align: baseline;
	text-align: center;
	font-size: 25%;
	background-color: #FFF;
	color: #000;
}
.choixheader a:hover
{
	text-decoration: none;
	font-weight: bolder;
	color: red;

}*/
/*.choixheadersm
{
	margin-left: 25%;
	margin-right: 12.5%;
	color:red;
	height: 25%;
	display: block;
	vertical-align: baseline;
	text-align: center;
	font-size: 1em;
}*/
header i
{
	margin-top: 30px;
	background-color: #000;
	color: #FFF;
	font-size: 20em;
	text-align: center;
	margin: 0 auto;
}
.menuheader
{
	font-size: 7em;
}
.entete
{
	background-color: #000;
	margin: 0 auto;
	text-align: center;
}
header .logomindgeek
{
	background-color: #000;
	display: block;
	vertical-align: baseline;
	margin: 0 auto;
	text-align: center;

}

header .titre
{
	background-color: #000;
	color: #FFF;
	font-size: 1.5em;
	display: block;
	vertical-align: baseline;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 30px;
}
.clearfloat
{ 
	clear: both;
}

/* MAIN */
main
{ 
	max-width: 100%;
	text-align: center;
	margin: 0 auto;
	
}
.debutmain
{ 
background: rgb(51, 142, 255);
}
section .photoserveur
{
	vertical-align: top;
	position:relative;
	left: 0px;
    top: 0px;
    z-index: 1;
    max-width: 100%
    height: auto;
}
section img
{
	max-width: 100%;
	height: auto;
}
.itemsolution
{
	display: block;
	vertical-align: top;
}

section p
{
	margin-top: 3%;
	position:absolute;
	vertical-align: top;
	text-align: center;
    font-size: 1.5em;
    padding: 5px;
	z-index: 12;
	top:0;
	left:0;
	right:0;
    color: #FFF;
	background: rgba(0,0,0,0.4);
}
.itemsolution h3
{
	margin: 15px auto;
	font-weight: bolder;
	color: #000;
}
.bandeauquerecherchezvous
{
	color: #FFF;
	background: rgb(51, 142, 255);
	padding: 26px 0px 30px 0px;
	font-size: 2em;
	font-weight: bolder;
	margin: 0 auto;
	text-align: center;
}
.titrenossolutions
{
	color: #FFF;
	background-color: rgb(86,147,242);
	padding: 26px 0px 30px 0px;
	font-size: 1.2em;
	font-weight: bolder;
	margin: 0 auto;
	text-align: center; 
}
section .itemsolution 
{
	text-align: center;
	padding: 30px;
	font-size: 1.2em;
}
section i
{
	font-size: 2em;
}
/*section .itemsolution h3
{
	padding: 15px;
	background-color: #98B9EB;
	color: #FFF;
}*/
.readmore
{
	padding: 15px;
	max-width: 130px;
	background-color: #DEDA0D;
	margin-top: 30px;
	margin-right: 0px;
	margin-left: auto;
	margin-bottom: 30px;
	text-align: center;
}
.readmore a
{
	text-decoration: none;
	color: rgb(51, 142, 255);
}
.readmore:hover
{
	padding: 15px;
	max-width: 130px;
	background-color: rgb(51, 142, 255);
	margin-top: 30px;
	margin-right: 0px;
	margin-left: auto;
	margin-bottom: 30px;
	text-align: center;
	color: #DEDA0D;
}
.readmore a:hover
{
	text-decoration: none;
	color: #DEDA0D;
}
section .choixindex
{
	text-align: center;
	padding: 30px;
	font-size: 1.1em;
}
/*section .choixindex h3
{
	padding: 15px;
	background-color: #98B9EB;
	color: #FFF;
}*/
section .encartcontact
{
	margin-left: 25%;
}
legend
{
	text-shadow: 1px 1px #FFF;
	font-weight: bolder;
}
.encartformulaire
{
	text-align: center;
	margin: 15px auto;
	max-width: 90%;
	height: auto;
}
.encartformulaire fieldset
{
	max-width: 50%;
	text-align: center;
	margin: 15px auto;
}

.encartformulaire label
{
	display: block;
	vertical-align: baseline;
}
.encartformulaire input
{
	display: block;
	vertical-align: baseline;
	text-align: center;
	margin: 5px auto;
}
textarea
{
	max-width: 50%;
	margin-top: 5px;
}

.googlemap
{
	margin-left: 1%;
	min-width: 250px;

}
.encartformulaire textarea
{

	max-width: 110px;
	margin-top: 15px;
}
.imprimer
{
	margin-top: 30px;
}
aside
{
	border: 2px solid #000;
	max-width: 80%;
	margin: 15px auto;
	text-align: center;
	display: block;
	vertical-align: baseline;
}
aside p,aside h3
{
	max-width: 80%;
	margin: 15px auto;
	text-align: center;
	font-weight: bolder;
}


/* FOOTER */
footer
{
	background-color: #000;
	color: #545450;
}
.pieddepage
{
	margin: 0 auto;
	text-align: center;
}
.choixheader i
{
	padding: 10%;

}
section p
{
	margin-top: 6%;
	position:absolute;
	vertical-align: top;
	text-align: center;
    font-size: 2.5em;
    padding: 45px;
	z-index: 12;
	top:0;
	left:0;
	right:0;
    color: #FFF;
	background: rgba(0,0,0,0.4);
}
.themefoter
{
	display: block;
	vertical-align: baseline;
	margin: 0 auto;
	text-align: center;
	padding: 4% 6.5%;
}
footer a
{
	text-decoration: none;
	color: #545450;
}
.coordonnées
{
	text-align: center;
	margin: 0 auto;
	padding: 45px 0px;
}
section input
{
	display: block;
	vertical-align: baseline;
	margin: 5px auto;
	text-align: center;
}
.sitepartenaire
{
	background-color: #B9121B;
	width: 300px;
	text-align: center;
	margin: 0 auto;
	padding: 15px;
}
.sitepartenaire a
{
	color: #FFF;
	/*text-decoration: none;*/
}
footer .logoscaphydatacomplet
{
	text-align: center;
	margin: 0 auto;
	perspective: 200px;
	perspective-origin: 50% 50%;
}
footer .logotitre 
{
	animation: linear 4.5s  infinite alternate animationtitrelogo;
	-webkit-animation: linear 4.5s infinite alternate animationtitrelogo;
	perspective: 200px;
	perspective-origin: 50% 50%;
	/*text-align: center;
	margin: 0 auto;*/

}
footer .logoscaphydata
{
	/*padding: 155px 0px;*/
	animation: linear 4.5s infinite alternate animationlogo;
	-webkit-animation: linear 4.5s infinite alternate animationlogo;

	perspective: 200px;
	perspective-origin: 50% 50%;
	/*text-align: center;
	margin: 0 auto;*/
	/*font-size: 0.5em;*/
	/*font-weight: bolder;*/

}

/* MEDIA QUERIES */
@media screen and (min-width: 640px,max-width: 1199px){
/*header .logomindgeek
{
	background-color: #000;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding-left: 100px;
}*/
header .logomindgeek
{
	background-color: #000;
	display: inline-block;
	/*vertical-align: top;
	text-align: center;*/
	padding-left: 0px;
}
header .titre
{
	background-color: #000;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	font-size: 1.5em;
	color: red;
	padding-top: 50px;
	text-align: center;
}
.choixheader
{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0 auto;
	padding: 1%;
}
.themefoter
{
	display: inline-block;
	vertical-align: top;
	padding: 90px 75px;
}
/*.choixheader
{
	height: 25%;
	/*margin-right: 12.5%;
	margin-left: : 25%;*/
	/*display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 45px;
	font-size: 25%;
}*/
.choixheader a
{
	text-decoration: none;
	font-weight: bolder;
	color: #000;
}
aside
{
	border: 2px solid #000;
	max-width: 15%;
	margin: 15px auto;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
aside p,aside h3
{
	max-width: 80%;
	margin: 15px auto;
	text-align: center;
	font-weight: bolder;
}
}
@media screen and (min-width: 1200px){
header .logomindgeek
{
	background-color: #000;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding-left: 100px;

}

header .titre
{
	background-color: #000;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	font-size: 2em;
	color: #FFF;
	padding-top: 50px;
	padding-left: 15%;
}

.choixheader
{
	display: inline-block;
	vertical-align: baseline;
	text-align: center;
	margin:  1.8% 4.5%;
}
.choixheader i
{
	padding: 10%;

}
section p
{
	margin-top: 6%;
	position:absolute;
	vertical-align: top;
	text-align: center;
    font-size: 2.5em;
    padding: 45px;
	z-index: 12;
	top:0;
	left:0;
	right:0;
    color: #FFF;
	background: rgba(0,0,0,0.4);
}
.encartformulaire,h1
{
	text-align: center;
}
.encartformulaire
{
	text-align: center;
	margin: 15px auto;
	max-width: 90%;
	height: auto;
}
.encartformulaire fieldset
{
	max-width: 50%;
	text-align: center;
	margin: 15px auto;
}

.encartformulaire label
{
	display: inline-block;
	vertical-align: middle;
}
.encartformulaire input
{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 5px auto;
	min-width: 300px;
}
.encartformulaire textarea
{
	max-width: 300px;
	margin: 5px auto;
}

.themefoter
{
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	text-align: center;
	padding: 4% 6.5%;
}
/*section input
{
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	text-align: center;
}*/
aside
{
	border: 2px solid #000;
	max-width: 15%;
	margin: 3% 8.54%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
aside p,aside h3
{
	max-width: 80%;
	margin: 15px auto;
	text-align: center;
	font-weight: bolder;
}
}