/* 
    Document   : thomas
    Created on : 15 août 2008, 15:49:35
    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:'lucida grande', Verdana, Helvetica, Arial, sans-serif;
    text-align:justify;
    font-size: 10pt;
    background-color:#3333FF;
}

h1{
    font-size: 24pt;
    font-family:'Comic Sans MS', Verdana, Helvetica, Arial, sans-serif;
    color:white;
    margin-top:0px;
}

#menu{
        font-size:12pt;
        float:left;
        width:150px;
        /*background-color:pink;*/
        border:1px solid #FFF;
        height:400px;
        min-height:400px;
        
}

#contenu{
    float:left;
    width:642px;
    /*background-color:green;*/
    margin-left:2px;
    padding-left:5px;
    border:1px solid #FFF;
    
    min-height:400px;
    
}

#premiere{
    float:left;
    width:642px;
    background-image:url('../img/echasse.gif');
    background-repeat:no-repeat;
    background-position:right;
    margin-left:2px;
    padding-left:5px;
    border:1px solid #FFF;
    height:400px;
}

#bas{
    clear:both;
    float:left;
    width:800px;
    text-align:center;
    color:grey;
    margin-top:2px;
    font-size:8pt;
}

#titre_ev{
        font-weight:bold;
        float:left;
        width:400px;
        border-bottom:1px solid grey;
        
}

#lieu_ev{
    float:left;
    width:370px;
}

#date_ev{
    float:left;
    text-align:right;
    width:230px;
    font-weight:bold;
}

#desc_ev{
    clear:left;
    width:100%;
    margin-bottom:5px;
    font-style:italic;
    float:left;
    padding-bottom:5px;
}

#news{
    background-color:white;
    margin:2px;
    width:98%;
}

#presentation{
    margin-bottom:10px;
    width:500px;
}

#lien_corps{
    width:50%;
    float:left;
}

#lien_link{
    width:50%;
    float:left;
}

#contact{
    width:50%;
    float:left;
}

#contact_mail{
    float:left;
    width:50%;
}

.mini{
    display:inline-block;
    border:1px solid grey;
    margin:2px;
    padding:2px;
}

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

.galerie{
    width:625px;
    float:left;
    border:1px solid grey;
    margin:2px;
    padding:2px;
    
}

#photo{
    width:125px;
    float:left;
    margin:2px;
    padding:2px;
}

fieldset {
	border: 0px solid #ccc;
	
}
fieldset legend {
	display:none;
}

form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}

label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}

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

li a{
    font-size:14pt;
}

a:hover {
    font-variant:small-caps;
}

#menu li {
    list-style-image:url('../img/tournesol_petit.gif');
    margin-bottom:3px;
  
}