html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline; 

}

body {
background:#BFBFBF;
background:#FFFFFF;
}

/*******************************************************
/////////ELEMENTS COMMUNS///////////////////////////////
********************************************************/
.op_high  { filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; }
.op_medium { filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; } 
 img { _behavior: url("iepngfix.htc"); }
.blur { background:#ffffff; color:#ED008C;}
.focus { background:#ED008C; color:white; }
.format_png { _behavior: url("squelettes/imgs/iepngfix.htc"); }

/*titres */
#page  h2 {
color:#ED008C;
font-size:1.4em;
padding:2px 0;
margin-bottom:10px;
border-bottom:1px solid #ED008C;
}

#page  h2 small {
font-size:.8em;
font-style:italic;
margin-left:5px;
}



.texte {
font-size:11px;
}
/*******************************************************
/////////STRUCTURE DU SITE//////////////////////////////
********************************************************/
#haut {
position:absolute;
width:945px;
margin-left:-473px;
left:50%;
top:10px;
height:15px;
background-image:url(../imgs/fond_haut.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}

/*lien vers le blog*/
	#lien_blog {
	position:absolute;
	width:945px;
	margin-left:-473px;
	left:50%;
	top:10px;
	}

	#lien_blog a {
	margin:21px 0 0 642px;
	display:block;
	filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60;
	}

	#lien_blog a:hover {
	filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99;
	}


#page {
position:absolute;
width:945px;
margin-left:-473px;
left:50%;
top:25px; /*10px + 15px*/
background-image:url(../imgs/fond_milieu.jpg);
height:630px;

}

#page #banniere {
position:absolute;
top:0;
width:945px;
height:226px;
padding-left:10px;
}

#page #menu {
position:absolute;
top:226px;
width:210px;
left:0;
padding-left:10px;
font-family:trebuchet ms;
}

#page #bas {
position:absolute;
height:24px;
width:945px;
top:630px;
background-image:url(../imgs/fond_bas.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#page #bas p {
text-align:center;
margin-top:30px;
font-size:.7em;
}

#page #bas p a {
color:#E20287;
}

#page #bas p a.signature {
color:#333;
text-decoration:none;
}




/*******************************************************
/////////MENU///////////////////////////////////////////
********************************************************/
#page #menu #menu_1 {
background:#A0958B;
padding:5px;
}

#page #menu #menu_1 .menu_1 {
background-image:url(../imgs/fond_bouton.jpg);
height:36px;
}

#page #menu #menu_1 .menu_1 a {
text-align:left;
display:block;
padding:8px 0 12px 8px;
color:white;
font-size:.7em;
text-decoration:none;
font-weight:bold;
letter-spacing:3px;
}

#page #menu #menu_1 .menu_1 a:hover, #page #menu #menu_1 .menu_1 a.on {

background:#C20676;
}


/*fermeture du menu*/
#page #menu #menu_1 .menu_2 .close_menu {
position:absolute;
top:1;
right:1;
cursor:pointer;
}

#page #menu #menu_1 .menu_2 {
position:absolute;
left:222px;
*left:212px;
top:0;
background:#818181;
width:220px;
display:none;
}

#page #menu #menu_1 .menu_2 .menu_2_1 {
background:#616161;
margin:5px;
}


#page #menu #menu_1 .menu_2 .menu_2_1 a {
padding:5px;
display:block;
color:white;
text-decoration:none;
font-size:.7em;
font-weight:bold; 
}

#page #menu #menu_3 {
padding:8px;
background:#383838;
margin-top:2px;
}

#page #menu #menu_3 .menu_3 {
border-bottom:1px dotted white;
padding-bottom:5px;
padding-top:15px;
}


#page #menu #menu_3 .menu_3 a {
color:#E375B7;
font-size:.8em;
text-decoration:none;
font-weight:bold;
letter-spacing:3px;
}

#page #menu #menu_3 .menu_3 a:hover, #page #menu #menu_3 .menu_3 a.on {
color:white;
}

#page #menu #newsletter {
background-color:#383838;
background-image:url(../imgs/fond_newsletter.jpg);
background-repeat:repeat-x;
height:150px;
padding-left:10px;
margin-top:2px;
}

#page #menu #newsletter p {
color:white;
font-size:.8em;
margin-top:5px;
padding-right:15px;
}

#page #menu #newsletter p a {
color:#E375B7;;
text-transform:uppercase;
text-decoration:none;
font-size:.9em;
text-align:right;
display:block;
}

#page #menu #newsletter p a:hover {
color:#Fff;
text-decoration:underline;
}