/* CSS Document */

body {
background-image:url(../img/px_background.jpg);
background-repeat:repeat-x;
margin:0px;
padding:0px;
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:11px; 
color:#003366;
}

#conteneur {
width:926px;
margin:0px auto;
padding-top:7px;
}

#conteneur_header {
width:926px;
height:111px;
margin:0px auto;
margin-top:7px;
}

#header{
background-image:url(../img/header_fond.jpg);
background-repeat:no-repeat;
position:absolute;
width:926px;
height:111px;
margin:0px auto;
z-index: 100;
}

#domaines{
position:absolute;
top:-815px;
left:520px;
z-index:200;
}
dl, dt, dd, ul, li {
margin:0px;
padding:0px;
border:0px;
list-style-type: none;
}
#domaines2{
position:absolute;
top:35px;
left:520px;
}
#domaines3{
position:absolute;
top:45px;
left:690px;
z-index : 200;
}
#menu {
position: absolute;  /*placement du menu,  modifier selon vos besoins */
margin:0px;
padding:0px;
border:0px;
top: 83px;
left: 0px;
z-index:100;
width: 100%; /* correction pour Opera */
padding-left:1px;
}

#menu dl {
float: left;
width: 131px;
margin:0px;
padding:0px;
border:0px;
padding-right:1px;
}

#menu dt {
cursor: pointer;
text-align: left;
font-weight: bold;

margin-bottom:3px;
width:131px;
height:22px;
}

#menu dd {
display: none;
margin:0px;
padding:0px;
border:0px;
border: 1px solid #4191CF;
}

#menu li {
text-align: left;
background: #fff;
padding:3px;
width: 123px;
}

#menu li a, #menu dt a {
color: #0788C1;
text-decoration: none;
display: block;
width: 123px;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
width: 123px;
}

#menu_gauche{
width:171px;
float:left;
}

#menu_centre{
width:589px;
float:left;
margin-left:10px;
}

#menu_centre_2{
width:926px;
float:left;
margin-left:10px;
}

#menu_droite{
width:146px;
float:right;
}

#bottom{
/*font-family : Verdana, Helvetica, sans-serif ; cursive ;
font-size:10px; 
color:#003366;*/
width:926px;
height:50px;
margin:0px auto;
text-align:center;
clear: both;
position:relative;
}


/*********************************************************************/
.spacer{
clear:both;
margin:0px;
padding:0px;
border:0px;
}

.box_gauche{
padding:5px;
padding-left:17px;
background-image:url(../img/menu_left_fond.gif);
background-repeat:repeat-y;
}
.box_gauche_bottom{
background-image:url(../img/menu_left_bottom.gif);
background-repeat:no-repeat;
height:20px;
}

.box_centre{
padding:5px;
background-image:url(../img/menu_centre_fond.gif);
background-repeat:repeat-y;
}
.box_centre_bottom{
background-image:url(../img/menu_centre_bottom.gif);
background-repeat:no-repeat;
height:20px;
}

.box_droite{
padding:5px;
padding-left:10px;
background-image:url(../img/menu_droite_fond.gif);
background-repeat:repeat-y;
}
.box_droite_bottom{
background-image:url(../img/menu_droite_bottom.gif);
background-repeat:no-repeat;
height:20px;
}

.box_commander{
border:1px;
border-color:#C9DEF1;
border-style:solid;
width:200px;
height:100px;
float:right;
margin-left:15px;
}

.box_commander_large{
border:1px;
border-color:#C9DEF1;
border-style:solid;
width:200px;
height:120px;
float:right;
margin-left:15px;
}

.titre{
background-color:#C9DEF1;
text-align:center;
}

.titre_gauche{
background-color:#C9DEF1;
text-align:left;
}

.box{
margin:5px;
background-color: #B5BBC0;
font-family :  Arial, Helvetica, sans-serif;
font-size:18px; 
font-weight:bold;
color:#000;
line-height: 21px;
margin-bottom:20px;
}


/*** POLICES ******************************************************************/
.txt_menu{
font-family : Verdana, Helvetica, sans-serif ;font-size:12px; color:#005D9D;font-weight:bold;text-decoration:none;
}
.txt_bottom{
font-family : Verdana, Helvetica, sans-serif ;font-size:10px; color:#4191CF;text-decoration:none;
padding-left:6px;
padding-right:6px;
}

.justifie{
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:11px; 
color:#003366;
text-align:justify;
}

.txt_tab_g{
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:11px; 
color:#003366;
float:left;
padding-left:3px;
}
.txt_tab_d{
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:11px; 
color:#003366;
float:right;
padding-right:5px;
}

.commander{
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:11px; 
color:#003366;
padding-left:5px;
}

h1.box_gauche{
background-image:url(../img/menu_left_top.gif);
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:12px;
font-weight:bold;
color:#FFF;
border:0px;
padding:0px;
margin:0px;
padding-top:6px;
padding-left:17px;
height:19px;
}
h1.box_centre{
background-image:url(../img/menu_centre_top.gif);
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:12px;
font-weight:bold;
color:#FFF;
border:0px;
padding:0px;
margin:0px;
padding-top:6px;
padding-left:17px;
height:19px;
}
h1.box_droite{
background-image:url(../img/menu_droite_top.gif);
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:12px;
font-weight:bold;
color:#FFF;
border:0px;
padding:0px;
margin:0px;
padding-top:6px;
padding-left:10px;
height:19px;
}

h1.formulaire{
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:11px; 
color:#003366;
font-weight:bold;
border:0px;
padding:0px;
margin:0px;
padding-top:6px;
padding-left:10px;
height:19px;
}

/*** LIENS **********************************************************************/
a.menu {
font-family : Verdana, Helvetica, sans-serif ;font-size:12px; color:#005D9D;font-weight:bold;text-decoration:underline;
}
a.menu:hover {
font-family : Verdana, Helvetica, sans-serif ;font-size:12px; color:#005D9D;font-weight:bold;text-decoration:none;
}

a.txt {
font-family : Verdana, Helvetica, sans-serif ;font-size:11px; color:#005D9D;text-decoration:underline;
}
a.txt:hover {
font-family : Verdana, Helvetica, sans-serif ;font-size:11px; color:#005D9D;text-decoration:none;
}

a.titre_txt {
font-family : Verdana, Helvetica, sans-serif ;font-size:12px; color:#003366;font-weight:bold;text-decoration:underline;
}
a.titre_txt:hover {
font-family : Verdana, Helvetica, sans-serif ;font-size:12px; color:#003366;font-weight:bold;text-decoration:none;
}

a.bottom {
font-family : Verdana, Helvetica, sans-serif ;font-size:10px; color:#4191CF;text-decoration:underline;
}
a.bottom:hover {
font-family : Verdana, Helvetica, sans-serif ;font-size:10px; color:#4191CF;text-decoration:none;
}



/*** FORMULAIRE **********************************************************************/
form.menu_droite {
padding:0px;
padding-top:10px;
margin:0px;
border:0px;
}
form.webhostWizarddomcenter {
padding:0px;
padding-top:10px;
margin:0px;
border:0px;
line-height:0px;
}

div.row {
  clear: both;
  padding-top: 4px;
  }

div.row span.label {
  float: left;
  width: 85px;
  text-align: right;
  }
div.row span.label1 {
  float: left;
  width: 290px;
  text-align: left;
padding-left:20px;
font-family: verdana, arial, helvetica, sans-serif;
font-style: normal;
color: #316698;
font-size: 12px;
font-weight: bold;
  }

div.row span.formw{
  float: left;
  width: 30px;
  text-align: left;
  } 

input.menu_droite {
width:120px;
}
textarea.meta {
width:200px;
}
select.meta {
width:200px;
}

select.beta {

}

input.submit {
border:1px solid #FFF;
background-color:#CCC;/*#4191CE;#6BA9DA;#8CB6DE;*/
color:white;
}
input.submit {
border:1px solid #7F9DB9;
background-color:#FFF;
color:#003366;
}

/*** IMAGES **********************************************************************/
img.logo {
padding:0px;
margin:0px;
border:0px;
float:left;
}

img.nav {
padding:0px;
margin:0px;
border:0px;
}

img.puce {
padding:0px;
margin:0px;
border:0px;
padding-top:3px;
padding-bottom:1px;
}

img.separateur{
padding:0px;
margin:0px;
border:0px;
padding-top:3px;
padding-bottom:3px;
height:1px;
}

/*BBD5EC 99CCFF*/
.oc{
font-family : Verdana, Helvetica, sans-serif ;font-size:10px; color:#CCCCFF;text-decoration:none;
}
a.oc {
font-family : Verdana, Helvetica, sans-serif ;font-size:10px; color:#CCCCFF;text-decoration:underline;
}

/*** HOME ************************************************************************/

#box_solutions{
background-image:url(../img/home/box_solutions.jpg);
background-repeat:no-repeat;
width:250px;
height:295px;
float:right;
}

#box_base{
background-image:url(../img/home/box_base.jpg);
background-repeat:no-repeat;
width:163px;
height:145px;
float:left;
margin-right:6px;
margin-bottom:5px;
}

#box_pro{
background-image:url(../img/home/box_pro.jpg);
background-repeat:no-repeat;
width:163px;
height:145px;
float:left;
margin-bottom:5px;
}

#box_coldfusion{
background-image:url(../img/home/box_coldfusion.jpg);
background-repeat:no-repeat;
width:163px;
height:145px;
float:left;
margin-right:6px;
}

#box_ecommerce{
background-image:url(../img/home/box_ecommerce.jpg);
background-repeat:no-repeat;
width:163px;
height:145px;
float:left;
}

#box_ecommerce2{
background-image:url(../img/home/box_ecommerce2.jpg);
background-repeat:no-repeat;
width:163px;
height:145px;
float:left;
}

#box_news1{
background-image:url(../img/home/box_news1.jpg);
background-repeat:no-repeat;
width:332px;
height:97px;
float:left;
margin-right:6px;
}

#box_news10{
padding-left:5px;
background-image:url(../img/home/box_news1.jpg);
background-repeat:no-repeat;
width:332px;
height:97px;
float:left;
margin-right:6px;
}

#box_news2{
background-image:url(../img/home/box_news2.jpg);
background-repeat:no-repeat;
width:250px;
height:97px;
float:left;
}

#box_news3{
background-image:url(../img/home/box_news3.jpg);
background-repeat:no-repeat;
width:332px;

float:left;
margin-right:6px;
}
.box_news3{
padding:5px;
background-image:url(../img/home/box_news3_fond.gif);
background-repeat:repeat-y;
}
.box_news3_bottom{
background-image:url(../img/home/box_news3_bottom.gif);
background-repeat:no-repeat;
height:8px;
}

#box_news4{
background-image:url(../img/home/box_news4.jpg);
background-repeat:no-repeat;
width:250px;
height:260px;
float:left;
}
.box_news4{
padding:5px;
background-image:url(../img/home/box_news4_fond.gif);
background-repeat:repeat-y;
}
.box_news4_bottom{
background-image:url(../img/home/box_news4_bottom.gif);
background-repeat:no-repeat;
height:8px;
}

.presentation{
width:105px;
height:30px;
font-family : Arial, Helvetica, sans-serif ;/* cursive ;*/
font-size:11px;
line-height:95%;
color:#003366;
margin:40px 0px 0px 50px;
padding:0px;
}

.description{
width:150px;
height:40px;
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:11px; 
line-height:95%;
color:#003366;
margin:0px 0px 0px 7px;
padding:0px;
}
.description_rouge{
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:11px; 
line-height:95%;
color:#FF0000;
font-weight:bold;
}

.lien_info{
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:11px; 
color:#003366;
margin:10px 0px 0px 36px;
padding:0px;
}
.lien_info a {
font-family : Verdana, Helvetica, sans-serif ;font-size:11px; color:#003366;font-weight:bold;text-decoration:underline;
}
a.box_news{
font-family : Verdana, Helvetica, sans-serif ;font-size:11px; color:#003366;font-weight:bold;text-decoration:underline;
}


.flag {
margin:15px 0px 0px 2px;
padding:0px;
float:left;
}
.solution { 
margin:15px 0px 0px 39px;
padding:0px;
vertical-align: middle;
clear:right;
}

.news1{
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:11px; 
color:#003366;
margin:5px 0px 0px 7px;
padding:0px;
}

p.icon {
width:155px;
line-height: 1em;
float:left;
margin:5px 0px 0px 5px;
padding:0px;
}
p.icon img, span { 
vertical-align: middle; 
}
p.icon span {
padding-left:5px;
}
.img_icon {
width:26px;
height:26px;
margin:5px 0px 0px 5px;
padding:0px;
vertical-align: middle;
float:left;
}
.txt_icon {
margin:5px 0px 0px 5px;
padding:0px;
vertical-align: middle;
width:124px;
float:left;
}


h1.home{
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:12px;
font-weight:bold;
color:#FFF;
border:0px;
padding:0px;
margin:0px;
padding-top:6px;
padding-left:10px;
height:19px;
}

h1.box_news3{
background-image:url(../img/home/box_news3_top.gif);
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:12px;
font-weight:bold;
color:#FFF;
border:0px;
padding:0px;
margin:0px;
padding-top:6px;
padding-left:10px;
height:19px;
}

h1.box_news4{
background-image:url(../img/home/box_news4_top.gif);
font-family : Verdana, Helvetica, sans-serif ;/* cursive ;*/
font-size:12px;
font-weight:bold;
color:#FFF;
border:0px;
padding:0px;
margin:0px;
padding-top:6px;
padding-left:10px;
height:19px;
}
/* infobulles css ;*/
a.info{
    position:relative; 
    
    text-decoration:none}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:2em; left:2em; width:23em;
    border:1px solid #6699cc;
    background-color:#ffffff; color:#6699cc;
    font-weight:none;
    padding:1px;
    
    }