body
{
    /* set default font size for skin (Titles etc. will then use a percentage to specify their sizes) */
    margin: 0;
    padding: 30px 0 0 0;
    line-height: 26px;
    font: small "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
    color:#444343;
	/*background:url(../images/bg.gif) repeat-x; */
    background-color: #474747;
    
}

img
{
	border:0;
}

a:link, a:visited{color:#FF7200;text-decoration:none;}
a:hover{text-decoration:underline;}

#wrap
{
    width: 916px;
    padding:0;
    margin:0 auto;
	background-color: #474747;
	min-height:100%;

}


.betweenBorders
{
	float:left;
	padding-left:19px;
	padding-right:17px;
	background: url(../images/borders.gif) repeat-y;
	height:100%;
}

.tagline
{
   /* float: left;
    width: 65%;
    padding-left: 25px; */
}

#cap
{
	width:916px;
	height:18px;
	background-image: url(../images/header.gif);

}



#header
{
	margin:0;
    padding:0;
	float:left;
	background-image:url(../images/blueDegrade.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:148px;
}

#header2
{
	background-image:url(../images/blueStar.gif);
	background-position:right;
	background-repeat:no-repeat;
	float:left;
	width:880px;
	height:148px;
}

#loginLinkWrp
{
    float: right;
    width: 112px;
	height:16px;
	background-image:url(../images/login.gif);
	background-position:right;
	background-repeat:no-repeat;
}

#loginLink
{
	font-weight:bold;
	font-family:Trebuchet MS;
	color:#FFFFFF;	
	font-weight:bold;
	padding:0 0 0 45px;
}

#loginLink a:link, #loginLink a:visited
{
	text-decoration:none;
	color:#FFFFFF;
}

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

#logo
{
    clear: both;
    height:100px;
    margin: 0px 0px 0px 40px; 
  	/*background-image:url(../images/logo_OS.png);
  	background-repeat:no-repeat;*/
}

#logo h1
{
    font: bold 300% "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
    color: #C00;
    letter-spacing: 0.1em; /* adjusts how close the title is to the top tag line */
    margin-top: 0px;
}

#menu
{	
	width:90%;
/*	height:100%;
	margin:0px 0px 0px 0px;*/
	float:right;
	
}


#whiteDividerI
{
	clear:both;
	float:left;
	width:916px;
	height:10px;
	background-image:url(../images/whiteDivider.gif);
	background-repeat:no-repeat;
}

#titlePlusBanner{
	clear:both;
	width:880px;
	height:130px;
	margin:0;
}

#title{
	float:left;
 	width:264px;
	height:130px;
	background-image:url(../images/title.gif);
}

#titlePane{
	padding:0;
}

#bannerDivider{
	float:right;
	margin:0;
	padding:0;
	width:616px;
	height:130px;
	background-image:url(../images/bannerDivider.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#banner{
	float:right;
	width:610px;
	height:130px;
	
}

#bannerpane
{	float:right;
	width:610px;
	height:130px;
	border:0;
}

#subBannerDivider{
	clear:both;
	width:880px;
	height:12px;
	background-image:url(../images/subBannerDivider.gif);
	background-repeat:no-repeat;
}
/* Main Layout */

#mainAndSideWrapper0{
	height:100%;
	/*clear:both;*/

}

#mainAndSideWrapper
{
	float:right;
	width:880px;
	min-height:392px;
	height:100%;
	background-image:url(../images/contentBack.gif);
	background-repeat:no-repeat;
	background-position:bottom;
		}
		
#mainAndSideWrapper2{
	float:left;
	width:880px;
	min-height:392px;
	height:100%;
	background-image:url(../images/backMenu.gif);
	background-repeat:repeat-y;
	background-position:left;
}		

#mainAndSide{
	float:left;
	width:880px;
	min-height:392px;
	height:100%;
	background-image:url(../images/btmMenuFr.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}


#mainbody
{
    float: left;
    width: 880px;
    margin: 0px 0 0 0;
	height:100%;
}
#content
{
    float: right;
    width: 610px; 
	min-height:200px;
	height:100%;
    margin: 0px 0 0 0px; 
	background-image:url(../images/contentTop.gif);
	background-repeat:no-repeat;
	background-position:top right;

}

#contentpane{
	float:left;
	height:100%;
}

#sidebarWrp{
	float: left;
	width: 263px;
	min-height:150px;
	height:100%;
	color:#E9E9E9;
	
}

#sidebar
{
    float: left;
    width: 263px;	
	height:100%;
	
}

#leftpane{
	
}

#footer a:link, #footer a:visited
{
	color:#919191;
	text-decoration:none;
}

#footer a:hover{
	color:#919191;
	text-decoration:underline;
}



#footer
{
	color:#919191;
	width:916px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;	
	text-align:center;
	padding: 0px 0px 10px 0px;
	line-height:26px;
    
}



#date
{
    padding-top: 10px;
    color: #C00;
}

#pied
{
	clear:both;
	width:916px;
	height:32px;
	background-image: url(../images/insidePied.gif);
}





/* ======================
== Style for inside Pages contents
==========================*/

.pageTitle{
	font-family:"Lucida Sans Unicode";
	font-size:25px;
	color:#1C4B7A;
	background:url(../images/star.gif);
	background-repeat:no-repeat;
	background-position:0% 90%;
	margin-left: 20px;
	padding:20px 0 0 30px;
}

.pageTitleWhiteStar{
	font-family:"Lucida Sans Unicode";
	font-size:25px;
	color:#1C4B7A;
	background:url(../images/starWhite.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin-left: 20px;
	padding:0px 0 0 30px;
}

.arrowTitle{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#444343;
	background:url(../images/titleArrow.gif);
	background-repeat:no-repeat;
	background-position:0 18px;
	margin-left: 20px;
	padding:15px 0 0 18px;
}

.insideContent{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:26px;
	color:#444343;
	padding:20px 20px 10px 20px;
	text-align:justify;
}

/* Contact form
******************************************************/

.divFormField{
	text-align:right;
	padding-right:10px;
	color:#1c4b7a;
	font-weight:bold;
	font-size:10px;
	}
	
.insideContent normal{
	text-align:left;
	line-height:26px;
	}	
	
.insideContent p, .insideContent ol li, .insideContent table tbody tr td {
	line-height:26px;
}	
	
.contactInfos
{	
	padding-left:9px;
	padding-top:15px;
}

.contactInfosTextClmn
{	float:left;
	width: 29%;
	line-height:20px;
	padding-left:5px;
	font-size:10px;
	}
	
.contactInfosTextClmn h2{
	background:url(../images/bullet.gif) no-repeat center left;
	color:#1c4b7a;
	font-size:11px;
	padding:0px 0 0 20px;
	
}	

.contactInfosBarClmn
{	float:left;
	padding-top:5px;
	height:146px;
	width:1px;
	margin: 0 15px 0 5px;
	background:url(../images/contactDivider.gif) no-repeat top left;
}	


/* hilightTab
******************************************************/

.hilightTop{
	background:url(../images/hilightTop.gif) no-repeat top;
	margin: 20px 0 0 0;
	width:610px;
	height:16px;
}

.hilightFooter{
	background:url(../images/hilightFooter.gif) no-repeat;
	width:610px;
	height:14px;
	padding:0 0 20px 0;
}

.hilightBtmWrp{
	background:url(../images/hilightBtm.gif) no-repeat bottom;
	width:610px;
	min-height:104px;
}

.hilightContentWrp{
	width:610px;
	background:url(../images/hilightRepeat.gif) repeat-y;
}

.orangeBoldText
{	font-size:11px;
	font-weight:bold;
	padding: 10px 20px 20px 20px;
	color:#FF7200;
}

/* Liste a puces oranges
******************************************************/

.orangeBulletsList li
{	list-style-type:none;
	padding:0px 0px 10px 16px;
	list-style-image:url(../images/bullet.gif);
	text-align:justify;
	padding-left:16px;
	position:relative;
	left:-8px;
	line-height:20px;
	
}


/* GrayHeaderTab
******************************************************/

.grayHeaderTab{
	padding: 50px 0 50px 10px;
	border:none;
}
	
.grayHeaderTab table {
	border:0px solid #c4c0c0;
	border-collapse:collapse;
	width:580px;
	position:relative;
	vertical-align:middle;
	
}
	

.grayHeaderTab caption{
	background:url(../images/grayHeader.gif) no-repeat;
	width:580px;
	height:45px;
	font-family:Verdana;
	font-size:16px;
	text-align:center;
	color:#FFFFFF;
	line-height:35px;
		}

.grayHeaderTab tfoot {
	background:url(../images/grayHeaderBtm.gif) no-repeat;
	height:15px;
	border:0px solid #c4c0c0;
}

.grayHeaderTab tfoot td,tr{
	border:0px solid #c4c0c0;
}

.grayHeaderTab tbody {
	background-color:#FFFFFF;
	border:0px solid #c4c0c0;
	vertical-align:top;
}

.grayHeaderTab th {
	font-family:"Trebuchet MS";
	font-size:14px;
	border:1px solid #c4c0c0;
	padding:14px 5px 5px 10px;
	background-color:#F0F0F0;
	width:137px;
	text-align:left;
	}

.grayHeaderTab td {
	font-family:"Trebuchet MS";
	font-size:11px;
	border:1px solid #c4c0c0;
	padding:5px;
	text-align:left;
	vertical-align:middle;
}

.grayHeaderTab thead tr td{
	font-family:"Trebuchet MS";
	font-weight:bolder;
	font-size:12px;
	border:1px solid #c4c0c0;
	padding:5px;
	text-align:left;
}

/* Logos And Fact -- Pay per Click page
---------------------------------------*/
.logosBox
{
	width:329px;
	height:186px;
	float:left;
	margin:20px 0 20px 0;
	background: url(../images/logosBox2.gif) no-repeat;
	}

.factBox
{	width:216px;
	height:186px;
	float:right;
	margin:20px 0 20px 0;
	padding: 0 10px 0 10px;
	background: url(../images/factBox.gif) no-repeat;
}

.logos
{	float:left;
	padding:40px 0px 0px 5px;	
}

/* Box Portfolio
******************************************************/

.boxPortfolio
{	height:217px;
	width:580px;
	margin: 20px 10px 0px 15px; 
	padding:0 0 10px 15px;
	background:url(../images/boxPortfolio.gif) no-repeat;
	font-size:12px;
	float:left;
}

.boxPortFolioImg
{
	width:177px;
	padding: 15px 0 0 10px;	
	float:left;
}

.boxPortFolioBtn
{
	padding: 15px 0 0 0;
	text-align:center;	
}

.boxPortFolioTab{
	float:left;
	width:350px;
	padding: 15px 15px 15px 10px;
}	

.boxPortfolio td
{
	padding: 0 0 10px 25px;
}

.boxPortfolio th
{	padding-bottom:5px;
	text-align:right;
	vertical-align:top;
	color:#1c4b7a;
}

.boxPortfolio img{
	border:0;
}

.boxPortfolio a{
	border:0;
}

.navPortfolio
{
	height:24px;
	float:right;
	padding:0 30px 10px 0;
}

/* Bannieres
******************************************************/
.gifBanner
{
	padding:15px 0 10px 50px;
	}


/* portfolioRotator
******************************************************/	
#portfolioLeftBox
{
	width:216px;
	height:210px;
	float:left;
	background-image:url(/images/portfolioLeftBox.gif);
	background-repeat:no-repeat;
	margin:30px 0 270px 25px;
}

#portfolioRotator
{
	width:177px;
	height:160px;
	float:left;
	padding:20px 0 0 20px;
}