/*================================
Styles SOFTAKT v2.0
=================================*/

* {
padding: 0;
margin: 0;
}

body {
margin: 0;
padding: 0;
font-family: Arial;
font-size: 10pt;
color: #535353;
background: #a3a3a3 url(/upload/design/body-bg.png) repeat-x;
}

ul {
padding-left: 0px;
margin-left:0px;
list-style-type: none;
}

hr {
margin: 2em 0;
}

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

#content_left ul {
margin: 10px 0;
}
#content_left ul li li {
margin: 0 15px;
padding: 0;
}
#content_left li {
padding-left: 0px;
margin:5px 0px;
}

#sitemap ul {
padding-left: 0;
margin-left:15px;
}

#div_competence li {
margin:2px 0px;
}

#content_left h2 {
display: block;   
color: #3a90d9; 
font-size: 1.2em; 
text-align: right; 
padding-right: 0.5em;
padding-bottom: 2px;
border-bottom: 1px solid #3a90d9;  
line-height: 1.1em;
margin: 0.5em 0.5em 0.5em 0;
font-weight: bold;
}

h2 {
font-family: Arial;
font-size: 10pt;
font-weight: bold;
margin: 0;	
}

#div_derniere_ref h2, #div_competence h2 {
font-family: Arial;
font-size: 10pt;
font-weight: bold;
margin: 0;
border:0;	
 text-align: left;
color: #535353;  
}

#content_references h3 a {
display: block;
float: left; 
width: 95px; 
background: url(/upload/images/onglet_off.jpg) no-repeat; 
text-align: center; 
font-size: 10px;
padding:8px 0;
}

#content_references h3 a:hover {
background: url(/upload/images/onglet_on.jpg) no-repeat; 
}

#content_references #ref_titre  h3 a {
display: block;
float: left; 
width: 95px; 
background: url(/upload/images/onglet_on.jpg) no-repeat; 
text-align: center; 
font-size: 10px;
padding-top:5px;
}

#content_left h3 {
font-size: 13px;
margin:1em 0;
}

p{
margin: 1em 0;
}

h4 {
font-size: 9pt;
}

h5 {
font-size: 7pt;
font-weight: none;
}

a, a:visited {
color: #535353;
text-decoration: none;
}

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

.noborder {
border: 0;
}

img { 
border: 0px;
}



/* Logo */

#logo h1 a {
background: url(/upload/images/logo.gif) no-repeat;
height:69px;
width:197px;
display:block;
text-indent: -2000em;
text-decoration: none;
z-index: 1000; /* IE Fix*/
outline: none;
}

/* Menu */

#menu {
background:url(/upload/images/menu/menu-back.gif) repeat-x;
height:24px;
width: 780px;
margin-left:20px;
}

#menu-right {
background: url(/upload/images/menu/menu-right.gif) top right no-repeat;
height:24px;
padding-right: 15px;
}

#menu-left {
background: url(/upload/images/menu/menu-left.gif) top left no-repeat;
height:24px;
padding-left: 15px;
}

#menu li {
list-style-type:none;
float:left;
}

#menu li a {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 14px;
color: #535353;
text-decoration:none;
padding-left: 15px;
background: url(/upload/images/menu/menu-li.gif) no-repeat  0% 50%;
display: block;
width: 167px;
margin-top:4px;
}

#menu li a:hover {
color: #1a1a1a;
}

/*texte*/

.gras {	
font-weight:bold;
}

.petit {	
font-size: 8pt;
}

.blanc, .blanc:hover, .blanc:visited {
color: #ffffff;
}

.jaune {
color: #ffae00;
}
.bleu_ciel {
color: #5baef6;
}
.bleu_ciel2 {
color: #4893e1;
}
.bleu_fonce {
color: #215eac;
}

table td {
padding:10px;
}

/*div*/

.bloc-fond-gris {
background-color: #ededed;
border: 1px #666666 solid;
padding: 3px;
}

.bloc-fond-bleu {
background-color: #5baef6;
color: #fff;
border: 1px #666666 solid;
padding: 3px;
}

.bloc-fond-bleu a {
color: #fff;
text-decoration:none;
}

#div_competence {
overflow:hidden;
margin-bottom:15px;
}

#titre {
color: #3a90d9; 
font-size: 1.2em; 
text-align: right; 
padding-right: 0.5em;
padding-bottom: 2px;
border-bottom: 1px solid #3a90d9;  
line-height: 1.1em;
margin: 0 0.5em 0 0;
font-weight: bold;
}

#global {
width:820px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
}

#haut {
}

#content {
background-color:#FFFFFF;
width:820px;
vertical-align: top;
margin-top: -3px;
overflow: hidden;
}

#content_left {
float: left;
background-color: #FFFFFF;
min-height: 380px;
width: 589px;
padding-left: 20px;
}

#content_right {
background-color: #FFFFFF;
padding-left: 11px;
min-height: 380px;
float: left;
}

#contenu_int {
float: left;

width:400px;
}

#header {
height: 100px;
}

#logo {
float:left; 
height:69px; 
padding-top:10px;
padding-left: 20px;
}

#form_recherche {
float: left;
padding-right: 20px; 
padding-left: 280px;
padding-top:30px;
height:69px;
width:270px;
}

.champs {
color:#000000;
border: 1px solid #8c8c8c;
height:13px;
font-size: 7pt;
}

#form_input {
float: left;
height:17px;
padding-left: 130px;
}

#form_bouton {
float: left;
padding-left: 5px;
height:17px; 
width: 30px;
}

#form_text {
clear: both;
height: 20px;
}

#menu_div {
clear: both;
margin-left: 20px; 
height:29px; 
width:780px; 
}

#anim_header {
height:158px; 
width:820px; 
padding-top:10px; 
background-color:#FFFFFF;
text-align:center
}

#bandeau_header {
height:78px; 
width:820px; 
padding-top:10px; 
background-color:#FFFFFF;
text-align:center
}

#div_competence {
width:589px; 
min-height: 210px;
background-image:url(/upload/images/fond.gif); 
background-repeat:no-repeat;
}

#div_competence h3 {
font-size:12px;
margin:0;
}

#div_competence li {
padding-left: 5px;
margin-left:0px;
}

#div_competence li a {
font-weight: normal;
}

#div_competence em {
font-size: 11px;
}

#div_service {
float:left; 
padding-left: 20px; 
padding-top: 5px; 
width: 180px;
}

#div_solution {
float:left; 
padding-left: 20px; 
padding-top: 5px; 
width: 180px;
}

#div_reference { 
float: left;
padding-top: 5px; 
width: 150px;
}

#div_devis {
height:143px; 
width:170px; 
margin-right: 20px; 
background-image:url(/upload/images/fond_devis.gif); 
padding:5px;
}

#div_devis_text {
color: #ffffff;
font-size: 7pt;
height: 72px;
}

#div_devis_form {
padding-top: 10px; 
text-align:center;
}

#div_devis_form {
padding-top: 10px; 
text-align:center;
}

#div_devis_tel {
padding-top: 12px; 
text-align:center;
}

/*================================
Bloc + Page Actu
=================================*/

#page-actu h3 {
font-size: 18px;
border-left: solid 18px #3a90d9;
text-indent: 5px;
color: #666;
line-height: 18px;
margin: 10px 0 25px 0;
}

.actu-date {
font-size: 10px;
font-weight: bold;
}

#div_actualite {
margin-top:20px; 
margin-right:20px; 
padding:0px; 
width: 180px; 	
}

#div_actualite a, #page-actu a {
text-decoration: underline;	
}

#div_actualite_int {
width: 170px;
background-image:url(/upload/images/int_actu.gif); 
padding-left:5px;	 
padding-right:5px;
border-bottom: 1px solid #d9d9d9;
}

#div_actualite_img {
height:52px; 
padding-top:10px; 
text-align:center;
}

.div_header {
width: 180px; 
height: 9px;	 	
}

.div_bottom {
width: 180px; 
height: 9px;	
font_size: 0px; 	
}

.movie {
width: 568px;
height: 160px;
}

.bandeau-flv {
width: 780px;
height: 148px;
}

#div_derniere_ref {
width: 569px; 
height:170px;  
margin-top:10px;
clear: both;
background-image:url(/upload/images/fond_derniere_rea.gif); 
padding:10px;
}

#div_bas {
width:820px; 
height: 9px;
margin-right: auto; 
margin-left: auto; 
font-size:0px;
}

#div_bas img {
display:block;
}

.div_reference_screen  {
width:190px; 
float:left; 
padding:0; 
text-align:center; 
font-weight:bold;
}

.div_autre_site  {
width:178px;
height:25px;
float:left; 
padding-left:3px; 
padding-right: 15px;
padding-bottom: 15px;
margin-top:10px;
}

.div_et_bien_autre  {

}

#footer {
clear: both;
width:820px; 
height:8px; 
margin-right: auto; 
margin-left: auto; 
padding-top: 15px;
padding-bottom: 15px;
color:#FFFFFF;
font-size:10px;
text-align:center;
}

#footer a{
color:#fff;
}

/* E-AKT */

#eakt ul  {
margin-left: 20px;
padding-left:0;
list-style-type: disc;
}

#eakt h2  {
clear:both;
}

#eakt h3  {
font-size: 14px;
color:#3a90d9;
}

#eakt img  {
margin-bottom: 1em;
}

#menu-effects {
width: 500px;
height: 60px;
margin-left:20px;
}

/* Mapmonde */

#mapmonde hr {
clear:both;
color: #3a90d9;
background-color: #3a90d9;
height: 1px;
border:0;
margin:1em 0;
}

.map-col1 {
width:194px;
float:left;
}

.map-col2 {
width:394px;
float:left;
}

.map-col {
width:50%;
float:left;
overflow:hidden;
}

#mapmonde .map-col h3, #mapmonde .map-col1 h3 {
text-decoration:underline;
color:#3a90d9;
font-size:14px;
}

/* Formulaire */

input.fields {

width: 100px;
border-top: 1px solid #E3E4E9;
border-left: 1px solid #E3E4E9;
border-bottom: 1px solid #E3E4E9;
border-right: 1px solid #E3E4E9;
height: 18px;
margin:0;
padding:0;
}

label {
color: #000000;
margin:0;
padding:0;
}

#contact_form input,#contact_form textarea {
}

#contact_form label {
display: block;
font-weight: bold;
padding: 4px;
}

.submit.button {
background-color:#FFFFFF;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;

border-right: 1px solid #FFFFFF;
height: 18px;
margin:0;
padding:0;
}

#contact_form h1, #content_left h1 {
font-size: 16px;
}

#gmap {
margin: 30px 0;
}

#fnaim-home {
font-size: 16px;
font-weight: bold;
}

/* Sitemap 

#content_left ul {
list-style-type: none; 
margin-left: 2em;
padding-left: 0;
}

#content_left li {
padding-left: 0.5em;
}
Fin Sitemap */

/* Infobulle références */

a.info{
position:relative; 
z-index:24; 
color:#000;

text-decoration:none}

a.info:hover{
z-index:25; 
}

a.info span{
display: none
}

a.info:hover span{ 
display:block; 
position:absolute;
top:0.01em; left:0.5em; width:13.35em;
border:1px solid #ffffff;
background-color:#535353; color:#ffffff;
font-weight:none;
padding:1px;
}

#cms_content {
background: #fff;
}

/* Page After -mouse */

.orange {
color: #d56f58;
}

#aftermouse .slogan {
text-align:center;
font-size:18px;
font-weight:bold;
color: #d56f58;
}

#aftermouse .slogan a {
color: #d56f58;
}

#aftermouse ul {
padding-left: 0;
margin-left: 25px;
}

#aftermouse li {
background:url(/upload/images/design/list.gif) no-repeat 0 3px;
padding-left:15px;
margin: .8em 0;
}

#new-ecommerce ul {
overflow: hidden;
}
#new-ecommerce img {
margin-right: 15px;
}
#new-ecommerce h2 {
clear: both;
}

/*-------------------------------------------------------------------------------*/
#listing-solutions {
overflow:hidden;
height:100%;
}

#listing-solutions li {
width:190px;
float:left;
height:290px;
display:inline;
margin-top: 10px;
margin-left:5px;
border-bottom:1px dotted #AAA;
border-right:1px dotted #DDD;
}
#listing-solutions h3 a{
margin-top:-25px;
display:block;
color:#3A90D9;
text-align:center;
}

#listing-solutions li p{
padding:0 10px 0px 10px;
}

#solution-surmesure{
}