/* 
    Document   : frontend
    Created on : 21 sept. 2008, 13:34:29
    Author     : tb
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body, html{
  font-family:verdana;
  font-size:10pt;
}

#contenu{
  width:900px;
  margin-right:auto;
  margin-left:auto;
  height:auto;
  background-image:url('../img/banniere.jpg');
  background-repeat:no-repeat;
  min-height:600px;
  
}

#accueil{
    margin-top:50px;
}

#banniere{
  width:900px;
  height:150px;

  
}

h4{
    margin-bottom:5px;
}

#menu {
  float:left;
  width:200px;
  margin:2px;
  margin-top:70px;
  font-size:12pt;
  margin-left:70px;

  
}

#droit {
  width:600px;
  float:left;
  margin:2px;
}

#bas {
    margin-left:auto;
    margin-right:auto;
    width:900px;
    text-align:center;
    margin-top:2px;
    font-size:8pt;
}

#view_texte {
  width:370px;
  float:left;
  text-align:justify;
}

#view_photo{
  width:220px;
  float:right;
  border:1px solid gray;
  padding:1px;
  margin:1px;
}

.clear {
  clear:both;
}

.c_nom{
    width:400px;
    display:inline-block;
}

c_tel{
    width:190px;
    display:inline-block;
}

.element_menu {
  width:170px;
  height:25px;
  display:inline-block;
  margin:1px;
  padding:2px;
}

.element_menu a {
  color:white;
  text-decoration:none;
}

.element_menu a:hover{
  color:white;
}

.element_menu a:visited{
  color:white;
}

.diaporama {
    display:block;
    text-align:center;
}

.manifestation {

    width:100%;
    border:1px solid gray;
    padding:2px;
}

.titre_manif {
float:left;
  display:block;
  width:300px;

}

.date_manif {
float:left;
  display:block;
  width:300px;
}

.photo_manif {
  float:left;
  display:block;
  width:210px;
}

h1 {
    margin-left:50px;
}