/* mise en page globale */

body {
margin: 0;
padding: 0;
background: #FFEBCD;
color: black;
font-size: 80%;
font-family:  Verdana, Arial, Helvetica, serif;
}
#general {
        width:1120px;
                
}
#banniere{
	background-image: url(images/banniere.jpg);
	
	height: 80px;
	width: 1120px;

	

	background-repeat: no-repeat;
}
#banniere_texte{
	height: 50px;
	top: 60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bolder;
	color : #990000;
	text-align:center;
	padding-top: 30px;        
}
#banniere_sous_texte{
        position: relative;
        height: 35px;
        width: 800px;
        left: 350px;
        top: 45px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: smaller;
        font-style: italic;
        color: #336699
        
}

#footer {
        position: relative;
/*        margin-left: 200px;              */
/*        border-top: 3px solid #990000; */
       text-align : center ;
	   width:1120px;
}

/* menu horizontal*/

#menuhaut {
	
	height: 30px;
	width: 1120px;
	list-style-type: none;
	background-color: #990000;
	color: white;
	text-align: center;
	line-height: 2 em;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	padding-top: 10px;	
}
#menuhaut li {
        display: inline;
}
#menuhaut a {
        color: white;
        text-decoration: none;
}
#menuhaut a:hover {
        text-decoration: underline;
}

#menuformu_navig {
 
        height: 20px;
 
                font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.8em;
                         line-height: 1em;
                margin : 5px;
        color: black;
        font-style: bold;
        letter-spacing: 2px;

}
#menuformulaire {

        list-style-type: none;
        text-align: right;

}
#oldmenuformulaire {
        position: absolute;
        margin: 0;
        top : 83px;
        height: 15px;
        width: 1120px;
        list-style-type: none;
        color: #990000;
        text-align: right;
        line-height: 1em;
}
#menuformulaire li {
        display: inline;
        }
#indent {
margin-left: 200px;
}

#indent150 {
margin-left: 150px;
}
#global {

margin-left: 10px;
margin-top : 50px;
line-height : 1.5em;
text-align:left



}
#global h1 {
        font-weight: bold;
        font-size: 150%;
                text-align : left ;
        padding-bottom: 0.2em;
        border-bottom: 3px solid #990000;
        font-variant: small-caps ;
        text-indent: 5px;
        color: #990000;
                font-family : Arial,Helvetica,Geneva,Swiss,SunSans-Regular ;
                color="#336699";
}
#global h2 {
        margin-top: 1em;
        margin-bottom: 1em;
                font-variant: small-caps ;
        font-size: 150%;
        font-weight: bold;
        color: #336699;
                 letter-spacing: 2px;
}
#global h3 {
        margin-top: 1em;
        margin-bottom: 1em;
                margin-left : 2.5em ; 
        font-size: 110%;
        font-weight: bold;
        color: #336699;
		
}
#global h4 {
        margin-top: 1em;
        margin-bottom: 1em;
                margin-left : 2em ;
        font-size: 110%;
        font-weight: bold;
        color: #336699;
}
#global h5 {
        margin-top: 1em;
        margin-bottom: 1em;

        font-size: 110%;
        font-weight: normal;
        color: #336699;
}
#global h6 {
        margin-top: 1em;
        margin-bottom: 1em;
        font-size: 120%;
        font-weight: bold;
        color: #000000;
                 letter-spacing: 2px;
}
#global a {
color: #3366CC;
text-decoration: none;

}
#global a:visited {
text-decoration: none;
}
#global a:hover {
 text-decoration: underline;
color: #990000;
}

/* defilement  */
#defilement {
        float: right;
        width: 200px;

height: 222px;
                background: #990000;
     color: white;
     font-weight: bold;
	 text-align:center;
     line-height: 3em;
         
        margin: 4 4px 4px 4px;
        border-left-width: 2px;     border-left-style: solid;     border-left-color: #660000;

    border-right-width: 2px;    border-right-style: solid;    border-right-color: #660000;

    border-top-width: 2px;      border-top-style: solid;      border-top-color: #660000;

    border-bottom-width: 2px;   border-bottom-style: solid;   border-bottom-color: #660000;
        }

/* encart */
#encart {
        float: right;
        width: 200px;

height: 222px;
                background: #990000;
     color: white;
     font-weight: bold;text-align:
     line-height: 1.4em;

        margin: 4 2px 2px 2px;
        border-left-width: 2px;     border-left-style: solid;     border-left-color: #660000;

    border-right-width: 2px;    border-right-style: solid;    border-right-color: #660000;

    border-top-width: 2px;      border-top-style: solid;      border-top-color: #660000;

    border-bottom-width: 2px;   border-bottom-style: solid;   border-bottom-color: #660000;
        }

/* evenement */

#evenement {
float: right;
        width: 250px;

height: 222px;
                
     font-weight: bold;text-align:
     line-height: 1.4em;
         center;
        margin: 4 2px 2px 2px;
        border-left-width: 2px;     border-left-style: solid;     border-left-color: #660000;

    border-right-width: 2px;    border-right-style: solid;    border-right-color: #660000;

    border-top-width: 2px;      border-top-style: solid;      border-top-color: #660000;

    border-bottom-width: 2px;   border-bottom-style: solid;   border-bottom-color: #660000;
        }

/* evenement_ancien */

#evenement_ancien {
        float: right;
        /* width: 300px; */
        height: 222px;
        font-weight: bold;text-align:
        line-height: 1.4em;
        margin: 4 2px 2px 2px;
        }

/* info importante  */

blockquote {
        border-width: 8px 1px 1px 8px;
        border-style: solid;
        border-color: #336699;
        margin: 1em;
        padding: 0.5 0.5em;
        background: #336699;
        font-style: normal;
        color : white ;
        
}
#blockevent {
        border-style: solid;
        border-left-width: 2px;     border-left-style: solid;     border-left-color: #660000;

    border-right-width: 2px;    border-right-style: solid;    border-right-color: #660000;

    border-top-width: 2px;      border-top-style: solid;      border-top-color: #660000;

    border-bottom-width: 2px;   border-bottom-style: solid;   border-bottom-color: #660000;
        
		border-color: #990000;
        
		margin: 2 em;
        padding: 1 1 em;
        font-style: normal;
        
}

#news {
        border-left: 1px solid #336699;
        border-right: 1px solid #336699;
        border-bottom: 1px solid #336699;
        border-top: 1px solid #336699;

}

#titre_news {
        font-weight: bolder;
        text-align: center;
        padding: 3px 3px 3px 3px;
        margin: 0px 0px 10px 0px;
        text-decoration: none;
        background-color: #336699;
        color: white;
}
#date_news {
        font-weight: 8px;
        text-align: right;
        padding: 20px 0px 0px 0px;
        font-style: italic;
        color: #999999;
        font-size: small; 
}
#event_news{
        
        text-align: left;
        margin: 5px;
        text-decoration: none;
        background-color: #336699;
		border-top: 3px solid #990000;
        color: white;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
}

#instr_text{

        text-align: justify;
        margin: 5px;
        text-decoration: none;
        color: #336699;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
}



a.visible {
color: white;
text-decoration: none;
font-weight: bold;
height: 110%;
}


dl, dt, dd, ul,li {
margin: 0;
padding: 0;
list-style-type: none;
}


/* CSS du menu horizontal, bieler batiste */

#menu{
   position:absolute;
   display:block;
   margin:0;
	padding:0;
	width: 1120px;
	top : 83px;
	height: 30px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #006666;
	list-style-type: none;
	background-color: #990000;
	text-align: center;
	color: white;
	padding-top: 10px;
}

#menu ul{
   position:absolute;
   display:block;
   width:135px;
   padding:0;
	line-height: 30px;
   text-align: center;
   font-weight: bold;
   /* border: 0px solid black; */
	background: #990000;
	color : white;
    }
    
#menu li ul{
    visibility:hidden;
    }

#menu li li ul{
    position:absolute;
    margin-left:135px;

    }
    
#menu li{
    list-style:none;
    width:135px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
#menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html #menu li li{
    display:inline;
    }

#menu a{
    text-align:center;
    display:block;
	 text-align:center;
    /* border:1px #666 solid;   */
    /* display:block;   */
    width:135px;
    text-decoration:none;
    padding:0px 0;
    margin:0px;
	background: #990000;
    color : white
    }
    
#menu a:hover{
	background-color: black;
    }
    
/* for a mozilla better display with key nav */
#menu a:focus{
    background-color: #FFEBCD;
}
#menu a:linkOver{
    background-color: black;
    }
	 


 
#texte{
        position: absolute;
        left: 200px;
        /* width: 300px; */
        top: 135px;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #0070B0;
        line-height: 1.4em;
        text-align: justify;
}

#navigation {

        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.8em;
                         line-height: 1em;
                margin : 5px;
        color: black;
        font-style: bold;
        letter-spacing: 2px;
        
        
                
}
#oldnavigation {
                position: absolute;
                top : 110px;
        height: 15px;
                left: 210px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        color: black;
        font-style: bold;
        letter-spacing: 2px;
        
        
                
}

  .listing_module:link{text-decoration:none; color:#777;}
  .listing_module:visited{text-decoration:none; color:#777;}
  .listing_module:hover{ text-decoration: underline; color: #990000;} 


.tabtitre {  font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: bold;
                text-indent  : 1.5em ;
        color:  black;
        
      }
.tabcontenu {font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
        margin : 5px;
        text-align: : top;
                color: black;}
.module {
  color: black;
}           

h1.module  {
        font-weight: bold;
        font-size: 150%;
        text-align : left ;
        padding-bottom: 0.2em;
        border-bottom: 3px solid #990000;
        font-variant: small-caps ;
        text-indent: 5px;
       font-family : Arial,Helvetica,Geneva,Swiss,SunSans-Regular ;
                color="#336699";
}
h2.module  {
        margin-top: 1em;
        margin-bottom: 1em;
        font-variant: small-caps ;
                  letter-spacing: 2px;
                font-size: 1.5em;
                 font-weight: bold;
        color: #336699;
}
h3.module  {
        margin-top: 1em;
        margin-bottom: 1em;
                margin-left :1em ;
        font-size: 1.3em;
        font-weight: normal;
        color: #990000;
}

.titre2 {
       margin-top: 1em;
        margin-bottom: 1em;
        font-variant: small-caps ;
                  letter-spacing: 2px;
                font-size: 1.5em;
                 font-weight: bold;
                                
        color: #336699;
                
}
.titre3  {
         margin-top: 1em;
        margin-bottom: 1em;
        margin-left :1em ;
        font-size: 1.3em;
        font-weight: normal;
        color: #990000;
                
}

p.module 
{
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
                text-indent : 5px;
        color: #0070B0;
        line-height: 1.4em;
        text-align: justify;
}
#liste_image ol
{
  list-style-image : url(images/link.gif);
  list-style-position:outside
  
  
}

.liste  { color: #336699; margin-left : 5em ; }

a.petit {

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CA6820;
text-decoration: none;

}
h2.fichemodule  {
        margin-top: 1em;
        margin-bottom: 1em;
                  letter-spacing: 1px;
                font-size: 1.5em;
        font-weight: bold;
        color: #990000;
}

/*************** search styles *****************/

#search{
        position: absolute;
        top: 60px;
        right: 10px;
        z-index: 101;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
        font-size: 80%;
        font-weight: bold;
        
}

#search a:hover{
        margin: 0px;
}

.search1 {
        background-color:#FEFCED;
        font-size : 12px;
        font-family : Verdana;
        margin:10px 0px 10px 0px;
        padding :10px 0px 10px 0px;
        color: #333399;
}
.search0 {
        background-color:#FFF0CE;
        font-size : 12px;
        font-family : Verdana;
        margin:10px 0px 10px 0px;
        padding :10px 0px 10px 0px;
        color: #333399;
}
/*************************email*****************/
.nav a {
        color: white;
        padding: 2px;}
        
.nav a:link {
        color: white;
        padding: 2px;}
.nav a:visited {
        color: #cccccc;
        padding: 2px;
}

.nav a:hover {
        color: #FFFFFF;
        background-color: #666666;
        padding: 2px;
}

#print{

top:80px;

}

.titre_page_accueil {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
	font-style: normal;
	line-height: 1.5em;
	font-weight: bold;
	color: #990000;
}