body {
	background-color:#e3e3e3;
	margin : 0px;
	padding : 0px;
	font: 12px Verdana, Geneva, Tahoma, "Trebuchet MS",sans-serif;
	color: #333333;
}

/* GLOBALS */
div, p {border:0; margin:0; padding:0;}
form {margin:0; padding:0;}
img {border:0;}

form input, form select { border:#666666 1px solid; background-color:#FFFFFF; color:#333333; font-size:10px;}


#container {margin: 0px auto; width:786px;}

#top {background:url(images/bg_top.gif) no-repeat; width: 786px; height: 161px;}

#logonautile {margin-left:35px; width:200px; height:127px; display:block; margin-bottom:-14px;}

/* MAIN MENU */
#menu {width: 786px; height: 33px; display:block; margin-top:15px; margin-bottom:-15px;}
#menu_content {width: 738px; height:33px; display:block;}

/* MAIN MENU TABS */
.tab {height: 33px; float:right;}

.tab a span {float:left; text-decoration:none;}
.tab a:hover {cursor:pointer; text-decoration:none;}

.tab a .left {background:url(images/tab_left.gif) no-repeat; width: 7px; height: 33px; display:block;}
.tab a:hover .left {background:url(images/tab_left_over.gif) no-repeat; width: 7px; height: 33px; display:block;}

.tab a .middle {background:url(images/tab_middle.gif) repeat-x; height: 33px; display:block;}
.tab a:hover .middle {background:url(images/tab_middle_over.gif) repeat-x; height: 33px; display:block;}

.tab a .right {background:url(images/tab_right.gif) no-repeat; width: 10px; height: 33px; display:block;}
.tab a:hover .right {background:url(images/tab_right_over.gif) no-repeat; width: 10px; height: 33px; display:block;}

.tab a span {font-weight:bold; text-align:center; font-size:13px; padding-top:13px; color:#cf7776;}
.tab a:hover span {font-weight:bold; text-align:center; font-size:13px; padding-top:13px; color:#b32324;}

#select a span {font-weight:bold; text-align:center; font-size:13px; padding-top:7px; color:#b32324;}

#select a .left{background:url(images/tab_left_select.gif) no-repeat; width: 7px; height: 33px; display:block;}
#select a:hover .left{background:url(images/tab_left_select.gif) no-repeat; width: 7px; height: 33px; display:block;}

#select a .middle {background:url(images/tab_middle_select.gif) repeat-x; height: 33px; display:block;}
#select a:hover .middle {background:url(images/tab_middle_select.gif) repeat-x; height: 33px; display:block;}

#select a .right {background:url(images/tab_right_select.gif) no-repeat; width: 10px; height: 33px; display:block;}
#select a:hover .right {background:url(images/tab_right_select.gif) no-repeat; width: 10px; height: 33px; display:block;}

/* This is still in #top */
#logomonnautile {padding-top:4px; padding-left:30px; width: 200px; height: 33px; display:block; padding-top:15px; font-weight:bold;}


/* Topbis is just under top: monnautile, title, submenu */
#topbis {width: 786px; height: 103px;}

#monnautile {background:url(images/bg_monnautile.gif) no-repeat; width: 217px; height: 103px; float: left;}

#monnautilecontent {margin-left: 30px; display: block; width: 180px; height: 80px;}

#monnautilecontent a{
	display:block;
	padding:0px;
	margin:0px;
}

#monnautilecontent a:hover{
	padding-left:2px;
}

#monnautilecontent form input { border:#666666 1px solid; background-color:#FFFFFF; color:#333333; font-size:10px; margin-top:2px; width: 100px;}

/* For submenu, title */
#monnautileright {width: 569px; height: 103px; float: left;}

.submenu {
	background:url(images/bg_submenu.gif) repeat-x;
	width: 522px;
	height: 20px;
	float: left;
	text-align:right;
	padding-right:0px;
	padding-top:1px;
	margin-bottom:-1px;
	font-size:12px;
}

.submenu span {float:right;}

.submenu span.left {
	background:url(images/bg_subtab_left.gif) no-repeat; width: 10px; height: 19px; display:block;
}
.submenu span.right {
	background:url(images/bg_subtab_right.gif) no-repeat; width: 12px; height: 19px; display:block;
}
.submenu span.middle {
	background:url(images/bg_subtab_middle.gif) repeat-x; height: 19px; display:block;
}

.submenu p {margin-top:3px;}
.submenu a {color:#555555; text-decoration:none; font-weight:bold;}
.submenu a:hover {color:#000000; text-decoration:underline;}

.submenu#nautileperso .right {padding-right:290px;}
.submenu#nautilepro .right {padding-right:107px;}
.submenu#assistance .right {padding-right:35px;}
.submenu#contacts .right {padding-right:0px;}





/* Image on the right of submenu */
#submenuright {
	background:url(images/bg_submenuright.gif) repeat-x;
	width: 47px;
	height: 20px;
	float: left;
}

#sitemap {
	background: url(images/border_right.gif) repeat-y right #FFFFFF;
	width: 569px;
	height: 38px;
	clear: both;
	font-size:10px;
}

#sitemap p {margin-top:3px;}
#sitemap p, #sitemap a {color: #666666; text-decoration:none;}
#sitemap a:hover {color:#000000; text-decoration:underline;}

#title {
	background: url(images/border_right.gif) repeat-y right #FFFFFF;
	width: 569px;
	height: 45px;
	clear: both;
}

#title p.title {
	background:url(images/bg_title.gif) no-repeat;
	padding-top: 2px;
	padding-left: 45px;
	height: 32px;
	font-size: 20px;
	color: #333333;
}


/* CONTENT */
#content {
	clear: both;
	background:url(images/bg_text.gif) repeat-y;
	padding-left:60px;
	padding-right:60px;
	display: block;
}

#pageLeft {
	width:128px;
	margin-right:0px;
	float:left;
}

#pageRight {
	/*background-color:#DDDDDD;*/
	margin-left:130px;
}

#content p {
	margin-top:5px;
	text-align:justify;
	text-indent:30px;
}

#content a, #content a:visited {text-decoration:none; color:#333333; font-weight:bold;}
#content a:hover {text-decoration:underline; color:#b32324; font-weight:bold;}



#menu_inscription {
	margin-top:32px;
	
}

#menu_inscription p {
	margin-top:0px;
	text-align:left;
	text-indent:0px;
}

#menu_inscription p.item {color:#999999; padding-left:5px;}

#menu_inscription p.vue {color:#000000;}
/*
#menu_inscription p.selected {
	border:2px #333333 solid;
	margin-top:8px;
	margin-bottom:8px;
	padding:2px;
	display:block;
	color:#b32324;
	font-weight:bold;
}*/

#menu_inscription p.selected {
	margin-top:8px;
	margin-bottom:8px;
	height:22px;
	padding-top:2px;
	display:block;
	font-weight:bold;
	background: url(images/cadre_small_sharp.gif) no-repeat;
}


#menu_inscription a {
	border:none;
	color:#333333;
	text-decoration:none;
}

#menu_inscription a:hover {
	border:none;
	color:#000000;
	text-decoration:underline;
}

#menu_inscription p.selected a, #menu_inscription p.selected a:hover {
	color:#b32324;
}


#inscriptionform .etape {
	padding-top:20px;
}

.inscriptionform input, #inscriptionform select {
	margin-bottom:1px;
}

.inscriptionform label {
	text-align:right;
	float:left;
	width:190px;
	font-weight:bold;
	margin-right:5px;
}

.inscriptionform fieldset {
	border:2px #333333 solid;
	margin:0px;
}

.inscriptionform fieldset legend {
	font-size:16px;
	text-align:center;
	border: 2px #333333 solid;
	margin-left: 20px;
	padding:2px 5px 2px 5px;
	color:#b32324;
	font-weight:bold;
	background-color:#E8E8E8;
}

.inscriptionform p{
	margin-top:10px;
	text-indent:0px;
}

.inscriptionform .etapesuivante {
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

.inscriptionform .etapesuivante input {
	font-weight:bold;
	color:#b32324;
	border:2px #333333 solid;
	padding:2px 5px 2px 5px;
	background-color:#E8E8E8;
	font-size:14px;
	cursor:pointer;
}


.inscriptionform #etape3 .first {font-size:10px;}
.inscriptionform #etape3 label {width:165px;}

.inscriptionform #compte_cle_banque {width:60px;}
.inscriptionform #compte_cle_guichet {width:60px;}
.inscriptionform #compte_cle_compte {width:130px;}
.inscriptionform #compte_cle_rib {width:30px;}

.inscriptionform #etape2 .first {font-size:10px;}
.inscriptionform #date_naissance_jour {width:60px;}
.inscriptionform #date_naissance_mois {width:60px;}
.inscriptionform #date_naissance_annee {width:60px;}

.inscriptionform .cadre {
	border:#333333 1px solid;
	margin-bottom:10px;
}

.inscriptionform .croix {
	display:none;
	width:15px;
	height:15px;
}

.inscriptionform .erreur {
	color:#990000;
	display:none;
	margin-left:10px;
}

.inscriptionform #etape0 .insc_perso {
	border-right:#333333 2px solid;
}
.inscriptionform #etape0 .offres, #inscriptionform #etape0 li {
	margin-left:30px;
}
.inscriptionform #etape0 .titre {
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
.inscriptionform #etape0 label {width:320px;}




#slides {
	/*background-color:#FFFFCC;*/
	height:500px;
	display:block;
	/*overflow:hidden;*/
	/*border:#666666 1px solid;*/
	margin-top: 5px;
	width:540px;
}

#slides_content {
	height:500px;
	display:block;
	/*width:1800px;*/
}

.slide {
	/*background-color:#FFFF99;*/
	height:450px;
	margin-left:0px;
	margin-right:0px;
	display:block;
	float:left;
	padding: 5px;
}

.slide .cadre500_middle {
	height:450px;
}


/* CADRES */
.cadre500 {
	display:block;
	width:528px;
	margin-bottom:10px;
	/*clear:both;*/
}
.cadre500_top {
	width:528px;
	height:12px;
	background:url(images/cadre500_top.gif) no-repeat;
	overflow:hidden;
}
.cadre500_middle {
	width:528px;
	background:url(images/cadre500_middle_blanc.gif) repeat-y;
}
.cadre500_bottom {
	width:528px;
	height:16px;
	background:url(images/cadre500_bottom_blanc.gif) no-repeat;
}

.cadre500 .titre1 {
	font-size:16px;
	font-weight:bold;
	color:#333333;
	padding-left:50px;
	margin-left:1px;
	padding-bottom:0px;
	width:469px;
	background:url(images/puce_or.gif) no-repeat #ededed;
	background-position:15px 1px;
	height:21px;
}

.cadre500 .titre1 span{
	color:#b32324;
}

.cadre500 .texte {
	padding-left:10px;
	padding-right:15px;
}

.cadre500 .texte p {
	margin-top:5px;
	text-align:justify;
	text-indent:30px;
}

.cadre500 .shadow {
	background:url(images/cadre500_shadow_blanc.gif) no-repeat;
	margin-left:1px;
	padding-top:10px;
}




.cadre_med {
	height:31px;
}

.cadre_med_left {
	width:14px;
	height:31px;
	background:url(images/cadre_med_left.gif) no-repeat;
	overflow:hidden;
	float:left;
}
.cadre_med_middle {
	height:31px;
	background:url(images/cadre_med_middle.gif) repeat-x;
	float:left;
	padding-top:5px;
}
.cadre_med_right {
	width:16px;
	height:31px;
	background:url(images/cadre_med_right.gif) no-repeat;
	float:left;
}


.cadre_chgt {
	height:22px;
	text-align:center;
}

.cadre_chgt div {margin-left:200px;}

.cadre_chgt a span {font-weight:bold; text-align:center; font-size:15px; padding-top:0px; color:#b32324; float:left; display:block;}

.cadre_chgt a .left{background:url(images/cadre_small_left_red.gif) no-repeat; width: 10px; height: 22px;}
.cadre_chgt a:hover .left{background:url(images/cadre_small_left.gif) no-repeat; width: 10px; height: 22px; cursor:pointer;}

.cadre_chgt a .middle {background:url(images/cadre_small_middle_red.gif) repeat-x; height: 22px; color:#ffe7c1;}
.cadre_chgt a:hover .middle {background:url(images/cadre_small_middle.gif) repeat-x; height: 22px; color:#b32324; text-decoration:none; cursor:pointer;}

.cadre_chgt a .right {background:url(images/cadre_small_right_red.gif) no-repeat; width: 12px; height: 22px;}
.cadre_chgt a:hover .right {background:url(images/cadre_small_right.gif) no-repeat; width: 12px; height: 22px; cursor:pointer;}

.cadre_small {
	height:22px;
}
.cadre_small_left {
	width:10px;
	height:22px;
	background:url(images/cadre_small_left.gif) no-repeat;
	overflow:hidden;
	float:left;
}
.cadre_small_middle {
	height:22px;
	background:url(images/cadre_small_middle.gif) repeat-x;
	float:left;
	padding-top:2px;
}
.cadre_small_right {
	width:12px;
	height:22px;
	background:url(images/cadre_small_right.gif) no-repeat;
	float:left;
}

.cadre_small a {
	border:none;
	color:#333333;
	text-decoration:none;
}

.cadre_small a:hover {
	border:none;
	color:#b32324;
	text-decoration:none;
}





.cadre_med2 {
	height:31px;
	margin-left:4px;
}

.cadre_med2_left {
	width:12px;
	height:30px;
	background:url(images/cadre_med2_left.gif) no-repeat;
	overflow:hidden;
	float:left;
}
.cadre_med2_middle {
	height:30px;
	background:url(images/cadre_med2_middle.gif) repeat-x;
	float:left;
	padding-top:4px;
	text-align:center;
	width:502px;
}
.cadre_med2_right {
	width:14px;
	height:30px;
	background:url(images/cadre_med2_right.gif) no-repeat;
	float:left;
}
	



.section {
	background:url(images/puce_or.gif) no-repeat;
	font-size:16px;
	font-weight:bold;
	padding-left:25px;
	margin-top:40px;
	margin-bottom:10px;
}

.sectionP {
	padding-left:30px;
	padding-right:30px;
}

.sectionP ul {
	margin-left:100px;
}

.sectionP li {
	margin-left:100px;
}


.tab_offres {
}


.tab_offres td {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
	border-right:#666666 1px solid;
}
.tab_offres .first_row{
	font-weight:bold;
	text-align:center;
	background-color:#FFE7C1;
	color:#b32324;
}
.tab_offres .first_row td{
	padding-bottom:7px;
}
.tab_offres .row1{
	background-color:#E9E9E9;
}
.tab_offres .row2{
	background-color:#FFFFFF;
}
.tab_offres .rowSelected{
	background-color:#b32324;
	color:#FFE7C1;
	cursor:pointer;
}
.tab_offres .nbr{
	text-align:right;
	padding-right:10px;
}
.tab_offres .last_col{
	border-right:none;
	text-align:center;
}
.tab_offres input {
	border:#333333 1px solid;
	background-color:#E9E9E9;
}
.tab_offres input:hover {
	background-color:#D9D9D9;
	cursor:pointer;
}

.mention_legale {
	font-size:0.75em;
}

.texte_important {
	color:#b32324;
	font-weight:bold;
}

.cadre_postit_top {
	height:16px;
	width:128px;
	padding-top:2px;
	background:url(images/cadre_postit_top.gif) no-repeat;
	overflow:hidden;
	text-align:center;
	color:#FFE7C1;
	font-weight:bold;
}

.cadre_postit_middle {
	width:117px;
	padding-top:5px;
	background:url(images/cadre_postit_middle.gif) repeat-y;
	padding-left:4px;
	padding-right:11px;
	text-align:center;
}

.cadre_postit_bottom {
	height:12px;
	width:128px;
	background:url(images/cadre_postit_bottom_round.gif) no-repeat;
	overflow:hidden;
	text-align:center;
}

.author {
	font-size: 0.8em;
	text-align: right;
	opacity:0.7;
	padding-top: 0.3em;
}

.author:hover {
	opacity:0.9;
}


#menu_offres p {margin-top:0px;
	text-align:left;
	text-indent:0px;}
#menu_offres p.item {color:#cf7776; padding-left:5px;background: url(images/cadre_small_sharp.gif) no-repeat;
margin-top:8px;
	margin-bottom:8px;height:22px;padding-top:2px;
	display:block;}
#menu_offres p.item a{color:#cf7776;text-decoration:none;}
#menu_offres p.item a:hover{color:#b32324;text-decoration:underline;}
#menu_offres p.selected {color:#b32324; padding-left:5px;background: url(images/cadre_small_sharp_sel.gif) no-repeat;font-weight:bold;}
#menu_offres p.selected a, #menu_offres p.selected a:hover{color:#b32324;}
#menu_offres {margin-top:32px;}




/* BOTTOM */
#bottom {
	background:url(images/bg_bottom.gif) no-repeat;
	width: 786px;
	height: 41px;
	clear:both;
}

#legal {
	padding-top:35px;
	text-align:center;
	color:#666666;
}

#legal a {color: #666666; text-decoration:none;}
#legal a:hover {color:#000000; text-decoration:underline;}

#icones {
	text-align: center;
}

#icones img {
	opacity:0.7;
}

#icones img:hover {
	opacity:0.95;
}


#accescdl {
	text-align: center;
	font-size: 0.95em;
	padding-top: 0.6em;
	padding-left: 2.5em;
	width: 10em;
}
#accescdl a {
	color: #666666;
	text-decoration: none;
	opacity: 0.8;
}
#accescdl a:hover {
/*	color:#000000; */
	text-decoration:underline;
	opacity: 1;
	padding-left:0px;
}