/* CSS Document */
#page {
margin:auto;
text-align:left;
width:1086px;
height: auto; 
}

#cadre{ position:relative; width:1024px; height:31px; margin:0 0 0 0; margin-left:32px}

#cadre_general{
	width:1086px; 
	height: auto; 
	background: transparent url(../images/cadre_general.png) top left no-repeat;
}

#pied_general{
	position: absolute; 
	top: 0px;
	left:0px;
	width:1086px; 
	height: 100px; 
	background: transparent url(../images/cadre_general_pied_page100.png) bottom left no-repeat;
}


#cadre_general_arrondi{
	position:relative;
	top: 0px;
	left: 0px;
	width:1022px; 
	height: auto;
	background: transparent url(../images/cadre_haut_arrondi2.png) top left no-repeat;
}

#cadre_pied_arrondi{
	position: relative; top:0px; left:0px;
	width:1022px; 
	height: 12px; 
	background: transparent url(../images/cadre_bas_arrondi.png) top left no-repeat;
}

#cadre_general_arrondi{
	position:relative;
	top: 0px;
	left: 0px;
	width:1022px; 
	height: auto;
	background: transparent url(../images/cadre_haut_arrondi2.png) top left no-repeat;
}
#cadre_pied_arrondi{
	position: relative; top:0px; left:0px;
	width:1022px; 
	height: 12px; 
	background: transparent url(../images/cadre_bas_arrondi.png) top left no-repeat;
}

.entete{
	position:absolute;
	top:0px;
	left:0px;
	height:141px; 	
	width: auto;
	z-index: 3;
}

.centre{
	position:absolute;
	top:131px;
	left:0px;
	width: 1085px;
	z-index: 2;
	height: 417px;
}

.pied{ 
	position:absolute; 
	top:731px; 
	left:0px;
	height: 100px; 
	width: auto; 
	z-index:1;
}

.menu_deroulant{
	position: absolute;
	top:31px;
	left:18px;
	height:
	60px;
	width:1049px;
	z-index: 1;
	}
	
.cadre_general_pied{
	position:relative;
	top: inherit;
	width:1086px;
	height:31px;
	background: transparent url(../images/cadre_general_bas.png) top left no-repeat;}

.cadre_contenu{ 
	position:absolute; 
	top:130px;
	left:40px;
	height:480px; 
	width: 1012px; z-index:3;
	}

.cadre_administration{
		position: absolute;
		top:0px;
		left:0px;
		width:230px; 
		height:400px; 
} 

.cadre_education{
		position: absolute;
		top:0px;
		left:240px; 
		width:230px; 
		height:400px; 
} 

.cadre_communication{
		position: absolute;
		top:0px;
		left:482px; 
		width:230px; 
		height:400px; 
} 


.cadre_mail{
		position:absolute;
		top:400px;
		left:250px; 
		width:436px; 
		height:50px; 
		background:#FFFFFF;
} 

.cadre_mail_haut_gauche{
	position:relative;
	width:218px; 
	height:20px; 
	background: transparent url(../images/cadre_news_haut.png) top left no-repeat;
	}

.cadre_mail_haut_droit{
	position: absolute;
	width:218px; 
	height:20px; top:0px; right:0px;
	
	background: transparent url(../images/cadre_news_haut.png) top right no-repeat;
	}

.cadre_mail_texte_gauche{
	position:absolute;
	width:218px; 
	height:32px;
	top:13px; 
	background: transparent url(../images/cadre_news_fond.png) top left repeat-y;
	}

.cadre_mail_texte_droit{
	position:absolute;
	width:218px; 
	height:32px;
	top:13px; 
	right:0px;
	background: transparent url(../images/cadre_news_fond.png) top right repeat-y;
	}

.cadre_mail_bas_gauche{
	position:absolute;
	width:218px; 
	height:20px;
	top:45px;
	background: transparent url(../images/cadre_news_bas.png) bottom left no-repeat;
	}

.cadre_mail_bas_droit{
	position:absolute;
	width:218px; 
	height:20px;
	top:45px;
	right:0px;
	background: transparent url(../images/cadre_news_bas.png) bottom right no-repeat;
	}


/* cadre news */
.cadre_news{
		position: absolute;
		top:0px;
		left:720px; 
		width:280px; 
		height:399px; 
		background:#D9DBEA;
} 


.cadre_news_haut_gauche{
	position:absolute;
	width:200px; 
	height:29px;
	top:0px;
	left:0px;
	background: transparent url(../images/cadre_news_haut.png) top left no-repeat;
	}

.cadre_news_haut_droit{
	position: absolute;
	width:80px; 
	height:29px; 
	right:0px;
	top:0px;
	background: transparent url(../images/cadre_news_haut.png) top right no-repeat;
	}

.cadre_news_texte_gauche{
	position:absolute;
	width:220px; 
	height:341px; 
	top: 29px;
	background: transparent url(../images/cadre_news_fond.png) top left repeat-y;
	}

.cadre_news_texte_droit{
	position:absolute;
	width:40px; 
	height:341px; 
	top: 29px;
	right:0px;
	background: transparent url(../images/cadre_news_fond.png) top right repeat-y;
	}

.cadre_news_bas_gauche{
	position:absolute;
	width:200px; 
	height:29px; 
	top:370px;
	background: transparent url(../images/cadre_news_bas.png) top left no-repeat;
	}

.cadre_news_bas_droit{
	position:absolute;
	width:80px; 
	height:29px;
	top:370px;
	right:0px;
	background: transparent url(../images/cadre_news_bas.png) top right no-repeat;
	}

/* ----------------------- */

.cadre_fond{
	position:relative;
	background: transparent url(../images/bg-accordionBottom4.png) no-repeat bottom left; 
	width:230px;
	height:370px;
}
.cadre_titre{position:relative; width:230px; height:29px;}
.cadre_photo{position:relative; width:213px; height:122px; margin-top:0px; margin-left:8px;}
.cadre_texte{position:relative; width:195px; height:200px; margin-top:10px; margin-left:16px;}	


.colonne_menu{ 
	position:absolute; 
	top: 25px;
	left:40px;
	height:561px; 
	width: 183px; 
	background: #E6ECF2 ;
	}

.cadre_contenu_page_texte{
	display:block;
	position:absolute;
	top: 25px;
	left:235px;
	height:566px;
	width: 812px;
	z-index: 2;
	}
#breadcrumb {
	position: relative;
	z-index: 2;
	top: 4px;
	margin: 6px 0 0 18px;
	list-style-type: none;
	
	padding: 0;
	height: 20px;
	color: #807f83;
	font-size: 12px;
}

#breadcrumb li {
	line-height: 20px;
	padding: 0 5px 0 0;
	margin: 0;
	
	float: left;
}

#breadcrumb li a,
#breadcrumb li a:visited {
	color: #807f83; font-weight:normal;
}
#breadcrumb li a:hover{ text-decoration:underline}


a#bouton1
{
	position: relative; top: 0px; left: 0px;
	width: 52px; height: 40px;
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
	padding: 0px; border: 0px;
	background-color: transparent; background-image: url(../images/bouton_gauche_3_etats.png); background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
}
a#bouton1:visited { background-position: 0px 0px; }
a#bouton1:hover { background-position: 0px -40px; }
a#bouton1:active { background-position: 0px -80px; }

a#bouton2
{
	position: relative; top: 0px; left: 0px;
	width: 52px; height: 40px;
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
	padding: 0px; border: 0px;
	background-color: transparent; background-image: url(../images/bouton_droit_3_etats.png); background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
}
a#bouton2:visited { background-position: 0px 0px; }
a#bouton2:hover { background-position: 0px -40px; }
a#bouton2:active { background-position: 0px -80px; }

a#bouton3
{
	position: relative; top: 0px; left: 0px;
	width: 52px; height: 40px;
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
	padding: 0px; border: 0px;
	background-color: transparent; background-image: url(../images/bouton_haut_3_etats.png); background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
}
a#bouton3:visited { background-position: 0px 0px; }
a#bouton3:hover { background-position: 0px -40px; }
a#bouton3:active { background-position: 0px -80px; }

.contenu_detail{
	position: absolute; 
	top:130px; 
	width:751px; 
	height:auto; 
	left: 31px; 
	text-align:justify; 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
}

/* pour les cadres déroulants */
.cadre_deroulant{
	width:100%; 
	text-align: justify; 
	margin-left:15px; 
	/*margin-bottom:10px; */
	display:none
}

a#bouton_aide
{
	position: relative; top: 0px; left: 0px;
	width: 80px; height: 40px;
	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
	padding: 0px; border: 0px;
	background-color: transparent; background-image: url(http://www.netop.fr/images/bouton_aide_3b2.png); background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
}
a#bouton_aide:visited { background-position: 0px 0px; }
a#bouton_aide:hover { background-position: 0px -40px; }
a#bouton_aide:active { background-position: 0px -80px; }