@charset "iso-8859-1";

body {
	
	color:#000000;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#333333;
	background-image:url("../images/accueil/index3/bg2.gif");
}
#page {
	position: absolute;
	width: 955px;
	height:600px;
	left:50%;
	margin-left:-477.5px;
	margin-top:25px;
}


#header {
height: 100px;
background-image:  url("../images/pages/communes/banniere.gif");
padding-right:45px;
}
#conteneur {
position: relative;
width: 955px;
margin: 0 auto; 
}

#contient {
background-image: url("../images/pages/communes/fond.gif");
}

#centre {
padding-top:50px;
margin-left: 265px;
margin-right: 25px;
}

#centre p {
text-align:justify;
line-height:1.5em;
background-image:url(../images/pages/formation/fleche.gif);
background-repeat:no-repeat;
background-position:0 5px;
padding-left:15px;
}

#centre ul {
text-align:justify;
line-height:1.5em;
}

#centre ul li {
list-style-type:circle;
margin:10px;

}

#centre .small {
font-size:85%;
}

#centre h1 {
color:#FF9933;
height:30px;
font-size:135%;
padding-top:35px;
padding-left:35px;
border-bottom:1px dotted #FF9933;
background-image:url("../images/pages/communes/fleur.gif");
background-repeat:no-repeat;
background-position:0 30px;
}
#centre h2, h3{
color:#99cc00;
font-size:120%;
}

#centre img {
margin:5px;
}

	#centre input {
	background-color:#FFFFFF; 
	border:1px solid #98CB00;
	margin-right:5px;
	}
	
	#centre textarea {
	background-color:#FFFFFF; 
	border:1px solid #98CB00;
	margin-right:5px;
	}

#centre a {
color:#000000;
text-decoration:underline;
}

#centre a:hover {
background-color:#CCFF99;
}


#gauche {
position: absolute;
padding-top:50px;
padding-left:25px;
left:0;
width: 250px;

}

#gauche img {
margin:2.5px;
}


#gauche #cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 210px;
padding-top:10px;
background:  url("../images/pages/communes/arrondi_haut.gif") top left no-repeat;
}
#gauche #bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background:  url("../images/pages/communes/arrondi_bas.gif") bottom right no-repeat;
padding-bottom:0px;
}

#gauche #bloccadre .titre_menu_gauche {
font-weight:bold;
text-decoration:underline;
margin-left:10px;
}

#gauche #bloccadre ul {
margin-left:0px;
padding:10px;
margin-top:0px;
}

#gauche #bloccadre  li {
margin-left:20px;
}

#gauche #bloccadre ul li a {
color:#000000;
text-decoration:none;
}

#gauche  #bloccadre li 	a:hover {
background-color:#CCFF99;
}


#bas {
height: 150px;
background-image: url("../images/pages/communes/pied.gif");
background-repeat:no-repeat;
background-position:0 0;
padding-top:65px;
padding-left:25px;
}

#bas #titre {
font-size:120%;
font-weight:bold;
color:#ffffff;
text-transform:uppercase;
}

#bas #sous_titre {
font-size:100%;
color:#ffffff;
}

#pied {
padding-top:20px;
color:#FFFFFF;
text-align:center;
width:955px;
margin-left:-25px;
}

#pied ul#menu_bas {
	margin:0px;
	padding:0px;
	list-style-type: none;
	margin-left:200px;
}

#pied ul#menu_bas li {
float:left;
margin-left:15px;
}

#pied ul#menu_bas li a {
text-decoration:none;
color:#ffffff;
font-size:85%;
}

#pied ul#menu_bas li a:hover {
color:#FF9933;
}


/* !!!!!!!!!!!!!!!!!!!!!!DEBUT DU MENU DU HEADER !!!!!!!!!!!!!!!!!*/
#menu .menu-box1 ul, #menu .menu-box2 ul, #menu .menu-box3 ul, #menu .menu-box4 ul {
list-style:none;
margin:0px;
padding:0px;
}


#menu .menu-box1 {
	position: relative;
	float: right;
	z-index: 3;
	height:30px;
	width:175px;
	padding:5px;
	margin-top:3px;
	margin-right:0px;
	background-image: url("../images/pages/communes/btn_formation_normal.gif");
}


#menu .menu-box2 {
	position: relative;
	float: right;
	z-index: 3;
	height:30px;
	width:175px;
	padding:5px;
	margin-top:3px;	
	margin-right:0px;
	background-image: url("../images/pages/communes/btn_scolaire_normal.gif");
}

#menu .menu-box3 {
	position: relative;
	float: right;
	z-index: 3;
	height:30px;
	width:175px;
	padding:5px;
	margin-top:3px;
	margin-right:0px;
	background-image: url("../images/pages/communes/btn_creation_web_normal.gif");
}


#menu .menu-box4 {
	position: relative;
	float: right;
	z-index: 3;
	height:30px;
	width:175px;
	padding:5px;
	margin-top:3px;
	margin-right:0px;
	background-image: url("../images/pages/communes/btn_presentation_normal.gif");
}

#menu .menu-box1 a, #menu .menu-box2 a, #menu .menu-box3 a, #menu .menu-box4 a {
color:#99CC00;
font-size:0px;
font-weight:bold;
text-decoration:none;
}


#menu .visibility-menu-box1, #menu .visibility-menu-box2, #menu .visibility-menu-box3, #menu .visibility-menu-box4  {
		position: absolute;
        left: 0px;
        top: 0px;
        width: 185px;
        overflow: hidden;
        padding-top: 1px;
}

#menu .sub-menu-box1 li, #menu .sub-menu-box2 li, #menu .sub-menu-box3 li, #menu .sub-menu-box4 li {
padding-bottom:2px;

}

#menu .sub-menu-box1 li a, #menu .sub-menu-box2 li a, #menu .sub-menu-box3 li a, #menu .sub-menu-box4 li a {
padding-left:10px;
color:#000000;
font-weight:100;
font-size:0.9em;
	display:block;
	margin-left:5px;
	margin-right:5px;
}

#menu .sub-menu-box1 li a:hover, #menu .sub-menu-box2 li a:hover, #menu .sub-menu-box3 li a:hover, #menu .sub-menu-box4 li a:hover {
	background-color:#FF9933;
	color:#ffffff;

}
#menu .menu-box:hover> div .sub-menu-box1, #menu .menu-box:hover> div .sub-menu-box2, #menu .menu-box:hover> div .sub-menu-box3, #menu .menu-box:hover> div .sub-menu-box4 {
	display: block;
}
/*FIN MENU1*/

/* CHANGEMENT D'ETAT AU SURVOL DE LA SOURIS */
#menu .sub-menu-box1 {
    display: block;
	width: 185px;
	position: relative;
	z-index: 3;
	margin-top:1px;
	padding:0px;
	background-image:  url("../images/pages/communes/btn_formation_dessus.gif");
	background-repeat:no-repeat;
	height:220px;
}

#menu .sub-menu-box2 {
    display: block;
	width: 185px;
	position: relative;
	z-index: 3;
	margin-top:1px;
	padding:0px;
	background-image:  url("../images/pages/communes/btn_scolaire_dessus.gif");
	background-repeat:no-repeat;
	height:220px;
}

#menu .sub-menu-box3 {
    display: block;
	width: 185px;
	position: relative;
	z-index: 3;
	margin-top:1px;
	padding:0px;
	background-image:  url("../images/pages/communes/btn_creation_web_dessus.gif");
	background-repeat:no-repeat;
	height:220px;
}

#menu .sub-menu-box4 {
    display: block;
	width: 185px;
	position: relative;
	z-index: 3;
	margin-top:1px;
	padding:0px;
	background-image:  url("../images/pages/communes/btn_presentation_dessus.gif");
	background-repeat:no-repeat;
	height:220px;
}



.titre_menu {
background-color:#99cc00;
text-transform:uppercase;
font-weight:bold;
font-size:0.75em;
display:block;
padding:2px;
padding-left:5px;
color:#ffffff;
margin-left:5px;
margin-right:5px;
}

kbd {
font-size : 1em;
padding: 0px 2px;
border: 1px dotted #AFAFAF;
}