html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(images/homepage01.gif) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4F5B65;
}

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

.input-text {
	font: 11px Arial, Helvetica, sans-serif;
	color: #4F5B65;
}

h1, h2, h3{
	margin-top: 0px;
}

h1 {
}

h2 {
}

h3 {
	margin-bottom: 10px;
	font-size: 11px;
	color: #005876;
}

h3.style1 {
	margin-bottom: 10px;
	font-size: 18px;
}

p, ol, ul {
	margin-top: 0px;
	margin-bottom: 18px;
	text-align: justify;
	line-height: 17px;
}

p {
}

ol {
}

ul.list1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

ul.list1 li a {
	padding-left: 15px;
	background: url(images/homepage09.gif) no-repeat left center;
}

ul.list2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

ul.list2 li {
	padding: 6px 0px;
	border-top: 1px solid #D0D4D8;
}

ul.list2 li.first {
	padding-top: 0px;
	border: none;
}

ul.list2 h3 {
	margin: 0px;
	font-size: 13px;
}

ul.list2 h3 a {
	text-decoration: none;
	color: #005876;
}

ul.list2 h3 a:hover {
	text-decoration: underline;
	color: #0090BA;
}

ul.list2 p {
	margin: 0px;
}

ul.list3 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.list3 li {
	padding: 20px 0px;
	border-top: 1px solid #D0D4D8;
}

ul.list3 li.first {
	padding-top: 0px;
	border: none;
}

ul.list3 h3 {
	margin: 0px 0px 10px 0px;
	font-weight: normal;
	color: #8B97A0;
}

ul.list3 h3 a {
	text-decoration: none;
	font-weight: bold;
	color: #005876;
}

ul.list3 h3 a:hover {
	text-decoration: underline;
	color: #000000;
}

ul.list3 p {
	margin: 0px;
}

a {
	color: #0090BA;
}

a:hover {
	text-decoration: none;
}

.more {
	height: 22px;
	padding: 8px 0px 0px 15px;
	background: url(images/homepage10.gif) repeat-x left top;
}

.more a {
	padding-left: 17px;
	background: url(images/homepage11.gif) no-repeat left center;
	color: #56636F;
}

a img {
	border: none;
}

img.border {
	padding: 3px;
	border: 1px solid #CBD0D4;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	margin: 0px auto;
}

img.alignleft {
	margin-right: 15px;
}

img.alignright {
	margin-left: 15px;
}

img.aligncenter {
}

hr {
	display: none;
}

/** WRAPPER */

#wrapper {
}

/** HEADER */

#header {
	background: url(images/subpage1_01.jpg) repeat right top;
}

/** LOGO */

#logo {
}

/** SEARCH */

#search {
	float: right;
	width: 210px;
	padding: 60px 0px 0px 0px;
}

#search input {
	float: left;
}

#search .input-text {
	width: 165px;
	height: 16px;
	background: #FFFFFF;
	border: 0px none;
}

#search-input-submit {
	float:right;
	margin-left: 5px;
}

/** SEARCH FORUM*/

#searchforum {
	float: right;
	width: 210px;
	padding: 60px 0px 0px 0px;
}
#searchforum input {
	float: left;
}

#searchforum .input-text {
	width: 163px;
	height: 16px;
	background: #FFFFFF;
	border: 0px none;
}
#searchforum-input-submit {
	float:left;
	margin-left: 100px;
}
#searchforum-input-submit {
	float:right;
	margin-left: 5px;
}


/** TOPMENU */

#topmenu {
	height: 30px;
	color: #3F6967;
}

#topmenu p {
	margin: 0px;
}

#today {
	float: left;
	padding: 8px 0px 0px 15px;
}

#login {
	float: right;
	padding: 8px 0px 0px 0px;
	color: #3F6967;
}

#login span {
	color: #7F979D;
}

#login a {
	color: #3F6967;
}

#login span, #login a {
	padding: 0px 13px;
}

/** MENU */

#menu {
	height: 38px;
}

#menu ul {
	margin: 0px;
	padding: 12px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	padding: 0px 20px 0px 20px;
	background: url(images/homepage04.gif) no-repeat left top;
}

#menu li.first {
	padding-left: 15px;
	background: none;
}

#menu a {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

/** MENU Forum*/

#menuforum {
	height: 37px;
}

#menuforum ul {
	margin: 0px;
	padding: 12px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menuforum li {
	float: left;
	padding: 0px 20px 0px 20px;
	background: url(images/homepage04.gif) no-repeat left top;
}

#menuforum li.first {
	padding-left: 15px;
	background: none;
}

#menuforum a {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#menuforum a:hover {
	text-decoration: underline;
}


/** PAGE */

#page {
	width: 980px;
	padding: 10px;
	background: #FFFFFF;
}

/** 3-COLUMN LAYOUT */

.three-columns {
}

.three-columns .column1 {
	float: left;
	width: 200px;
	padding: 0px 0px 0px 0px;
}

.three-columns .column2 {
	float: left;
	width: 560px;
	padding: 0px 10px;
}

.three-columns .column3 {
	float: left;
	width: 200px;
	padding: 0px 0px 0px 0px;
}

/** 2-COLUMN LAYOUT WITH RIGHT CONTENT AREA */

.two-columns-right-content {
}

.two-columns-right-content #content {
	float: right;
	width: 770px;
}

.two-columns-right-content #sidebar {
	float: left;
	width: 200px;
}

/** 2-COLUMN LAYOUT WITH LEFT CONTENT AREA */

.two-columns-left-content {
}

.two-columns-left-content #content {
	float: left;
	width: 810px;
}

.two-columns-left-content #sidebar {
	float: right;
	width: 200px;
}

/** 1-COLUMN LAYOUT */

.one-column-content {
}

/** FOOTER */

#footer {
	background: #D8E9EF;
}

#footer .container {
	width: 970px;
	padding: 30px 0px;
	height: 50px;
}

#footer p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #5F8B9D;
}

#footer a {
	padding: 0px 10px;
	color: #5F8B9D;
}

#footer .legal {
	float: left;
}

#footer .links {
	float: right;
}

/** BOX STYLE 1 */

.box-style1 {
	margin-bottom: 10px;
}

.box-style1 h2 {
	height: 25px;
	margin: 0px;
	padding: 13px 0px 0px 15px;
	background: url(images/homepage06.gif) no-repeat left top;
	font-size: 13px;
	color: #FFFFFF;
}

.box-style1 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

.box-style1 li {
	height: 18px;
	margin-top: 1px;
	padding: 9px 0px 0px 8px;
	background: #E4E7E9;
}

.box-style1 li.alt {
	background: #DADEE1;
}

.box-style1 a {
	text-decoration: none;
	color: #005876;
}

.box-style1 a:hover {
	text-decoration: underline;
}

/** BOX STYLE 2 */

.box-style2 {
}

.box-style2 h2 {
	height: 20px;
	margin: 0px;
	padding: 8px 0px 0px 15px;
	background: url(images/homepage07.gif) no-repeat left top;
	font-size: 11px;
	color: #FFFFFF;
}

.box-style2 .content {
	padding: 20px 15px 10px 15px;
}

/** BOX STYLE 3 */
/** margin-bottom est Marge en les tableaux */
.box-style3 {
	margin-bottom: 0px;
}

.box-style3 .title {
	height: 28px;
	background: url(images/subpage3_01.jpg) no-repeat right top;
}

.box-style3 .title h2 {
	height: 28px;
	margin: 0px;
	padding: 8px 0px 0px 15px;
	background: url(images/subpage3_02.jpg) no-repeat left top;
	font-size: 13px;
	color: #394149;
}

.box-style3 .content {
	padding: 5px 5px 0px 0px;
}

.box-style3 a {
	text-decoration: none;
	color: #005876;
}

.box-style3 a:hover {
	text-decoration: underline;
}

/** BOX STYLE 4 */

.box-style4 {
	margin-bottom: 10px;
}

.box-style4 h2 {
	height: 20px;
	margin: 0px;
	padding: 8px 0px 0px 15px;
	background: url(images/homepage12.gif) no-repeat left top;
	font-size: 11px;
	color: #FFFFFF;
}

.box-style4 .content {
	padding: 20px 15px 0px 15px;
	background: #E6E9EB;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/** BOX STYLE 5 */

.box-style5 {
	margin-bottom: 10px;
}

.box-style5 h2 {
	height: 20px;
	margin: 0px;
	padding: 8px 0px 0px 15px;
	background: url(images/homepage15.gif) no-repeat left top;
	text-transform: uppercase;
	font-size: 11px;
	color: #FFFFFF;
}

.box-style5 .content {
	padding: 15px 13px;
	background: #E6E9EB;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/** STOCK TICKER */

.stock-ticker {
}

.stock-ticker .chart {
	margin-bottom: 5px;
}

.stock-ticker .change {
	margin: 0px;
	line-height: normal;
	font-size: 13px;
}

.stock-ticker .change span {
	font-weight: bold;
	color: #128558;
}

.stock-ticker .change small {
	display: block;
	font-size: 10px;
	color: #85909B;
}

/** MORE HEADLINES */

#more-headlines .content {
	padding-bottom: 10px;
}

/** Style Informatruc */

/** Colonnes boutique 1*/

div#colonne1-boutique-titre { 
    float: left; 
    width: 33%; 
    margin-right: 10px; 
    background: lightblue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #434E73;
	text-decoration: none;
	font-weight: bold; 
	padding: 2px;
} 
div#colonne2-boutique-titre { 
    float: right; 
    width: 33%; 
    margin-left: 10px; 
    background: burlywood;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #434E73;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;  
} 
div#centre-boutique-titre { 
    overflow: hidden; 
    background: khaki;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #434E73;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
}

div#colonne1-boutique { 
    float: left; 
    width: 34%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne2-boutique { 
    float: right; 
    width: 33%; 
    margin-left: 10px; 
    background: FFFFFF; 
} 
div#centre-boutique { 
    overflow: hidden; 
    background: FFFFFF; 
}

div#colonne1 { 
    float: left; 
    width: 25%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne2 { 
    float: right; 
    width: 65%; 
    margin-left: 10px; 
    background: FFFFFF; 
}

div#colonne3 { 
    float: left; 
    width: 25%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne4 { 
    float: right; 
    width: 65%; 
    margin-left: 10px; 
    background: FFFFFF; 
}

div#colonne5 { 
    float: left; 
    width: 25%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne6 { 
    float: right; 
    width: 65%; 
    margin-left: 10px; 
    background: FFFFFF; 
}

/** Colonnes boutique 2*/

div#colonne1-boutique-titre2 { 
    float: left; 
    width: 33%; 
    margin-right: 10px; 
    background: lightblue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #434E73;
	text-decoration: none;
	font-weight: bold; 
	padding: 2px;
} 
div#colonne2-boutique-titre2 { 
    float: right; 
    width: 33%; 
    margin-left: 10px; 
    background: burlywood;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #434E73;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;  
} 
div#centre-boutique-titre2 { 
    overflow: hidden; 
    background: khaki;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #434E73;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
}

div#colonne1-boutique2 { 
    float: left; 
    width: 34%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne2-boutique2 { 
    float: right; 
    width: 33%; 
    margin-left: 10px; 
    background: FFFFFF; 
} 
div#centre-boutique2 { 
    overflow: hidden; 
    background: FFFFFF; 
}

div#colonne7 { 
    float: left; 
    width: 25%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne8 { 
    float: right; 
    width: 65%; 
    margin-left: 10px; 
    background: FFFFFF; 
}

div#colonne9 { 
    float: left; 
    width: 25%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne10 { 
    float: right; 
    width: 65%; 
    margin-left: 10px; 
    background: FFFFFF; 
}

div#colonne11 { 
    float: left; 
    width: 25%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne12 { 
    float: right; 
    width: 65%; 
    margin-left: 10px; 
    background: FFFFFF; 
}

/** Colonnes boutique 3*/

div#colonne1-boutique-titre3 { 
    float: left; 
    width: 33%; 
    margin-right: 10px; 
    background: lightblue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #434E73;
	text-decoration: none;
	font-weight: bold; 
	padding: 2px;
} 
div#colonne2-boutique-titre3 { 
    float: right; 
    width: 33%; 
    margin-left: 10px; 
    background: FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;  
} 
div#centre-boutique-titre3 { 
    overflow: hidden; 
    background: khaki;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #434E73;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
}

div#colonne1-boutique3 { 
    float: left; 
    width: 34%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne2-boutique3 { 
    float: right; 
    width: 33%; 
    margin-left: 10px; 
    background: FFFFFF; 
} 
div#centre-boutique3 { 
    overflow: hidden; 
    background: FFFFFF; 
}

div#colonne13 { 
    float: left; 
    width: 25%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne14 { 
    float: right; 
    width: 65%; 
    margin-left: 10px; 
    background: FFFFFF; 
}

div#colonne15 { 
    float: left; 
    width: 25%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne16 { 
    float: right; 
    width: 65%; 
    margin-left: 10px; 
    background: FFFFFF; 
}

div#colonne17 { 
    float: left; 
    width: 25%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne18 { 
    float: right; 
    width: 65%; 
    margin-left: 10px; 
    background: FFFFFF; 
}








div#colonne19 { 
    float: left; 
    width: 1%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne20 { 
    float: right; 
    width: 99%; 
    margin-left: 10px; 
    background: FFFFFF; 
}
div#colonne21 { 
    float: left; 
    width: 1%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne22 { 
    float: right; 
    width: 99%; 
    margin-left: 10px; 
    background: FFFFFF; 
}
div#colonne23 { 
    float: left; 
    width: 1%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne24 { 
    float: right; 
    width: 99%; 
    margin-left: 10px; 
    background: FFFFFF; 
}






div#colonne25 { 
    float: left; 
    width: 1%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne26 { 
    float: right; 
    width: 99%; 
    margin-left: 10px; 
    background: FFFFFF; 
}
div#colonne27 { 
    float: left; 
    width: 1%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne28 { 
    float: right; 
    width: 99%; 
    margin-left: 10px; 
    background: FFFFFF; 
}
div#colonne29 { 
    float: left; 
    width: 1%; 
    margin-right: 10px; 
    background: FFFFFF; 
} 
div#colonne30 { 
    float: right; 
    width: 99%; 
    margin-left: 10px; 
    background: FFFFFF; 
}








/** Colonnes boutique 4 Home*/


div#boutique1-titre-home { 
    float: left; 
    width: 33%; 
    margin-right: 10px; 
    background: url(images/subpage3_01.jpg) no-repeat right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #394149;
	text-decoration: none;
	font-weight: bold; 
	padding: 5px;
} 
div#boutique2-titre-home { 
    float: right; 
    width: 33%; 
    margin-left: 10px; 
    background: url(images/subpage3_01.jpg) no-repeat right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #394149;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;  
} 
div#centre-boutique-titre-home { 
    overflow: hidden; 
    background: url(images/subpage3_01.jpg) no-repeat right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #394149;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
}

/** Colonnes boutique 5 Home*/


div#boutique1-titre-home2 { 
    float: left; 
    width: 33%; 
    margin-right: 10px; 
    background: url(images/subpage3_01.jpg) no-repeat right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #394149;
	text-decoration: none;
	font-weight: bold; 
	padding: 5px;
} 
div#boutique2-titre-home2 { 
    float: right; 
    width: 33%; 
    margin-left: 10px; 
    background: url(images/subpage3_01.jpg) no-repeat right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #394149;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;  
} 
div#centre-boutique-titre-home2 { 
    overflow: hidden; 
    background: url(images/subpage3_01.jpg) no-repeat right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #394149;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
}

/** Tableaux pour la page Astuce*/

.Tableau span {
   display:inline;
   float:left;
   border:0px;
   margin:0px;
   padding:1px;
  }
.Tableau p {
   clear:left;
   margin:0px;
   padding:0px;
   height:100%;
  }
.Tableau span.col1 {width:177px}
.Tableau span.col2 {width:177px}
.Tableau span.col3 {width:177px}

/** Tableaux pour les thèmes XP*/

.Theme span {
   display:inline;
   float:left;
   border:0px;
   margin:0px;
   padding:1px;
  }
.Theme p {
   clear:left;
   margin:0px;
   padding:0px;
   height:100%;
  }
.Theme span.col1 {width:180px}
.Theme span.col2 {width:140px}
.Theme span.col3 {width:180px}



/** Traitement de caractères*/
 
.g
{
FONT-WEIGHT: bold;
}

.gv {
FONT-WEIGHT: bold;
color: #006600;
}

.rouge {
FONT-WEIGHT: bold;
color: #FF0000;
{FONT-SIZE: 18px;}
}