/**
* CSS pour alterner la vue de
* deux cartes superposées
*
*
*/
.dtc_toolbar {

	/*
	* Les boutons et barres de boutons
	* des infographies Data-TC
	* sont définis ici, 
	* au niveau du site
	* 
	*/
	display: flex ; 
	position: fixed;
	left: 1%;
	width: initial;
}

.dtc_bouton {
	box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;

    font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
    position: relative;
    border: 1px solid #aaa;
    font-size: 0.65em;
    padding: 5%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 0.2% 1%;
    
    border-radius: 5px;
    width : 50%;

    /* bouton inactif */
    cursor: pointer;
    background-color: #f4f4f4;
    color: #4e4d4d ;
}


.dtc_bouton_on {
	    /* bouton actif */
    cursor: not-allowed;
    background-color: #fdfdfd;
    color: #6e6d6d ;
}

.dtc_bouton:hover {
    background-color: #fdfdfd ;
    color: #777;
}


/*
* CSS locale
*
*/
 #conteneur { /* .infography devant pour le placer au niveau de la CSS générale ?*/
    position: absolute;
    top: 7%;
    width: 100%;
    height: 100%;
}

body {
    display: absolute;
    width: 100%;
    height: 100%;
    background-color: #f6f6f6;
    font-family: Cantarell, Verdana, Geneva, Tahoma, sans-serif;
    overflow : hidden ;
}

svg {
    position:relative;
    width: 100%;
    height: 100%;
    max-height: 1000px;
    border-style: solid 0.1px;
    border-color: #f6f6f6;
    top : 12%;
}