@CHARSET "UTF-8";

.hide-large {
	display:inline-block!important;
}
.hide-mobile {
	display:none!important;
}

.pub-colonne-300
{
	width : 100%;
	text-align:center;
	float : right;
}


@media screen and (min-width:681px)
{
	.logo-large {
		display:block;
	}
	.logo-mobile {
		display:none;
	}
}

@media screen and (max-width:680px)
{
	.logo-large {
		display:none;
	}
	.logo-mobile {
		display:block;
		margin : 0 auto;
		max-width : 360px;		
	}
		
}

.social_panel {
	display:none;
}

#etigliss-desc {
	float: none;
	margin : 0 auto;
	width : 100%;
}

#etigliss-images {
	float: none;
	width : 100%;
	margin : 0 auto;
}

#etimemo-desc {
	float: none;
	margin : 0 auto;
	width : 100%;
}

#etimemo-images {
	width : 100%;
	float: none;
	margin : 0 auto;
}

.videozone {
	display:none;
}

.astuce {
  margin:auto;
}

#pub-large {
	display:none;
}
#pub-mobile {
	display:block;
}

#news-zone {
	float: none;
	width : 100%;
	margin-bottom: 10px;	
}

#tweets-zone {
	float: none;
	width : 100%;
	margin-bottom: 10px;
}


@media screen and (max-width:480px)
 
{
	.sliderbox {
		display:none;
	}
	#fixedbox {
	 	margin: 0 auto;
	 	width: 320px;
	 	display : block;
	}
}

/** stylage auto mobile AlsaCreation **/

@media (max-width: 680px) {
    * {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    
    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

    body {
        width: auto;
        margin: 0;
        padding: 0;
    }
    
    /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

    img,
    table,
    td,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    video {
        max-width: 100%;
    }
    
    /* conserver le ratio des images */

    img {
        height: auto;
    }
    
    /* gestion des mots longs */

    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
    
    code,
    pre,
    samp {
        white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
    }
    
    /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

    element1,
    element2 {
        float: none;
        width: auto;
    }
    
    /* masquer les éléments superflus */

    .hide-mobile {
        display: none !important;
    }
    
    .resizable-img {
    	max-width : 100%;
    	}
    
    /* Un message personnalisé 

    body:before {
        content: "Version mobile du site";
        display: block;
        text-align: center;
        font-style: italic;
        color: #777
        */
    }
}