@media all and (max-width : 1023px) {
*:focus {
outline: none;
border: none;
}
.menu, .menuitems, .adresse, .telsvi, .newmenu, .newsubmenu {
display: none;
}
img {
max-width: 80%;
}
.submenumobile {
position: absolute;
top: 60px;
right: 10px;
margin: 0px;
padding: 0px;
width: 80%;
border-bottom: 2px solid #000;
border-left: 1px solid #000;
border-right: 2px solid #000;
z-index: 10;
}
.submenumobile .row, .submenumobile .row .col_16 {
margin: 0px;
padding: 0px;
width: 100%;
min-width: 100%;
}
.submenumobile ul {
margin: 0px;
padding: 0px;
}
.submenumobile ul li {
background: none;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #000000;
width: 100%;
line-height: 40px;
text-align: left;
color: #666666;
}
.submenumobile ul li a, .submenumobile ul li span {
padding-left: 10px;
text-align: left;
display: block;
text-decoration: none;
color: #666666;
}
.submenumobile ul .loggeduser {
background-color: #666666;
color: #ffffff;
}
.submenumobile ul .loggeduser img {
vertical-align: middle;
}
.submenumobile ul .loggeduser a, .submenumobile ul .loggeduser span {
color: #ffffff;
}
.submenumobile_show {
display: block;
}
.menumobile {
line-height: 60px;
float: left;
display: block;
background-color: #666666;
color: #ffffff;
min-height: 60px;
height: 60px;
max-height: 60px;
border-bottom: 1px solid #fff;
}
.designgrid .rowmobile .colmenumobile {
text-align: right;
}
.menumobileimg, .monagendamobile {
}
.menumobileimg {
}
.menumobileimg img {
}
.designgrid .rowmobile .colmonagendamobile {
}
.monagendamobile {
}
.logomobile {
padding-top: 9px;
padding-left: 10px;
width: 50px;
float: left;
}
.menumobile {
line-height: normal;
vertical-align: middle;
font-family: Dosis;
font-size: 80%;
margin-left: 10px;
overflow: hidden;
-o-text-overflow: ellipsis; /* pour Opera 9 */
text-overflow: ellipsis; /* pour le reste du monde */
float: left;
word-wrap: no-wrap;
}
.menumobile span {
line-height: 60px;
padding-left: 5px;
}
.menumobile .SpeNom, .menumobile .brmobile {
display: none;
}
.slogan {
display: table;
width: 100%;
height: auto;
padding: 100px 0;
color: #fff;
background: url('../img/mrdvslogan.jpg'); no-repeat bottom center
scroll;
background-color: #000;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.slogan .slogan-body {
display: table-cell;
vertical-align: middle;
}
.slogan .slogan-body .slogan-text {
margin: 0;
padding-top: 50px;
padding-bottom: 50px;
font-weight: 800;
font-family: Verdana;
margin-bottom: 200px;
text-align: center;
}
.slogan .slogan-body .slogan-text {
text-shadow: #000 0 2px 0;
font-size: 150%;
border: 0px;
}
.slogan .slogan-body .slogan-text a {
font-size: 60%;
line-height: 90%;
text-shadow: #000 0 0px 0;
}
.slogan .slogan-body .slogan-text .col_4 {
display: none;
}
.slogan .slogan-body .slogan-search {
display: none;
}
.wrapper .row .col_label {
text-align: left;
margin: 0;
}
.designgrid .row .col_input, .designgrid .row .col_textarea, .designgrid .row .col_faux_button
{
width: 96%;
margin: 0px 5px 10px 5px;
border-radius: 5px;
}
.designgrid .row .col_faux_button {
margin-top: 15px;
margin-bottom: 15px;
}
.col_input, .col_faux_button {
height: 30px;
}
label {
font-size: 80%;
line-height: 80%;
margin: 0px 5px 0px 15px;
}
.col_static {
font-size: 80%;
width: 96%;
margin: 0px 5px 0px 5px;
}
input {
height: 22px;
}
select {
height: 100%;
}
input, select, textarea {
background-color: transparent;
border: none;
border-radius: 5px;
}
input:focus, textarea:focus {
box-shadow: none;
border: none;
}
.text_medium, .textarea_medium, .text_large, .textarea_large {
width: 92%;
margin: 0px 0px 0px 0px;
}
.select_small, .select_medium {
width: 95%;
margin: 0px 10px 0px 10px;
}
.col_button input, .button_medium, .faux_button {
text-align: center;
width: 92%;
margin: 0;
border-radius: 5px;
padding-right: 0;
padding-left: 0;
margin-left: 4%;
margin-right: 4%;
}
.faux_button {
padding: 10px;
margin-top: 20px;
display: inline;
text-align: center;
}
.col_button input {
height: 40px;
}
.col_error {
margin-left: 10%;
width: 80%;
line-height: 1;
}
.subform .row:first-of-type {
padding-top: 10px;
}
/* on prépare le label */
[type="checkbox"]:not (:checked ) +label, [type="checkbox"]:checked+label
{
padding-left: 35px; /* fait un peu d'espace pour notre case à venir */
margin-right: 10px;
display: block;
line-height: 12px;
} /* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
[type="checkbox"]:not (:checked ) +label:before, [type="checkbox"]:checked+label:before
{
top: -3px;
left: 10px;
}
/* Aspect général de la coche */
[type="checkbox"]:not (:checked ) +label:after, [type="checkbox"]:checked+label:after
{
left: 14px;
top: 3px;
}
.col_padding {
display: none;
}
#displayagecolor_s_popup {
width: 100%;
overflow: hidden;
}
.right {
text-align: left;
}
.row_nomessage {
display: none;
}
table, thead, tbody, th, td, tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
tr.rapport_tr_header {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #ccc;
}
td {
/* Behave like a "row" */
border: none;
position: relative;
padding-left: 50%;
padding-top: 5px;
padding-bottom: 5px;
}
td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
.table_messages .message_audio {
padding-left: 10px;
}
.table_messages .message_audio:before {
display: none;
}
.table_messages td:nth-of-type(1):before {
content: "De";
}
.table_messages td:nth-of-type(2):before {
content: "A";
}
.table_messages td:nth-of-type(3):before {
content: "Date";
}
#menuitems_nombre_message, #menuitems_nombre_consent {
background-color: red;
padding: 2px 7px 2px 7px;
}
a #menuitems_nombre_message, a #menuitems_nombre_consent {
color: white;
text-decoration: none;
display: inline;
}
}