/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}


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

html {
  box-sizing: border-box;
  font-size: 62.5%;
 
}

* {
  box-sizing: inherit;
}
body {
  font-size: 1.4em;
  background-color: #fff;
  color:#707070;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.4;
}

/* avoid top margins on first content element */
p:first-child,ul:first-child,ol:first-child,dl:first-child,blockquote:first-child,pre:first-child,
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {
  margin-top: 0;
}

/* avoid margins on nested elements */
li p,li ul,li ol {
  margin-top: 0;
  margin-bottom: 0;
}

/* max values */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video,
svg {
  max-width: 100%;
}

img {
  height: auto;
}

* {
    box-sizing: border-box;
}

.qd_row::after,.qd_right::after,.qd_left::after {
    content: "";
    clear: both;
    display: block;
}
 .qd_col{float:left;width:100%;padding:2px}
 
.qd_col.s1 {width: 8.33%;}
.qd_col.s2 {width: 16.66%;}
.qd_col.s3 {width: 25%;}
.qd_col.s4 {width: 33.33%;}
.qd_col.s5 {width: 41.66%;}
.qd_col.s6 {width: 50%;}
.qd_col.s7 {width: 58.33%;}
.qd_col.s8 {width: 66.66%;}
.qd_col.s9 {width: 75%;}
.qd_col.s10 {width: 83.33%;}
.qd_col.s11 {width: 91.66%;}
.qd_col.s12 {width: 100%;}


.qd_left{float:left!important; padding: 15px;}
.qd_right{float:right!important; padding: 15px;}
.qd_align_left{text-align:left!important}
.qd_align_right{text-align:right!important}
.qd_align_justify{text-align:justify!important}
.qd_align_center{text-align:center!important}
.qd_col_padding-3{padding:3px;}
.qd_col_padding_tb-3{padding-top:3px;padding-bottom: 3px;}
.qd_col_padding_tb-0{padding-top:0px;padding-bottom: 0px;}
.qd_border_left{border-left: solid thin #dcdcdc;}
.qd_transition_h{transition:height 0.3s ease-out;}
.qd_border_hover :hover{border-style:solid;border-width:thin;}
.qd_border{border-style:solid;border-width:thin;}
.qd_lm_screen_hide{display: none;}

.qd_hr {
  display: block;
  clear: both;
  height: 1px;
  margin: 1em 0 2em;
  padding: 0;
  border: 0;
  color: #ccc;
  background-color: #ccc;
}


.qd_ctrl_form {	vertical-align: middle;}

.qd_ctrl_form label {
        padding-top: 1rem;
        height:5rem;
        float:right;
 	font-weight: bold;
	cursor: pointer;
}

.qd_ctrl_form input[type="text"],.qd_ctrl_form input[type="email"],.qd_ctrl_form input[type="file"],
.qd_ctrl_form input[type="password"],.qd_ctrl_form input[type="button"],.qd_ctrl_form input[type="submit"],
.qd_ctrl_form input[type="number"],.qd_ctrl_form select{
	height:5rem;
	width: 100%;
        border: solid 1px #dcdcdc;
       /* color: #707070;*/
}
.qd_ctrl_form textArea{
        border: solid 1px #dcdcdc;
        color: #707070;
        width: 100%;
}
.qd_ctrl_form input[type="button"],.qd_ctrl_form input[type="submit"]{
     	cursor: pointer;
	font-weight: bold;
	text-align: center;
	background-color: #f5f5f5;
	
}
.qd_ctrl_form input[type="button"]:hover,.qd_ctrl_form input[type="submit"]:hover{
     	background-color:#dcdcdc;
}
.qd_ctrl_form input[type="checkbox"]{
    cursor: pointer;
}
.qd_ctrl_form input:disabled {
      cursor:not-allowed;
 }

.qd_ctrl_form fieldset{
    margin-bottom: 2rem;
}
.qd_ctrl_form .qd_table label{
    float:none
}
.qd_ctrl_form  .qd_table td{
    vertical-align: middle;
}
.qd_ctrl_form  .qd_table select{
    max-width: 80px;
}
 
/*
    barre de boutons
*/

.qd_btn_bar{ padding:1rem; overflow: hidden;}
.qd_btn_bar::before, .qd_btn_bar::after {
    content: "";
    display: table;
    clear: both;
}
.qd_btn_bar li {
	list-style-type: none;
	float: right;
	display: inline;
}
.qd_btn_bar li a{
        color: #707070;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	display: block;
  	padding-left:1em;
	padding-right:1em;
	height: 3em;
	line-height: 3em;
	text-decoration: none;
	border: thin #c0c0c0 solid;
	background-color: #f5f5f5;
}
.qd_btn_bar li a:hover{
    background-color: #dcdcdc;
}
.qd_btn_bar li.buttons {
	position: relative;
	float: right;
        padding-right:2px;
        padding-top: 2px;
}

/*
    Messages
*/
.qd_info, .qd_success, .qd_warning, .qd_error {
	min-height: 4rem;
        padding: 0.01em 16px;
        margin: 1rem;
        border-style:solid;
        border-width:thin;
        border-bottom-width: 6px;	
        z-index:25;
        clear: both;
}
.qd_info {
        border-color: #2196f3;
	background-color:#ddffff;
}
.qd_success {
        /*color:#fff;*/
	border-color: #4F8A10;
	background-color:#ddffdd;
}        
.qd_warning {
	border-color:#ff6600;
	background-color:#ffebb5;
}
.qd_error {
        border-color:#f44336;
        background-color:#ffdddd;
}
/*******************************************************************************
                    Info Bulle
****************************************************************************/

.qd_info_bulle{
 position:absolute;
 z-index: 30;
 padding:2px 12px 3px 7px;
 border-top-left-radius: 15px;
 border-bottom-right-radius: 15px;
 margin-left:5px;
 background-color:#666;
 color:#fff;
 font-size: .8em;
} 
#qd_info_bulle .qd_success,#qd_info_bulle .qd_error,#qd_info_bulle .qd_warning,#qd_info_bulle .qd_info{
 border:none;
 background-color:#666;
 background-repeat: no-repeat;
 background-position: 10px center;
 padding-left: 45px;
 padding-top: 1rem;
} 
#qd_info_bulle .qd_success{
    background-image:url('../images/qp/msgValidation.png');
}
#qd_info_bulle .qd_error {
    background-image: url('../images/qp/msgErreur.png');
}
#qd_info_bulle .qd_warning {
    background-image: url('../images/qp/msgAlerte.png');
}
#qd_info_bulle .qd_info {
  background-image: url('../images/qp/msgInformation.png');
}


/*
        questionnaire-pro
*/
.qd_questionnaire-pro,.qd_questio_pro{
    font-weight: bold;
    color :#707070;
}


 
 /*
        Choix langue
 */
 #qd_choix_langue  {
    z-index: 5;
    height:3rem;
    background-color:#ffffff;
    padding-top:0px;
    border:solid thin;
 } 

 #qd_choix_langue ul {
        width: 100%;
        z-index: 100;  
        padding:0;
        list-style-type:none;
        text-align:center;
 }

 #qd_choix_langue img {
    height:2rem;
    width:2rem;
    margin-right: 1em;
    vertical-align: middle;
 }
 
 
 #qd_choix_langue .niv1  {
    position: absolute;
    padding-top: 1rem;
    /*max-inline-size: 20rem;*/
 }
 /*#qd_choix_langue li{
    max-width: max-content;
 }*/
 #qd_choix_langue li a{
    display:block;
    text-decoration: none;
    color:#fff;
    border:none;
    background-color: #f0f8ff;
 }
 #qd_choix_langue .niv0  {
    margin-bottom:0px;
    padding-top: 0.4em;
 }
 
#qd_choix_langue .niv0 li a {
    padding-left: 2px;
    background-color:#666666;
    height: 3rem;
  }
 #qd_choix_langue .niv1 li {
    margin-top: 0px;
    margin-left:2rem;
    border-left-style: solid;
    border-left-color:#e3e2e2;
  
 }
 #qd_choix_langue .niv1 li a {
    padding-left: 1rem;
    padding-right:.5rem;
    padding-top: .2rem;
    padding-bottom: .2rem;
    color:#707070;
    text-align: left;
    background-color: #ffffff;
    
 }
 
 #qd_choix_langue .niv1 li a:hover {
    color:#FFD700;
    background-color:#e3e2e2;
 }
 #qd_choix_langue ul li ul {
    display:none;
 }
 #qd_choix_langue ul li:hover ul {
    display:block;
 }
 #qd_choix_langue li:hover ul li {
    float:none;
 }
 
 
 .qd_pave_action{
      border: none;
      font-weight: bold;
      text-align: center;
      padding:1rem;
      width: 15em;  
      margin:1em;
}

.qd_pave_action div:first-child {
      display: table;
      width: 15em;    
      height:15em;
     
}   
.qd_pave_action div:first-child div{
     display: table-cell;
     vertical-align: middle;  
     background-color: transparent;
     width:100%;
     height:100%;
     background-image: url('../images/qp/qp_pave_def.png');
     background-repeat: no-repeat;
     background-size: 100% 100%;
     margin-bottom:2em;
}
.qd_pave_action a{
     color:#FFFFFF;
     background-color: #10afc5;
     text-decoration:none;
     cursor: pointer;
     font-size: smaller;
     padding:1em;
 }

 
  
 #qd_bandeau_1600{
        margin-left:auto;
        margin-right: auto;
        max-width: 1600px;
        margin-bottom: 3em;
} 
#qd_menu,#menuBis{
        max-width: 1024px;
        margin:auto;
        margin-bottom:0px;
 
}
#qd_menu{
    position: relative;
    min-height: 40px;
}
#qd_nav_menu_principal{border-bottom-color:#707070;
 border-bottom-style: solid;
 border-bottom-width: 2px;
 height:4rem;}


/*******************************************************************************
                Menus déroulant standard
*******************************************************************************/
.qd_menu_deroulant .qd_menu_icon{
     display: none;
 }
.qd_menu_deroulant  {
    
 z-index: 5;
 float:right;
 
 }

.qd_menu_deroulant ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
.qd_menu_deroulant li {
 float:left;
 }
.qd_menu_deroulant  a {
 display:block;
 margin-left:2em;
 height:4rem;
 color: #707070;
 text-decoration:none;
 }
.qd_menu_deroulant .qd_menu_menu_actif,.qd_menu_deroulant li a:hover {
 color:#FFD700;
 text-decoration: underline #FFD700;
 border-bottom-style: solid;
 border-bottom-color: #FFD700;
 border-bottom-width: 2px;
 }
 
.qd_menu_deroulant ul li ul {
 display:none;
 }
.qd_menu_deroulant ul li:hover ul {
 display:block;
 }
.qd_menu_deroulant li:hover ul li {
 float:none;
 }
 .qd_menu_deroulant li ul {
  position:absolute;
 }
 .qd_side_nav_menu{
     display:none;
     width:0px;
 }
 .qd_menu_deroulant li:last-child a {
     display:none;
 } 
 
 
 /*
 */

 #qd_contenu_page {
      	overflow:hidden;
 	clear :both;
 }   
#qd_contenu {
        max-width: 1600px;
        margin:auto;
        height: auto;
        min-height: 600px;
}




 /*
 */
 #qd_contenu_pied {
        margin: auto;
        max-width:996px;
        padding:15px;
}

#qd_contenu_pied ul{
    list-style-type: none;
}
#qd_contenu_pied li{
    padding-left:.75rem;
    padding-right:.75rem;
}
#qd_contenu_pied a{
    text-decoration: none;
 }
#qd_contenu_pied a:hover{
    text-decoration:underline;
}

#qd_pied{
	font-size: 0.9em;
        background-color:#666666;
        width: 100%;
 }
 
#qd_pied1024{
        margin-left:auto;
        margin-right: auto;
        max-width: 1024px;    
        min-height:40px;
        color:#ffffff;
}

 .qd_menu_pied  {
      z-index: 5;
 }
 
.qd_menu_pied  ul {
 padding:0;
 list-style-type:none;
 text-align:center;
 }
.qd_menu_pied  li{
    float:left;
    padding-left:.75rem;
    padding-right:.75rem;
 }
.qd_menu_pied  li a {
 display:block;
 text-decoration:none;
 color:#ffffff;
 }
 
.qd_menu_pied  li a:hover {
 color:#FFD700;
 }
.qd_menu_pied  ul li ul {
 display:none;
 }
.qd_menu_pied  ul li:hover ul {
 display:block;
 }
.qd_menuPied li:hover ul li {
 float:none;
 }
 .qd_menu_pied  li ul{
  position:absolute;
 }

.charte p{
      margin: 1em;
 }
 .charte li{
      margin-bottom:1em;
 }
 
 
  .charte,.CGV {
       margin-left: 10px; 
 }
 .charte a{
       text-decoration:none;
       color:#10afc5;
 }


.qd_ctrl_form fieldset{margin:2rem;border:none;border-left:thin #c0c0c0 solid;}
.qd_explications{font-size: 0.9em;font-style: italic;}

/*******************************************************************************
            Coordonnées
********************************************************************************/
#qd_coordonnees{float:right;margin-top:25px;margin-right:10px;}
#qd_coordonnees h4{color :#10afc5;}
/*******************************************************************************
    FAQ-Charte
*******************************************************************************/
 .qd_faq {font-size: 0.9em;margin-left: 10px;}
 .qd_faq h2, .qd_faq h4{color:#999;font-weight:  bold;}
 
 .qd_faq p{color:#10afc5;font-style:italic;}
 .qd_charte{text-decoration:none;color:#10afc5;font-weight:  bold;}
 .qd_charte:hover{text-decoration:underline;cursor:pointer;}


/*******************************************************************************
                            Ancre aspect btn
********************************************************************************/

.qd_btn_form-ancre  {
        color: #707070;
	cursor: pointer;
        font-weight: bold;
	text-align: center;
	padding: 1.4rem;
	line-height: 5rem;
	text-decoration: none;
	border: thin #c0c0c0 solid;
	background-color: #f5f5f5;

}
.qd_btn_form-ancre:hover{
    background-color: #dcdcdc;
}
 
   @media only screen and (max-width: 960px) {
     /*[class*="qp_col_m-"] {
        width: 100%;
        padding:3px;
    }*/
    img {
        max-width: 100%;
        height: auto;
    }  
    
   
    .qd_xs_screen_hide{
        display:none;
    }       
 
    #qd_go_to_top {
        display:none;
    }    
   

 }

 @media only screen and (max-width: 768px) {
  
   .qd_menu_deroulant li:not(:first-child) a {display: none;}
   .qd_menu_deroulant li:last-child a {
        float: right;
        display: block;
        margin-right:.5em;
    } 
 
   .qd_side_nav_menu{
     display:block;
     width:0;
     overflow-x: hidden;
     transition-property: width;
     transition-duration: 0.5s;
     position: absolute;
     left: 0;
     top:40px;
     border-style:none;
     border-width:thin;
     border-color:#707070;
     z-index: 3;
     background-color: #ffffff;
    }
    .qd_side_nav_menu ul{
        list-style: none;
        padding-left: 0px;
    }
    .qd_side_nav_menu li:first-child a,.qd_side_nav_menu li:last-child a{
        display:none;
    }
    
    .qd_side_nav_menu li a{
          height:4rem;
          color:#707070;  
          text-decoration: none;
          display: block;
          padding-left: 4px;
          padding-top: 1rem;
          
    }   
   .qd_side_nav_menu li a:hover{
          background-color: #f0e68c;
    }     
    
    .qd_lm_screen_hide{
        display: block;
        
    }
    img {
        max-width: 100%;
        height: auto;
    }
   .qd_row_tab{
        border:none;
        
    }      
    .qd_row_head{
        display:none;
    }
    .qd_row_tr{
       border-bottom: thin solid #CCCCCC;
    }
   
    #qd_bandeau_connexion  {
       background-color:#ffffff;
    }
 
  

     
   .qd_ctrl_form label {
       	float: left;
        height: auto;
        padding-top:0px;
    }
    .qd_ctrl_form input {
        margin-bottom:1rem;
    }            
    #qd_top_nav {
       padding-left:0px;
       padding-right:0px;
    } 
    #qd_connexion{
        padding:0px;
    }

 }
 
 


/*******************************************************************************
       La simulation d'une dropList
*******************************************************************************/



 @media only screen and (min-width:993px){
    .qd_col{padding:15px;} 
    .qd_col.l1 {width: 8.33%;}
    .qd_col.l2 {width: 16.66%;}
    .qd_col.l3 {width: 25%;}
    .qd_col.l4 {width: 33.33%;}
    .qd_col.l5 {width: 41.66%;}
    .qd_col.l6 {width: 50%;}
    .qd_col.l7 {width: 58.33%;}
    .qd_col.l8 {width: 66.66%;}
    .qd_col.l9 {width: 75%;}
    .qd_col.l10 {width: 83.33%;}
    .qd_col.l11 {width: 91.66%;}
    .qd_col.l12 {width: 100%;}
    
    

 }
 
 
@media only screen and (min-width:769px) and (max-width:992px){ 
    .qd_col{padding:5px;} 
    .qd_col.m1 {width: 8.33%;}
    .qd_col.m2 {width: 16.66%;}
    .qd_col.m3 {width: 25%;}
    .qd_col.m4 {width: 33.33%;}
    .qd_col.m5 {width: 41.66%;}
    .qd_col.m6 {width: 50%;}
    .qd_col.m7 {width: 58.33%;}
    .qd_col.m8 {width: 66.66%;}
    .qd_col.m9 {width: 75%;}
    .qd_col.m10 {width: 83.33%;}
    .qd_col.m11 {width: 91.66%;}
    .qd_col.m12 {width: 100%;}
    
 
}