@charset "UTF-8";
/* --- CSS Document by Codify Design Studio - codifydesign.com --- */

body {
	margin: 0px;
	color: #FF6;
	font-size: 12px;
	font-family: Arial;
	font-family: Arial, Verdana, Univers;
	background-color: #8F8F8F;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

h1 {
	color: #666;
	font-size: 24px;
	font-weight: normal;
	margin: 3px 0px 25px 0px;
}
h2 {
	color: #214265;
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
}
h3 {
	color: #333;
	margin-top: 12px;
	margin-bottom: 0px;
}
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	color: #FF0;
	font-size: 12px;
}
a          {
	color: #FFF;

}
a:visited  {
color: #FF0;
}
a:hover    {
	color: #FF0080;
}

.container {
	width: 1070px;
	margin-left: auto;
	margin-right: auto;
}
.bloc1 {
background-color: blue;
height: 200px;
width: 200px;
float: left;
}
.bloc2 {
background-color: green;
height: 200px;

width: 200px;
float: left;
margin-left: 50px;
}
.bloc3 {
background-color: red;
height: 200px;
width: 200px;
float: left;
margin-left: 50px;
} 

/* BANNER AREA */
.bannerArea {
	width: 100%;height: 83px;
	background-color: #747474;
	
}

.bannerArea .container {
	height:83px;
	background-image: url(images/bannercut.jpg);
	background-repeat: no-repeat;
}

.bannernav {
	padding-top: 25px;
	float: right;
	color: #FF0;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.bannernav a { color: #ffffff; text-decoration: none; }
.bannernav a:visited { color: #ffffff; }
.bannernav a:hover {
	color: #F93;
	text-decoration: none;
}

.toplogo {
	padding-left: 30px;
	padding-top: 5px;
}




/* TOP NAVIGATION AREA */
.topnavigationArea {
	width: 100%;
	background-image: url(images/topnav_bkgd.jpg);
	background-repeat:repeat-x;
	background-color: #575757;
}

.topnavigationgroup {
	margin: 0px;
	float: right;
	p/adding-right: 40px;
}
.topnavigationgroup ul {
	margin: 0px;
}

.topnavigationitem {
	max-width: 167px;
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 9px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: none;
	border-right-width: 1px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	float: left;
}

/* CONTENT AREA */
.contentArea {
	width: 100%;
	background-color: #f0eff0;
	background-image: url(images/content_bkgd_tile.jpg);
	background-repeat: repeat-x;
	
}


.contentArea .container {
	padding-top: 20px;
	padding-bottom: 30px;
	background-image: url(images/content_bkgd.jpg);
	background-repeat: no-repeat;
}

.contentleft {
	width: 650px;
	padding-left: 40px;
	padding-right: 40px;
	float: left;
	border-right-style: solid;
	border-right-width: 4px;
	border-top-style: 12;
	color: #666;
}

.content555 {
	width: 200px;
	padding-left: 40px;
	padding-right: 40px;
	float: left;
	border-right-style: solid;
	border-right-width: 4px;
	border-top-style: 12;
	color: #666;
}

.contentcarre {
	width: 200px;
	padding-left: 40px;
	padding-right: 40px;
	float: left;
	border-right-style: solid;
	border-right-width: 4px;
	border-top-style: 12;
	color: #666;
}



































.contentCENTER {
	width: 900px;
	padding-left: 40px;
	padding-right: 40px;
	float: left;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: 1;
	color: red;
}



.content1 {
	width: 300px;
	padding-left: 40px;
	padding-right: 40px;
	float: left;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 10px;
	border-left-width: 10px;
	border-top-style: 12;
	color: red;
}

.content2 {
	width: 300px;
	left: 400px;

	float: left;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 10px;
	border-left-width: 10px;
	border-top-style: 12;
	color: green;
}

















.contentright {
	padding-top: 2px;
	float: left;
	padding-left: 30px;
	width: 250px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #030303;
}

.imageright {
	
	margin-left: 5px;
	
	float: right;
	
}









/* End main navigation menu. */ 

/* The leftcolumn division is your main -----------------bidon-----content division. */

#leftcolumnsmall {float: left;
             width: 30px;
             padding: 0;
             margin: 0 0 0 25px;}

* html #leftcolumnsmall {margin: 0 0 0 13px} /* IE Hack */


/* The leftcolumn2 division is your main content ---------------------------division. */



/* The leftcolumn division is your main -----------------bidon-----content division. */

#midcolumnbidon {float: left;
             width: 20px;
             padding: 0;
             margin: 0 0 0 25px;}
			 {border-bottom: 1px solid #98A5AE;
                                  padding: 0 0 2px 0;}

* html #midcolumnbidon {margin: 0 0 0 13px} /* IE Hack */




/* The leftcolumn division is your main -----------------bidon-----content division. */

#leftcolumnbidon {float: left;
             width: 180px;
             padding: 0;
             margin: 0 0 0 25px;}

* html #leftcolumnbidon {margin: 0 0 0 13px} /* IE Hack */


/* The leftcolumn2 division is your main content ---------------------------division. */
/* The leftcolumn division is your main content division. */

#leftcolumn {float: left;
             width: 370px;
             padding: 0;
             margin: 0 0 0 120px;}

* html #leftcolumn {margin: 0 0 0 20px} /* IE Hack */


/* The leftcolumn2 division is your main content division. */

#leftcolumn2 {float: left;
             width: 500px;
             padding: 0;
             margin: 0 0 0 25px;}

* html #leftcolumn2 {margin: 0 0 0 13px;
margin-left: 15px;} /* IE Hack */


/* The leftcolumn3 division is your main content division. */

#leftcolumn3 {float: left;
             width: 890px;
             padding: 0;
             margin: 0 0 0 2px;}

* html #leftcolumn3 {margin: 0 0 0 13px;
margin-left: 15px;} /* IE Hack */

/* The leftcolumn4 division is your main content division. */

#leftcolumn4 {float: left;
             width: 400px;
             padding: 0;
             margin: 0 0 0 2px;
			 margin-left:22px;}

* html #leftcolumn4 {margin: 0 0 0 13px;
margin-left:22px;} /* IE Hack */






#rightcolumn {float: left;
              width: 370px;
              padding: 0;
              margin: 0 0 0 70px;}

#rightcolumn h5, #rightcolumn h6 {border-bottom: 1px solid #98A5AE;
                                  padding: 0 0 2px 0;}

















/* FOOTER AREA */
.footerArea {
	width: 100%;
	background-color: #cfcfcf;
	border-top-style: solid;
	border-top-color: #4E4E4E;
	border-top-width: 4px;
	
}

.footerArea .container {
	height: 77px;
	background-image: url(images/footer_bkgd.jpg);
}

.copyright {
	padding-left: 40px;
	padding-top: 12px;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.newfont {
	font-size: 14px;
	font-style: normal;
}
.topnavigationArea .container .topnavigationgroup #MenuBar1 li .newfont .newfont {
	font-weight: normal;
	color: #FF3;
	font-size: 12px;
}
.titlepg {
	font-weight: bold;
}
.NewTitlepg {

}
.newtitlepg {
	font-size: 24px;
}
.newtextpg {
	color: #4F4F4F;
}
.NewTextBold {
	color: #333;
	font-weight: bold;
}
.h2pg {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
.detest {
	background-color: #666;
	color: #0CC;
}
.newbasic {
	font-weight: normal;
	color: #4E4E4E;
	margin: 20px;
}
.NewBasicBold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
.NEW14 {
	color: #464646;
	font-size: 18px;
}
.new16 {
	color: #FF6;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
.New16-finYellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FF0;
	font-weight: bold;
}
.newll {
	color: #FF0;
}
.new12 {
	font-size: 14px;
	font-weight: normal;
	color: #FF0;
	font-style: italic;
}
.newpgdroite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	text-align: left;
	white-space: normal;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
bandeau {
	color: #FF0;
}
#apDiv28 strong {
	color: #FF0;
	font-weight: normal;
}
#apDiv28 strong {
	text-decoration: blink;
}
#apDiv29 strong {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;

}
.carres {
	height: 200px;
	width: 280px;
}
.basic3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 7px;
	font-weight: lighter;
	font-variant: normal;
	color: #060;
}