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; 
	font-family:arial;
}

body {
background:#BFBFBF;
}

/*******************************************************
ELEMENTS COMMUNS
************************************************************/
.op_high  { filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; }
.op_medium { filter:alpha(opacity=66); -moz-opacity:.66; opacity:.66; } 
 img { _behavior: url("iepngfix.htc"); }
.blur { background:#ffffff; color:black;}
.focus { background:#ECF6FF; color:black; }


.button, .input_submit {
font-weight:bold;
margin-top:1px;
border:1px solid #999;
cursor:pointer;
font-family:verdana;
color:#32312F;
height:36px;
padding:2px 2px;
font-size:13px;
background:#F7F7F7 url(../imgs/fond_but.jpg) repeat-x top left;
margin-top:5px;
}

.over {
color:#000;
cursor:pointer;
border:1px solid #000;
}



/* chargement */
#chargement {
display:none;
}
.chargement {
position:absolute;
padding:10px;
margin:0;
height:50px;
}



/*affichage sommaire*/
.date_sommaire { text-align:right; display:block; padding:7px 5px; font-style:italic; margin-right:18px; font-size:.8em; }

.switchpopup, .switchpopup_gris  {
width:15px;
display:block;
float:left;
margin:-15px 0 0 5px;
text-align:center;
color:#999;
font-weight:bold;
border:1px solid #AFAEB2;
cursor:pointer;
}

.switchpopupon {
color:#fff;
background:#999;
}


 /******************************************************************/
/* STRUCTURE DE LA PAGE */ 
/******************************************************************/
#page {
position:absolute;
width:955px;
margin-left:-477px;
left:50%;
font-size:14px;
background:#FFF;
top:39px;

}

/********************************/
/***TOP_HEADER***/
/*******************************/
#top_header {
position:absolute;
top:0;
width:955px;
margin-left:-477px;
left:50%;
font-size:11px;
background:url(../imgs/top_header_fond2.jpg) no-repeat top left;
height:39px;
}

#top_header #arianne {
width:585px;
float:left;
margin:0 10px 0 10px;
text-align:left;
padding-left:5px;
}

#top_header #top_compte {
/*width:330px;
_width:320px;*/
display:block;
position:absolute;
right:0;
float:left;
margin:0 10px; 
text-align:right;
padding-right:5px; 
}

	#top_header #arianne, #top_header #top_compte {
	padding:5px 0;
	color:white;
	font-family:verdana;
	text-transform:uppercase;
	}

	#top_header #arianne a, #top_header #top_compte a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}

	#top_header #arianne a:hover, #top_header #top_compte a:hover {
	color:#fff;
	text-decoration:underline;
	}

	#top_header #top_compte #top_login {
    cursor:pointer;
    color:#fff;
	text-decoration:none;
	font-weight:bold;
	}



/* formulaire de connexion visible apr�s clic sur se connecter*/
	#top_header #div_connexion_form_top {
	background:#F8F8FF;
	width:280px;
	color:black;
	padding:12px;
	border-top:1px solid black;
    border-left:1px solid black;
    border-bottom:3px solid black;
    border-right:4px solid black;
	z-index:10000;
    top:37px;
    left:640px;
    position:absolute;
    display:none;
	}

	#top_header #div_connexion_form_top form {
    background:#eee;
	padding:0px;
	border:1px solid #999;
	}
    
	/* titre "se connecter" */
	#top_header #div_connexion_form_top form th {
	background:#ccc;
	color:black;
	padding:1px 5px;
	font-weight:bold;
	text-align:left;
	}

	#top_header #div_connexion_form_top label {
	width:100px;
	margin:5px 5px 0 5px;
	}

	#top_header #div_connexion_form_top input {
	margin:5px 5px 0 5px;
    border:1px solid black;
    background:#C5002D;
    color:white;
	}

	#top_header #div_connexion_form_top #but_connexion2 {
	margin-left:100px;
	margin:5px 5px 0 5px;
	color:#fff;
	font-weight:bold; 
    background:#C5002D;
	border-top:1px solid black;
    border-left:1px solid black;
    border-bottom:2px solid black;
    border-right:2px solid black;
	width:37px;
	}

 /******************************************************************/
/* ENTETE */ 
/******************************************************************/
#haut {
 
	width:955px;	 
	height:270px;
	background:url(../imgs/entete_fond2.jpg) no-repeat top left;
}


/************* ENTETE DES RUBRIQUES *********************************/
#tete_1 {	height:155px;	background:url(../imgs/entete_1.jpg) no-repeat bottom left; }
#tete_2 {	height:155px;	background:url(../imgs/entete_2.jpg) no-repeat bottom left; }
#tete_3 {	height:155px;	background:url(../imgs/entete_3.jpg) no-repeat bottom left; }
#tete_4 {	height:155px;	background:url(../imgs/entete_4.jpg) no-repeat bottom left; }
#tete_5 {	height:155px;	background:url(../imgs/entete_5.jpg) no-repeat bottom left; }
#tete_6 {	height:155px;	background:url(../imgs/entete_6.jpg) no-repeat bottom left; }

#logo_site {
	float:left;
}

#logo_site {
    position:absolute;
	border:0;
	margin:20px 0 0 110px;
	*left:0px;
	z-index:1001;
}
 
#pub {
position:absolute;
float:left;
top:20px;
right:10px;
}

#pub a {
border:0
}
#pub img {
border:0;
}


#recherche {
position:absolute;
top:225px;
right:0px;
width:360px;
margin-right:85px;
*margin-right:75px;
 
height:22px;
}

#recherche td {
vertical-align:top;
border:0;
height:22px; 
background:#32312F;
}

#recherche td img {
display:block;
border:0;margin:0;padding:0;
}

#recherche #recherche_input {
border:0;
padding:2px;
margin:0;
width:304px;
height:21px;
/*height:16px;*/
border-top:1px solid black;
border-bottom:1px solid black;
 background:#d7d7d7;
color:black;
font-family:verdana;
font-size:12px;
height:21px;
*height:20px;
}

#recherche #recherche_submit {
padding:0;
margin:0;
font-weight:bold; 
width:40px; 
background:#32312F;
color:white;
border:0;
border-left:3px solid black;
height:22px;
cursor:pointer;
}

/*MENU COLLABORATIF*/
#menu_collaboration {
position:absolute;
right:20px;
top:165px;
}

#menu_collaboration a {
color:#252525;
text-decoration:none;
font-weight:bold;
font-size:.8em;
font-family:trebuchet ms,arial;
text-transform:uppercase;
padding:0 4px;
}

#menu_collaboration a:hover {
background:#3B3A3A;
color:#F5F5F5;
}


 /******************************************************************/
/* MENU */ 
/******************************************************************/
#menu {width:160px;  vertical-align:top; padding:0; }
.titre_menu { text-align:center; color:white;font-size:1.3em;font-weight:bold;font-family:verdana;}
#menu .ohmenu {   width:120px;height:660px;background:#32312F;margin-left:10px; }
#menu .languette {position:absolute; margin-top:-666px;height:660px;*height:666px; background:#32312F; width:8px; margin-left:0px;  } 
#menu ul { margin-top:10px; }
#menu ul li { list-style-type: none; padding:2px 0 26px 0; }


 /******************************************************************/
/* CONTEU */ 
/******************************************************************/
#contenu {
vertical-align:top;
width:825px;
padding:0;
}

/******************************************************************/
/* PIED */ 
/******************************************************************/
#bas {
	background:url(../imgs/pied_fond.jpg) no-repeat bottom left;
	height:119px;
}

#bas #pied_mentions { 
margin-top:70px;
margin-left:300px;
display:block;
font-size:0.7em; 
} 

#bas #pied_mentions img {	vertical-align:middle; border:0; padding-bottom:5px;  }
#bas #pied_mentions a { color:black; text-decoration:none; }
#bas #pied_mentions a:hover { text-decoration:underline; } 
#bas #logo_auvergne { margin:50px 0 0 60px; } 


#signature {
	text-align:center;
	font-size:0.65em;
}



/**************************************************************************************************************************************************************************************/ 
/*PAGES PAR DEFAUT */
/* CONTACT
/* PLAN DU SITE
/* COMPTE
/* HISTORIQUE DES MESSAGES
/* MENTIONS LEGALES
/* NEWSLETTERS 
/**************************************************************************************************************************************************************************************/ 

.defaut {
width:816px;
margin:0;
padding:0 0 0 15px;
vertical-align:top;
font-size:12px;
}

.defaut h2.titre {
font-size:1.3em;
font-weight:bold; 
padding:2px 0px;
margin:0 0 10px 0;
font-family:verdana;
text-align:center;
/*
border-bottom:1px solid #6B8E23;
border-left:1px solid #6B8E23;
border-top:1px solid #6B8E23;
border-right:1px solid #6B8E23;
background-image:url(../imgs/bg_collabo.gif);
background-repeat:repeat-x;
background-position:bottom left;*/
background:#D4EFA4;
color:#6A8F28;
}

.defaut label {

}

.defaut input {

}


/* historique des messages */
.debut img{
max-width:500px;
}

/**************************************************************************************************************************************************************************************/ 
/*Formulaire de newsletter
/**************************************************************************************************************************************************************************************/ 
.form_newsletter {
border:1px solid #6B8E23;
padding:15px;
}

.form_newsletter legend {
font-weight:bold;
margin:0;
}

.form_newsletter span {
font-weight:bold;
margin:15px 15px 1px 0;
}

.form_newsletter input {
margin:15px 15px 1px 0;
border:1px solid #333;
}

.form_newsletter input#formbuttonsoumettre {
margin-left:65px;
}