/*
* Design graphique + caractère de titrage : Thomas Bouville http://www.thomasbouville.fr/
* Création réalisée pour l anrt, avec l aide de l équipe enseignante. 
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}

body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;}

/* Balises block */
.post-content h1{ }
.post-content h2{ }
.post-content h3{ }
.post-content h4{ }
.post-content h5{ }
.post-content h6{ }
.post-content p{ }
.post-content ul{ }
.post-content ol{ }
.post-content blockquote{ }
.post-content pre{ }
.post-content address{ }
.post-content address{ }

/* Balises inline */
.post-content strong{ }
.post-content em{ }
.post-content acronym{ }
.post-content code{ }
.post-content del{ }
.post-content ins{ }

/* Classes des images */
.alignleft{ display:inline; float:left;}
.aligncenter{ clear:both;	display:block; margin-left:auto; margin-right:auto;}
.alignright{ display:inline; float:right;}
.size-auto{ }
.size-medium{ }
.size-large{ }
.size-full{ }
.wp-caption{ }
.wp-caption img{ }
.gallery{ }
.gallery .gallery-item{ }




/*
*
*
*
*
* STYLE SEMI OK
*
*
*
*/

@font-face {
    font-family: 'emp';
    src: url('20140402_typoseminaire_emp-webfont.eot');
    src: url('20140402_typoseminaire_emp-webfont.eot?#iefix') format('embedded-opentype'),
         url('20140402_typoseminaire_emp-webfont.woff') format('woff'),
         url('20140402_typoseminaire_emp-webfont.ttf') format('truetype'),
         url('20140402_typoseminaire_emp-webfont.svg#fonte_test_seminaireemp6') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fut';
    src: url('20140402_typoseminaire_futs-webfont.eot');
    src: url('20140402_typoseminaire_futs-webfont.eot?#iefix') format('embedded-opentype'),
         url('20140402_typoseminaire_futs-webfont.woff') format('woff'),
         url('20140402_typoseminaire_futs-webfont.ttf') format('truetype'),
         url('20140402_typoseminaire_futs-webfont.svg#fonte_test_seminairefuts6') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ab_heavy';
    src: url('2012.11.19_ab_baldingerpro-heavy-webfont.eot');
    src: url('2012.11.19_ab_baldingerpro-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('2012.11.19_ab_baldingerpro-heavy-webfont.woff') format('woff'),
         url('2012.11.19_ab_baldingerpro-heavy-webfont.ttf') format('truetype'),
         url('2012.11.19_ab_baldingerpro-heavy-webfont.svg#ab_baldingerproheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ab_book';
    src: url('2012.11.19_ab_baldingerpro-book-webfont.eot');
    src: url('2012.11.19_ab_baldingerpro-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('2012.11.19_ab_baldingerpro-book-webfont.woff') format('woff'),
         url('2012.11.19_ab_baldingerpro-book-webfont.ttf') format('truetype'),
         url('2012.11.19_ab_baldingerpro-book-webfont.svg#ab_baldingerprobook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'logo';
    src: url('bodoni_anrt_logo-medium-webfont.eot');
    src: url('bodoni_anrt_logo-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('bodoni_anrt_logo-medium-webfont.woff') format('woff'),
         url('bodoni_anrt_logo-medium-webfont.ttf') format('truetype'),
         url('bodoni_anrt_logo-medium-webfont.svg#bodoni_anrt_logoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a{text-decoration: none; color: inherit;}
a:hover{background: rgb(232,242,255); color: rgb(0,0,0);}

body {}

div.menu{
    position: fixed; 
    background: none; 
    display: block; 
    top:0; 
    left: 0; 
    z-index: 999; 
    width: 100%;
    margin: 0;
    padding: 0;

}

div.menu div{
    display: block;
    margin-top:  80px;
    margin-bottom: 0px;
    margin-left: 35px;
    margin-right: 35px;
    border-bottom: 1px black solid;
    font-family: 'ab_heavy'; 
    font-size: 15px; 
    line-height: 20px;
    letter-spacing: 0.1em;
    padding-bottom: 4px;

}

div#logo{
    color:black;
    font-family: "logo";
    margin-top: 0px;
    height: 25px;
    letter-spacing: 0;
    text-align: right;
    padding-bottom: 0;
    border-bottom: none;
    line-height: 22px;
}
div#logo table{
    float: right;    
}
div#logo tr{
    border-bottom: 1px black solid;
   }
div#logo td{
    padding-top: 4px;
    padding-bottom: 0px;
    
}
div#logo td:first-child{
    border-right: 1px black solid;
    padding-right: 4px;

}
div#logo td:last-child{
    padding-left: 4px;
}

div#follow_us{
    position: fixed; 
    background: none; 
    display: block; 
    top:auto; 
    left: auto; 
    margin-right: 35px;
    margin-bottom: 20px;
    bottom: 0;
    right: 0;
    z-index: 999; 
    width: 20px;
}

div#follow_us img{
    width: 20px;
    height: auto;
    padding-top: 8px;
}
::selection {background: rgba(232,242,255,1) !important; color: rgba(0,0,0,1) !important;}
::-moz-selection {background: rgba(232,242,255,1) !important; color: rgba(0,0,0,1) !important;}

h1{
    display: block; 
    font-size: 68px;
    line-height: 94px;
    position: absolute; 
    max-width: 1500px; 
    margin-right: 35px; 
    margin-left: 35px; 
    margin-top: 20px;
    }

h1 div{
    margin-left: 100px !important; 
    font-family: 'ab_book'; 
    font-size: 15px; 
    line-height: 20px; 
    letter-spacing: 0.1em;
    margin-top: 14px; 
    width: 520px;
}

h1 div img{
    width: auto;
    height: 250px;
    display: block;
    padding-bottom: 20px;
}

h1 div b{font-family: 'ab_heavy'; font-weight: normal; font-style: normal;}
h1 div.hidden{visibility: hidden;}

span#langue {float: right; font-family: 'ab_heavy'; font-weight: normal; font-style: normal;}
span#langue a{font-family: 'ab_book'; font-weight: normal; font-style: normal;}
span.tab{
    width: 48px;
    display: inline-block;
    text-align: right;
    margin-left: -68px;
    padding-right: 20px;
}


.txtemp {color: rgba(0,0,0,1); font-family: 'emp'; }
.txtfut {color: rgba(0,0,0,1); font-family: 'fut'; }

div.credits{font-size: 10px; padding-bottom: 13px;}


@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
    h1 div{ letter-spacing: 0.05em; } 
    div.menu div{ letter-spacing: 0.05em; }
}

@-moz-document url-prefix() {
    h1 div{ letter-spacing: 0.05em; }
    div.menu div{ letter-spacing: 0.05em; }

}

@media all and (max-device-width: 570px)
{
    @-ms-viewport{width: device-width;}

    body{
        /*color: red;*/
        -webkit-text-size-adjust:none; 
    }
    div.menu{
        background-color: white;
        top:auto;
        bottom: 0;
    }
    div.menu div {
        margin-top: 14px;
        margin-left: 15px;
        margin-right: 15px;
        border-bottom: none;
        margin-bottom: 6px;
        font-size: 11px;
    }
    h1{
        width: 440px;
        font-size:34px; 
        line-height: 40px; 
        margin-right: 15px; 
        margin-left: 15px; 
        margin-top: 10px;
    }
    h1 div{
        margin-left: 40px !important;
        width: 350px;

    }
    h1 div img{
        height: 150px;
    }
    div#follow_us{
    top:0; 
    margin-top: 20px;
    margin-bottom: auto;
    bottom: auto;
    }
    span.tab {
    width: 48px;
    padding-right: 20px;
    font-size: 10px;
    }
} 

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
    body{
        /*color: red;*/
        -webkit-text-size-adjust:none; 
    }
    div.menu{
        background-color: white;
        top:auto;
        bottom: 0;
    }
    div.menu div {
        margin-top: 14px;
        margin-left: 15px;
        margin-right: 15px;
        border-bottom: none;
        margin-bottom: 6px;
        font-size: 11px;
    }
    h1{
        width: 310px;
        font-size: 28px;
        line-height: 38px;
        margin-right: 0;
        margin-left: 5px;
        margin-top: 10px;
    }
    h1 div{
        margin-left: 40px !important;
        width: 240px;

    }
    h1 div img{
        height: 150px;
    }
    div#follow_us{
    top:0; 
    margin-top: 20px;
    margin-bottom: auto;
    bottom: auto;
    }

    span.tab {
    width: 58px;
    padding-right: 10px;
    font-size: 10px;
    }

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 
    body{
        /*color: red;*/
        -webkit-text-size-adjust:none; 
    }
    div.menu{
        background-color: white;
        top:auto;
        bottom: 0;
    }
    div.menu div {
        margin-top: 14px;
        margin-left: 15px;
        margin-right: 15px;
        border-bottom: none;
        margin-bottom: 6px;
        font-size: 11px;
    }
    h1{
        width: 440px;
        font-size:34px; 
        line-height: 40px; 
        margin-right: 15px; 
        margin-left: 15px; 
        margin-top: 10px;
    }
    h1 div{
        margin-left: 40px !important;
        width: 350px;

    }
    h1 div img{
        height: 150px;
    }
    div#follow_us{
    top:0; 
    margin-top: 20px;
    margin-bottom: auto;
    bottom: auto;
    }
    span.tab {
    width: 48px;
    padding-right: 20px;
    font-size: 10px;
    }

}