/*
	Visa de sécurité
	20180115-20180118
*/
body{
    position:relative;
}
#box-contenu {
    padding: 0px 0 0px 0;
}

.page-template-template-visa-securite-php .box-post-contenu {margin-top:0;}
.page-template-template-visa-securite-php #box-contenu .contenu{max-width:none;}
.page-template-template-visa-securite-php .col_2-3 {margin-top:46px;}

.page-template-template-visa-securite-inc-php .box-post-contenu {margin-top:0;}
.page-template-template-visa-securite-inc-php #box-contenu .contenu{max-width:none;}
.page-template-template-visa-securite-inc-php .col_2-3 {margin-top:46px;}


.page-template-template-liste-qualification-php .box-post-contenu {margin-top:0;}
.page-template-template-liste-qualification-php #box-contenu .contenu{max-width:none;}
.page-template-template-liste-qualification-php .col_2-3 {margin-top:46px;}

.page-template-template-visa-securite-qualification-php .box-post-contenu {margin-top:0;}
.page-template-template-visa-securite-qualification-php #box-contenu .contenu{max-width:none;}
.page-template-template-visa-securite-qualification-php .col_2-3 {margin-top:46px;}

.page-template-template-liste-sites-certifies-php .box-post-contenu {margin-top:0;}
.page-template-template-liste-sites-certifies-php #box-contenu .contenu{max-width:none;}
.page-template-template-liste-sites-certifies-php .col_2-3 {margin-top:46px;}

.page-template-template-liste-evaluations-php .box-post-contenu {margin-top:0;}
.page-template-template-liste-evaluations-php #box-contenu .contenu{max-width:none;}
.page-template-template-liste-evaluations-php .col_2-3 {margin-top:46px;}

.page-template-template-liste-profils-de-protection-php .box-post-contenu {margin-top:0;}
.page-template-template-liste-profils-de-protection-php #box-contenu .contenu{max-width:none;}
.page-template-template-liste-profils-de-protection-php .col_2-3 {margin-top:46px;}

.page-template-template-liste-certification_cc-php .box-post-contenu {margin-top:0;}
.page-template-template-liste-certification_cc-php #box-contenu .contenu{max-width:none;}
.page-template-template-liste-certification_cc-php .col_2-3 {margin-top:46px;}

.page-template-template-liste-certification_cc2-php .box-post-contenu {margin-top:0;}
.page-template-template-liste-certification_cc2-php #box-contenu .contenu{max-width:none;}
.page-template-template-liste-certification_cc2-php .col_2-3 {margin-top:46px;}

.page-template-template-liste-certification_cc_archive-php .box-post-contenu {margin-top:0;}
.page-template-template-liste-certification_cc_archive-php #box-contenu .contenu{max-width:none;}
.page-template-template-liste-certification_cc_archive-php .col_2-3 {margin-top:46px;}

.single-certification_cc .box-post-contenu {margin-top:0;}
.single-certification_cc #box-contenu .contenu{max-width:none;}
.single-certification_cc .col_2-3 {margin-top:46px;}

.page-template-template-liste-certification_cspn-php .box-post-contenu {margin-top:0;}
.page-template-template-liste-certification_cspn-php #box-contenu .contenu{max-width:none;}
.page-template-template-liste-certification_cspn-php .col_2-3 {margin-top:46px;}

.page-template-template-liste-certification_cspn2-php .box-post-contenu {margin-top:0;}
.page-template-template-liste-certification_cspn2-php #box-contenu .contenu{max-width:none;}
.page-template-template-liste-certification_cspn2-php .col_2-3 {margin-top:46px;}

.page-template-template-liste-certification_cspn_archive-php .box-post-contenu {margin-top:0;}
.page-template-template-liste-certification_cspn_archive-php #box-contenu .contenu{max-width:none;}
.page-template-template-liste-certification_cspn_archive-php .col_2-3 {margin-top:46px;}

.single-certification_cspn .box-post-contenu {margin-top:0;}
.single-certification_cspn #box-contenu .contenu{max-width:none;}
.single-certification_cspn .col_2-3 {margin-top:46px;}

 

.wrap-cols{
    max-width:1200px;
    margin:0 auto;
}

.banniere-principale {
	position: relative;
	background:url(/uploads/2018/01/visasecu_2017_ban.png);
}

.banniere-principale img{ width:auto; display:block; margin:0 auto; padding:2.5rem 0;}

.visa-secu {
margin: 0.3rem 0 0 0;
}

.visa-secu .notes-bas-de-page{
padding: 1.5rem 0px; font-size: 0.8rem; margin-top: 3rem;
border-top:1px solid #9f9f9f;
}



.visa-secu a:link, .visa-secu  a:visited, .visa-secu  a:hover{
    text-decoration:underline;
}

.visa-secu h3 {
    color: #12294d;
    font-size: 1.6rem;
    margin: 0 0 1rem 0;
    font-family: ag_light_condensed;
    font-weight: 700;
    text-transform: none;
}


.visa-secu .bt-ensavoirplus:link, .visa-secu .bt-ensavoirplus:visited, .visa-secu .bt-ensavoirplus:hover{
    padding: 1rem 1rem 0.8rem 1rem;
    background:#d9d9d9;
    text-align:center;
    font-family: "caslonReg",Arial;
    font-size:0.8rem;
    color:#000;
    display:flex;
    align-self: flex-end;
    margin:0;
    justify-content:flex-end;
     text-decoration:none;
}
    .visa-secu .bt-ensavoirplus:hover{
    background:#177CB0;
    color:#fff;
    }
    
 

.actions{
position:relative;
display: flex;
flex-direction: row;
margin:1.5% 0 1.5% 0;
justify-content: space-between;	
}


.actions a{
display:block;
box-sizing: border-box;
position: relative;
}

.actions p { 
font:1.3rem "ag_light_condensed";
color: #fff;
text-transform: uppercase;
height: 42%;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
text-align:center;
}

/*==
  home  FR - page
==*/

.visa-secu .homepage .intro{
    border-bottom:1px solid #d9d9d9;
    padding: 0;
    margin:0;
    display:flex;
    flex-direction:column;
}

.film-vignette{

}

.catalogue {
margin: 3rem 0 0 0;
display: flex;
align-items: center;
text-align:center;    
justify-content:space-between;
}
.catalogue a:link, .catalogue a:visited, .catalogue a:hover{
 width:48%;   
}
.catalogue a:link img{
 width: 100%; min-width: 100px; max-width: 391px;
}

.catalogue iframe{
    height:250px;
    width: 48%;
    align-self:flex-start;
    /*
    border: 1px solid red; border-image: none;  height: 246px; display: flex; position: relative; align-items: stretch;
    */
}
.public-types a:link, .public-types a:visited, .public-types a:hover{
    width:48%;
    background-color:#274370;
    color:#fff;
    font: 20px "ag_light_condensed" ;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:1rem 0;
    text-decoration:none;
}


.public-types a:hover:after {
    position:absolute;
    border-bottom:0.6rem solid #12294d;
    content:"";
    width:100%;
    left:0; bottom:0;
}

.public-types a h4{
    font: 20px "ag_condensed" ;
    display:inline;
    text-transform:none;
    margin:0;
}

#banniere-recrutement {
	margin-top: 1.5%;
	padding:1rem;
	background-color:#274370;
	color:#fff;
	font: 27px "ag_light_condensed" ;
	text-align: center;
}

#banniere-recrutement a:link, #recrutement a:visited, #recrutement a:hover {
    text-decoration:none;
}

#banniere-recrutement a h4 {
    display:inline;
    text-transform:none;
}

    /** popup */
    .overlay{
        opacity:0;
        visibility:hidden;
        transition:all 0.3s linear 0s;
        width:100%; height:100%;
        position:absolute;
        top: 0; left: 0;
        z-index:8;
        background:rgba(0,0,0,0.5);
    }
        .overlay.show{
            opacity:1; visibility:visible;
        }
    .visa-secu	.wrap-modal {
	background: #FFF;
	width: 70%;
	top: 50%; left:50%;
	position: fixed;
	padding: 0 20px 20px;
	border: 5px solid #ECECEC;
	box-shadow: 0px 0px 5px #5D5D5D;
	/*display: none;*/
    /*margin-left:-38%; margin-top:-30%;*/
    transform:translate(-50%, -50%);
	z-index:4;
	}
	
    .visa-secu	.wrap-modal .gallery {
	    max-width:1200px;
	    width:100%;
	    display:block;
	    margin:0 auto;
	}

    .visa-secu	 .wrap-modal h2{
	margin-top:20px;
	}
	
    .visa-secu	.bt-close{
	color: #000;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 10px;
	text-align: center;
	border-radius: 50%;
	background-color:#CBB6C9;
	transition:all ease 0.5s;
	width:36px; height:36px;
	display:flex;
	font:2rem "ag_condensed";
	justify-content:center; align-items:center;
	}
	.visa-secu	.bt-close:hover{
		background-color:#702C6A;
		color:#fff;
		}
		
	.zoom-taille-reelle:link,.zoom-taille-reelle:visited, .zoom-taille-reelle:hover{
	    display:block;
	    text-align:center;
	    text-decoration:underline;
	    margin:0.5 0 0 0;
	    font-size:0.8rem;
	}

/*== partie Home.fr / block certif & qualif */
.visa-secu .homepage .qualif-certif{
    display:inline;
}

.visa-secu .homepage .qualif-certif  h4{
    font: 18px "ag_condensed" ;
    text-transform:none;
    background-color:#d5d5d6;
    color:#12294d;
    margin:0;padding:0.5rem 0;
    text-align:center;
}

.visa-secu .homepage .qualif-certif ul{
    display:flex;
    justify-content:space-between;
    margin:0; padding:0;
    list-style:none;
}

    html[lang=en-GB] .qualif-certif ul{
         flex-wrap:   wrap;
    }

.visa-secu .homepage .qualif-certif li{
display:flex;
align-items:center;
justify-content:center;
margin:0; padding:0;
width:48%; height:255px;
background:#e8e7e8;
}


.visa-secu .homepage .qualif-certif .action:link, .qualif-certif .action:visited, .qualif-certif .action:hover{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
margin:0; padding:0;
width:100%; height:100%;
text-decoration:none; 
}

    .visa-secu .homepage .qualif-certif  .action:hover{
    background:#d5d5d6;
    }

 .visa-secu .homepage .qualif-certif a h5,.visa-secu .homepage .qualif-certif a h5 span{
font:2.3rem ag_condensed;
color:#008392;
text-transform:uppercase;
margin:0.6rem 0 0 0;
}

.visa-secu .homepage .qualif-certif a h5 span{
font-size:1.5rem;
display:block;
text-align:center;
margin:0 0 0 0;
}
/**eo **/




/*==
  home EN - page
==*/

html[lang=en-GB] .visa-secu .homepage .qualif-certif{
    display:block;
    margin:1rem 0 0 0;
}
html[lang=en-GB] .visa-secu .homepage .qualif-certif p{
 width:100%;   
}


html[lang=en-GB] .visa-secu .homepage .qualif-certif li:nth-child(2n+1)  {
    width:30%;
    margin-right:1rem;
    margin-bottom:1rem;
    flex-grow:0;
   background-color:#d6e4f0;
   flex-direction:column;
}

html[lang=en-GB] .visa-secu .homepage .qualif-certif li:nth-child(2n) {
    width:60%;
    margin-bottom:1rem; margin-right:0;
    flex-grow:1;
    padding:1rem;
    box-sizing:border-box;
    justify-content:flex-start;
    flex-direction:column;
   
}

   html[lang=en-GB] .visa-secu .homepage .qualif-certif .bt-ensavoirplus:link {
    width: 25%;
    margin-top: 0.5rem;
    align-self: center;
    justify-content:center;
}


   html[lang=en-GB] .visa-secu .homepage .qualif-certif  h5{
    font:2.3rem ag_condensed;
    color:#008392;
    text-transform:uppercase;
    margin:0.6rem 0 0 0;
    text-align:center;
    width:100%;
}
 html[lang=en-GB] .visa-secu .homepage .qualif-certif  h5 span{
font:1.5rem ag_condensed;
text-transform:uppercase;
display:block;
text-align:center;
margin:0 0 0 0;
}

/*
html[lang=en-GB] .visa-secu .homepage .qualif-certif li:nth-child(1), html[lang=en-GB] .visa-secu .homepage .qualif-certif li:nth-child(2) {
    background-color:#e2ebf3;
}
    */
/*** eo. ***/




/*==
  FAQ FR - page
==*/
.faq .action:link, .faq .action:visited, .faq .action:hover{
    width:100%;
    background-color:#cadcec;
    color:#12294d;
    font: 20px "ag_light_condensed" ;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto; padding:0.5rem 0;
    text-decoration:none;
}

.faq .action:hover:after {
    position:absolute;
    border-bottom:0.3rem solid #12294d;
    content:"";
    width:100%;
    left:0; bottom:0;
}

.faq .action h4{
    font: 20px "ag_condensed" ;
    display:inline;
    text-transform:none;
    margin:0;
}




/*==
  Catalogue FR - page
==*/

.dl-catalogue-app{
list-style: none; margin: 0px; padding: 0px; border-image: none; display: flex; justify-content: space-around;
}
.dl-catalogue-app li{
 
    padding:1rem;
}
.dl-catalogue-app li a:link, .dl-catalogue-app li a:visited, .dl-catalogue-app li a:hover{
display: flex; flex-direction: column; align-items: center;
}

.box-post-contenu .dl-catalogue-app a[href^='http']::after{
    content:none;
}


.dl-catalogue-app li h4{
    text-align:center;
}


/*==
  certification  FR - page
==*/
.visa-secu .certification{
    
}
.visa-secu .certification .intro p, .visa-secu .certification .intro li{
    font-size:0.88rem;
}
.visa-secu .certification .intro > ul{
    display:flex;
    margin:0; padding:0;
    list-style:none;
    border-top:1.5rem solid #e8e7e8;
    border-bottom:1.5rem solid #e8e7e8;
    box-sizing:border-box;
    justify-content:space-between;
    background:#e8e7e8;
}

.visa-secu .certification .intro > ul > li{
box-sizing:border-box;
    margin:0; padding:0 2rem;
    width:66%;
    
}
.visa-secu .certification .intro > ul > li:first-child{
    display:flex;
    margin:0; padding:0 2rem;
    width:35%; 
    background:#e8e7e8;
    border-right:0.5rem solid rgba(0, 169, 164, 1);
    /*padding:0 1rem;*/
}

.visa-secu .certification .intro .action:link, .visa-secu.certification .intro .action:visited, .visa-secu.certification .intro .action:hover{
    display:flex;
     align-items:center;
     justify-content:center;
     flex-direction:column;
    margin:0; padding:0;
    width:100%; height:100%;
    text-decoration:none; 
}
    .visa-secu.certification .intro  .action:hover{
    background:#d5d5d6;
    }

.visa-secu .certification .intro a h5, .visa-secu .certification .intro a h5 span{
font:2.3rem ag_condensed;
color:rgba(0, 169, 164, 1);
text-transform:uppercase;
margin:0.6rem 0 0 0;
}

.visa-secu .certification .intro a h5 span{
font-size:1.5rem;
display:block;
text-align:center;
margin:0 0 0 0;
}

.visa-secu .certification .intro  h3{
    font: 2rem "ag_condensed" ;
    text-transform:uppercase;
    background-color:none;
    color:rgba(0, 169, 164, 1);
    margin:0;padding:0 0;
}


.visa-secu .certification .bt-ensavoirplus:link,  .visa-secu .certification .bt-ensavoirplus:visited, .visa-secu .certification .bt-ensavoirplus:hover{
    justify-content:center;
    margin:0;
}
    .visa-secu .certification .bt-ensavoirplus:hover{
    background:rgba(0, 169, 164, 1);
    color:#fff;
    }

/*== choix certif - section */
.visa-secu .certification .bx_certifchoix-infoG{
    margin:1rem 0 0 0;
    display:flex;
    justify-content:space-between;
    width:100%;
}

.visa-secu .certification .certifchoix{
width:66%;
}

.visa-secu .certification .certifchoix .question{
display:flex;
flex-direction:column;
background:#ebf4f2;
padding: 1.2rem 0px; justify-content: center; align-items: center;
}

.visa-secu .certification .certifchoix .question img{
    width: 4.5rem;
}
.visa-secu .certification .certifchoix .question h4{
color:rgba(0, 169, 164, 1);
font-size:1.5rem;
text-transform:uppercase;
text-align:center;
margin:1.2rem 0 0 0;
}


.visa-secu .certification .certifchoix > h5{
    font: 18px "ag_condensed" ;
    text-transform:none;
    background-color:#d5d5d6;
    color:#12294d;
    margin:1rem 0 0 0;padding:0.5rem 0.5rem;
    text-align:center;
}


.visa-secu .certification .certifchoix ul{
    display:flex;
    margin:0; padding:0;
    list-style:none;
    box-sizing:border-box;
    justify-content:space-between;
   
}

.visa-secu .certification .certifchoix ul li{
    width:48%;
    background:#e8e7e8;
    box-sizing: border-box;padding: 2rem; 
}

    .visa-secu .certification .certifchoix ul li:hover{
     background:#d5d5d6;
    }

.visa-secu .certification .certifchoix  li a:link, .visa-secu .certification .certifchoix  li a:visited, .visa-secu .certification .certifchoix  li a:hover{
    text-align:center;
    font: 1rem "ag_condensed" ;
    display:block;
    text-decoration:none;
}

    .visa-secu .certification .certifchoix  li a:hover{
        background:#d5d5d6;
    }

.visa-secu .certification .certifchoix  li h5{
    font: 1.1rem "ag_bold_condensed";
    text-transform:uppercase;
    margin:0;
}



/**== faq section  ==*/
.visa-secu .certification .faq {
    margin:1rem 0 0 0;
}
.visa-secu .certification .faq a:link, .visa-secu .certification .faq a:visited, .visa-secu .certification .faq a:hover{
    width:100%;
}

.visa-secu .certification .faq a:hover {
    border-bottom:0.3rem solid #12294d;
}

.visa-secu .certification .faq a h4{
    font: 20px "ag_condensed" ;
    display:inline;
    text-transform:none;
    margin:0;
}



/** infographie - section   ==*/
.visa-secu .certification .infographie{
   width:33%; 
   background-color:#60b1ab;
    
}

.visa-secu .certification .infographie ul{
    display:flex;
    margin:0; padding:1rem ;
    list-style:none;
    box-sizing:border-box;
    justify-content:space-between;
    text-align:center;
    flex-direction:column;
}

.visa-secu .certification .infographie li{
     box-sizing: border-box;padding: 0.2rem; 
}


.visa-secu .certification .infographie li h5{
    color:#fff;
    font: 3rem "ag_bold_condensed" ;margin: 0;
}
.visa-secu .certification .infographie li h5 span{
    color:#fff;
    display:block;
    font: 1rem "ag_bold_condensed" ;
    text-transform:uppercase;
}

.visa-secu .certification .infographie li p{
    color:#fff;
    font: 1.2rem "ag_light_condensed" ;
    margin: 0 0 1rem 0;
    text-transform:uppercase;
    text-align:center;
}



/*==
  Qualification FR - page
==*/
.visa-secu .qualification{
    
}
.visa-secu .qualification .intro p, .visa-secu .qualification .intro li{
    font-size:0.88rem;
}
.visa-secu .qualification .intro > ul{
    display:flex;
    margin:0; padding:0;
    list-style:none;
    border-top:1.5rem solid #ebf4f2;
    border-bottom:1.5rem solid #ebf4f2;
    box-sizing:border-box;
    justify-content:space-between;
    background:#ebf4f2;
}

.visa-secu .qualification .intro > ul > li{
box-sizing:border-box;
    margin:0; padding:0 2rem;
    width:66%;
    
}
.visa-secu .qualification .intro > ul > li:first-child{
    display:flex;
     align-items:center;
     justify-content:center;
     flex-direction:column;
    margin:0; padding:0 2rem;
    width:33%; 
    background:#ebf4f2;
    border-right:0.5rem solid rgba(0, 169, 164, 1);

}


.visa-secu .qualification .intro > ul > li:first-child h5{
font:2.3rem ag_condensed;
color:rgba(0, 169, 164, 1);
text-transform:uppercase;
margin:0.6rem 0 0 0;
}


.visa-secu .qualification .intro h3{
    font: 2rem "ag_condensed" ;
    text-transform:uppercase;
    background-color:none;
    color:rgba(0, 169, 164, 1);
    margin:0;padding:0 0;
}

.visa-secu .qualification .bt-ensavoirplus:link,  .visa-secu .qualification .bt-ensavoirplus:visited, .visa-secu .qualification .bt-ensavoirplus:hover{
    justify-content:center;
    margin:1.5rem 0 0 0;
    align-self:center;
    color:inherit;
   
}
    .visa-secu .qualification .bt-ensavoirplus:hover{
    background:rgba(0, 169, 164, 1);
    color:#fff;
    text-decoration:none;
    }
/*--*/


/*== certification, choix - section ==*/
.visa-secu .qualification .choix{
    display:flex;
    margin:1rem 0 0 0; padding:0;
    list-style:none;
    box-sizing:border-box;
    justify-content:space-between;
   
}

.visa-secu .qualification .choix > ul{
margin: 0px; width: 100%; box-sizing: border-box;
   
}

.visa-secu .qualification .choix > li{
    width:48%;
     background:#e8e7e8;
     box-sizing: border-box;padding: 2rem; 
}


.visa-secu .qualification .choix li h4{
    color:rgba(0, 130, 145, 1);
    font: 1.6rem "ag_light_condensed";
    margin: 0  0;
    text-transform:none;
    text-align:center;
}

.visa-secu .qualification .choix  li h5{
    font: 1.1rem "ag_bold_condensed";
    text-transform:uppercase;
    margin:0;
}



.visa-secu .qualification  .question{
display:flex;
flex-direction:column;
background:#ebf4f2;
padding: 2rem; 
margin:1rem 0 0 0;
}


.visa-secu .qualification  .question h3{
font:1.7rem ag_condensed;
color:rgba(0, 169, 164, 1);
text-transform:normal;
margin: 0;
}


/**== FAQ - section  ==**/
.visa-secu .qualification .faq a:link, .visa-secu .qualification .faq a:visited, .visa-secu .qualification .faq a:hover{
    width:100%;
    margin:1rem 0 0 0;
}

.visa-secu .qualification .faq a:hover {
    border-bottom:0.3rem solid #12294d;
}





/*==
  FAQ FR - page
  
==*/
.box-faq {}

.box-faq .QAndA-list{
    margin-top:1rem;
}

.box-faq h4{
    text-transform:initial;
    margin:0;
}


.box-faq .QAndA-list h5, .box-faq .QAndA-list h5 + p, .box-faq .QAndA-list h5 + div{
font-family: "ag_condensed", Helvetica, Verdana;
font-weight: normal;
margin:0;
font-size:1.1rem;
cursor: pointer;
padding: 0.95rem;
background: #ebf4f2;
margin-bottom:10px;
}
    .box-faq .QAndA-list h5.open{margin-bottom:0;}
    .box-faq .QAndA-list h5.close{margin-bottom:10px;}
    
.box-faq .QAndA-list h5:after{
content:"";
width: 10px;
height: 10px;
border-left: 2px solid #0164A0;
border-bottom: 2px solid #0164A0;
float: right;
margin:3px 0 0 0;
}

.box-faq .QAndA-list h5.close:after{
transform: rotate(-135deg);
transition: transform 0.2s linear;
}

.box-faq .QAndA-list h5.open:after{
transition: 0.2s linear;
transform: rotate(-45deg);
margin:0px 0 0 0;
}

.box-faq .QAndA-list h5.close:hover{
    background:#DBDBDB;
}

    
.box-faq .QAndA-list h5 + p, .box-faq .QAndA-list h5 + div{
    font-family: "caslonReg", Arial;
    margin: 0 0 10px 0;
    padding:0 0.95rem 1rem 0.95rem;
    display:none;
    font-size: 1rem;
}


.box-faq  .QAndA-list h6{
font-family: "ag_condensed", Helvetica, Verdana;
font-weight: normal;
margin:1rem 0 0 0;
font-size:1rem;
}


.box-faq .QAndA-list img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}