/* /////////////// basic elements /////////////// */
html {
background-image:url(design/fond.png);
background-repeat:repeat-x;
background-color:#FFFFFF;
background-position:bottom;
text-align:center;
margin:0;
padding:0;
}

body {
margin:0 0 0 0;
padding:0 0 0 0;
font:75%/1.4 Arial, Helvetica, sans-serif;
background:url(design/fondhaut.png) top right repeat-x;
}

/* ////////////// TOP MENU ///////////////// */
#TMenu {
width:824px;
margin:0 auto;
margin-top:20px;
text-align:left;
height:30px;
padding-bottom:10px;
position:relative;
}


/* Bouton Menu du haut */

/* Logo */
#TMenu  li#logo { display:inline; margin-left:0px;}
#TMenu  li#logo a {  width: 220px;}
#TMenu  li#solutions a { margin-top:4px; padding-top:7px;  text-align:center; margin-left:10px;  background:url(design/menubgstart.png) top left repeat-x; height:30px;}
#TMenu  li#solutions a:hover { margin-top:4px; padding-top:7px;  text-align:center; margin-left:10px;  background:url(design/menubgstarton.png) top left repeat-x; height:30px;}
#TMenu  li#metier a { margin-top:4px; padding-top:7px; text-align:center; background:url(design/menubg.png) top left repeat-x; height:30px;}
#TMenu  li#metier a:hover { margin-top:4px;padding-top:7px; text-align:center; background:url(design/menubgon.png) top left repeat-x; height:30px;}
#TMenu  li#keytouch a{margin-top:4px;padding-top:7px;  text-align:center; background:url(design/menubg.png) top left repeat-x; height:30px;}
#TMenu  li#keytouch a:hover {margin-top:4px; padding-top:7px;  text-align:center; background:url(design/menubgon.png) top left repeat-x; height:30px;}
#TMenu  li#partenaires a{margin-top:4px; padding-top:7px;  text-align:center; background:url(design/menubg.png) top left repeat-x; height:30px;}
#TMenu  li#partenaires a:hover {margin-top:4px; padding-top:7px;  text-align:center; background:url(design/menubgon.png) top left repeat-x; height:30px;}
#TMenu  li#clients a {margin-top:4px; padding-top:7px;  text-align:center; background:url(design/menubg.png) top left repeat-x; height:30px;}
#TMenu  li#clients a:hover {margin-top:4px; padding-top:7px;  text-align:center; background:url(design/menubgon.png) top left repeat-x; height:30px;}
#TMenu  li#contact a {margin-top:4px; padding-top:7px;  text-align:center; background:url(design/menubg.png) top left repeat-x; height:30px;}
#TMenu  li#contact a:hover {margin-top:4px; padding-top:7px;  text-align:center; background:url(design/menubgon.png) top left repeat-x; height:30px;}
#TMenu  li#demo a {margin-top:4px; padding-top:7px;  text-align:center;  background:url(design/menubgend.png) top right repeat-x; height:30px;}
#TMenu  li#demo a:hover {margin-top:4px; padding-top:7px;  text-align:center;  background:url(design/menubgendon.png) top right repeat-x; height:30px;}


#TMenu li {
list-style:none;
margin-top:8px;
margin-left:0px;
display:inline;
background:url(design/menubg.png) top left repeat-x; height:30px;
font-weight:bold;
}



#TMenu li a {
padding-left:2px;
text-decoration:none;
width: 82px;
color:#666666;
float: left;
}

#TMenu li a:hover {
text-decoration:none;
color:#FFFFFF;
}

.noborder{
border:none;
text-decoration:none;
}

.nobordermiddle{
vertical-align:middle;
border:none; 

}


/* ////////////// MENU GAUCHE ///////////////// */

#Lmenu {
	position:absolute;
	left:25px;
	width:207px;
}


#Lmenu li {
list-style:none;
padding:6px 0 10px 0;
}

#Lmenu li a {
padding-left:7px;
text-decoration:none;
}

#Lmenu ul {
padding-left:0px;
margin-left:0px;
margin-top:0px;
text-decoration:none;
}

#Lmenu li a:hover {
text-decoration:none;
}



#menulefttop{
margin-top:10px;
width:190px;
position:relative;
background:url(design/menulefttop.png) left;

text-align:left;
padding-left:10px;
padding-top:5px;
height:22px;
font-weight:bold;
color:#666666;
}
 
#menuleftbg{
width:185px;
background:url(design/menuleftbg.png) left;
padding-left:15px;
}

#menuleftbg .cat{
color:#FF9900;
font-weight:bold;
padding-top:10px;
padding-bottom:5px;
}

#menuleftbg .linkcat{
color:#FF9900;
font-weight:bold;
text-decoration:none;
font-size:12px;
}


#menuleftbg li{ 
margin-left:5px;
color:#666666;
line-height:3px;
}

#menuleftbg a{ 
color:#666666;
}

#menuleftbg li:hover{ 
margin-left:5px;
color:#666666;
line-height:2px;
font-weight:bold;
font-size:14px;
line-height:3px;
}



#menuleftbottom{
width:200px;
background:url(design/menuleftbottom.png) left bottom;
height:10px;
margin-bottom:10px;
}



/* ////////////// PAGE CENTRAL ///////////////// */

#containertop {
width:824px;
margin:0 auto;
margin-top:10px;
padding:0 13px;
position:relative;
background-color: #fff;
text-align:left;
height:8px;
}

#containerindex {
width:824px;
margin:0 auto;
padding:0 13px;
position:relative;
background-color: #fff;
text-align:left;
min-height:900px;
}

#container {
width:824px;
margin:0 auto;
padding:0 13px;
position:relative;
background-color: #fff;
text-align:left;
min-height:800px;
}

#containeradmin {
width:824px;
margin:0 auto;
padding:0 13px;
position:relative;
background-color: #fff;
text-align:left;
min-height:600px;
padding-bottom:0px;
margin-bottom:0px;
}

#containerbottom {
width:824px;
margin:0 auto;
margin-bottom:10px;
padding:0 13px;
position:relative;
background-color: #fff;
text-align:left;
height:12px;
margin-top:-5px;
}



/* ////////////// FOOTER ///////////////// */

#footertop {
width:824px;
margin:0 auto;
margin-top:10px;
padding:0 13px;
position:relative;
background:url(design/fondtop.png);
text-align:left;
height:8px;
}


#footer{
width:824px;
margin:0 auto;
padding:0 13px;
position:relative;
background:url(design/fondcentral.png);
text-align:center;
font-size:11px;
}

#footer a{
color:#000000;
border:none;
text-decoration:none;
}



#footerbottom {
width:824px;
margin:0 auto;
margin-bottom:6px;
padding:0 13px;
position:relative;
background:url(design/fondbottom.png);
text-align:left;
height:12px;
}

#souscat
{
margin-left:15px;
}
.souscatname
{
color:#666666;
font-weight:bold;
padding-bottom:5px;
}


.souscatnameLarge
{
color:#FDB40C;;
font-weight:bold;
padding-bottom:5px;
font-size:18px;
padding-top:10px;
}





#diaporama {
padding-left:7px;
padding-top:9px;
position:relative;
}

#all{
background-color:#ffffff;
background-repeat:repeat-y;
margin:0 0 2px 5px;
color:#454545;
display:block;
padding:0;
padding-top:10px;
}

#presentation, #news{
width:590px;
background-color:#ffffff;
background-repeat:repeat-y;
margin:0 0 2px 226px;
color:#454545;
display:block;
padding:0;
padding-top:10px;
}

#presentation h1, #news  h1{
font-size:17px;
color:#FDB40C;
font-weight:bold;
margin-bottom:0px;
}

#titre h1{
font-size:22px;
color:#626669;
font-weight:bold;
margin-bottom:10px;
text-align:center;
margin-top:0px;
line-height:normal;
}

#presentation h2{
font-size:14px;
color:#333333;
font-weight:bold;
margin-top:5px;
margin-bottom:0px;
}

#presentation h2 a{
font-size:14px;
color:#333333;
font-weight:bold;
margin-top:5px;
margin-bottom:0px;
border:none;
text-decoration:none;
}

.Style3 {
	color: #FEB40D;
	font-size: 26px;
}

#presentation .pe{
text-align:justify;
font-size:13px;
}

.tab{
padding-left:35px;
}

.imgf{
float:right;
position:relative;
}

.imgiconesolution{
float:left;
position:relative;
border:none;
}

#news h2{
font-size:14px;
color:#333333;
font-weight:bold;
margin-top:5px;
margin-bottom:0px;

}


#news p span {
padding:0 25px 10px 40px;
display:block;
text-align:justify;
}

hr{
background-color:#CCCCCC;
height: 1px;
border: 0;
margin-top:0;

}


h3 {
height:39px;
margin:0;
padding:0;
}

p {margin:0;padding:0;}


.center{
text-align:center;
}


acronym {
border:none;
}


.green {
color:#009900;
}


.red {
color:#FF0000;
}

.txtbox100
{
width:100%;
}

.small {
font-size:9px;
}

.descriptionnone{
color:#333333;
text-decoration:none;
}

.adminlink{
color:#333333;
text-decoration:none;
margin-bottom:7px;
}

.adminlink a{
text-decoration:none;
}


.borange{
color:#FDB40C;
text-decoration:none;
font-weight:bold;
}

.tag1{
font-size:16px;
margin-left:30px;
}
.tag2{
font-size:13px;
margin-left:40px;
}
.tag3{
font-size:11px;
margin-left:20px;
}