/*Voici la page qui va gérer le style des pages HTML*/

header
{
color: white;
background-image:linear-gradient(navy,navy,navy,white);
background-color: navy;

margin: auto;
margin-bottom:5px;
margin-top:5px;
padding-top: 0px;
padding-bottom: 3px;
width:1100px;
height:85px;

border-radius: 10px 10px 0 0;
text-align: center;					/*le texte est centré*/	
}
header h1
{
margin:0;
padding:0;
font-size: 50px;
font-family: Times New Roman;
font-style: normal;					/*le texte est en normal, pas en italique*/	
font-weight: bold;					/* le texte est en gras */

}
header h2
{
margin:0;
padding:0;
/*color: gray;*/
font-size: 14px;
font-weight: bold;	
font-style: normal;	
font-family: verdana;

}
.dessous
{
clear:both;
}
nav
{
margin:auto;
position:relative;
width:1100px;
height:45px;
background-image:linear-gradient(white,navy,navy);
background-color: navy;

margin-bottom:5px;
border-radius: 0 0 10px 10px;
}
nav a
{
display:inline-block;
font-size: 20px;
color: navy;
font-weight: bold;				/* le texte est en gras */
text-align: center;					/*le texte est centré*/
vertical-align:top;
text-decoration: none;				/*le texte est normal, par défaut*/
background-color: white;

padding: 2px 10px 2px 10px;
margin: 5px 0px 5px 5px;
max-width: 120px;

border: 1px;
border-color: black;
border-style:solid;
border-radius: 5px;
}
nav a:hover
{
/*color: white;
background-color: navy;*/
transition: transform 0.1s linear;
transform: scale(1.1,1.1);
}

nav a:active
{
border: 1px;
border-color: black;
border-style:inset;
/*border-radius: 10px;*/
}

nav a:visited
{
border: 4px;
border-color: black;
border-style:outset;
border-radius: 10px;
}
nav section[class="liens"]
{
position:absolute;
left:0;
bottom:0;
border-style:none;
display:inline-block;
}
nav section[class="langage"] 
{
position:absolute;
right:0;
bottom:0;

margin:0 5px 5px 0;
padding:0;
}
nav section[class="langage"] a
{
position:relative;
display:inline-block;
margin:0 5px 0 0;
padding:0;
border-style:none;
border-radius:0;
background-color:rgba(0,0,0,0);
background-color:navy;
}
nav section[class="langage"] img
{
border:1px;
border-style:solid;
border-color:gray;
}
section[class="societe"]
{
/*background-image:linear-gradient(24deg,navy,#ddddff,#ddddff,white,#ddddff,#ddddff,navy);*/
background-image:linear-gradient(24deg,navy,#ddddff,white,white,white,#ddddff,navy);
background-color:#ddddff;
margin:auto;
width:1100px;
height:425px;
border: 2px;
border-color: navy;
border-style:solid;
border-radius: 10px;
}
section[class="societe"] p
{
text-align:justify;
width:430px;
border: 2px;
border-color: black;
border-style:none;
border-radius: 10px;
font-weight:bold;
padding: 50px;
margin-left: 5px;
float:left;
}
article[class="diaporama"]
{
width:400px;
min-height:305px;
background-color:#ffffff;
border: 2px;
border-color: black;
border-style:none;
border-radius: 10px;
padding:5px;
margin: 50px;

float:right;
}

.diapositive_1
{
position:absolute;
z-index:1;
opacity:1;
/*animation:mymove_1 5s infinite;*/
}
@keyframes mymove_1
{
0% 		{opacity:1;}
16%		{opacity:1;}
17%		{opacity:0;}
100%	{opacity:0;}
/*100% 	{opacity:1;}*/
}

.diapositive_2
{
position:absolute;
z-index:2;
opacity:1;
animation:mymove_2 10s infinite;
}
@keyframes mymove_2
{
0% 		{opacity:0;}
16%		{opacity:0;}
17%		{opacity:1;}
32%		{opacity:1;}
33%		{opacity:0;}
100% 	{opacity:0;}
}
.diapositive_3
{
position:absolute;
z-index:3;
opacity:1;
animation:mymove_3 10s infinite;
}
@keyframes mymove_3
{
0% 		{opacity:0;}
32%		{opacity:0;}
33%		{opacity:1;}
50%		{opacity:1;}
51%		{opacity:0;}
100% 	{opacity:0;}
}
.diapositive_4
{
position:absolute;
z-index:4;
opacity:1;
animation:mymove_4 10s infinite;
}
@keyframes mymove_4
{
0% 		{opacity:0;}
50%		{opacity:0;}
51%		{opacity:1;}
66%		{opacity:1;}
67%		{opacity:0;}
100% 	{opacity:0;}
}
.diapositive_5
{
position:absolute;
z-index:5;
opacity:1;
animation:mymove_5 10s infinite;
}
@keyframes mymove_5
{
0% 		{opacity:0;}
66%		{opacity:0;}
67%		{opacity:1;}
84%		{opacity:1;}
85%		{opacity:0;}
100% 	{opacity:0;}
}
.diapositive_6
{
position:absolute;
z-index:6;
opacity:1;
animation:mymove_6 10s infinite;
}
@keyframes mymove_6
{
0% 		{opacity:0;}
84%		{opacity:0;}
85%		{opacity:1;}
100%	{opacity:1;}
/*100% 	{opacity:0;}*/
}
section[class="gamme_machines"]
{
background-color: white;
margin:auto;
margin-top:0;
margin-bottom:0;
padding:0;
width:900px;
}
.legende
{
font-size:12px;
/*text-align:center;*/
color:gray;
margin:0;
padding-left:10px;
}
article[class="fiche_machine"]
{
display:inline-block;
width:424px;
height:470px;
vertical-align:top;
background-image:linear-gradient(48deg,navy,#ddddff,#ddddff,white,#ddddff,#ddddff,navy);
/*background-image:linear-gradient(48deg, #ddddff,white,#ddddff);*/

font-weight:bold;
background-color:#ddddff;
border: 2px;
border-color: navy;
border-style:solid;
border-radius: 10px;
padding:10px;
/*
margin-right:10px;
*/
margin-bottom:6px
}
article[class="fiche_machine"] a[class="titre_fiche"] 
{
display:block;
width:40%;
padding:0;
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;

font-size: 24px;
font-family: Times New Roman;
font-style: normal;						
font-weight: bold;					
text-align: center;	
color:navy;			
text-decoration:none;

border:2px;
border-style:solid;
border-color:#ddddff;
border-radius:5px;
}
article[class="fiche_machine"] a[class="titre_fiche"]:hover
{
background-color:white;
border-color:navy;
}
.photo_fiche img
{
display:block;
width:400px;
padding:0;
margin-top:5px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
text-decoration:none;
border:3px;
border-style:solid;
border-color:#ddddff;
border-radius: 10px;
}
.photo_fiche img:hover
{
border-color:navy;
/*
transition: transform 0.1s linear;
transform:scale(1.05,1.05);
*/
}
article[class="fiche_machine"] ul
{
padding-top:0;
margin-left:110px;
}




section[class="page_machine"]
{
position:relative;
margin:auto;
width:1100px;
min-height:790px;
border:2px;
border-style:solid;
border-color:navy;
border-radius:10px;
background-image:linear-gradient(38deg,navy,#ddddff,#ddddff,white,white,#ddddff,#ddddff,navy);
background-color:#ddddff;

}
article[class="nom_machine"]
{
margin:auto;
margin-top:5px;
width:75%;

font-size: 25px;
font-family: Times New Roman;
font-style: normal;						
font-weight: bold;					
text-align: center;	
}
article[class="photo_video"]
{
position:absolute;
left:0;
vertical-align:top;

width:400px;
height:700px;
padding-left:20px;
padding-top:20px;
}
article[class="description_detaille"]
{
position:absolute;
width:400px;
right:0;
top:10px;
vertical-align:top;
margin:20px;

text-align:justify;
font-weight:bold;
}
article[class="description_detaille"] a
{
display:block;

width:95%;
height:30px;
padding:10px;
margin-top:5px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;

font-size: 20px;
font-family: Times New Roman;
font-style: normal;						
font-weight: bold;					
text-align: center;	
color:red;			
text-decoration:none;

border:2px;
border-style:solid;
border-color:navy;
/*border-color:#ddddff;*/
border-radius:5px;

}
article[class="description_detaille"] a:hover
{
background-color:white;
}
article[class="description_detaille"] a:visited
{
color:red;
}


section[class="accueil"]
{
position:relative;
margin:auto;
width:1100px;
min-height:700px;
border:2px;
border-style:solid;
border-color:navy;
border-radius:10px;
background-image:linear-gradient(38deg,navy,#ddddff,#ddddff,white,white,#ddddff,#ddddff,navy);
background-color:#ddddff;

}
article[class="titre_accueil"]
{
margin:auto;
margin-top:5px;
width:90%;

font-size: 28px;
font-family: Times New Roman;
font-style: normal;						
font-weight: bold;					
text-align: center;	
}
article[class="video_accueil"]
{
position:absolute;
left:0;
vertical-align:top;

width:430px;
height:700px;
padding-left:20px;
}
article[class="video_accueil"] p
{
font-weight: bold;					
text-align: center;	
}

article[class="article_accueil"]
{
position:absolute;
width:430px;
right:0;
top:60px;
vertical-align:top;
margin:20px;

text-align:justify;
font-weight:bold;
}
article[class="article_accueil"] a
{
font-size: 20px;
font-family: Times New Roman;
font-style: normal;						
font-weight: bold;					
text-align: center;	
color:red;			
text-decoration:none;
/*
border:2px;
border-style:solid;
border-color:navy;
border-radius:5px;
*/
}
article[class="article_accueil"] a:hover
{
text-decoration: underline red;
}
article[class="article_accueil"] a:visited
{
color:red;
}

span[class="ref_0"]
{
text-decoration: underline #0066FF;
animation: blink0 1s infinite;
}
@keyframes blink0 {
0% { }
100% { color:#0066FF; } 
}

article[class="Accueil_gauche"]
{
position:absolute;
width:320px;
left:0;
top:150px;
vertical-align:middle;
margin:20px;

text-align:center;
font-weight:bold;
}
article[class="Accueil_milieu"]
{
position:absolute;
width:440px;
left:330px;
top:100px;
vertical-align:top;
/*margin:20px;*/

text-align:center;
font-weight:bold;	
}
article[class="Accueil_droit"]
{
position:absolute;
width:320px;
right:0;
top:110px;
vertical-align:middle;
margin:20px;

text-align:center;
font-weight:bold;	
}


img[class="photo_accueil_1"]
{
/*margin-left:20px;*/
border:3px;
border-style:solid;
border-color:#B22222;
border-radius: 10px;
}

p[class="ref_1"]
{
font-size:25px;
text-decoration: underline #B22222;
animation: blink1 1s infinite;
}
@keyframes blink1 {
0% { }
75% { color:#B22222; } 
}

img[class="photo_accueil_2"]
{
margin-left:-50px;
border:3px;
border-style:solid;
border-color:#32CD32;
border-radius: 10px;
}

p[class="ref_2"]
{
font-size:25px;
text-decoration: underline #32CD32;
animation: blink2 1s infinite;
}
@keyframes blink2 {
0% { }
75% { color:#32CD32; } 
}

p[class="ref_3"]
{
font-size:28px;
}

img[class="Fleche_Cheminement_1"]
{
margin-top:30px;
float:right;
/*margin-left:-40px;*/
}

img[class="Fleche_Cheminement_2"]
{
margin-top:70px;
float:left;
/*margin-left:-40px;*/
}

img[class="Fleche_droite"]
{
margin-bottom: -10px;
margin-right:-40px;
}

p[class="contact_accueil_txt"]
{
margin-top:50px;
float:left;
}

p[class="contact_accueil"]
{
margin-top:80px;
text-align:right;
}

p[class="subtext"]
{
font-size:20px;	
font-style:italic;
}

video
{
border:2px;
border-style:solid;
border-color:#ddddff;
margin-top:20px;
}

section[class="contact"]
{
position:relative;
/*background-image:linear-gradient(24deg,navy,#ddddff,#ddddff,white,#ddddff,#ddddff,navy);*/
background-image:linear-gradient(24deg,navy,#ddddff,white,white,white,#ddddff,navy);
background-color:#ddddff;
margin:auto;
width:900px;
height:600px;
border: 2px;
border-color: navy;
border-style:solid;
border-radius: 10px;
}
section[class="contact"] article
{
display:inline-block;
width:400px;
vertical-align:top;
/*
border:1px;
border-style:solid;
*/
margin:20px;
}
input
{
position:absolute;
right:0;
margin-right:50px;
width:230px;
}
#adresse_postale
{
text-align:center;
margin-top:5px;
}

textarea
{
width:370px;
height:150px;
}
.error
{
color:red;
}
.confirmation
{
color:red;
text-align:center;

width:250px;
display:block;
font-weight:bold;
margin:0;
padding:2px;
/*
border:2px;
border-color:navy;
border-style:solid;
border-radius:5px;
*/
}
.pas_de_video
{
text-align:center;
font-weight:bold;
}


footer
{
width:1100px;
height:120px;
background-color: white;
margin:auto;
margin-top:5px;
padding:0;
border: 2px;
border-color: navy;
border-style:solid;
border-radius: 10px;
background-image:linear-gradient(-7deg,navy,#ddddff,#ddddff,white,#ddddff,#ddddff,navy);
background-color:#ddddff;
}

footer h1
{
font-size: 18px;
margin:0;
padding:0 0 0 10px;
color: white;
text-decoration:underline;
}
footer article
{
display:inline-block;
vertical-align:top;
margin:0;
padding:0;
font-size: 12px;
width:180px;
}
footer a
{
font-size: 16px;
color:black;
text-decoration:none;
}
footer a:hover
{
font-weight:bold;
text-decoration:none;
}
footer a:visited
{
color:black;
text-decoration:none;
}