/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}


html, body {
	font-family: "Verdana", "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Arial", sans-serif;
	color:#282D33;
	background-color:#bdbdbd;
	margin:15px 0 0 0;
	padding:0;
}

a:link, a:visited img{
	text-decoration:none;
	color:#282D33;
}

img, a:link img, a:visited img {
	color:#282D33;
	border:0;
}

#global {
margin-left:auto;
margin-right:auto;
width:966px;

background-color:#bdbdbd;
border:0px solid red;
}
#contener {
height:auto;
width:956px;
background-color:#fff;
border:2px solid black;
background-image: url(images/gridcopy.gif);
background-repeat:repeat-y;
}
#contenerpages {
height:auto; /*696px ou auto*/
width:935px;
background-color:#fff;
border:2px solid black;
background-image: url(images/grid.gif);
background-repeat:repeat-y;
}
#entete {
margin:0px;
padding:0px;
height:100px;
border-bottom:0px solid black;
}
/* -----[ Top Menu ]------------------------------ */

DIV.topmenuHome {
	text-align:left;
	font-size: 7pt;
	width:230px;
	float:right;
	padding-top:37px;
	border-left:1px solid white;
}
DIV.topmenuHome ul {
	width:230px;
	list-style: none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height: 14px;
}
DIV.topmenuHome ul li {
	padding:1px 0px 0px 10px;
	margin:0px 0px 5px 0px;
	background-image: url(images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	border-top: 1px solid #282D33;
}

DIV.topmenuHome ul li a:link,
DIV.topmenuHome ul li a:visited,
DIV.topmenuHome ul li a:hover,
DIV.topmenuHome ul li a:active{
	/*color: #494E55;*/
	color: #215393;
	text-decoration:underline;
}
/* -----[ Contener ]------------------------------ */
#centre {
height:auto;
width:956px;
border-top:1px solid black;
background-image: url(images/gridcopy.gif);
background-repeat:repeat-y;
}
#centrepage {
height:auto; /*570px ou auto*/
width:935px;
border-top:1px solid black;
background-image: url(images/grid.gif);
background-repeat:repeat-y;
}

/* -----[ Left colonne ]------------------------------ */
.leftcol {
height:auto; /*600px ou auto*/
width:170px;
float:left;
border:solid 0px green;
border-right: 0px solid #D1C497;
}

/* -----[ Center colonne ]------------------------------ */
.centercol {
	width:464px;
	float:left;
	border-right:solid 0px black;
	margin: 0px;
	padding: 0px;
	font-size:10px;
	color:#004856;
}
.centercolERP {
	width:465px;
	height:auto;
	float:left;
	border-right:solid 0px black;
	margin: 0px;
	padding: 0px;
	font-size:10px;
	color:#004856;
}

.homepoint {
	width: 448px;
	padding:0px 0px 0px 17px;
	margin:5px 0px 5px 0px;
	background-image:url(images/arrow_lightblue.gif);
	background-repeat:no-repeat;
	background-position: 8px 5px;
	height: 50px;
}
.newsitem {
	font-weight:bold;
	color:#215393;
}
.more {
	font-size:10px;
	line-height: 14px;
	margin: 10px 0px 5px 0px;
	padding: 0px 8px 0px 17px;
}

/* -----[ Right colonne ]------------------------------ */
.rightcol {
width:320px;
float:left;
border:solid 0px black;
}

.flashHomepage {
	height:240px;
	width:321px;
	border:solid 0px green;
	background-color:#000000;
}
.newEventsTitle {
	background-image: url(images/sideHeader.gif);
	background-repeat:repeat-x;
	height:30px;
	width:311px;
	padding:5px 0px 5px 10px;
	margin:0px;
	background-position: 0px 0px;
	font-size: 12px;
	font-weight: bold;
}
.event {
	float:right;
	width:317px;
	padding:0px 0px 3px 3px;
	margin:2px 0px 2px 0px;
	font-size: 10px;
	line-height:14px;
	border-bottom: 1px solid #aaa;
}
.event span.date{
	color: #74736E;
	padding:0px 0px 0px 7px;
}
.event span.content {
	padding:0px 0px 0px 7px;
	background-image:url(images/doubleArrow_lightblue.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
}
.event span.content a {
font-size:9px;
	color: #215393;
	font-weight:bold;
	text-decoration:underline;
}
.event span.content a:hover{
text-decoration:none;
}
.event span.location {
	padding:0px 0px 0px 7px;
}
.linka {
	margin-left: 16px;
}
.linka a {
	color: #215393;
	text-decoration:underline;
}
.linka a:hover {
text-decoration:none;
}
.puceBigBlue {
	border-collapse:collapse;
	}
.puceBigBlue tr td{

border-bottom:0px solid #000000;
padding:10px 0px 0px 10px;
}
.puceBigBlue a {
	font-size:9px;
	color: #215393;
	font-weight:bold;
	text-decoration:underline;
}
.puceBigBlue a:hover {
	text-decoration:none;
}

 
/* -----[ Page Right contener ]------------------------------ */
.rightcontener {
float:left;
width:764px;
height:auto; /*600px*/
}
.rightcolpages {
width:229px;
height:400px;
float:right;
border:solid 0px blue;
}
.rightcolpagesman {
width:229px;
height:auto;
float:right;
}
.title {
	width:219px;
	padding:5px 0px 5px 10px;
	margin:0px;
	background-image:url(images/sideHeader.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-size: 12px;
	font-weight: bold;
}
div.mission {
	font-size:12px;
	line-height:18px;
	text-align:left;
	font-style:italic;
	font-weight:bold;
	margin:0px;
	width: 214px;
	padding:15px 0px 15px 15px;
	background-color:#eee;
	border-top: 3px solid #215393;
	border-bottom: 3px solid #215393;
}
/* -----[ Page Bandeau colonne ]------------------------------ */
.bandeau {
float:left;
height:100px;
width:764px;
border-bottom:1px solid #d1c497;
}
.bandeau img {
text-align:left;

}

/* -----[ Footer ]------------------------------ */
#pied {
clear:both;
height:22px;
background-image: url(images/line_footer.gif);
background-repeat:repeat-x;
}
.footerLine {
	position:relative;
	padding:  5px 5px 0px 15px;
	font-size: 9px;
	text-align:left;	
}
.slogan {
	display:inline;
	margin: 0px;
	padding:  5px 5px 0px 0px;
	margin-left:80px;
	top: 0px;
	width:474px;
	color:#74736E;
	letter-spacing: 1px;	
}
/* -------------  Style Contener  ------------------------*/
DIV.article {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	width: 532px;
	font-size:10px;
	color:#004856;
	border-right:0px solid black;
}	
DIV.article h1 {
	font-size:14px;
	font-weight:bold;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 15px;
	height:16px;
	color:#215393;
}
DIV.article h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin: 0px 0px 3px 0px;
	padding: 0px 10px 0px 15px;
	color:black;
}
DIV.article h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 0px 15px;
	color:black;
}
DIV.article p {
	font-size:11px;
	line-height: 15px;
	margin: 0px 0px 9px 0px;
	padding: 0px 20px 0px 15px;
}

DIV.article p.intro {
	font-size:11px;
	line-height: 18px;
	margin: 10px 0px 5px 0px;
	padding: 0px 20px 0px 10px;
}
DIV.article p.readmore {
	margin: -5px 0px 12px 0px;
	font-style:italic;
}
DIV.article p.sampleProject {
	font-size:11px;
	line-height: 18px;
	margin: 10px 0px 5px 70px;
	padding: 0px 20px 0px 10px;
}
DIV.article div.testimonial {
	font-size:11px;
	line-height: 14px;
	font-style:italic;
	margin: 3px 0px 30px 20px;
	padding: 0px 15px 0px 17px;
}
DIV.article ul {
	margin:7px 0px 8px 30px;
	padding:0px 0px 0px 0px;
	line-height: 14px;
	list-style: none;
}
.article ul a {
text-decoration:underline;
}
.article h2 a {
text-decoration:underline;}
DIV.article ul li {
	list-style: none;
	padding:0px 0px 0px 10px;
	margin:0px 0px 3px 0px;
	background-image: url(images/blueDot_3px.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
DIV.article ul li a {
	font-weight: bold;
	text-decoration:underline;
}

DIV.article ul li ul {
	list-style: none;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	line-height: 16px;
}
DIV.article ul li ul li {
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}
.article img {
	border:1px solid #D1C497;
	float:right;
	margin-right: 15px;
	margin-top: 5px;
}

.center {
width:169px;
text-align:center;
background-color:#f6f4eb;
}
.center a {
	padding-left:5px;
}
/* -------------  Menu left  ------------------------*/
.navigation {
      margin: 0;
      padding: 0;
      list-style: none;
	  text-decoration:none;
      background: #000;
      color: #fff;
      width: 170px;
	  height:auto;
      font-size:10px; /*0,6 em ou 0,7em*/
	  text-decoration: none;
}
.navigation a, .navigation span {
      display: block;
      padding: 4px 8px;
      color: #fff;
      text-decoration: none;
	  height:17px;
	  font-size:10px;
      /*background: #000 url(images/menu-item.png) left bottom no-repeat;*/
	  background-color:#282D33;
	  border-bottom:solid 1px #3e4750;
}
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      /*background-image: url(images/menu-item-deroule.png);*/
	  background-color:#282D33;
}

.navigation .open a, .navigation .open span {
      /*background-image: url(images/menu-item-enroule.png);*/
	  background-color:#3e4750;
}
.navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: underline;
}
.navigation .subMenu {
      font-size:10px;
      background-color: #5d666f;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
	  list-style:none;
}
.navigation ul.subMenu a {
      background: none;
      padding: 3px 11px;
	  font-size:10px;
}
.navigation ul.subMenu a:hover {
      background-color:#5d666f;
	  color:#FFFFFF;
      padding: 3px 11px;
}

/* -------------  Fin Menu left  ------------------------*/

.form {
font-size:0.8em;
padding-left:15px;
}
.quoteseperator {
	background-image:url(images/line_seperator.gif);
	background-repeat: repeat-x;
	background-position: 0px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	line-height: 3px;
	font-size: 3px;
}
.black {
	color:#282D33;
}
.seperator {
	background-image:url(images/line_seperator.gif);
	background-repeat: repeat-x;
	background-position: 0px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 10px;
	line-height: 3px;
	font-size: 3px;
	overflow:visible;
}
h4 {
	margin: 21px 0px 3px 0px;
	padding: 5px 0px 5px 15px;
	font-size:13px;
	font-weight:bold;
	background-color:#eee;
	border-top: 1px solid #215393;
	border-bottom: 1px solid #215393;	
	color:#215393;
}
.text {
	font-size:0.7em;
	padding-left:15px;
}

/*************  rollover a  ********************/

a.demo21 {
margin-left:5px;
display:block;
height:20px;
width:159px;
background-image:url(images/demo21.jpg);
background-repeat:no-repeat;}
a.demo21:hover, a.demo21:focus {
background-image:url(images/demo2.jpg);
}
a.demo31 {
margin-left:5px;
display:block;
height:33px;
width:159px;
background-image:url(images/demo31.jpg);
background-repeat:no-repeat;}
a.demo31:hover, a.demo31:focus {
background-image:url(images/demo3.gif);
}
a.demo41 {
margin-left:5px;
display:block;
height:62px;
width:159px;
background-image:url(images/demo41.jpg);
background-repeat:no-repeat;}
a.demo41:hover, a.demo41:focus {
	background-image:url(images/demo4.gif);
}
a.demo {
display:block;
height:173px;
width:462px;
background-image:url(images/Bloc_Demo.jpg);
background-repeat:no-repeat;}
a.demo:hover, a.demo:focus {
background-image:url(images/bloc_demo2.jpg);
}
.emphasis {
	list-style: none;
	padding:0px 25px 0px 20px;
	margin:0px 0px 3px 0px;
	background-image: url(file:///C|/Documents and Settings/EC/Desktop/CyFrame.com/images/doubleArrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
.border {
border:0px solid blue;
}
.border img {
border:0px solid red;}
/*******************      ERP solution       **********************/
#container {
    width:534px; /** CONFIG **/
	float:left;
	margin: 0;
}

#tabWrapper { 	
float:left; 
width:530px;
 
margin:0; 
padding:0px 0px 0px 0px;
 }
ul.tabBar { 
display:block; 
margin:0; 
padding:0; 
width:auto; 
border-top:0px; 
border-bottom:0px;
margin-top:0px;
list-style:none;
}
ul.tabBar :after {
    display:block;
    clear:both;
    visibility:hidden;
    content:'.';
    height:0;
	margin:0;
}
ul.tabBar li {
    display:block;
    float:left;
    padding:4;
    margin:0;
    width:20%; /** CONFIG **/ /** int(tabWrapperWidth / tabCount) **/ 
    background-color:#ffffff;
    text-align:left;
    border-bottom:0px solid #c8c8c8;
    margin-right:0px; /** pull border to eliminate 1x1px space **/
    color:#83919c;
}

ul.tabBar  li.last {
    float:right;
    margin-left:0px; /** CONFIG **/ /** Pull left: -tabCount **/
    padding-left:7px; /** CONFIG **/ /** Compensate pull left: tabCount **/
    margin-right:0; /** void pull for last tab **/
    width:16%; /** Decimal Remainder of (((tabWrapperWidth / tabCount) * tabCount) + tabWidth) **/
	margin: 0;
}

ul.tabBar  li a {
    display:block;
    color:#92AFCF;
    margin:0;
    padding:4px;
    border-left:1px solid #c8c8c8;
    font-size:100%;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
}


ul.tabBar li a:active { background-color:#eff4f7;}
ul.tabBar  li.first a { border-left:0;}
ul.tabBar  li a:hover  { color: #215392; background-color: #eff4f7; }