/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
color: #222;
font-size: 1em;
/*line-height: 1.4;*/
}
/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
*, *::before, *::after {
/*-webkit-box-sizing: content-box;*/
box-sizing: border-box;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Soso's custom styles
========================================================================== */
.menuhaut{
background:white;
box-shadow: none;
width: 100%;
max-width: 1000px;
border: 0;
margin: auto;
z-index: 1;
}
.menuhautgestionnaire{
background:white;
box-shadow: 0px 0px 1px #ccc;
width: 100%;
border: 0;
margin: auto;
/* padding:0 20px; */
z-index: 1;
display: block;
}
.mdl-layout__drawer.menugauche.is-visible{
background: #FAFAFA;
border-right: 1px solid #f0f0f0;
}
.mdl-layout__drawer.menugauche {
background: transparent;
box-shadow: none;
border: 0;
width: 240px;
top: 65px;
}
.menugauche a {
text-decoration: none;
}
.menugaucheicon{
padding:12px 0;
text-align: left;
margin-bottom: 0;
/* margin: auto; */
float: none;
}
.menudroiteicon{margin: 0 0 20px 30px;}
.menuicon:hover {
color: #333 !important;
}
.menuacces {
display: none;
}
.menuacces:focus {
outline:none;
}
.mdl-layout a{
text-decoration: none;
/* display: block; */
}
.menugauche .lien{
display: flex;
align-items: baseline;
/* padding-left:20px; */
/* color: black; */
/* padding: 0px; */
/* font-size:16px; */
}
.menugauche .lien i{
margin-right: 18px;
margin-left:10px;
}
a.mdl-navigation__link.lien {
border: 1px solid transparent;
}
a.mdl-navigation__link.mdl-navigation__link.lien {
padding: 15px 20px;
}
a.mdl-navigation__link.lien:hover {
/* border: 1px solid #ccc; */
}
a.mdl-navigation__link--current.lien:hover {
border: 1px solid transparent;
}
.etatchargementpage{
font-weight: bold;
margin: auto;
width: 100%;
font-size: 2em;
color: dodgerblue;
display: block;
padding: 50px;
}
.barrecherche{
width: 78%;
margin-left:0px;
/* margin-top: 3px; */
max-width: 650px;
/* overflow: hidden; */
/* float: left; */
padding: 0;
position: relative;
border: 1px solid #ccc;
}
.barrerechercheinput{
float:left;
width: 100%;
/* height: 100%; */
/* padding: 1px; */
}
label.mdl-button.mdl-js-button.mdl-button--icon.fixed-header-drawer-exp.barrerechercheicon{
background: #005884;
position:relative;
/* bottom: 0px; */
/* border: 1px solid #ccc; */
border-left: 0;
height: 28px;
border-radius: 0 2px 2px 0;
/* float: left; */
}
.deconnexion{
clear: both;
position: absolute;
bottom: 0;
/* margin: 0 auto; */
/* text-align: center; */
/* border: 2px solid red; */
display: block;
width: 100%;
padding: 0;
}
input#fixed-header-drawer-exp {
background: white;
color: black;
padding-left:5px;
border: none;
width: 100%;
}
label.mdl-button.mdl-js-button.mdl-button--icon {
height: 25px;
border-radius: 0;
background: transparent;
color: #CCC;
width: 20px;
text-align: center;
}
label.mdl-button.mdl-js-button.mdl-button--icon:hover {
color: #fff;
}
.sondageform{
padding: 2%;
max-width:700px;
margin:auto;
border-radius:0;
}
.sondagecarte{
padding: 2%;
width:90%;
max-width:700px;
margin:auto;
border-radius:0;
}
.mdl-card__media {
background:white;
}
.questionform img {
background: white;
height: auto;
width: auto;
max-width: 100%;
display: block;
text-align:center;
margin:auto;
max-height: 350px;
/* float: left; */
}
.choixreponse{
margin: 0 16px;
}
.buttonvalider {
float:right;
}
.mdl-button--colored[disabled][disabled] {
background-color: white;
color: rgba(0,0,0,.26);
box-shadow: none;
}
.actioncompare{
float:left;
margin: 0 0 0 20px;
font-size:1em;
}
.actioncoeur{
float:right;
margin: 0 20px 0 0;
font-size:1em;
}
.labelchoix{
width:100%;
display:block;
}
.sondeveg{
background:#FFF;
}
.sondeveym{
background:#fff;
}
.x.axis{
color:dodgerblue;
fill:#555;
}
.titreform {
/* font-size: 20px; */
/* font-weight: bold; */
color: #333;
padding: 5px;
/* text-transform: uppercase; */
}
.analysetitreform{
color:#333;
text-align:center;
display:block;
width:100%;
margin:0;
padding:0;
}
.pageprincipal{
background-color: #FFF;
overflow-y: scroll;
/* border-top: 1px solid #ccc; */
z-index: 0;
}
body {
/* font-size: 12px; */
font-family: Camphor,Open Sans,Segoe UI,sans-serif;
text-rendering: optimizeLegibility;
}
path {
stroke-width: 4;
fill: none;
}
.axis path,
.axis line {
fill: none;
stroke: grey;
stroke-width: 1;
shape-rendering: crispEdges;
}
.supoption{
cursor:pointer;
}
.page-content{
display: block;
width: 100%;
/* float: left; */
padding: 10px;
background: #FFF;
}
.page-flex{
display: block;
flex-flow: column wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
background: #fff;
height: auto;
padding-top: 10px;
margin: auto;
}
.sbloc{
margin:auto;
}
/*
.sblocon {
margin: 5px 5px;
padding: 5px;
background: white;
width:350px;
}
*/
.sblocon {
/* margin: 5px 5px; */
/* border-radius: 50px; */
/* padding: 5px; */
background: white;
/* width: 350px; */
}
/*
.mdl-card.questionform {
padding: 5px 2px;
width: 32%;
max-width: 300px;
margin: 5px;
border-radius: 0;
}
*/
.mdl-card.questionform{
width:auto;
margin:0;}
.pagemarket{
background:white;
width: 100%;
}
.marketform{
background:white;
width:80%;
display:block;
padding:5%;
margin:auto;
}
/* ===================A SUPPRIMER==========================*/
.lignechoix{
color: #555;
display: block;
position: relative;
/* float: left; */
width: auto;
height: auto;
margin: 7px;
background: #EFF2F8;
border-radius: 5px;
/* padding: 0 2%; */
}
.lignechoix input[type=radio]{
position: absolute;
visibility: hidden;
}
.lignechoix label{
display: block;
position: relative;
font-weight: 300;
font-size: 1em;
padding: 2px 0px 2px 20px;
margin: 0 auto;
height: auto;
/* min-height: 25px; */
z-index: 0;
cursor: pointer;
-webkit-transition: all 0.25s linear;
}
.lignechoix:hover label{
color: #003853;
}
.lignechoix .check{
display: block;
position: absolute;
border: 4px solid #555;
border-radius: 100%;
height: 8px;
width: 8px;
top: 4px;
left: 18px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear;
content: '';
}
.lignechoix:hover .check {
border: 4px solid #005884;
}
.lignechoix input[type=radio]:checked ~ .check {
border: 4px solid #005884;
}
.lignechoix input[type=radio]:checked ~ .check::before{
display: block;
position: absolute;
background: #005884;
content: '✓';
padding:0;
margin:0;
height:100%;
width:100%;
color:white;
font-weight:bold;
font-size: 9px;
line-height:100%;
border:0;
}
.lignechoix input[type=radio]:checked ~ label{
color: #003853;
border: 0;
}
.blocgauchecontenu {
/* background: green; */
width: 210px;
height: 800px;
position:fixed;
float:left;
/* border: 0; */
/* z-index: 0; */
}
.bloccentralcontenu {
float:left;
position:relative;
margin:auto;
margin-left:220px;
max-width: 500px;
width: 100%;
}
.blocdroitecontenu {
width: 300px;
background: white;
height: auto;
position:fixed;
margin-left:730px;
}
.page-flex{
display:block;
width: 100%;
max-width: 1080px;
margin:auto;
}
.barrederecherche {
max-width: 300px;
display: flex;
height: 56px;
align-items: center;
}
.menutoptotal {
padding: 0;
margin-left: 75px;
/* border: 0; */
}
span.menutitre {
font-size: 16px;
vertical-align: middle;
color: #171717;
white-space: nowrap;
text-overflow: ellipsis;
/* font-size: 1rem; */
font-weight: 500;
line-height: 2.1rem;
white-space: nowrap;
text-overflow: ellipsis;
/* font-size: 1.4rem; */
font-weight: 400;
line-height: 2.1rem;
}
nav.menunavigation.mdl-navigation{
padding-top:0;
}
.contenuaccroche {
position: absolute;
left: 5%;
right: 5%;
margin: auto;
/* top: 40%; */
bottom: 40%;
}
li.mdl-menu__item.mdl-js-ripple-effect a{
display: block;
}
/***********************A SUPPRIMER******************************************/
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers:
*/
.hidden {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
@media (max-width: 1024px) {
.mdl-layout__drawer.menugauche {
top: 0;
}
.pageprincipal {
background-color: #fff;
width: 100%;
}
.mdl-card.questionform{
margin:0 auto;
}
.page-flex{
padding-top: 00px;
}
.page-content{
margin:0 auto;
border:0;
display: block;
/* Shorthand – you could use ‘flex-direction: column’ and ‘flex-wrap: wrap’ instead */
justify-content: center;
align-items: center;
}
header .mdl-navigation{
display:none;
}
.menuacces {
display: block;
}
.blocgauchecontenu {
display:none;
}
.blocdroitecontenu {
display:none;
}
.bloccentralcontenu{
margin:auto;
float: none;
}
.barrederecherche{
display:none;
}
.menutoptotal {
padding: 0 60px;
margin:auto;
/* position: relative; */
/* float: none; */
}
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*:before,
*:after,
*:first-letter,
*:first-line {
background: transparent !important;
color: #000 !important; /* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important;
}
.mdl-layout__drawer{
display:none;
}
.mdl-layout--fixed-drawer>.mdl-layout__content {
margin-left: 0px;
}
svg>rect{
fill:none;
}
.header.mdl-layout__header.is-casting-shadow{
display:none;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}