@charset "utf-8";
* {padding: 0; margin: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,tr,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}

img { border: none;}
ul li { list-style: none;}
.clear { clear: both;}
a { text-decoration: none; color: #0f7cda;}
a.more { text-decoration: none; color: #0bfbf3;}

a:hover { text-decoration: underline;}
.left{ float:left;}
.right{ float:right;}
.red{color: #e9112a;}
.blue{color: #0f7cda;}

body{
	margin: 0 auto;
	height: auto;
	background:#e5e5e5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58585a;
}
#conteneur{
	margin: 0 auto;
	width: 770px;
}

div#page{
	/*background: url(../images/bg_repeat.gif) repeat-x;*/
	height: 315px;
}

#logo{
	padding-top: 20px;
	padding-bottom: 7px;
}
#header{
}

h4{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	padding-bottom: 9px;
	padding-top: 6px;
	font-size: 12px;

}

h5{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight:normal;
	padding-bottom: 9px;
	padding-top: 6px;
	font-size: 12px;

}

/************************** MENU PRINCIPAL *****************************/

#menu_principal{
	height: 31px;
	position: relative;
	width: 770px;
	padding-bottom: 8px;
}
#menu_principal li a{
	display: block;
}
#menu_principal ul li#nav_home > a:first-child{
	width: 73px;
	background-position: 0 0;

}
#menu_principal ul li#nav_home a:hover, #menu_principal ul li#nav_home a.active{
	background-position: 0 -31px;
}

#menu_principal ul li#nav_savoir > a:first-child{
	width: 123px;
	background-position: -89px 0;
}
#menu_principal ul li#nav_savoir a:hover, #menu_principal ul li#nav_savoir a.active{
	background-position: -89px -31px;
}

#menu_principal ul li#nav_catalogue > a:first-child{
	width: 111px;
	background-position: -352px 0;
}
#menu_principal ul li#nav_catalogue a:hover, #menu_principal ul li#nav_catalogue a.active{
	background-position: -352px -31px;
}

#menu_principal ul li#nav_cal > a:first-child{
	width: 92px;
	background-position: -465px 0;
}

#menu_principal ul li#nav_cal a:hover, #menu_principal ul li#nav_cal a.active{
	background-position: -465px -31px;
}

#menu_principal ul li#nav_ref > a:first-child{
	width: 111px;
	background-position: -560px 0;
}
#menu_principal ul li#nav_ref a:hover, #menu_principal ul li#nav_ref a.active{
	background-position: -560px -31px;
}

#menu_principal ul li#nav_partenaires > a:first-child{
	width:114px;
	background-position: -223px 0;

}
#menu_principal ul li#nav_partenaires a:hover, #menu_principal ul li#nav_partenaires a.active{
	background-position: -223px -31px;
}

#menu_principal ul li#nav_contact > a:first-child{
	width: 93px;
	background-position: -677px 0;
}
#menu_principal ul li#nav_contact a:hover, #menu_principal ul li#nav_contact a.active{
	background-position: -677px -31px;
}

#menu_principal ul #nav_home{
   padding-right:12px;    
}
#menu_principal ul #nav_savoir {
   padding-right:11px;    
}
#menu_principal ul #nav_partenaires{
   padding-right:16px;    
}
#menu_principal ul #nav_ref{
   padding-right:5px;    
}
#menu_principal ul #nav_cal{
   padding-right:5px;    
}
#menu_principal ul #nav_catalogue{
   padding-right:4px;    
}
#menu_principal ul li.first a{
	background-image: url(../images/sprite_menu_principal.jpg);
	background-repeat:no-repeat;
	/*float:left;*/
	height: 0;
	padding-top: 31px;
	overflow:hidden;
	display: block;
}

#menu_principal ul{
	background-image: url(../images/sprite_menu_principal.jpg);
	background-repeat:no-repeat;
	height: 31px;

	overflow:hidden;
	display: block;
}

#menu_principal ul li{
	height: 31px;
	float: left;
	margin: 0;
	padding: 0;
}

#menu_principal ul li ul.sous li a{
	background: none;
	float: none;
	height: auto;
	padding: 10px;
	margin:0;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	font-family: Helvetica, Verdana, Arial;
}
#menu_principal ul li ul.sous li a:hover, #menu_principal ul li ul.sous li a.active{
	background-color: #da001a;
	text-decoration: none;
}


#menu_principal ul li ul.sous li{
	float: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#menu_principal ul.sous{
	margin: 0;
	padding: 0;
	min-width: 100px;
	visibility: hidden;
	position: absolute;
	z-index: 300;
	background: url(../images/bg_sous_menu.png);
	border: #51524c 1px solid;
}
#menu_principal #sav_sous{
	width: 175px;
	height: 130px;
}

/************************** HEADER IMAGE ********************************/
#header_image{
	width: 770px;
	height: 311px;
}
#vague{
	background: url(../images/vague_all.png) no-repeat;
	width: 770px;
	height: 163px;
	position: absolute;
	margin-top: 147px;
}
#vague_acc{
	background: url(../images/vague_acc.png) no-repeat;
	width: 770px;
	height: 163px;
	position: absolute;
	margin-top: 147px;
}

/******************************* BODY ***********************************/
/*--------- Page d'accueil -----------*/
#contenu_principal_acc{
	width: 770px;
	background: url(../images/bg_page_accueil.gif) repeat-y;
	min-height: 680px;
}
#contenu_principal_acc h2{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 9px;
	padding-top: 6px;
}
#contenu_principal_acc p{
	padding: 6px 0;
	font-size: 11px;
}
.col_accueil{
	width: 205px;
	padding: 20px;
	margin-right: 17px;
}
#bg_news{
	background: url(../images/bg_news_acc.gif) repeat-x bottom left;
	width: 205px;
	height: 505px;
	padding: 0 20px 20px 20px;
	margin-top: 7px;
}
#actualites{
	color: #fff;
	width: 205px;
    height: 493px;
}

.actu{
	background: url(../images/t_actualites.gif) no-repeat bottom;
	width: 172px;
	height: 45px;
	margin: 107px 54px 12px 0;
}

#actualites .n_text a{
  color:#0bfbf3;
text-decoration:underline;  
}
.actu span{ display: none;}
#actualites p, #actualites .n_text{
	padding: 0;
	font-size:11px;
	line-height:14px;
}
#actualites .titre{
	color: #0bfbf3;
	text-transform: uppercase;
}
#actualites .news{
	margin-bottom: 30px;
	padding-right: 17px;
}

#actualites .more{
	font-size:11px;
	float:right;
	font-weight:bold;
}

#bas_page_acc{
	width: 770px;
	height: 11px;
	background: url(../images/bg_bas_page_acc.gif) no-repeat;
}
/*------------------------*/

.jScrollPaneTrack {
	background: #00f url(../images/scroll_bar.gif) repeat-y 50% 50%;
}
.jScrollPaneDrag {
	background: #00f url(../images/scroll_pin.gif) repeat-y 50% 50%;
}
.scroll-pane {
	background: #69f;
}
.jScrollPaneContainer{
	margin-top: 20px;
	left: 1px;
}
/*------------------------*/

h3{
	font-size: 12px;
	font-weight: bold;
	color: #e4041e;
	padding-bottom: 6px;
	margin: 0;
}

#contenu_principal{
	width: 770px;
	background-color: #FFF;
	min-height: 600px;
}
#contenu_principal h1{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	padding: 20px 20px 5px 20px;
	color: #0f7cda;
}
#contenu_principal p{
	padding-bottom: 12px;
	font-size: 11px;
}

#contenu_principal ul{
    margin-left:27px;
    list-style-type:disc;
	padding-bottom: 12px;
	font-size: 11px;
}

#contenu_principal ul li{
    list-style-type:disc;

}

/*--------- Pages 2 colonnes -----------*/
.deux_col{
	padding: 10px 30px 20px 20px;
	width: 334px;
	border-right: #bfc0c1 1px solid;
}
.deux_col.col_last{
	padding: 10px 20px 20px 30px;
	border-right: none;
}
#bas_page{
	width: 770px;
	height: 11px;
	background: url(../images/bg_bas_page.gif) no-repeat;
}
/*------------------------*/
/*--------- Pages 1 colonne -----------*/

.une_col{
	padding: 10px 20px;
	width: 730px;
}



/**************************** FOOTER ***********************************/

#footer{
	background: url(../images/footer.gif) no-repeat;
	text-align: center;
	width: 770px;
	height: 23px;
	color: #052238;
	font-size: 10px;
	margin: 14px 0 30px 0;
	padding-top: 8px
}


/*Maude*/
.p_colonnes td{
       vertical-align:top;
       padding:0 15px;
       width:33%;
           font-size:10px;

       /*border-left:1px solid #b1b3b4; */

    }
.p_colonnes td:first-child{
       border-left:none;
       padding:0px;
    }  
    
    
    .p_calendrier{
    font-size:10px;
       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:#E9112A;
       color:#fff;
       vertical-align:middle;
       border:1px solid #b1b3b4;
       text-transform:uppercase;    
    }
    
#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{
margin:20px 0 0 0;
   float:left;
   width:370px;
   border-right:1px solid #b1b3b4; 
    
}

.contact_right{
   float:left;
   width:340px;
   margin:20px 0 0 10px;    
}
.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 7px 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;
}
form{
   font-size:10px;   
}