<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
	font-family: 'Roboto-Light';
	src: url('font/Roboto-Light.woff2') format('woff2'),
        url('font/Roboto-Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Bold';
	src: url('font/Roboto-Bold.woff2') format('woff2'),
        url('font/Roboto-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Black';
	src: url('font/Roboto-Black.woff2') format('woff2'),
        url('font/Roboto-Black.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Bold-condensed';
	src: url('font/robotocondensed-bold-webfont.woff2') format('woff2'),
        url('font/robotocondensed-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}












html {
    height: 100%;    
}
body {
	margin: 0 auto;
    height : 100%;    
	text-align: center;  
    font-family: 'Roboto-Light', sans-serif;
    -webkit-box-shadow: inset 0 6px 0 #b51e1e;
}
h1 {
	font-size: 1.4em;
    font-weight : 700;
    margin : 0;
    padding : 0;    
}
h2 {
    font-family: 'Roboto-Light', sans-serif;
    font-size : 14px;
    text-transform: uppercase;
    margin : 0;
    padding : 0;
    font-weight: normal;
}
h3 {
    font-family: 'Roboto-Bold-condensed', sans-serif;
    font-size : 22px;
    margin : 0;
    padding : 0;
}
#corps {
    width : 1200px;
    margin : 0 auto;
}
#bd_top {
	margin: 0 auto;
	width: 100%;
    display: flex;
    justify-content: space-between;

}  
#bd_top_logo {
    position : relative;
    float : left;
    margin-right : 30px; 
    margin-left : 30px;
    margin-top:   -192px;
    top:97px;
}
#raison-sociale {
    background-color : #313131;
    color : white;
    width:515px;
    height : 100%;
    text-transform: uppercase;
}
#raison-sociale-h1 {
    padding : 16px 0px;
    margin-left : 200px;
    width : 295px;
    text-align : left;
}
#bd_responsive img{
    margin : 0 auto;
}

#bandeau-menu{
    width : 100%;
    height: 80px;
    background-color : #b51e1e;
    margin : 0 auto;
    margin-top: 27px;
    font-size : 14px;       
    font-family: 'Roboto-Bold', sans-serif;    
    display: flex;
    justify-content: space-between;;
    align-items: center;
    border-bottom : 2px solid white;
}

.bandeau-menu-a{
    display: flex;
    justify-content: space-between;
    align-items: center;    
    padding-right : 15px;
    text-decoration : none;
    color : white;
}
.menu_borderLeft {
    padding-left : 15px;
}
.menu_selected {
    font-weight: bold;
}
#menu {
    display: flex;
    justify-content: space-around;
    margin : 0 auto;            
}

#contenu {
    margin: 0 auto;
    width:1200px;
    margin-top: 20px;
    text-align: left;
}

#bd_Photo {
    clear : both;
    margin : -4px;
    width : 1200px;
}
#footer {
    padding: 10px 0px;
    margin-top: 30px;
    color: white;
    width : 100%;
    background-color: #313131;
	font-size: 11px;
    text-align : center;    
}
#footer-contenu {
	display: flex;  
	justify-content: space-around;
  	flex-direction: row; 
	align-items: center;           
    width : 1100px;
    margin : 0 auto;
}


#footer a {
	text-decoration: none;
    color: white;
}
#footer_adr {
    text-align : center;
}
#copy {
    padding : 15px;
}




#accueil-pictos {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
    width : 100%;
    margin : 0 auto;
    font-size : 14px;
    padding : 10px;
    margin-top : 30px;
    text-align: center;
}

#accueil-pictos img{
    padding : 10px;
}
.accueil-picto-text {
    color : #b51e1e;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    text-align : center;
}
#accueil-etiopathe {
    margin-top : -25px;
}
#accueil-qui {
    margin-top : -30px;
}
.cols {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: start;
    width : 100%;
    margin : 0 auto;
    padding-top : 20px;
    font-size : 14px;
    text-align : left;
}
.col-1 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    text-align : left;
    margin-left: 30px;
}
.col-2 {
    margin-right: 30px;
}
.col-photo {
    margin-left: 30px;
    margin-right : 30px;
    margin-top : 15px;
}
.colsB {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: start;
    width : 100%;
    margin : 0 auto;
    padding-top : 20px;
    font-size : 14px;
    text-align : left;
    margin-bottom : 20px;
}
.colsB a{
    text-decoration: none;
    color : #b51e1e;
}
.ligneespace {
    line-height: 22px;
}
.trait110 {
    width : 110px;
    height : 2px;
    background-color: #b51e1e;
    margin-bottom: 8px;
}
.titre {
    font-size: 24px;
    font-family: 'Roboto-Bold-condensed', sans-serif;
    text-align : left;
    margin-bottom: 20px;
}
.equipe {
    display: flex;
    flex-direction: row;
    align-items: start;
    text-align : left;
    margin-bottom: 20px;
}
.equipe-photo {
    width : 115px;
    height : 130px;
    border : 1px solid #b51e1e;
}
.equipe-info {
    font-family: 'Roboto-Light', sans-serif;
    font-size : 14px;
    text-align : left;
    padding-left : 15px;
}
.rouge {
    color : #b51e1e;
    font-size: 20px;
    font-family: 'Roboto-Bold-condensed', sans-serif;
    margin : 10px 0px;
}
#rdv_coord {
    font-size: 16px;
    font-family: 'Roboto-Light', sans-serif;
}
#rdv_coord p{
    font-size: 20px;
    font-family: 'Roboto-Bold-condensed', sans-serif;
}



/* ================================================= */
/* RESPONSIVE */
@media (max-width: 1200px) {
  #corps {
    width : 100%;
    border : none;
  }
  #contenu {
    width : 90%;
  }
  #menu {  
  	flex-direction: column;      
    margin: 0 auto; 
  }
  #menu a {
  	flex-direction: column;  
    padding:0;
    margin : 10px auto;

  	    
  }
  #bandeau-menu {
    padding : 0;
      height : 100%;
      flex-direction: column;

  }
    #raison-sociale{
        width:100%;
    }
    #raison-sociale-h1 {
        margin : 0 auto;
        text-align : center;
    }
  #bd_top_logo {
      display : block;
      float : none;
      margin : 0;
      top:0;
  }
  #bd_top_title {
    display : none;
  }
  #bd_top {
    height : auto;
  	flex-direction: column;   
    text-align: center;
    margin: 0 auto;    
  }
  #bd_Photo {
      width : 100%;
      margin-top : -200px;
  }
  #contenu_page {
  	flex-direction: column;
  	width: 100%;

  }
  #footer-contenu {
    width : 100%;
  	flex-direction: column;    
  }
  #footer {
    height : 220px;
  }
  #contact-formulaire {
  	flex-direction: column;
  }  
  #contact-div-input {
      width : 100%;
      text-align : center;    
  } 
  #contact-zone-saisie {
      width : 100%;
      text-align : center;    
  }   
  .anniversaire {
    max-width:80%;
  }
  .tarifs {
    width:300px;
  }  
  img {
    max-width:99%;
  }
    #accueil-pictos {

    }
    .cols {
        flex-direction: column;
    }
    .col-2{
        width:100%;
        text-align : center;
    }
    .col-2 .trait110{

        width : 100%;

    }
</pre></body></html>