/* 
    Document   : corps
    Created on : 7 oct. 2009, 22:12:25
    Author     : David
    Description:
        Purpose of the stylesheet follows.
*/

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

html
{
    background-color:#165930;
    padding:0;
}

.agenda
{
    margin-left:130px;
}
body
{
    background-image:url('../images/body.jpg');
    background-repeat:repeat-y;
    margin:0 auto;
    background-color:#165930;
    padding: 0;
    border-bottom:2px #165930 groove;
    
}

#separateur
{
    margin-top:5px;
     background-image:url('../images/separateur2.png');
      width:211px;
     background-repeat:no-repeat;
     height:9px;
     margin-bottom:1px;

}


#but
{
    color:white;
    text-decoration:none;
    width:25px;
    height:20px;
    background-color:#b0171f;
    border-bottom:2px #b0171f solid;
    border-right:3px #b0171f solid;
    border-left:2px #b0171f solid;
    font-size:16px;
}

#butSubmit
{
    background-color:#b0171f;
    color:white;
    height:20px;
    font-weight:bold;
    border:none;
    border-bottom:5px #b0171f solid;
}
#header
{
    margin:0 auto;
    width:1050px;
    height:160px;
   background-image:url('../images/header1024.jpg');
    background-repeat:no-repeat;


}

#titre
{
        height:25px;
        font-weight:bold;
        font-size:16px;
         color:#b0171f;
}

#table tr td, tr th
{
   border-bottom: 1px solid black;
        border-right: 1px solid black;
        font-size:13px;
}

#table thead tr td, thead tr th
{
   border-bottom: 1px solid black;
        border-right: 1px solid black;
         font-size:13px;
}

#table tr th
{
    background-color:#b0171f;
    color:white;
     font-size:13px;
}

table, tr, td
{
    font-size:13px;
}

a 
{
    color:#185b32;
    text-decoration:none;
}



#texte
{
    font-family:arial;
     font-size:13px;
    height:590px;
    overflow:auto;
}

/* Bloc central */
#centre
{
    margin:0 auto;
	width: 1100px;
	overflow: hidden;
    background-image:url('../images/degrade-vert1024.jpg');
    background-repeat:repeat-y;

}
#bouton
{
    background-color:#a3bead;
    color:#185b32;
    font-weight:bold;
}
hr
{
    color:#b0171f;
}

#footer
{
    text-align:right;
    color:#b0171f;
    font-size:12px;
    font-weight:bold;
    font-family:arial;
}

/* Menu de navigation */
#navigation
{
	float: left;
	width: 217px;
    height:100%;
     text-align:center;
     
}

#navigation .menu a
{
    
	display: block;
	font-size:15px;
	text-decoration: none;
    font-family:arial;
}

#navigation .sousmenu a:hover
{
     color:#b0171f;
	display: block;
	font-size:14px;
	text-decoration: none;
}



#navigation .sousmenu
{
     color:#185b32;
	display: block;
	font-size:14px;
	text-decoration: none;
    font-family:arial;
}

.test
{
    color:#185b32;
	display: block;
	font-size:14px;
	text-decoration: underline;
    font-family:arial;

}





#message
{
    width:100%;
    color:#d51800;
}
/* Contenu principal */
#principal
{
	float: left;
	width: 735px;
    height:100%;
	padding: 4px 4px;
    font-family:arial;
    font-size:13px;  
}
#principal > :first-child
{
	margin-top: 10px;
}
#principal p, #principal li
{
	line-height: 1.2;
}

/* Contenu secondaire */
#secondaire
{
    float:left;
    width:127px;
	padding: 12px 0;
    height:100%;
    font-family:arial;
    font-size:12px;
}

#menu
{
    width:207px;
    background-image:url('../images/menu-gaughe-centre.jpg');
    background-repeat:repeat-y;
    text-align:center;
    border-left:3px white solid;
}




#menuDroit1
{
    font-size:12px;
    width:120px;
    background-image:url('../images/menu-droite-centre.png');
    background-repeat:repeat-y;
    text-align:center;
    font-size:17px;
	text-decoration: none;
    color:#185b32;
    height:310px;
    font-family: Arial;
}

#menuDroit2
{
    font-size:12px;
    width:120px;
    background-image:url('../images/menu-droite-centre.png');
    background-repeat:repeat-y;
    text-align:center;
    font-size:17px;
	text-decoration: none;
    color:#185b32;
    height:255px;
    font-family: arial;
}

#hrMenu
{
    width:190px;color:#185b32;
}

#headerMenu
{

    width:1127px;
    height:45px;
    margin-left:36px;
    
}
#menuHorizontal
{
    height:44px;
    width:100%;
    list-style:none;
    font-size:15px;
    font-weight:bold;
    padding-left:125px;
    margin-left:85px;
    font-family:arial;
    padding-top:25px;
    }

#menuHorizontal li {

position:relative;
float:left;
cursor:pointer;
display:block;
background:none;
height:13px;
}

#recherche
{
    color:gray;
}

#lirecherche
{
  margin-left:6px;
}
#menuHorizontal a
{
    text-decoration:none;
}

#photo
{
    width:90px;
    height:120px;
    background-image:url('../images/degrade-vert-petit.jpg');
    background-repeat:repeat-y;
    margin-left:8px;
}

#lientitre:hover
{
    color:#ec6806;
}

#lientitre
{
     color:#d51800;
     }

#membres
{
    padding-top:0;
    width:200px;
    border:1px black groove;
    text-align:center;
}

#article
{
    width:100%;
    font-size:13px;
}

#tableContact tr td, tr th
{
        border-bottom: 1px solid black;
        border-right: 1px solid black;
}

#tableContact tr th
{
    background-color:#b0171f;
    color:white;
}

#vert, #vert a
{
    color:#185b32;
    text-decoration:none;

}

#thumbs{overflow:auto;list-style:none;text-align:center;width:200px;padding:0;margin-top:0;margin-left:20px;height:400px}
#thumbs img {vertical-align:middle; border:none;}
#thumbs li {float:left;list-style:none}
#thumbs a{display:block;outline:none;padding:6px}
#thumbs a:hover, #thumbs a:focus{background:#b40101}
#thumbs a.active{background:#000;}

#mois
{
    color:white;
    background-color:#b0171f;
    border:1px black solid;
    text-align:center;
    height:20px;
    width:98%;
}

#journee
{
    color:white;
    background-color:#b0171f;
    border:1px black solid;
    text-align:center;
    height:20px;
    width:100%;
}

div#photo
{
    text-align:left;
    width:100%;
}



div#photo dd
{
    margin: 0 ;
}

div#photo img
{
    border: 1px solid black ;
}