@charset "utf-8";
body {
	margin:0;
	padding:0;
	background-image:url(images/fond2.png);
	background-repeat:repeat-x;
	background-color:#b03109;
	color:rgba(44,2,0,1);
	font-size:1.2em;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
#contenant {
	width: 90%;
	max-width: 1280px;
	margin:0 auto;
	padding: 10px;
	color: rgba(44,2,0,1);
	
}
#nomsite {
	color: rgba(255,255,255,0.9);
	font-size:3.5em;
	font-weight:bold;
	line-height:50px;
}

#contenu {
	background-color: rgba(255,255,255,0.7);
	min-height:600px;
	padding:10px;
	margin-top:7px;
	width:100%;
	display:table;
}
#colonnegauche, #colonnecentre, #colonnedroite { 
    display:table-cell;
    vertical-align:top;
}
#colonnegauche,  #colonnedroite { 
    text-align:center;
    width:100px;
}
.menu {
	list-style:none;
	margin:0;
	padding:0 10px;
}
.menu li {
	display:inline-block;
	margin-left:0.5em;
	margin-right:0.5em;
}
.menu a {
	text-decoration:none;
}
#menuprincipal {
	background-color: rgba(109,13,0,1);
	width:100%;
	text-align:center;
	color:#ac0909;	
	font-size:1.3em;
}
#menuprincipal li{
	padding: 5px;
}
#menuprincipal li a{
	color:#fff;
}
#pied {
	background-color: rgba(255,255,255,0.5);
	padding:10px;
	margin-top:7px;
	width:100%;
	font-size:0.8em;
	display:table;
}
#adresse {
	display:table-cell;
}
menupied {
	display:table-cell;
}
h1 {
	color: rgba(109,13,0,1);
}
a {
	color: rgba(109,13,0,1);
}
#telephone {
    font-size:1.5em;
    font-weight:bold;
}
#tel {
font-size:1.3em;
    color:rgba(44,2,0,0.6);
}
#photoMoussa {
    float:left;
    margin-right: 5px;
    max-width: 50%;
}
@media screen and (max-width:1000px) { 
    #telephone {
        font-size:1.3em;
    }
    #colonnegauche,  #colonnedroite { 
        width:75px;
    }
}
@media screen and (max-width:900px) { 
    #telephone {
        font-size:1.2em;
    }
    
}
@media screen and (max-width:800px) { 
    #nomsite {
        font-size:2.5em;
    }
    #menuprincipal {
       font-size:1.1em!important;
    }
    h1 {
        font-size:1.5em;
    }
    
    #colonnedroite img {
        max-height: 100px;
        width: auto;
    }
    #tel {
        font-size:1.1em;
    }

}
@media screen and (max-width:600px) { 
     #colonnegauche {
        display: none;
    }
    #colonnegauche,  #colonnedroite { 
        width:65px;
    }
    #photoMoussa {
        float:none;
        margin-right: 5px;
        max-width: 250px;
        text-align: center;
    }
}
@media screen and (max-width:500px) { 
    #nomsite {
        font-size:1.6em;
    }
   
    #telephone {
        font-size:1.1em;
    }
}