body {
	text-align: center;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: #444444;
	font-size: 12px;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #eeeeee;
	scrollbar-highlight-color: #dddddd;
	scrollbar-3dlight-color: #eeeeee;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #cccccc;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

 p {
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 10px;
}

 a {
	text-decoration : underline;
	font-style: normal;
	color: #444444;	
}

 a:hover {
	text-decoration : underline;
	font-style: bold;
	color: #3366ff;
}

 ul {
	position: relative;	
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0px 0px;	
	list-style-image: url(images/puceg.gif);
}

 ol {
	position: relative;	
	margin: 10px 0px 0px -8px;
	padding: 0px 0px 0px 0px;	
	list-style-image: none;
}

 li {
	margin: 15px 0px 5px 30px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
}

h1 {
    font-size:  200%;
}
h2 {
    font-size:  150%;
}
h3 {
    font-size:  120%;
	 margin-bottom: 6px;		
}

h4 {
    font-size:  100%;
	 margin-bottom: 6px;	
}

h5 {
    font-size:  80%;
	 margin-top: 0px;		
	 margin-bottom: 0px;		
}

hr {
	margin-bottom: 0 px;
}

img {
	border: 0px;
}

/* Bloc global (here to modify global width of site) ************************************************    */
#blocglobal {
	width: 1000px;
   overflow:auto;  /* border for Firefox */
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	padding-bottom:30px;	
	background-color: #ffffff;
	border-left: 1px solid #aaaaaa;	
	border-right: 1px solid #aaaaaa;	
}

/* Bloc entete  ************************************************************************************************    */
#bloc_entete {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#bloc_entete_left {
	float:left;
	text-align: left;
	width: 75%;
}

#bloc_entete_right {
	float:right;
	width: 25%;
}

/* Bloc bottom  **********************************************************************************************  */
#bloc_bottom {
	float:left;
	color: #FFFFFF;
	text-align:left;
	font-size: 110%;
	font-weight: bold;
	vertical-align: middle;
	width: 100%;
	height: 18px;
	top: 600px;
	background: #e3001b;
	margin-left:0px;
	padding:0px;
}

/* Bloc bande_grise  ****************************************************************************************  */
#bloc_bande_grise
{
   width:1000px;
   float:left;
	height: 23px;
	margin: -3px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
   background: #eeeeee;
}

/* Bloc menu  ************************************************************************************************    */
#bloc_menu {
   float:left;
	width: 240px;
	text-align: left;
	top: 131px;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#bloc_menu a {
	text-decoration : none;
	font-style: normal;
}

#bloc_menu a:hover {
	text-decoration : underline;
	font-style: bold;
	color: #000000;
}

.bloc_menu_item {
	background-color: #bbbbbb;
}

.bloc_menu_item a:hover {
	color: #000000;
}

.bloc_menu_levelsel {
	background-color: #999999;
	color: #ffffff;
}

.bloc_menu_levelsel a:hover {
	color: #ffffff;
}

.bloc_menu_itemsel {
	background-color: #3366ff;
	color: #ffffff;
}

.bloc_menu_itemsel a:hover {
	color: #ffffff;
}

/* Bloc contenu  ***************************************************************************************    */
#bloc_contenu {
	float:left;
	text-align: justify;
	font-size: 100%;
	width: 750px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0 px 0px 0px;
}

/* Bloc contenu for other skin */
#bloc_contenu_100 {
	float:left;
	text-align: left;
	width: 98%;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#bloc_contenu_75 {
	float:left;
	text-align: left;
	width: 74%;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#bloc_contenu_66 {
	float:left;
	text-align: left;
	width: 65%;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#bloc_contenu_33 {
	float:left;
	text-align: left;
	width: 33%;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#bloc_contenu_25 {
	float:left;
	text-align: left;
	width: 24%;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* bloc pour homepage assurer **********************************************************************  */
#bloc_middle {
	float:left;
	text-align: left;
	width: 480px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#bloc_right {
	float: right;
	height: auto;
	width: 240px;
	margin: 4px 2px 0px 12px;
	padding: 0px;
	color: #000000;
   background-color: #bbbbbb;
	background-image: url(../images_communes/back_right.jpg);
   background-position: bottom;
	background-repeat: no-repeat;
	text-align: left;
}

#bloc_right h3 {
	color: #ffffff;
	font-size: 18px;
	height: 30px;
	padding: 5px 3px 0px 2px;
	margin:  0px 0px 0px 5px;
	text-align:left;
	background-image: url(../images_communes/back_h3_right.jpg);
	background-repeat: no-repeat;	
}

#bloc_right a
{
	color: #ffffff;
   text-decoration: underline;
}

#bloc_right a:hover
{
   text-decoration: underline;
	color: #3366ff;
}

#bloc_right ul {
	position: relative;	
	margin: 0px 0px 0px 6px;
	padding: 2px 2px 2px 7px;
	list-style-image: url(../images_communes/puce.gif);
}

#bloc_right li {
	margin: 0px 0px 5px 15px;
	padding: 0px 0px 5px 0px;
	text-align: left;
}

/* Formular classes **************************************************************   */
form {
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 3px;
}

input {
	border: 1px solid #999999;
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 3px;	
	color: #444444;
	background-image: url(images/backform.gif);
}

textarea {
	border: 1px solid #444444;
	margin: 0px 0px 0px 0px;
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;	
	color: #444444;		
	background-color: #eeeeee;
}

 select {
	border: 0px;
	font-size: 10px;
	color: #444444;		
	background-color: #eeeeee;
}

.checkbox {
	 background: none;
	 border: none;
	 margin-right: 10px;
	 margin-bottom: -2px;
}

.checkbox2 {
	 background: none;
	 border: none;
	 margin-left: 30px;
	 margin-right: 10px;
	 margin-bottom: -2px;
}

.radio {
	 background: none;
	 border: none;
	 margin-right: 5px;
	 margin-bottom: -2px;
}

fieldset {
	padding: 10px;
}

.fieldset2 {
	padding: 10px;
	border: 1px solid #cccccc;
}

.no_border {
	border:0px;
   vertical-align: bottom;
   background: none;
}

/* Classes Tables ***************************************************************************   */

#tableau {
	width: 100%;
	margin: 5px 5px 0px 0px;
	border-collapse: collapse;
}

#tableau td {
	border-width: 1px;
	border-color: #aaaaaa;
	border-style: solid;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}

.tableau_fond_color {
	background-color: #3366ff;
	color: #ffffff;
}

.tableau_fond_color a {
	color: #ffffff;
}

.tableau_fond_color a:hover {
	color: #ccccff;
}

#tableau2 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
	border: 0px;
}

#tableau2 td {
	border-width: 0px;
	border-style: none;
	padding: 7px;
}

.tableau_fond_color2 {
	background-color: #fce8d6;
}

#tableau3 {
	width: 100%;
	margin: 5px 5px 0px 0px;
	border-collapse: collapse;
}

#tableau3 td {
	border-width: 1px;
	border-color: #aaaaaa;
	border-style: solid;
	color: #444444;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}
	
/* Classes Bouton ***************************************************************************   */
.bouton {
	border: 1px solid;
	height: auto;
	font-size: 90%;
	border-color : #aaaaaa;
	color:#444444;
	background-color : #eeeeee;
}

.bouton_over {
	height: auto;
	font-size: 90%;	
	border-color : #aaaaaa;
	background-color : #dddddd;
	cursor: pointer;
}

/* General classes  *************************************************************   */

.no_style {
	border: 0px;
	background-color: #ffffff;	
}