/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-spacing: 0;
}


body{
   background:url(../images/background.jpg) top left repeat; 
   margin:0px;
   padding:0px;
   font-size: 	0.688em;  
   color:#544d43;
   font-family: verdana, sans-serif;
} 

h1{
   text-transform:uppercase;
   color:#ed7404;
   font-size:1.364em;
   font-family: 'New York', helvetica, arial, sans-serif;
}

#middle_l h1{
   font-size:2em; 
   margin:6px 0 0 0;   
}

h2{
   text-transform:normal;
   color:#49433f;
   font-size:1.091em;
   font-weight:normal;
   margin:1px 0 10px 0;
} 

#middle h2, #middle_l h2{
   text-transform:normal;
   color:#ed7404;
   font-size:1.364em;
   font-weight:bold;
   margin:0 0 15px 0;  
   font-family: verdana, sans-serif;  
   line-height:1.067em;
   
}
#middle_l h2{
   text-transform:uppercase;
   font-size:1.067em;
   margin:15px 0 5px 0;  

}

#middle_l h2#soustitre{
   text-transform:normal;
   color:#ed7404;
   font-size:1.364em;
   font-weight:bold;
   margin:0 0 15px 0;  
   font-family: verdana, sans-serif;  
   line-height:1.067em;
    height:1.067em;
   display:block;
   margin:0px 0 5px 0;

   
}

#middle_l h4{
 
   text-transform:uppercase;
   color:#ed7404;
   font-size:1em;
   font-weight:bold;
   font-family: verdana, sans-serif;  
   line-height:1.067em;
   display:block;
   margin:0px 0 5px 0;

   
}
h3{
   text-transform:normal;
   color:#fff;
   font-size:1.091em;
   font-weight:bold;
   margin:2px 0; 
   display:block;
} 

#middle_l h3{
   text-transform:uppercase;
   color:#58585a;
   font-size:1.364em;
   font-weight:bold;
   margin:20px 0 25px 0; 
   display:block;
}  

span{
   color:#ed7404;    
} 

span.date{
   color:#000;
   font-style:italic;    
}

h2 span.date{
   color:#000;
   font-style:italic;
   font-weight:normal;    
}

b{
   font-weight:bold;    
}

a, .p_colonnes a{
   color:#4b4b4b;
   text-decoration:underline;    
    
}

a:hover, .p_colonnes a:hover{
   color:#4b4b4b;
   text-decoration:none;    
}

.p_calendrier a{
   color:#ed7404;
   text-decoration:underline;    
    
}

.p_calendrier a:hover{
   color:#ed7404;
   text-decoration:none;    
}  

#content p, #content_l p{
   padding:0 0 15px 0;
} 

#content ul, #content_l ul{
   margin:0px 0 15px 25px;
   list-style-type:disc;    
}

#content ul ul, #content_l ul ul{
   margin:2px 0 0px 15px;
   list-style-type:circle;    
}

#content ul ul ul, #content_l ul ul ul{
   margin:2px 0 0px 15px;
   list-style-type:square;    
}  

#content li, #content_l li{
   padding:3px 0;   
} 



#main{
   width:969px;
   margin:0 auto 26px auto;  
   position:relative;  
}

#newsletter{
  position:absolute; 
  right:0px; 
}

#logo{
  height:102px;
  background:#dedede;
  margin:0px;
  padding:0px;
  overflow:hidden;
  display:block;  
  float:left;
}  

#menu{
   background:url(../images/_menu-trans.png) top left no-repeat;  
   line-height:31px;
   height:31px;
   margin:0px 0 10px 0px; 
   padding:0 12px;
   width:100%;
   overflow:hidden; 
   clear:both;
} 

   #menu ul {
      display:none;    
   }
   
   #menu li{
      display:block;
      float:left;    
      margin:0 8px;    
   }
   
   #menu li:hover ul, #menu li a:hover ul{
      display:block;
      position:absolute;
      background:#efa026;
      width:140px;
      margin:31px 0 0 0;
      border:1px solid #5e513f; 
      font-size:0.909em;
      z-index:1000;
   }
   
      #menu ul li{
          display:block;
          float:left;    
          margin:0;
          padding:0px; 
          line-height:13px; 
      }
      #menu li ul li a{
          padding:0;
          color:#000;
          text-transform:uppercase;
          font-weight:bold;
          text-decoration:none;
          font-family: 'New York', helvetica, arial, sans-serif;
          padding:7px 10px 4px 10px;
          display:block; 
       }
       #menu li ul li a:hover{
          background:#e3650d;
          border:none;
          display:block;
          padding:7px 10px 4px 10px;
          width:120px; 
 
       }    
   
   #menu a{
      padding:5px 0 0 0;
      display:block;
      float:left;    
   }
   
   #menu a:hover{
      padding:0px 0 0 0;
      display:block;
      float:left;
      border-top:5px solid #ed7404;    
   }  
   
   #menu span{
      display:none;    
   }

#image{
   margin:0px 0 0px 0;
   height:163px;
   overflow:hidden;
   display:inline; 
   z-index:1;   
} 

#content{
   margin:23px 0 0 0;
   float:left;
   width:653px;
   color:#4b4b4d;
}

#content_l{
   width:969px;
   color:#4b4b4d;
   margin:23px 0 0 0;
}

#content_l p{
   line-height:1.636em;  
}

    #top{
      background:url(../images/top-trans.png) top left no-repeat;
      height:9px;
      width:100%;  
      display:block;  
    }  
    
    #bottom{
      background:url(../images/btm-trans.png) top left no-repeat;
      height:9px;
      width:100%;
      display:block;  
    }    
    
    #middle{
      background:url(../images/middle-trans.png) top left repeat-y; 
      padding:13px 20px; 
      line-height:1.182em;
    }
    #top_l{
      background:url(../images/top_l-trans.png) top left no-repeat;
      height:9px;
      width:100%;  
      display:block;  
    }  
    
    #bottom_l{
      background:url(../images/btm_l-trans.png) top left no-repeat;
      height:9px;
      width:100%;
      display:block;  
    }    
    
    #middle_l{
      background:url(../images/middle_l-trans.png) top left repeat-y; 
      padding:13px 20px; 
      line-height:1.182em;
    } 
    #middle img{
       display:inline;
     
    }

    .p_calendrier{
       color:#4b4b4d; 
    }
    .p_calendrier{
        border-collapse:collapse;
    }
    .p_calendrier td{
       vertical-align:middle;
       padding:5px 5px;
       text-align:center;
       border:1px solid #b1b3b4;    

    }
    
    .p_calendrier tr td:first-child{
       text-align:left;
       font-weight:bold;
       font-size:0.909em;
    }
    
    .p_calendrier th{
       height:23px;
       font-size:0.909em;
       background:#ed7404;
       color:#fff;
       vertical-align:middle;
       border:1px solid #b1b3b4;
       text-transform:uppercase;    
    }
    
   
    
    .p_home td, .p_colonnes td{
       vertical-align:top;
       padding:0 15px;
       border-left:1px solid #b1b3b4; 

    }
    

 

    .p_home table td:first-child, .p_colonnes td:first-child{
       border-left:none; 
    }  
    
    
#actualites{
  background:url(../images/actualites-trans.png) top left no-repeat;  
  margin:26px 0 0px 0; 
  padding:0px;
  width:298px;
  height:421px;
  float:right;
} 

   #titre_actualites{
      margin: 10px 38px 0 24px;    
   } 
   
   #list_actualites{
      margin:12px 20px 21px 26px;
      overflow:auto;
      height:349px;
      padding:0 33px 0 0;
   }
   
   #list_actualites div{
      margin:0 0 16px 0;
      display:block;    
   }
   
   #list_actualites div.n_text{
      color:#000;
      font-size:0.909em;
      margin:2px 0;    
   } 
   
   #list_actualites a.more{
      margin:2px 0;
      display:block;
      color:#fff;
      text-decoration:none;    
   }      

#footer{
   background:#c1c1c2;
   line-height:33px;
   height:33px;
   overflow:hidden;
   text-align:left;
      font-size: 	0.909em;  
      padding:0px;
      margin:0px;  
      height:100%;
      

}   

#footer span{
   text-align:center;
   color:#4B4B4B;
   display:block;
   float:left;
   background:#b3b3b3;
   width:60%;
   text-align:right;
   padding:0 35px;
   margin:0 35px 0 0;
   height:100%;
   height:33px;
}



.end{
   clear:both;    
} 

#system-message {margin-bottom: 10px;padding: 0; margin-top:10px;}
#system-message dt {font-weight: bold;}
#system-message dd {margin: 0;font-weight: bold;}
#system-message dd ul {list-style: none;margin: 0px;padding: 10px;}
#system-message dt.notice {margin:0px;}
#system-message dd.notice ul {margin: 0px;list-style: none;}
#system-message dd.notice ul {color: #DCA33C;} 
#system-message dd.notice ul {background-color:#FEF6D8;} 
#system-message dd.notice {border-top: 3px solid #F0DC7E;border-bottom: 3px solid #F0DC7E;padding:5px; text-align:center;background:#FFF4BF;} 

.contact_left{
   float:left;
   width:390px;
   border-right:1px solid #b1b3b4; 
    
}

.contact_right{
   float:left;
   width:300px;
   margin:0 0 0 40px;    
}
.contact_left label{
   font-weight:bold;
   text-align:right;
   width:85px;
   padding:0 10px 0 0;
   display:block;
   float:left;
   height:25px;
   line-height:25px;
   margin:0 0 2px 0;    
}

.contact_left input, .contact_left select{
   float:left;
   width:255px; 
   margin:0 0 5px 0;
   height:16px;
}

.contact_left input.submit{
   float:right;
   width:100px; 
      height:22px;

   margin:10px 40px 5px 0;
}

.contact_left select{
   float:left;
   width:260px; 
   height:22px;
   margin:3px 0 8px 0;
}
*{
   margin:0;    
}
 html, body {
    height: 100%;
 }
 #main {
     min-height: 100%;
     height: auto !important;
    height: 100%;
     margin: 0 auto -3em;
     padding-bottom:0px;
 }
 #footer, .push {
     height: 3em;
     z-index:1000;
     position:relative;
 }

 
 #text{
    margin:0 0 20px 0;    
 }