/* 
    Document   : main.css
    Created on : 2010-10-17, 15:35:17
    Author     : mvilleneuve
    Description:
        Purpose of the stylesheet follows.
        Main CSS
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
html{
  overflow-y:scroll;
}

body {
  margin:0px;
  padding:0px;
  border:0px;
  font-family: "Lucida Sans Unicode", Arial;
}
a{
  color:black;
  text-decoration: none;
}
a:hover{
  color:red;
}
/* SPAN ID */
#rouge{
  color:red;
}
/* FIN SPAN ID */
#wrapper{
  width:1008px;
  margin:auto;
}
#header{
  width:1008px;
  height:179px;
}
#langue{
  float:right;
  position:relative;
  margin-top:-75px;
  margin-right:30px;
  font-size:8pt;
  text-transform: uppercase;
}
#menu{
  float:right;
  clear:left;
  width:1008px;
  position:relative;
  margin-top:-40px;
}
#menu img{
  float:right;
}
#menu ul{
  list-style-type:none;
}
#menu li{
  float:right;
  clear:left;
  margin-left:30px;
  font-size: 7pt;
  text-align:right;
  text-transform: uppercase;
  font-weight:bold;
}
#element_gauche{
  width:225px;
  float:left;
  clear:left;
}
#adresse{
  color:red;
  font-size:9pt;
  font-weight:bold;
  margin-bottom:20px;
  margin-left:10px;
}
 /* AUTHENTIQUE CE TROUVE DANS L'ADRESSE, IL Y A UN ID POUR LE P
    ET UN SPAN POUR LE 50 QUI EST PLUS GROS ET ROUGE */
 #authentique{
    color:black;
    font-size: 10pt;
    text-transform: uppercase;
    font-weight:bold;
    margin-bottom:20px;
  }
  #authentique_rouge{
    color:red;
    font-size:13pt;
  }
  /* FIN AUTHENTIQUE */
#galerie_photo img{
  width:225px;
  height:161px;
}
#galerie_photo p{
  text-align:  center;
  font-weight: bold;
  font-size:9pt;
  text-transform: uppercase;
}
#contenu_droit{
  float:left;
  clear:right;
  width:600px;
  margin-top:20px;
  margin-left:70px;
}
  #accueil_mask{
    width:600px;
    background-image:url("images/tybreiz_principal.jpg");
  }
  #joindre{
    width:300px;
    font-size:8pt;
  }
  #joindre a{
    color:blue;
  }
  #texte p{
    font-size:8pt;
  }
  #temoignage_choix{
    width:600px;
    text-align:center;
  }
  iframe{
    float:right;
    width:250px;
    margin-top:-270px;
}
.temoignage{
  width:600px;
  text-align: left;
}
.hr_galerie{
  height:4px;
  background-color:black;
}
#footer_bottom{
  position:absolute;
  bottom:0px;
  left:50%;
  margin-left:-504px;
}
#myController{
  margin-top:15px;
  width:402px;
}
.jFlowControl{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}