/* CSS Document */

body {
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background: #CCCCCC;
	margin:0px;
	padding:0px;
}

#firstpage{
	height:60px;
	background:url(../images/topzonebg.gif) left top repeat-x;
}

#firstpageimage{
	height: 325px;
	padding:8px 20px 0px 20px;
	width: 800px;
	float:left;
}

.firstpagecolumn{
	border:3px solid #724b18;
	background:#684821 url(../images/columnbg.gif) left top repeat-x;
	padding:5px 5px 5px 5px;
}

#layout {
	width: 912px;
	height: 100%;
	text-align: left;
	line-height: 20px;
	margin:0px auto;
	background: #2C8BCD; /*#F42521 url(../images/bg.gif) bottom left repeat; */
}

#topzone {
	height:10px;
	background:url(../images/top_back.gif) left top repeat-x;
}

#banner {
	height:150px;
	background: #8C8CFF;
	margin:0px 0px 2px 0px;
}

#bodycontainer {
	padding:0px 0px 0px 0px;
	background:	url(../images/background_3.gif) right top repeat-y;
	border-width: medium;
	border-color: #CCCCCC;
}

#leftcontainer {
	width:187px;
	height: 100%;
	float:left;
	background: #2C8BCD;  /* url(../images/background_2.gif) left top repeat;   */
/*	padding-bottom: 2000px;
	margin-bottom: -2000px; 
	overflow: hidden;
*/}

#sidemenucontainer {
	float: left;
	width: 185px;
	margin:2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	color: #000000;
	background-color:#0099FF;
}

#sidememberlogincontainer {
	float: left;
	width: 185px;
	padding: 2px 0px 5px 0px;
	margin: 10px 0px 10px 0px;
	font-size: 9px;
	line-height: 1.25;
	word-spacing: .75;
}

#sidebottomcontainer {
	float: left;
	width: 185px;
	height: 100%;
	padding: 2px 0px 10px 0px;
	margin: 2px 0px 20px 0px;
}

#rightcontainer {
	width:274px;
	float:right;
}

#textcontainer {
	float: right;
	height: auto;
	width: 720px;
	padding: 0px 5px 0px 0px;
	color: #000000;
}

#welcomezone {
	padding:0px 0px 0px 0px;

	}
#containertopzone{
	float: right;
	width: 725px;
	padding:0px 0px 5px 0px;
}

#containerleftzone {
	float: left;
	width: 360px;
	padding:0px 0px 5px 0px;
}

#containerrightzone {
	float: right;
	width: 350px;
	padding: 0px 0px 5px 0px;
}
#bottomzone{
	float: right;
	width: 725px;
	padding: 0px 0px 5px 0px;
}

#fmqzone{
	padding:0px 0px 5px 0px;
	width:355px;
	float:right;
	font-size: 9px;
}

#associationzone {
	padding:0px 0px 5px 0px;
	width:355px;
	float:right;
	font-size: 9px;
}

#newszone {		
	padding:0px 2px 5px 0px;
	width:355px;
	float:right;
	font-size: 9px;
}

#assurancezone {
	padding:0px 0px 5px 0px;
	width:355px;
	float:right;
	font-size: 9px;
}

#motoprozone {
	padding:0px 0px 5px 0px;
	width:355px;
	float:right;
	font-size: 9px;
}

#autrezone {
	padding:0px 2px 5px 0px;
	width:355px;
	float:right;
	font-size: 9px;
}

#commanditairezone {
	padding:0px 0px 2px 5px;
	width:175px;
	float:left;
	font-size: 9px;
}

.white {
	color: #FFFFFF;
}

.yellow {
	color: #FFFF00;
}

.uppercase {
	text-transform: uppercase;
	font-size: 11px;
}

.logininfo {
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}

.slogan {
	color: #000000;
	font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	text-transform: capitalize;
}

#presidentRegion {
/*	background-color: #00FFFF; */
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

.cell_1 {
	background-color: #FFFFFF;
	color: #003333;
	font-size: 14px;
	text-align: center;
}

.cell_2_1 {
	background-color: #EFEFEF;
	color: #003333;
	font-size: 14px;
	text-align: center;
}

.cell_2_2 {
	background-color: #FFFFFF;
	color: #003333;
	font-size: 14px;
	text-align: center;
}

.cell_info {
	color: #000099;
	font-size: 14px;
	text-align: center;
}

.px10 {
	font-size: 10px;
}

.px11 {
	font-size: 11px;
}

.px12 {
	font-size: 12px;
}

.px12C {
	font-size: 12px;
	text-align: center;
}

.px14C {
	font-size: 14px;
	text-align: center;
}

.px16C {
	font-size: 16px;
	text-align: center;
}

.promoC {
	color: #000000;
	font-size: 14px;
	text-align: center;
}

.promoL {
	color: #000000;
	font-size: 14px;
	text-align: left;
}

.promoR {
	color: #000000;
	font-size: 14px;
	text-align: right;
}

.column {
	border:3px groove #6699FF;
	background: #F3F3F3 url(../images/columnbg.gif);
	padding:15px 15px 15px 15px;
	color:#3A3A3A;
	font-weight:bolder;
	background: url(../images/bg_column.gif) center top repeat-x;
}

.galleryrow {
	padding:0px 0px 25px 0px;
}

.galleryrow1 {
	padding:0px 0px 0px 0px;
}

// *********** Section Moto-Pro **************
.cadre_motopro {
	font-family: Arial, Helvetica, sans-serif;
	border:none;
	text-align:center;
	padding:0;
}

.barretitre_motopro {
	font-family:  Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	background-image:url(../images/bg.jpg);
	color:#000000;
}

.barretitre_2_motopro {
	font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	background-image:url(../images/bg-vert.jpg);
	color:#000000;
}

.seizeC_motopro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-image:url(../images/bg-light.jpg);
	color: #000000;
	text-align:center;
}

.seizeL_motopro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-image:url(../images/bg-light.jpg);
	color: #000000;
	text-align:left;
}

.seizeR_motopro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-image:url(../images/bg-light.jpg);
	color: #000000;
	text-align:right;
}

.douzeCb_motopro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #000000;
	text-align:center;
	vertical-align:middle;
}

.douzeCjp_motopro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#FFFFDD;
	color: #000000;
	text-align:center;
	vertical-align:middle;
}

.douzeCj_motopro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFCC33;
	color: #000000;
	text-align:center;
	vertical-align:middle;
}

// *********** Fin section Moto-Pro **********

#compteur {
	color: #d68418;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding: 0px 7px 10px 7px;
}

#footer {
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;	
	color: #EFEFEF;
	height: auto;
	padding: 5px 0px 5px 0px;
/*	margin: 2px auto; */
	background:  url(../images/bg.gif) left top repeat-x; /*#8C8CFF;*/
}

#copyright {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	height: inherit;
}

#fmqinfo {
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	height: inherit;
}

#footerleft {
	float:left;
	width: 275px;
	height: inherit;
	padding:0px 0px 0px 15px;
}

#footerright {
	float:right;
	width: 550px;
	height: inherit;
	padding:0px 15px 0px 10px;
}

.clear {
	clear:both;
	margin:0px;
	padding:0px;
}

.clearright {
	clear: right;
	margin:0px;
	padding:0px;
}

/*	Img Style Start Here  */

.welcomeimg {
	float:right;
	padding:0px 0px 0px 30px;
}

.readmore {
	padding:20px 0px 0px 0px;
}

.galleryimg {
	padding:0px 0px 20px 0px;
}

/*	Img Style End Here  */

/*	Text Style Start Here  */

h1 {
	padding:0px 0px 25px 35px;
	margin:0px 0px 0px 0px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
}

h1.entetecolumn {
	padding:0px 0px 25px 35px;
	margin:0px 0px 0px 0px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}

.h1span {
	color:#fff;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
}

h2 {
	font:bold 15px Tahoma, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}

h3 {
	font:bold 15px Tahoma, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}

.topdescription {
/*	font:12px Myriad Pro, Arial, Helvetica, sans-serif; */
	padding:0px 0px 0px 25px;
/*	text-transform:uppercase; */
/*	color:#fff; */
	border-left:3px solid #b48541;
}

/*	Text Style End Here  */


/*	Menu Style Start Here  */

a {
	color: #000040; /* #d68418; */
	text-decoration:underline;
	cursor: pointer;
}

a.footer {
	color: #FFFF00;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.linklogin {
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#d68418;
	text-decoration: none;
}

.listlink {
	padding:0px 0px 0px 0px;
}

.listlink ul {
	margin:0px;
	padding:0px;
}

.listlink ul li {
	display:block;
	list-style:none;
	background:url(../images/disc.gif) 0px 9px no-repeat;
	padding:0px 0px 5px 12px;
}

.listlink li a {
	font:14px Tahoma, Arial, Helvetica, sans-serif;
	color:#d68418;
	text-decoration:underline;
}

.listlink li a:hover {
	text-decoration:none;
}

p.center {
	text-align: center;
}

/* inner pages css start */
h1.inner{font:33px Myriad Pro, Arial; color:#fff; font-weight:100; margin:0px; padding:25px 0px 10px 0px; background:none}
.aboutus-img{float:right; border:4px solid #b0a48b;	margin:0px 0px 10px 20px;}
h5{font:15px Myriad Pro, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; padding:0px 0px 5px 0px;	border-bottom:1px dotted #ffffff;	margin:0px 0px 10px 0px;}
h6{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; padding:0px 0px 5px 0px;	margin:0px 0px 10px 0px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#ffffff;	background:#414141;	font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #000000;}
input.button:hover{cursor:pointer; color:#cccccc;}
.project-img{float:right; margin-left:20px;	border: 6px solid #fff;}
.whiteheading{font:30px Myriad Pro, Arial; color:#ffffff; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px;	border-bottom:1px dotted #fff; padding-bottom:10px; width: 95%;}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */