/* TOUS LES STYLES  */
*{
}

/* ----------- PAGE ------------- */

body{
	background: #b8e5da url('images/degrade.jpg') repeat-x;
	
}
#page {
	margin-top:10px;
	
	
}
#backpage{
	background: url('images/projet_resied.jpg') no-repeat;
	width:900px;
	height:620px;
}

a, a:visited{
	color:#096;
}
a:hover{
	color:#16bde9;
}
/* ----------- GAUCHE / DROITE ------------- */

#pageleft{
	width:348px;
	vertical-align:top;
}

#pageright{
	padding-top:0px;
	text-align:left;
	vertical-align:top;

}

#boncadeau {

	padding-top: 30px;
	height:170px;
	width:520px;
	text-align:right;
}

/* ----------- CONTENU ------------- */
#contenupage{
	position:absolute;
	z-index:1;
	top:230px;
	left:10px;
	width:540px;
	height:350px;
	overflow:auto;
	font-family:Arial, Helvetica;
	font-size:13px;
	scrollbar-arrow-color:#3c5dbf;
	scrollbar-base-color:#FFFFFF;
	scrollbar-highlight-color: #DDDDDD;
	scrollbar-face-color:#FFFFFF;
	scrollbar-darkshadow-color: #888888;
}

.listage li {
	margin:8px;
}
.listage2 li {
	margin:1px;
	margin-left:10px;
	list-style-image: url('images/dot.gif');
}
.listage3 li {
	margin:5px;
	margin-left:10px;
	list-style-image: url('images/dot.gif');
}

.listage2 a, .listage2 a:visited{
	color:#039;
}
.listage2 a:hover{
	color:#16bde9;
}

#bottompage{
	position:absolute;
	z-index:1;
	top:560px;
	left:0px;
	width:550px;
	height:38px;
	text-align:center;
	color: #003399;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
}
#signature{
	position:absolute;
	z-index:auto;
	top:620px;
	left:0px;
	width:550px;
	text-align:center;
	color: #009933;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}
#coldellum6{
	width:262px;
	height:252px;
	background-image:url("images/cellm6.png")  !important;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/cellm6.png');

}
#cellum6{
	width:262px;
	height:252px;
	background-image:url("images/cellum6.gif");
}

.texte{
	padding-top:0px;
	padding-right:25px;	
	font-family:Arial, Helvetica;
	font-size:12px;
	text-align:left;
	vertical-align:top;
	color: #003399
}


.texte H1{
	font:italic bold 16px arial, helvetica;
	width:100%;
	color:#009966;
	margin: 0px 0px 5px 0px;
	text-align:left;
}

.texte UL{
	margin:0px;
	padding-left:20px;
}
.texte UL UL{
	padding-top:3px;
}
.texte UL LI{
	list-style-type:circle;
	font-style:italic;
}




.texte2{
	padding-top:0px;
	font-family:Arial, Helvetica;
	font-size:12px;
	text-align:left;
	vertical-align:top;
	color: #003399
}


.texte2 H1{
	font:italic bold 16px arial, helvetica;
	width:100%;
	color:#009966;
	margin: 0px 0px 5px 0px;
	text-align:left;
}

.texte2 UL{
	margin:0px;
	padding-left:10px;
}
.texte2 UL UL{
	padding-top:3px;
}
.texte2 UL LI{
	list-style-type:circle;
	font-style:italic;
}






.mytab{
margin:0px;
	width:450px;
	background:#fff url("images/degpb.jpg") repeat-x;
	border:1px solid #aaa;
	position:absolute;
	display:none;
	padding:5px;
	font:12px arial, helvetica;
}


/* ----------- IMAGES ------------- */

.tablenews_image{
	border:1px solid #3c5dbf;
	margin:0px 10px 5px 10px;
}




/* ----------- MENU ------------- */
#menubar{
	background: url('images/backbarre.gif') no-repeat;
	height:40px;
	position:absolute;
	z-index:1;
	top:180px;
	left:0px;
	width:550px;
}

#menubar td{
	height:25px;
	padding-top:0px;
	text-align: right;
	font: bold 12px Arial, Helvetica;
}

#menubar td a{
	text-decoration:none;
}

#menubar td a:visited, #menubar td a:link {
	color:#3c5dbf;
}
#menubar td a:hover{
	color:#00ff00;
}

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


.legende1{
	font: bold 11px Arial, Helvetica;
	text-align:right;
	vertical-align:middle;
	width:100px;
}

.champ1{
	width:250px;
	font: 11px Arial, Helvetica;
}

.valide1{
	font: bold 11px Arial, Helvetica;
	height:25px;
}



.texteactualites{
	font: 13px Arial, Helvetica;
	color:#039;
}