/*
    @IMPORT URL('dr2d.css');
*/
@media only screen and (orientation:landscape) {
 body {
 }
}
@media only screen and (orientation:portrait) {
 body {
 }
}

@media screen and (min-width:1280px) {
    div.main{
            width:1260px;
            margin-right:auto;
            margin-left: auto;

    }
}
@media screen and (max-width:1080px) {
    #t1{
            font-size:230%;
            }
    #t2{
            font-size:175%;
            }
}

@media screen and (max-width:720px) {
    #t1{
            font-size:180%;
            }
    #t2{
            font-size:125%;
            }
	div.sommaire{
		display:none; 
	}
}
@media screen and (max-width:360px) {
    div.main{
        width:auto;
    }
    div.header{
        height:auto;
    }
    #logo{ width : 72px; height : 72px;}
    span#t1 *:nth-child(2), span#t1 *:nth-child(4), span#t1 *:nth-child(6), span#t1 *:nth-child(8){
            display:none;
            }
    span#t1 *:nth-child(1), span#t1 *:nth-child(3), span#t1 *:nth-child(5), span#t1 *:nth-child(7){
            padding-left:3px; padding-right:2px;
            }
    span#t2 *:nth-child(1){
            display:none;   
            }
    span#t2 *:nth-child(2){
            font-size:65%; 
            }
    span#t2{
        display:inline-block;
        line-height: 1em; margin-top: -1em;}
}