html
{
margin:0 auto;
padding:0px;
border:0px;
width:100%;
height : 100%; /* INDISPENSABLE POUR CENTRAGE VERTICAL */
}
body
{
margin:0 auto;
padding:0px;
border:0px;
height:100%; /* INDISPENSABLE POUR CENTRAGE VERTICAL */
width:100%; /* INDISPENSABLE POUR CENTRAGE VERTICAL */
text-align:center;
background-color:#EEE;
}
/* ---------------------------------------------*/
/* --- FONTS --- */ /* voir css dedie */
/* ---------------------------------------------*/
/* ---------------------------------------------*/
/* --- GENERAL --- */
/* ---------------------------------------------*/
.gris
{
color:#222222; /* 34 / 34 / 34 */
}
.gris2
{
color:#505558; /* 80 / 85 / 88 */
}
.jaune
{
color:#FAC92E; /* 250 / 201 / 46 */
}
.noir
{
color:#000000; /* 170 / 170 / 170 */
}
.blanc
{
color:#FFFFFF; /* 255 / 255 / 255 */
}
.BG-gris
{
background-color:#222222; /* 34 / 34 / 34 */
}
.BG-gris2
{
background-color:#505558; /* 80 / 85 / 88 */
}
.BG-jaune
{
background-color:#FAC92E; /* 250 / 201 / 46 */
}
.BG-noir
{
background-color:#000000; /* 0 / 0 / 0 */
}
.BG-blanc
{
background-color:#FFFFFF; /* 255 / 255 / 255 */
}
h1 /* --- titre rubrique --- */
{
color:#FFFFFF;
font-family: 'montserratregular', Arial, sans-serif;
font-weight:normal;
font-size: 2.2vh;
line-height: 2.2vh;
letter-spacing:1.5px;
margin-top:0;
text-align:center;
}
h2 /* --- titre ds paragraphes --- */
{
color:#FAC92E;
font-family: 'montserratlight', Arial, sans-serif;
font-size: 2.1vh;
line-height:4.5vh;
text-align : center;
letter-spacing: 0.5px;
text-transform: uppercase;
}
h3 /* --- titres parties ds formulaires --- */
{
margin-top:4.5vh;
margin-bottom:1.1vh;
/* color : #006476; */
font-family: 'montserratregular', Arial, sans-serif;
font-weight:normal;
font-size: 2.3vh;
line-height:2.3vh;
text-decoration : none;
letter-spacing: 0.5px;
}
p
{
/*padding:0 2vh 0 2vh;*/
color : #FFFFFF;
font-family: 'montserratlight', Arial, sans-serif;
font-size: 1.7vh;
line-height:3.6vh;
text-align : justify;
letter-spacing: 0.5px;
}
a, a:visited, a:focus, a:hover
{
color : #FFFFFF;
font-family: 'montserratlight', Arial, sans-serif;
font-size: 1.7vh;
line-height:3.6vh;
text-align : justify;
letter-spacing: 0.5px;
text-decoration:none;
}
.bold
{
/* font-family: 'montserratlight', Arial, sans-serif; */
font-weight:bold;
}
strong
{
color:#FAC92E;
}
.pave a, .pave a:visited, .pave a:focus, .pave a:active
{
text-decoration : none;
border-bottom:1px solid #999;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pave a:hover
{
border-bottom:1px solid #FFF;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.centrer-total-fitLarge
{
min-width:100%; /* pour remplir toujours en largeur meme si ecran très large*/ /*pas besoin en vertical car image assez larges en hauteur pour ne jamais etre infeiruer à la hauteur du conteneur */
max-height:130%;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
}
.centrer-total-fitHaut
{
min-height:100%; /* pour remplir toujours en largeur meme si ecran très large*/ /*pas besoin en vertical car image assez larges en hauteur pour ne jamais etre infeiruer à la hauteur du conteneur */
max-width:130%;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
}
.picHauteur100pc
{
position : relative;
height:100%;
width:auto;
border:0;
}
.picLargeur100pc
{
position : relative;
width:100%;
height:auto;
border:0;
}
.picLargeur50pc
{
display : inline-block;
width:49%;
height:auto;
border:0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.picLargeur50pc:hover
{
opacity:0.8;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
cursor:pointer;
}
.picLargeur33pc
{
display : inline-block;
margin-left:1px;
margin-right:1px;
width:calc(32.5% - 2px);
height:auto;
border:0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.picLargeur33pc:hover
{
opacity:0.8;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
cursor:pointer;
}
.ombre
{
-moz-box-shadow:2px 2px 4px 1px #CCC;
-ms-box-shadow:2px 2px 4px 1px #CCC;
-o-box-shadow:2px 2px 4px 1px #CCC;
-webkit-box-shadow:2px 2px 4px 1px #CCC;
box-shadow:2px 2px 4px 1px#CCC;
border:0;
}
.pointer
{
cursor:pointer;
}
.menuon
{
width:20%;
}
.menuoff
{
width:20%;
}
.alignCenter
{
text-align:center;
}
.clear
{
clear: both;
}
.inline
{
display:inline;
}
.none
{
display:none;
}
/*
.puce
{
color:#9a0d40;
margin-left:1%;
margin-right:1%;
}
*/
.marge-mini
{
display:block;
position: relative;
width: 100%;
height:3.6vh;
}
/* ---------------------------------------------*/
/* --- DEBUT GENERAL NON UTILISE --- */
/* ---------------------------------------------*/
.picto-pdf
{
margin-right:1.5vh;
float:left;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.pdf-telech:hover .picto-pdf, .picto-co2:hover .picto-pdf
{
margin-right:2.5vh;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.pdf-telech
{
position:relative;
display:inline-block;
height:2.7vh;
text-align:left;
vertical-align: top; /* pour aligneent vertical de l'élément texte */
/*background-color:#CCC; */
color : #000;
font-family: 'Open_sanslight', Arial, sans-serif;
font-size: 1.7vh;
line-height:2.7vh;
text-decoration : none;
text-align : justify;
}
.picto-co2
{
position:relative;
display:inline-block;
height:4.5vh;
text-align:left;
vertical-align: text-bottom; /* pour aligneent vertical de l'élément texte */
/*background-color:#CCC; */
color : #000;
font-family: 'Open_sanslight', Arial, sans-serif;
font-size: 1.7vh;
line-height:4.5vh;
text-decoration : none;
text-align : justify;
}
.saut
{
position:relative;
height:40vh;
}
/* ---------------------------------------------*/
/* --- FIN GENERAL NON UTILISE --- */
/* ---------------------------------------------*/
/* ---------------------------------------------*/
/* --- GAUCHE / MENU --- */
/* ---------------------------------------------*/
.logo
{
position:fixed;
height:5%;
top:4%;
padding-top:2%;
padding-bottom:2%;
width:20%;
left:0%;
text-align:center;
background-color:#222222;
z-index:200000;
}
.logo-accueil
{
position:relative;
height:10vh;
top:2%;
padding-top:2%;
padding-bottom:2%;
width:100%;
left:0%;
text-align:center;
}
.capot-plexiglas /* COLONNE GAUCHE BLOC */
{
position:absolute;
left:0;
/*width:20%;*/
top:0;
height:100%;
text-align:center;
z-index:100000;
overflow:hidden;
}
.menu
{
position:absolute;
left:0;
width:100%;
height:40%;
top:24%; /*un peu decale vers le bas */
text-align:center;
/*overflow:hidden;*/
/*background-color:#000;*/
}
.menu-bloc
{
position:relative;
display:block;
height:14%; /* hauteur /6 */
width:100%;
text-align:center;
/*background-color:#CCC;*/
}
.menu-item
{
position:absolute;
display:block;
height:50%;
top:25%;
width:84%;
left:8%;
text-align:center;
color : #FFFFFF;
font-family: 'montserratregular', Arial, sans-serif;
font-size: 1.7vh;
line-height:2.8vh; /* 100 % = 100 vh => menu = 40 vh => menu-bloc = 40*16/100/2 => 3.2 vh */
text-decoration : none;
vertical-align:middle;
text-transform: uppercase;
cursor:pointer;
letter-spacing:1px;
-moz-border-radius: 0px 0px 0px 0px;
-ms-border-radius: 0px 0px 0px 0px;
-o-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
background-color:#222222;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.menu-item-jaune
{
position:absolute;
display:block;
height:50%;
top:25%;
width:84%;
left:8%;
text-align:center;
color : #FAC92E;
font-family: 'montserratregular', Arial, sans-serif;
font-size: 1.7vh;
line-height:2.8vh; /* 100 % = 100 vh => menu = 40 vh => menu-bloc = 40*16/100/2 => 3.2 vh */
text-decoration : none;
vertical-align:middle;
text-transform: uppercase;
cursor:pointer;
letter-spacing:1px;
-moz-border-radius: 0px 0px 0px 0px;
-ms-border-radius: 0px 0px 0px 0px;
-o-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
background-color:#222222;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.menu-item:hover, .menu-item-jaune:hover
{
color : #222222;
background-color: #FAC92E;
-moz-border-radius: 0px 15px 0px 15px;
-ms-border-radius: 0px 15px 0px 15px;
-o-border-radius: 0px 15px 0px 15px;
-webkit-border-radius: 0px 15px 0px 15px;
border-radius: 0px 15px 0px 15px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.techni-plast-cloches
{
position:absolute;
display:block;
height:1.2vh;
bottom:12vh;
width:100%;
left:0;
text-align:center;
/*cursor:pointer;*/
letter-spacing:1px;
}
.techni-plast-cloches a, .techni-plast-cloches a:hover, .techni-plast-cloches a:focus, .techni-plast-cloches a:visited
{
color : #FAC92E;
font-family: 'montserratregular', Arial, sans-serif;
font-size: 2.3vh;
line-height:2.6vh;
text-decoration : none;
vertical-align:middle;
text-transform: uppercase;
}
.techni-plast-pmma
{
position:absolute;
display:block;
height:1.2vh;
bottom:3.6vh;
width:100%;
left:0;
text-align:center;
color : #FAC92E;
font-family: 'montserratregular', Arial, sans-serif;
font-size: 1vh;
line-height:1.2vh;
text-decoration : none;
vertical-align:middle;
text-transform: uppercase;
/*cursor:pointer;*/
letter-spacing:1px;
}
.mentions-bt
{
position:absolute;
display:block;
height:1.2vh;
bottom:1.8vh;
width:100%;
left:0;
text-align:center;
color : #FFFFFF;
font-family: 'montserratregular', Arial, sans-serif;
font-size: 1vh;
line-height:1.2vh;
text-decoration : none;
vertical-align:middle;
text-transform: uppercase;
cursor:pointer;
letter-spacing:1px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.mentions-bt:hover
{
color : #FAC92E;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.menu-bt
{
display:none;
}
/* ---------------------------------------------*/
/* --- DROITE --- */
/* ---------------------------------------------*/
.plexiglas-sur-mesure /* COLONNE GAUCHE BLOC */
{
position:absolute;
display:block;
left:90%;
width:10%;
top:0;
height:100%;
text-align:center;
z-index:100000;
overflow:hidden;
background-color:#222222;
}
.objet-plexiglas
{
position:relative;
opacity:1;
height:10%;
width:100%;
display:block;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
overflow:hidden;
cursor:pointer;
}
.objet-plexiglas:hover
{
opacity:0.8;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
/* ---------------------------------------------*/
/* --- CONTENU --- */
/* ---------------------------------------------*/
.fabrication-plexiglas
{
position:absolute;
left:20%;
width:70%;
top:0;
height:100%;
/*text-align:center;
z-index:100000;*/
background-color:#000;
background-repeat:no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow:auto;
}
.BG-pic-thermoformage
{
background-image: url("../vitrine-plastique/plastique-pmma.jpg");
}
.BG-pic-accueil
{
background-image: url("../vitrine-plastique/capots-vitrines-musees.jpg");
}
.BG-pic-techni-plast
{
background-image: url("../vitrine-plastique/transformation-plexiglas.jpg");
}
.BG-pic-vitrines
{
background-image: url("../vitrine-plastique/vitrine-cloche.jpg");
}
.BG-pic-capots
{
background-image: url("../vitrine-plastique/capot-oeuvre-art.jpg");
}
.BG-pic-cloches
{
background-image: url("../vitrine-plastique/cloche-plexiglas.jpg");
}
.BG-pic-encadrement
{
background-image: url("../vitrine-plastique/cadre-protection-transparent.jpg");
}
.BG-pic-sur-mesure
{
background-image: url("../vitrine-plastique/fabrication-sur-mesure.jpg");
}
.BG-pic-musees
{
background-image: url("../vitrine-plastique/capot-exposition-musee.jpg");
}
.BG-pic-contact
{
background-image: url("../vitrine-plastique/devis-vitrine.jpg");
}
.BG-pic-techni-plast:after {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index:0;
}
.BG-pic-techni-plast:after {
content: '';
background: transparent url(../vitrine-plastique/pattern.png) repeat top left;
}
.pave
{
position:relative;
left:7%;
width:73%;
top:18%;
/*height:100%;*/
padding:3vh 10% 3vh 10%;
background-color:rgba(34,34,34,0.94);
-moz-border-radius: 0px 0px 0px 25px;
-ms-border-radius: 0px 0px 0px 25px;
-o-border-radius: 0px 0px 0px 25px;
-webkit-border-radius: 0px 0px 0px 25px;
border-radius: 0px 0px 0px 25px;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index:100000;
}
.paveBluffBugDecaleBarreDefilement
{
position: absolute;
left:0;
top:0;
width:1px;
height:1px;
background-color:black;
}
.pavebluffbug1
{
opacity:0;
}
.titre-page
{
position:fixed;
right:9%;
height:2.2vh;
top:-4vh;
padding:0.8vh 6% 0.8vh 6%;
-moz-border-radius: 0px 0px 0px 18px;
-ms-border-radius: 0px 0px 0px 18px;
-o-border-radius: 0px 0px 0px 18px;
-webkit-border-radius: 0px 0px 0px 18px;
border-radius: 0px 0px 0px 18px;
/*font-size:0;*/
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg);
-webkit-transform-origin: bottom right;
-moz-transform-origin: bottom right;
-ms-transform-origin: bottom right;
-o-transform-origin: bottom right;
transform-origin: bottom right;
z-index:999000;
}
.pic-page
{
border:1px #000 solid;
/*-moz-border-radius: 0px 15px 0px 15px;
-ms-border-radius: 0px 15px 0px 15px;
-o-border-radius: 0px 15px 0px 15px;
-webkit-border-radius: 0px 15px 0px 15px;
border-radius: 0px 15px 0px 15px;*/
}
/* ---------------------------------------------*/
/* --- GALERIES --- */
/* ---------------------------------------------*/
.bande-photos-plexi
{
position: relative;
width : 49vw; /* 51 - 2x1 de padding */ /* 100% du pave en vw : zone milieu 70% > pavé 93% - 2x10% de padding => */
height : 10vw; /* on a 4 images par ligne 10vw de côté + marge de chaque côte de 1vw => 12 vw de large */
border: 0px;
margin: 0 0 2vw 0;
padding : 0 0vw 0 2vw;
text-align: center;
/*background-color: #DDD;*/
}
.vignette
{
opacity:1;
position: relative;
display:block;
float:left;
overflow: hidden;
width : 10vw;
height : 10vw;
top: 0px;
left: 0px;
border:1px #000 solid;
margin: 0 0.8vw 0 0.8vw;
padding:0;
/*background-color: #FFF;*/
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
/*OMBRE ET CADRE + vignette centrée + rollOver*/
}
.vignette:hover
{
opacity:0.8;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.blocLargeur50pc
{
position:relative ;
display : inline-block;
top:0;
width:42%;
height:auto;
padding-left:2%;
padding-right:2%;
/*font-family: 'montserratultra_light', Arial, sans-serif;
font-size: 1.7vh;
line-height:3.4vh;
text-decoration : none;
text-align : justify;*/
vertical-align:top;
/*background-color:#DDD;*/
}
.blocLargeur100pc
{
position:relative ;
display : block;
top:0;
width:90%;
height:auto;
padding-left:5%;
padding-right:5%;
/*font-family: 'montserratultra_light', Arial, sans-serif;
font-size: 1.7vh;
line-height:3.4vh;
text-decoration : none;
text-align : justify;*/
vertical-align:top;
/*background-color:#DDD;*/
}
.bloc-color
{
position:relative;
width:94%;
margin: 3vh 0 3vh 0;
padding:3% 6% 3% 6%;
color : #FFF;
font-family: 'montserratregular', Arial, sans-serif;
font-size: 1.7vh;
line-height:3.3vh;
text-decoration : none;
text-align : justify;
}
.pastille-gauche
{
display:block;
position:absolute;
top:36vh;
left:calc(25% - 8vh);
height:16vh;
width:16vh;
-moz-border-radius: 90px 90px 90px 90px;
-ms-border-radius: 90px 90px 90px 90px;
-o-border-radius: 90px 90px 90px 90px;
-webkit-border-radius: 90px 90px 90px 90px;
border-radius: 90px 90px 90px 90px;
border:4px solid #FFF;
overflow:hidden;
z-index:60000;
background-color:#FFF;
}
/*.pastille-gauche:before, .pastille-droite:before {
content: " ";
position: absolute;
z-index: -1;
top: -6px;
left: -6px;
right: -6px;
bottom: -6px;
-moz-border-radius: 90px 90px 90px 90px;
-ms-border-radius: 90px 90px 90px 90px;
-o-border-radius: 90px 90px 90px 90px;
-webkit-border-radius: 90px 90px 90px 90px;
border-radius: 90px 90px 90px 90px;
border:8px solid white;
}*/
.pastille-droite
{
display:block;
position:absolute;
top:36vh;
left:calc(75% - 8vh);
height:16vh;
width:16vh;
-moz-border-radius: 90px 90px 90px 90px;
-ms-border-radius: 90px 90px 90px 90px;
-o-border-radius: 90px 90px 90px 90px;
-webkit-border-radius: 90px 90px 90px 90px;
border-radius: 90px 90px 90px 90px;
border:4px solid #FFF;
overflow:hidden;
z-index:60000;
background-color:#FFF;
}
/* ---------------------------------------------*/
/* --- FORMULAIRE --- */
/* ---------------------------------------------*/
#myconsult, #myconsults {
margin:0 auto;
width:90%;
text-align:center;
}
#myconsult .bloc, #myconsults .bloc {
/*-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;*/
margin-top:4vh;
padding-top:2vh;
padding-bottom:3.5vh;
padding-left:0;
padding-right:0;
background-color: rgba(170,170,170,0.2);
}
#myconsult label, #myconsults label {
display:block;
margin-top:20px;
margin-bottom:6px;
letter-spacing:0px;
color : #505D64;
font-family: 'montserratultra_light', Arial, sans-serif;
font-size: 1.8vh;
line-height:2.2vh;
text-decoration : none;
text-align : center;
}
#myconsult input, #myconsult textarea, #myconsults input, #myconsults textarea {
position:relative;
width:89%;
left:0;
background:#FFF;
border:1px solid #dedede;
padding-left:1%;
margin-top:2px;
margin-bottom:0;
margin-left:0 auto;
margin-right:0 auto;
color : #000;
font-family: 'montserratregular', Arial, sans-serif;
font-size: 1.1vw;
line-height:1.8vw;
text-align : left;
}
#myconsult textarea, #myconsults textarea {
max-width:89%; /* éviter extension latérale*/
/*max-height:6vw;*/
height:5.4vw; /* 3x le lie-height de la font*/
background-color:#FFF;
}
#myconsult input:focus, #myconsult textarea:focus, #myconsults input:focus, #myconsults textarea:focus {
border:1px solid #8E417F;
}
#myconsult #submit, #myconsults #submit {
width:15vw;
/*height:38px;*/
margin:0 auto;
border:none;
margin-top:20px;
cursor:pointer;
color : #505D64;
font-family: 'montserratlight', Arial, sans-serif;
font-size: 2vh;
line-height:5vh;
text-decoration : none;
letter-spacing:1px;
text-align:center;
background-color: rgba(170, 170, 170, 0.3);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#myconsult #submit:hover, #myconsults #submit:hover
{
color:#FFF;
background-color: #819BB4;
-moz-border-radius: 8px 8px 8px 8px;
-ms-border-radius: 8px 8px 8px 8px;
-o-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#myconsult select, #myconsults select, #formpaypal select {
position:relative;
width:89%;
left:0;
background:#FFF;
border:1px solid #dedede;
padding-left:1%;
margin-top:2px;
margin-bottom:0;
margin-left:0 auto;
margin-right:0 auto;
color : #000;
font-family: 'montserratregular', Arial, sans-serif;
font-size: 1.1vw;
line-height:1.8vw;
text-align : left;
}
.consultation-ferme
{
display:none;
/*-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;*/
}
.consultation-ouvre
{
display:block;
/*-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;*/
}