html, body {margin: 0; padding:0} 

body {background-color: #f5f5f5; color: #7f7f7f; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 16px}

/* ------------------- BEGIN LAYOUT STYLES ------------------- */
#container {margin: 0 auto 0 auto; width: 899px; background-color: #ffffff}

 #header {position: relative; background-color: #a1a0a5; width: 899px; height: 128px; background-image: url(/images/head2.gif); background-repeat: no-repeat}
		#header div.header1 {position: absolute; left: 0px; top: 0px;}
		#header div.header2 {position: absolute; left: 450px; top: 0px; width: 450px; height: 135px; background-image: url(/images/header2.gif);}
		#header div.nav {position: absolute; left: 200px; top: 13px; width: 650px; color: #7f7f7f; text-align: right}
		#header div.nav a {color: #7f7f7f}
		#header div.form {position: absolute; left: 470px; top: 40px; width: 390px; color: #7f7f7f}
			#header div.form table {margin: 0 0 0 0}
			#header div.form table th {font-size: 12px; color: #e04144; text-align: left; padding: 0 5px 0 0; font-weight: normal}
			#header div.form table td {color: #000000; padding: 0 5px 0 0}		
			#header div.form table td input.btnlog {font-size: 12px}
		#header div.menu {position: absolute; left: 400px; top: 102px; color: #7f7f7f}
    #header div.userbar {position: absolute; left: 0px; top: 208px; color: #7f7f7f; background-image: url(/images/userbar_bk.gif);}


/*#maincontent {position: relative; background-color: #ffffff; width: 899px; min-height: 434px; max-height: 900px; overflow: auto}*/
#maincontent {position: relative; background-color: #ffffff; width: 899px; min-height: 434px; overflow: auto}

	#maincontent div.news {position : absolute; left: 0px; top: 0px; width: 163px; text-align: center;}
	#maincontent div.recentnews {position : absolute; left: 0px; top: 145px; width: 163px; text-align: center;}
	/*#maincontent div.recentnews1 {position : absolute; overflow : hidden; left: 0px; text-overflow : ellipsis; width: 163px; height: 71px; text-align: center; background-image: url(/images/bloc_news_3_lignes.gif);}*/
	/*#maincontent div.recentnews2 {position : relative; overflow : hidden; text-overflow: ellipsis; left: 0px; top: 70px; width: 163px; height: 71px; text-align: center; background-image: url(/images/bloc_news_3_lignes.gif);}*/
	#maincontent div.recentnews1 {position : relative; overflow : hidden; width: 163px; text-align: center; background:#eee url(/images/bloc_news_3_lignes.gif) no-repeat top;}
	#maincontent div.recentnews2 {position : relative; overflow : hidden; width: 163px; text-align: center; background:#eee url(/images/bloc_news_3_lignes.gif) no-repeat top;}
	#maincontent div.news1 {position : absolute; left: 0px; top: 0px; width: 163px; text-align: center;}
	#maincontent div.news2 {position : absolute; left: 0px; top: 0px; width: 163px; text-align: center;}
	#maincontent div.solexpress {position : absolute; left: 0px; top: 0px; width: 163px; text-align: center;}
  
	#maincontent div.pagecontent {position : relative; left: 163px; top: 0px; width: 468px; text-align: left; text-overflow : scroll; overflow: auto;}

	#maincontent div.events {position : absolute; left: 631px; top: 0px; width: 248px; text-align: center;}
    
	#footer {position: relative;  clear; width: 899px; height: 49px;}
	#footer div.gauche {position: absolute; left: 0px; vertical-align: bottom;}
	#footer div.droite {position: absolute; left: 850px; vertical-align: bottom;}


	#content {width: 899px; padding: 0}
		
		/* BEGIN STYLES POUR L'ACCEUIL */
		#content div.conthaut {float: left; width: 476px}
			#content div.conthaut h1 {padding: 40px 0 0 50px}
			#content div.conthaut div.text {padding: 0 50px 0 50px}
			#content div.conthaut div.flash {padding: 57px 0 0 50px}
		#content div.temoignages {display: none; position: relative; float: right; margin: 0 0 0 0; width: 424px; height: 333px; background-color: #e3e3e3}	
			#content div.temoignages div.links {position: absolute; left: 212px; top: 207px; width: 165px; height: 40px; text-align: right; font-weight: bold}
			#content div.temoignages div.thumbs {position: absolute; left: 226px; top: 260px; width: 165px; height: 65px}	
			#content div.temoignages div.thumbs div {display: inline; padding: 0 5px 0 0}
		#content #temoignage1en {background-image: url(/images/temoignage1_en.gif); background-repeat: no-repeat}
		#content #temoignage2en {background-image: url(/images/temoignage2_en.gif); background-repeat: no-repeat}
		#content #temoignage3en {background-image: url(/images/temoignage3_en.gif); background-repeat: no-repeat}
		#content #temoignage4en {background-image: url(/images/temoignage4_en.gif); background-repeat: no-repeat}
		#content #temoignage5en {background-image: url(/images/temoignage5_en.gif); background-repeat: no-repeat}
		#content #temoignage1fr {background-image: url(/images/temoignage1_fr.gif); background-repeat: no-repeat}
		#content #temoignage2fr {background-image: url(/images/temoignage2_fr.gif); background-repeat: no-repeat}
		#content #temoignage3fr {background-image: url(/images/temoignage3_fr.gif); background-repeat: no-repeat}
		#content #temoignage4fr {background-image: url(/images/temoignage4_fr.gif); background-repeat: no-repeat}
		#content #temoignage5fr {background-image: url(/images/temoignage5_fr.gif); background-repeat: no-repeat}		
		#content div.pics {float: right; width: 424px; text-align: center; padding: 56px 0 0 0}
		#content div.contbas {clear: both; width: 900px}
			#content div.contbas div.text {padding: 30px 70px 0 50px}
			#content div.contbas div.text ul {float: left; width: 375px}
			#content div.contbas div.text li {padding-right: 20px}
		/* END STYLES POUR L'ACCEUIL */
		
		/* BEGIN STYLES POUR PAGES INTERIEURES */
		#content div.intgauche {float: left; width: 600px}
			#content div.intgauche div.cont {padding: 40px 0 0 50px}
		#content div.intdroite {float: right; width: 300px}
			#content div.intdroite div.cont {padding: 80px 35px 0 35px}
		/* END STYLES POUR PAGES INTERIEURES */
			
	/*#footer div.droite img {margin: 0 0 0 10px}	*/
/* ------------------- END LAYOUT STYLES ------------------- */

/* ------------------- BEGIN GLOBAL STYLES ------------------- */
h1 {color: #e04144; font-size: 24px; margin: 0; padding: 0 0 10px 0; line-height: 28px; font-weight: normal}
h2 {font-size: 14px; margin: 15px 0 0 0; padding: 0 0 10px 0; line-height: 18px}
h2.upper {font-size: 14px; margin: 0; padding: 0 0 10px 0; line-height: 18px; text-transform: uppercase; font-weight: normal}
h3 {font-size: 12px; margin: 0; padding: 10px 0 5px 0}


p {margin: 0; padding: 0 0 10px 0}
p.big {font-size: 16px; line-height: 20px}
	
form {margin: 0; padding: 0}

img {border: none}

a:link {color: #7f7f7f; text-decoration: none}
a:visited {color: #7f7f7f; text-decoration: none}
a:hover {color: #e04144; text-decoration: underline}
a:active {color: #e04144; text-decoration: none}

input {background-color: #ffffff; font-size: 13px; color: #e04144; border: 1px solid #878787; letter-spacing: 2px}
input.btn {background-color: #e73a40; color: #e04144; font-size: 14px; font-weight: bold; border: 1px solid #e73a40}

ol {padding: 0 0 0 5px; margin: 0 0 0 15px}
ol li {margin: 0 0 0 10px; padding: 0 20px 10px 5px}
ol ul {margin-left: 10px}

ul {list-style-type: none; padding: 0; margin: 0}
ul li {background-image: url(/images/bullet.gif); background-repeat: no-repeat; background-position: 0 5px; margin: 0; padding: 0 0 12px 20px}

ul.bold {list-style-type: none; padding: 0; margin: 0}
ul.bold li {background-image: url(/images/bullet.gif); background-repeat: no-repeat; background-position: 0 5px; margin: 0; padding: 0 0 12px 20px; font-weight: bold}

ul.alpha {list-style-type: lower-alpha; padding: 0 0 0 20px; margin: 0 0 0 10px}
ul.alpha li {margin: 0; padding: 0 0 10px 0; background-image: none}

ul.roman {list-style-type: lower-roman; padding: 0 0 0 20px; margin: 0 0 0 10px}
ul.roman li {margin: 0; padding: 0 0 10px 0; background-image: none}

ul.vide {list-style-type: none; padding: 0; margin: 0}
ul.vide li {margin: 0; padding: 0 0 10px 10px; background-image: none}

sup {font-size: 10px; font-weight: normal}

span.note {font-size: 11px; font-style: italic}

table.form {width: 500px; margin: 20px 0 0 0}
table.form th {font-size: 12px; color: #e04144; text-align: left; padding: 0 10px 2px 0; font-weight: normal}
table.form td {color: #000000; padding: 0 10px 20px 0}
table.form td input {color: #000000}
table.form td input.btn {color: #ffffff}

.x01 {width: 25px}
.x02 {width: 50px}
.x03 {width: 75px}
.x04 {width: 100px}
.x05 {width: 125px}
.x06 {width: 150px}
.x07 {width: 175px}
.x08 {width: 200px}
.x09 {width: 225px}
.x10 {width: 250px}
.x11 {width: 275px}
.x12 {width: 300px}
.x13 {width: 325px}
.x14 {width: 350px}
.x15 {width: 375px}
.x16 {width: 400px}	
.x17 {width: 425px}
.x18 {width: 450px}
.x19 {width: 475px}
.x20 {width: 500px}
/* ------------------- END GLOBAL STYLES ------------------- */

/* --------------- BEGIN TMT VALIDATOR STYLES -------------- */
#errorDisplay {color: #000000; border: 1px solid #BB0000; background-color: #f5f5f5; display: none; padding:5px 0px}
#errorDisplay ul {list-style-type: none; padding: 0; margin: 0}
#errorDisplay ul li {background-image: url(/images/bullet.gif); background-repeat: no-repeat; background-position: 10px 3px; margin: 0; padding: 0 0 12px 30px}
.invalid {background-color: #ffffc6; border: 1px solid #BB0000}
/* ---------------- END TMT VALIDATOR STYLES --------------- */