@charset "utf-8";
/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	padding: 0;
	background-image: url(../images/fonds2.png);
}
.news {
	float: left;
	width: 300px;
	top: 0px;
	right: 0px;
	height: 120px;
	margin-top: 10px;
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF00;
	padding: 5px;
	font-style: normal;
	line-height: normal;
	border: 1px dotted #6666FF;
}
.partenaire1 {
	height: 80px;
	width: 100px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: blink;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px;
}
.partenaire2 {
	float: left;
	height: 120px;
	width: 300px;
	margin-top: 10px;
	margin-left: 20px;
	background-position: center center;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #CCFF00;
	border: 1px dotted #6666CC;
	padding: 5px;
}
.partenaire3 {
	float: left;
	height: 130px;
	width: 280px;
	margin-top: 10px;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	color: #CCFF00;
	vertical-align: middle;
	border: 1px dotted #6666CC;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.stylenews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #6666CC;
	border-right-color: #6666CC;
	border-bottom-color: #6666CC;
	border-left-color: #6666CC;
	font-weight: bold;
}
#conteneur {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 50%;
	top: 50%;
	width: 950px; /* largeur obligatoire pour être centré */
	height: 600px;
	margin-top: -350px; /* moitié de la hauteur 500/2*/
	margin-left: -500px; /* moitié de la largeur 950/2*/
	text-align: left; /* on rétablit l'alignement normal du texte */
	padding-bottom: 0px;
	padding-left: 26px;
}
#header {
	width: 950px;
	height: 180px;
}
#haut {
	background-color:#CCCCFF;
	height: 30px;
}
#centre {
	width: 800px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 280px;
}
#pied {
	height: 200px;
	width: 950px;
}
.panohaut   {
	width: 280px;
	top: 0px;
	right: 0px;
	height: 120px;
	float: right;
	margin-top: 20px;
	margin-left: 5px;
	margin-bottom: 10px;
	font-size: 9px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	color: #CCFF00;
	background-color: #FC0;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.menuhaut {
	list-style-type: none;
	margin: 0;
	padding:0;
	background-color: #00FF66;
	float: right;
}

.menuhaut li {
display: inline;
}

.menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}

.menuhaut a:hover {
text-decoration: none;
}
/* FIN DIV HEADER, CENTRE, MENU, FOOTER */


/* DEBUT MENU */
#menu {
	position:relative;
	width:950px;
	height:285px;
	overflow:hidden;
	background-color: transparent;
	background-image: url(../images/SISCA_velvia10_1.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	float: left;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu li {
	list-style-type:none;
	width:93px;
	height:50px;
	display:inline;
}
#menu a {
	display:block;
	float:left;
	width:93px;
	height:50px;
	overflow:hidden;
	text-decoration:none;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #FFFFFF;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 500px 500px;
	color: #333333;
	background-image: url(../images/SISCA_velvia10.jpg);
	padding-top: 5px;
}

#menu a#item1:hover {background-position: 0 0;z-index:50;}
#menu a#item2:hover {background-position: 0px 0; z-index:50;}
#menu a#item3:hover {background-position: 0px 0; z-index:50;}
#menu a#item4:hover {background-position: 0px 0px; z-index:50;}
#menu a#item5:hover {background-position: 0px 0px; z-index:50;}
#menu a#item6:hover {background-position: 0px 0px; z-index:50;}
#menu a#item7:hover {background-position: 0px 0px; z-index:50;}
#menu a#item8:hover {background-position: 0px 0px; z-index:50;}
#menu a#item9:hover {background-position: 0px 0px; z-index:50;}
#menu a#item10:hover {background-position: 0px 0px; z-index:50;}
#menu a#item11:hover {background-position: 0px 0px; z-index:50;}
#menu a#item12:hover {background-position: 0px 0px; z-index:50;}
#menu a#item13:hover {background-position: 0px 0px; z-index:50;}
#menu a#item14:hover {background-position: 0px 0px; z-index:50;}
#menu a#item15:hover {background-position: 0px 0px; z-index:50;}
#menu a#item16:hover {background-position: 0px 0px; z-index:50;}
#menu a#item17:hover {background-position: 0px 0px; z-index:50;}
#menu a#item18:hover {background-position: 0px 0px; z-index:50;}
#menu a#item19:hover {background-position: 0px 0px; z-index:50;}
#menu a#item20:hover {background-position: 0px 0px; z-index:50;}
#menu a#item21:hover {background-position: 0px 0px; z-index:50;}
#menu a#item22:hover {background-position: 0px 0px; z-index:50;}
#menu a#item23:hover {background-position: 0px 0px; z-index:50;}
#menu a#item24:hover {background-position: 0px 0px; z-index:50;}
#menu a#item25:hover {background-position: 0px 0px; z-index:50;}
#menu a#item26:hover {background-position: 0px 0px; z-index:50;}
#menu a#item27:hover {background-position: 0px 0px; z-index:50;}
#menu a#item28:hover {background-position: 0px 0px; z-index:50;}
#menu a#item29:hover {background-position: 0px 0px; z-index:50;}
#menu a#item30:hover {background-position: 0px 0px; z-index:50;}
#menu a#item31:hover {background-position: 0px 0px; z-index:50;}
#menu a#item32:hover {background-position: 0px 0px; z-index:50;}
#menu a#item33:hover {background-position: 0px 0px; z-index:50;}
#menu a#item34:hover {background-position: 0px 0px; z-index:50;}
#menu a#item34:hover {background-position: 0px 0px; z-index:50;}
#menu a#item35:hover {background-position: 0px 0px; z-index:50;}
#menu a#item36:hover {background-position: 0px 0px; z-index:50;}
#menu a#item37:hover {background-position: 0px 0px; z-index:50;}
#menu a#item38:hover {background-position: 0px 0px; z-index:50;}
#menu a#item39:hover {background-position: 0px 0px; z-index:50;}
#menu a#item40:hover {background-position: 0px 0px; z-index:50;}
#menu a#item41:hover {background-position: 0px 0px; z-index:50;}
#menu a#item42:hover {background-position: 0px 0px; z-index:50;}
#menu a#item43:hover {background-position: 0px 0px; z-index:50;}
#menu a#item44:hover {background-position: 0px 0px; z-index:50;}
#menu a#item45:hover {background-position: 0px 0px; z-index:50;}
#menu a#item46:hover {background-position: 0px 0px; z-index:50;}
#menu a#item47:hover {background-position: 0px 0px; z-index:50;}
#menu a#item48:hover {background-position: 0px 0px; z-index:50;}
#menu a#item49:hover {background-position: 0px 0px; z-index:50;}
#menu a#item50:hover {background-position: 0px 0px; z-index:50;}