/* Minification failed. Returning unminified contents.
(266,1): run-time error CSS1019: Unexpected token, found '}'
(268,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(269,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(282,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*
Table des matières :
    - message de confirmation
    - message de progression
    - boite contactez-nous
    - Oops
    - click to call
    - numero de soumission
    - progression calcul soumission habitation
*/

/* ----- message de confirmation ----- */

.msgConfirmation {
	background:#fff;
	border:1px solid #c5c5c3;
	color:#222;
	margin:15px 0px 10px;
    padding-top: 15px;
}

.msgConfirmation h2 {
	background:url(images/icnCrochet-001.svg) no-repeat scroll 10px 1px;
    padding: 0 0 13px 37px;
	margin: 0;
    border-bottom: 1px solid #c5c5c3;
    font-weight:normal;
	font-size: 2.2rem;
	line-height: 2rem;
	color:#2e2e2e;
}

.msgConfirmation p {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.msgConfirmation p:last-child{ margin-bottom: 0; }
.msgConfirmation .numero,.msgConfirmation .identifiant{ font-weight: bold; }
.msgConfirmation .contenu{ padding: 11px 10px 11px 10px; }

/* ----- message de progression ----- */
.msgProgression{
    text-align: center;
    margin: 15px auto 0;
    max-width: 700px;
    padding: 0 1rem;
}

.msgProgression .icnProgression{ margin: 30px auto 10px; display: block; }

/* ----- boite contactez-nous ----- */
.boiteContactezNous.sectionContenu{ margin:25px 0 30px; padding: 25px 0 0 0;}

.boiteContactezNous.sectionContenu:before {
    content: "";
    width: 120px;
    max-width: 100%;
    height: 120px;
    display: block;
    background: url("images/imgBoiteContactezNous-001.svg") no-repeat left top;
    -webkit-background-size: 120px auto;
    -moz-background-size: 120px auto;
    background-size: 120px auto;
    margin-bottom: 10px;  
}

.boiteContactezNous.sectionContenu p{ margin: 5px 0;}
.boiteContactezNous.sectionContenu > :first-child, .boiteContactezNous.sectionContenu .contenu > :first-child, .boiteContactezNous.sectionContenu .contenu > :first-child li{ margin-top: 0;}

.boiteContactezNous.sectionContenu .contenu {
     padding: 15px;
     background: #E2F0D4; 
     border: 0;
     margin-left: 5px;
     width: 100%;    
}

.boiteContactezNous.sectionContenu .noTelephone {
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 2.6rem;
    display: block;
    margin-top: 5px;
}

.boiteContactezNous.sectionContenu a .noTelephone{ color: #006E30; }
.boiteContactezNous.sectionContenu a:focus .noTelephone{ color: #fff;}
.boiteContactezNous.sectionContenu .ligne{ display: block;margin-bottom: 3px;}
.boiteContactezNous.sectionContenu .contenu > :last-child { margin-bottom: 0;}

.boiteContactezNous.sectionContenu .listeNoTel br{ display: none;}
.boiteContactezNous.sectionContenu .listeNoTel, .boiteContactezNous.sectionContenu .listeNoTel li{ padding-left: 0;list-style: none;}
.boiteContactezNous.sectionContenu .listeNoTel .noTelephone{ display: inline;font-size: inherit;line-height:normal;}

@media all and (min-width: 31.25em){ /* 500px et plus */
   
   .boiteContactezNous.sectionContenu{ padding-left: 130px; position: relative; }
                                                                      
   .boiteContactezNous.sectionContenu:before {
       content: " ";
       position: absolute;
       bottom: 0;
       left: 0;
       margin: 0;
       background-position: bottom left;
   }
   
   .boiteContactezNous.sectionContenu .contenu{ max-width:480px; }
   
}

@media only screen and (max-width: 31.19em){ /* 499px et moins */
   .boiteContactezNous.sectionContenu .contenu{ display: block; margin-left: 0; }
}
/* ----- Oops ----- */

.msgEofOops h1.titreEofOops {
    font-size: 5.0rem;
    font-weight: bold;
    border: none;
    font-family: 'Oswald', sans-serif;
     margin-top: 40px;
    color: #4b535a;
}

.msgEofOops h1.titreEofOops span{
    display: block;
    font-size: 2.4rem;
    margin-top: 10px;
}

.pageEofOops h2.titreEofOops {
        color: #4b535a;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 40px;
}

.msgEofOops a[href^=tel], .msgEofOops a[href^=tel]:visited{
    font-size: 2.4rem;
    color: #3b4005;
    font-weight: bold;
}

.imgEofOops, .txtEofOops {
    float: right;
    width: 60%;
}
.txtEofOops {
    width: 40%;
}

.imgEofOops {
    margin-top: 50px;
}
@media only screen and (max-width: 60.000em){ /* 960px et moins */
    .imgEofOops, .txtEofOops {
        float: none;
        width: 100%;
    }
    
    .imgEofOops {
        margin-top: 0;
    }

    .msgEofOops  .colonne {
           width: 50%;
        float: left;
    
    }
    .msgEofOops  .colonne:first-child * {
        margin-right: 30px;
    
    }
}

@media only screen and (max-width: 48.000em){ /* 768px et moins */
   .msgEofOops  .colonne{
       width: 100%;
        float: left;
    }

    .msgEofOops  .colonne:first-child * {
        margin-right: 0px;
    
    }
}


@media only screen and (max-width: 31.250em){ /* 500px et moins */
    .imgEofOops {
        background-size: 100%;
    }
}

/* ----- Click to call ----- */ 
.pageEofOops .contenu_clickToCall > .ligneQuestion:last-child { 
    margin-bottom: 0px; 
}


/*---- numero de soumission ------*/
.numeroSoumission
{
    font-family: 'Roboto Mono';
    font-weight: bold;
}

/*----  progression calcul soumission habitation ------*/

@keyframes animationQuartier{
 0% {right: -788px;}
 100%  {right: 300px;}  
}

@-webkit-keyframes animationQuartier{
 0% {right: -788px;}
 100%  {right: 300px;}  
}

@-moz-keyframes animationQuartier{
 0% {right: -788px;}
 100%  {right: 300px;}  
}

@keyframes animationAuto{
 0% {left: 90px;}
 80%  {left: 170px;}  
 100%  {left: 90px;}  
}

@-webkit-keyframes animationAuto{
 0% {left: 90px;}
 80%  {left: 170px;}  
 100%  {left: 90px;}    
}

@-moz-keyframes animationAuto{
  0% {left: 90px;}
 80%  {left: 170px;}  
 100%  {left: 90px;}  
}


@keyframes animationPhase{
 0% {font-size: 18px;
	color: #595959;}
 10% {color:#3F7C23;font-size:24px;}
 90%  {color:#3F7C23;font-size:24px;}
 100% {font-size: 18px;
	color: #595959;}
}

@media all and (max-width: 48.00em){ /* 500px et plus */
   @keyframes animationPhase{
     0% {color:#595959;font-size:16px;}
     10% {color:#3F7C23;font-size:18px;}
     90% {color:#3F7C23;font-size:18px;}
     100% {color:#595959;font-size:16px;}

    }                                  
}

@keyframes animationPhaseFinal{
 0% {font-size: 18px;
	color: #595959;}
 10% {color:#3F7C23;font-size:24px;}
 100%  {color:#3F7C23;font-size:24px;}
}

@media all and (max-width: 48.00em){ /* 500px et plus */
   @keyframes animationPhaseFinal{
     0% {color:#595959;font-size:16px;}
     10% {color:#3F7C23;font-size:18px;}
     100% {color:#3F7C23;font-size:18px;}

    }                                  
}


.animationProgressionSoumission{
	width: 300px; 
	max-width: 100%;
	height: 120px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.animationProgressionSoumission .quartier{
	position: absolute;
	bottom: 0;
	right:0;
	background:url('images/icnAnimationQuartier-001.svg');
	width: 788px;
	height: 99px;
	animation: animationQuartier  10s;
	-webkit-animation: animationQuartier  10s ;
	-moz-animation: animationQuartier  10s ;
	-webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
	-moz-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
    animation-timing-function: linear;
	-webkit-animation-iteration-count : infinite;
	-moz-animation-iteration-count : infinite;
	animation-iteration-count : infinite;
	-webkit-animation-fill-mode: none;
	 -moz-animation-fill-mode: none;
	 animation-fill-mode: none;
	 animation-delay : 0s;
	 z-index: 3;

}

.animationProgressionSoumission .auto{
	position: absolute;
	bottom: 2px;
	left:0;
	background:url('images/icnAnimationAuto-001.svg');
	width: 41px;
	height: 23px;
	animation: animationAuto  10s;
	-webkit-animation: animationAuto  10s ;
	-moz-animation: animationAuto  10s ;
	-webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
	-moz-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
    animation-timing-function: linear;
	-webkit-animation-iteration-count : infinite;
	-moz-animation-iteration-count : infinite;
	animation-iteration-count : infinite;
	-webkit-animation-fill-mode: none;
	 -moz-animation-fill-mode: none;
	 animation-fill-mode: none;
	 animation-delay : 0s;
	 z-index: 2;

}

.phaseProgressionSoumission {
	text-align: center;
	margin-top: 35px;
}

.phaseProgressionSoumission p{
	font-size: 18px;
	color: #595959;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

}

@media all and (max-width: 48.00em){ /* 500px et plus */
   .phaseProgressionSoumission p{
	font-size: 16px;
    }                               
}

.phaseProgressionSoumission .phase1{
	animation: animationPhase  5s;
	-webkit-animation: animationPhase  5s ;
	-moz-animation: animationPhase  5s ;
	-webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
	-moz-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
    animation-timing-function: linear;
	-webkit-animation-iteration-count : inherit;
	-moz-animation-iteration-count : inherit;
	animation-iteration-count : inherit	;
	-webkit-animation-fill-mode: none;
	 -moz-animation-fill-mode: none;
	 animation-fill-mode: none;
	 animation-delay : 0s;
}

.phaseProgressionSoumission .phase2{
	animation: animationPhase  5s;
	-webkit-animation: animationPhase  5s ;
	-moz-animation: animationPhase  5s ;
	-webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
	-moz-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
    animation-timing-function: linear;
	-webkit-animation-iteration-count : inherit;
	-moz-animation-iteration-count : inherit;
	animation-iteration-count : inherit	;
	-webkit-animation-fill-mode: none;
	 -moz-animation-fill-mode: none;
	 animation-fill-mode: none;
	 animation-delay : 6s;
}

.phaseProgressionSoumission .phase3{
	animation: animationPhaseFinal  5s;
	-webkit-animation: animationPhaseFinal  5s ;
	-moz-animation: animationPhaseFinal  5s ;
	-webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
	-moz-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
    animation-timing-function: linear;
	-webkit-animation-iteration-count : inherit;
	-moz-animation-iteration-count : inherit;
	animation-iteration-count : inherit	;
	-webkit-animation-fill-mode: forwards;
	 -moz-animation-fill-mode: forwards;
	 animation-fill-mode: forwards;
	 animation-delay : 12s;
}

/*---- boite agent ------*/

.boiteAgentContenu {
    border: 1px solid #CCCBCB;
    margin: 0;
}

.boiteAgentContenu h2{
    background: #E2F0D4;
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 2.6rem;
    color: #353C41;
    padding: 15px;
    margin: 0;

}

.boiteAgentContenu .contenu{
    padding: 15px;
}

.boiteAgentContenu .imgAgent, .boiteAgentContenu .coordAgent{
    float: left; 
    margin-bottom: 15px;
}

.boiteAgentContenu .imgAgent {
    margin-right: 15px;     
}

.boiteAgentContenu .imgAgent img {
    width: 70px;  
}

.boiteAgentContenu .coordAgent .nomAgent{
    font-weight: bold;
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    color: #595959;
}


.boiteAgentContenu .coordAgent .noTelephone a{
    font-weight: bold;
    padding-left: 23px;
    min-height: 20px;
    background: url(images/icnTelephoneLien-001.svg) no-repeat left center;
    display: inline-block;
    color: #006e30;
    font-size: 2.2rem;
    line-height: 2.6rem;
}


.boiteAgentContenu .coordAgent .noTelephone a:focus{
    background: #0b4b77 url("images/icnTelephoneFocus-001.svg") no-repeat left center;
    color: #FFF;
}

.boiteAgentContenu .coordAgent p {
    margin: 0;
}

.boiteAgentContenu .contenu button, .boiteAgentContenu .contenu button:hover{
    padding: 0 0 0 30px;
    font-size: 16px;
    font-size: 1.6rem;
    min-height: auto;
    color: #007944;
    text-decoration: none;
    cursor: pointer;
    border: none;
    font-weight: bold;
    margin: 0;
    border: none;
    display: inline-block;
    width: auto;
}

.boiteAgentContenu .contenu .tiroirs {
    clear: both;    
}

.boiteAgentContenu .contenu .tiroir {
    margin-bottom: 0;
}

.boiteAgentContenu .contenu .tiroirs .ouvert .entete-tiroir button, .boiteAgentContenu .contenu .tiroirs .ouvert .entete-tiroir button:hover,
.boiteAgentContenu .contenu .tiroirs .fermer .entete-tiroir  button, .boiteAgentContenu .contenu .tiroirs .fermer .entete-tiroir button:hover{
    border: none;
    color: #007944;
    position: relative;
}
  
.boiteAgentContenu .tiroirs .tiroir.fermer .entete-tiroir button {
    background: url(images/icnPlus-001.svg) no-repeat left center;
}

.boiteAgentContenu .tiroirs .tiroir.fermer .entete-tiroir button:focus {
    background: url(images/icnPlusFocus-001.svg) no-repeat left center #0b4b77;
}

.boiteAgentContenu .tiroirs .tiroir.ouvert .entete-tiroir button {
    background: url(images/icnMoins-001.svg) no-repeat left center;
}

.boiteAgentContenu .tiroirs .tiroir.ouvert .entete-tiroir button:focus {
    background: url(images/icnMoinsFocus-001.svg) no-repeat left center #0b4b77;
}

.boiteAgentContenu .contenu .tiroirs .ouvert .entete-tiroir button:focus,
.boiteAgentContenu .contenu .tiroirs .fermer .entete-tiroir button:focus{
    border: none;
    color: #FFF;
}

.boiteAgentContenu .contenu .tiroirs .ouvert .contenu-tiroir {
    border: 0;
    padding: 0;
}

 @media all and (min-width: 48.00em){ /* 500px et plus */
    .boiteAgentContenu .contenu .tiroirs .ouvert .contenu-tiroir {
        display: flex; 
    }              
 }

 @media all and (min-width: 48.00em){ /* 500px et plus */
    .boiteAgentContenu .contenu .tiroirs .ouvert .contenu-tiroir > div{
        margin-right: 25px;
    }      
    .boiteAgentContenu .contenu .tiroirs .ouvert .contenu-tiroir > div:last-child{
        margin-right: 0;
    }     
 }

.boiteAgentContenu .contenu .tiroirs .ouvert .contenu-tiroir .section {
    border: 0;
    padding: 0;
    display: block;
    color: inherit;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2.0rem;
    margin: 10px 0px 10px;
    color: #24292d;
}

.boiteAgentContenu a[href^=tel], .boiteAgentContenu  a[href^=tel]:visited {
    font-size: 21px;
    font-size: 2.1rem;
    color: #006e30;

}
.boiteAgentContenu .coordAgent span {
    display: block;
}

.boiteAgentContenu button.detailsAgent span {

    display: inline-block;

}

/*---- Fermeture totale ------*/

.pageFermetureTotaleSFDA h1{
    margin: 25px 0px 0  0;
    border-bottom: 0;
}

.pageFermetureTotaleSFDA .styleTitre2 {
    border-top: 1px solid #CCCBCB;
}

.pageFermetureTotaleSFDA .styleTitre2:last-of-type {
    margin-top: 50px;
    padding-top: 30px;
}

.pageFermetureTotaleSFDA .styleTitre2:first-of-type {
    border-top: 0;
}

 .pageFermetureTotaleSFDA p{
       margin-bottom: 40px;
 } 

 .pageFermetureTotaleSFDA img{
     display: block;
     margin: 0 auto;
     max-width: 100%;
     height: auto;
 }   
 .pageFermetureTotaleSFDA img.mobile{
        display: block;
    } 
    .pageFermetureTotaleSFDA img.desktop{
        margin: 0;
        display: none;
    } 

 @media all and (min-width: 48.00em){ /* 500px et plus */
    .pageFermetureTotaleSFDA img.mobile{
        display: none;
    } 
    .pageFermetureTotaleSFDA img.desktop{
        margin: 0;
        display: block;
    }             
 }