@charset 'utf-8';


/*PARRALAX*/

html,body{
	height: auto;
	min-height: auto;
}

#container{
	width: auto;
	height: auto;
}

#container.home{
    overflow-x: hidden;
/*    overflow-y: hidden;*/
}

#container.agency{
	overflow-x: hidden; 
/*	overflow-y: hidden;*/
}

/* PARTAGE PROJET */
#detailProjet .partageProjet{
    width: auto;
}

/* ANIMATION */
.out.animateOnScreen {
    opacity: 100 !important;
}

/*FLECHE SLIDESHOW*/

#director .nextProjet {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* H5 VERTICAUX */

#approach .basApproach .basApproachColGauche h5 {
    /*display: none;*/
}

#selClients h5 {
    /*display: none;*/
}

/* SECTION 320px */

@media (min-width: 475px){


}

/* SECTION 768 PX */

@media (min-width: 768px){
	/* ARRANGER LE MENU */
	nav#mainMenu ul#listeMenu{
		display: table;
		left:auto;
        height: auto;
	}
    
    /* H5 VERTICAUX */
        
    .serviceDroite .sd_cd h5, .serviceGauche .sd_cg h5 {
         -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    
    #approach .basApproach .basApproachColGauche h5 {
        -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        overflow: hidden;
        left: -270px;
        bottom: 173px;
    }

    #selClients h5 {
        -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        overflow: hidden;
        left: -437px;
        bottom: 683px;
    }
    
    #selClients h5::after {
        /*width: 23%;*/
    }
    
    /* IMAGE PRESENTATION ACCUEIL */
    
    .sectionVedette .template1 :nth-child(1).unEvent,
    .sectionVedette .template1 :nth-child(2).unEvent,
    .sectionVedette .template1 :nth-child(3).unEvent, 
    .sectionVedette .template2 :nth-child(1).unEvent,
    .sectionVedette .template2 :nth-child(2).unEvent,
    .sectionVedette .template2 :nth-child(3).unEvent {
        max-width: 33%;
        float: left;
        top: 0;
    }
    
    .sectionVedette .template1 :nth-child(1).unEvent {
        left: 7.5%;
    }
    
    .sectionVedette .template1 :nth-child(2).unEvent {
        left: 67%;
    }
    
    .sectionVedette .template1 :nth-child(3).unEvent {
        left: 0;
    }
    
    .sectionVedette .template2 :nth-child(1).unEvent {
        left: 7.5%;
    }
    
    .sectionVedette .template2 :nth-child(2).unEvent {
        left: 67%;
    }
    
    .sectionVedette .template2 :nth-child(3).unEvent {
        left: -57%;
    }
    
    
     /* IMAGES PRESENTATION AGENCY */
    
    #troisImage .pt1, #troisImage .pt2, #troisImage .pt3 {
        position: inherit;
        float: left;
        max-width: 33%;
        left: 0;
    }
    
    #troisImage .pt1 {
        margin-left: 6%;
    }
    
    #troisImage .pt1, #troisImage .pt3 {
        margin-top: 10%;
    }
}

@media (min-width: 1024px){

}

@media (min-width: 1366px){

}


@media (min-width: 1600px){

}