*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body {
    font-family: 'Montserrat', Helvetica, sans-serif;
    background-color: rgb(255, 255, 255);
    height: 100%;
}
html {
    height:100%;
}


/* ################################################################################ */
/* PAGE DE GARDE																	*/
/* ################################################################################ */
#block_idx_page
{
    width: 100%;/*900px;*/
    margin: auto;
	padding-top: 4px;
	padding-bottom: 0px;
	background-color:white;	
    display: inline-block;
    vertical-align: top;
    min-height: 100%;
    margin-bottom: -64px;  /* equal to footer height */   	
}
#block_idx_page:after {
    content: "";
    display: block;
    height: 64px;
}

#block_idx_titre {
    margin: 0 auto;
    width: 750px;

	/*display: inline-block;*/
    margin-top: 2px;
}
#block_idx_logo {
	/*display: inline-block;*/
	width:124px;
	height:134px;
	background:  url('images/logo_128.png') no-repeat top left;
    margin-top: 2px;
    float: left;
}

#block_header1
{
	margin: auto;
	width: 90%; /*1140px;*/
}

#block_index_title_container
{
    display: inline-block;
    width: 100%;/*900px;*/
    margin: auto;
	background-color:#333;	/*#2f506c*/
    vertical-align: top;
    font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

.idx_flip_card {
    margin: 0 auto;
    background-color: transparent;
    width: 220px;
    height: 220px;
    perspective: 1000px;
}

.idx_flip_card_inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.idx_flip_card:hover .idx_flip_card_inner {
    transform: rotateY(180deg);
}

.idx_flip_card_front, .idx_flip_card_back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.idx_flip_card_front {
    background-color: #bbb;
    color: black;
}

.idx_flip_card_back {
    background-color: #2980b9;
    color: white;
    transform: rotateY(180deg);
}

.idx_sevigne1 {
    font-family: 'Montserrat';
    font-size: 36px;/*36px;*/
    color: rgb(0, 136, 204);
    color: #845EC2;
    text-align: center;
    font-weight:bold;/* bolder;*/
    margin-bottom: 0px;
    letter-spacing: 1px;    
}
.idx_sevigne2 {
    font-family: 'Montserrat';
    font-size: 13px;
    color: #FF6F91; 

    text-align: center;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;

}
.idx_sevigne3 {
    font-family: 'Montserrat';
    font-size: 22px;
    color: #D65DB1;
    text-align: center;
    font-style: italic;
    margin-top: 6px;
    font-weight: bold;
}

.idx_sevigne4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-style: italic;	
    color: #D65DB1;
    text-align: center;
    margin-top: 12px;
    margin-top: 6px;
}

.flex_accpage {
    display: flex;
    flex-direction: row;    /*column;*/
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: normal;
    align-content: normal;
    width: 750px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    margin-bottom: 28px;
    /*height: 450px;*/
}

.flex_accsection {    /* page_section */
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    order: 0;
    width: 50%;
    /*padding-left: 5%;
    padding-right: 2%;*/
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding-top:24px;
    padding-bottom:24px;
    background-color:#f3c1c1;	
    background-color:#ffffff;	    
}

.idx_flex_link {
    display: inline-block;
    padding: 10px 20px;
    /*background-color: deeppink;*/
    background-color: rgb(255, 224, 240);
    color:white;
    color: #000000;
    margin-top: 15px;
    text-decoration: none;
    border-radius: 20px;
    border: 2px solid #e01313;
    transition: all 0.4s ease-out;
}
.idx_flex_link:hover {
    background-color: deeppink;
    color:white;
    text-decoration: none;
    border: 2px solid deeppink;
}

.block_idx_etb1 {
    font-family: 'Montserrat';
    font-size: 22px;/*36px;*/
    color: #f6f1ff;
    text-align: center;
    font-weight:bold;/* bolder;*/
    margin-bottom: 10px;
    letter-spacing: 1px;    
    margin-top: 30px;

}
.block_idx_etb2 {
    font-family: 'Montserrat';
    font-size: 18px;
    color: #f1acbe; 

    text-align: center;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}
.block_idx_etb3 {
    font-family: 'Montserrat';
    font-size: 16px;
    color: #acf1b8; 

    text-align: center;
    font-weight: normal;
    margin-top: 14px;
    margin-bottom: 0px;
}
.block_index_ecole {
	display: block;
	width:90%;
    height:293px;
	background:  url('images/idx_ecole.jpg') no-repeat top left;
    margin-top: 2px;

}
.block_index_college {
	display: block;
	width:90%;
    height:293px;
	background:  url('images/idx_college.jpg') no-repeat top left;
    margin-top: 2px;

}


#block_idx_reseau {
    margin: 0 auto;
    width: 90%;
    text-align: center;
    width : 750px;
}

.idx_reseau_titre {
    font-family: 'Montserrat';
    font-size: 24px;/*36px;*/
    color: #845EC2;
    text-align: center;
    font-weight:bold;/* bolder;*/
    margin-bottom: 0px;
    letter-spacing: 1px;
    padding-top: 28px;
    /*margin-bottom: 8px;*/
    padding-bottom: 16px;
    border-bottom: 2px solid #845EC2;   
}

.idx_reseau_btn {
    display: inline-block;
    padding: 10px 20px;
    /*background-color: rgb(43, 20, 255);*/
    color:white;
    margin-top: 15px;
    text-decoration: none;
    border-radius: 10px;
    border: 1px solid #e01313;
    margin-top: 14px;
    margin-bottom: 14px;
}

.idx_reseau_btn:hover {
    background-color: rgb(43, 20, 255);
    color:white;
    border-radius: 10px;
    border:none;

}

#block_idx_copyright {
    display: inline-block;
    width: 100%;/*900px;*/
    margin: auto;
	background-color:#333;	/*#2f506c*/
    vertical-align:middle;
    font-family: 'Roboto', sans-serif;
	font-size: 14px;
    border-top: 1px solid #000000;
    /*padding-top: 10px;
    padding-bottom: 10px;
    margin-top:32px;*/
    height:64px;
    position: relative;
}

#idx_copyright {
	margin: auto;
	width: 90%;
	text-align:center;
	color:#A5A5A5;
    vertical-align:middle;
    position: absolute;
    top: 50%; /* poussé de la moitié de hauteur du référent */
    transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}




/* ################################################################################ */
/* RESPONSIVE STYLE																	*/
/* ################################################################################ */


@media only screen and (min-width: 0px) and (max-width: 767px){
    #block_idx_logo {
        width:74px;
        height:80px;
        background:  url('images/logo_74.png') no-repeat top left;
    }
    #block_idx_titre {
        width: 380px;
    } 
    .idx_sevigne1 {
        font-size: 24px;
    }  
    .idx_sevigne3 {
        font-size: 18px;
    }      
    
    #block_idx_reseau {
        width: 380px;
    }
    .flex_accpage {
        flex-direction: column;
        width: 300px;
    }    
    .flex_accsection {
        flex-direction: column;
        width: 100%;
    }
    
}