#container_login {background: url('../img/background_login.jpg'); background-size: cover; width: 100%; padding-left: 50px}
#container_form {width : 600px; background: white; text-align: center; font-family: 'Open Sans', sans-serif; -webkit-box-shadow: 4px 8px 14px 0px rgba(50, 50, 50, 0.49);-moz-box-shadow:    4px 8px 14px 0px rgba(50, 50, 50, 0.49);box-shadow: 4px 8px 14px 0px rgba(50, 50, 50, 0.49);}

input:focus {outline: none!important}

input[type="date"] {line-height: normal; padding: 5px 0}
input[type="time"] {line-height: normal; padding: 5px 0; padding-left: 22px;}
#pagingControls ul{display:inline;padding-left:0.5em}
#pagingControls li{display:inline;padding:0 0.5em; color: white!important; font-weight: 600 }

#container_inner {width: 450px; margin: 0 auto;}
#logo_login {background: #f8f8f8; text-align: center}
.input_log[type="text"] {text-align: left;width: 100%; background: #f8f8f8; display: block; border: 0; padding: 10px}
.input_log[type="password"] {text-align: left;width: 100%; background: #f8f8f8; display: block; border: 0; padding: 10px}
.libelle_log {display: block; font-family: 'Open Sans', sans-serif; text-align: left; padding: 10px 0}
#connexion {background: #5cd18b; transition : all 0.3s ease-in; -moz-transition : all 0.3s ease-in; -webkit-transition : all 0.3s ease-in; -o-transition : all 0.3s ease-in;  border: 0;    border-radius: 20px;    margin : 20px 0; padding: 10px 20px; color: white; font-weight: bold; font-family: 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.5px;}
#connexion:hover {background: #4cad73;   }

#preheader {padding: 20px 0;}
#preheader_left {float: left; width: 400px}
#preheader_right {float: right; width: 400px; text-align: right}

body { padding: 0; font-family: 'Open Sans', sans-serif; font-size: 14px;}

#calendar {max-width: 900px; margin: 0 auto;}

#content_wrap {width: 100%; max-width: 1000px; margin: 0 auto}

#opening_accueil { text-align: center; margin-top: 40px; margin-bottom: 20px}
#opening_accueil h3{ font-size: 48px;
  font-weight: 300;
  margin-bottom: 20px;}
#opening_accueil p{ text-align: left;}

.tdb_item p:nth-child(odd) {background: #fbf7fc}
.tdb_item p:nth-child(even) {background: #f9effc}
.tdb_item p {margin: 0!important}

#non_traite .tdb_item p:nth-child(odd) {background: #fef3f3}
#non_traite .tdb_item p:nth-child(even) {background: #feecec}

#left_nt {float: left; width: 50%}

#header_nt {text-align: center; color : #fe706f; margin: 0 auto; font-weight: 700; text-transform: uppercase;}
#header_t {text-align: center; color : #9062b3; margin: 0 auto; font-weight: 700; text-transform: uppercase;}
.header_carre {padding: 15px; text-align: center; color: #FFFFFF; width: 90%; margin: 0 auto; margin-top : 40px;}
.rose {background: #fe706f}
.purple {background: #9062b3}

#non_traite label {display: inline; padding: 5px 0;}
#traite label {display: inline; padding: 5px 0;}

#header_fc{margin-bottom: 15px;}
#picto_contact{ float: left; width: 40%; text-align: right;}
#right_toPicto{ float: left; width: 50%; text-align: left;}
#civilite_fc {font-style: italic;}
#nom_fc {font-weight: bold;}
#adresse_block {float: left; width: 70%}
#telephone_block {float: left; width: 25%}
#cp_block {float: left; width: 20%; }
#ville_block {float: left; width: 50%;}
#mail_block {float: left; width: 30%; }

.inner_fc label{display: block;}
#all_historique label {display: inline; font-weight: normal; margin: 0;}

#statut_fc {border: 0; width :100%; background: transparent; font-weight: normal; padding: 8px; appearance: none!important;    -webkit-appearance: none!important;   -moz-appearance: none!important;}
#date_event_add[type="text"]  {text-transform: uppercase; text-align: center; background: #f8f8f8; border: 0; width: 50%; padding: 10px }
#time_event_add[type="text"]  {text-transform: uppercase; text-align: center; background: #f8f8f8; border: 0; width: 48%; padding: 10px}

.bg_class_grey {padding: 10px; background: #f8f8f8; width: 75%}
.beau_bouton {background: #5cd18b;  transition : all 0.4s ease-in; -moz-transition : all 0.4s ease-in;  border: 0;    border-radius: 20px;    margin : 20px 0; padding: 10px 20px; color: white; font-weight: bold; font-family: 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.5px;}
.beau_bouton:hover {background: #4cad73;}
.antibeau_bouton {background: #ffffff;    border: 2px solid #5cd18b; color: #5cd18b;    border-radius: 20px;    margin : 20px 0; padding: 10px 20px;  font-weight: bold; font-family: 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.5px;}
#commentaireMag_fc {border: 0; background: #f8f8f8; width: 80%}


.tdb_item:nth-child(even) {width: 90%; margin: 0 auto; background: #F2F2F2}
.tdb_item:nth-child(odd) {width: 90%; margin: 0 auto; background: #F8F8F8}

.filtres {float: left; width: 47.5%; padding-right: 2.5%}
#export {float: left; width: 47.5%; padding-left: 2.5%}
#filtre_fleche {transition : all 0.2s ease-in; float: right; padding-top: 10px}
#export_fleche {transition : all 0.2s ease-in; float: right; padding-top: 10px}

.rotate_fleche {transform: rotate(180deg)}
.unrotate_fleche {transform: rotate(0deg)}


#display_table_v th{background: #efaa46; text-transform: uppercase; font-weight: bold; padding: 15px; font-size: 15px; width: 20%}
#display_table_v tr:nth-child(even){background: #fef7ed; transition : all 0.3s ease-in;}
#display_table_v tr:nth-child(even):hover{background: #fcf2e3;}
#display_table_v tr:nth-child(odd){background: #feebd2;transition : all 0.3s ease-in;}
#display_table_v tr:nth-child(odd):hover{background: #fcdeb6; }
#display_table_v td{padding: 5px ;}

#moult_entry {width: 100%}
#moult_entry tr:nth-child(even){background: #fef7ed; transition : all 0.3s ease-in;}
#moult_entry tr:nth-child(even):hover{background: #fcf2e3;}
#moult_entry tr:nth-child(odd){background: #feebd2;transition : all 0.3s ease-in;}
#moult_entry tr:nth-child(odd):hover{background: #fcdeb6; }
#moult_entry td{padding: 5px ; width: 20%}

#pagingControlz ul {padding: 0!important}
#pagingControlz ul li{width: 50%!important; text-decoration: none!important; color: white!important; font-weight: 600}
#pagingControlz ul li:first-child{padding-left: 10px}
#pagingControlz ul li:last-child{padding-right: 10px}

#pagingControlzz1, #pagingControlzz2, #pagingControlzz3, #pagingControlzz4  {width: 90%; margin: 0 auto}
#pagingControlzz1 ul, #pagingControlzz2 ul, #pagingControlzz3 ul, #pagingControlzz4 ul  {padding: 0!important}
#pagingControlzz1 ul li, #pagingControlzz2 ul li, #pagingControlzz3 ul li, #pagingControlzz4 ul li{width: 50%!important; text-decoration: none!important; color: white!important; font-weight: 600}
#pagingControlz ul li:first-child, #pagingControlzz1 ul li:first-child, #pagingControlzz2 ul li:first-child, #pagingControlzz3 ul li:first-child, #pagingControlzz4 ul li:first-child{padding-left: 10px}
#pagingControlz ul li:last-child, #pagingControlzz1 ul li:last-child, #pagingControlzz2 ul li:last-child, #pagingControlzz3 ul li:last-child, #pagingControlzz4 ul li:last-child{padding-right: 10px}

#centering_form {width: 100%; max-width: 800px; margin: 0 auto;}
#centering_form label{display: block;}

#formContact_civ {float: left; width: 30%; padding-right: 10%; border : 0; display: block}
#formContact_civ select{width: 100%; padding: 5px 0; border : 0; background: #f8f8f8}
#formContact_prenom {float: left; width: 30%; padding-right: 10%; border : 0; display: block}
#formContact_prenom input[type="text"] {width: 100%; background: #f8f8f8; border : 0; display: block; padding: 5px}
#formContact_nom {float: left; width: 40%; border : 0; display: block}
#formContact_nom input[type="text"] {width: 100%; background: #f8f8f8; border : 0; display: block; padding: 5px}
#formContact_adresse {float: left; width: 60%; padding-right : 10%; border : 0; display: block; margin-bottom: 10px}
#formContact_adresse input[type="text"] {width: 100%; background: #f8f8f8; border : 0; display: block; padding: 5px}
#formContact_tel {float: left; width: 30%; border : 0; display: block; margin-bottom: 10px}
#formContact_tel input[type="text"] {width: 100%; background: #f8f8f8; border : 0; display: block; padding: 5px}
#formContact_cp{float: left; width: 30%; padding-right : 10%;border : 0; display: block; margin-bottom: 10px}
#formContact_cp input[type="text"]{width: 100%; background: #f8f8f8; border : 0; display: block; padding: 5px}
#formContact_ville{float: left; width: 30%;  padding-right: 10%; border : 0; display: block; margin-bottom: 10px}
#formContact_ville input[type="text"]{width: 100%; background: #f8f8f8; border : 0; display: block; padding: 5px}
#formContact_mail {float: left; width: 40%; border : 0; display: block; margin-bottom: 10px}
#formContact_mail input[type="text"]{width: 100%; background: #f8f8f8; border : 0; display: block; padding: 5px}
#formContact_statut {float : left; width: 33%; }
#formContact_statut select{width: 100%; padding: 5px 0; border : 0; background: #f8f8f8}
#formContact_datetime {float : right; width: 33%; }

#fitreInteretOnly{ float: left; width: 50%; padding-right: 20px;}
#fitreStatutOnly{float: left; width: 50%;}

#filtre_gachette {cursor: pointer;}
#export_gachette {cursor: pointer;}

#getIdFiltre{width: 100%; padding: 5px 0; border : 0; background: #f8f8f8}
#getIdStatut{width: 100%; padding: 5px 0; border : 0; background: #f8f8f8}



#date_filtre_start[type="text"]{border: 0; background: #f8f8f8; text-transform: uppercase; text-align: center; padding: 5px}
#date_filtre_end[type="text"]{border: 0; background: #f8f8f8; text-transform: uppercase; text-align: center; padding: 5px}
.sous_header{margin-top : 10px; border-color: #000000}

.fc-event-container {cursor: pointer; transition : all 0.4s ease-in;}
.fc-event{transition : all 0.4s ease-in;}
.fc-event .fc-content{transition : all 0.4s ease-in;}
.fc-event:hover{ border-color: #63447b}
.fc-event:hover .fc-content{ background: #63447b; border-color: #63447b}

.label_accueil{width: 33%; text-align: center; display: inline-block!important; margin-bottom: 0!important; font-weight: 600}
  .showContact {text-decoration: underline; color: black; font-weight: bold; cursor: pointer; font-size: 14px; font-weight: 700; text-align: center}

.todayRed label {color: red!important}

.active_pagination_prev {transition : all 0.4s ease-in;}
.active_pagination_next {transition : all 0.4s ease-in;}
a .active_pagination_prev:hover {background: #e0e0e0;}
a .active_pagination_next:hover {background: #bfbfbf;}

.fc-unthemed .fc-today {background: #fff5cc!important}
.fc-center h2 {font-size : 25px; line-height: 25px}

.menu_p_plus a {background : #f2f2f2!important; height: 60px; line-height: 40px!important; border-radius: 0!important; color: black; margin: 0 2px; position: relative; overflow: hidden}
.menu_p_plus a:after {content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: black; opacity: 0; transition : all 0.15s ease-in; display: block}
.menu_p_plus:hover a:after { content:''; opacity: 1; left: 0}

.menu_p_plus.active a{font-weight: 700!important; color: black!important; cursor: pointer!important;}
.menu_p_plus.active a:after {content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: black; opacity: 1; transition : all 0.3s ease-in; display: block}

/*.ui-datepicker {top: 250px!important;}*/


.stockLibelle {width : 270px!important; display:inline-block!important}
.stockDateEvent {width : 100px!important; display:inline-block!important}
#all_historique .clickToShow label {margin-bottom: 0!important; cursor: pointer}
#all_historique .clickToShow  {padding: 5px 0; cursor: pointer}
#all_historique .clickToShow:nth-child(odd){background: #f2f2f2}
#all_historique .clickToShow:nth-child(even){background: #f7f7f7}

#pagingControls ul {padding: 0!important}
#pagingControls li {width: 50%!important}


#pagingControlz ul {padding: 0!important}
#pagingControlz li {width: 50%!important}

#dialog_info h3, #outil_mailing h3 {font-weight: 300!important}

#container_civitilite {width: 160px;  height: 30px;  overflow: hidden; background: url(../img/fleche_select.png) no-repeat right #f8f8f8;}
#container_civitilite select{width: 160px;background: transparent!important;    appearance: none;    -webkit-appearance: none;   -moz-appearance: none; padding-left: 8px;}

#container_statut {width: 100%; height: 30px; overflow: hidden; background: url(../img/fleche_select.png) no-repeat right #f8f8f8;}
#container_statut select{width: 100%;background: transparent!important;    appearance: none;    -webkit-appearance: none;   -moz-appearance: none; padding-left: 8px;}
.container_filtre_int {width: 100%;height: 30px;overflow: hidden;background: url(../img/fleche_select.png) no-repeat right #f8f8f8;}
.container_filtre_int select{width: 100%;background: transparent!important;    appearance: none;    -webkit-appearance: none;   -moz-appearance: none; padding-left: 8px!important;}

#container_statut_fc{width: 130%;height: 30px;overflow: hidden;background: url(../img/fleche_select.png) no-repeat right #f8f8f8;}
}

#footer_stp{margin-top: 50px; margin-bottom: 20px}
#footer_stp div{text-align: center}

#left_email {float: left; width: 50%; margin-right: 10%}
#left_email a{color: black; text-decoration: underline;}
#right_email {float: left; width: 40%}
#right_email img{width: 150px; margin-top: 12px}
#left_email_v2 {float: left; width: 45%; margin-right: 10%}
#left_email_v2 a{color: black; text-decoration: underline;}
#right_email_v2 {float: left; width: 45%}
#right_email_v2 img{width: 150px; margin-top: 12px}

#antianti {border-color : #9e9e9e; color : #9e9e9e}

.bouton_outil_emailing_export {text-align: center}
.bouton_outil_emailing_export a{text-decoration: none!important}

#filtreDateInteret input[type="text"] {width: 150px}
#commentaireMag_fc {max-width: 296px}

#numberOfResult h3 {font-weight: 400; font-size: 1em}

.inner_guide {width: 100%; box-sizing : border-box; margin: 0 auto; text-align: center}

.inner_guide p{font-size: 1.8em; font-weight: 300}
.into_the_pdf {margin-bottom: 40px}
.into_the_pdf svg {display: block;margin: 0 auto}
.into_the_pdf path {fill : #9e9e9e; transition : all 0.3s ease-in; -moz-transition : all 0.3s ease-in; -webkit-transition : all 0.3s ease-in; -o-transition : all 0.3s ease-in;}
.inner_guide:hover path {fill :#6b6b6b;}
.inner_guide:hover .beau_bouton {background: #4cad73}

.into_the_video iframe {width: 100%; margin-top: 20px; -webkit-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 41px 0px rgba(0,0,0,0.75);}

#text_comment_mag {float: left; width: 41.5%}
#enregistre_contact {float: left; width: 57.5%}
#ajoutdecontact {margin: 0}
/*-------------------------------------------------------------------
$$$$$$$$$$$$$$$$$$$$$$$$$$ MEDIA QUERIES $$$$$$$$$$$$$$$$$$$$$$$$$$
-------------------------------------------------------------------*/


@media screen and (max-width: 800px) {
#container_login {background: white; padding-left : 0 }  
#container_form {width: 100%;padding: 0; box-shadow: none; -webkit-box-shadow: none;-moz-box-shadow: none;}
#container_inner {width: 300px}
#logo_login img {width: 300px}
#text_comment_mag { margin-bottom: 40px}

#preheader_left {width: 300px; float: none; display: block; margin: 0 auto;}
#preheader_left img{width: 300px}

#preheader_right {width: 300px; float: none; display: block; margin: 0 auto; text-align: center}

#non_traite {width: 100%!important; float: none!important; display: block;}
#traite {width: 100%!important; float: none!important; display: block;}
#opening_accueil p{padding: 10px; text-align: center}
.label_accueil {width: 32%}
.showContact {font-size: 12px}
.filtres, #export {float: none; width: 100%; padding: 10px}
#display_table_v th {padding: 15px 0; text-align: center; font-size: 12px}
.fc-center h2 {margin-top: 15px}
#centering_form div {float: none; display: block; padding:0 20px; width: 100%}
#centering_form div input{width: 100%!important}
#centering_form h3 {padding-left: 20px}
#formAjout .beau_bouton {float: none; display: block; margin: 0 auto;}
#left_email {width: 100%; float: none; padding: 20px}
#right_email {width: 100%; float: none; padding: 20px}
.inner_fc {float: none!important; width: 100%!important}
.inner_fc p{width: 100%!important}
#derniere_demande, #historique_contact {float: none!important; width: 100%!important; display: block!important;}
#derniere_demande p{width: 100%!important;}
.labels_histo {display: none!important;}

#container_bas_fc div {float: none!important; display: block!important; padding:0 20px!important; width: 100%!important}
#append_me {display: block!important; margin: 0 auto!important; text-align: center!important}
#container_statut_fc { width: 100%!important}
#dialog_info { height: 100%!important} 
#commentaireMag_fc {width: 100%!important}
#fitreInteretOnly {float: none!important; width: 100%!important; display: block!important}
#fitreStatutOnly{float: none!important; width: 100%!important; display: block!important}
#antianti {font-size: 11px}
#display_table_v {overflow-x : auto;}
#ajoutdecontact {float: none!important; display: block; margin: 0 auto}
}