body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

form {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

body, th, td, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}

a {
	color: #cc3300;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.style1 {
	font-size: 10px;
	color: #A1A1A1;
	height: 15px;
}

.style1 a {
	color: #ED8407;
	text-decoration: none;
}

.style1 a:hover {
}

.list1 {
	margin-left: 0px;
	padding-left: 10px;
	list-style: none;
	line-height: 22px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

.list1 li {
	background: url(images/img4.gif) repeat-x left bottom;
	padding: 5px 0px 5px 10px;
}

.list1 a {
	background: url(images/img7.gif) no-repeat left center;
	text-decoration: none;
	padding-left: 10px;
	color: #A1A1A1;
}

.text1 {
	letter-spacing: -1px;
	text-transform: uppercase;
	font-size: 18px;
	color: #207FF8;
	
}
.text2 {
	text-transform: uppercase;
	font-size: 10px;
}

.text3 {
	text-transform: uppercase;
	font-size: 12px;
	color: #4A9AFF;
	padding-left: 30px;
}

.text4 {
	letter-spacing: -1px;
	text-transform: uppercase;
	font-size: 18px;
	color: #ED8407;
	
}

.text5 {
	background-color: #E0E0E0;
	text-transform: uppercase;
	padding: 10px 0px 10px 15px;
	font-size: 14px;
	font-weight: bold;
}

.text6 {
	font-weight: bold;
	color: #ED8407;
}

.petit {
	font-size: 10px;
}
.text7 {
	text-align: center;
	letter-spacing: -2px;
	text-transform: uppercase;
	font-size: 24px;
	color: #FFFFFF;
}

.text8 {
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;
}

.bg1 {
	background: url(images/img3.jpg) no-repeat left top;
	height: 187px;
}

.bg2 {
	background: url(images/img4.gif) repeat-x left top;
}

.bg3 {
	background: url(images/img2.jpg) no-repeat left top;
	height: 117px;
	color: #010202;
}

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

.img1 {
	float: left;
	margin: 3px 15px 0px 0px;
}

.img2 {
	float: right;
	margin: 3px 0px 0px 15px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}


/** rajouté par moi **/

.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 10px;
}

.alignright, img.alignright {
display: inline;
float: right;
margin-left: 10px;
}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 12px;
}

/* ------------------------------------------------------------------
   corps de texte lisible

   Le gabarit posait un corps de 14px, trop petit pour une lecture sur
   telephone, ou 16 px est la valeur attendue. Le texte courant est
   remonte a 16 px avec un interligne de 1,55.

   Les titres, les menus et les pieds de page ne sont pas touches : ils
   sont dimensionnes en pourcentage dans des blocs a hauteur fixe, les
   agrandir deplacerait la mise en page.
   ------------------------------------------------------------------ */

p, li, dd, dt, blockquote, label {
	font-size: 16px;
	line-height: 1.55;
}

nav p, nav li, .menu p, .menu li, #menu p, #menu li, #mnu p, #mnu li,
.nav p, .nav li, #nav p, #nav li, .navigation p, .navigation li,
#navigation p, #navigation li, .header p, .header li, #header p,
#header li, #hdr p, #hdr li, .footer p, .footer li, #footer p,
#footer li, #ftr p, #ftr li, .breadcrumb p, .breadcrumb li {
	font-size: inherit;
	line-height: inherit;
}
