body {
	margin-top: 5px;
	margin-left: 5px;
	/*scrollbar-face-color: #D8171F;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;*/
}

body.nausicaa {
	margin-top: 25px;
	margin-left: 0px;
	background: #FFF url(http://www.nausicaa.org/medias/pictures/backgrounds/bg_motif2007.gif);
	/*background: url(../medias/pictures/backgrounds/pagebg.png) repeat-y fixed top;
	background-image: url(../data/pictures/background/background.jpg);
	background-attachment:fixed;
	background-repeat:repeat;
	background-position: center;*/
}

body.popup {
	margin: 0px;
	/*background-image: url(../medias/pictures/backgrounds/bgpopup.gif);
	background-attachment:fixed;
	background-repeat:repeat;
	background-position: 0 0;*/
}

body.superg {
	margin-top: 15px;
	margin-left: 0px;
	background-image: url(http://www.nausicaa.org/medias/pictures/backgrounds/bgsuperg.gif);
	background-attachment:repeat;
	background-repeat:repeat;
	background-position: center;
	/*scrollbar-face-color: #D8171F;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;*/
}

.headerTop td{
	background: url(http://www.nausicaa.org/medias/pictures/backgrounds/bg_header.gif) repeat-x fixed top;
}

table, tr, td {font: 12px arial, helvetica, verdana;color: #1A1A1A;}
.normal {font: 12px arial, helvetica, verdana;color: #1A1A1A;}
.red {color: #D8171F;}
.bgred {background-color: #D8171F;}
.white {color: white;}
.orange {color: #EC7729;}

.justify {text-align:justify;}
.black {color: black;}
.bigtitle {font: bold italic 20px arial, helvetica, verdana;color: black;}
.bigwhite {font: bold 25px arial, helvetica, verdana;color: white;}
.grey {font: 10px arial, helvetica, verdana;color: #444444;}
.titlegrey {font: bold 14px arial, helvetica, verdana;color: #444444;}
.smallgrey {font: 11px arial, helvetica, verdana;color: #444444;}

.grey2 {font: 11px arial, helvetica, verdana;color: #444444;}

.big {font: 13px arial, helvetica, verdana;color:#1A1A1A;}

a {color:#D8171F;text-decoration: none}
a:hover {color:black;text-decoration: underline}

a.noul {color:#D8171F;text-decoration: none}
a.noul:hover {color:black;text-decoration: none}

a.titlegrey {font: 11px arial, helvetica, verdana;color: #444444;text-decoration: none}
a.titlegrey:hover {font: 11px arial, helvetica, verdana;color: #444444;text-decoration: underline}

a.medium {font: 10px arial, helvetica, verdana;color:#D8171F;text-decoration: none}
a.medium:hover {font: 10px arial, helvetica, verdana;color:black;text-decoration: underline}

.small {font: 9px arial, helvetica, verdana;color:#D8171F;text-decoration: none}
a.small {font: 9px arial, helvetica, verdana;color:#D8171F;text-decoration: none}
a.small:hover {font: 9px arial, helvetica, verdana;color:black;text-decoration: underline}

.tabtitle {font: bold italic 12px arial, helvetica, verdana;color:white;text-decoration: none;}
a.tabtitle {font: bold italic 12px arial, helvetica, verdana;color:white;text-decoration: none;text-decoration: underline}
a.tabtitle:hover {font: bold italic 12px arial, helvetica, verdana;color:white;text-decoration: none;text-decoration: none}

.title {font: bold italic 15px arial, helvetica, verdana;}
.title2 {font: bold 22px arial, helvetica, verdana;}
a.title {font: bold 16px arial, helvetica, verdana;color: #D8171F;text-decoration: none}
a.title:hover {font: bold 16px arial, helvetica, verdana;color: #D8171F;text-decoration: underline}
a.title2:hover {font: bold 22px arial, helvetica, verdana;text-decoration: underline}
a.title3 {font: bold 16px arial, helvetica, verdana;color: #D8171F;text-decoration: none}
a.title3:hover {font: bold 16px arial, helvetica, verdana;color: #1A1A1A;text-decoration: none}

.pagenumber {font: bold 15px arial, helvetica, verdana;color:#444444;}
a.pagenumber {font: bold 11px arial, helvetica, verdana;color:#D8171F;}
a.pagenumber:hover {font: bold 11px arial, helvetica, verdana;color:white;background-color:black;}

a.LeftMenu {font: 9pt arial, helvetica, verdana; color: black; text-decoration: none;}
a.LeftMenu:hover {font: 9pt arial, helvetica, verdana; color: #D8171F; text-decoration: none;}
a.LeftSubMenu {font: 8pt arial, helvetica, verdana; color: gray; text-decoration: none;}
a.LeftSubMenu:hover {font: 8pt arial, helvetica, verdana; color: #D8171F; text-decoration: none;}
a.LeftMenuOn {font: bold 9pt arial, helvetica, verdana; color: #D8171F; text-decoration: none;}
a.LeftMenuOn:hover {font: bold 9pt arial, helvetica, verdana; color: #D8171F; text-decoration: none;}
a.LeftSubMenuOn {font: bold 8pt arial, helvetica, verdana; color: #D8171F; text-decoration: none;}
a.LeftSubMenuOn:hover {font: bold 8pt arial, helvetica, verdana; color: #D8171F; text-decoration: none;}
div.LeftSubMenu {visibility: hidden; display: none}

.print {font: bold 25px arial, helvetica, verdana;color: black;}
.printbig {font: bold 35px arial, helvetica, verdana;color: black;}

div.scroller {z-index:0;}
div.upmenu, layer.upmenu {z-index:1;}

a.supergred {font: bold italic 13px arial, helvetica, verdana;color: #D8171F;text-decoration: none;}
a.supergblack {font: bold italic 13px arial, helvetica, verdana;color: #1A1A1A;text-decoration: none;}
a.supergred:hover {font: bold italic 13px arial, helvetica, verdana;color: #1A1A1A;text-decoration: none;}
a.supergblack:hover {font: bold italic 13px arial, helvetica, verdana;color: #1A1A1A;text-decoration: underline;}

a.openbicmenu {font: bold italic 12px arial, helvetica, verdana;color:black;text-decoration: none}
a.openbicmenu:hover {font: bold italic 12px arial, helvetica, verdana;color:#D8171F;text-decoration: none}
a.openbicmenu2 {font: bold italic 12px arial, helvetica, verdana;color:#D8171F;text-decoration: none}
a.openbicmenu2:hover {font: bold italic 12px arial, helvetica, verdana;color:#D8171F;text-decoration: none}


a.img {border: none; }


.tabBorder2 {
	border:solid 2px #444444;
	background:white;
	text-align: justify;
}

.borderBlack {
	border:solid 1px #444444;
}

.borderBlack2 {
	border:solid 2px #444444;
}


/* Formulaires */

select {
	color: #1A1A1A;
	font: bold 8pt arial, helvetica, verdana;
	background-color: #E0E0E0;
	z-index:0;
}

select:focus {
	background-color: white;
	color: #890000;
}


input, textarea {
	font: 8pt arial, helvetica, verdana;
	color: #1A1A1A;
	background-color: #E0E0E0;
	border: solid 1px;
	border-color: #c3cdcc #acb4b4 #6E6777 #acb4b4;
	z-index:0;
}

input:focus,
textarea:focus {
	background-color: #FFFFFF !important;
	border-color: #D8171F !important;
}


input.checkbox, input.radio {background-color: #FFFFFF; border: solid 0px;}

.submit, .button {
	margin-left: 4px;
	padding-left: 4px;
	padding-right: 4px;
	overflow: visible;
	cursor: pointer !important;
	font: bold 8pt arial, helvetica, verdana !important;
	text-align: center;
	color: #1A1A1A;
	background: #444444 url(http://www.nausicaa.org/medias/pictures/btns/bg_btn.gif) repeat-x;
	border: 1px solid;
	border-color: #c3cdcc #acb4b4 #6E6777 #acb4b4;
}
.submit:hover,.button:hover, .button:focus, .submit:focus {
	color: #890000;
	border: 1px solid;
	border-color: #D8171F;
}

input.small {font: 7pt arial, helvetica, verdana; color: #222222; background-color: white; border: solid 0px;z-index:0;}


/* Top Menu CSS */
#csstopmenu, #csstopmenu ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

#csstopmenu li{
	float: left;
	position: relative;
}

#csstopmenu a{
	text-decoration: none;
}

.mainitems{
	border: 0px solid red;
	border-left-width: 0;
	margin-top:10px;
	margin-bottom:5px;
	color: #FFFFFF;
	/*background-color: #FFFFFF;*/
}

.headerlinks, .headerlinks a{
	font-weight: bold;
	color: #FFFFFF;
	font: bold 9pt arial, helvetica,verdana;
	vertical-align : bottom;
}

.headerlinks a:hover{
	color: #1A1A1A;
}

.submenus{
	display: none;
	width: 12em;
	position: absolute;
	top: 1.2em;
	left: 0;
	background-color: #000000;
	border-top: 5px solid #62686E;
}

.submenus li{
	width: 100%;
}

.submenus li a{
	margin-top:1.5px;
	margin-bottom:1.5px;
	display: block;
	width: 100%;
	text-indent: 5px;
	color: white;
	font: bold 9pt arial, helvetica, verdana;
}

html>body .submenus li a{ /* non IE browsers */
	width: auto;
}

.submenus li a:hover{
	background-color: white;
	color: #D8171F;
}

#csstopmenu li>ul {/* non IE browsers */
	top: auto;
	left: auto;
}

#csstopmenu li:hover ul, li.over ul {
	display: block;
}

html>body #clearmenu{ /* non IE browsers */
	height: 0px;
}
/* fin top menu css */

.facebook {
  background-color: #3B5998;
}