html {
	margin: 0;
	padding: 0;
	font-size: 100%;	}
	@media screen and (max-width: 480px) {
      body {
        font-size: 90%;
      }
    }

    @media screen and (min-width: 1000px) {
      body {
        font-size: 110%;
      }
    }
body {
	margin: 0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: .8em;
	background-color: #FFCC66;

.imgtetelogo {
	margin-top: 8px;
	margin-left: 20px;
	float:left;
	
}
.entetetexte {
	font-size:small;
}
.diventete {
	border: thick #CC0000;
	vertical-align: middle;
	background-color: white;
	max-height: 60px;
}
	
.diventetegauche {
	max-height:60px;
	max-width:200px;
	margin-left: 20px;
	vertical-align:middle;
	float:left;
	
}

.diventetedroite {
	max-height:60px;
	max-width:200px;
	margin-right: 20px;
	vertical-align:middle;
	float:right;
	
}

.diventetecentre {
	max-height:50px;
	vertical-align:middle;
	text-align: center;
 
	max-width:none
	
}


.tableautete {
	margin: 0;
	padding: 0;
	border-color: #FFFFFF;
	max-width : 100%;
	border-spacing: 0;
	}


#global {
	
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.image_page1 {
	text-align:left;
	margin: 4,10,4,10;
	vertical-align:text-top;
}

#tete {
	vertical-align: middle;
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	
}


.container
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	max-width: 1000px;
}
.contenu
{
   text-align: center;
}


.centrage	{
    margin-left: auto;
    margin-right: auto;
   	width: 100%;
   	text-align: center;

	}
.centragenavp1	{
    margin-left: auto;
    margin-right: auto;
   	width: 98%;
	}

	

table, input, p, a, select,ol , ul, li  { font-size: 99%; } /* IE hack */
h1 { font-size: 2.0em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.35em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 0.98em; }

input [type=submit], input[type=reset] [type=button]
{
	font-weight: bolder;
	margin: 0 auto;
	text-align: center;
}

p {
	padding: 3px;
	margin: 3px;
	text-align: left;
	}
h1 {
	font-weight : bold;
	color : #333333;
	margin-top: 2px;
	margin-bottom: 3px;
	text-align: center;
	}
h2 {
	text-align: center;
	margin-top: 2px;
	margin-bottom: 3px;

		}
h3 {
	color: #CC0000;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	line-height: 18px;
		
	}
h4 {
	margin-top: 2px;
	margin-bottom: 3px;
	text-align: center;
	font-weight : bold;
	line-height:normal
}
h5 {
	font-weight : bold;
	color: #336699;
	margin-top: 2px;
	margin-bottom: 3px;
	text-align: center;
	line-height:normal
}
h6 {
    margin-top: 2px;
	margin-bottom: 3px;
	text-align: center;
	}
	
img, object, embed, canvas, video, audio, picture {
	margin: 0 auto;
	text-align: center;
	border: 0 0 0 0;
	padding: 4 4 4 4;
	border-width: 0px;
	max-width: 100%;
    height: auto;

}

#img {
	margin: 0 auto;
	text-align: center;
	border: 0 0 0 0	;
	padding : 4 4 4 4 ;
}

.img {
	margin: 0 auto;
	text-align: center;
	border: 0 0 0 0;
}
table {
	vertical-align: top;
}
th {
	background-image: url('images/jauneb.gif');
	font-weight: bold;
	text-align : center;
	border-top-style: solid;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-width: 1px;
	line-height: 120%;
	vertical-align: top;
}
td {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	margin-left: 2px;
	border: 1px solid #666;
	background-color: #FFFFFF;
	font-size: 1.08em;

	
}

.tdtete {
	border: 0;
	background-color: #FFFFFF;
	font-size: 1.08em;
	vertical-align: middle;
	text-align: center;
}




a:link {
	color : navy;
}
a:link {
	color : navy;
}
a:hover {
	color : red;
	text-decoration : underline overline;
}
a:visited {
	color : navy;
}
ul {
	
	margin-top: 3px;
	margin-bottom: 3px;
}

hr {
	color: #669999;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 90%;
	text-align:center
}
li {
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: left;
}


.centrage {
    margin-left: auto;
    margin-right: auto;
   	width: 98%;
	
}



.quatorze {	font-size: 1.6em;}

.impo {
	border-top-width: 2px;
	border-bottom-width: 2px;
	background-color: #FFCC66;
	text-align: center;
	border-left-width: 2px;
	border-right-width: 2px;
	padding-top: 2px;
	padding-bottom: 3px;
	font-size : 0.92em;
}
.titre {
	background-color: #EEEEEE;
	border-top-style : solid;
	color : #666666;
	margin-top: 3px;
	margin-bottom: 3px;
	line-height: 100%;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding-top: 3px;
	padding-bottom: 4px;
}

.tarif {
	
	text-align: center;
	font-weight: bold;
	color: #000000;
	font-size: 1.1em;
	background-image: url('images/fondjaune.png');
}

.tarif1 {
	border: thin #FF0000 solid;
	background: url('images/jauneh.gif');
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.1em;
}



.retrait {
	margin-left: 13pt;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: left;
}
.tab {
	text-align: left;
	margin-left: 3px;
		}
.tdcenter {
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
		
}
.tdentete {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	background-image: url('images/bandonoir.gif');
}

.promo {
    font-size: 1.08em;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF0000;
}
.promo2 {
	border-color: #FF0000;
	font: verdana, sans-serif;
	background-image: url('images/ombregrise.gif');
	border: #FF0000 1px solid;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
}

.leftyellow {
	vertical-align : top;
	text-align: left;
	line-height: 16px;
	}

.tablefiche1 {
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  width: 80%;
}

.tdfichegauche {
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 30%;

}
.tdfichedroite {
	text-align: left;
	margin-top: 3px;
	margin-bottom: 3px;
			
	}
.c {
	background-color: #FFCC00;
	text-align: center;
	margin: 4px;
	padding: 4px;
	width: 98%;
}

.t {
	background-color: #FFF8DC;
	text-align: center;
	margin: 5px;
	padding: 5px;
	width: 600px;
	border: #000000 1px solid;
	font-size: 90%;
}
.stylebottom {
	text-align: center;
	max-width: 100%;
	border-top: 1px solid #666;
	background-image: url('images/fond-bottom.png');
	border-bottom: 1px solid #666;
	padding: 6px;
}
.styletopnav {
	text-align: center;
	max-width: 100%;
	background-image : url('images/fond-nav.png');
	vertical-align: middle;
	font-size: 90%;
	border:0;
	
}

.stylebottompage-index {
	text-align: center;
	background-color: #F3E2A9;
	color: #333333;
	
	max-width: 100%;
	
	
}


.ombregrise {
	font:  verdana, sans-serif;
	background-image: url('images/ombregrise.gif');
	text-align: left;
	border: #000000 1px solid;}
	
.tableau {     border-collapse:collapse }  
.tableau td {     padding : 0.4em ; border-spacing:0; border:1px solid #666; empty-cells: show; background-color:#fafafa;  }  
.tableau caption {     font-size:2em;     padding:1em 0 0.5em 1em; } 
.tableau tr.impaire td {    background-color: #eee; } 
.tableau th {    color: #666;    font-size:0.8em;    font-weight:bold;    text-align:center; }

.nav2
{
	
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-top-style: solid;
	border-top-color: #f6e497;
	border-top-width: thin;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	letter-spacing: 0,5px;
	font-style: oblique;
	background-color: #FFFFFF;
	max-width: 100%;

}