@import url("style_global.css");

h1{
	font-family: Tahoma;
	font-size: 16px;
	color: #252e3f;
	background: url(../images/bordureH1.jpg) 5px bottom no-repeat;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-top: 15px;
	font-weight: bold;
}

h2{
	font-family: Arial;
	font-size: 11px;
	color: #252e3f;
	font-weight: normal;
	margin-top: 5px;
	margin-left: 35px;
}

body{
  background: #8cb3c5 url(../images/fondHTML3.jpg) no-repeat 50% 0;
}


p,h6{
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
}

div#site{
	background: url(../images/fond_site_int.jpg)  no-repeat;
}


/******************** zone de recherhce ************************/
div#site div.recherche{
	margin: 0;
	padding: 0;
	float: right;
	margin-right: 150px;
	_margin-right: 80px;	
	margin-bottom: 5px;
	width:155px;
}
div#site div.recherche form{
    
    border:0;
    margin:0;
    padding:0;
}
div#site div.recherche form fieldset{
	margin: 0;
	padding: 0;
	border: none;
}
div#site div.recherche form fieldset input.champ{
	margin: 0;
	padding: 0;
	font-family: Lucida Sans Unicode;
	font-size: 9px;
	color: #fff;
	font-weight: normal;
	background: transparent;
	border: 1px solid #ccc;
	margin-right: 10px;
}
div#site div.recherche form fieldset input.submit{
	background: transparent;
	border: none;
	color: #fff;
	font-weight: bold;
	margin: 0;
}



div#site div#centre{
	width: 905px;
	min-height: 401px;
	margin-left: 25px;
	_margin-left: 15px;
	background:#FFF url(../images/fond_contenu_motif2.jpg) repeat-y;
	clear: both;
	float: left;
}

*html div#site div#centre{
	height: 401px;
}

div#site div#centre div#gauche{
	width:135px;
	min-height: 374px;
	float: left;
}

*+html div#site div#centre div#gauche{
	width:135px;
	min-height: 374px;
	float: left;
	margin-left: 1px;
}



div#site div#centre div#droite{
	width: 765px;
	min-height: 374px;
	/*background: #FFF url(../images/fond_droite_motif2.jpg) repeat-y*/;
	float: left;
	padding-bottom: 10px;
	font-family: Lucida Sans Unicode;
	font-size: 11px;
	color: #2e2d25;
	font-weight: normal;
}
div#site div#centre div#droite h1{
	font-family: Tahoma;
	font-size: 16px;
	color: #252e3f;
	background: url(../images/bordureH1.jpg) 5px bottom no-repeat;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-top: 15px;
	font-weight: bold;
}

div#site div#centre div#droite h2{
	font-family: Arial;
	font-size: 13px;

	font-weight: bold;
	margin-top: 5px;
	margin-left: 35px;
}


div#site div#centre div#droite h3{
	font-family: Arial;
	font-size: 11px;
	color: #252e3f;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 38px;
}

div#site div#centre div#droite h4{
	padding: 0px;
	font-family: Arial;
	font-size: 11px;
	color: #252e3f;
	font-weight: normal;
	margin-top: 5px;
	margin-left: 40px;
}

div#site div#centre div#droite h5{
	padding: 0px;
	font-family: Arial;
	font-size: 10px;
	color: #252e3f;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 45px;
}


/**********************MENU DEBUT******************************/

div#site div#centre div#menu{
	width: 905px;
	margin-top: 2px;
}

/**********************MENU FIN******************************/



/**********************GAUCHE DEBUT******************************/

div#site div#centre div#gauche div#montagne{
	width: 130px;
	height: 27px;
	background: url(../images/montagne.jpg) no-repeat;
	margin-left: 5px;
}

div#site div#centre div#gauche div#sousmenu{
	width: 130px;
	min-height: 277px;
	/*background: #dde9f6 url(../images/fond_gauche.jpg) left bottom no-repeat;*/
	background: /*#FFFFFF*/ url(../images/fond_gauche_motif.jpg) left top repeat-x;
	margin-left: 5px;
	padding-bottom: 70px;
	float: left;
}

*div#site div#centre div#gauche div#sousmenu{
	margin-left: 2px;
}

div#site div#centre div#gauche div#sousmenu ul{
	border-bottom: 1px solid #b1b4b8;
	border-right: 1px solid #b1b4b8;
	border-left: 1px solid #b1b4b8;
	list-style-type: none;
	background: #FFFFFF;
}

div#site div#centre div#gauche div#sousmenu ul li ul{
	border: none;
}

div#sousmenu ul, div#sousmenu ul li{
  list-style-type: none;
  list-style-position: outside;
}
div#sousmenu ul li{
  display:inline;
}
div#sousmenu ul li a{
  margin-right:1px;
  color:#444444;
  text-decoration: none;
  display:block;
  min-height:23px;
  line-height:23px;
  border-top:1px solid #fff;
  border-bottom:1px solid #E1E2C0;
  font-family:Verdana, Arial, Helvetica, sans-serif ;
  font-size:11px;
  background: url(../images/sousmenu.png) no-repeat 0 0;

}
* html div#sousmenu ul li a{
height:23px;
}

div#sousmenu ul li ul{
background: none;
}

div#sousmenu ul li ul li a{
  margin-right:1px;
  color:#444444;
  text-decoration: none;
  display:block;
  min-height:15px;
  line-height:15px;
  border-top:1px solid #fff;
  border-bottom:1px solid #E1E2C0;
  font-family:Verdana, Arial, Helvetica, sans-serif ;
  font-size:10px;


}

* html div#sousmenu ul li ul li a{
height:15px;
}


div#sousmenu ul li a span{
  display:block;
  padding-left:15px;
  background: url(../images/puceSousmenu.gif) no-repeat 15px 10px
}

div#sousmenu ul li ul li a span{
  padding-left:25px;
  background: #FCFEFF;
  display:block;
}

div#sousmenu ul li ul li ul li a span{
  padding-left:30px;
  background: #FCFEFF;
  display:block;
}

div#sousmenu ul li ul li ul li ul li a span{
  padding-left:36px;
  background: #FCFEFF;
  display:block;
}


div#sousmenu ul li a:hover{
   background : #e4eef8;
}
div#sousmenu ul li a.select{
  background: #b17c51 url(../images/fond_menusel_motif.jpg) 0 0 repeat-x;
  color:#fff;
  font-weight: bold;
}
div#sousmenu ul li a.select span{
    background: #b17c51 url(../images/fond_menusel_motif.jpg) 0 0 repeat-x;
}

div#sousmenu ul li ul li a.select span{
   background: #b17c51 url(../images/fond_menusel_motif.jpg) 0 0 repeat-x;
}

div#sousmenu ul li ul li a:hover span{
   background : #e4eef8;
}

/**********************GAUCHE FIN******************************/



/**********************CHEMIN DEBUT******************************/

div#site div#centre div#droite div#chemin{
	width: 750px;
	height: 30px;
	background: url(../images/fond_chemin_motif.jpg) repeat-x;
	font-family : Arial;
	font-size: 11px;
	color: #444f5b;
	text-decoration: none;
	font-weight: normal;	
	line-height: 25px;
	padding-left: 20px;
}

div#site div#centre div#droite div#chemin a{
	font-family : Arial;
	font-size: 11px;
	color: #444f5b;
	text-decoration: underline;
	font-weight: bold;
	
}
/**********************CHEMIN FIN******************************/


/*********************************** EVENEMENT DEBUT *******************************/
div#centre div#droite div#date{
	width: 42px;
	height: 50px;
	background: url(../images/fond_date_evenement.jpg);
	margin-left: 40px;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
}

div#centre div#droite div#date ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top: 10px;
}

div#centre div#droite div#date li {
	margin: 0px;
	padding: 0px;
}

div#centre div#droite div#date ul li.jour{
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 10px;
}

div#centre div#droite div#date ul li.mois{
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 7px;
}


div#centre div#droite div.agendadet{

	margin-bottom: 20px;
}

div#centre div#droite div.agendadet h2{
	margin:0px;
	padding: 0px;
	margin-top: 10px;
	color: #dc7c00;
}

div#centre div#droite h2.agendadu{
margin-bottom: 15px;
}	

div#centre div#droite div.agendadet img{
	float: right;
}

div#centre div#calendrier{
	float: right;
	margin-right: 25px;
}	

div#centre div#calendrier{
	float: right;
	margin-right: 25px;
}	
	

div#centre div#calendrier .select{
	background: #e8f0fb;
}
div#centre div#calendrier acronym{
	border : none;
}
	/*********************************** EVENEMENT FIN *******************************/











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

div#footer {
	width: 926px;
	margin-right: 0px;
}



#site form fieldset div.error label{
    
    color: #f00;
}
#site form fieldset div.error input, #site form fieldset div.error select, #site form fieldset div.error textarea{

    border: 1px #f00 solid;
    background: #FFFF9A;
    color: #000;
}