@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'avantgarde-demi';
    src: url('fonts/avagitcd-webfont.eot');
    src: url('fonts/avagitcd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avagitcd-webfont.woff2') format('woff2'),
         url('fonts/avagitcd-webfont.woff') format('woff'),
         url('fonts/avagitcd-webfont.ttf') format('truetype'),
         url('fonts/avagitcd-webfont.svg#avantgardeitcdemi') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avantgarde-med';
    src: url('fonts/avagmitc-webfont.eot');
    src: url('fonts/avagmitc-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avagmitc-webfont.woff2') format('woff2'),
         url('fonts/avagmitc-webfont.woff') format('woff'),
         url('fonts/avagmitc-webfont.ttf') format('truetype'),
         url('fonts/avagmitc-webfont.svg#avantgardemditcmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{font-family:'avantgarde-med',arial; margin:0; padding:0;  -moz-box-sizing: border-box; box-sizing: border-box;}

img{width:100%; height:auto;}


a , a:active, a:visited, a:focus{color:#3a2f2d; text-decoration:none;}
a:hover{opacity:0.9;}

strong{font-family: 'avantgarde-demi','avantgarde-med', arial; font-weight:normal; }


h2{
    text-transform:uppercase; font-family:'avantgarde-med', avantgarde-med, arial; font-weight:normal; font-size:24px; letter-spacing:2px;
    background:url('images/chat-noir-title-bg.png') no-repeat center;
    height:77px; padding-top:33px; color:#fff; -moz-box-sizing: border-box; box-sizing: border-box;
    margin:35px 0;
}

h2:before, h2:after{content:url('images/losange.png'); padding:0 30px}

h3{text-transform:uppercase; font-size:24px; letter-spacing:1px;}

p{line-height:22px}

ul{margin:0; padding:0; text-transform:uppercase; }
li{margin:0; padding:0; list-style:none; font-size:18px; letter-spacing:1px; padding:3px 0}
ul li:before, li:after{content:'-'; color:#000; padding:0 6px}
li span{color:#665653; font-size:16px; }


#wrap{width:100%; padding: 0 15px; -moz-box-sizing: border-box; box-sizing: border-box; max-width:960px; margin:auto; text-align:center;}

#top{background:#3a2f2d; color:#fff; font-size:14px; padding:8px 10px; text-transform:uppercase; letter-spacing:1px; margin-bottom:50px; text-align:center; }

#presentation p{text-transform:uppercase; font-size:18px; letter-spacing:1px; line-height:23px}

#collection2015 h3{margin:15px 0 5px; padding:0}
#collection2015 p{margin:0; padding:0}
#monolithe{margin-bottom:40px;}

#collection2015 a{font-family:'avantgarde-demi','avantgarde-med', arial; }

#reseaux li:before, #reseaux li:after{content:none;}
#reseaux li{display:inline-block; margin:0 5px; color:#fff; background-color:#665653; border-radius:50px; width:75px; height:75px; padding:20px 0;  -moz-box-sizing: border-box; box-sizing: border-box; }


#ml{font-size:12px; color:#999; margin:50px 0 10px}

@media screen and (max-width: 590px) {

    h2{font-size:18px; background:#000; padding:5%; -moz-box-sizing: border-box; box-sizing: border-box; min-height:50px; height:auto}
    h2:before, h2:after{content:none}
}