@font-face {
  font-family: "Vibrocentric";
  src: url('vibrocen.ttf') format("truetype");
}



body  {
background: white url('http://planete.mozfr.org/custom/style/img/bg_body_0.jpg') no-repeat scroll left top;
font-family: sans-serif;
}

h2 {
    color:#B72822;
    font-family:'Vibrocentric',Georgia,Times,"Times New Roman",serif !important;
}

h1#entete {
    max-width:950px;
    margin-top:50px;
}

h1#entete {
    background: rgba(0,0,0,0.5) url('img/commfrancophone.png') no-repeat 10px 10px;
    text-indent:-1000em;
    height:50px;
    border-bottom: 8px solid rgb(197, 83, 78);
    padding:10px;
    margin-bottom:0;
}

div#message {
   background: rgba(255,255,255,0.7);
   padding:10px;
   height:100px;
   padding-top:30px;
}

div#message h2, div#message h3 {
    margin:0;
    font-weight:normal;
}


div#contenu {
    margin:auto;
    width:80%;
    padding: 0 10%;
    margin-bottom: 100px;
    background-color: rgba(255,255,255,0.7);

}


div.boite {
-moz-border-radius:3px 3px 3px 3px;
-moz-box-shadow:0 1px 5px #888888;
background:none repeat scroll 0 0 white;
border-bottom:3px solid #6EAEC7;
border-top:4px solid #6EAEC7;
opacity:0.8;
padding:10px 5px 10px 10px;
width:28%;
margin-right:5%;
float:left;
position:relative;
min-height:250px;
}



div.boite:hover {
opacity:1;

}

div.last {
    margin-right:0;
}

hr.clear {
clear:both;
visibility:hidden;
border:none;
height:0;
line-height:0;
}

p {
color:black;
}

p.lien {
position:absolute;
bottom:0;
text-align:center;
width:99%;
margin-left:0;
}

a {
text-decoration:none;

}

:focus
{
  -moz-outline-style: none;
}

p.desc {

padding:0 10px;

}

p.desc a {
color:black;
display:block;
min-height:10em;
}

#contenant {

width:950px;
margin:auto;

}



a.frenchmoz {
width:100%;
display:block;
background: transparent url('img/frenchmoz.png') no-repeat center;
line-height:160px;
text-indent:-1000em;
}

a.geckozone {
width:100%;
display:block;
background: transparent url('img/geckozone.png') no-repeat center;
line-height:160px;
text-indent:-1000em;
}

a.xulfr {
width:100%;
display:block;
background: transparent url('img/xulfr.png') no-repeat center;
line-height:160px;
text-indent:-1000em;
}

p#contact {
width:700px;
text-align:right;
}

p#contact img {
display:none;
}