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: #eeeeee;
	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: #009933;
}

 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;
}

.li_margin_spec_left
{
	margin: 10px 0px 5px 15px;
}

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;
	margin: 0px 0px 0px 0px;
}

/* Bloc global (here to modify global width of site) ************************************************    */
#blocglobal
{
	width: 1000px;
	overflow:auto;
	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 footer  ************************************************************************************************    */

#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-top: 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: #009933;
	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 0px 20px 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_85
{
	float:left;
	text-align: left;
	width: 84%;
	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_50
{
	float:left;
	text-align: left;
	width: 49%;
	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_contenu_15
{
	float:left;
	text-align: left;
	width: 14%;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* bloc pour homepage prevenir */
#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: #009933;
}

#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;
}

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

.padding5px
{
	padding-right : 3px;
	padding-left : 3px;	
}

.img_align_top
{
	vertical-align: top;
	border: 0px;	
}

.img_align_bottom
{
	vertical-align: bottom;
	border: 0px;
}

.font_color_vert
{
	color: #009933;
}

.font_normal
{
	font-size: 100%;
}

.font_large
{
	font-size: 120%;
}

.font_xlarge
{
	font-size: 140%;
}

.font_small
{
	font-size: 90%;
}

.a_orange_90
{
	text-decoration: none;
	color: #009933;
}

/* 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_communes/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;
}

#tableau1
{
	margin: 2px 2px 0px 0px;
	border-collapse: collapse;	
}

#tableau1 td
{
	border-width: 1px;
	border-color: #aaaaaa;
	border-style: solid;
	padding: 3px 3px 3px 3px;
}

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

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

#tableau_over
{
	background-color: #dddddd;
}
	
#tableau_fond1
{
	background-color: #eeeeee;
}

#tableau_fond2
{
	background-color: #dddddd;
}

.tableau_fond_color
{
	background-color: #009933;
	color: #ffffff;
}

.tableau_fond_color a
{
	color: #ffffff;
}

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

.tableau_fond_color1
{
	background-color: #A0522D;
	color: #ffffff;
}

.tableau_fond_color1 a
{
	color: #ffffff;
}

.tableau_fond_color1 a:hover
{
	color: #cccccc;
}

/* Button classes *******************************************************  */

.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;
}

/* Others classes *******************************************************  */

.background_small
{
	background : url(images/fond_small.jpg) top left no-repeat;
}

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

.radio_spec2
{
    border: 0px;
    padding: 60px 5px 1px 5px;
    background-color: #f6f6fb;
    cursor: default;
}

.fond_color1
{
background-color: #66CC99;
}

.fond_color2
{
background-color: #eeeeee;
}

.fond_color3
{
background-color: #cccccc;
}

.font_blanc
{
	color: #ffffff;
}
.font_rouge
{
	color: #cc0000;
}
.font_italic
{
   font-style: italic;
}
.separateur {
   visibility: hidden;
	clear: both;
}

.trait_fin{
 display:block;
 height: 1px;
 margin: -7px 0;
 padding: 0;
 color: #dddddd;
 background-color: #F00;
 border: 0;
}

.bordure_formulaire {
	margin:0px;
	padding:10px;
	border-color:#aaaaaa;
	border-style:solid;
	border-width: 1px;
}