/*-- Général  --*/

body {
height: 100%;
width: 100%;
padding: 0;
margin:0;
font-family: tahoma, Arial;
font-size: 11px;
color: #737C83;
}

img { border: 0; }

h1 {
margin-bottom : 8px;
margin-top : 7px;
text-align:left;
padding-left:17px;
font-size:11px;
background: url(../img/fleche_orange.gif) left top no-repeat;
}

h2 {
color: #C91415;
font-weight: bold;
font-size: 10px;
}

h3 {
padding-left:15px;
font-size:11px;
font-family: tahoma, Arial;
font-weight: normal;
background: url(../img/arrows_red2.gif) left top no-repeat;
}

h4 {
padding-left:15px;
font-size:11px;
font-family: tahoma, Arial;
font-weight: normal;
}

em { font-style: italic; }

a { text-decoration: none; }

a:hover { text-decoration: underline; }

span.oneline {
white-space:nowrap;
}

hr { padding-top : 0px; padding-bottom:0px; margin-top : 8px; margin-bottom : 5px; }




/*-- En-tete  --*/

div#header {  height:221px; width:100%; background: url(../img/taling.jpg) top right repeat; }

img#beforelogo { float:left;  }
img#logo {  position:absolute; left:21px; top:0;  }
img#beforehautfond { position:absolute; left:751px; top:0;  }


/*-- Contenu --*/

div#container {
float:left;
text-align: left;
width: 100%;
border: 0;
margin:0;
padding:0;
background-color: rgb(214,224,233);  /* bleuté */
}

div#content {
float: left;
margin: 0;
padding-left: 21px;
padding-bottom: 25px;
width: 754px;
min-height: 400px;
/* grisé avec bannière verticale sur la droite*/
background: rgb(231,234,243)  url(../img/leftdown.jpg) right top repeat-y;
}

img.leftpadding { float: left; padding: 0px 6px 0px 0px; }

a.lientitre {
color: gray;
font-weight: bold;
font-style:italic;
}

a.liensimple {
color: gray;
padding-left:15px;
}

a.liengris {
color: gray;
background: url(../img/arrows_red2.gif) left top no-repeat;
}

a.liengrisgras {
color: gray;
font-weight: bold;
background: url(../img/arrows_red2.gif) left top no-repeat;
padding-left:15px;
}

a.lienrouge {
color: #e00000;
background: url(../img/arrows_red2.gif) left top no-repeat;
padding-left:15px;
}


/*-- Page : acceuil --*/

div#subcontent {
float:left;
width: 413px;
padding: 10px 10px 25px 10px;
background-color: white;
border-style: solid;
border-right-width: 4px;
border-left-width:0;
border-top-width:0;
border-bottom-width:4px;
border-right-color: rgb(211,214,223); /* gris semi-foncé */
border-bottom-color: rgb(208,22,23);  /* rouge foncé */
}

div#contentgauche3 {
float:left;
width: 184px;
margin: 0px 0px 0 0px;
}

div#contentcentre3 {
float:left;
width: 190px;
margin: 0px 0px 0 10px;
padding-left: 10px;
border-left-width: 1px;
border-style: solid;
border-right-width:0;
border-top-width:0;
border-bottom-width:0;
border-left-color: rgb(210,213,220);
}

div#contentdroite3 {
float:left;
width: 280px;
margin: 10px 10px 0 10px;
background-color: rgb(231,234,243);
}

/*-- Page: equipe --*/

a.decale { margin-left: 15px; text-decoration: underline; }

div#subcontent2 {
float:left;
width: 403px;
padding: 10px 20px 25px 10px;
background-color: white;
border-right-width: 0;
border-style: solid;
border-left-width:0;
border-top-width:0;
border-bottom-width:4px;
border-bottom-color: rgb(208,22,23);  /* rouge foncé */
}

div#contenthaut4 {
float:left;
clear:both;
width: 100%;
height: 130px;
margin-right:10px;
}

div#contentgauchebas4 {
float:left;
margin-right:12px;
}

div#contentdroitebas4 {
float:right;
width: 50%;
padding-left:12px;
padding-right:12px;
}

div#contentdroite4 {
background-color: rgb(231,234,243);
float:left;
width: 283px;
padding: 10px 0px 10px 10px;
border-left-width: 4px;
border-style: solid;
border-right-width:0;
border-top-width:0;
border-bottom-width:4px;
border-left-color: rgb(211,214,223);  /* gris semi-foncé */
border-bottom-color: rgb(208,22,23);  /* rouge foncé */
}

/*-- Pages : creation de site/traduction de site/solutions-ebusiness/referencement --*/

div#subcontent3 {
float:left;
width: 413px;
padding: 10px 10px 10px 10px;
background-color: white;
border-style: solid;
border-right-width: 4px;
border-left-width:0;
border-top-width:0;
border-bottom-width:4px;
border-right-color: rgb(211,214,223);
border-bottom-color: rgb(208,22,23);  /* rouge foncé */
}

div#contentdroite2 {
background-color: rgb(231,234,243);
float:left;
width: 270px;
margin: 10px 10px 0 10px;
padding-bottom: 25px;
}

/*-- Page: traduction de site --*/
div#contentdroite2marge {
background-color: rgb(231,234,243);
float:left;
width: 282px;
margin: 10px 10px 0 0;
padding-bottom: 25px;
padding-left:10px;
border-left-width: 0;
border-style: solid;
border-right-width:0;
border-top-width:0;
border-bottom-width:4px;
border-bottom-color: rgb(208,22,23);  /* rouge foncé */
}

/*-- Pages:  references/partenaires/mentions légales --*/

div#subcontent1 {
float:left;
width: 675px;
padding: 10px 10px 25px 10px;
background-color: white;
border-right-width: 4px;
border-style: solid;
border-left-width:0;
border-top-width:0;
border-bottom-width:4px;
border-right-color: rgb(211,214,223);
border-bottom-color: rgb(208,22,23);  /* rouge foncé */
}

/*-- Pages : login_sheet / contact --*/

div#subcontent5 {
float:left;
width: 413px;
padding: 10px 10px 10px 10px;
text-align:right;
background-color: white;
border-style: solid;
border-right-width: 4px;
border-left-width:0;
border-top-width:0;
border-bottom-width:4px;
border-right-color: rgb(211,214,223);
border-bottom-color: rgb(208,22,23);  /* rouge foncé */
}

input.contactchamp {
margin-left:15px;
width: 300px;
border-style:solid;
border-width:1px;
border-color:#888888;
padding-left: 3px;
}

.contacttext {
margin-left:15px;
width:300px;
font-family: tahoma, Arial;
font-size: 12px;
padding-left: 3px;   
}

button#buttonvalid {
float:right;
background: url(../img/submit.gif) no-repeat;
}

/*-- Pages : Paiement sécurisé --*/

.liste {
  margin-top : 15px;
  padding-top : 0px;
}

.liste li {
  padding-bottom: 5px;
}

a { text-decoration: underline; color:#737C83; }
a:hover { text-decoration: underline; text-weight:bold; }





/*-- Pied de page --*/

div#footer { clear: both; min-height: 77px; width: 100%; }

img#bandeaubas { float: left; height: 8px ; width: 100%; }

span.liensbas { float:left; margin: 10px 0 0 20px; width:100%; }
.liensbas a { font-size: 10px; color: #737C83; text-decoration: none; }
.liensbas a:hover { text-decoration: underline; }

span.before_bas { float:left; margin: 10px 0 0 20px; font-size: 10px; color: #737C83; width:100%; }
.before_bas a { text-decoration: none; font-size: 10px; color: #737C83; }
.before_bas a:hover { text-decoration: none; font-size: 10px; color: #737C83; }


/*-- Zone Map pour le logo --*/

div#maps { visibility: hidden; }