/* Classe générique pour cacher ou voir */
.hidden-desktop {
	display: inherit !important;
}

.visible-desktop {
	display: none !important;
}

.visible-phone {
	display: inherit !important;
}

.hidden-phone,#filariane,.zone_droite,.portlet {
	display: none !important;
}

/* Page */
body, .pagewrap, .pagewrap .pagewrap {
    background: none repeat scroll 0 0 transparent;
}

#page,.centre,.centre_appreciation,.zone_gauche,.a_la_une.gauche,.a_la_une.droite {
	width: 100% !important;
	 /* tchpa02 Amélioration #5747 padding-right: 10px; */
	padding-right: 0px;
}

.zone_gauche #menu select{width: auto; max-width: 100%;}

#colgauche {
	width: 100% !important;
	max-width: 560px !important;
}

.centre .wrap {
	padding: 0px !important;
}

.centre .wrap_top {
    margin-top: 0px !important;
    padding: 0px !important;
}

h1 {
	margin: 10px 0 !important;
	border-bottom: 2px solid #495B5B !important;
}
h1#actualite_titre {
	padding: 0 0px;
    background: none;
    border: medium none;
    color: #475A5A;
    font-family: inherit;
    font-size: 1.5em;
    margin-left: 0;
}

h1.dossier {
    margin: 10px 0 !important;
}
#coldroite_dossier h1 {
    margin: 10px 0 0 !important;
}

div.container-h-1_3,div.container-h-2_3,div.container-h-3_3,div.container-h-1_2,div.container-h-2_2, div.container-h-21_3 {
	width: 100% !important;
}

#entete {
    margin: 0 !important;
}

#corps {
	margin: 0 !important;
	padding: 5px 10px !important;
}

/* Quoi faire si */
#coldroite {
    background: none repeat scroll 0 0 #F0F6F5;
    clear: left;
    float: none;
    margin: 0;
    width: 100%;
    border: 2px solid #B1D3CB;
    border-radius: 0 0 0 0;
}
#coldroite .bg, #coldroite .bg .bg {
	background: none repeat scroll 0 0 transparent;
}


/* Accueil */
#corps.accueil {
	clear:both;
	
	background: #2a3435; /* Old browsers */
	background: -moz-linear-gradient(top,  #2a3435 0%, #72817a 50%, #2a3435 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a3435), color-stop(50%,#72817a), color-stop(100%,#2a3435)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2a3435 0%,#72817a 50%,#2a3435 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2a3435 0%,#72817a 50%,#2a3435 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2a3435 0%,#72817a 50%,#2a3435 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2a3435 0%,#72817a 50%,#2a3435 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3435', endColorstr='#2a3435',GradientType=0 ); /* IE6-9 */
}

.mobile-nav {
	width:100%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	clear:both;
}

.mobile-nav img {
	margin-left: auto;
    margin-right: auto;
}

.boite{
	width:33.33%;
	min-height: 140px;
	float:left;
}

.boite a{
	display:block;
}

.boite a:hover{
	text-decoration:none;
}

.boite a span{
	color:white;
	margin-top:5%;
	margin-bottom:4%;
	display:block;
}

/* Titre Service Quebec - Entreprise */
#titrePGSE,#titrePGSE.on {
	background: none repeat scroll 0 0 transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	left: 0;
	margin: 0 0 0 45px;
	padding: 0;
	position: absolute;
	top: 10px;
	width: auto;
	color: white;
}

#onglets{padding-top: 0; background: none;}

a#accueil { 
	position: static !important;
	background: url("../../img/NouveauDesign/mobile/home.png") no-repeat
		scroll 3px 2px #475A5A;
	color: #FFFFFF !important;
	display: block !important;
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif !important;
	min-height: 30px !important;
	padding-left: 10px !important;
	padding-top: 5px !important;
}

/* PIV */
#piv {
	height: auto !important;
}

#piv .piv_menu {
	float: none !important;
	width: 100% !important;
}

#piv .piv_logo {
	margin: 0px !important;
}

#piv .piv_logo img#quebec {
	width: 175px !important;
}

#piv .piv_menu .drapeau_quebec {
	background: url("../../img/mobile/drapeau-quebec.gif") no-repeat scroll
		right top transparent !important;
	height: 29px !important;
}

/* Pied de page */
#pied_logo{
	text-align: center;
	padding-bottom: 15px;
}

#pied{
	/* tchpa02 Amélioration #5747 background-color: #d2d4d5; */
	background-color: #ffffff;
	padding: 0;
	text-align: left;
	font-weight: normal;
}

#pied #pied_menu{
	margin-bottom: -10px;
	padding-top: 5px;
	text-align: center;
	font-size: 1.4em;
}
#pied #pied_menu ul.first-line {
	border-bottom: 1px solid #47474A !important;
}


#pied #pied_menu ul li a{
	color: #a62c00;
	margin: 0 9px 15px 11px;
}
/* Navigation primaire */
ul#cycles{display: block;}
ul#cycles li{display: block;}
ul#cycles, ul#fonctions  {
	width: 100% !important;
}
ul#fonctions li, ul#cycles li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none repeat scroll 0 0 transparent !important;
}
#menu_ressourceh li:hover ul.niveau2 {
	display: none !important;
}
ul#cycles li a, #cycles li:hover a, #cycles li a:focus, #cycles li.on a, #cycles li:hover a{border: none; background: none; box-sizing: content-box;}
ul#fonctions li a,ul#cycles li a {
	display: block !important;
	width: 96% !important;
	padding: 2% !important;
	border-radius: 5px 5px 5px 5px;
	background-color: #495B5B !important;
	color: #323232 !important;
	height: auto !important;
	font-size: 1.6em !important;
	font-family: formataregular !important;
	margin-bottom: 5px !important;
}
ul#cycles li a span {
    color: inherit !important;
    display: inline !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    max-height: inherit !important;
}
/* Menu de navigation primaire */
div#cycles_fonctions {
    z-index: 999999;
    width: 95%;
    position: absolute;
    top: 28px;
    right: 5px;
    border: 2px solid #636363;
    border-radius: 5px 0 5px 5px;
    background: none repeat scroll 0 0 #ededed;
    padding: 5px;
    margin: 0px;
}

ul#fonctions li a, ul#cycles li a {
    display: block !important;
    width: 96% !important;
    padding: 2% !important;
    border-radius: 5px 5px 5px 5px;
    background-color: #495B5B !important;
    color: white !important;
    height: auto !important;
    font-size: 1.6em !important;
    font-family: formataregular !important;
    margin-bottom: 5px !important;
    -webkit-box-sizing: initial;
}

/* Bouton de menu de navigation primaire */
#bouton-menu.active,#bouton-menu:hover {
	background: url(../../img/NouveauDesign/mobile/bouton-menu-hover.png)
		left -3px no-repeat transparent;
	border: 2px solid #636363;
}

#bouton-menu {
	background: url(../../img/NouveauDesign/mobile/bouton-menu.png) left
		-3px no-repeat transparent;
	border: 2px solid #475A5A;
	color: #475A5A;
	cursor: pointer;
	display: block;
	float: right;
	font-weight: bold;
	margin: -5px 0 0;
	padding: 5px 0;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
	position: absolute;
	top: 5px !important;
	right: 5px !important;
	width: 36px;
}

#bouton-menu-grappe {
	background:
		url("../../img/NouveauDesign/mobile/bouton-menu-section.png")
		no-repeat scroll left top transparent;
	border: medium none;
	color: #475A5A;
	cursor: pointer;
	display: block;
	float: right;
	height: 25px;
	text-align: center;
	width: 24px;
}

#bouton-menu-grappe.active,#bouton-menu-grappe:hover {
	background:
		url("../../img/NouveauDesign/mobile/bouton-menu-section-hover.png")
		no-repeat scroll left top transparent;
}

/* Sommaire des sections*/

div#menu{
	margin-bottom: 50px;
}

#boite_menu,#boite_menu .bg,#boite_menu .bg .bg,.boite-form-recherche h2,#page .boite-form-recherche,#page .boite-form-recherche .bg,#page .boite-form-recherche .bg .bg
	{
	background: none repeat scroll 0 0 transparent !important;
	padding: 0;
	border: medium none;
}

.boite-form-recherche .col_gauche, .boite-form-recherche .col_droite{float: none; width: 100%;}

#boite_menu {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    width: 100% !important;
}

#menu h2 {
	margin: 0px;
	min-height: 22px;
	cursor: pointer;
}

a#lien_accessible_oui {
	display: none;
}

#page .boite-form-recherche .bg .bg h2 span {
	display: none !important;
}

#page .boite-form-recherche .bg .bg h2 strong {
	display:none !important;
}

#page .boite-form-recherche .bg .bg .wrap {
	border: 1px solid #475A5A !important;
	margin: 5px !important;
	padding: 5px !important;
}

/* Pages d'authentification */

.boite_recherche .boutton_submit input, .boutton_submit input, .boite_recherche .boutton_submit input:focus,
  .boite-form-recherche input.bt, .boite-form-recherche input.bt:focus, .boite-form-recherche input.bt:hover, .perleRechercher .bt,
  .div_ressources input.bt, .action input.bt{
  padding: 7px 17px;
  word-wrap: break-word;
  background-color: #8d2f23;
    border-color: #8d2f23;
    border: none;
  font-size:12px;
  font-weight:normal;    
    margin: 10px 0;
    color: #ffffff;
}
 
.boutton_submit input:hover{
  background-color: #53150D;
}

.labelp {
    display: inline-block;
    max-width: 100%;
    position: absolute;
    left: 30%;
}  

.labelinfo {
    display: inline-block;
/*    max-width: 30%; */
    margin-bottom: 5px;
    font-weight: 300 !important;
    color:red;
}

.labeltxt {
    display: inline;
    max-width: 90%;
    margin-bottom: 5px;
}

.labeltxt2 {
    display: block;
    max-width: 90%;
    margin-bottom: 5px;
}

#boite_verte_dossier.insc,#boite_verte_dossier.insc .bg,#boite_verte_dossier.insc .bg .bg,
#boite_verte_dossier,#boite_verte_dossier .bg,#boite_verte_dossier .bg .bg
	{
	background: none repeat scroll 0 0 transparent !important;
	margin: 0 !important;
	width: 100% !important;
	padding: 0 !important;
}

#boite_verte_dossier.insc #colgauche_dossier,#boite_verte_dossier.insc .entete_dossier,
#boite_verte_dossier .entete_dossier
	{
	display: none !important;
}

#boite_verte_dossier.insc #coldroite_dossier {
	background-color: white !important;
    float: left !important;
    margin: 0 !important;
    padding: 0 10px !important;
    width: 94% !important;
}


#boite_verte_dossier.insc p {
    margin: 10px 0 0 !important;
}

.flotte-droite {
    margin: 0 10px 0 0 !important;
}
.flotte-gauche {
    margin: 0 0 0 10px !important;
}

input.bt, input.bt_over {
    font-size: 1.2em;
}

input.insc_dossier {
    width: 250px;
    font-size: 0.8em;
  /* margin-top: 5px;  */
  max- width: 90%;
}

input.insc_dossier2{
  width: 350px;
  font-size: 0.8em;
  max-width: 100%;
}


textarea.insc_dossier2{
  width: 550px;
  font-size: 0.8em;
  max-width: 100%;
}
input.insc_dossier3{
  width: 112px;
  font-size: 0.8em;
  position: relative;
  left: 0;
}

.section_profil .texte_profil, .section_courriel .texte_profil_Courriel {
    float: none !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
    padding: 0 0 5px !important;
    text-align: left !important;
    width: 99% !important;
}
.section_profil .input_profil,.section_courriel .input_profil_courriel {
    float: none !important;
    padding: 0 !important;
    width: 99% !important;
}
.section_profil .input_profil input.profil, .section_courriel .input_profil_courriel input.profil_courriel {
    font-size: 1.1em !important;
    width: 100% !important;
}
#colgauche_dossier2 {
    padding: 0 2%;
    width: 96% !important;
}
div.carre_vert1_courriel, div.carre_vert1 {
	display:none !important;
}
.section_cocher .texte_cocher {
    width: auto !important;
}
#boite_verte_dossier p {
    padding: 0 10px 0 15px;
}
/* Geolocalisation */
#map-container {
	margin: 0 5px !important;
	width: auto !important;
}

p#form-geoloc-adresse {
	margin-right: 20px !important;
}

#form-geoloc-types-fieldset legend span {
	position: absolute !important;
	left: -9999px !important;
}

#form-geoloc-adresse {
	position: relative !important;
	width: 95% !important;
	float: none !important;
	min-height: 20px !important;
	min-width: 20px !important;
}

#form-geoloc-adresse-label {
	margin-bottom: 5px !important;
	font-weight: bold important;
}

#form-geoloc-adresse .form-description {
	position: inherit !important;
	bottom: 0 !important;
	font-size: 1.2em !important;
}

#form-geoloc-adresse .form-field {
	margin-bottom: 0 !important;
	width: 95% !important;
	margin-top: 5px !important;
}

h2#geolocFormulaireTitre,h2.geolocResultatsTitre,h3.geolocResultatsTitre
	{
	color: #475A5A !important;
	font-size: 1.4em !important;
	margin: 10px 0 !important;
}

h3.geolocResultatsTitre {
	font-size: 1.2em !important;
}

#map-container>p {
	margin: 0 !important;
}

#form-geoloc-voircacher-bouton {
	float: none !important;
	margin: 0 !important;
	height: auto !important;
}

.form-label {
	font-weight: bold !important;
}

form#user-location .form-label {
	width: 90% !important;
}

.encadre_rond_nbr, .section_cocher, .section_profil, .section_courriel, .section_impression {
    padding: 0 0 7px 15px;
}
#loc-list .list-details {
	width:80%;
}

/* Questionnaires */
#entrevue {
    background: none repeat scroll 0 0 transparent  !important;
    margin: 0  !important;
    width: 100%  !important;
}

#entrevue .entete,#entrevue .entete .bg,#entrevue .entete .bg .bg {
	background: none repeat scroll 0 0 transparent  !important;
}

#entrevue .entete .bg .bg h1 span.none {
	display:inline;
}
#entrevue .entete .bg .bg img, #entrevue .pied {
	display:none;
}
#entrevue .courriel {
	width: 100%
}
#entrevue .courriel form p{
	padding-right: 14px;
}
#entrevue .entete .bg .bg h1 {
    margin: 10px 0 !important; 
    width: 100% !important;
}
#champsRemplissable {
	width: 100%;
}
div.menuEntreprise {
	background: none repeat scroll 0 0 #ededed;
	margin-bottom:5px;
	border:2px solid #636363;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

div.menuEntreprise span{
     display: block;
     font-weight: bold;
     padding: 5px 0 5px 5px;
     cursor:pointer;
}

div.menuEntreprise span.active + div{
     display: block;
     border-top:2px solid #636363;
}

div.menuEntreprise span.active{
     text-decoration:underline;
}

div.menuEntreprise div{
     display:none;
     background: none repeat scroll 0 0 #b3b3b3;
     border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright:5px;
}

div.menuEntreprise div ul{
    margin: 0;
    padding: 5px 5px 2px;
}


div.menuEntreprise div ul li{
     list-style: none outside none;
     margin: 0 0 1px;
     background:none repeat scroll 0 0 #ededed;
     padding:3px 0 3px 5px;
     cursor:pointer;
     border:2px solid #636363;
     border-radius: 5px 5px 5px 5px;
}

div.menuEntreprise div ul li.active{
     background:#475a5a;
     border:2px solid white;
}

div.menuEntreprise div ul li a{
	 color:black;
	 text-decoration:none;
	 width:100%;
	 display:block;
}

div.menuEntreprise div ul li.active a{
    text-decoration:underline;
    color:white;
}
div.menuObligation {
	background: none repeat scroll 0 0 #ededed;
	margin-bottom:5px;
	border:2px solid #636363;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

div.menuObligation a{
	color:#0D6CA0;
}

div.menuObligation a:hover{
	text-decoration:underline;
}


div.menuObligation h2, h3, h4, h5{
  margin:0;
  font-size:1.1em;
  font-weight: bold;
}

div.menuObligation h3{
  margin:0;
  font-size:1.1em;
  font-weight: bold;
}


div.menuObligation h5{
	font-weight:normal;
}

div.menuObligation h5 em{
	font-style:normal;
}

div.menuObligation h2{
     display: block;
     font-weight: bold;
     padding: 5px 0 5px 5px;
     cursor:pointer;
     color: black;
}

div.menuObligation h2.active{
     text-decoration:underline;
}

div.menuObligation h2.active + div{
     display: block;
     border-top:2px solid #636363;
}

div.menuObligation div{
     display:none;
}

div.menuObligation div{
     background: none repeat scroll 0 0 #b3b3b3;
}

div.menuObligation div ul{
    margin: 0;
    padding: 5px 5px 2px;
}

div.menuObligation div ul li.ministere{
	font-weight:bold;
	font-size:1.1em;
}

div.menuObligation div ul li.ministere, div.menuObligation div ul li.formalite, div.menuObligation div ul li.info, div.menuObligation div ul li.infoAide{
     list-style: none outside none;
     margin: 0 0 1px;
     background:none repeat scroll 0 0 #ededed;
     padding:3px 0 3px 5px;
     border:2px solid #636363;
}

div.menuObligation div ul li.formalite{
     background:#475a5a;
     color:white;
}

div.menuObligation div ul li.formalite h4{
     width:93%;
     float:left;
}

div.menuObligation div ul li.formalite a{
     width:7%;
     float:right;
}

div.menuObligation div ul li.formalite a:hover{
    text-decoration:none;
}

div.menuObligation div ul li.formalite a img{
     float:right;
     margin-right: 10px;
}

div.menuObligation div ul li.formalite input{
	float: right;
    font-size: 0.9em;
    margin-right: 5px;
    width: 14%;
}

div.menuObligation div ul li.formalite input + h4{
    width:84%;
}

div.menuObligation div ul li.info{
     background:#ffffff;
}

div.menuObligation div ul li.info span{
    font-weight:bold;
}

div.menuObligation div ul li.info ul{
    margin: 0px;
    padding: 0;
}

div.menuObligation div ul li.info ul li{
	 list-style:none;
     margin:0 0 0 5px;
     padding:0 0 0 5px;
     background:url(../../img/mobile/boite_form_puce.gif) no-repeat scroll 0 6px transparent;
     font-weight:bold;
}

div.menuObligation div ul li.info div.periodique{
	display:block;
	width:100%;
}

div.menuObligation div ul li.info div.periodique div.periodicite, 
div.menuObligation div ul li.info div.periodique div.dateAcquittement{
	display:block;
	width:100%;
	background:white;
	text-align:left;
	float:left;
}

div.menuObligation div ul li.infoAide{
     background:#ffffff;
}

div.menuObligation div ul li.infoAide a{
	width:90%;
	float:left;
	background:url(../../img/mobile/boite_form_puce.gif) no-repeat scroll 0 6px transparent;
	padding:0 0 0 5px;
}

div.menuObligation div ul li.infoAide a.poubelle{
	width:7%;
	float:right;
	background:none;
}

div.menuObligation div ul li.infoAide a.poubelle img{
	margin-right:10px;
	float:right;
}

div.menuObligation div ul li.infoAide ul{
    margin: 0px;
    padding: 0;
}

div.menuObligation div ul li.infoAide ul li{
	 list-style:none;
     margin:0 0 0 5px;
     padding:0px;
     font-weight:bold;
}

div.menuObligation div ul li.info ul li a, div.menuObligation div ul li.info span, div.menuObligation div ul li.info span a{
     display:inline;
}

div.menuObligation div ul li a{
	 text-decoration:none;
	 width:100%;
	 display:block;
}

div#calendrierFormalites a:hover{
	text-decoration:underline;
}

div#calendrierFormalites ul{
    margin: 0;
    padding: 0;
}

div#calendrierFormalites ul li.ministere{
	font-weight:bold;
	font-size:1.1em;
}

div#calendrierFormalites ul li.ministere, div#calendrierFormalites ul li.formalite, div#calendrierFormalites ul li.info, div#calendrierFormalites ul li.infoAide{
     list-style: none outside none;
     margin: 0 0 1px;
     background:none repeat scroll 0 0 #ededed;
     padding:3px 0 3px 5px;
     border:2px solid #636363;
}

div#calendrierFormalites ul li.formalite{
     background:#475a5a;
     color:white;
}

div#calendrierFormalites ul li.formalite input{
	float: right;
    font-size: 0.9em;
    margin-right: 5px;
    width: 14%;
}

div#calendrierFormalites ul li.formalite h4{
     width:85%;
     float:left;
}

div#calendrierFormalites ul li.formalite a{
     width:7%;
     float:right;
}

div#calendrierFormalites ul li.formalite a:hover{
    text-decoration:none;
}

div#calendrierFormalites ul li.formalite a img{
     float:right;
     margin-right: 10px;
}

div#calendrierFormalites ul li.info{
     background:#ffffff;
}

div#calendrierFormalites ul li.info div.periodique{
	display:block;
	width:100%;
}

div#calendrierFormalites ul li.info div.periodique div.periodicite, 
div#calendrierFormalites ul li.info div.periodique div.dateAcquittement{
	display:block;
	width:100%;
	background:white;
	float:left;
	text-align:left;
}

div#calendrierFormalites ul li.info span{
    font-weight:bold;
}

div#calendrierFormalites ul li.info ul{
    margin: 0px;
    padding: 0;
}

div#calendrierFormalites ul li.info ul li{
	 list-style:none;
     margin:0 0 0 5px;
     padding:0 0 0 5px;
     background:url(../../img/mobile/boite_form_puce.gif) no-repeat scroll 0 6px transparent;
     font-weight:bold;
}

div#calendrierFormalites ul li.infoAide{
     background:#ffffff;
}

div#calendrierFormalites ul li.infoAide a{
	width:90%;
	float:left;
	background:url(../../img/mobile/boite_form_puce.gif) no-repeat scroll 0 6px transparent;
	padding:0 0 0 5px;
}

div#calendrierFormalites ul li.infoAide a.poubelle{
	width:7%;
	float:right;
	background:none;
}

div#calendrierFormalites ul li.infoAide a.poubelle img{
	margin-right:10px;
	float:right;
}

div#calendrierFormalites ul li.infoAide ul{
    margin: 0px;
    padding: 0;
}

div#calendrierFormalites ul li.infoAide ul li{
	 list-style:none;
     margin:0 0 0 5px;
     padding:0px;
     font-weight:bold;
}

div#calendrierFormalites ul li.info ul li a, div#calendrierFormalites ul li.info span, div#calendrierFormalites ul div ul li.info span a{
     display:inline;
}

div#calendrierFormalites ul li a{
	 text-decoration:none;
	 width:100%;
	 display:block;
}

div.menuObligation span.info{
	font-weight:normal !important;
	font-style:italic;
	font-size:0.9em;
}
#legende{
	font-size:0.8em;
	margin-top:5px;
	padding-left: 2px;
}

#legende .colonne{
	float:left;
	display:block;
	margin-bottom:5px;
}

#legende .colonne .texte{
	display:block;
	float:right;
	margin-right:5px;
}

#legende .colonne .image{
	display:block;
	float:left;
	margin-right:3px;
}

#legende .colonne .image.datejour{
	border-width:2px;
	border-color:#008100;
	background:#ffffff;
	border-style:solid;
	margin:-2px;
	margin-right:3px;
}

#legende .colonne .image.dateselectionne{
	border-width:2px;
	border-color:#000000;
	background:#ffffff;
	border-style:solid;
	margin:-2px;
	margin-right:3px;
}

#legende .colonne .image.retard{
	background: url(../../img/mobile/ObligationRetard.gif) repeat;
}

#legende .colonne .image.jour{
	background: url(../../img/mobile/ObligationJour.gif) repeat;
}

#legende .colonne .image.avenir{
	background: url(../../img/mobile/ObligationVenir.gif) repeat;
}
/* Accès rapides */
#selectOptionAffichageConteneur {
	float:none;
}

#selectOptionAffichage {
	width:100%
}

.clearfix:after {
	 visibility: hidden;
	 display: block;
	 font-size: 0;
	 content: " ";
	 clear: both;
	 height: 0;
}
 
.clearfix {display: inline-block;}
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ------------------------------------------------------------------------
	TROUSSE
------------------------------------------------------------------------ */
#contenu-trousse div#menu{width: auto; margin-bottom: 0; float: none;}
#contenu-trousse div.contenu{width: auto; float: none;}
.page-trousse ul.boites-actions{display: block;}
#contenu-trousse div.col-gauche{float: none; width: 100%;}

div.obstacle-access{margin-left: 0; width: auto;}

.page-trousse div.bandeau-side{background: #232e2c url('../../img/Trousse/bandeau-side-m.jpg') right 0 no-repeat; min-height: 78px; max-width: 480px;}
.page-trousse div.bandeau-side .texte{width: auto;}
.page-trousse div.bandeau-side .texte h2{font-size: 1.6em; margin-top: 8px; padding-left: 0;}
.page-trousse div.bandeau-side .texte p{font-size: 1.3em; margin: 5px 0 0; display: block;}
.page-trousse div.bandeau-side .texte p.btn{margin: 16px 0 7px;}

/* Styles the authentification-lightbox, removes it from sight and adds the fade-in transition */

.authentification-lightbox-target {
position: fixed;
top: -100%;
width: 100%;
background: rgba(0,0,0,.7);
width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
}


/* Styles the close link, adds the slide down transition */

a.authentification-lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.authentification-lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.authentification-lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .authentification-lightbox-target anchor */

.authentification-lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
}



.authentification-lightbox-target:target a.authentification-lightbox-close {
top: 0px;
}

#demarrerEnt {
	background-color: #FF0000;
}


.chosen-container .chosen-results li{
	background: transparent;
}

.outil_de_recherche_complet .box35 {
  float: left;
  width: 380px;
}
.div_ressources .select_res2{
  height: 20px!important;
  height: 20px!important;
  margin-bottom: 3px;
  color: #333333;
  text-indent: 5px;
}

.div_ressources .text_res{
  width: 262px;
  height: 20px;
  margin-bottom: 3px;
  color: #333333;
  text-indent: 5px;
}


.div_item_resultat_recherche .description{
	display: none;
}

.wrap .boxGeo .boxMap{
  display: inline-block;
  width: 100%;
  min-width: 305px;
}

.boite_portlet .adresse input {
    width: 100%;
}

.wrap .boxGeo .afficher {
  display: block;
	padding-bottom: 7px;
	font-weight: 600;
	padding-left: 7px;
	color: #333333;
	cursor: pointer;
}

@media only screen and (max-width: 1100px) {
  .outil_de_recherche_complet .box65 {
    float: left;
    width: 100%;
  }
}

#voireAussi h3{
	font-weight: 600;
}

#voireAussi div.box50{
	float: none;
	width: 100%;
}

div.panel {
   padding: 30px 10px ! important; 
    background-color: white;
    display: none;
} 
div.panel.active {
    padding: 30px 75px;
    background-color: white;
    display: block;
} 

div.div_pagination {
  float: right;
  font-size: 1.0em;
}

div.div_pagination b{
  color: #0d6ca0;
  letter-spacing: 2px;

}

div.carre_form {
  width: 100% ! important;
  padding: 10px;
  margin: 0  175px  0 0;
}

.alert {
    padding: 0;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}


  /*     nous joindre */

#formulaire-responsive {
  max-width:100% /*-- à modifier en fonction de la largeur désirée --*/;
  margin:0 -10px;
     /*   width:100%; */
}
.rang-form {
  width: 80%;
}
.demi-colonne, .colonne {
  float: left;
  position: relative;
  padding: 0.65rem;
  width: 400px ! important;
  -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
  .demi-colonne {
    width: 50%;
  }
}


/* ------------- */
.im_button {
    background: url("../../img/NouveauDesign/parcours/bouton-menu-section2.png") no-repeat scroll center #1a2422;
    border: medium none;
    color: #1a2422;
    cursor: pointer;
    display: block;
    float: right;
    text-align: center;
    width: 33px;
    position: relative;
    left: 0;
    height: 45px;
       background-size: 25px 12px;
}
 .im_button:hover {
    background: url("../../img/NouveauDesign/parcours/bouton-menu-section2.png") no-repeat scroll center #8e2f23;
  color: #8e2f23;
     background-size: 25px 12px;
  }
  
    .im_button.active  {
    background: url("../../img/NouveauDesign/mobile/bouton-menu-section.png") no-repeat scroll center #1a2422;
    border: medium none;
    color: #1a2422;
    cursor: pointer;
    display: block;
    float: right;
    text-align: center;
    width: 33px;
    position: relative;
    left: 0;
    height: 45px;
     background-size: 12px 25px;
}

.im_button.active:hover {
    background: url("../../img/NouveauDesign/mobile/bouton-menu-section.png") no-repeat scroll center #8e2f23;
  color: #8e2f23;
     background-size: 12px 25px;
  }
  
  #page #menu a.actif, #page #menu a.ouvert {
  color: #0d6ca0;
  width: 100%;
  height: 45px;
  
}