/* feuille de style section 'accueil SNEL' */

html, body{
    margin: 0;
    padding: 0;
    height: 100%;
}


#page {
	position: absolute;
	left: 50%;
		/* on place le bord gauche de la boîte au centre de la fenêtre*/
	width: 1000px;
	margin: 0px 0px 0px -500px;
			/* on décale la boîte vers la gauche de la moitié de sa largeur
				-(width + (2 x (padding + border))) */
	background-color: #fff;
}

#pagePlan {
	position: absolute;
	left: 50%; 
		/* on place le bord gauche de la boîte au centre de la fenêtre*/
	width: 1000px;
	margin-left: -500px; 
			/* on décale la boîte vers la gauche de la moitié de sa largeur
				-(width + (2 x (padding + border))) */
	margin-top: 0px;
	height:100%;
}

* { padding: 0; margin: 0; }

p { padding: 6px 0px 6px 0px; }

body{
    color: #4C4C4C;
	background:#FFF url(../images/body_fd.png);
    margin: 0;
	font-family: Arial, Sans-serif;
	font-size: 0.7em;
}

img {border: none;}

.hide {display: none;}

strong  {font-weight: bold;}

#c02bis {margin: 10px 0px 0px 15px;}

/* --- Logo IB --- */

#IB, #IBsecu{
    width: 1000px;
    height: 87px;
}

#IB{background:#FFF url(../images/page_logo.gif) no-repeat;}

#IBsecu{background:#FFF url(../images/pageSecu_logo.gif) no-repeat;}

#color, #colorSecu{
    width: 1000px;
    height: 24px;
	display:block;
}

#color{background:#30485C;}
#colorSecu{background:#7A0020;}

#colorBande, #colorBande_page, #colorBande_pageU{
    background: url(../images/bndColor.gif) repeat-x;
	height: 24px;
	float:left;
}

#colorBande{width: 850px;}
#colorBande_page{width: 898px;}
#colorBande_pageU{width: 1000px;}

#fdPiedAcc, #fdPied, #fdPiedSecu{
    width: 1000px;
    height: 84px;
	display:block;
}

#fdPiedAcc{background:#fff url(../images/acc_bas_page.gif) no-repeat;}
#fdPied{background:#fff url(../images/page_bas.gif) no-repeat;}
#fdPiedSecu{background:#fff url(../images/bas_pageSecu.gif) no-repeat;}


/* --- navigation de niveau 1 --- */

/* --- navigation de niveau 1 --- */

#menu_1_content, #menu_1_content_page, #menu_1_content_pageSecu, 
#menu_1_content_pageUtil, #menu_1_content_pageUtilS, #menu_1_content_plan  {
    width: 1000px;
    height: 38px;
}

#menu_1_content{background:#fff url(../images/acc_fd.gif) repeat-y;}
#menu_1_content_page{background:#fff url(../images/page_fd.gif) repeat-y;}
#menu_1_content_pageSecu{background:#fff url(../images/pageSecu_fd.gif) repeat-y;}
#menu_1_content_pageUtil{background:#fff url(../images/nav_fd_util.gif) repeat-y;}
#menu_1_content_pageUtilS{background:#fff bottom url(../images/nav_fd_util_secu.gif) repeat-y;}

#menu_1_content , #menu_1_content_page , #menu_1_content_pageSecu ,
#menu_1_content_pageUtil, #menu_1_content_pageUtilS, #menu_1_content_plan {padding-left:0px; display:block;}

#menu_1 {
    padding: 0px; 
	margin:0px;
	width:1000px;
	display:block;
}

#menu_1 li{
    padding: 0px; 
	margin:0px 0px 0px 0px;
    list-style-type: none;
    display: inline;
}

#menu_1_content ul{
    padding: 0px; 
	margin:0px;
}

/* --- contenu principal --- */

#contenu {
	background:#fff url(../images/acc_fd.gif) repeat-y;
	width:1000px;
	display:block;
}

#contenu_page, #contenu_pageSecu, #contenu_pageUtil, #contenu_pageUtilS, 
#contenu_page2, #contenu_pageSecu2    {
	width:1000px;
	border-collapse:collapse;
}

#contenu_page {background:#fff url(../images/page_fd.gif) repeat-y;}

#contenu_page2 {background:#fff url(../images/page_fd2.gif) repeat-y;}

#contenu_pageSecu {background:#fff url(../images/pageSecu_fd.gif) repeat-y;}

#contenu_pageSecu2 {background:#fff url(../images/pageSecu_fd2.gif) repeat-y;}

#contenu_pageUtil {background:#fff url(../images/page_fd_util.gif) repeat-y;}

#contenu_pageUtilS {background:#fff url(../images/page_fd_util_secu.gif) repeat-y;}

/* --- navigation niveau2 --- */

#N2{background:#B6BB05;}

#N2 li{
    list-style-type: none;
    text-align: left;
    font-weight: normal;
    color: #fff;
    font-family: Arial, Sans-serif;
    font-size: 1.05em;
	border-bottom: solid 1px;
}

#N2 li a {
    color: #fff;
    text-decoration: none;
	display:block;
	padding:5px 0px 5px 5px;
}

#N2 li a:hover,#N2 li .on {
	color: #B6BB05;
    text-decoration:none;
	background:#fff;
	display:block;
}

#N2 .commission {
	font-family: Arial, Sans-serif;
    font-size: 1.05em;
	text-align: left;
	margin-top: 10px;
	display:block;
}

#N2 .commission a {
	width:100%;
	padding:5px 5px 5px 10px;
	background:left url(../images/demiRd_red.gif) no-repeat;
    list-style-type: none;
    color: #850029;
	text-decoration:none;
	display:block;
}

#N2 .commission a:hover, #N2 .commission .on {
	width:100%;
	padding:5px 5px 5px 10px;
    font-weight: bold;
    color: #850029;
	text-decoration:none;
	background:#FFF left url(../images/demiRd_red.gif) no-repeat;
	display:block;
}

/* --- navigation niveau3 --- */
#menu3 {margin-bottom:20px; 	width:175px;}

#N3 dt {padding-top:10px;}

#N3, #N3S{background:#B6BB05;}

#N3 li, #N3S li{
    list-style-type: none;
    text-align: left;
    color: #fff;
    font-family: Arial, Sans-serif;
    font-size: 0.95em;
	margin:0px 5px 0px 5px;
	padding-bottom:10px;
	font-weight:bold;
}

#N3 li a, #N3S li a {
    color: #fff;
    text-decoration: none;
	background:left top url(../images/puce_N3.png) no-repeat;
	padding-left:13px;
	display:block;
}

#N3 li a:hover, #N3 li .on {
	background:left top url(../images/puce_N3on.png) no-repeat;
	color:#2F485C;
    text-decoration:none;
	padding-left:13px;
	display:block;
}

#N3S li a:hover, #N3S li .on {
	background:left top url(../images/puce_N3Son.png) no-repeat;
	color:#3D4C11;
    text-decoration:none;
	padding-left:13px;
	display:block;
}

.coinN3H, .coinN3B {
	width:175px;
	height:6px;
	background:#B6BB05;
}

/* --- navigation niveau4 --- */

#N3 ol, #N3S ol {
    list-style-type: none;
    text-align: left;
    color: #fff;
    font-family: Arial, Sans-serif;
    font-size: 1.1em;
	margin:5px 3px 0px 0px;
	font-weight:normal;
}

#N3 ol li, #N3S ol li  {padding:3px 0px 3px 0px;}

#N3 ol li a , #N3S ol li a{	
	background: url(../images/pixtrans.gif) no-repeat;
    color: #fff;
    text-decoration: none;
	display:block;
	font-weight:normal;
}

#N3 ol li a:hover, #N3 ol li .on, #N3S ol li a:hover, #N3S ol li .on  {
	width:98%;
	background:#879605 url(../images/pixtrans.gif) no-repeat;
	color:#FFF;
    text-decoration:none;
	display:block;
	font-weight:normal;
	padding-right:3px;
}

/* --- navigation utilitaires --- */

#util{margin:50px 0px 0px 80px;}

#utilU{padding:5px 0px 5px 80px; display:block;}
#utilUS{margin:25px 0px 25px 80px;}

#util li, #utilU li, #utilUS li{
    list-style-type: none;
    text-align: left;
    font-weight: normal;
    color: #fff;
    font-family: Arial, Sans-serif;
    font-size: 0.9em;
	padding:1px 0px 1px 0px;

}

#util li a, #utilUS li a {
    color: #fff;
    text-decoration: none;
}

#utilU li a  {
    color: #3A5054;
    text-decoration: none;
}

#util li a:hover, #utilU li a:hover,  #utilUS li a:hover  {
    text-decoration: underline;
}

#utilU li .on {
	color: #FFF;
    text-decoration: none;
}

#utilUS li .on {
	color: #D3D308;
    text-decoration: none;
}



/* --- titre et texte --- */

h2, h3 {margin:3px 0px 3px 0px;}

.ppt {font-size:0.8em;}