/* HTML tag styles                             */
/***********************************************/ 
body{
font-family: Verdana, sans-serif;
font-size: 14px;
background: linear-gradient(#5C82B8, #9DB4D4);
} 

#pagenveloppe{
width: 92vw;
min-height:45vw;
background:#FFFF;
margin:auto auto;
padding:0px 0px 0px 0.5vw;
position:relative;
box-shadow: 0 0 5px 5px #333;
}

#pagecriture{
width: 92vw;
background:#FFFF;
margin:auto auto;
padding:0px 0px 0px 0.5vw;
position:relative;
box-shadow: 0 0 5px 5px #333;
}

#entete{
margin: auto auto;
height: 6vw;
width: 98%;
position:relative;
}

nav 
a.Prim{ /* tous les liens a à l'intérieur de la balise nav  avec la classe : Prim */
float: left; /* effet flottant */
text-decoration: none; /* pas d'héritage avec effet souligné */
color: black; /* couleur du texte */
background: #99C6FF; /* couleur de fond */
height: 36px; /* hauteur */
line-height: 33px; /* interligne */
padding:0px 5px; /* marges intérieur */
margin-left:0.1vw;
font-family: sans-serif; /* police d'écriture */
font-size: clamp(0.72em, 1.20vw, 1em); /* taille du texte */
transition: .5s; /* temps de transition lors du hover : une demi seconde */
}
nav 
a.Prim:hover{ /* tous liens lors du survol dans la balise nav avec la classe : test */
background: #f43c80; /* couleur de fond */
}

nav 
a.Deuz{ /* tous les liens a à l'intérieur de la balise nav  avec la classe : Deuz */
float: left; /* effet flottant */
text-decoration: none; /* pas d'héritage avec effet souligné */
color: black; /* couleur du texte */
background: #FFFF99; /* couleur de fond */
height: 36px; /* hauteur */
line-height: 33px; /* interligne */
padding:0px 5px; /* marges intérieur */
margin-left:0.1vw;
font-size: clamp(0.72em, 1.20vw, 1em); /* taille du texte */
transition: .5s; /* temps de transition lors du hover : une demi seconde */
}
nav 
a.Deuz:hover{ /* tous liens lors du survol dans la balise nav avec la classe : test */
background: #f43c80; /* couleur de fond */
}

nav 
a.Teir{ /* tous les liens a à l'intérieur de la balise nav  avec la classe : Deuz */
float: left; /* effet flottant */
text-decoration: none; /* pas d'héritage avec effet souligné */
color: black; /* couleur du texte */
background: #FF9999; /* couleur de fond */
height: 36px; /* hauteur */
line-height: 33px; /* interligne */
padding:0px 5px; /* marges intérieur */
margin-left:0.1vw;
font-size: clamp(0.72em, 1.20vw, 1em); /* taille du texte */
transition: .5s; /* temps de transition lors du hover : une demi seconde */
}
nav 
a.Teir:hover{ /* tous liens lors du survol dans la balise nav avec la classe : test */
background: #f43c80; /* couleur de fond */
}





nav 
a.Doma{ /* tous les liens a à l'intérieur de la balise nav  avec la classe : Doma */

text-decoration: none; /* pas d'héritage avec effet souligné */
color: white; /* couleur du texte */
background: #1466d0; /* couleur de fond */
height: 26px; /* hauteur */
line-height: 23px; /* interligne */
padding:0px 5px; /* marges intérieur */
margin-left:0.1vw;
font-size: clamp(0.72em, 1.20vw, 1em); /* taille du texte */
transition: .5s; /* temps de transition lors du hover : une demi seconde */
}
nav 
a.Doma:hover{ /* tous liens lors du survol dans la balise nav avec la classe : test */
background: #f43c80; /* couleur de fond */
}

/************* footer & #siteInfo styles ***************/
footer {
font-family:"Futura";
justify-content: center;
font-size: clamp(0.7em, 1.1vw, 1em);
padding:0;
margin:0 1vw;
background-color: #0c4a68;
color: #fff;
}

a.footer:hover{
text-decoration:none;
color:#ffffff;
	}
a.footer:visited{
text-decoration:none;
color:#ffffff;
	}
	
a.footer:link{
text-decoration:none;
color:#ffffff;
	}
	
hr.footer	{
width:20%;
margin:1em auto;
border:1px ridge white;
	}
	
p.footer	{
font-family:"Futura";
display: flex;
justify-content: center;
font-size: clamp(0.7em, 1.12vw, 1em);
padding:0;
margin:0 auto;
color: #fff;
	}
		
ul.footer	{
text-decoration:none;
color:#ffffff;
	}
	
li.footer	{
text-decoration:none;
list-style-type:none;
color:#ffffff;
	}

.footer_inside {
width:80%;
margin:1em auto;
display: flex;
justify-content: space-around;
align-items: center;
}

.footer_img {
width:10%;
margin:0 auto;
display: flex;
justify-content: space-around;
align-items: center;
}

.footer_copy {
width:23%;
margin:0 auto;
display: flex;
justify-content: space-around;
align-items: center;
}

.footer_count {
width:30%;
font-size: clamp(0.6em, 0.8vw, 0.8em);
margin:0 auto;
display: flex;
justify-content: space-around;
align-items: center;
}

.footer_legal {
width:40%;
margin:0 auto;
display: flex;
justify-content: space-around;
align-items: center;
}

.footer_email {
width:23%;
margin:0 auto;
display: flex;
justify-content: space-around;
align-items: center;
}

.footer_pays {
width:23%;
margin:0 auto;
display: flex;
justify-content: space-around;
align-items: center;
}

.footer_fich {
width:17%;
margin:0 auto;
display: flex;
justify-content: space-around;
align-items: center;
}

/* ********Paramètres Standard******** */

p{
font-size: clamp(0.725em, 0.9vw, 1.2em); /* taille du texte */
line-height: auto;
}

p.error{
font-size: clamp(0.7em, 1vw, 1.2em); /* taille du texte */
color: red;
}

a{
color: #fbfbfb;
text-decoration: none;
}

a:link {
color: #fbfbfb;
}

a:hover {
  color: #003333;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a.Autt{
color: #1F497D;
font-weight: 400;
}

a.Autt:hover{
color: #1F497D;
font-weight: 800;
text-decoration: none;
}

a.lien{
color: #003333;
}

a.lien:link {
color: #000000;
}

a.lien:hover{
color: #04480c;
font-size: 0.8em;
font-weight: 800;
text-decoration: none;
}

h1{
font-size: clamp(0.85rem, 1.45vw, 1.35rem);
color: #334d55;
padding: 10px 0px 0px 0px;
}

h2{
font-size: clamp(0.85rem, 1.25vw, 1.25rem);
color: #006699;
padding: 5px 0px;
}

h3{
font-size: clamp(0.75em, 1.15vw, 1.2em);
color: #334d55;
padding: 0px 0px;
}

h4{
font-size: clamp(0.75rem, 0.85vw, 1.15rem);
font-weight: 100;
color: #333333;
padding: 5px 0px;
}

h5{
font-family: Verdana,Arial,sans-serif;
font-size: clamp(0.7em, 0.8em, 1.15em); /* taille du texte */
font-weight: 100;
color: #333333;
padding: 5px 0px;
}

/*********LISTES UL & LI*********/

ul {
padding:0vw 0vw 0vw 0.01vw;
font-size: clamp(0.65vw, 0.95vw, 1.15vw)
}

li { 
list-style-type: none;
font-family: Verdana;
color: #334d55;
word-spacing: -0.12em;
}

 /* BUTTON */
.envoi{
    margin : 1px 1px 1px 1px;
    border: 0;
    line-height: 2.2;
    padding: 0 20.25vw;
    font-size: .9rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 5px;
    background-color: rgba(220, 0, 0, 1);
    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.envoi:hover {
    background-color: rgba(0, 0, 0, 1);
}

.envoi:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}

/***********FORMULAIRES****************/

form{
width: 98%;
padding : 5px 5px;
line-height: 1.5em;
}

.auteur{
background-color: rgba(240,224,94,0.7);
width: 99%;
font-size: clamp(0.75em, 1vw, 1.125em); /* taille du texte */
color: black;
border: 1px solid grey;
}

.titre{
background-color: rgba(193,193,152);
width: 99%;
font-size: clamp(0.75em, 1vw, 1.225em); /* taille du texte */
color: black;
border: 1px solid grey;
}

.oberour{
background-color: rgba(6,91,132,0.76);
width: 99%;
font-size: clamp(0.75em, 1.05em, 1.2em); /* taille du texte */
color: white;
border: 1px solid grey;
}

.titl{
background-color: rgba(94,115,112,0.89);
width: 99%;
font-size: clamp(0.75em, 1.05em, 1.2em); /* taille du texte */
color: white;
border: 1px solid grey;
}

.total{
background-color: rgba(240,200,100);
width: 99%;
font-size: clamp(0.75em, 1.05em, 1.2em); /* taille du texte */
color: black;
border: 1px solid grey;
}

label.yvtr{
font-size: clamp(0.725em, 1vw, 1.125em); /* taille du texte */
display: inline-block;
color: black;
min-width: 5%;
margin: 0vw 0vw 0vw 0.2vw;
}

label.ifig{
font-size: clamp(0.7em, 0.9em, 1.2em); /* taille du texte */
display: inline-block;
color: white;
min-width: 5%;
margin: 0vw 0vw 0vw 0.2vw;
}

select{
font-size: clamp(0.7em, 0.9em, 1.2em); /* taille du texte */
font-weight: normal;
line-height: 1.25em;
display: inline-block;
color: black;
min-width: 5%;
margin: 4px 0px 4px 0px;
}

input[type="text"]{
width: clamp(10vw, 12vw, 16vw);
margin: 1px;}

input[type="password"]{
width: clamp(10vw, 12vw, 16vw);
color: black;
margin: 1px;}

input[type="Email"]{
width: clamp(10vw, 14vw, 18vw);
margin: 1px;}

input[type="Button"]{
width: clamp(10vw, 14vw, 18vw);
font-size: clamp(0.7em, 0.9em, 1.2em);
background-color: rgba(55,177,11,0.76);
margin: 1px;}

input[type="alpha"]{
width: 30vw;
position:absolute;
left:15vw;
}

input[type="number"]{
width: clamp(3em, 1vw, 3.225em);
margin: 1px;}

input[type="submit"]{
    color: RGB(255,255,255);
    background-color: rgba(6,91,132,0.76);
    border-radius: 3px;
    margin: 0.85vw 0px 0px 0vw;
    padding: 1px 3px 1px 3px;
    font-size: clamp(0.75em, 1.15em, 1.2em); /* taille du texte */
    border: 1px solid RGB(68,101,136);
}

input[type="submit"]:hover{
    background-color: RGB(22,106,10);
    color: #fff;
    cursor: pointer;
    box-shadow: 0px 0px 5px 0px #777;
}

/************** Tableaux Catégorie **************/

table.tb {
border-collapse: separate;
font-size: clamp(0.6em, 0.8vw, 1.2em); /* taille du texte */
width: 99%;
border-spacing: 1px 1px;
border: solid grey 0px;}

.tb td {
border: 1px solid grey;
font-family: arial,sans-serif;
color: #000000;
text-indent: 0.15vw;
}

.tcell6 {
background: #dde2f2;}

.tcell7 {
text-align:center;
background: #abd9e3;}

.tcell8 {
text-align:center;
background: #dde2f2;}

.tcell9 {
text-align:center;
background: #336371;}

/************** SPAN Class **************/

span.nom{
position :absolute; 
left: 1vw;	
display: inline-block;
font-size: clamp(0.75em, 1.15vw, 1.2em); /* taille du texte */
color:black;
}
span.espace{
position :absolute; 
left: 0.5vw;	
display: inline-block;
font-size: clamp(0.75vw,1em,1.15vw); /* taille du texte */
color:black;
}

span.espa2{
position :absolute; 	
display: inline-block;
font-size: clamp(0.65vw,0.75em,0.9vw); /* taille du texte */
color:black;
}

span.kelenn{ /* spécial kenteliou.php */
position :absolute; 
left: 0.5vw;	
display: inline-block;
font-size: clamp(0.85vw, 1.1vw, 1.2vw); /* taille du texte */
color:black;
}

span.prenom{
position :absolute; 
left: 14vw;	
display: inline-block;
color:#1F497D;
}

span.titrage{
position :absolute; 
left: 22.75vw;	
font-size: clamp(0.65vw, 0.85vw, 1vw); /* taille du texte */
display: inline-block;
color:#1F497D;
margin: 0.1vw 0vw 0vw 0vw;
}

span.collection{
position :absolute; 
left: 50vw;	
font-size: clamp(0.65vw, 0.85vw, 1vw); /* taille du texte */
display: inline-block;
margin: 0.1vw 0vw 0vw 0vw;
}

span.numero{
position :absolute; 
left: 58.25vw;	
width:4vw;
font-size: clamp(0.65vw, 0.85vw, 1vw); /* taille du texte */
text-align: center;
display: inline-block;
margin: 0.1vw 0vw 0vw 0vw;
}

span.sousdom{
position :absolute; 
left: 58.25vw;	
font-size: clamp(0.65vw, 0.85vw, 1vw); /* taille du texte */
display: inline-block;
margin: 0.1vw 0vw 0vw 0vw;
}

span.date{
position :absolute; 
left: 63.25vw;	
font-size: clamp(0.65vw, 0.85vw, 1vw); /* taille du texte */
display: inline-block;
margin: 0.1vw 0vw 0vw 0vw;
}

span.editeur{
position :absolute; 
left: 66.75vw;	
font-size: clamp(0.65vw, 0.85vw, 1vw); /* taille du texte */
display: inline-block;
margin: 0.1vw 0vw 0vw 0vw;
}

span.kategory{
position :absolute;
left: 68.25vw;
font-size: clamp(0.65vw, 0.85vw, 1vw); /* taille du texte */
display: inline-block;
margin: 0.1vw 0vw 0vw 0vw;
}

span.emplacement{
position :absolute; 
left: 75.75vw;	
font-size: clamp(0.65vw, 0.85vw, 1vw); /* taille du texte */
display: inline-block;
margin: 0.1vw 0vw 0vw 0vw;
}

span.localisa{
position :absolute; 
left: 78.25vw;	
font-size: clamp(0.65vw, 0.85vw, 1vw); /* taille du texte */
display: inline-block;
margin: 0.1vw 0vw 0vw 0vw;
}


span.categorie{
position :absolute; 
left: 81.75vw;	
font-size: clamp(0.65vw, 0.85vw, 1vw); /* taille du texte */
display: inline-block;
margin: 0.1vw 0vw 0vw 0vw;
}

span.proprio{
position :absolute; 
left: 89.25vw;	
font-size: clamp(0.65vw, 0.85vw, 1vw); /* taille du texte */
color: red;
display: inline-block;
margin: 0.1vw 0vw 0vw 0vw;
}


p.critur{
font-family:"Futura";
display: inline-block;
font-size: clamp(0.7em, 1.12vw, 1em);
margin:0 auto;
color: black;
}

.styled9 {
    border: 0;
    padding: 5px 20px;
    text-align: center;
    border-radius: 4px;
    background-color: rgb(19, 157, 34);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}

.styled9:hover {
    background-color: rgb(255, 190, 10);
}

.styled9:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}