/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* RESET */

* { box-sizing:border-box; }
html { position:relative; display:block; }

body { position:relative; display:block; width:100%; margin:0; padding:0; font-family:Montserrat, sans-serif; font-size:0; font-weight:300; line-height:1.4; background-color:rgba(255,255,255,1); color:rgba(111,111,111,1); text-align:left; overflow-x:hidden; overflow-y:scroll; }
body.noscrollbar { overflow-y:hidden; }

header, main, footer { position:relative; display:block; width:100%; margin:0; padding:0; overflow-x:hidden; }

h1, h2, h3, h4, h5, h6 { position:relative; margin:0; padding:0; font-family:Montserrat, sans-serif; font-size:1.5rem; font-weight:700; color:inherit; }

div { position:relative; margin:0; padding:0; }

a, a:link, a:active, a:visited, a:focus { font-size:inherit; color:inherit; text-decoration:inherit; outline-color:transparent; }
body.desktop a:hover { color:inherit; text-decoration:underline; outline-color:transparent; }

img { margin:0; padding:0; border:0; }
svg { position:relative; display:inline-block; vertical-align:top; height:100%; width:100%; margin:0; padding:0; }

p { font-size:inherit; word-wrap:break-word; text-align:left; margin:0; padding:1em 0 0 0; }
p:first-of-type, h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { padding-top:0; }
span { position:relative; display:inline; font-size:inherit; margin:0; padding:0; }

ul { position:relative; margin:0; padding:0; }
li { position:relative; font-size:inherit; word-wrap:break-word; text-align:left; margin:0; padding:0; }
.fromrte ul { margin-left:1em; }

.wrap { display:block; position:absolute; overflow:hidden; left:0; top:0; width:100%; height:100%; }
.cover { position:absolute; top:50%; left:50%; width:auto; height:auto; transform:translate(-50%, -50%); display:block; margin:0; padding:0; background-color:transparent; }
.cover.top { top:0; transform:translate(-50%,0); }
.cover.bottom { top:100%; transform:translate(-50%,-100%); }
.cover.left { left:0; transform:translate(0,-50%); }
.cover.right { left:100%; transform:translate(-100%,-50%); }
.cover > img, .cover > video, .cover > div, .cover > span { position:absolute; display:inline-block; width:100%; height:100%; left:0; top:0; }

.clear { clear:both; }
.blochref { cursor:pointer; }

pre, code { position:relative; font-size:13px; text-align:left; color:#c7254e; background-color: #f9f2f4; border-radius:0.5em; padding:0.8em; display:block; margin:0 0 1em 0; border:0; }

.ajaxloader { z-index:999999; position:fixed; left:0; top:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.4); }
.ajaxloader svg { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:8%; height:auto; color:rgba(0,0,0,1); }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*    Mise en forme spécifique des formulaires   */
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

input, textarea, select { position:relative; display:inline-block; vertical-align:top; width:100%; font-size:inherit; display:inline-block; background-color:rgba(237,237,237,1); color:rgba(22,22,22,1); line-height:2; height:2em; vertical-align:middle; margin:0; padding:0.1em 0.3em 0 0.3em; width:100%; border:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; }
textarea { height:6em; }
select { background-image:url(https://toulousebyviet.com/_chartes_/greatvision/ressources/images/contribution/dropdown.svg) !important; background-size:1.5em; background-position: right center !important; background-repeat: no-repeat !important; padding-right:30px !important; }
select::-ms-expand { display: none; }
select option { color:rgba(22,22,22,1); }
select.placeholder { color:rgba(54,54,54,0.55) !important; }

/* Mise en forme des boutons radio et des checkboxes */
input[type="radio"] + span:before, input[type="checkbox"] + span:before, input[type="radio"] + span:after, input[type="checkbox"] + span:after {
	content:'' !important; position:absolute !important;
	left:0 !important; top:0 !important; /* on décale la case de 10% de sa taille pour bien la centrer en hauteur */
	width:1em !important; height:1em !important; /* on définit la taille de référence de la case à la même taille que la font du span */
	transform-origin: 50% 50% !important; /* pour être certain du point d'origine du scale pour la case et la coche */
	transition:all .2s !important; /* on prévoit une animation */
}
input[type="radio"], input[type="checkbox"] { position:absolute !important; left:0 !important; top:1em !important; opacity:0 !important; transform: scale(0) !important; height:1em !important; width:1em !important; } /* On masque le champ input (opacité 0) */
input[type="radio"] + span, input[type="checkbox"] + span { position:relative !important; cursor:pointer !important; padding-top:0 !important; padding-bottom:0 !important; padding-left:1.6em !important; } /* on prépare le label (balise span située à côté du champ input) */
input[type="radio"] + span:before, input[type="checkbox"] + span:before { border:1px solid rgba(237,237,237,1) !important; background-color:transparent !important; } /* Aspect général de la case */
input[type="radio"] + span:after, input[type="checkbox"] + span:after { border:1px solid transparent !important; background-color:rgba(237,237,237,1) !important; } /* Aspect général de la coche */
input[type="checkbox"] + span:before, input[type="checkbox"] + span:after { border-radius: 5% !important; } /* angles arrondis */
input[type="radio"] + span:before, input[type="radio"] + span:after { border-radius: 50% !important; } /* cases circulaires */
input[type="radio"]:not(:checked) + span:after, input[type="checkbox"]:not(:checked) + span:after { opacity: 0 !important; transform: scale(0) !important; } /* Aspect si "pas cochée" */
input[type="radio"]:checked + span:after, input[type="checkbox"]:checked + span:after { opacity: 1 !important; transform: scale(0.5) !important; } /* Aspect si "cochée" */

label { position:relative; display:inline-block; vertical-align:top; font-weight:300; }

button, a.button { position:relative; display:inline-block; vertical-align:top; font-family:Montserrat, sans-serif; font-size:1.2rem; font-weight:300; text-align:center; background-color:rgba(22,22,22,1); border:1px solid rgba(22,22,22,1); color:rgba(255,255,255,1); margin:0; padding:0.5em 1em; width:auto; outline:0; }
body.desktop button:hover, body.desktop a.button:hover { text-decoration:none; outline:0; }


body.fullscreen { margin:0; padding:0; position:fixed; width:100vw; height:100vh; overflow:hidden; }	
body.fullscreen header { display:none; }
body.fullscreen footer { display:none; }
body.fullscreen main { margin:0; padding:0; position:absolute; width:100vw; height:100vh; background-color:#000; overflow:hidden; }
body.fullscreen #en2mots { max-width:100%; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER */

/* La durée de la transition doit être cohérente avec la valeur utilisée dans _charte_.js */
header { height:6.5rem; position:fixed; z-index:1000; background-color:rgba(255,255,255,1); left:0; top:0; right:0; margin:0; padding:0; overflow:visible; }

/* LOGO */
#identification { height:4rem; position:absolute; z-index:2000; display:block; left:0; top:0; right:0; font-size:0; overflow-y:hidden; background-color:rgba(255,255,255,1); }
#identification > a { position:absolute; display:inline-block; padding:0; left:6rem; bottom:1rem; height:2.4rem; width:9.12rem; vertical-align:bottom; }
#identification > a > svg { position:relative; display: table-cell; padding:0; left:0; top:0; height:100%; width:100%; }
#identification > span { position:absolute; display:inline-block; padding:0; left:18rem; bottom:1.4rem; width:auto; white-space:nowrap; font-weight:300; text-transform:uppercase; line-height:1.2rem; transition:color 300ms ease; font-size:0.9rem; vertical-align:bottom; }

/* MENU */
button#menu-show { height:3rem; width:3rem; display:block; opacity:1; z-index:2000; position:absolute; top:0; left:0; background-color:rgba(188,40,0,1); border:0; transition:background-color 300ms linear; }
button#menu-show img, button#menu-show svg { position:absolute; display:block; margin:0; padding:0; width:45%; height:45%; left:50%; top:50%; transform: translate(-50%, -50%); }
button#menu-show path { fill:rgba(255,255,255,1); transition:fill 300ms ease; }
body.desktop button#menu-show:hover { text-decoration:none; background-color:rgba(255,255,255,1); }
body.desktop button#menu-show:hover path { fill:rgba(188,40,0,1); }

button#menu-hide { height:3rem; width:3rem; display:block; opacity:1; position:absolute; top:0; right:0; background-color:transparent; border:0; }
button#menu-hide img, button#menu-hide svg { position:absolute; display:block; margin:0; padding:0; width:40%; height:40%; left:50%; top:50%; transform: translate(-50%, -50%); }
button#menu-hide path { fill:rgba(188,40,0,1); transition:fill 300ms ease; }
body.desktop button#menu-hide:hover { text-decoration:none; }
body.desktop button#menu-hide:hover path { fill:rgba(255,255,255,1); }

#menu-container { z-index:3000; overflow:hidden; position:fixed; margin:0; padding:0; top:0; left:-100%; height:100%; width:0; transition:width 0ms linear 500ms, left 500ms linear 0ms; }
#menu-container.show { left:0; width:100%; transition:width 0ms linear 0ms, left 500ms linear 0ms; }

#menu-mask { content: ""; position:absolute; left:0; top:0; width:0; height:0; background-color:transparent; transition: background-color 500ms linear 500ms; }
#menu-container.show #menu-mask { width:100%; height:100%; background-color:rgba(0,0,0,0.01); }

#menu-background { position:absolute; left:0; top:0; height:100%; background-color:rgba(20,20,20,0.9); width:48%; transition:width 500ms linear 0ms; }
#menu-background > div { position:absolute; padding:1rem 3rem 1rem 1rem; width:48rem; height:auto; left:0; top:50%; transform:translateY(-50%); color:rgba(255,255,255,1); text-align:right; font-size:0; }
#menu-background > div > div { position:relative; display:block; height:auto; width:100%; text-align:right; }

ul#menu { display:inline-block; width:23rem; margin:0; padding:0; }
ul#menu > li { position:relative; width:23rem; display:block; font-size:1.6rem; padding:0 0 1.5rem 0; text-align:right; }
ul#menu > li > button { position:relative; margin:0; padding:0; background-color:transparent; border:0; width:auto; white-space:nowrap; display:inline-block; padding-right:1.5rem; font-weight:300; text-transform:uppercase; line-height:1.4em; transition:color 300ms ease; }
body.desktop ul#menu > li:hover > button, ul#menu > li > button.current { text-decoration:none; color:rgba(188,40,0,1); }

ul#perso-menu { display:none; width:23rem; margin:1rem 0 0 0; padding:2rem 0 0 0; border-top:1px solid rgba(255,255,255,1); }
ul#perso-menu > li { position:relative; width:23rem; display:block; font-size:1.4rem; padding:0 0 1.5rem 0; text-align:right; vertical-align:top; }
ul#perso-menu > li > button { position:relative; margin:0; padding:0; background-color:transparent; border:0; width:auto; white-space:nowrap; display:inline-block; padding-right:1.5rem; font-weight:300; text-transform:uppercase; line-height:1.4em; transition:color 300ms ease; vertical-align:top; }
body.desktop ul#perso-menu > li:hover > button, ul#perso-menu > li > button.current { text-decoration:none; color:rgba(188,40,0,1); }

ul#link-menu { display:inline-block; width:23rem; margin:1rem 0 0 0; padding:2rem 0 0 0; border-top:1px solid rgba(255,255,255,1); }
ul#link-menu > li { position:relative; width:23rem; display:block; font-size:1.4rem; padding:0 0 1.5rem 0; text-align:right; }
ul#link-menu > li > button { position:relative; margin:0; padding:0; background-color:transparent; border:0; width:auto; white-space:nowrap; display:inline-block; padding-right:1.5rem; font-weight:300; text-transform:uppercase; line-height:1.4em; transition:color 300ms ease; }
body.desktop ul#link-menu > li:hover > button, ul#perso-menu > li > button.current { text-decoration:none; color:rgba(188,40,0,1); }

ul#perso { position:absolute; z-index:2100; top:0; right:0; display:inline-block; width:auto; margin:0; padding:0; font-size:0; }
ul#perso > li { height:3rem; position:relative; width:auto; vertical-align:top; display:inline-block; text-align:center; background-color:rgba(255,255,255,1); transition:all 100ms ease; }
ul#perso > li > button { position:relative; margin:0; padding:0; background-color:transparent; border:0; color:rgba(111,111,111,1); padding:0 1.5rem; top:50%; transform:translateY(-50%); width:auto; white-space:nowrap; display:inline-block; font-weight:600; text-transform:uppercase; line-height:1.2em; transition:all 100ms ease; font-size:0.6rem; border-left:1px solid rgba(111,111,111,1); }
ul#perso > li:first-of-type > button { border-left:0; }
body.desktop ul#perso > li > button:hover { text-decoration:none; }
body.desktop ul#perso > li > button:hover { color:rgba(188,40,0,1); background-color:rgba(255,255,255,1); }

ul#perso > li.authentification { background-color:rgba(188,40,0,1); } 
ul#perso > li.authentification > button { border-left:0; background-color:transparent; color:rgba(255,255,255,1); transition:all 0ms ease; }
body.desktop ul#perso > li.authentification > button:hover { background-color:transparent; }
body.desktop ul#perso > li.authentification:hover { background-color:rgba(255,255,255,1); } 
body.desktop ul#perso > li.authentification:hover > button { color:rgba(188,40,0,1); }

ul#perso > li.mygreatvision > button { background-color:rgba(57,57,57,1); color:rgba(204,204,204,1); border-left:0; padding:1em 2em; margin-right:1em; text-transform:none; }
body.desktop ul#perso > li.mygreatvision:hover > button { background-color:rgba(57,57,57,1); color:rgba(255,255,255,1); }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ACCUEIL */

#accueil-diaporama { position:relative; margin:0; padding:0; width:100%; height:0; padding-bottom:36%; overflow:hidden; }
#accueil-diaporama > img { position:absolute; left:0; top:0; width:100%; height:auto; }
#accueil-diaporama > video { position:absolute; left:0; top:0; width:100%; height:auto; }
#accueil-diaporama > div { position:absolute; top:50%; height:auto; left:55%; width:40%; padding:2rem; transform:translateY(-50%); background-color:rgba(178,105,86,0.9); color:rgba(255,255,255,1);  }
#accueil-diaporama > div video, #accueil-diaporama > div img { position:relative; width:100%; height:auto; }
#accueil-diaporama h1 { font-weight:600; text-transform:uppercase; margin:0; padding:0 0 2rem 0; font-size:1.5rem; line-height:1.4em; }
#accueil-diaporama p { font-weight:200; font-size:0.8rem; line-height:1.5em; }

#accueil-boutons { position:relative; width:100%; height:auto; margin-top:2rem; margin-bottom:2rem; font-size:0; }
.survol { position:relative; height:9rem; overflow:hidden; display:inline-block; width:50%; }
.survol:after { content:''; position:absolute; z-index:2; left:0; top:0; right:0; bottom:0; background-color:rgba(255,150,0,0.65); transition:background-color 200ms ease; }
body.desktop .survol:hover:after { background-color:rgba(153,32,0,0.65); }
.survol img { position:absolute; z-index:1; width:100%; height:auto; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 200ms ease; }
body.desktop .survol:hover img { width:110%; max-width:110%; height:auto; }
.survol button { margin:0; padding:0; border:0; background-color:transparent; position:absolute; z-index:3; left:50%; top:50%;  width:90%; text-align:center; height:auto; transform:translate(-50%, -50%); text-transform:uppercase; font-weight:300; color:rgba(255,255,255,0.8); font-size:2.4rem; }
body.desktop .survol button:hover { text-decoration:none; background-color:transparent; }
.survol b, .survol strong { font-weight:600; }

.survol.photos { width:50%; margin:0; border-right:0.25rem solid rgba(255,255,255,1); }
.survol.videos { width:50%; margin:0; border-left:0.25rem solid rgba(255,255,255,1); }

.survol.mygreatvision { width:100%; margin:1rem 0; }
.survol.mygreatvision:after { background-color:rgba(249,190,78,0.9); }
body.desktop .survol.mygreatvision:hover:after { background-color:transparent; }


#accueil-mosaique li { width:25%; }
#accueil-mosaique li > div > div { background-color:rgba(180,56,31,0.85); }
#accueil-mosaique li > div > div button  { margin:0; padding:0; border:0; background-color:transparent; font-weight:200; text-transform:uppercase; font-size:1.6rem; color:rgba(255,255,255,1); text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:0; transition:opacity 2000ms ease 2000ms !important; }
body.desktop #accueil-mosaique li > div > div button:hover  { text-decoration:none; background-color:transparent; }
#accueil-mosaique li > div > div.myhover button { opacity:1; transition:opacity 2000ms ease 2000ms !important; }
#accueil-mosaique li > div > div span.type { display:block; text-align:center; font-size:0.8rem; text-transform:none; }


#accueil-satellite { position:relative; display:block; padding:0; margin:2rem 0; }
#accueil-satellite > img { width:100%; }
#accueil-satellite:after { content:''; position:absolute; z-index:2; left:0; top:0; right:0; bottom:0; background-color:rgba(248,166,24,0.65); transition:background-color 200ms ease; }
#accueil-satellite > div { position:absolute; z-index:3; display:block; left:0; width:100%; top:50%; transform:translateY(-50%); text-align:center; font-size:0; padding:0; margin:0; }
#accueil-satellite > div > span { position:relative; vertical-align:middle; display:inline-block; font-size:1.5rem; color:rgba(255,255,255,1); font-weight:200; }
#accueil-satellite > div > span > span { font-weight:700; }
#accueil-satellite > div > a { position:relative; vertical-align:middle; display:inline-block; font-size:1.1rem; background-color:rgba(255,255,255,1); color:rgba(0,0,0,1); font-weight:200; margin-left:2rem; padding: 0.5rem 1rem; border:1px solid rgba(255,255,255,1); transition:all 100ms linear; }
body.desktop #accueil-satellite > div > a:hover { background-color:transparent; color:rgba(255,255,255,1); border-color:rgba(255,255,255,1); text-decoration:none; }

#accueil-albums { position:relative; width:100%; height:auto; margin-top:3rem; margin-bottom:2rem; font-size:0; }
#accueil-albums h2 { text-transform:uppercase; font-size:3rem; font-weight:200; color:rgba(57,57,57,1); padding:0; margin:0 0 2rem 0; text-align:center; }
#accueil-albums .info { text-transform:uppercase; font-size:1.2rem; font-weight:200; padding:0; margin:0 0 2rem 0; text-align:center; width:100%; }
#accueil-albums .info p { text-align:center; }#accueil-albums .survol:after { background-color:rgba(49,9,2,0.75); }
body.desktop #accueil-albums .survol:hover:after { background-color:rgba(255,150,0,0.65); }
#accueil-albums .survol { height:11rem; width:33%; margin:0.165%; }
#accueil-albums .survol button { font-size:1.6rem; line-height:1.2em; width:80%; }

#accueil-albums.albums_prives { margin-bottom:0; }
#accueil-albums.albums_prives .survol:after { background-color:rgba(49,9,2,0.75); }
body.desktop #accueil-albums.albums_prives .survol:hover:after { background-color:rgba(255,150,0,0.65); }

// Page interne albums :
#albums-prives { position:relative; width:100%; height:auto; margin-top:3rem; margin-bottom:2rem; font-size:0; }
#albums-prives h2 { text-transform:uppercase; font-size:3rem; font-weight:200; color:rgba(57,57,57,1); padding:0; margin:0 0 2rem 0; text-align:center; }
#albums-prives .survol:after { background-color:rgba(49,9,2,0.75); }
body.desktop #albums-prives .survol:hover:after { background-color:rgba(255,150,0,0.65); }
#albums-prives .survol { height:11rem; width:100%; margin:0.165%; }
#albums-prives .survol button { font-size:2.2rem; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* BANDEAU RECHERCHE */

button#recherche-show, button#recherche-hide { display:none; opacity:0; height:0; width:0; border:0; background-color:transparent; }
#recherche { top:4rem; min-height:2.5rem; height:auto; font-size:0; position:absolute; z-index:2000; left:0; right:0; }

#recherche div.cs-skin { position:relative; display:inline-block; vertical-align:top; margin: 0 0 0 0 !important; padding: 0 0 0 0.2em !important; width:10em; height:1.5em; text-transform:uppercase; background-color:transparent; }
#recherche span.cs-placeholder { position:relative; display:inline-block; vertical-align:top; overflow:hidden; padding:0 0 0 2em !important; top:50%; transform:translateY(-50%); width:100%; }
#recherche span.cs-placeholder:before { content: '>'; font-family: quicksand; position: absolute; left:0; font-size:2em; top: 0; font-weight: 400; }
#recherche div.cs-options { position:absolute; font-size:1em; background-color:rgba(57,57,57,1); color:rgba(204,204,204,1); width:auto; min-width:80%; max-width:300%; max-height:25em; overflow-y:visible; top:2.4em; left:1.5em; }
body.desktop #recherche div.cs-options li:hover { color:rgba(57,57,57,1); background-color:rgba(204,204,204,1); }

#recherche_types { height:2.5rem; width:13%; font-size:0; position:relative; vertical-align:top; display:inline-block; background-color:rgba(57,57,57,1); margin:0; padding:0; }
#recherche_types li { font-size:1rem; position:absolute; display:inline-block; width:2.2em; height:1.2em; left:0; top:50%; transform: translateY(-50%); padding:0; border-left:1px solid rgba(190,190,190,1); }
#recherche_types li img, #recherche_types li svg { position:absolute; display:block; margin:0; padding:0; width:80%; height:80%; left:0.5em; right:0.5em; top:10%; bottom:10%; }
#recherche_types li path, #recherche_types li polygon, #recherche_types li rect { fill:rgba(190,190,190,1); transition: fill 300ms ease; }
#recherche_types li button { position:relative; border:0; background-color:transparent; height:100%; width:100%; margin:0; padding:0; }
body.desktop #recherche_types li button:hover path, body.desktop #recherche_types li button:hover polygon, body.desktop #recherche_types li button:hover rect,
#recherche_types li button.current path, #recherche_types li button.current polygon, #recherche_types li button.current rect { fill:rgba(188,40,0,1); }
body.desktop #recherche_types li button:hover { text-decoration:none; }
#recherche_types li:first-of-type { left:2.5em; border-left:0; }
#recherche_types li:last-of-type { left:5em; }
#recherche_types li span { position:absolute; display:inline-block; font-size:0.7em; text-transform:uppercase; font-weight:600; background-color:rgba(57,57,57,1); color:rgba(204,204,204,1); top:50%; transform:translateY(-50%); opacity:0; width:auto; padding-left:1em; padding-right:1em; transition: opacity 300ms ease; }
#recherche_types li:first-of-type span { left:8em; }
#recherche_types li:last-of-type span { left:4.5em; }
#recherche_types li button.current ~ span { opacity:1; }

#recherche_albums { z-index:99; height:2.5rem; width:13%; font-size:0; position:relative; vertical-align:top; display:inline-block; background-color:rgba(57,57,57,1); margin:0; padding:0; border-left:0.4rem solid rgba(255,255,255,1); }

#recherche_collections { z-index:99; height:2.5rem; width:15%; font-size:0; position:relative; vertical-align:top; display:inline-block; background-color:rgba(57,57,57,1); margin:0; padding:0; border-left:0.4rem solid rgba(255,255,255,1); }


.selectbox > label { font-size:1rem; position:relative; display:inline-block; vertical-align:top; width:auto; height:1.5em; line-height:1.5em; left:0; top:50%; transform:translateY(-50%); margin:0; padding:0 0.5em 0 1.2em; }
.selectbox > label > span { font-size:0.65em; position:relative; display:inline-block; vertical-align:top; height:1em; line-height:1em; text-transform:uppercase; font-weight:600; color:rgba(204,204,204,1); padding-right:1.5em; top:50%; transform:translateY(-50%); }
.selectbox > label > label { font-size:0.65em; text-transform:uppercase; margin:0; padding:0 1em 0 0; color:rgba(204,204,204,1); top:50%; transform:translateY(-50%); }
.selectbox > label > label > span { height:1em; line-height:1em; padding-left:2em !important; top:50%; transform:translateY(-50%); }
.selectbox > label > div { font-size:0.65em; height:1em; line-height:1em; color:rgba(204,204,204,1); top:50%; transform:translateY(-50%); }



#recherche_rapide { height:2.5rem; width:44%; font-size:1rem; position:relative; vertical-align:top; display:inline-block; background-color:rgba(57,57,57,1); margin:0; padding:0 8em 0 5em; border-left:0.4rem solid rgba(255,255,255,1); border-right:0.4rem solid rgba(255,255,255,1); }
#recherche_rapide label.picto { position:absolute; height:1.6em; width:3.6em; left:0; top:50%; transform: translateY(-50%); padding:0 1em; border-right:1px solid rgba(190,190,190,1); }
#recherche_rapide img, #recherche_rapide svg { position:relative; display:block; margin:0; padding:0; width:100%; height:100%; top:0; }
#recherche_rapide path { fill:rgba(190,190,190,1); }
#recherche_rapide input { font-size:0.9em; position:relative; display:block; padding:0 0.5em; margin:0; border:0; background-color:rgba(57,57,57,1); color:rgba(204,204,204,1); top:50%; transform:translateY(-50%); }
#recherche_rapide button { position:absolute; right:0; top:50%; transform:translateY(-50%); width:auto; height:auto; margin:0 1.2em; padding:0; display:inline-block; font-size:0.7em; text-transform:uppercase; font-weight:600; background-color:rgba(57,57,57,1); color:rgba(204,204,204,1); top:50%; transform:translateY(-50%); border:0; transition:color 300ms ease; }
body.desktop #recherche_rapide button:hover { color:rgba(188,40,0,1); text-decoration:none; }

#recherche_rapide.notypes { width:57%; }
#recherche_rapide.noalbums { width:57%; }
#recherche_rapide.nocollections { width:59%; }
#recherche_rapide.notypes.noalbums { width:70%; }
#recherche_rapide.notypes.nocollections { width:72%; }
#recherche_rapide.noalbums.nocollections { width:72%; }
#recherche_rapide.notypes.noalbums.nocollections { width:85%; border-left:0; }

#recherche_avancee { height:2.5rem; width:15%; font-size:1rem; position:relative; vertical-align:top; display:inline-block; background-color:rgba(57,57,57,1); margin:0; padding:0; }
#recherche_avancee > button.showhide { font-size:inherit; position:absolute; display:inline-block; vertical-align:top; background-color:rgba(57,57,57,1); color:rgba(204,204,204,1); left:0; top:50%; transform:translateY(-50%); width:100%; height:100%; text-align:center; transition:color 300ms ease; margin:0; padding:0; box-sizing:border-box; }
body.desktop #recherche_avancee > button.showhide:hover { color:rgba(188,40,0,1); text-decoration:none; }
#recherche_avancee > button.showhide span.libelle { position:relative; vertical-align:top; display:inline-block; width:auto; height:100%; margin:0; padding:1.35em 1.2em; top:0; font-size:0.7em; line-height:1; text-transform:uppercase; font-weight:600; }
#recherche_avancee > button.showhide span.picto { opacity:0;  max-width:0; transition:max-width 300ms ease; position:relative; vertical-align:top; display:inline-block; margin:0.2em 0; padding:1em 0; width:2.5em; height:calc(100% - 0.4em); top:0; border-left:0; overflow:hidden; }
#recherche_avancee > button.showhide span.picto img, #recherche_avancee > button span.picto svg { position:absolute; display:block; margin:0; padding:0; width:auto; height:40%; left:50%; top:50%; transform:translate(-50%, -50%); }
#recherche_avancee > button.showhide span.picto path { fill:rgba(188,40,0,1); }
#recherche_avancee.visible > button.showhide span.picto { opacity:1; max-width:2.5em; border-left:1px solid rgba(190,190,190,1); }

#recherche_avancee > div { top:6.5rem; height:auto; font-size:1rem; position:fixed; max-height:0; transition:max-height 300ms ease; left:0; right:0; background-color:rgba(57,57,57,0.97); overflow:hidden; }
#recherche_avancee.visible > div { max-height:10rem; overflow:visible; }

#recherche_avancee .criteres { font-size:0; position:relative; display:block; width:100%; height:auto; padding: 0.5rem 13rem 0.5rem 1rem; }
#recherche_avancee .criteres > div { font-size:1rem; position:relative; display:inline-block; width:auto; height:1.5em; line-height:1.5em; left:0; top:0; margin:0.5em 0; padding:0 2em 0 2em; border-right:1px solid rgba(190,190,190,1); }

#recherche_avancee .criteres > div > span { font-size:0.65em; position:relative; display:inline-block; vertical-align:top; height:1em; line-height:1em; text-transform:uppercase; font-weight:600; color:rgba(204,204,204,1); padding-right:1.5em; top:50%; transform:translateY(-50%); }
#recherche_avancee .criteres > div > label { font-size:0.65em; position:relative; display:inline-block; vertical-align:top; text-transform:uppercase; margin:0; padding:0 1em 0 0; color:rgba(204,204,204,1); top:50%; transform:translateY(-50%); }
#recherche_avancee .criteres > div > label > span { height:1em; line-height:1em; padding-left:2em !important; }
#recherche_avancee .criteres > div > div { font-size:0.65em; height:1em; line-height:1em; color:rgba(204,204,204,1); top:50%; transform:translateY(-50%); }

#recherche_avancee .criteres > div.selectbox > label { font-size:1rem; position:relative; display:inline-block; vertical-align:top; width:auto; height:1.5em; line-height:1.5em; left:0; top:50%; transform:translateY(-50%); margin:0; padding:0 0.5em 0 0; }
#recherche_avancee .criteres > div.selectbox > label > span { font-size:0.65em; position:relative; display:inline-block; vertical-align:top; height:1em; line-height:1em; text-transform:uppercase; font-weight:600; color:rgba(204,204,204,1); padding-right:1.5em; top:50%; transform:translateY(-50%); padding-left:0 !important; }
#recherche_avancee .criteres > div.selectbox > label > label { font-size:0.65em; text-transform:uppercase; margin:0; padding:0 1em 0 0; color:rgba(204,204,204,1); top:50%; transform:translateY(-50%); }
#recherche_avancee .criteres > div.selectbox > label > label > span { height:1em; line-height:1em; padding-left:2em !important; top:50%; transform:translateY(-50%); }
#recherche_avancee .criteres > div.selectbox > label > div { font-size:0.65em; height:1em; line-height:1em; color:rgba(204,204,204,1); top:50%; transform:translateY(-50%); }


#recherche_avancee .lieu div.cs-skin { width:17rem; }
#recherche_avancee .date div.cs-skin { width:10rem; }
#recherche_avancee input[type="radio"] + span:before, #recherche_avancee input[type="radio"] + span:after { border-radius: 5% !important; }

#recherche_avancee button { position:absolute; right:0; top:50%; transform:translateY(-50%); width:auto; height:auto; margin:0 1.2em; padding:0.5em 1em; display:inline-block; font-size:0.7em; text-transform:uppercase; font-weight:600; background-color:rgba(57,57,57,1); color:rgba(204,204,204,1); top:50%; transform:translateY(-50%); border:0; transition:color 300ms ease; }
body.desktop #recherche_avancee button:hover { color:rgba(188,40,0,1); text-decoration:none; }
#recherche_avancee button[type="submit"] { right:6%; color:rgba(57,57,57,1); background-color:rgba(204,204,204,1); }
body.desktop #recherche_avancee button[type="submit"]:hover { color:rgba(188,40,0,1); text-decoration:none; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* MOSAIQUE RECHERCHE */
#recherche-content { padding-top:0; }

.cartouche { position:fixed; z-index:10; top:12rem; right:0; width:2.8rem; height:auto; background-color:rgba(0,0,0,0.8); border:0; }
.cartouche > button { position:relative; display:block; width:100%; height:0; padding:0; padding-bottom:100%; background-color:transparent; border:0; }
.cartouche > button:first-of-type, .cartouche > button.full, .cartouche > button.empty { border-bottom:1px solid rgba(255,255,255,1); }
.cartouche > button > span { position:absolute; display:inline-block; bottom:0.1rem; left:50%; transform:translateX(-50%); color:rgba(255,255,255,1); font-size:0.5rem; }
.cartouche > button svg { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; }
.cartouche > button svg path, .cartouche > button svg rect { fill:rgba(255,255,255,1); }
.cartouche > button.current svg path, .cartouche > button.current svg rect { fill:rgba(1,189,68,1); }
.cartouche > button.empty { background-color:rgba(235,52,27,1); }

#recherche_mosaique { position:relative; display:block; width:100%; font-size:0; padding:0; margin:0; }

#recherche_mosaique div.media { position:absolute; display:none; top:0; left:0; }
.liste-medias div.media { vertical-align:top; overflow:hidden; margin:0; padding:0 1rem 2rem 1rem; }
.liste-medias div.media > div { position:relative; overflow:visible; vertical-align:top; display:block; padding:0; height:100%; margin:0; width:100%; }
.liste-medias div.media div.visuel { position:relative; overflow:hidden; vertical-align:top; display:inline-block; padding:0; height:0; margin:0; width:100%; }
.liste-medias div.media div.visuel a { z-index:1; position:relative; width:100%; height:100%; }
.liste-medias div.media div.visuel img { position:relative; width:100%; height:auto; }

#recherche_mosaique div.media { width:20%; }
@media (max-width:2000px) { #recherche_mosaique div.media { width:25%; } }
@media (max-width:1500px) { #recherche_mosaique div.media { width:33.33%; } }
@media (max-width:1000px) { #recherche_mosaique div.media { width:50%; } }
@media (max-width:500px) { #recherche_mosaique div.media { width:100%; } }


#recherche_mosaique div.mediamultiselect { position:relative; display:inline-block; width:20%; font-size:0; height:auto; vertical-align:top; overflow:hidden; margin:0; padding:0 0.6rem 2rem 0.6rem; }
.liste-medias div.mediamultiselect .visuel { position:relative; display:inline-block; width:100%; font-size:1rem; margin:0; padding:0; }
.liste-medias div.mediamultiselect .visuel span { z-index:1; position:relative; width:100%; height:0; padding-bottom:70% !important; display:inline-block; }
.liste-medias div.mediamultiselect .visuel span img { position:absolute; top:0; left:0; max-width:100%; max-height:100%; width:auto; height:auto; border:0.4rem solid transparent; }
.liste-medias div.mediamultiselect label.multicheck.activated span img { border-color:rgba(1,189,68,1); }
.liste-medias div.mediamultiselect input[type="checkbox"] + span:before, .liste-medias div.mediamultiselect input[type="checkbox"] + span:after { z-index:5; top:0.9em !important; left:0.9em !important;  }
.liste-medias div.mediamultiselect input[type="checkbox"] + span:before { border-color:rgba(0,0,0,1) !important; background-color:rgba(255,255,255,1) !important; }
.liste-medias div.mediamultiselect input[type="checkbox"] + span:after { background-color:rgba(1,189,68,1) !important; }

#recherche_mosaique div.mediamultiselect { width:20%; }
@media (max-width:2000px) { #recherche_mosaique div.mediamultiselect { width:25%; } }
@media (max-width:1500px) { #recherche_mosaique div.mediamultiselect { width:33.33%; } }
@media (max-width:1000px) { #recherche_mosaique div.mediamultiselect { width:50%; } }
@media (max-width:500px) { #recherche_mosaique div.mediamultiselect { width:100%; } }

.liste-medias div.mediamultiliste { position:relative; display:block; font-size:0; height:auto; vertical-align:top; overflow:hidden; margin:0 2rem 1rem 1rem ; padding:0 0 0.6rem 0; border-bottom:1px solid rgba(0,0,0,0.2); }
.liste-medias div.mediamultiliste .visuel { position:relative; display:inline-block; vertical-align:top; width:25%; font-size:1rem; margin:0; padding:0; }
.liste-medias div.mediamultiliste .visuel span { z-index:1; position:relative; width:100%; height:0; padding-bottom:70% !important; display:inline-block; }
.liste-medias div.mediamultiliste .visuel span img { position:absolute; top:0; left:0; max-width:100%; max-height:100%; width:auto; height:auto; border:0.4rem solid transparent; }
.liste-medias div.mediamultiliste label.multicheck.activated span img { border-color:rgba(1,189,68,1); }
.liste-medias div.mediamultiliste input[type="checkbox"] + span:before, .liste-medias div.mediamultiliste input[type="checkbox"] + span:after { z-index:5; top:0.9em !important; left:0.9em !important;  }
.liste-medias div.mediamultiliste input[type="checkbox"] + span:before { border-color: rgba(0,0,0,1) !important; background-color:rgba(255,255,255,1) !important; }
.liste-medias div.mediamultiliste input[type="checkbox"] + span:after { background-color: rgba(1,189,68,1) !important; }
.liste-medias div.mediamultiliste .infos { position:relative; display:inline-block; vertical-align:top; width:75%; font-size:0; margin:0; padding:0.5rem 0 1rem 0; }
.liste-medias div.mediamultiliste .infos > div { position:relative; display:block; margin:0 0 0.5rem 0; padding:0; font-size:0; }
.liste-medias div.mediamultiliste .infos > div > h3, .liste-medias div.mediamultiliste .infos > div > span { text-align:left; position:relative; display:inline-block; font-size:0.8rem; margin:0; padding:0 0 0 2rem; }
.liste-medias div.mediamultiliste .infos > div > h3 { width:20%; font-weight:600; text-transform:uppercase; padding-left:3em; }
.liste-medias div.mediamultiliste .infos > div > h3:before { font-size: 0.8em; content: '/'; position: absolute; left: 2.6em; font-weight: 600; top: 0.1em; }
.liste-medias div.mediamultiliste .infos > div > span { position:relative; width:80%; height:1.4em; }
.liste-medias div.mediamultiliste .infos > div > span input { position:relative; width:100%; font-size:1em; border:0; padding:0; margin:0; background-color:rgba(250,250,250,1); color:rgba(111,111,111,1); line-height:1.4em; height:1.4em; }
.liste-medias div.mediamultiliste .infos > div > span select { position:relative; width:100%; font-size:1em; border:0; padding:0; margin:0; background-color:rgba(250,250,250,1); color:rgba(111,111,111,1); line-height:1.4em; height:1.4em; background-image:unset !important; }
.liste-medias div.mediamultiliste .infos > div > a { font-size:0.6rem; display:inline-block; width:auto; font-weight:600; text-transform:uppercase; background-color:transparent; color:rgba(0,0,0,0.2); border:1px solid rgba(0,0,0,0.2); padding:0.5em 2em; margin:1em 0 0 2rem; transition: color 300ms ease; }
body.desktop .liste-medias div.mediamultiliste .infos > div > a:hover { background-color:transparent; color:rgba(0,0,0,0.6); border-color:rgba(0,0,0,0.2); text-decoration:none; }

.liste-medias div.media .actions { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); opacity:1; transition:opacity 500ms ease; }

.liste-medias div.media .preview { opacity:0; position:absolute; z-index:5; top:0; left:0; width:100%; height:100%; background-color:transparent; padding:0; margin:0; cursor:pointer; }
.liste-medias div.media.photos .preview:before { content:''; z-index:4; background-color:rgba(255,255,255,0.5); width:3rem; height:0; padding-bottom:3rem; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
body.desktop .liste-medias div.media:hover .preview, .liste-medias div.media.hover .preview { opacity:1; }
.liste-medias div.media .preview > div { opacity:1; position:absolute; z-index:5; top:50%; left:50%; transform:translate(-50%, -50%); width:16rem; height:16rem; background-color:transparent; padding:0; margin:0; cursor:pointer; }
.liste-medias div.media .preview svg { z-index:5; }
.liste-medias div.media .preview svg > g > g:first-of-type > g > g path { fill:transparent; }
.liste-medias div.media .preview > video { opacity:1; position:absolute; z-index:5; top:0; left:0; width:100%; height:100%; background-color:transparent; padding:0; margin:0; cursor:pointer; }

.liste-medias div.media .selections { font-size:0; z-index:6; opacity:1; position:absolute; display:inline-block; left:0; top:0; height:2rem; width:auto; margin:0; padding:0; transition: opacity 500ms ease; }
.liste-medias div.media .selections > button { font-size:1rem; position:relative; display:inline-block; top:50%; transform:translateY(-50%); width:1.4em; height:1.4em; margin:0 0 0 0.4em; padding:0; border-radius:50%; opacity:1; border:0; }
.liste-medias div.media .selections > button.galerie { background-color:rgba(22,170,2,1); }
body.desktop .liste-medias div.media .selections > button.galerie:hover { background-color:rgba(48,243,22,1); }
.liste-medias div.media .selections > button.panier { background-color:rgba(22,170,2,1); }
body.desktop .liste-medias div.media .selections > button.panier:hover { background-color:rgba(48,243,22,1); }
.liste-medias div.media .selections > button.lot { background-color:rgba(247,166,0,1); }
body.desktop .liste-medias div.media .selections > button.lot:hover { background-color:rgba(253,207,114,1); }
.liste-medias div.media .selections > button.masquer { width:0; margin:0; }
.liste-medias div.media .selections img, .liste-medias div.media .selections svg { position:relative; display:block; margin:0; padding:0; width:100%; height:100%; }
.liste-medias div.media .selections path { fill:rgba(255,255,255,1); }

.liste-medias div.media .actions .bandeau { font-size:0; z-index:10; opacity:0; position:absolute; left:0; right:0; bottom:0; height:0; background-color:rgba(0,0,0,0.8); margin:0; padding:0; transition:height 500ms ease, opacity 500ms ease; overflow:visible; }
.liste-medias div.media.videos .actions .bandeau { bottom:-1px; }
body.desktop .liste-medias div.media:hover .actions .bandeau, .liste-medias div.media.hover .actions .bandeau { opacity:1; height:2rem; }
.liste-medias div.media .actions .bandeau > button, body.desktop .liste-medias div.media .actions .bandeau > button:hover { display:inline-block; border:0; background-color:transparent; overflow:hidden; }
.liste-medias div.media .actions .bandeau > button, .liste-medias div.media .actions .bandeau > span, .liste-medias div.media .actions .infobulle { font-size:1rem; }
.liste-medias div.media .actions .bandeau > button, .liste-medias div.media .actions .bandeau > span { position:absolute; display:inline-block; top:50%; transform:translateY(-50%); width:2em; height:2em; margin:0; }
.liste-medias div.media .actions .bandeau > button.galerie { left:0.2em; }
.liste-medias div.media .actions .bandeau > button.panier { left:2.4em; }
.liste-medias div.media .actions .bandeau > button.lot { left:4.6em; }
.liste-medias div.media .actions .bandeau > button.move { left:6.8em; display:none; }
.liste-medias div.media .actions .bandeau > button.maquette { right:4.6em; }
.liste-medias div.media .actions .bandeau > button.downcrypt { right:4.6em; }
.liste-medias div.media .actions .bandeau > button.partager { right:2.4em; }
.liste-medias div.media .actions .bandeau > button.type { position:absolute; right:0.2em; }
.liste-medias div.media .actions .bandeau img, .liste-medias div.media .actions .bandeau svg { position:absolute; display:block; margin:0; padding:0; left:0; top:0; width:100%; height:100%; }
.liste-medias div.media .actions .bandeau img { opacity:0; }
.liste-medias div.media .actions .bandeau path, .liste-medias div.media .actions .bandeau polygon { fill:rgba(255,255,255,1); }
body.desktop .liste-medias div.media .actions .bandeau > button:hover path, body.desktop .liste-medias div.media .actions .bandeau > button:hover  polygon { fill:rgba(1,189,68,1); }
body.desktop .liste-medias div.media .actions .bandeau > button.add:hover path { fill:rgba(1,189,68,1); }
body.desktop .liste-medias div.media .actions .bandeau > button.del:hover path { fill:rgba(235,52,27,1); }
.liste-medias div.media .actions .bandeau > button.masquer { width:0; height:0; left:-100%; top:-100%; margin:0; }

.liste-medias div.media .actions .infobulle { opacity:1; z-index:12; position:absolute; left:0; right:0; top:100%; height:2em; margin:0; padding:0; background-color:transparent; }
.liste-medias div.media .actions .infobulle > span { opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(80,80,80,0.9); border:1px solid rgba(255,255,255,1); border-left:0; border-right:0; transition:opacity 500ms ease 0ms; overflow:hidden; }
.liste-medias div.media .actions .infobulle > span span { display:block; position:relative; font-size:0.65em; color:rgba(255,255,255,1); text-transform:uppercase; line-height:1em; padding:1.2em 1em 1em 1em; }
.liste-medias div.media .actions .infobulle > span:before { content:''; display:block; width:2em; height:0.2em; top:0; position:absolute; background-color:rgba(255,255,255,1); }
.liste-medias div.media .actions .infobulle > span.galerie:before { left:0.2em; }
.liste-medias div.media .actions .infobulle > span.panier:before { left:2.4em; }
.liste-medias div.media .actions .infobulle > span.lot:before { left:4.6em; }
.liste-medias div.media .actions .infobulle > span.move:before { left:6.8em; }
.liste-medias div.media .actions .infobulle > span.maquette:before { right:4.6em; }
.liste-medias div.media .actions .infobulle > span.partager:before { right:2.4em; }
.liste-medias div.media .actions .infobulle > span.type:before { right:0.2em; }

body.desktop .liste-medias div.media .actions .bandeau > button:nth-child(1):hover ~ .infobulle span:nth-child(1) { opacity:1; transition:opacity 500ms ease 500ms; }
body.desktop .liste-medias div.media .actions .bandeau > button:nth-child(2):hover ~ .infobulle span:nth-child(2) { opacity:1; transition:opacity 500ms ease 500ms; }
body.desktop .liste-medias div.media .actions .bandeau > button:nth-child(3):hover ~ .infobulle span:nth-child(3) { opacity:1; transition:opacity 500ms ease 500ms; }
body.desktop .liste-medias div.media .actions .bandeau > button:nth-child(4):hover ~ .infobulle span:nth-child(4) { opacity:1; transition:opacity 500ms ease 500ms; }
body.desktop .liste-medias div.media .actions .bandeau > button:nth-child(5):hover ~ .infobulle span:nth-child(5) { opacity:1; transition:opacity 500ms ease 500ms; }
body.desktop .liste-medias div.media .actions .bandeau > button:nth-child(6):hover ~ .infobulle span:nth-child(6) { opacity:1; transition:opacity 500ms ease 500ms; }
body.desktop .liste-medias div.media .actions .bandeau > button:nth-child(7):hover ~ .infobulle span:nth-child(7) { opacity:1; transition:opacity 500ms ease 500ms; }
body.desktop .liste-medias div.media .actions .bandeau > button:nth-child(8):hover ~ .infobulle span:nth-child(8) { opacity:1; transition:opacity 500ms ease 500ms; }
body.desktop .liste-medias div.media .actions .bandeau > button:nth-child(9):hover ~ .infobulle span:nth-child(9) { opacity:1; transition:opacity 500ms ease 500ms; }

.liste-medias div.media .actions .infos { font-size:1rem; opacity:0; z-index:9; position:absolute; left:0; right:0; top:100%; height:2em; margin:0; padding:0 0.2em; color:rgba(0,0,0,1); transition:opacity 500ms ease; }
body.desktop .liste-medias div.media:hover .actions .infos, .liste-medias div.media.hover .actions .infos { opacity:1; }
.liste-medias div.media .actions .infos > span { font-size:0.65em; position:absolute; text-overflow:ellipsis; white-space:nowrap; width:auto; overflow:hidden; }
.liste-medias div.media .actions .infos > span:first-of-type { left:0.2em; max-width:70%; }
.liste-medias div.media .actions .infos > span:last-of-type { right:0.2em; max-width:20%; }


div.recherche_nav { font-size:1rem; position:relative; display:block; width:100%; height:auto; color:rgba(0,0,0,1); margin:1em 0; padding:0 1em; }

div.recherche_nav .nombre { position:relative; display:block; font-size:0.9em; font-weight:200; }
div.recherche_nav .nombre span { font-weight:400; }

div.recherche_nav a.ajaxplus { position:absolute; opacity:0; transition:opacity 300ms ease; left:50%; top:0; transform:translateX(-50%); text-transform:uppercase; padding-top:2.5em; }
div.recherche_nav a.ajaxplus:before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:2.2em; height:2.2em; background-color:rgba(188,40,0,1); border-radius:50%; text-align:center; padding:0; margin:0; }
div.recherche_nav a.ajaxplus img, div.recherche_nav a.ajaxplus svg { position:absolute; top:0.5em; left:50%; transform:translateX(-50%); width:1.2em; height:1.2em; text-align:center; padding:0; margin:0; }
body.desktop div.recherche_nav a.ajaxplus:hover { text-decoration:none; }

div.recherche_nav .pagination { height:3rem; font-size:0; position:relative; display:block; width:auto; margin:0; padding:0; }
div.recherche_nav .pagination a, div.recherche_nav .pagination span, div.recherche_nav .pagination input { font-size:0.9rem; position:relative; display:inline-block; top:50%; transform:translateY(-50%); line-height:1em; vertical-align:top; padding:0; }
div.recherche_nav .pagination a { width:1.5em; height:1.5em; margin:0; }
div.recherche_nav .pagination span { width:auto; height:auto; margin:0 1em 0 0; }
div.recherche_nav .pagination span:first-of-type { margin-left:1em; }
div.recherche_nav .pagination input { width:2em; height:auto; margin:0 1em 0 0; border:1px solid rgba(204,204,204,1); background-color:rgba(255,255,255,1); text-align:center; }

div.recherche_nav .pagination a:before { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; background-color:rgba(188,40,0,1); border-radius:50%; text-align:center; padding:0; margin:0; }
div.recherche_nav .pagination a img, div.recherche_nav .pagination a svg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:50%; height:50%; text-align:center; padding:0; margin:0; }
div.recherche_nav .pagination a polygon { fill:rgba(255,255,255,1); }
div.recherche_nav .pagination a:first-of-type { transform:rotate(180deg) translateY(50%); }

div.recherche_nav #selectgaleries { right:1rem; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* DIAPORAMA */

.diaporama { position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden; }
.diaporama .close { z-index:3; cursor:pointer; position:absolute; left:1rem; top:1rem; width:1.2rem; height:1.2rem; opacity:0.3; }
body.desktop .diaporama .close:hover { opacity:0.6; }
.diaporama .close svg { position:absolute; left:0; top:0; width:100%; height:100%; color:rgba(255,255,255,1); }
.diaporama ul { z-index:1; position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden; }
.diaporama li { z-index:1; opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; transition:opacity 1000ms ease 0ms; background-size:contain; background-position:center center; background-repeat:no-repeat; }
.diaporama li.current { z-index:2; opacity:1; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* FICHE MEDIA */

#fiche_media { display:block; background-color:rgba(35,35,35,1); position:relative; font-size:0; padding:0 2rem 1rem 2rem; }

#fiche_media .navigation { width:65%; height:3rem; display:block; position:relative; font-size:0; padding:1rem 0 1rem 0.5rem; text-align:right; }
#fiche_media .navigation a { width:auto; font-size:0.8rem; position:relative; display:inline-block; padding:0.3em 2.1em; text-align:right; line-height:1em; vertical-align:middle; color:rgba(102,102,102,1); font-weight: 400; transition:color 500ms ease, background-color 500ms ease; }
#fiche_media .navigation a.retour { position:absolute; left:0; padding:0.3em 1.6em; margin-left:0; text-transform:uppercase; text-align:left; }
#fiche_media .navigation a.next { text-align:left; border-left:1px solid rgba(102,102,102,1); }
body.desktop #fiche_media .navigation a:hover { text-decoration:none; color:rgba(211,211,211,1); }
#fiche_media .navigation a:before { font-family: quicksand; position: absolute; top:50%; transform:translateY(-50%); font-weight: 400; text-align:center; padding:0; margin:0; transition:inherit; }
#fiche_media .navigation a.retour:before { content: '<'; left:0; color:rgba(211,211,211,1); font-size:1.2em; font-weight:600; }
#fiche_media .navigation a.prev:before, #fiche_media .navigation a.next:before { color:rgba(35,35,35,1); background-color:rgba(102,102,102,1); border-radius:50%; font-size:0.8em; width:1.4em; height:1.4em; line-height:1.4em; }
#fiche_media .navigation a.prev:before { content: '<'; right:15em; }
#fiche_media .navigation a.next:before { content: '>'; left:13.2em; }
body.desktop #fiche_media .navigation a.prev:hover:before, body.desktop #fiche_media .navigation a.next:hover:before { background-color:rgba(211,211,211,1); }

#fiche_media .preview { width:65%; position:relative; display:inline-block; vertical-align:top; padding:0 0 0 1.4rem; margin:0; text-align:center; vertical-align:top; }
#fiche_media .preview > div:first-of-type { background-color:rgba(0,0,0,0.2); }
#fiche_media .preview img, #fiche_media .preview video { max-width:100%; max-height:70rem; }

#fiche_media .actions { text-align:center; }
#fiche_media .actions > button { font-size:0.8rem; position:relative; display:inline-block; vertical-align:top; border:0; border-left:1px solid rgba(60,60,60,1); color:rgba(185,185,185,1); background-color:transparent; padding:0.4em 1.5em 0.4em 4em; margin:1em 0 1em 0; overflow:hidden; text-align:left; }
#fiche_media .actions > button svg { position:absolute; left:0.8em; top:50%; transform:translateY(-50%); width:3em; height:3em; }
#fiche_media .actions > button svg path { fill:rgba(185,185,185,1); }
#fiche_media .actions > button.galerie {  }
#fiche_media .actions > button:first-of-type { border-left:0; margin-left:0; }
body.desktop #fiche_media .actions > button:hover { text-decoration:none; color:rgba(255,255,255,1); }
body.desktop #fiche_media .actions > button:hover svg path { fill:rgba(255,255,255,1); }
body.desktop #fiche_media .actions > button:hover.add { color:rgba(255,255,255,1); }
body.desktop #fiche_media .actions > button:hover.add svg path { fill:rgba(255,255,255,1); }
body.desktop #fiche_media .actions > button:hover.del { color:rgba(255,255,255,1); }
body.desktop #fiche_media .actions > button:hover.del svg path { fill:rgba(255,255,255,1); }

#fiche_media .actions > button.masquer { width:0; padding:0; margin:0; border:0; opacity:0; }

#fiche_media .actions > div { z-index:30; font-size:0.8rem; position:relative; display:inline-block; margin:1em 0 20em 0; padding:0; vertical-align:top; height:auto; }
#fiche_media .actions > div > span { font-size:1em; position:relative; display:inline-block; vertical-align:top; border-left:1px solid rgba(60,60,60,1); color:rgba(185,185,185,1); background-color:transparent; padding:0.4em 1.5em 0.4em 4em; margin:0; overflow:hidden; }
#fiche_media .actions > div > span svg { position:absolute; left:0.8em; top:50%; transform:translateY(-50%); width:3em; height:3em; }
#fiche_media .actions > div > span svg path, #fiche_media .actions > div > span svg polygon { fill:rgba(185,185,185,1); }
#fiche_media .actions > div > ul { z-index:9999; position:absolute; left:0; top:2.2em; width:100%; height:auto; max-height:0; overflow-y:hidden; background-color:rgba(35,35,35,1); color:rgba(185,185,185,1); margin:0; padding:0; transition:max-height 100ms linear, overflow-y 0 linear 200ms; }
body.desktop #fiche_media .actions > div:hover > ul { max-height:20em; overflow-y:auto; }
body.desktop #fiche_media .actions > div:hover > span { color:rgba(255,255,255,1); }
body.desktop #fiche_media .actions > div:hover > span svg path, body.desktop #fiche_media .actions > div:hover > span svg polygon { fill:rgba(255,255,255,1); }
#fiche_media .actions > div > ul li { font-size:1em; text-transform:uppercase; margin:0; padding:0; list-style-type:none; }
#fiche_media .actions > div > ul li:last-of-type { margin-bottom:1em; }
#fiche_media .actions > div > ul li button { font-size:0.8rem; border:0; background-color:transparent; position:relative; display:block; text-decoration:none; padding:0.4em 1em 0.4em 4em; text-overflow:ellipsis; white-space:nowrap; width:100%; overflow:hidden; color:rgba(185,185,185,1); text-align:left;  }
body.desktop #fiche_media .actions > div > ul li button:hover { text-decoration:none; background-color:rgba(0,0,0,0.2); color:rgba(255,255,255,1); }
#fiche_media .actions > div > ul li button svg { position:absolute; right:0.5em; top:50%; transform:translateY(-50%); width:2em; height:2em; }
#fiche_media .actions > div > ul li button svg path { fill:rgba(185,185,185,1); }
body.desktop #fiche_media .actions > div > ul li button.add:hover { color:rgba(255,255,255,1); }
#fiche_media .actions > div > ul li button.add svg:nth-of-type(2) { display:none; }

#fiche_media .infos { width:35%; position:relative; display:inline-block; vertical-align:top; margin:0; padding:0 5rem 0 5rem; }
#fiche_media .infos h1 { font-size:1rem; position:relative; display:inline-block; width:100%; margin:0; padding:0 0 2em 0; text-transform:uppercase; font-weight:200; text-align:left; }
#fiche_media .infos h1 span { position:relative; display:inline-block; width:100%; margin:0; padding:0; text-transform:uppercase; }
#fiche_media .infos h1 span:nth-of-type(1) { font-size:1.6em; font-weight:400; }
#fiche_media .infos h1 span:nth-of-type(2) { font-size:0.96em; font-weight:400; padding-top:2em; padding-bottom:0.2em; }
#fiche_media .infos h1 span:nth-of-type(3) { font-size:0.8em; color:rgba(255,255,255,1); }
#fiche_media .infos ul { font-size:0; position:relative; margin:0; padding:0; }
#fiche_media .infos li { font-size:0.9rem; position:relative; margin:0; padding:0 0 0.5em 1.5em; list-style-type:none; }
#fiche_media .infos li:before { content:''; background-color:rgba(111,111,111,1); display:block; position:absolute; left:0; top:0.6em; width:0.3em; height:0.3em; border-radius:100%; }
#fiche_media .infos h2 { font-size:1rem; position:relative; display:inline-block; width:100%; margin:0; padding:0; font-weight:200; }
#fiche_media .infos h2 span { position:relative; display:inline-block; width:100%; margin:0; padding:0; text-align:left; font-size:0.8em; color:rgba(255,255,255,1); text-transform:none; }
#fiche_media .infos h2 span:nth-of-type(1) { font-size:0.96em; color:rgba(111,111,111,1); font-weight:400; padding-bottom:0.2em; text-transform:uppercase; }

#fiche_media .infos li > div > span { font-size:0.8em; position:relative; display:inline-block; width:100%; margin:0; padding:0; color:rgba(255,255,255,1); }
#fiche_media .infos input { font-size:0.8em; position:relative; display:inline-block; width:100%; margin:0; padding:0 0.5em; color:rgba(255,255,255,1); background-color:rgba(51,51,51,1); border:0; }
#fiche_media .infos textarea { font-size:0.8em; position:relative; display:inline-block; width:100%; margin:0; padding:0 0.5em; color:rgba(255,255,255,1); background-color:rgba(51,51,51,1); border:0; }
#fiche_media .infos ul.options li { margin:1em 0 1em 0; padding:0; list-style-type:none; }
#fiche_media .infos ul.options li:before { display:none; }
#fiche_media .infos ul.options li > label, #fiche_media .infos ul.options li > div > label { font-size:0.8em; position:relative; display:inline-block; width:100%; margin:0.5em 0 0 0; padding:0; color:rgba(255,255,255,1); }
#fiche_media .infos ul.options li > label > span, #fiche_media .infos ul.options li > div > span { text-transform:uppercase; }
#fiche_media .infos ul.options li > label > span.choix { text-transform:unset; }
#fiche_media .infos ul.options li > label > input { font-size:1em; padding:0 0.5em; margin:0; color:rgba(255,255,255,1); background-color:rgba(51,51,51,1); border:0; }
#fiche_media .infos ul.options li > label.album { margin-top:2em; }
#fiche_media .infos ul.options li > label > select { font-size:1em; padding:0 0.5em; margin:0; color:rgba(255,255,255,1); background-color:rgba(51,51,51,1); border:0; -webkit-appearance:menulist !important; -moz-appearance:menulist !important; -o-appearance:menulist !important; appearance:menulist !important; background-image:unset !important; }
#fiche_media .infos ul.options li > label > select option { font-size:1em; color:rgba(255,255,255,1); }
#fiche_media .infos button { font-size:0.9rem; position:relative; display:inline-block; padding:0.6em 0.5em 0.6em 0.5em; margin:1em 0; overflow:hidden; width:18em; border:1px solid rgba(52,194,79,1); background-color:rgba(52,194,79,1); color:rgba(255,255,255,1); text-align:center; text-transform:uppercase; }
#fiche_media .infos ul.options li.visibilite { margin-top:2em; }

#fiche_media .infos a { font-size:0.9rem; position:relative; display:inline-block; padding:0.6em 0.5em 0.6em 0.5em; margin:1em 0; overflow:hidden; width:18em; border:1px solid rgba(42,154,63,1); background-color:rgba(42,154,63,1); color:rgba(255,255,255,1); text-align:center; text-transform:uppercase; }
body.desktop #fiche_media .infos a:hover { text-decoration:none; border:1px solid rgba(52,194,79,1); background-color:rgba(52,194,79,1); }
#fiche_media .infos a.masquer { width:0; padding:0; margin:0; border:0; opacity:0; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
footer { font-size:1rem; display:block; position:relative; color:rgba(192,192,192,1); background-color:rgba(48,48,48,1); height:18rem; width:auto; margin:0 2em; padding:0; overflow:hidden; }

footer .logo { position:absolute; display:inline-block; width:16rem; top:2rem; left:3.2rem; }
footer .logo svg { position:relative; width:100%; }

footer .coordonnees { position:absolute; display:inline-block; width:16rem; top:7rem; left:3.2rem; }
footer .coordonnees h2 { display:block; font-size:1rem; text-transform:none; margin-bottom:1em; }
footer .coordonnees > span { display:block; font-size:0.8rem; text-transform:none; margin-bottom:0; font-weight:200; }
footer .coordonnees .telephone { color:rgba(255,255,255,1); font-weight:400; }
footer .coordonnees .email { color:rgba(255,255,255,1); }
footer .coordonnees .adresse {  }
body.desktop footer .coordonnees a:hover { text-decoration: none; }

footer .contact { position:relative; display:block; margin:3rem 1rem 2rem 25rem; }
footer .contact h2 { display:block; font-size:1.4rem; text-transform:none; margin-bottom:1em; }
footer .contact button { display:inline-block; font-size:1.2rem; text-transform:uppercase; padding:0.5em 2em; border:1px solid rgba(255,255,255,1); color:rgba(188,40,0,1); background-color:transparent;text-decoration:none; font-weight:400; transition: all 100ms; }
body.desktop footer .contact button:hover { background-color:rgba(188,40,0,1); border-color:rgba(188,40,0,1); color:rgba(48,48,48,1); }

#sociaux { position:relative; padding:0; display:block; font-size:0; margin:2rem 0 2rem 25rem; }
#sociaux > li { position:relative; display:inline-block; margin:0 1rem 0 0; padding:0; list-style-type:none; font-size:0; }
#sociaux > li a { position:relative; display:inline-block; text-align:center; vertical-align:top; margin:0; padding:0; font-size:1rem; width:2.4rem; height:2.4rem; background-color:rgba(48,48,48,1); color:rgba(192,192,192,1); border:0.1em solid rgba(192,192,192,1); border-radius:50%; transition: all 100ms linear; }
body.desktop #sociaux > li a:hover { background-color:rgba(192,192,192,1); color:rgba(48,48,48,1); }
#sociaux > li a span { position:absolute; display:inline-block; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:auto; }
#sociaux > li a img { position:absolute; display:inline-block; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:auto; }
#sociaux > li a svg { position:absolute; display:inline-block; top:50%; left:50%; transform:translate(-50%,-50%); width:60%; height:60%; }
#sociaux > li a svg path { fill:rgba(192,192,192,1); transition: all 100ms linear; }
body.desktop #sociaux > li a:hover svg path{ fill:rgba(48,48,48,1); }

footer .greatvision { position:absolute; display:inline-block; top:2rem; right:4rem; width:auto; height:auto; }
footer .greatvision div { position:relative; display:inline-block; vertical-align:top; }
footer .greatvision div.powered { text-transform:uppercase; font-size:0.7rem; }
footer .greatvision div.logogv { width:10rem; height:auto; }
footer .greatvision svg { position:relative; width:100%; }
footer .greatvision svg path, footer .greatvision svg polygon { fill:rgba(254,254,254,1); }

#copyright { font-size:0.6rem; line-height:1rem; padding:0.6rem 0 0.6rem 1rem; position:absolute; bottom:0; left:0; right:0; height:2rem; background-color:rgba(255,255,255,1); color:rgba(48,48,48,1); }
#copyright button, body.desktop #copyright button:hover { font-size:1em; display:inline; border:0; margin:0; padding:0; background-color:transparent; color:inherit; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* CONTENU */
main { z-index:1; margin:8rem 2rem 2rem 2rem; padding:0; background-color:rgba(255,255,255,1); position:relative; min-height:35rem; width:auto; }
main:after { content:""; display:table; clear:both; }

h1, h2, h3 { margin:0; padding:0; text-align:left; text-transform:uppercase; font-weight:200; }
h1 { font-size:2rem; }
h2 { font-size:2rem; }
h3 { font-size:1.6rem; }

section, aside { position:relative; margin:0; padding:0; }

img { max-width:100%; }

.hovergray {-webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); filter: url('https://toulousebyviet.com/_chartes_/greatvision/ressources/images/gray.svg#grayscale'); filter: gray; }

a#bouton-retour { position:relative; display:inline-block; vertical-align:top; font-size:0.8rem; width:auto; padding:0.3em 1.6em; text-transform:uppercase; text-align:left; margin-left:2.5%; color:rgba(111,111,111,1); }
body.desktop a#bouton-retour:hover { text-decoration:none; color:rgba(0,0,0,0.6); }
a#bouton-retour:before { font-family: quicksand; position: absolute; top:50%; transform:translateY(-50%); font-weight: 400; text-align:center; padding:0; margin:0; transition:inherit; }
a#bouton-retour:before { content: '<'; left:0; color:rgba(0,0,0,0.6); font-size:1.2em; font-weight:600; }
body.desktop a#bouton-retour:hover:before { color:rgba(0,0,0,0.6); }

#page-contact h1 { width:35%; margin:0 auto; }
#form-contact { font-size:0; width:35%; margin:2rem auto; }

#form-contact label { font-size:0.7rem; font-weight:200; text-transform:uppercase; width:50%; padding:0 0.5rem 0 0; }
#form-contact label > span { display:inline-block; padding-left:0.5rem; padding-bottom:0.2rem; }
#form-contact label.societe, #form-contact label.adresse, #form-contact label.message { width:100%; }
#form-contact label.consentementrgpd { width:100%; font-size:0.7rem; text-transform:none; padding-top:0; padding-bottom:0.5rem; }
#form-contact button { width:100%; font-size:1rem; margin-top:1rem; border:1px solid rgba(42,154,63,1); background-color:rgba(42,154,63,1); color:rgba(255,255,255,1); }
body.desktop #form-contact button:hover { border:1px solid rgba(52,194,79,1); background-color:rgba(52,194,79,1); }
#form-contact .asterisque { font-size:0.6rem !important; font-weight:200 !important; }

#form-contact input { padding-top:1rem !important; padding-bottom:1rem !important; }

#form-contact label.consentementrgpd { font-size:0.6rem !important; margin-bottom:2em !important; position:relative; text-align:left; }
#form-contact label.consentementrgpd input[type="checkbox"] { font-size:1em !important; position:absolute !important; padding-top:0 !important; padding-bottom:0 !important; position:relative !important; left:0 !important; top:2em !important; transform:scale(1) !important; }
#form-contact label.consentementrgpd input[type="checkbox"] + span { font-size:1em !important; padding-left:3em !important; text-align:left !important; display:inline-block; }
#form-contact label.consentementrgpd input[type="checkbox"] + span:before { top:0.4em !important; left:0.25em !important; width:1.8em !important; height:1.8em !important; border:1px solid rgba(153,153,153,1) !important; border-radius:15% !important; }
#form-contact label.consentementrgpd input[type="checkbox"] + span:after { top:0.5em !important; left:0.35em !important; width:1.6em !important; height:1.6em !important; border:1px solid rgba(153,153,153,1) !important; background-color:rgba(153,153,153,1) !important; border-radius:15% !important; }

#form-contact .reponse { margin:0; }
.reponse { text-transform:uppercase; text-align:center; margin:0 2rem; }
.reponse.succes { font-size:1.4rem; color:rgba(111,111,111,1); padding:5rem 0; }
.reponse.erreur { font-size:1rem; color:rgba(171,39,39,1); padding:0.5rem 0 2.5rem 0; }
.reponse li { font-size:0.8rem; text-transform:none; text-align:center; margin:1em 0 0 0; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* CONCEPT */
#page-concept { width:60%; margin:4rem auto; font-size:0.8rem; }
#page-concept h1 { margin-bottom:2rem; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* DASHBOARD */

#dashboard-nav { font-size:0; position:relative; display:block; width:92%; height:auto; margin:0 auto; padding:0; border-bottom:2rem solid rgba(57,57,57,1); text-align:center; }
#dashboard-nav li { position:relative; display:inline-block; margin:0; padding:0; text-align:center; border:0; border-bottom:0.1rem solid rgba(255,255,255,1); background-color:rgba(255,255,255,1); color:rgba(57,57,57,1); height:2rem; vertical-align:top; overflow:hidden; }
#dashboard-nav li a { margin:0; padding:0; padding-top:0.4rem; font-size:1.2rem; line-height:1.2rem; position:absolute; display:inline-block; width:100%; height:100%; left:0; top:0; text-align:center; text-transform:uppercase; font-weight:200; border:0; border-left:1px solid rgba(190,190,190,1); transition:all 100ms linear; }
#dashboard-nav li:first-child a { border-left:0; }
body.desktop #dashboard-nav li a:hover { text-decoration:none; background-color:rgba(190,190,190,1); color:rgba(255,255,255,1); }
#dashboard-nav li.current, body.desktop #dashboard-nav li.current a:hover { background-color:rgba(57,57,57,1); color:rgba(255,255,255,1); }

#dashboard-content { position:relative; display:block; width:92%; margin:2rem auto; padding:0; font-size:0; vertical-align:top; }

#dashboard-content div.vide { font-size:1.4rem; position:relative; text-align:center; display:block; width:92%; border:0; color:rgba(111,111,111,1) !important; margin:0 auto; padding:5rem 8rem 8rem 8rem;  text-align:center; }


form#div-notifalbum.formauth span > span { padding:0; }

/* ORDER */
#form-ordersfilter { font-size:1rem; position:relative; display:block; width:92%; margin:0 auto 2rem auto; padding:0; }

#liste-order { position:relative; display:block; width:92%; margin:0 auto; padding:0; }
#liste-order li > form { font-size:0; height:3rem; position:relative; display:block; color:rgba(111,111,111,1); border-bottom:1px solid rgba(222,222,222,1); margin:0 0 0.5rem 0; padding:0; }
#liste-order li > form span, #liste-order li > form a, #liste-order li > form label { font-size:0.8rem; display:inline-block; position:relative; text-align:center; vertical-align:top; top:50%; transform:translateY(-50%); padding:0 0.5rem; margin:0;  }
#liste-order li > form a.numorder { width:8%; }
#liste-order li > form span.dateorder { width:7%; }
#liste-order li > form span.fullname { width:25%; }
#liste-order li > form span.count { width:20%; }
#liste-order li > form span.utilisation { width:20%; }
#liste-order li > form label.status { width:20%; }

#selection-order { font-size:0; position:relative; display:inline-block; width:70%; margin:0; padding:0; vertical-align:top; }

#order-vignettes { font-size:0; position:relative; display:inline-block; width:100%; margin:0; padding:0; vertical-align:top; }
#order-vignettes li { font-size:1rem; width:auto; height:auto; overflow:hidden; position:relative; display:inline-block; margin:0 1em 1em 0; padding:0; list-style-type:none; vertical-align:top; }
#order-vignettes div { position:relative; max-width:100%; max-height:100%; }
#order-vignettes li img { position:relative; width:auto; height:auto; max-height:263px; max-width:100%; }

#order-vignettes > li .bandeau { font-size:0; z-index:10; opacity:0; position:absolute; left:0; right:0; bottom:0; height:0; background-color:rgba(0,0,0,0.8); margin:0; padding:0; transition:height 500ms ease, opacity 500ms ease; }
body.desktop #order-vignettes > li:hover .bandeau { opacity:1; height:2rem; }
#order-vignettes > li .bandeau > a, #order-vignettes > li .bandeau > span { font-size:1rem; position:relative; display:inline-block; vertical-align:top; color:rgba(255,255,255,1); top:50%; transform:translateY(-50%); width:2em; height:2em; margin:0 0.2em; }
#order-vignettes > li .bandeau > span, #order-vignettes > li .bandeau > a > i { line-height:1em; padding:0.5em 0; width:auto; }
#order-vignettes > li .bandeau > a:last-of-type { position:absolute; right:0; }
#order-vignettes > li .bandeau img, #order-vignettes > li .bandeau svg { position:relative; display:block; margin:0; padding:0; width:100%; height:100%; }
#order-vignettes > li .bandeau img { opacity:0; }
#order-vignettes > li .bandeau path { fill:rgba(255,255,255,1); }
body.desktop #order-vignettes > li .bandeau > a:hover path { fill:rgba(1,189,68,1); }

#form-orderdetail { font-size:1rem; position:relative; display:inline-block; width:30%; margin:0; padding:0; vertical-align:top; }
#form-orderdetail label { position:relative; width:100%; border:0; margin:0; padding:0; }
#form-orderdetail > span { display:block; position:relative; width:100%; font-size:0.8em; padding:0 0 0.5em 0; }
#form-orderdetail select { position:relative; width:100%; border:0; border-radius:0; background-color:rgba(246,246,246,1) !important; color:rgba(51,51,51,1) !important; font-size:1em; margin:0 0 0.5em 0; padding:0.2em 0.5em; }

#form-orderdetail a { color:rgba(188,40,0,1); }


/* LOT */
#selection-lot { font-size:0; position:relative; display:inline-block; width:70%; margin:0; padding:0; vertical-align:top; }

.lot-actions { z-index:10; font-size:0; position:relative; display:inline-block; width:100%; margin:0 0 1rem 0; padding:0; vertical-align:top; }
.lot-actions > button { font-size:0.8rem; position:relative; display:inline-block; vertical-align:top; border:1px solid rgba(1,189,68,1); color:rgba(255,255,255,1); background-color:rgba(1,189,68,1); padding:0.4em 1.5em 0.4em 4em; margin:1em 2em 1em 1rem; overflow:hidden; }
.lot-actions > button svg { position:absolute; left:0.5em; top:50%; transform:translateY(-50%); width:3em; height:3em; }
.lot-actions > button svg path { fill:rgba(255,255,255,1); }
body.desktop .lot-actions > button:hover { text-decoration:none; color:rgba(1,189,68,1); background-color:rgba(255,255,255,1); }
body.desktop .lot-actions > button:hover svg path { fill:rgba(1,189,68,1); }
.lot-actions > button.empty { border:1px solid rgba(235,52,27,1); color:rgba(255,255,255,1); background-color:rgba(235,52,27,1); }
body.desktop .lot-actions > button.empty:hover { text-decoration:none; color:rgba(235,52,27,1); background-color:rgba(255,255,255,1); }
body.desktop .lot-actions > button.empty:hover svg path { fill:rgba(235,52,27,1); }

.lot-actions > div { font-size:0.8rem; position:relative; display:inline-block; margin:1em 2em 1em 1rem;; padding:0; vertical-align:top; }
.lot-actions > div > span { font-size:1em; position:relative; display:inline-block; vertical-align:top; border:1px solid rgba(1,189,68,1); color:rgba(255,255,255,1); background-color:rgba(1,189,68,1); padding:0.4em 1.5em 0.4em 4em; margin:0; overflow:hidden; }
.lot-actions > div > span svg { position:absolute; left:0.5em; top:50%; transform:translateY(-50%); width:3em; height:3em; }
.lot-actions > div > span svg path, .lot-actions > div > span svg polygon { fill:rgba(255,255,255,1); }
.lot-actions > div > ul { z-index:999; position:absolute; left:0; top:2.2em; width:100%; height:auto; max-height:0; overflow-y:hidden; background-color:rgba(255,255,255,1); margin:0; padding:0; transition:max-height 100ms linear, overflow-y 0 linear 200ms; }
body.desktop .lot-actions > div:hover > ul { max-height:20rem; overflow-y:auto; }
.lot-actions > div > ul li { font-size:1em; text-transform:uppercase; margin:0; padding:0; list-style-type:none; }
.lot-actions > div > ul li:last-of-type { margin-bottom:1em; }
.lot-actions > div > ul li button { font-size:0.8rem; position:relative; display:block; text-decoration:none; padding:0.4em 1em; text-overflow:ellipsis; white-space:nowrap; width:100%; overflow:hidden; border:0; background-color:transparent; color:rgba(0,0,0,1); text-align:left; text-transform:uppercase; }
body.desktop .lot-actions > div > ul li button:hover { text-decoration:none; background-color:rgba(0,0,0,0.2); color:rgba(255,255,255,1); }

#lot-avertissement { margin:0 0 2rem 0; padding:0 2.5rem; font-size:0.8rem; }

#lot-vignettes { z-index:5; position:relative; margin:0; padding:0; }
#lot-vignettes > li { position:relative; }
#lot-vignettes > li .visuel { margin-top:0.5rem; }
#lot-vignettes > li button.ajaxcart, body.desktop #lot-vignettes > li button.ajaxcart:hover { font-size:1rem; position:absolute; display:inline-block; top:0.5rem; left:0; width:2rem; height:2rem; margin:0; padding:0; border:0; background-color:transparent; }
#lot-vignettes > li button.ajaxcart svg { position:absolute; left:0; top:0; width:100%; height:100%; }
#lot-vignettes > li button.ajaxcart path { fill:rgba(255,255,255,1); }
body.desktop #lot-vignettes > li button.ajaxcart:hover path { fill:rgba(235,52,27,1); }

#form-lot { z-index:6; font-size:1rem; position:relative; display:inline-block; width:30%; margin:0; padding:0; vertical-align:top; }
#form-lot form { position:relative; display:block; width:100%; margin:0 0 2rem 0; padding:0; }
#form-lot label { position:relative; width:100%; border:0; margin:0.5em 0 0 0; padding:0; }
#form-lot span.soustitretags { display:block; position:relative; width:100%; font-size:0.8em; }
#form-lot span.listetags { display:block; position:relative; width:100%; font-size:0.6em; }
#form-lot span.soustitrealbums { display:block; position:relative; width:100%; font-size:0.8em; margin-bottom:0.5em; }
#form-lot span.listealbums { display:block; position:relative; width:100%; font-size:0.6em; }
#form-lot input { position:relative; width:100%; border:0; border-radius:0; background-color:rgba(246,246,246,1) !important; color:rgba(51,51,51,1) !important; font-size:1em; margin:0 0 0.5em 0; padding:0.2em 0.5em; }
#form-lot select { position:relative; width:100%; border:0; border-radius:0; background-color:rgba(246,246,246,1) !important; color:rgba(51,51,51,1) !important; font-size:1em; margin:0 0 0.5em 0; padding:0.2em 0.5em; }
#form-lot button { position:relative; width:100%; border:0; border-radius:0; background-color:rgba(42,154,63,1) !important; color:rgba(255,255,255,1) !important; font-size:1.2em; margin:1em 0 0.5em 0; padding:0.5em 0.5em; }
body.desktop #form-lot button:hover { background-color:rgba(52,194,79,1) !important; }



#dashboard-content h2 { font-size:1.4rem; text-align:left; width:52%; margin:0 auto; padding:0 0 0.5em 0; }

table.dashboardlist { font-size:1rem; width:50%; margin:0 auto 4rem auto; padding:0; }
table.dashboardlist tr { border-bottom: 1px solid rgba(0,0,0,0.1); }
table.dashboardlist tr:first-of-type, table.dashboardlist tr:last-of-type { border-bottom:0; }
table.dashboardlist tr > th:first-of-type, table.dashboardlist tr > td:first-of-type { text-align:left; }
table.dashboardlist tr > th:last-of-type, table.dashboardlist tr > td:last-of-type { width:10em; }
table.dashboardlist th, table.dashboardlist td { text-align:center; padding:0.2em 0.5em; }
table.dashboardlist th { font-weight:600; text-transform:uppercase; text-align:center; padding:0.2em 0.5em 0.7em 0.5em; }
table.dashboardlist th.lower { text-transform:unset; }
table.dashboardlist th a, table.dashboardlist td a, table.dashboardlist th > span, table.dashboardlist td > span { display:inline-block; margin:0 1em; }
table.dashboardlist th a, table.dashboardlist th > span.inactive { font-size:1.2rem; }
table.dashboardlist td a, table.dashboardlist td > span.inactive { font-size:0.9rem; }
table.dashboardlist th > span.inactive, table.dashboardlist td > span.inactive { opacity:30%; }

table#userlist { width:80%; }

#dashboard-content div.removecheck { font-size:0.75rem; }

#dashboard-content .success { padding-top:5rem; font-size:1.4rem; }


#dashboard-import { display:block; position:relative; font-size:0; }
#dashboard-import a { font-size:1rem; display:inline-block; width:auto; height:auto; position:relative; vertical-align:middle; text-align:center; padding:0.5em 2em; margin:0 2em 2em 0; border:1px solid rgba(188,40,0,1); background-color:rgba(188,40,0,1); color:rgba(255,255,255,1); text-transform:uppercase; }
body.desktop #dashboard-import a:hover { background-color:rgba(255,255,255,1); color:rgba(188,40,0,1); text-decoration:none; }

#dashboard-export { display:block; position:relative; font-size:0; }
#dashboard-export a { font-size:1rem; display:inline-block; width:auto; height:auto; position:relative; vertical-align:middle; text-align:center; padding:0.5em 2em; margin:0 2em 2em 0; border:1px solid rgba(42,154,63,1); background-color:rgba(42,154,63,1); color:rgba(255,255,255,1); text-transform:uppercase; }
body.desktop #dashboard-export a:hover { background-color:rgba(255,255,255,1); color:rgba(42,154,63,1); text-decoration:none; }

#dashboard-navfichiers { display:block; position:relative; font-size:0; }
#dashboard-navfichiers a { font-size:1rem; display:inline-block; width:auto; height:auto; position:relative; vertical-align:middle; text-align:center; padding:0.5em 2em; margin:0 2em 2em 0; border:1px solid rgba(22,22,22,1); background-color:rgba(22,22,22,1); color:rgba(255,255,255,1); text-transform:uppercase; }
body.desktop #dashboard-navfichiers a:hover { background-color:rgba(255,255,255,1); color:rgba(22,22,22,1); text-decoration:none; }

#dashboard-offline { display:block; position:relative; font-size:0; }
#dashboard-offline h2 { margin:4rem 0 0 0; width:100%; }

#offline-vignettes { margin:1rem 0 0 0; padding:0; }
#offline-vignettes > li { position:relative; }
#offline-vignettes > li .visuel { margin-top:0.5rem; }

#dashboard-offline .delete { display:block; position:relative; font-size:0; text-align:right; }
#dashboard-offline .delete a { font-size:1rem; display:inline-block; width:auto; height:auto; position:relative; vertical-align:middle; text-align:center; padding:0.5em 2em; margin:0 2em 2em 0; border:1px solid rgba(188,40,0,1); background-color:rgba(188,40,0,1); color:rgba(255,255,255,1); text-transform:uppercase; }
body.desktop #dashboard-offline .delete a:hover { background-color:rgba(255,255,255,1); color:rgba(188,40,0,1); text-decoration:none; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* GALERIE */

div.avertissement { font-size:1.2rem; width:50%; display:block; margin:2em auto; }

#selectgaleries { z-index:99999; position:absolute; right:5%; top:1rem; width:20rem; margin:0; font-size:0; text-align:right; }
#selectgaleries > label { font-weight:400; position:relative; display:inline-block; vertical-align:top; width:auto; text-transform:uppercase; background-color:transparent; font-size:0.6rem; top:50%; transform:translateY(-50%);  }
#selectgaleries > label > span { font-size:1rem; position:absolute; display:block; top:50%; transform:translateY(-50%); left:-2.5em; width:1.4em; height:1.4em; margin:0 0 0 0.4em; border-radius:50%; background-color:rgba(22,170,2,1); }
#selectgaleries > label > span svg { position:absolute; left:0; top:0; width:100%; height:100%; }
#selectgaleries > label > span path { fill:rgba(255,255,255,1); }
#selectgaleries div.cs-skin { z-index:1; position:relative; display:inline-block; vertical-align:top; width:auto; min-width:37%; max-width:66%; text-transform:uppercase; background-color:transparent; font-size:0.6rem; top:50%; transform:translateY(-50%); }
#selectgaleries span.cs-placeholder { padding:0 3em 0 1rem !important; }
#selectgaleries span.cs-placeholder:before { content: '-'; font-family: quicksand; position:absolute; left:0.4rem; font-size:1em; top:50%; transform:translateY(-50%); font-weight: inherit; }
#selectgaleries span.cs-placeholder:after { content: '<'; font-family: quicksand; position:absolute; right:0.5rem; font-size:1.5em; top:50%; transform:translateY(-55%) rotate(-90deg); font-weight: 400; }
#selectgaleries  div.cs-options { width:100%; max-height:25em; overflow-y:visible !important; top:2.5em; right:0; }
#selectgaleries  div.cs-options li { padding:0 0.5em; color:rgba(0,0,0,0.6); font-weight:400; }
body.desktop #selectgaleries  div.cs-options li:hover { color:rgba(0,0,0,1); }
#selectgaleries  div.cs-options li form { position:relative; margin:0.5em 1em; }

.recherche_nav #selectgaleries { right:4%; top:0.5rem; }

ul#galerie-liste { font-size:0; z-index:1; position:relative; background-color:transparent; width:92%; margin:0 auto; padding:1rem 0; display:block; }
ul#galerie-liste li { position:relative; height:0; padding:0; margin:0 0 1rem 0; display:inline-block; vertical-align:top; }
ul#galerie-liste li > div { font-size:1rem; position:relative; background-color:rgba(35,35,35,1); margin:0 1rem; padding:0;  }
ul#galerie-liste li > div h2 { display:block; position:relative; color:rgba(255,255,255,1); font-weight:400; text-transform:uppercase; font-size:1em; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:0; padding:1.5em 2rem 0 2rem; }
ul#galerie-liste li > div > span { display:block; position:relative; color:rgba(185,185,185,1); font-weight:200; font-size:0.8em; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:1em 0; padding:0 2rem 0 2rem; }
ul#galerie-liste li > div a { position:relative; display:block; margin:2em 0 1em 0; width:100%; height:2em; }
ul#galerie-liste li > div a svg { position:absolute; right:2rem; top:0; width:2em; height:100%; }
ul#galerie-liste li > div a path { fill:rgba(185,185,185,1); }
body.desktop ul#galerie-liste li > div:hover a path { fill:rgba(255,255,255,1); }
ul#galerie-liste li > div > div { display:block; position:relative; left:0; width:100%; height:0; margin:0; padding:0; font-size:0; padding-bottom:150%; background-color:rgba(0,0,0,0.2); }

ul#galerie-liste li > div > div div.visuel { display:inline-block; vertical-align:top; margin:0; padding:0; width:100%; height:0; padding-bottom:100%; background-size:cover; background-position:center center; background-repeat: no-repeat; background-clip:border-box; }
ul#galerie-liste li > div > div.nb1 div.visuel { padding-bottom:150%; }
ul#galerie-liste li > div > div.nb2 div.visuel { padding-bottom:75%; }
ul#galerie-liste li > div > div.nb3 div.visuel:nth-of-type(2), ul#galerie-liste li > div > div.nb3 div.visuel:nth-of-type(3) { width:50%; padding-bottom:50%; }


ul#galerie-liste li { width:20%; padding-bottom:40%; }
@media (max-width:2000px) { ul#galerie-liste li { width:25%; padding-bottom:50%; } }
@media (max-width:1500px) { ul#galerie-liste li { width:33.33%; padding-bottom:66.66%; } }
@media (max-width:1000px) { ul#galerie-liste li { width:50%; padding-bottom:100%; } }
@media (max-width:500px) { ul#galerie-liste li { width:100%; padding-bottom:200%; } }

#form-create { font-size:1rem; z-index:1; position:relative; background-color:transparent; width:92%; margin:0 auto; padding:0 2rem; display:block; }


#galerie-content { z-index:1; position:relative; background-color:rgba(35,35,35,1); width:92%; margin:0 auto; padding:1rem; display:block; }

#galerie-head { font-size:0; z-index:2; display:block; margin:0; position:relative; padding:0 1rem; }
#galerie-head h1 { font-size:1.4rem; z-index:10; display:block; vertical-align:top; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative; margin:0; padding:0.5em 0 0.5em 0; line-height:1em; color:rgba(255,255,255,1); }
#galerie-head #form-rename { display:none; font-size:1.4rem; z-index:20; position:absolute; top:0; left:0; width:100%; height:auto; padding:0; vertical-align:top; margin:0; line-height:1em; background-color:rgba(35,35,35,1); }
#galerie-head #form-rename input { font-size:1.4rem; position:relative; display:block; width:100%; margin:0; line-height:1em; color:rgba(255,255,255,1); background-color:rgba(0,0,0,0.2); border:1px solid rgba(60,60,60,1); padding:0 1rem; }
#galerie-head #form-rename.show { display:block; }

#galerie-head div.actionsgalerie { z-index:2; font-size:0; display:block; position:relative; margin:0 0 1.5rem 0; }
#galerie-head div.actionsgalerie > button { font-size:0.8rem; position:relative; display:inline-block; vertical-align:top; border:0; border-left:1px solid rgba(60,60,60,1); color:rgba(185,185,185,1); background-color:transparent; padding:0.4em 1.5em 0.4em 4em; margin:1em 0 1em 1em; overflow:hidden; }
#galerie-head div.actionsgalerie > button:first-of-type { border-left:0; margin-left:0; padding-left:3.2em; }
#galerie-head div.actionsgalerie > button svg { position:absolute; left:0.8em; top:50%; transform:translateY(-50%); width:3em; height:3em; }
#galerie-head div.actionsgalerie > button.envoyer svg { width:1.3em; height:1.3em; left:1.1em; }
#galerie-head div.actionsgalerie > button svg path { fill:rgba(185,185,185,1); }
#galerie-head div.actionsgalerie > button:first-of-type svg { left:0; }
body.desktop #galerie-head div.actionsgalerie > button:hover { text-decoration:none; color:rgba(255,255,255,1); }
body.desktop #galerie-head div.actionsgalerie > button:hover svg path { fill:rgba(255,255,255,1); }
body.desktop #galerie-head div.actionsgalerie > button.transfer:hover { color:rgba(1,189,68,1); }
body.desktop #galerie-head div.actionsgalerie > button.transfer:hover svg path { fill:rgba(1,189,68,1); }

#galerie-head div.actionsgalerie > div { border-left:1px solid rgba(60,60,60,1); margin:1em 0 1em 1em; font-size:0.8rem; position:relative; display:inline-block; vertical-align:top; }

#galerie-head div.actionsgalerie > div.move { z-index:30; padding:0; height:auto; }
#galerie-head div.actionsgalerie > div.move > span { font-size:1em; position:relative; display:inline-block; vertical-align:top; color:rgba(185,185,185,1); background-color:transparent; padding:0.4em 1.5em 0.4em 4em; margin:0; overflow:hidden; }
#galerie-head div.actionsgalerie > div.move > span svg { position:absolute; left:0.5em; top:50%; transform:translateY(-50%); width:3em; height:3em; }
#galerie-head div.actionsgalerie > div.move > span svg path, #galerie-head div.actionsgalerie > div.move > span svg polygon { fill:rgba(185,185,185,1); }
#galerie-head div.actionsgalerie > div.move > ul { z-index:9999; position:absolute; left:0; top:2.2em; width:100%; height:auto; max-height:0; overflow-y:hidden; background-color:rgba(35,35,35,1); color:rgba(185,185,185,1); margin:0; padding:0; transition:max-height 100ms linear, overflow-y 0 linear 200ms; }
body.desktop #galerie-head div.actionsgalerie > div.move:hover > ul { max-height:20rem; overflow-y:auto; }
body.desktop #galerie-head div.actionsgalerie > div.move:hover > span { color:rgba(255,255,255,1); }
body.desktop #galerie-head div.actionsgalerie > div.move:hover > span svg path, body.desktop #galerie-head div.actionsgalerie > div.move:hover > span svg polygon { fill:rgba(255,255,255,1); }
#galerie-head div.actionsgalerie > div.move > ul li { font-size:1em; text-transform:uppercase; margin:0; padding:0; list-style-type:none; }
#galerie-head div.actionsgalerie > div.move > ul li:last-of-type { margin-bottom:1em; }
#galerie-head div.actionsgalerie > div.move > ul li button { font-size:0.8rem; border:0; background-color:transparent; position:relative; display:block; text-decoration:none; padding:0.4em 1em; text-overflow:ellipsis; white-space:nowrap; width:100%; overflow:hidden; color:rgba(185,185,185,1); text-align:left; text-transform:uppercase; }
body.desktop #galerie-head div.actionsgalerie > div.move > ul li button:hover { text-decoration:none; background-color:rgba(0,0,0,0.2); color:rgba(1,189,68,1); }

#galerie-head div.actionsgalerie > div.burger { margin-left:4em; padding:0 0 0 1em; width:auto; }
#galerie-head div.actionsgalerie > div.burger span { font-size:1em; position:relative; display:block; vertical-align:top; width:2.2em; height:2.2em; margin:0; padding:0; }
body.desktop #galerie-head div.actionsgalerie > div.burger span:hover { cursor:pointer; }
#galerie-head div.actionsgalerie > div.burger svg { position:absolute; left:0; top:0; width:100%; height:100%; }
#galerie-head div.actionsgalerie > div.burger path { fill:rgba(185,185,185,1); }
body.desktop #galerie-head div.actionsgalerie > div.burger:hover path { fill:rgba(255,255,255,1); }
#galerie-head div.actionsgalerie > div.burger ul { z-index:9999; font-size:0.8rem; position:absolute; left:4em; top:0; width:0; background-color:rgba(35,35,35,1); transition:width 300ms ease; overflow:hidden; margin:0; padding:0.5em 0 0 0; }
body.desktop #galerie-head div.actionsgalerie > div.burger:hover ul { width:20em; }
#galerie-head div.actionsgalerie > div.burger ul li { position:relative; display:block; width:20em; padding:0 0 0.4em 1.5em; text-transform:uppercase; }
#galerie-head div.actionsgalerie > div.burger ul li button { font-size:0.8rem; border:0; background-color:transparent; color:rgba(185,185,185,1); text-align:left; text-transform:uppercase; }
body.desktop #galerie-head div.actionsgalerie > div.burger ul li button:hover { text-decoration:none; color:rgba(255,255,255,1); }
body.desktop #galerie-head div.actionsgalerie > div.burger ul li button.empty:hover { color:rgba(235,52,27,1); }
body.desktop #galerie-head div.actionsgalerie > div.burger ul li button.delete:hover { color:rgba(235,52,27,1); }


#galerie-mosaique { z-index:1; font-size:0; position:relative; display:inline-block; width:100%; margin:1rem 0; padding:0; vertical-align:top; }
#galerie-mosaique li { font-size:1rem; width:auto; min-width:15rem; height:auto; overflow:hidden; position:relative; display:inline-block; margin:0; padding:0; list-style-type:none; vertical-align:top; text-align:center; }
#galerie-mosaique li img { width:auto; height:auto; max-height:20rem; max-width:100%; }
#galerie-mosaique .visuel { padding-bottom:0 !important; height:auto !important; background-color:transparent !important; }
#galerie-mosaique.liste-medias div.media .selections { text-align:left; }
#galerie-mosaique.liste-medias div.media .actions .bandeau > a, #galerie-mosaique.liste-medias div.media .actions .bandeau > span, #galerie-mosaique.liste-medias div.media .actions .infobulle { font-size:0.8rem; }
#galerie-mosaique.liste-medias div.media .actions .infos { color:rgba(255,255,255,1); }
#galerie-mosaique.liste-medias div.media .actions .infos span:first-of-type { display:none; }
#galerie-mosaique.liste-medias div.media .actions .infobulle > span { border-color:transparent; text-align:left; }

#galerie-mosaique.liste-medias div.media .selections > a.galerie { display:none; }
#galerie-mosaique.liste-medias div.media .actions .bandeau > a.move { display:inline-block; }

#galerie-mosaique li { max-width:25%; }
@media (max-width:2000px) { #galerie-mosaique li { max-width:33.33%; } }
@media (max-width:1500px) { #galerie-mosaique li { max-width:50%; } }
@media (max-width:500px) { #galerie-mosaique li { max-width:100%; } }


#galerie-content div.vide { font-size:1.4rem; position:relative; text-align:center; display:block; width:100%; border:0; color:rgba(255,255,255,1) !important; margin:0 auto; padding:5rem 8rem 8rem 8rem;  text-align:center; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* PANIER */

#panier-nav { font-size:0; position:relative; display:block; width:85%; height:auto; margin:0 auto; padding:0; border-bottom:2rem solid rgba(57,57,57,1); text-align:center; }
#panier-nav li { position:relative; display:inline-block; margin:0; padding:0; text-align:center; border:0; border-bottom:0.1rem solid rgba(255,255,255,1); background-color:rgba(255,255,255,1); color:rgba(57,57,57,1); height:2rem; vertical-align:top; overflow:hidden; }
#panier-nav li > span, #panier-nav li > a { margin:0; padding:0; padding-top:0.4rem; font-size:1.2rem; line-height:1.2rem; position:absolute; display:inline-block; width:100%; height:100%; left:0; top:0; text-align:center; text-transform:uppercase; font-weight:200; border:0; border-left:1px solid rgba(190,190,190,1); transition:all 100ms linear; }
#panier-nav li:first-child > a { border-left:0; }
body.desktop #panier-nav li > a:hover { text-decoration:none; background-color:rgba(190,190,190,1); color:rgba(255,255,255,1); }
#panier-nav li.current > span, #panier-nav li.current > a, body.desktop #panier-nav li.current > a:hover { background-color:rgba(57,57,57,1); color:rgba(255,255,255,1); }


#panier-content { width:85%; margin:0 auto; display:block; }
#panier-mosaique { font-size:0; position:relative; display:inline-block; width:100%; margin:0; padding:1rem 0 0 0; vertical-align:top; }
#panier-mosaique li { font-size:1rem; width:100%; height:15rem; overflow:hidden; position:relative; display:inline-block; margin:0; padding:0; list-style-type:none; vertical-align:top; border-bottom:1px solid rgba(222,222,222,1); }
#panier-mosaique.liste-medias div.media { position:relative; left:0; top:0; width:100%; height:100%; overflow:hidden; padding:1em 0; }
#panier-mosaique.liste-medias div.media > div { font-size:0; }
#panier-mosaique.liste-medias .visuel { font-size:1rem; display:inline-block; height:100%; width:35%; vertical-align:top; }
#panier-mosaique.liste-medias .visuel img { position:relative; width:auto; height:auto; max-height:100%; max-width:100%; }
#panier-mosaique.liste-medias .infos { font-size:0; display:inline-block; height:100%; width:40%; vertical-align:top; }
#panier-mosaique.liste-medias .infos div { position:relative; font-size:0.8rem; display:block; width:100%; }
#panier-mosaique.liste-medias .infos div span { position:relative; font-size:1em; display:inline-block; vertical-align:top; }
#panier-mosaique.liste-medias .infos div span:first-of-type { font-size:1em; font-weight:600; text-transform:uppercase; width:40%; padding:0 1em 0 3em; }
#panier-mosaique.liste-medias .infos div span:first-of-type:before { font-size:0.8em; content:'/'; position:absolute; left:2.6em; font-weight:600; top:0.25em; }
#panier-mosaique.liste-medias .infos div span:last-of-type { font-weight:200; width:60%; padding:0 1em 0 1em;  }
#panier-mosaique.liste-medias .actions { font-size:1rem; position:relative; background-color:transparent; display:inline-block; height:100%; width:25%; vertical-align:top; text-align:center; }

#panier-mosaique.liste-medias .actions button { font-size:0.8rem; position:relative; display:inline-block; border:1px solid rgba(188,40,0,1); color:rgba(188,40,0,1); background-color:transparent; padding:0.4em 1.5em 0.4em 4em; margin:1em 1em 1em 0; overflow:hidden; font-weight:400; text-transform:uppercase; }
#panier-mosaique.liste-medias .actions button svg { position:absolute; left:0.5em; top:50%; transform:translateY(-50%); width:3em; height:3em; }
#panier-mosaique.liste-medias .actions button svg path { fill:rgba(188,40,0,1); }
body.desktop #panier-mosaique.liste-medias .actions button:hover { text-decoration:none; color:rgba(255,255,255,1); background-color:rgba(188,40,0,1); }
body.desktop #panier-mosaique.liste-medias .actions button:hover svg path { fill:rgba(255,255,255,1); }

#form-checkout > div { font-size:0; position:relative; height:auto; background-color:rgba(57,57,57,1); padding:1rem; margin:0 0 0.2rem 0; }
#form-checkout .intitule { font-size:1rem; display:inline-block; position:relative; width:50%; height:100%; vertical-align:top; padding:0 1em 0 0; text-align:right; font-weight:400; color:rgba(255,255,255,1); line-height:2em; }
#form-checkout .intitule > span { display:block; font-size:0.7em; font-weight:200; }
#form-checkout .choix { font-size:0; display:inline-block; position:relative; width:50%; height:auto; vertical-align:top; padding:0; }
#form-checkout label { font-size:1rem; display:inline-block; position:relative; top:0; left:0; width:50%; line-height:2em; vertical-align:top; overflow:hidden; padding:0 0 0 0.5em; color:rgba(255,255,255,1); }
#form-checkout label input#checkout-utilisation-autreutilisation { width:65%; margin-left:1em; }
#form-checkout button.empty { font-size:1rem; display:inline-block; width:20%; height:auto; position:relative; vertical-align:middle; text-align:center; padding:0.5em 0; margin:0; border:1px solid rgba(188,40,0,1); background-color:rgba(188,40,0,1); color:rgba(255,255,255,1); text-transform:uppercase; }
body.desktop #form-checkout button.empty:hover { background-color:rgba(255,255,255,1); color:rgba(188,40,0,1); text-decoration:none; }
#form-checkout .infos { font-size:1rem; display:inline-block; position:relative; width:30%; margin-left:30%; height:100%; vertical-align:middle; padding:0 2em 0 0.5em; text-align:left; font-weight:200; color:rgba(255,255,255,1); line-height:1.2em; }
#form-checkout .infos p { font-size:0.8rem; padding-bottom:0; }
#form-checkout button { font-size:1rem; display:inline-block; width:20%; height:auto; position:relative; vertical-align:middle; padding:0.5em 0; margin:0; border:1px solid rgba(42,154,63,1); background-color:rgba(42,154,63,1); color:rgba(255,255,255,1); }
body.desktop #form-checkout button:hover { background-color:rgba(52,194,79,1); border-color:rgba(52,194,79,1); }

#panier-content form.formauth li a { position:relative; display:block; width:100%; border:0; border-radius:0; background-color:rgba(42,154,63,1) !important; color:rgba(255,255,255,1) !important; font-size:1.2em; margin:1em 0 0.5em 0; padding:0.5em 0.5em; text-transform:uppercase; }
body.desktop #panier-content form.formauth li a:hover { text-decoration:none; background-color:rgba(52,194,79,1) !important; }
#panier-content form.formauth button.disconnect { background-color:transparent !important; color:rgba(111,111,111,1) !important; text-align:right; }

#panier-content form.formauth a.confirmorder { position:relative; display:block; width:100%; border:0; border-radius:0; background-color:rgba(42,154,63,1) !important; color:rgba(255,255,255,1) !important; font-size:1.2rem; margin:1em 0 0.5em 0; padding:0.5em 0.5em; text-transform:uppercase; }
body.desktop #panier-content form.formauth a.confirmorder:hover { text-decoration:none; background-color:rgba(52,194,79,1) !important; }

#panier-content.order { text-align:center; }
#panier-content.order div {  font-size:1.2rem; position:relative; text-align:center; display:block; width:100%; border:0; color:rgba(51,51,51,1) !important; margin:0 auto; padding:5rem 8rem; }
#panier-content.order div p { text-align:center; }
#panier-content a.orders { font-size:1rem; display:inline-block; width:auto; height:auto; position:relative; vertical-align:middle; padding:0.5em 2em; margin:2em auto; border:0; background-color:rgba(42,154,63,1); color:rgba(255,255,255,1); text-transform:uppercase; }
body.desktop #panier-content a.orders:hover { text-decoration:none; background-color:rgba(52,194,79,1); }

#panier-content div.vide { font-size:1.4rem; position:relative; text-align:center; display:block; width:100%; border:0; color:rgba(51,51,51,1) !important; margin:0 auto; padding:5rem 8rem;  text-align:center; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* COMMANDE */

#commande-nav { font-size:0; position:relative; display:block; width:85%; height:auto; margin:0 auto; padding:0; border-bottom:2rem solid rgba(57,57,57,1); text-align:center; }
#commande-nav li { position:relative; display:inline-block; margin:0; padding:0; text-align:center; border:0; border-bottom:0.1rem solid rgba(255,255,255,1); background-color:rgba(255,255,255,1); color:rgba(57,57,57,1); height:2rem; vertical-align:top; overflow:hidden; }
#commande-nav li a { margin:0; padding:0; padding-top:0.4rem; font-size:1.2rem; line-height:1.2rem; position:absolute; display:inline-block; width:100%; height:100%; left:0; top:0; text-align:center; text-transform:uppercase; font-weight:200; border:0; border-left:1px solid rgba(190,190,190,1); transition:all 100ms linear; }
#commande-nav li:first-child a { border-left:0; }
body.desktop #commande-nav li a:hover { text-decoration:none; background-color:rgba(190,190,190,1); color:rgba(255,255,255,1); }
#commande-nav li.current, body.desktop #commande-nav li.current a:hover { background-color:rgba(57,57,57,1); color:rgba(255,255,255,1); }

#commande-content { position:relative; width:85%; margin:0 auto; display:block; border-bottom:5rem solid rgba(57,57,57,1); }

#commande-mosaique { font-size:0; position:relative; display:inline-block; width:100%; margin:0; padding:1rem 0 0 0; vertical-align:top; }
#commande-mosaique li { font-size:1rem; width:100%; height:15rem; overflow:hidden; position:relative; display:inline-block; margin:0; padding:0; list-style-type:none; vertical-align:top; border-bottom:1px solid rgba(222,222,222,1); }
#commande-mosaique.liste-medias div.media { position:relative; left:0; top:0; width:100%; height:100%; overflow:hidden; padding:1em 0; }
#commande-mosaique.liste-medias div.media > div { font-size:0; }
#commande-mosaique.liste-medias .visuel { font-size:1rem; display:inline-block; height:100%; width:35%; vertical-align:top; }
#commande-mosaique.liste-medias .visuel img { position:relative; width:auto; height:auto; max-height:100%; max-width:100%; }
#commande-mosaique.liste-medias .infos { font-size:0; display:inline-block; height:100%; width:40%; vertical-align:top; }
#commande-mosaique.liste-medias .infos div { position:relative; font-size:0.8rem; display:block; width:100%; }
#commande-mosaique.liste-medias .infos div span { position:relative; font-size:1em; display:inline-block; vertical-align:top; }
#commande-mosaique.liste-medias .infos div span:first-of-type { font-size:1em; font-weight:600; text-transform:uppercase; width:40%; padding:0 1em 0 3em; }
#commande-mosaique.liste-medias .infos div span:first-of-type:before { font-size:0.8em; content:'/'; position:absolute; left:2.6em; font-weight:600; top:0.25em; }
#commande-mosaique.liste-medias .infos div span:last-of-type { font-weight:200; width:60%; padding:0 1em 0 1em;  }
#commande-mosaique.liste-medias .actions { font-size:1rem; position:relative; background-color:transparent; display:inline-block; height:100%; width:25%; vertical-align:top; text-align:right; }
#commande-mosaique.liste-medias .actions span { font-size:1em; padding:0.5em 2em; margin:0; border:1px solid rgba(204,204,204,1); background-color:transparent; color:rgba(204,204,204,1); }
#commande-mosaique.liste-medias .actions a { font-size:1rem; display:inline-block; width:auto; height:auto; position:relative; vertical-align:middle; padding:0.5em 2em; margin:0; border:0; background-color:rgba(42,154,63,1); color:rgba(255,255,255,1); text-transform:uppercase; }
body.desktop #commande-mosaique.liste-medias .actions a:hover { text-decoration:none; background-color:rgba(52,194,79,1); }
#commande-mosaique.liste-medias .actions label.selectgroup { position:relative; font-size:0.8em; text-align:right; padding:1em 0 0 20%; }
#commande-mosaique.liste-medias .actions label.selectgroup span { border:0; padding:0 2em 0 0 !important; color:rgba(111,111,111,1); }
#commande-mosaique.liste-medias .actions label.selectgroup span:before { left:inherit !important; left:unset !important; right:0.1em !important; top:0.2em !important; border-color:rgba(111,111,111,1) !important; }
#commande-mosaique.liste-medias .actions label.selectgroup span:after { left:inherit !important; left:unset !important; right:0.1em !important; top:0.2em !important; background-color:rgba(42,154,63,1) !important; }
#commande-mosaique.liste-medias .actions div.selectgroupimpossible { position:relative; font-size:0.8em; text-align:right; padding:1em 0 0 20%; }
#commande-mosaique.liste-medias .actions div.plus { position:relative; font-size:0.8em; text-align:right; padding:1em 0 0 30%; }

#commande-content div.vide { font-size:1.4rem; position:relative; text-align:center; display:block; width:100%; border:0; color:rgba(51,51,51,1) !important; margin:0 auto; padding:5rem 8rem;  text-align:center; }

#commande-content .download_all { font-size:1rem; display:inline-block; width:auto; height:auto; position:absolute; right:5%; bottom:-3.7rem; vertical-align:middle; padding:0.5em 2em; margin:0; border:0; background-color:rgba(42,154,63,1); color:rgba(255,255,255,1); text-transform:uppercase; }
body.desktop #commande-content .download_all:hover { text-decoration:none; background-color:rgba(52,194,79,1); }

#mask_download { position:fixed; z-index:9999999999; opacity:0; width:0; height:0; display:none; background-color:rgba(0,0,0,0.8); margin:0; padding:0; top:0; left:0; text-align:center; transition:opacity 300ms ease; }
#mask_download.show { opacity:1; width:100%; height:100%; display:block; }
#mask_download > div { text-align:center; font-size:1.2rem; color:rgba(255,255,255,1); width:auto; height:auto; display:inline-block; top:50%; left:50%; position:absolute; transform:translate(-50%,-50%); margin-bottom:2rem; }
#mask_download > div svg { width:5rem; height:5rem; margin:2rem; }
#mask_download #progress { text-align:left; margin:2rem auto; padding:0; width:50%; height:1px; display:block; position:relative; background-color:rgba(255,255,255,0.6); overflow:visible; }
#mask_download #progress > div { position:relative; left:0; top:0; height:100%; width:0; background-color:rgba(1,189,68,1); transition: width 300ms linear; }



/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* AUTHENTIFICATION */
div.retour { font-size:1rem; position:relative; text-align:center; display:block; width:35%; border:0; color:rgba(51,51,51,1) !important; margin:1em auto 1em auto; padding:0; }
div.saisie { font-size:1rem; position:relative; text-align:center; display:block; width:35%; border:0; color:rgba(51,51,51,1) !important; margin:1em auto 1em auto; padding:0; }
div.erreur { font-size:1.2rem; position:relative; text-align:center; text-transform:uppercase; display:block; width:33.33%; border:0; color:rgba(51,51,51,1) !important; margin:1em auto 1em auto; padding:0; }

div.retour a { text-decoration:none; color:rgba(51,51,51,1) !important; }
body.desktop div.retour a:hover { text-decoration:none; color:rgba(188,40,0,1); }
div.retour strong { font-weight:400; }
div.saisie a { text-decoration:none; color:rgba(51,51,51,1) !important; }
body.desktop div.saisie a:hover { text-decoration:none; color:rgba(188,40,0,1); }
div.saisie strong { font-weight:400; }
div.erreur a { text-decoration:none; color:rgba(51,51,51,1) !important; }
body.desktop div.erreur a:hover { text-decoration:none; color:rgba(188,40,0,1); }
div.erreur strong { font-weight:400; }

#page-authentification h1,
#page-inscription h1,
#page-compte h1,
#page-oublipassword h1,
#page-changepassword h1 { text-align:center; display:block; width:35%; margin:0 auto 2em auto; padding:0.4em 0; background-color:rgba(57,57,57,1); color:rgba(255,255,255,1); text-transform:uppercase; font-weight:200; font-size:1.4rem; }

form.formauth { font-size:0; width:35%; position:relative; margin:0 auto; text-align:center; display:block; padding:0; }
form.formauth > div { font-size:1.1rem; position:relative; width:100%; border:0; color:rgba(51,51,51,1) !important; margin:0.5em 0 0.5em 0; padding:0; }
form.formauth > div.connected { padding:4rem 0; }
form.formauth input { font-size:0.9rem;  position:relative; width:100%; line-height:2em; height:2em; display:inline-block; border:0; border-radius:0; background-color:rgba(246,246,246,1) !important; color:rgba(51,51,51,1) !important; margin:0 0 0.5em 0; padding:0.2em 0.5em; }
form.formauth select { font-size:0.9rem;  position:relative; width:100%; line-height:2em; height:2em; display:inline-block; border:0; border-radius:0; background-color:rgba(246,246,246,1) !important; color:rgba(51,51,51,1) !important; margin:0 0 0.5em 0; padding:0.2em 0.5em; }
form.formauth textarea { font-size:0.9rem; position:relative; width:100%; line-height:2em; height:10em; display:inline-block; border:0; border-radius:0; background-color:rgba(246,246,246,1) !important; color:rgba(51,51,51,1) !important; margin:0 0 0.5em 0; padding:0.2em 0.5em; }
form.formauth button { font-size:1.1rem; position:relative; width:100%; border:0; border-radius:0; background-color:rgba(42,154,63,1) !important; color:rgba(255,255,255,1) !important; margin:1em 0 0.5em 0; padding:0.5em 0.5em; }
body.desktop form.formauth button:hover { background-color:rgba(52,194,79,1) !important; }
form.formauth > div.required { font-size:0.6rem; margin:0.2em 0 0.2em 0; text-align:right; font-style:italic; font-weight:400; }
form.formauth > div.regles { font-size:0.8rem; text-align:left; margin:0.5em 0 2em 0; }

form.formauth label { position:relative; display:block; width:100%; font-size:0; margin-bottom:0.5rem; text-align:left; }
form.formauth span { display:inline-block; position:relative; vertical-align:baseline; width:100%; text-transform:uppercase; font-size:0.9rem; padding-top:0.2rem; padding-bottom:0.4em; }
form.formauth span > span { text-transform:none; width:auto; }
form.formauth input { display:inline-block; position:relative; vertical-align:baseline; width:100%; text-transform:none; font-size:1.1rem; padding: 0.1em 0.5em 0 0.5em }
form.formauth select { display:inline-block; position:relative; vertical-align:baseline; width:100%; text-transform:none; font-size:1.1rem; padding: 0.1em 0.5em 0 0.5em }
form.formauth textarea { display:inline-block; position:relative; vertical-align:baseline; width:100%; height:15em; text-transform:none; font-size:0.7rem; line-height:1.4em; font-family:Arial; padding: 0.1em 0.5em 0 0.5em }

form.formauth .booleen > span { width:40%; vertical-align:baseline; display:inline-block; margin-top:2rem; margin-bottom:1rem; }
form.formauth .radio-inline { width:auto !important; vertical-align:baseline; display:inline-block !important; margin-top:2rem; margin-bottom:1rem; }
form.formauth .groupname { padding-left:20px !important; }

form.formauth .checkvide { font-size:0.6rem; text-align:center; margin:0; padding:2em 0 4em 0; text-transform:uppercase; }

form.formauth input.fichier { padding-right:2.5em; }
form.formauth span.browse { position:absolute; width:auto; right:1em; bottom:0.65em; }

form.formauth label.consentementrgpd { font-size:0.6rem !important; margin-bottom:2em !important; position:relative; text-align:left; }
form.formauth label.consentementrgpd input[type="checkbox"] { font-size:1em !important; position:absolute !important; padding-top:0 !important; padding-bottom:0 !important; position:relative !important; left:0 !important; top:2em !important; transform:scale(1) !important; }
form.formauth label.consentementrgpd input[type="checkbox"] + span { font-size:1em !important; padding-left:3em !important; text-align:left !important; display:inline-block; }
form.formauth label.consentementrgpd input[type="checkbox"] + span:before { top:0.4em !important; left:0.25em !important; width:1.8em !important; height:1.8em !important; border:1px solid rgba(153,153,153,1) !important; border-radius:15% !important; }
form.formauth label.consentementrgpd input[type="checkbox"] + span:after { top:0.5em !important; left:0.35em !important; width:1.6em !important; height:1.6em !important; border:1px solid rgba(153,153,153,1) !important; border-radius:15% !important; background-color:rgba(153,153,153,1) !important; }


form.formauth a { text-decoration:none; }
body.desktop form.formauth a:hover { text-decoration:none; color:#bb2a00; }
form.formauth strong { font-weight:400; }

#ul-auth { font-size:0.9rem; clear:both; display:block; width:35%; margin:0 auto; padding:0; }
#ul-auth li { clear:both; display:block; width:auto; list-style-type:none; margin:0; padding:0; text-align:right; }
#ul-auth li a { position:relative; padding-top:0.5em; font-size:0.8em; opacity:0.9; text-transform:uppercase; }
body.desktop #ul-auth li a:hover { text-decoration:none; opacity:1; color:rgba(188,40,0,1); }
#ul-auth li a.inscription { display:block; width:100%; opacity:1; text-align:center; background-color:rgba(188,40,0,1); color:rgba(255,255,255,1); border:1px solid rgba(188,40,0,1); font-size:1.2em; margin:4em 0 0.5em 0; padding:0.5em 0.5em; }
body.desktop #ul-auth li a.inscription:hover { background-color:rgba(238,50,0,1); color:rgba(255,255,255,1); border-color:rgba(238,50,0,1); }


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover, 
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  transition: all 5000s ease-in-out 0s;
}
 


#mygreatvision { position:relative; width:100%; min-height:20rem; }
#mygreatvision > img { position:relative; display:block; width:100%; height:auto; }
#mygreatvision > div { position:absolute; display:inline-block; top:50%; left:50%; transform:translate(-50%,-50%); padding:2rem 3rem; width:25%; margin:0 auto; background-color:rgba(0,0,0,0.8); }
#mygreatvision > div h2 { text-transform:uppercase; color:rgba(255,220,132,1); font-size:1.2rem; text-align:center; margin:0 0 1.5em 0; font-weight:600; }
#mygreatvision > div form.formauth { width:100%; }
#mygreatvision > div form.formauth > div.required { display:none !important; }
#mygreatvision > div form.formauth input { background-color:rgba(125,125,125,1) !important; color:rgba(255,255,255,1) !important; font-size:0.8rem !important; line-height:2rem; height:2rem; margin-bottom:1rem; padding-left:1.5rem; padding-right:1.5rem; }
#mygreatvision > div form.formauth input::placeholder { color:rgba(255,255,255,1) !important; opacity:1 !important; }
#mygreatvision > div form.formauth input::-ms-input-placeholder, #mygreatvision > div form.formauth input:-ms-input-placeholder { color:rgba(255,255,255,1) !important; }
#mygreatvision > div form.formauth button {	background-color:rgba(255,220,132,0.9) !important; color:rgba(0,0,0,1) !important; font-weight:400; margin-top:0; padding:0.2em 0.5em; transition: all 100ms; }
body.desktop #mygreatvision > div form.formauth button:hover { background-color:rgba(255,220,132,1) !important; color:rgba(0,0,0,1) !important; }
#mygreatvision #ul-auth { width:100%; }
#mygreatvision #ul-auth li a { color:rgba(255,255,255,1); text-transform:none; }
body.desktop #mygreatvision #ul-auth li a:hover { color:rgba(255,255,255,1); }
#mygreatvision #ul-auth li a.inscription { display:none; }



/*----------------------------------------------------------------------------------------------------------------------------------------------*/

#page-mentionslegales { font-family:Helvetica,Arial,sans-serif; padding:0 0 2rem 0; font-size:0.8rem; text-align:left; }
#page-mentionslegales h1 { padding-top:2rem; padding-bottom:2rem; font-size:1.2rem; text-transform:uppercase; }
#page-mentionslegales h2 { padding-bottom:0.5rem; font-size:1rem; text-transform:uppercase; }
#page-mentionslegales h1, #page-mentionslegales h2, #page-mentionslegales p, #page-mentionslegales ul { margin:0 auto 1em auto; width:60%; }
#page-mentionslegales p, #page-mentionslegales ul { font-size:0.8rem; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/

#share-content { z-index:1; position:relative; background-color:rgba(35,35,35,1); width:92%; margin:0 auto; padding:1rem; display:block; }

#share-head { font-size:0; z-index:2; display:block; margin:0; position:relative; padding:0 1rem; }
#share-head h1 { font-size:1.4rem; z-index:10; display:block; vertical-align:top; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative; margin:0; padding:0.5em 0 0.5em 0; line-height:1em; color:rgba(255,255,255,1); }

#share-head div.actionsshare { z-index:2; font-size:0; display:block; position:relative; margin:0 0 1.5rem 0; }
#share-head div.actionsshare > button { font-size:0.8rem; position:relative; display:inline-block; vertical-align:top; border:0; border-right:1px solid rgba(60,60,60,1); color:rgba(185,185,185,1); background-color:transparent; padding:0.4em 1.5em 0.4em 4em; margin:1em 1em 1em 0; overflow:hidden; }
#share-head div.actionsshare > button:last-of-type { padding-right:5em; border-right:0; }
#share-head div.actionsshare > button svg { position:absolute; left:0; top:50%; transform:translateY(-50%); width:3em; height:3em; }
#share-head div.actionsshare > button svg path { fill:rgba(185,185,185,1); }
body.desktop #share-head div.actionsshare > button:hover { text-decoration:none; color:rgba(255,255,255,1); }
body.desktop #share-head div.actionsshare > button:hover svg path { fill:rgba(255,255,255,1); }
body.desktop #share-head div.actionsshare > button.transfer:hover { color:rgba(1,189,68,1); }
body.desktop #share-head div.actionsshare > button.transfer:hover svg path { fill:rgba(1,189,68,1); }


#share-mosaique { z-index:1; font-size:0; position:relative; display:inline-block; width:100%; margin:1rem 0; padding:0; vertical-align:top; }
#share-mosaique li { font-size:1rem; width:auto; min-width:15rem; height:auto; overflow:hidden; position:relative; display:inline-block; margin:0; padding:0; list-style-type:none; vertical-align:top; text-align:center; }
#share-mosaique li img { width:auto; height:auto; max-height:20rem; max-width:100%; }
#share-mosaique .visuel { padding-bottom:0 !important; height:auto !important; background-color:transparent !important; }
#share-mosaique.liste-medias div.media .selections { text-align:left; }
#share-mosaique.liste-medias div.media .actions .bandeau > a, #share-mosaique.liste-medias div.media .actions .bandeau > span, #share-mosaique.liste-medias div.media .actions .infobulle { font-size:0.8rem; }
#share-mosaique.liste-medias div.media .actions .infos { color:rgba(255,255,255,1); }
#share-mosaique.liste-medias div.media .actions .infos span:first-of-type { display:none; }
#share-mosaique.liste-medias div.media .actions .infobulle > span { border-color:transparent; text-align:left; }

#share-mosaique li { max-width:25%; }
@media (max-width:2000px) { #share-mosaique li { max-width:33.33%; } }
@media (max-width:1500px) { #share-mosaique li { max-width:50%; } }
@media (max-width:500px) { #share-mosaique li { max-width:100%; } }

#share-mosaique.liste-medias div.media .selections > a.galerie { display:none; }
#share-mosaique.liste-medias div.media .selections > a.lot { display:none; }
#share-mosaique.liste-medias div.media .actions .bandeau > a.galerie { display:none; }
#share-mosaique.liste-medias div.media .actions .bandeau > a.partager { display:none; }
#share-mosaique.liste-medias div.media .actions .bandeau > a.lot { display:none; }

#share-mosaique.liste-medias div.media .actions .bandeau > a.panier { left:0.2em; }
#share-mosaique.liste-medias div.media .actions .infobulle > span.panier:before { left:0.2em; }
#share-mosaique.liste-medias div.media .actions .bandeau > a.maquette { right:2.4em; }
#share-mosaique.liste-medias div.media .actions .bandeau > a.downcrypt { right:2.4em; }
#share-mosaique.liste-medias div.media .actions .infobulle > span.maquette:before { right:2.4em; }


aside#share { display:none; z-index:99999; position:fixed; left:0; top:0; width:100%; height:100%; }
aside#share.show { display:block; }
aside#share .mask { display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:all 1000ms; background-color:rgba(0,0,0,0.8); }
aside#share.show .mask { opacity:1; }
aside#share .close { position:absolute; right:1rem; top:1rem; height:1rem; width:1rem; }
aside#share .close svg { position:absolute; top:0; left:0; width:100%; height:100%; }

aside#share div.content { font-size:0; position:relative; left:50%; top:50%; transform:translate(-50%,-50%); background-color:rgba(255,255,255,1); width:40%; min-height:40%; max-height:80%; padding:2rem; }

aside#share h2 { font-size:1.2rem; font-weight:400; text-transform:uppercase; padding-bottom:2em; }

aside#share form { display:none; font-size:0; }
aside#share form.show { display:block; }

aside#share form label { font-size:0.7rem; font-weight:200; text-transform:uppercase; width:50%; padding:0.5rem 0.5rem 0 0; }
aside#share form label > span { display:inline-block; padding-left:0.5rem; padding-bottom:0.2rem; }
aside#share form label.message { width:100%; }
aside#share form label.consentementrgpd { width:100%; font-size:0.7rem; text-transform:none; padding-top:0; padding-bottom:0.5rem; }
aside#share form button { width:100%; font-size:1rem; margin-top:1rem; border:1px solid rgba(42,154,63,1); background-color:rgba(42,154,63,1); color:rgba(255,255,255,1); }
body.desktop aside#share form button:hover { border:1px solid rgba(52,194,79,1); background-color:rgba(52,194,79,1); }
aside#share form .asterisque { font-size:0.6rem !important; font-weight:200 !important; }

aside#share form input { padding-top:1rem !important; padding-bottom:1rem !important; }

aside#share form label.consentementrgpd { font-size:0.6rem !important; margin-bottom:2em !important; position:relative; text-align:left; }
aside#share form label.consentementrgpd input[type="checkbox"] { font-size:1em !important; position:absolute !important; padding-top:0 !important; padding-bottom:0 !important; position:relative !important; left:0 !important; top:2em !important; transform:scale(1) !important; }
aside#share form label.consentementrgpd input[type="checkbox"] + span { font-size:1em !important; padding-left:3em !important; text-align:left !important; display:inline-block; }
aside#share form label.consentementrgpd input[type="checkbox"] + span:before { top:0.4em !important; left:0.25em !important; width:1.8em !important; height:1.8em !important; border:1px solid rgba(153,153,153,1) !important; border-radius:15% !important; }
aside#share form label.consentementrgpd input[type="checkbox"] + span:after { top:0.5em !important; left:0.35em !important; width:1.6em !important; height:1.6em !important; border:1px solid rgba(153,153,153,1) !important; background-color:rgba(153,153,153,1) !important; border-radius:15% !important; }

aside#share div.retour { display:none; font-size:0.9rem; text-align:center; padding:0; margin:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
aside#share div.retour.show { display:block; }



aside#zip { display:none; z-index:99999; position:fixed; left:0; top:0; width:100%; height:100%; }
aside#zip.show { display:block; }
aside#zip .mask { display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:all 1000ms; background-color:rgba(0,0,0,0.8); }
aside#zip.show .mask { opacity:1; }
aside#zip .close { position:absolute; right:1rem; top:1rem; height:1rem; width:1rem; }
aside#zip .close svg { position:absolute; top:0; left:0; width:100%; height:100%; }

aside#zip div.content { font-size:0; position:relative; left:50%; top:50%; transform:translate(-50%,-50%); background-color:rgba(255,255,255,1); width:40%; min-height:40%; max-height:80%; padding:2rem; }

aside#zip h2 { font-size:1.2rem; font-weight:400; text-transform:uppercase; padding-bottom:2em; }

aside#zip form { display:none; font-size:0; }
aside#zip form.show { display:block; }

aside#zip form label { font-size:0.7rem; font-weight:200; text-transform:uppercase; width:50%; padding:0.5rem 0.5rem 0 0; }
aside#zip form label > span { display:inline-block; padding-left:0.5rem; padding-bottom:0.2rem; }
aside#zip form label.message { width:100%; }
aside#zip form button { width:100%; font-size:1rem; margin-top:1rem; border:1px solid rgba(42,154,63,1); background-color:rgba(42,154,63,1); color:rgba(255,255,255,1); }
body.desktop aside#zip form button:hover { border:1px solid rgba(52,194,79,1); background-color:rgba(52,194,79,1); }
aside#zip form .asterisque { font-size:0.6rem !important; font-weight:200 !important; }

aside#zip form input, aside#zip form select { padding-top:0.5em; padding-bottom:0.5em; height:auto; }

aside#zip div.retour { display:none; font-size:0.9rem; text-align:center; padding:0; margin:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
aside#zip div.retour.show { display:block; }


.jconfirm { font-size:0.8rem; }

.adminliste { width:60%; font-size:0.8rem; margin:0 auto; }
.adminliste ul { margin:2em 2em; font-size:0.8rem;  }
.adminliste a { position:relative; display:inline-block; width:1em; height:1em; }

#identification { height:3rem; }
#identification > a { bottom:0.7rem; left:6rem; height:1rem; width:13.44rem; }
#identification > span { left:21rem; bottom:0.6rem; }

#recherche { top:3rem; }
#recherche_avancee > div { top:5.5rem; }
main { margin-top:7rem; }
galerie-content { padding-top:3.5rem; }

#accueil-diaporama > div { left:52%; width:41%; padding:5rem 7rem 5rem 5rem; }


footer > svg { position:absolute; top:-6.5rem; left:-1rem; height:25rem; width:25rem; }
footer > svg path { fill:rgba(66,66,66,1); }


footer .coordonnees { font-size:1rem; padding:1.9em 2.5em; width:auto; height:auto; top:2.9rem; left:18rem; background-color:rgba(48,48,48,1); border:0.3rem solid rgba(188,40,0,1); }
footer .coordonnees div { font-size:0.8em; margin-top:1em; }
footer .coordonnees div.telephone { font-weight:400; margin-top:0; }
footer .coordonnees div.email { font-weight:200; }
footer .coordonnees div.adresse { color:rgba(255,255,255,1); font-weight:200; }

/* ------------------------------------------------------------------------------------------------------------- */
/* RESPONSIVE */

html { font-size:10px; font-size:1vw; }
.liquide { position:relative; width:100%; max-width:100%; transition: all 0.5s linear; }

#en2mots { background-color:rgba(255,255,255,1); width:100%; max-width:2560px; margin:0 auto; position:relative; }

/* AFFICHAGE PANORAMIC */

/* Attention, le style panoramic n'est pas ajouté sur body mais sur html
html.panoramic { left:calc( ( 100% - 2.5 * 100vh ) / 2); width:calc(2.5 * 100vh); font-size:2vh; text-align:center; }
*/


/* AFFICHAGE FONT MAXI */
@media (min-width:2000px) { 

//	html { font-size:20px; }

}

/* AFFICHAGE MAXI */
@media (min-width:2560px) { 

	html { font-size:20px; }
	.liquide { width:2560px; }

	.litebox-overlay .litebox-container { width:2560px; margin-left:auto; margin-right:auto; }
	.litebox-overlay .litebox-inline-html { width:960px; }

}
/* AFFICHAGE NORMAL */
@media (orientation:portrait) and (min-width:801px), (orientation:landscape) and (min-width:501px) {

}
/* AFFICHAGE TABLETTE et PETIT ECRAN */
@media (min-width:801px) and (max-width:1600px) {

//	html { font-size:11px; font-size:1.1vw; }


}
/* AFFICHAGE MOBILE */
@media (orientation:portrait) and (max-width:800px), (max-width:500px) {

	html { font-size:24px; font-size:3vw; }
	.liquide { width:100%; }

	a.ancre { top:-10rem; }

	div.nosmartphone br { display: none; content: ' '; clear:none; }

header { height:5.5rem; }
	header .liquide { width:100%; }

	header #logo { margin:1rem 0 1rem 1rem; width:11.4rem; height:3rem; }
	.scroll header #logo { margin:0.7rem 0 0.5rem 1rem; }

	#identification { height:4rem; }
	#identification > span { display:none; }

	#nav-button { font-size:3rem; cursor:pointer; display:block; color:rgba(188,40,0,1); position:absolute; right:1rem; bottom:0; margin:0; transition: all 0.5s linear; }
	#nav-toggle:checked ~ #menu { max-height:40rem; transition: all 0.5s linear; }
	.scroll #nav-button { bottom:0.5rem; }


	button#menu-show { height:4rem; width:4rem; }
	
	#menu-container { left:-100%; }

	#menu-container #menu-background { width:100%; }
	#menu-container.sousmenu #menu-background { width:100%; }

	#menu-background { background-color:rgba(20,20,20,0.97); }
	#menu-background > div { width:100%; top:4rem; transform:none; }

	ul#menu > li { padding-bottom:1.6rem; }
	ul#menu > li > ul { position:relative; display:block; padding-top:0; top:0; left:0; width:100%; max-width:100%; height:auto; max-height:0; transition:padding-top 50ms linear 500ms, max-height 500ms linear 0ms; }
	body.desktop ul#menu > li:hover > ul, ul#menu > li > button.hover ~ ul { padding-top:1em; max-height:20rem; width:100%; transition:padding-top 50ms linear 0ms, max-height 500ms linear 50ms; }
	body.desktop ul#menu > li.sousarbo:hover > button, ul#menu > li.sousarbo > button.hover { border-color:transparent; }
	ul#menu > li > ul > li { text-align:right; left:0; }
	ul#menu > li > ul > li button { left:0; transition:left 0ms linear 0ms; opacity:1; }

	ul#perso { display:none; }
	ul#perso-menu { display:inline-block; }

main { margin-top:6rem; }

#accueil-diaporama { height:auto; padding-bottom:0; }
#accueil-diaporama > img { position:relative; width:100%; height:auto; }
#accueil-diaporama > div { position:relative; width:100%; height:auto; right:0; left:0; top:0; transform:none; padding:1rem; display:block; margin:0; }
#accueil-diaporama h1 { font-size:1.5rem; text-align:left; padding-bottom:1rem; }
#accueil-diaporama p { font-size:1.2rem; text-align:justify; }

#accueil-mosaique li { width:50%; }

#accueil-boutons h2 { height:7rem; }
#accueil-boutons h2 img { max-width:100%; width:100%; }
.survol { height:5rem; }
.survol img { max-width:100%; width:100%; }
body.desktop .survol:hover img { left:0; top:0; width:100%; max-width:100%; }

.survol.photos, .survol.videos { width:100%; margin: 0 0 1rem 0; border:0; }
.survol.mygreatvision  { width:100%; margin: 0 0 1rem 0; border:0; height:10rem; }
.survol.mygreatvision img { display:none; max-width:100%; width:100%; }
body.desktop .survol.mygreatvision:hover img { width:100%; max-width:100%; }
.survol.mygreatvision button { font-size:2rem; padding:0 1rem; }
.survol.mygreatvision button b { display:block; }

#accueil-satellite { overflow-x:hidden; text-align:center; min-height:20rem; }
#accueil-satellite img { width:100%; max-width:100%; display:none; }
#accueil-satellite > div > span { padding:0 2rem; }
#accueil-satellite > div > a { margin:2rem 0 0 0; }

#accueil-albums .survol { height:7rem; width:100%; margin:0.2rem 0; }
#accueil-albums .survol img { max-width:100%; width:100%; }
body.desktop #accueil-albums .survol:hover img { left:0; top:0; width:100%; max-width:100%; }

#accueil-albumsprives .survol { height:7rem; width:100%; margin:0.2rem 0; }
#accueil-albumsprives .survol img { max-width:100%; width:100%; }
body.desktop #accueil-albumsprives .survol:hover img { left:0; top:0; width:100%; max-width:100%; }


div.recherche_nav:last-of-type { padding-top:7rem; }

.liste-medias div.media .actions .infos, .liste-medias div.media .actions .infobulle { font-size:2rem; }

.liste-medias div.mediamultiliste .visuel { width:100%; }
.liste-medias div.mediamultiliste .infos { width:100%; }
.liste-medias div.mediamultiliste .infos > div { padding-bottom:1.5rem; }
.liste-medias div.mediamultiliste .infos > div > h3 { font-size:1.6rem; width:100%; padding-left:0.5em; }
.liste-medias div.mediamultiliste .infos > div > h3:before { left:0; }
.liste-medias div.mediamultiliste .infos > div > span { font-size:1.6rem; width:100%; padding:0; }
.liste-medias div.mediamultiliste .infos > div > span input { font-size:1.6rem; }
.liste-medias div.mediamultiliste .infos > div > a { font-size:1.2rem; margin-left:0; }

#fiche_media .navigation { width:100%; height:auto; }

#fiche_media .navigation a { position:relative; width:50%; }
#fiche_media .navigation a.retour { position:relative; width:100%; margin-bottom:2em; }
#fiche_media .preview { width:100%; margin:0; padding:0; }
#fiche_media .infos { width:100%; padding:2rem 5% 0 5%; text-align:left; }
#fiche_media .actions button { display:block; border-left:0; margin:1em 0; padding:0.4em 1em 0.4em 3em; }
#fiche_media .actions button.masquer { display:none; }
#fiche_media .actions button svg { left:0; }
#fiche_media .actions > div { text-align:left; display:block; border-left:0; margin:1em 0; }
#fiche_media .actions > div span { text-align:left; border-left:0; margin:0; padding-left:3.2em; }
#fiche_media .actions > div > span svg { left:0; }

#page-authentification h1, #page-inscription h1, #page-compte h1, #page-oublipassword h1, #page-changepassword h1 { width:100%; }
#ul-auth { width:100%; }
form.formauth { width:100%; }

#panier-nav { width:100%; height:auto; }
#panier-nav li { width:100% !important; height:3rem; border-bottom:1px solid #393939; }
#panier-nav li a, #panier-nav li span { position:relative; display:block; border:0; height:auto; top:50%; transform:translateY(-50%); }

#panier-content { width:100%; }

#panier-mosaique.liste-medias .visuel { position:relative; display:block; width:100%; height:auto; }
#panier-mosaique.liste-medias .infos { position:relative; display:block; width:100%; height:auto; margin:1rem 0; }
#panier-mosaique.liste-medias .actions { position:relative; display:block; width:100%; height:auto; }
#panier-mosaique li { height:auto; }

#form-checkout .intitule { width:100%; text-align:left; margin-bottom:2em; line-height:1.2em; }
#form-checkout .choix { width:100%; }
#form-checkout label { width:100%; }

#form-checkout > div:last-of-type { padding-top:6rem; }
#form-checkout .infos { position:absolute; left:0; top:0; right:0; height:auto; width:auto; margin:0; padding:0.5rem 1rem; }
#form-checkout a { width:49%; margin-right:1%;}
#form-checkout button { width:49%; margin-left:1%; }

#panier-content.order div { padding:5rem 0; }

ul#galerie-liste li > div h2 { text-align:left; }

#galerie-nav { height:auto; }
#galerie-nav div { margin-top:2rem; }
#galerie-nav a { width:100%; margin-bottom:0.5rem; }
#galerie-content { padding-top:2rem; }
a#galerie-retour { top:16.5rem; }

#galerie-head div.actionsgalerie > button { margin-left:0; border-left:0; padding-left:3.2em; display:block; }
#galerie-head div.actionsgalerie > button svg { left:0; }
#galerie-head div.actionsgalerie > div { margin-left:0; border-left:0; display:block; }
#galerie-head div.actionsgalerie > div.move > span { padding-left:3.2em; }
#galerie-head div.actionsgalerie > div.move > span svg { left:0; }
#galerie-head div.actionsgalerie > div.burger { margin-left:0; border-left:0; display:block; }

div.avertissement { width:80%; }

#commande-nav { width:100%; height:auto; }
#commande-nav li { width:100% !important; height:3rem; border-bottom:1px solid #393939; }
#commande-nav li a, #commande-nav li span { position:relative; display:block; border:0; height:auto; top:50%; transform:translateY(-50%); }

#commande-content { width:100%; }

#commande-mosaique.liste-medias .visuel { position:relative; display:block; width:100%; height:auto; }
#commande-mosaique.liste-medias .infos { position:relative; display:block; width:100%; height:auto; margin:1rem 0; }
#commande-mosaique.liste-medias .actions { position:relative; display:block; width:100%; height:auto; }
#commande-mosaique li { height:auto; }


#dashboard-nav { width:100%; height:auto; }
#dashboard-nav li { width:100% !important; height:3rem; border-bottom:1px solid #393939; }
#dashboard-nav li a, #dashboard-nav li span { position:relative; display:block; border:0; height:auto; top:50%; transform:translateY(-50%); }

#liste-order li > form { height:auto; padding-bottom:2rem; margin-bottom:2rem; }
#liste-order li > form a, #liste-order li > form span, #liste-order li > form label { top:0; transform:unset; text-align:center; font-size:1.3rem; }
#liste-order li > form a.numorder { width:100%; }
#liste-order li > form span.dateorder { width:25%; }
#liste-order li > form span.fullname { width:75%; }
#liste-order li > form span.count { width:50%; }
#liste-order li > form span.utilisation { width:50%; }
#liste-order li > form label.status { width:100%; }

#dashboard-content { width:100%; }

#selection-order { width:100%; }
#form-orderdetail { width:100%; font-size:1.6rem; }

#selection-lot { width:100%; }
#form-lot { width:100%; }
#lot-vignettes { display:none; }

button#recherche-show { height:4rem; width:4rem; display:block; opacity:1; z-index:2000; position:absolute; top:0; right:0; background-color:rgba(255,255,255,1); transition:background-color 300ms linear; }
button#recherche-show img, button#recherche-show svg { position:absolute; display:block; margin:0; padding:0; width:45%; height:45%; left:50%; top:50%; transform: translate(-50%, -50%); }
button#recherche-show path { fill:rgba(188,40,0,1); transition:fill 300ms ease; }
body.desktop button#recherche-show:hover { text-decoration:none; }

button#recherche-hide { height:4rem; width:4rem; display:block; opacity:1; position:absolute; top:0; left:0; }
button#recherche-hide img, button#recherche-hide svg { position:absolute; display:block; margin:0; padding:0; width:40%; height:40%; left:50%; top:50%; transform: translate(-50%, -50%); }
button#recherche-hide path { fill:rgba(188,40,0,1); transition:fill 300ms ease; }
body.desktop button#recherche-hide:hover { text-decoration:none; }
body.desktop button#recherche-hide:hover path { fill:rgba(255,255,255,1); }


form#recherche { z-index:3000; overflow:hidden; overflow-y:auto; position:fixed; margin:0; display:block; top:0; left:100%; height:100%; width:0; opacity:1; transition:width 0ms linear 500ms, left 500ms linear 0ms; background-color:rgba(20,20,20,0.97); padding:6rem 1rem 0 1rem; }
form#recherche.show { left:0; width:100%; transition:width 0ms linear 0ms, left 500ms linear 0ms; }

form#recherche div.selectbox > label { font-size:0; margin:0 0 2rem 0; padding:0; transform:none; top:0; width:100%; height:1.5rem; }
form#recherche div.selectbox > label > span { font-size:1.3rem; display:inline-block; width:40%; }
form#recherche div.cs-skin { font-size:1.3rem; display:inline-block; width:60%; }
form#recherche div.cs-placeholder { z-index:9990; }
form#recherche div.cs-options { z-index:9999; max-height:10em; max-width:90%; }

#recherche_types { position:absolute; top:0; right:0; width:13rem; height:5rem; margin:0; padding:0; display:inline-block; background-color:transparent; border:0; }
#recherche_types li { font-size:2.2rem; }
#recherche_types li:first-of-type { left:0.5em; }
#recherche_types li:last-of-type { left:3em; padding-left:0.3em; width:2.5em; }
#recherche_types li span { display:none; }
#recherche_albums { z-index:10; position:relative; width:100%; height:auto; display:inline-block; background-color:transparent; border:0; }
#recherche_collections { z-index:9; position:relative; width:100%; height:auto; display:inline-block; background-color:transparent; border:0; }
#recherche_rapide { position:relative; width:100%; height:auto; display:block; background-color:transparent; border:0; margin:0 0 8rem 0; padding:1rem 0; }
#recherche_rapide input { font-size:2em; left:0; width:100%; transform:none; top:0; background-color:rgba(222,222,222,1); color:rgba(20,20,20,1); padding-left:2em !important; }
#recherche_rapide label.picto { z-index:1; padding:0; margin-left:0.8em; height:2em; width:2em; border:0; }
#recherche_rapide path { fill:rgba(20,20,20,1); }
#recherche_rapide button { top:calc(100% + 2rem); width:100%; margin:0; padding:0.5em 0; font-size:1.5rem; }
	
#recherche_avancee { font-size:2rem; position:relative; width:100%; height:auto; display:block; background-color:transparent; border:0; }
#recherche_avancee > div { position:relative; width:100%; height:auto; top:0; display:block; background-color:transparent; border:0; }
#recherche_avancee.visible > div { max-height:100rem; }
#recherche_avancee > button.showhide { position:relative; width:100%; height:5rem; top:0; transform:none; display:block; background-color:transparent; border:0; max-height:unset !important; overflow:visible !important; margin:2rem 0; }
#recherche_avancee > button.showhide span { position:relative; width:auto; height:auto; display:inline-block; background-color:transparent !important; border:0; margin:0; padding:0; }
#recherche_avancee > button.showhide span.libelle { top:50%; transform:translateY(-50%); height: calc(100% - 0.4em); padding:1em 0; margin:0; }
#recherche_avancee > button.showhide span.picto { opacity:1; top:50%; transform:translateY(-50%) rotate(45deg); max-width:2.5em; border-left:0; transition:transform 300ms ease; height: calc(100% - 0.4em); padding:1em 0; margin:0; }
#recherche_avancee.visible > button.showhide span.picto { transform:translateY(-50%) rotate(0deg); max-width:2.5em; border-left:0; }
#recherche_avancee > button.showhide span.picto svg { height:1rem; }
#recherche_avancee .criteres { z-index:8; position:relative; width:100%; top:0; transform:none; display:block; background-color:transparent; border:0; padding:0 0 2rem 0; }
#recherche_avancee .criteres > div { position:relative; width:100%; top:0; transform:none; display:block; background-color:transparent; border:0; padding:0 0 1.5rem 0; height:auto; }
#recherche_avancee .criteres > div:nth-of-type(1), #recherche_avancee .criteres > div:nth-of-type(4) { width:100%; }
#recherche_avancee .criteres > div > span { font-size:1.3em; position:relative; width:100%; top:0; transform:none; display:block; background-color:transparent; border:0; height:auto; padding-bottom:1em; }
#recherche_avancee .criteres > div > label { font-size:1.2em; padding-bottom:0.5em; top:0; transform:none; }
#recherche_avancee .criteres > div.selectbox > label > div { font-size:1.3rem; }
#recherche_avancee .criteres > div.selectbox { padding:0; width:100%; }
#recherche_avancee .criteres > div.selectbox > label { font-size:0; margin:0 0 2rem 0; padding:0; transform:none; top:0; width:100%; height:1.5rem; }
#recherche_avancee .criteres > div.selectbox > label > span { font-size:1.3rem; display:inline-block; width:25%; }
#recherche_avancee .criteres > div.cs-skin { font-size:1.3rem; display:inline-block; width:75%; }
#recherche_avancee .lieu div.cs-skin, #recherche_avancee .date div.cs-skin { width:75%; }
#recherche_avancee button { font-size:1.5em; padding:0.5em 0; position:relative; right:unset !important; width:100%; margin:1rem 0 0 0; }
#recherche_avancee button[type=submit] { background-color:#fff; }
#recherche_avancee > button.showhide { color:rgba(188,40,0,1); }

div.recherche_nav .nombre { font-size:1.2rem; }
div.recherche_nav .pagination span { font-size:1.2rem; }

#page-contact h1 { width:100%; }
#form-contact { width:100%; }

ul#ariane { display:none; top:0; opacity:0; max-height:0; transition: all 0s linear; }

	footer { text-align:center; min-height:28rem; height:auto; }
	footer .logo { position:relative; display:block; margin:2rem 0; width:16rem; top:0; left:50%; transform:translateX(-50%); }
	footer .contact { margin:0 2rem; }
	footer .greatvision { position:relative; display:block; margin:4rem 0 2rem 0; width:16rem; height:10rem; top:0; left:50%; right:0; transform:translateX(-50%); }
	
footer > svg { top:-7.5rem; left:-11rem; height:35rem; width:auto; }

footer .coordonnees { position:relative; font-size:1.4rem; top:0; left:0; margin:0 auto; padding:1.9em 2em; width:100%; }
footer .coordonnees div.telephone { font-size:1.6rem; }
footer .coordonnees div.email { font-size:1.2rem; }
footer .coordonnees div.adresse { font-size:1.4rem; }

#sociaux { font-size:1rem; display:block; margin:1rem auto 0 auto; top:unset; }
#sociaux > li { margin:0 1rem 0 0; }
#sociaux > li a { font-size:1.3rem;  }

#copyright { font-size:1.1rem; height:5rem; line-height:1.2em; }

	h1 { text-align:center; font-size:3rem; }
	h2 { text-align:center; font-size:3rem; }
	h3 { text-align:center; }
	
	#form-contact label { width:100%; padding:0; }
	
	#div-auth { width:100%; }
div.retour { width:100%; }
form div.intro { width:100%; }

#mygreatvision > div { position: relative; display: block; transform: none; top: 0; width: 100%; left: 0; }


aside#share div.content { width:95% }
aside#share form label { width:100%; }

/* Pour éviter un zoom sur l'iphone qd on clique sur un champ de saisie */
/*
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		textarea,input,select { font-size: 16px !important; padding:0 5px !important; line-height:20px !important; }
		input,select { height:28px !important; }
	}
*/
}

/* AFFICHAGE MINI */
@media (max-width:300px) { 
	body { overflow-x:scroll; }
	html { font-size:9px; }
	#en2mots { width:300px; }
	header { width:300px; position:relative; }
	main { width:300px; margin-top:0 !important; }
	footer { width:300px; }
}
/* ------------------------------------------------------------------------------------------------------------- */
/* RESPONSIVE */

/* AFFICHAGE MOBILE */
@media (orientation:portrait) and (max-width:800px), (max-width:500px) {

footer .coordonnees { width:20rem; margin-top:4rem; }

}
/* ------------------------------------------------------------------------------------------------------------- */
/* RESPONSIVE */

html { font-size:10px; font-size:1vw; }
.liquide { position:relative; width:100%; max-width:100%; transition: all 0.5s linear; }

#en2mots { background-color:rgba(255,255,255,1); width:100%; max-width:2560px; margin:0 auto; position:relative; }

/* AFFICHAGE PANORAMIC */

/* Attention, le style panoramic n'est pas ajouté sur body mais sur html
html.panoramic { left:calc( ( 100% - 2.5 * 100vh ) / 2); width:calc(2.5 * 100vh); font-size:2vh; text-align:center; }
*/


/* AFFICHAGE FONT MAXI */
@media (min-width:2000px) { 

//	html { font-size:20px; }

}

/* AFFICHAGE MAXI */
@media (min-width:2560px) { 

	html { font-size:20px; }
	.liquide { width:2560px; }

	.litebox-overlay .litebox-container { width:2560px; margin-left:auto; margin-right:auto; }
	.litebox-overlay .litebox-inline-html { width:960px; }

}
/* AFFICHAGE NORMAL */
@media (orientation:portrait) and (min-width:801px), (orientation:landscape) and (min-width:501px) {

}
/* AFFICHAGE TABLETTE et PETIT ECRAN */
@media (min-width:801px) and (max-width:1600px) {

//	html { font-size:11px; font-size:1.1vw; }


}
/* AFFICHAGE MOBILE */
@media (orientation:portrait) and (max-width:800px), (max-width:500px) {

	html { font-size:24px; font-size:3vw; }
	.liquide { width:100%; }

	a.ancre { top:-10rem; }

	div.nosmartphone br { display: none; content: ' '; clear:none; }

header { height:5.5rem; }
	header .liquide { width:100%; }

	header #logo { margin:1rem 0 1rem 1rem; width:11.4rem; height:3rem; }
	.scroll header #logo { margin:0.7rem 0 0.5rem 1rem; }

	#identification { height:4rem; }
	#identification > span { display:none; }

	#nav-button { font-size:3rem; cursor:pointer; display:block; color:rgba(188,40,0,1); position:absolute; right:1rem; bottom:0; margin:0; transition: all 0.5s linear; }
	#nav-toggle:checked ~ #menu { max-height:40rem; transition: all 0.5s linear; }
	.scroll #nav-button { bottom:0.5rem; }


	button#menu-show { height:4rem; width:4rem; }
	
	#menu-container { left:-100%; }

	#menu-container #menu-background { width:100%; }
	#menu-container.sousmenu #menu-background { width:100%; }

	#menu-background { background-color:rgba(20,20,20,0.97); }
	#menu-background > div { width:100%; top:4rem; transform:none; }

	ul#menu > li { padding-bottom:1.6rem; }
	ul#menu > li > ul { position:relative; display:block; padding-top:0; top:0; left:0; width:100%; max-width:100%; height:auto; max-height:0; transition:padding-top 50ms linear 500ms, max-height 500ms linear 0ms; }
	body.desktop ul#menu > li:hover > ul, ul#menu > li > button.hover ~ ul { padding-top:1em; max-height:20rem; width:100%; transition:padding-top 50ms linear 0ms, max-height 500ms linear 50ms; }
	body.desktop ul#menu > li.sousarbo:hover > button, ul#menu > li.sousarbo > button.hover { border-color:transparent; }
	ul#menu > li > ul > li { text-align:right; left:0; }
	ul#menu > li > ul > li button { left:0; transition:left 0ms linear 0ms; opacity:1; }

	ul#perso { display:none; }
	ul#perso-menu { display:inline-block; }

main { margin-top:6rem; }

#accueil-diaporama { height:auto; padding-bottom:0; }
#accueil-diaporama > img { position:relative; width:100%; height:auto; }
#accueil-diaporama > div { position:relative; width:100%; height:auto; right:0; left:0; top:0; transform:none; padding:1rem; display:block; margin:0; }
#accueil-diaporama h1 { font-size:1.5rem; text-align:left; padding-bottom:1rem; }
#accueil-diaporama p { font-size:1.2rem; text-align:justify; }

#accueil-mosaique li { width:50%; }

#accueil-boutons h2 { height:7rem; }
#accueil-boutons h2 img { max-width:100%; width:100%; }
.survol { height:5rem; }
.survol img { max-width:100%; width:100%; }
body.desktop .survol:hover img { left:0; top:0; width:100%; max-width:100%; }

.survol.photos, .survol.videos { width:100%; margin: 0 0 1rem 0; border:0; }
.survol.mygreatvision  { width:100%; margin: 0 0 1rem 0; border:0; height:10rem; }
.survol.mygreatvision img { display:none; max-width:100%; width:100%; }
body.desktop .survol.mygreatvision:hover img { width:100%; max-width:100%; }
.survol.mygreatvision button { font-size:2rem; padding:0 1rem; }
.survol.mygreatvision button b { display:block; }

#accueil-satellite { overflow-x:hidden; text-align:center; min-height:20rem; }
#accueil-satellite img { width:100%; max-width:100%; display:none; }
#accueil-satellite > div > span { padding:0 2rem; }
#accueil-satellite > div > a { margin:2rem 0 0 0; }

#accueil-albums .survol { height:7rem; width:100%; margin:0.2rem 0; }
#accueil-albums .survol img { max-width:100%; width:100%; }
body.desktop #accueil-albums .survol:hover img { left:0; top:0; width:100%; max-width:100%; }

#accueil-albumsprives .survol { height:7rem; width:100%; margin:0.2rem 0; }
#accueil-albumsprives .survol img { max-width:100%; width:100%; }
body.desktop #accueil-albumsprives .survol:hover img { left:0; top:0; width:100%; max-width:100%; }


div.recherche_nav:last-of-type { padding-top:7rem; }

.liste-medias div.media .actions .infos, .liste-medias div.media .actions .infobulle { font-size:2rem; }

.liste-medias div.mediamultiliste .visuel { width:100%; }
.liste-medias div.mediamultiliste .infos { width:100%; }
.liste-medias div.mediamultiliste .infos > div { padding-bottom:1.5rem; }
.liste-medias div.mediamultiliste .infos > div > h3 { font-size:1.6rem; width:100%; padding-left:0.5em; }
.liste-medias div.mediamultiliste .infos > div > h3:before { left:0; }
.liste-medias div.mediamultiliste .infos > div > span { font-size:1.6rem; width:100%; padding:0; }
.liste-medias div.mediamultiliste .infos > div > span input { font-size:1.6rem; }
.liste-medias div.mediamultiliste .infos > div > a { font-size:1.2rem; margin-left:0; }

#fiche_media .navigation { width:100%; height:auto; }

#fiche_media .navigation a { position:relative; width:50%; }
#fiche_media .navigation a.retour { position:relative; width:100%; margin-bottom:2em; }
#fiche_media .preview { width:100%; margin:0; padding:0; }
#fiche_media .infos { width:100%; padding:2rem 5% 0 5%; text-align:left; }
#fiche_media .actions button { display:block; border-left:0; margin:1em 0; padding:0.4em 1em 0.4em 3em; }
#fiche_media .actions button.masquer { display:none; }
#fiche_media .actions button svg { left:0; }
#fiche_media .actions > div { text-align:left; display:block; border-left:0; margin:1em 0; }
#fiche_media .actions > div span { text-align:left; border-left:0; margin:0; padding-left:3.2em; }
#fiche_media .actions > div > span svg { left:0; }

#page-authentification h1, #page-inscription h1, #page-compte h1, #page-oublipassword h1, #page-changepassword h1 { width:100%; }
#ul-auth { width:100%; }
form.formauth { width:100%; }

#panier-nav { width:100%; height:auto; }
#panier-nav li { width:100% !important; height:3rem; border-bottom:1px solid #393939; }
#panier-nav li a, #panier-nav li span { position:relative; display:block; border:0; height:auto; top:50%; transform:translateY(-50%); }

#panier-content { width:100%; }

#panier-mosaique.liste-medias .visuel { position:relative; display:block; width:100%; height:auto; }
#panier-mosaique.liste-medias .infos { position:relative; display:block; width:100%; height:auto; margin:1rem 0; }
#panier-mosaique.liste-medias .actions { position:relative; display:block; width:100%; height:auto; }
#panier-mosaique li { height:auto; }

#form-checkout .intitule { width:100%; text-align:left; margin-bottom:2em; line-height:1.2em; }
#form-checkout .choix { width:100%; }
#form-checkout label { width:100%; }

#form-checkout > div:last-of-type { padding-top:6rem; }
#form-checkout .infos { position:absolute; left:0; top:0; right:0; height:auto; width:auto; margin:0; padding:0.5rem 1rem; }
#form-checkout a { width:49%; margin-right:1%;}
#form-checkout button { width:49%; margin-left:1%; }

#panier-content.order div { padding:5rem 0; }

ul#galerie-liste li > div h2 { text-align:left; }

#galerie-nav { height:auto; }
#galerie-nav div { margin-top:2rem; }
#galerie-nav a { width:100%; margin-bottom:0.5rem; }
#galerie-content { padding-top:2rem; }
a#galerie-retour { top:16.5rem; }

#galerie-head div.actionsgalerie > button { margin-left:0; border-left:0; padding-left:3.2em; display:block; }
#galerie-head div.actionsgalerie > button svg { left:0; }
#galerie-head div.actionsgalerie > div { margin-left:0; border-left:0; display:block; }
#galerie-head div.actionsgalerie > div.move > span { padding-left:3.2em; }
#galerie-head div.actionsgalerie > div.move > span svg { left:0; }
#galerie-head div.actionsgalerie > div.burger { margin-left:0; border-left:0; display:block; }

div.avertissement { width:80%; }

#commande-nav { width:100%; height:auto; }
#commande-nav li { width:100% !important; height:3rem; border-bottom:1px solid #393939; }
#commande-nav li a, #commande-nav li span { position:relative; display:block; border:0; height:auto; top:50%; transform:translateY(-50%); }

#commande-content { width:100%; }

#commande-mosaique.liste-medias .visuel { position:relative; display:block; width:100%; height:auto; }
#commande-mosaique.liste-medias .infos { position:relative; display:block; width:100%; height:auto; margin:1rem 0; }
#commande-mosaique.liste-medias .actions { position:relative; display:block; width:100%; height:auto; }
#commande-mosaique li { height:auto; }


#dashboard-nav { width:100%; height:auto; }
#dashboard-nav li { width:100% !important; height:3rem; border-bottom:1px solid #393939; }
#dashboard-nav li a, #dashboard-nav li span { position:relative; display:block; border:0; height:auto; top:50%; transform:translateY(-50%); }

#liste-order li > form { height:auto; padding-bottom:2rem; margin-bottom:2rem; }
#liste-order li > form a, #liste-order li > form span, #liste-order li > form label { top:0; transform:unset; text-align:center; font-size:1.3rem; }
#liste-order li > form a.numorder { width:100%; }
#liste-order li > form span.dateorder { width:25%; }
#liste-order li > form span.fullname { width:75%; }
#liste-order li > form span.count { width:50%; }
#liste-order li > form span.utilisation { width:50%; }
#liste-order li > form label.status { width:100%; }

#dashboard-content { width:100%; }

#selection-order { width:100%; }
#form-orderdetail { width:100%; font-size:1.6rem; }

#selection-lot { width:100%; }
#form-lot { width:100%; }
#lot-vignettes { display:none; }

button#recherche-show { height:4rem; width:4rem; display:block; opacity:1; z-index:2000; position:absolute; top:0; right:0; background-color:rgba(255,255,255,1); transition:background-color 300ms linear; }
button#recherche-show img, button#recherche-show svg { position:absolute; display:block; margin:0; padding:0; width:45%; height:45%; left:50%; top:50%; transform: translate(-50%, -50%); }
button#recherche-show path { fill:rgba(188,40,0,1); transition:fill 300ms ease; }
body.desktop button#recherche-show:hover { text-decoration:none; }

button#recherche-hide { height:4rem; width:4rem; display:block; opacity:1; position:absolute; top:0; left:0; }
button#recherche-hide img, button#recherche-hide svg { position:absolute; display:block; margin:0; padding:0; width:40%; height:40%; left:50%; top:50%; transform: translate(-50%, -50%); }
button#recherche-hide path { fill:rgba(188,40,0,1); transition:fill 300ms ease; }
body.desktop button#recherche-hide:hover { text-decoration:none; }
body.desktop button#recherche-hide:hover path { fill:rgba(255,255,255,1); }


form#recherche { z-index:3000; overflow:hidden; overflow-y:auto; position:fixed; margin:0; display:block; top:0; left:100%; height:100%; width:0; opacity:1; transition:width 0ms linear 500ms, left 500ms linear 0ms; background-color:rgba(20,20,20,0.97); padding:6rem 1rem 0 1rem; }
form#recherche.show { left:0; width:100%; transition:width 0ms linear 0ms, left 500ms linear 0ms; }

form#recherche div.selectbox > label { font-size:0; margin:0 0 2rem 0; padding:0; transform:none; top:0; width:100%; height:1.5rem; }
form#recherche div.selectbox > label > span { font-size:1.3rem; display:inline-block; width:40%; }
form#recherche div.cs-skin { font-size:1.3rem; display:inline-block; width:60%; }
form#recherche div.cs-placeholder { z-index:9990; }
form#recherche div.cs-options { z-index:9999; max-height:10em; max-width:90%; }

#recherche_types { position:absolute; top:0; right:0; width:13rem; height:5rem; margin:0; padding:0; display:inline-block; background-color:transparent; border:0; }
#recherche_types li { font-size:2.2rem; }
#recherche_types li:first-of-type { left:0.5em; }
#recherche_types li:last-of-type { left:3em; padding-left:0.3em; width:2.5em; }
#recherche_types li span { display:none; }
#recherche_albums { z-index:10; position:relative; width:100%; height:auto; display:inline-block; background-color:transparent; border:0; }
#recherche_collections { z-index:9; position:relative; width:100%; height:auto; display:inline-block; background-color:transparent; border:0; }
#recherche_rapide { position:relative; width:100%; height:auto; display:block; background-color:transparent; border:0; margin:0 0 8rem 0; padding:1rem 0; }
#recherche_rapide input { font-size:2em; left:0; width:100%; transform:none; top:0; background-color:rgba(222,222,222,1); color:rgba(20,20,20,1); padding-left:2em !important; }
#recherche_rapide label.picto { z-index:1; padding:0; margin-left:0.8em; height:2em; width:2em; border:0; }
#recherche_rapide path { fill:rgba(20,20,20,1); }
#recherche_rapide button { top:calc(100% + 2rem); width:100%; margin:0; padding:0.5em 0; font-size:1.5rem; }
	
#recherche_avancee { font-size:2rem; position:relative; width:100%; height:auto; display:block; background-color:transparent; border:0; }
#recherche_avancee > div { position:relative; width:100%; height:auto; top:0; display:block; background-color:transparent; border:0; }
#recherche_avancee.visible > div { max-height:100rem; }
#recherche_avancee > button.showhide { position:relative; width:100%; height:5rem; top:0; transform:none; display:block; background-color:transparent; border:0; max-height:unset !important; overflow:visible !important; margin:2rem 0; }
#recherche_avancee > button.showhide span { position:relative; width:auto; height:auto; display:inline-block; background-color:transparent !important; border:0; margin:0; padding:0; }
#recherche_avancee > button.showhide span.libelle { top:50%; transform:translateY(-50%); height: calc(100% - 0.4em); padding:1em 0; margin:0; }
#recherche_avancee > button.showhide span.picto { opacity:1; top:50%; transform:translateY(-50%) rotate(45deg); max-width:2.5em; border-left:0; transition:transform 300ms ease; height: calc(100% - 0.4em); padding:1em 0; margin:0; }
#recherche_avancee.visible > button.showhide span.picto { transform:translateY(-50%) rotate(0deg); max-width:2.5em; border-left:0; }
#recherche_avancee > button.showhide span.picto svg { height:1rem; }
#recherche_avancee .criteres { z-index:8; position:relative; width:100%; top:0; transform:none; display:block; background-color:transparent; border:0; padding:0 0 2rem 0; }
#recherche_avancee .criteres > div { position:relative; width:100%; top:0; transform:none; display:block; background-color:transparent; border:0; padding:0 0 1.5rem 0; height:auto; }
#recherche_avancee .criteres > div:nth-of-type(1), #recherche_avancee .criteres > div:nth-of-type(4) { width:100%; }
#recherche_avancee .criteres > div > span { font-size:1.3em; position:relative; width:100%; top:0; transform:none; display:block; background-color:transparent; border:0; height:auto; padding-bottom:1em; }
#recherche_avancee .criteres > div > label { font-size:1.2em; padding-bottom:0.5em; top:0; transform:none; }
#recherche_avancee .criteres > div.selectbox > label > div { font-size:1.3rem; }
#recherche_avancee .criteres > div.selectbox { padding:0; width:100%; }
#recherche_avancee .criteres > div.selectbox > label { font-size:0; margin:0 0 2rem 0; padding:0; transform:none; top:0; width:100%; height:1.5rem; }
#recherche_avancee .criteres > div.selectbox > label > span { font-size:1.3rem; display:inline-block; width:25%; }
#recherche_avancee .criteres > div.cs-skin { font-size:1.3rem; display:inline-block; width:75%; }
#recherche_avancee .lieu div.cs-skin, #recherche_avancee .date div.cs-skin { width:75%; }
#recherche_avancee button { font-size:1.5em; padding:0.5em 0; position:relative; right:unset !important; width:100%; margin:1rem 0 0 0; }
#recherche_avancee button[type=submit] { background-color:#fff; }
#recherche_avancee > button.showhide { color:rgba(188,40,0,1); }

div.recherche_nav .nombre { font-size:1.2rem; }
div.recherche_nav .pagination span { font-size:1.2rem; }

#page-contact h1 { width:100%; }
#form-contact { width:100%; }

ul#ariane { display:none; top:0; opacity:0; max-height:0; transition: all 0s linear; }

	footer { text-align:center; min-height:28rem; height:auto; }
	footer .logo { position:relative; display:block; margin:2rem 0; width:16rem; top:0; left:50%; transform:translateX(-50%); }
	footer .contact { margin:0 2rem; }
	footer .greatvision { position:relative; display:block; margin:4rem 0 2rem 0; width:16rem; height:10rem; top:0; left:50%; right:0; transform:translateX(-50%); }
	
footer > svg { top:-7.5rem; left:-11rem; height:35rem; width:auto; }

footer .coordonnees { position:relative; font-size:1.4rem; top:0; left:0; margin:0 auto; padding:1.9em 2em; width:100%; }
footer .coordonnees div.telephone { font-size:1.6rem; }
footer .coordonnees div.email { font-size:1.2rem; }
footer .coordonnees div.adresse { font-size:1.4rem; }

#sociaux { font-size:1rem; display:block; margin:1rem auto 0 auto; top:unset; }
#sociaux > li { margin:0 1rem 0 0; }
#sociaux > li a { font-size:1.3rem;  }

#copyright { font-size:1.1rem; height:5rem; line-height:1.2em; }

	h1 { text-align:center; font-size:3rem; }
	h2 { text-align:center; font-size:3rem; }
	h3 { text-align:center; }
	
	#form-contact label { width:100%; padding:0; }
	
	#div-auth { width:100%; }
div.retour { width:100%; }
form div.intro { width:100%; }

#mygreatvision > div { position: relative; display: block; transform: none; top: 0; width: 100%; left: 0; }


aside#share div.content { width:95% }
aside#share form label { width:100%; }

/* Pour éviter un zoom sur l'iphone qd on clique sur un champ de saisie */
/*
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		textarea,input,select { font-size: 16px !important; padding:0 5px !important; line-height:20px !important; }
		input,select { height:28px !important; }
	}
*/
}

/* AFFICHAGE MINI */
@media (max-width:300px) { 
	body { overflow-x:scroll; }
	html { font-size:9px; }
	#en2mots { width:300px; }
	header { width:300px; position:relative; }
	main { width:300px; margin-top:0 !important; }
	footer { width:300px; }
}