/********** GENERALE **********/
*{
	margin:0;
	padding:0;
	color:#000066;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
	}
body{
  background:url(../images/sfondo.gif) no-repeat center center;
	width:90%;
	background-color:#ff6020; /*ff6020_rosa*/ /* ccff00_giallo*/
	padding:40px;
	color:#000066;
	height:100%;
	}
img{
	border:0;
	}
	
.bar {
	vertical-align: sub;
	color:#ff6020;
 }

}
.nbsp{
	white-space:nowrap;
	}
/**********  MAIN PARTS **********/
#site{
	padding:0;
	margin:0;
	width:950px;
	min-height:100%
	}
#header{
background-color:#ccff00;
	background:url(../images/headerTopRight.gif) no-repeat top right;
	background-color:#FFFFFF;
	width:100%;
 	}
#page{	
	float:left;
	clear:both;
	text-align:left;
	line-height:1.5em;
	background:url(../images/pageBg.gif) repeat-y top right;
	background-color:#FFFFFF;
	width:100%;
	}
#pageTitle{
	margin-left:20;
	padding-top:10;
	padding-bottom:0;
	color:#000066;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	letter-spacing:.3em;
	/* border-bottom:1px solid #ff2020;*/
	background:url(../images/pageTitleRight.gif) no-repeat top right;
}
#pageTopRight{
	float:right;
}
#pageContent{
	position: relative;
	top:-10;
	width:100%;
	padding-right:15;
	background:url(../images/pageBg.gif) repeat-y top right;

}
#colDroite{
	width:230px;
}

/**********  MENU MAIN**********/
#menuMainBox{
	width:100%;
	float:left;
	clear:both;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background:url(../images/menuMainBg.gif) repeat-x bottom left;
}
#menuMainLeft{
	float:left;
}
#menuMainRight{
	float:right;
}
ul #menuMain{
	float:left;	
	display:inline;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	height:30;
	}
#menuMain li{
	display:inline;
	white-space:nowrap;
	list-style:none;
	padding:10;
}
#menuMain a{
	position:relative;
	top:8px;
	color:#FFF000;
	text-decoration:none;
}
#menuMain #menuActif {
}
#menuMain #menuActif a{
	position:relative;
	top:8px;
	color:#ff0000;
	text-decoration:none;
/*
	position:relative;
	top:4px;
	padding:15 10 17 10;
	color: #000066;
	background:url(../images/menuOnBg.gif) repeat-x bottom right;
*/
}

#menuMain a:hover{
	color:#FF0000;
}
#menuMain{
	color:#FF0000;
	width:100%;
}

/**********  MENU ONGLETS **********/
#menuOnglets {
text-align:left;
/*background:url(../images/menuOnglets.gif) repeat bottom right;		*/
	float:left;
	clear:both;
	background-color:#ff6020;
	padding:20 0 5 0;
	width:100%;
}
#menuOnglets li{
	display:inline;
	list-style:none;
	padding: 20 1 7 0;
	
}
#menuOnglets a{
font-size:11px;

	padding:7 10 7 10;
	text-align:center;
	text-decoration:none;
	color:#FFF000;
	font-weight:bolder;
}
#menuOnglets a:hover{
	color:#0000FF;
}
#menuOnglets #ongletActif a {
padding-right:20px;
	background:url(../images/ongletOn.gif) no-repeat top right;
	background-color:#FFFFFF;
	color:#ff6020;
	font-weight:bolder;
}	
#menuOnglets #ongletActif #menuOnRight{
	float:right;
}


/**********  MENU UTILISATEUR **********/
#menuUser li{
list-style-type:none;
}
#menuUser li a {
	padding-left:-20px;
	margin-left:-20px;
	
}
/********** PAGE **********/

#page *{
	vertical-align:top;
}

p{
	text-align:justify;
	margin-bottom:1em;
	}
#page li, ol{
	margin:5 20 5 20;
	line-height:1.5em;
	}


/********** ARTICLES **********/
.article{
	background-color:#FFF9DD;
	padding:10;
	margin-bottom:10;
}
.article .titre{
	padding:0 0 10 0;
	margin: 0 0 5 0;
	border-bottom: 1px solid #ff6020;
	font-weight:bold;
	font-size:13px;
}
.article .chapeau{
	font-style:normal;
	margin-bottom:10px;

}
.article .texte{
	margin-bottom:10px;
}
.article .infoPubli{
	font-size:10;
	text-align:right;
	margin-bottom:10px;
}
#etidorial{
	background-color:#FFFFFF;
}
/**********  SENZANOME **********/
.logosenzanome{
	margin-bottom:10px;}
#senzanome .articolo{
	background:url(../images/sn.gif) repeat top right;

}
#senzanomet #editoriale{
	background:none;

}
#senzanome .articolo .chapeau{
font-style:italic;
}
/**********  FORMS **********/
legend{
margin-bottom:10;
}
input, select, textarea{
	padding:3px;
	border:1px solid #3366CC;
}
.fck{
	border:1px solid #3366CC;
}
fieldset{
	padding:10px;
	margin-bottom:20px;
	border:1px solid #ff6020;
}
legend{
	border:0;
	font-weight:bold;
	padding:0 10px 0 10px
}
.label{
	font-weight:bold;
	width:150px;
	text-align:right;
	padding: 5;
	background-color:#3366CC;
}
.readonly{
border:0;
}

.submitButton{
	padding:3;
	font-size:0.98em;
	background-color:#3366CC;
	border:1px solid #3366FF;
	color:#FFFFFF;
}
/**********  TABLES **********/
#pageContent{
	width:100%;
	float:left;
}
#page #pageContent table td{
	padding:3px;

}
#page #pageContent .boxRight .boxContent table td{
	padding:5px;
	background-color:#FFFFFF;
}

#page #pageContent table th{
	background-color:#3366CC;
	color:#FFFFFF;
	padding:5px;
}
#page #pageContent table .label{
	font-weight:bold;
	width:150px;
	text-align:right;
	padding: 5;
	background-color:#3366CC;
}

.orangeDark{ 
	background-color:#FFF9DD;
	vertical-align:middle;
 	}
.orangeLight{
	background-color:#edecec;
	vertical-align:middle;
	}

.orangeMouseOver{
	background-color:#ff6020;
}
/********** MESSAGES **********/

.message {
	font-weight:bold;
	text-align:center;
}
.message p{
	text-align:center;
}
.message .error{
	margin:0 0 10 0;
	padding:5;
	background-color:#FFCCCC;
	border:1px solid red;
}
.message .notice{
	margin:0 0 10 0;
	padding:5;
	background-color:#00CC66;
	border:1px solid green;
}
/**********  LINKS **********/
#page a {
	color:#0000CC;
	text-decoration:none;
	}

#page a:hover{
	font-color:#ff6020;
	text-decoration:none;
	color:#ff6020;
	}
#page a:visited{
	color:#0000CC;
	}
/**********  BOXES **********/
.centerBox {
	float:left;
	position: relative;	/* sert quand on a une colonne à gauche sur la page */
	left:20px;
}

.rightBox{
	border:1px solid #0000FF;
	width:220px;
	margin-bottom:20px;

}
.leftBox{
	border:1px solid #0000FF;
	width:250px;
	float:left;
	margin-bottom:20px;


}
.boxTitle{
	margin:0;
	padding:5px;
	font-size:larger;
	color:#FFFFFF;
	font-weight:bolder;
	background:url(../images/boxTitle.gif) repeat bottom left;
	text-align:center;
	margin-bottom:10px;

}
.boxContent{
	padding: 0 10px 10px 10px;
}
.leftBox .article, .rightBox .article{
	background-color:#FFFFFF;
	margin-bottom:0;
}

/**********  CALENDAR **********/

#calendrier table{
	border:0; /* garder!*/
}
#calendierContent{
	padding:10 0 0 0;
}
.moisCalendrier{
background-color:#330000;	
}
/**********  GALERIE **********/
#page #pageContent #galerie table td{
	padding:0px;

}


/**********  FORUM **********/
#forum{
width:100%;
float:left;
clear:both;
}

/**********  FOOTER **********/
#footerBox{
	float:left;
	clear:both;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background:url(../images/footerBg.gif) repeat-x bottom left;
	width:100%;
}
#footerLeft{
	float:left;
}
#footerRight{
	float:right;
}
ul #footer{
	padding:2px;
	display:inline;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	width:100%	
}
#footer li{
	position:relative;
	top:10;
	display:inline;
}
#footer li a{
	color:#FFFFFF;
	text-decoration:none;
	}
#footer #legal{
	position:relative;
	top:25;
	font-size:smaller;
	padding: 0 20 0 20;
}