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, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend   {
margin: 0;
padding: 0;
border: 0px solid #FFFFFF;
outline: 0;
font-weight:normal;
font-style: inherit;
font-size: 100%;
vertical-align: baseline; }
/* remember to define focus styles! */
:focus {outline: 0; }
body { line-height: 1; color: black; background: white; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

html {
overflow-y: scroll;
overflow-y: -moz-scrollbars-vertical;
}

body {
   margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:10px;
   font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:15px; color:#2D2D32;
   background-color:#ACB8A2;
}
.centrageGen {
text-align: center;
}
 
 
/*  DIVERS  ...............................................................................*/

.logo {
margin:110px 0 0 30px;
}
.chiffre {
float:left;
font-size: 40px; line-height:40px; color:#FFFFFF;  font-weight: bolder ;
padding:6px;
background-color:#39588D;
width:45px; height:40px;
text-align:center;
margin-right:10px; display:inline;
}
.tabledhote {
font-family:'Georgia,Times New Roman', Times, serif;
font-style:italic;
font-size:14px; line-height:19px;
background-color:#E9F2DD;
padding:16px 6px;}

.sentenceHP {
font-family:'Georgia,Times New Roman', Times, serif;
font-style:italic;
font-size:18px; line-height:24px;
color:#5A911C;
}

.cadre_reserver{
float:left; text-align:center;
padding:6px 3px;
background-color:#DAF3BC;
height:20px
}
.reserver_row{
background-color:#fff;
height:18px;
margin-bottom:5px;
width:474px
}



/*   STRUCTURE GENERALE  ...............................................................................*/



	  #entete {
		margin-left: auto; margin-right: auto;
		width:980px; 
		height:263px;
		text-align:left;
		background-image:url(../img/visu.jpg); background-repeat:no-repeat;
		}
       #corps {
		margin-left: auto; margin-right: auto;
		width:920px; 
		text-align:left;
		background-image:url(../img/fond.jpg); background-repeat:repeat-y;
		min-height:455px;
		height:auto !important;
		height:455px;
		padding:15px 30px;
		border:0px solid;
		}
      #footer {
		margin-left: auto; margin-right: auto;
		width:980px; 
		text-align:center;
		font-size:11px;
		color:#666666;
		}

/* SIGN_IN ...............................................................................*/

	  #sign {
		margin:20px 25px 0 0; display:inline;
		padding:5px;
		float:right;
		width:170px; 
		height:120px;
		text-align:left;
		background-image:url(../img/sign1.png); background-repeat:no-repeat;
		}
       #sign p{
		margin: 2px 0 0 5px;
		font-size:9px; line-height:12px; letter-spacing:0.1em; 
		}
       #sign .boite{
		background-repeat:no-repeat; 
		width:161px; height:25px; 
		text-align:center; font-weight:bold;
		color:#FFFFFF; 
		font-size:14px;
		line-height:24px; 
		letter-spacing:0.1em;
		font-weight:bold;
		}
       #sign .boite1{
		background-image:url(../img/sign2.png); 
		}
       #sign .boite2{
		background-image:url(../img/sign3.png); 
		}

/* NAVIG ...............................................................................*/

	  #navig {
		margin-left: auto; margin-right: auto; 
		width:980px;  height:36px;
		text-align:left; color:#FFFFFF;  letter-spacing:2px; font-size:12px; line-height:35px;
		background-image:url(../img/barre.jpg); background-repeat:no-repeat;
		}
.pipe {
margin:-1px 2px;
		display:inline;
}
#item_menu1, #item_menu2, #item_menu3, #item_menu4, #item_menu5, #item_menu6, #item_menu7, #item_menu8, #item_menu9, #item_menu10 {
	font-size:18px;
	margin-bottom:4px;
}
#item_s_menu1, #item_s_menu2, #item_s_menu3, #item_s_menu4, #item_s_menu5, #item_s_menu6, #item_s_menu7, #item_s_menu8, #item_s_menu9, #item_s_menu10 {
	line-heigth:16px;
	margin-bottom:4px;
	display:none;
}

/* ABONNEMENTS ...............................................................................*/


#item_menu_abo1, #item_menu_abo2, #item_menu_abo3, #item_menu_abo4, #item_menu_abo5, #item_menu_abo6, #item_menu_abo7, #item_menu_abo8, #item_menu_abo9, #item_menu_abo10 {
	font-size:18px;
	margin-bottom:3px;
	float:left;
	height:18px;

	}
#item_piton_abo1, #item_piton_abo2, #item_piton_abo3, #item_piton_abo4, #item_piton_abo5, #item_piton_abo6, #item_piton_abo7, #item_piton_abo8, #item_piton_abo9, #item_piton_abo10 {
	margin:-1px 6px 0 0 ;
	float:left;
	}
#item_abo1, #item_abo2, #item_abo3, #item_abo4, #item_abo5, #item_abo6, #item_abo7, #item_abo8, #item_abo9, #item_abo10 {
	display:none;
}



/* ACTU ...............................................................................*/

#actu, #pro, #derniere{
	width:208px; 
	padding:6px 10px;
	text-align:left;
	border:0px solid #4C9300;
}
#actu {
	background-color:#E2EAF2;
	background-image:url(../img/barre2.jpg); background-repeat:no-repeat;
}
#pro , #derniere{
	background-color:#E7EBC7;
	background-image:url(../img/barre3.jpg); background-repeat:no-repeat;
}

#actu .titre, #pro .titre, #derniere .titre{
	letter-spacing:2px;
	color:#FFFFFF;
	}

#actu .date, #pro .date,, #derniere .date{
	font-size:12px; line-height:14px;
	font-weight:bold;
	color:#6E808E;
	}

/* COLONNES ...............................................................................*/

      #conteneurHP {
		float:left;
		width:670px; 
		text-align:left;
		border:0px solid #4C9300;
		background-color:#FFFFFF;
		}
      #conteneurG {
		float:left;
		width:180px; 
		text-align:left;
		border:0px solid #4C9300;
		background-color:#FFFFFF;
		}
      #conteneurC {
		float:left;
		width:490px; 
		text-align:left;
		border:0px solid #4C9300;
		background-color:#FFFFFF;
		}
      #conteneurD {
		float:right;
		width:230px; 
		text-align:left;
		border:0px solid #4C9300;
		}



/* SOMMAIRE PAGES ...............................................................................*/

div#sommaire_pages a:hover{background-color:#006600; color:#FFFFFF; border-color:#006600;}

div#sommaire_pages a
{
float:left;
text-align:center;
color:#7AAB7A;
display: block ;  
margin-left:4px ;
line-height: 12px ;
width:19px;  height:13px;
text-decoration: none ;
border:1px solid #7AAB7A;
font-weight:bold;
padding:  3px 0;
}
.som_pages
{
text-align:center;
float:left;
line-height: 12px ;
width:19px;  height:13px;
}
.som_pages_gris
{
float:left;
text-align:center;
color:#FFFFFF;
margin-left:4px;
line-height: 12px ;
width:19px;  height:13px;
border:1px solid #CCCCCC;
background-color:#CCCCCC;
font-weight:bold;
padding:  3px 0;
}
/* TABLE TARIFS ...............................................................................*/

table.tarifs {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: #9DDA50 #9DDA50 #9DDA50 #9DDA50;
	border-collapse: collapse;
	background-color: white;
}
table.tarifs td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 4px 3px 4px;
	border-style: inset inset inset inset;
	border-color: #9DDA50 #9DDA50 #9DDA50 #9DDA50;
	background-color: #E9F0E5;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.tarifs th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 4px 3px 4px;
	border-style: inset inset inset inset;
	border-color: white white white white;
	background-color: #7DBC2C;
	-moz-border-radius: 0px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:right;
}
table.tarifs tr:hover {background-color : #FFFFFF;}


/* TABLE PRIVILEGES ...............................................................................*/

table.privileges    {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: #9DDA50 #9DDA50 #9DDA50 #9DDA50;
	border-collapse: collapse;
	background-color: white;
}
table.privileges   td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 4px 3px 4px;
	border-style: inset inset inset inset;
	border-color: #9DDA50 #9DDA50 #9DDA50 #9DDA50;
	background-color: #E9F0E5;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:center;
}
table.privileges    th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 4px 3px 4px;
	border-style: inset inset inset inset;
	border-color: white white white white;
	background-color: #7DBC2C;
	-moz-border-radius: 0px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
table.privileges   tr:hover {background-color : #FFFFFF;}

/* TABLE ACTIVITES ...............................................................................*/

table.activites    {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: #9DDA50 #9DDA50 #9DDA50 #9DDA50;
	border-collapse: collapse;
	background-color: white;
	width:100%;
}
table.activites   td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 4px 3px 4px;
	border-style: inset inset inset inset;
	border-color: #9DDA50 #9DDA50 #9DDA50 #9DDA50;
	background-color: #E9F0E5;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:center;
}
table.activites    th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 4px 3px 4px;
	border-style: inset inset inset inset;
	border-color: white white white white;
	background-color: #7DBC2C;
	-moz-border-radius: 0px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
table.activites   tr:hover {background-color : #FFFFFF;}

/* BOITE DROITE ...............................................................................*/

.boite_head {
border:0px solid #FFFFFF;
padding:10px;
color:#FFFFFF;
letter-spacing:1px;
font-weight:bold;
}
.boite_corps {
border:0px solid #FFFFFF;
padding:10px;
}
.fond_vert {
background-image:url(../img/fond_vert.jpg); background-repeat:no-repeat;
}

/*   BOITE IMAGE  ...............................................................................*/

	  .photoL0 {
		margin-right:10px;
		float:right;
 		}
	  .photoL1 {
		margin-right:10px;
		float:left;
 		}
	  .photoR1 {
		margin-left:10px;
		float:right;   
 		}
	  .ombreA1 {
		width:6px;
		background-image:url(../img/ombrea1.gif);
		background-repeat:no-repeat;
 		}
	  .ombreA2 {
		width:6px; height:6px;
		background-image:url(../img/ombrea2.gif);
		background-repeat:no-repeat;
 		}
	  .ombreA3 {
		height:15px;
		background-image:url(../img/ombrea3.gif);
		background-repeat:no-repeat;
 		background-color:#FFFFFF;}

/*..................................................................................................*/

.border1 {
border:2px solid #FFFFFF;
background-color:#ECF0F0;
padding:6px;
}

.fill1{  padding:6px; background-color:#FFFFFF;}
.fill0{  padding:6px;  }



/*CALES...............................................................................*/

.cale4 { width:1px; height:4px; font-size:1px; line-height:1px;  }
.cale6 { width:1px; height:6px; font-size:1px; line-height:1px;  }
.cale8 { width:1px; height:8px; font-size:1px; line-height:1px;  }
.cale10 { width:1px; height:10px;  font-size:1px; line-height:1px;}
.cale12 { width:1px; height:12px;  font-size:1px; line-height:1px;}
.cale15 { width:1px; height:15px;  font-size:1px; line-height:1px;}
.cale22 { width:1px; height:22px;  font-size:1px; line-height:1px;}


/*  UTILITAIRES  ...............................................................................*/

.spacerC { text-align: center; clear: both; }
.spacerL { text-align: left; clear: both; }
.spacerR { text-align: right; clear: both; }
.leftL {  float:left; text-align:left; }
.leftC {  float:left; text-align:center; }
.leftR { float:left; text-align:right; }
.rightL { float:right; text-align:left; }
.rightC { float:right; text-align:center; }
.rightR { float:right; text-align:right; }

p  {
    margin : 0;
	padding : 0;
}


h1,h2,h3,h4,hr,form{ display : inline;  }	
	
ul,ol {
margin : 5px 0px 0px 15px  ; 
}
li {
margin : 0px 0px 0px 0px !important;  
margin : 0px 0px 0px 5px ;  
}	


.masquageShow { visibility:visible; display:block; }
.menuShow { visibility:visible; display:block; margin-left:0px; }
.masquageHide {   display:none; }
.masquageHide2 { visibility:hidden;  }

 img, div, a { behavior: url(../iepngfix.htc) }