/*---------------------------GLOBAL---------------------------*/

html{
margin:0px;
}

body{
background:#e4dfda;
font-family:Century Gothic, Verdana, Arial;
margin:0px;
width:100%;
height:100%;
}

h1{
color:#D90049;
font-weight:bold;
font-size:22px;
margin:0px;
padding:0px;
}

h2{
color:#181818;
font-weight:bold;
font-size:14px;
margin:0px;
padding:0px;
}

h3{
color:#D90049;
font-weight:normal;
font-size:17px;
margin:0px;
padding:0px;
}

h4{
color:#958c7c;
font-weight:normal;
font-size:15px;
margin:0px;
padding:0px;
}

a{
color:#958c7c;
}

a:hover{
color:#D90049;
}

p{
margin:0px;
font-size:12px;
padding:5px 0px;
}

img{
border:none;
}

input{
background:#d8d9da;
border:1px solid #9e9689;
}

hr{
color:#9d9588;
}

/*---------------------------PRINCIPAUX CONTENEURS---------------------------*/

#site{
background:#ffffff;
width:1024px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

#content{
background:#FFFFFF;
padding:0px;
clear:both;
float:left;
}

#donnees {
clear:both;
}

/*---------------------------BANDEAU---------------------------*/

#bandeau{
height:121px;
padding:0px;
background:#e4dfda;
}

#bloc_logo{
padding-top:10px;
margin:0px 0px 0px 0px;
width:251px;
height:103px;
float:left
}

#bloc_mobile{
padding-top:10px;
margin:0px 15px 0px 45px;
width:524px;
height:103px;
float:left;
text-align:right;
}

#bloc_demo{
padding-top:10px;
margin:0px 0px 0px 0px;
height:103px;
}

#menu_princ{
float:left; 
width:1024px; 
background:#e4dfda; 
height:40px;
}

#langue_site{
background:#e4dfda;
float:left;
width:50px;
color:#968d7c;
font-size:11px;
font-weight:bold;
text-align:right;
padding-top:10px;
padding-right:5px;
}

#langue_site a{
color:#968d7c;
text-decoration:none;
font-size:12px;
font-weight:bold;
}

/*---------------------------ZONING---------------------------*/

#zone1{
float:left;
padding:0px;
width:1024px;
}

/*---------------------------RESEAUX---------------------------*/

#reseaux_sociaux{
background:#ffffff;
text-align:right;
padding-top:10px;
padding-right:0px;
padding-bottom:3px;
}

/*---------------------------PIED---------------------------*/
#bas{
border-top:solid 2px #dbd8d3;
background:#ffffff;
clear:both;
float:left;
color:#181818;
}

#bas .coordonnees{
clear:both;
float:left;
width:1024px;
line-height:30px;
color:#181818;
font-size:12px;
text-align:center;
float:left;
padding:0px;
}

#bas .coordonnees p{
clear:both;
float:left;
width:1024px;
line-height:30px;
color:#776a5a;
font-size:12px;
text-align:center;
float:left;
padding:0px;
}

#bas .liens_outils{
line-height:26px;
color:#968d7d;
font-size:12px;
text-align:center;
float:left;
width:524px;
padding:5px 250px;
}

#bas .liens_outils ul{
list-style:none;
white-space:nowrap;
text-align:center;
height:23px;
padding-left:30px;
}

#bas .liens_outils li{
margin:0;
display:inline;
float:left;
padding:0px 7px;
}

#bas .liens_outils li a{
background:url('portail/menu_outil_spec2.gif') no-repeat left top;
display:block;
padding: 0px 0px 0px 15px;
line-height:23px;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}

#bas .liens_outils li a span {
background:url('portail/menu_outil_spec2.gif') no-repeat right top;
display:block;
padding: 0px 15px 0px 0px;
line-height:23px;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}

#bas .copyright{
color:#776a5a;
font-size:11px;
text-align:center;
width:1024px;
padding:0px 0px 10px 0px;
}

#bas .copyright a{
font-weight:normal;
color:#776a5a;
font-size:10px;
text-decoration:none;
}

/*--------------------------- ARTICLES ---------------------------*/

.document {
padding:0px;
width:1024px;
float:left;
margin:0px;
}

.demande_demo{
padding:10px 20px 10px 630px;
width:374px;
height:95px;
float:left;
text-align:right;
margin:0px 0px 0px 0px;
}

/*---------ACCUEIL----------*/

.accueil {
background:#ffffff url('portail/accueil_bg.gif') no-repeat bottom left;
padding:0px;
width:1024px;
height:580px;
float:left;
margin:0px 0px 0px 0px;
}

.accueil_texte{
padding:30px 20px 10px 430px;
width:574px;
float:left;
margin:0px 0px 0px 0px;
}

.accueil_texte h1{
font-size:18px;
font-weight:bold;
color:#da0046;
padding:10px 0px;
margin:0px;
line-height:18px;
}

/*---------PRESSE----------*/

.presse {
background:#ffffff url('portail/presse_bg.gif') no-repeat top left;
padding:0px;
width:1024px;
height:560px;
float:left;
margin:0px 0px 0px 0px;
}

.presse_texte{
background:#f5f4f3;
border:solid 1px #da0046;
margin:20px 115px 20px 120px;
overflow: scroll;
width:700px;
height:400px;
float:right;
padding:10px;
}

.presse_texte h1{
font-size:19px;
font-weight:bold;
color:#da0046;
padding:10px 0px;
margin:0px;
line-height:18px;
text-transform:uppercase;
}

.presse_texte h2{
font-size:15px;
color:#696969;
padding:5px 0 10px 0;
margin:0px 0 10px 0;
line-height:18px;
border-bottom-style:dotted;
border-bottom-width:thin;
border-bottom-color:#a19689;
}

.presse_contact{
background:#f5f4f3;
border:solid 1px #da0046;
margin:20px 120px 20px 120px;
overflow: scroll;
width:760px;
height:500px;
float:left;
padding:10px;
}

.presse_contact h1{
font-size:18px;
font-weight:bold;
color:#da0046;
padding:10px 0px;
margin:0px;
line-height:18px;
}

.presse_archive h3{
font-size:15px;
font-weight:bold;
color:#da0046;
padding:10px 0px;
margin:0px;
line-height:18px;
text-transform:uppercase;
}

.presse_archive .suite{
font-size:14px;
color:#a19689;
padding:0 0 10px 0;
margin:0px 0 0 0;
line-height:18px;
font-style:italic;
border-bottom-style:dotted;
border-bottom-width:thin;
border-bottom-color:#a19689;
}

/*---------ENTREPRISE----------*/

.entreprise {
background:#ffffff url('portail/entreprise_bg.gif') no-repeat top left;
padding:0px;
width:1024px;
height:800px;
float:left;
margin:0px 0px 0px 0px;
}

.entreprise_texte{
padding:30px 20px 10px 430px;
width:554px;
float:left;
margin:0px 0px 0px 0px;
}

.entreprise_texte h1{
font-size:18px;
font-weight:bold;
color:#da0046;
padding:10px 0px;
margin:0px;
line-height:18px;
}

.entreprise_texte h2{
font-size:16px;
font-weight:bold;
color:#da0046;
padding:10px 0px;
margin:0px;
line-height:18px;
}

/*---------SAVOIR-FAIRE----------*/

.savoirfaire {
background:#ffffff url('portail/savoir-faire.jpg') no-repeat top left;
padding:0px;
width:1024px;
height:500px;
float:left;
margin:0px 0px 0px 0px;
}

.savoirfaire_texte{
padding:30px 20px 10px 450px;
width:554px;
float:left;
margin:0px 0px 0px 0px;
}

.savoirfaire_texte h1{
font-size:18px;
font-weight:bold;
color:#da0046;
padding:10px 0px;
margin:0px;
line-height:18px;
}

/*---------DATAPRESSE RECRUTE----------*/

.datapresserecrute {
background:#ffffff url('portail/savoir-faire.jpg') no-repeat top left;
padding:0px;
width:1024px;
height:1900px;
float:left;
margin:0px 0px 0px 0px;
}

.datapresserecrute_texte{
padding:30px 20px 10px 450px;
width:554px;
float:left;
margin:0px 0px 0px 0px;
}

.datapresserecrute_texte h1{
font-size:18px;
font-weight:bold;
color:#da0046;
padding:10px 0px;
margin:0px;
line-height:18px;
}

/*---------SERVICE DOC----------*/

.servicedoc {
background:#ffffff url('portail/service_documentation.jpg') no-repeat top left;
padding:0px;
width:1024px;
height:500px;
float:left;
margin:0px 0px 0px 0px;
}

.servicedoc_texte{
padding:30px 20px 10px 450px;
width:554px;
float:left;
margin:0px 0px 0px 0px;
}

.servicedoc_texte h1{
font-size:18px;
font-weight:bold;
color:#da0046;
padding:10px 0px;
margin:0px;
line-height:18px;
}


/*---------SERVICE INFO----------*/

.serviceinfo {
background:#ffffff url('portail/services_bg.jpg') no-repeat top left;
padding:0px;
width:1024px;
height:500px;
float:left;
margin:0px 0px 0px 0px;
}

.serviceinfo_texte{
padding:30px 20px 10px 450px;
width:554px;
float:left;
margin:0px 0px 0px 0px;
}

.serviceinfo_texte h1{
font-size:18px;
font-weight:bold;
color:#da0046;
padding:10px 0px;
margin:0px;
line-height:18px;
}


/*---------SERVICE ASSISTANCE----------*/

.serviceassist {
background:#ffffff url('portail/servicesassist_bg.jpg') no-repeat top left;
padding:0px;
width:1024px;
height:500px;
float:left;
margin:0px 0px 0px 0px;
}

.serviceassist_texte{
padding:30px 20px 10px 450px;
width:554px;
float:left;
margin:0px 0px 0px 0px;
}

.serviceassist_texte h1{
font-size:18px;
font-weight:bold;
color:#da0046;
padding:10px 0px;
margin:0px;
line-height:18px;
}

/*---------OFFRE-----------*/

.offre_intro {
padding:0px;
width:924px;
float:left;
font-size:13px;
margin:20px 2px 0px 80px;
}

.offre{
padding:0px;
width:554px;
height:550px;
float:left;
margin:0px 0px 20px 20px;
}

.offre_fichier{
padding:0px;
width:554px;
float:left;
margin:0px 0px 0px 0px;
}


.offre_fichier .contenu{
background:#ffffff url('portail/offre_separateur.gif') repeat-y top left;
padding-left:60px;
font-size:13px;
}

.offre_appli{
padding:0px;
width:554px;
float:left;
margin:0px 0px 0px 0px;
}


.offre_appli .contenu{
background:#ffffff url('portail/offre_separateur.gif') repeat-y top left;
padding-left:60px;
font-size:13px;
}

.offre_service{
padding:0px;
width:554px;
float:left;
margin:0px 0px 0px 0px;
}

.offre_service .contenu{
padding-left:60px;
font-size:13px;
}

.offre_service .demo{
float:right;
padding-right:20px;
}

.offre_article{
padding:0px;
width:430px;
float:left;
margin:0px 20px 0px 0px;
}

.popup{
width:430px;
}

.popup .entete_popup{
background:#776A5A;
height:20px;
width:430px;
float:left;
}

.popup .entete_popup h1{
font-size:14px;
line-height:14px;
padding:3px 10px;
color:#FFFFFF;
font-weight:bold;
}

.popup .popup_contenu{
background:#f5f4f3 url('portail/popup_bg.gif') no-repeat bottom left;
width:410px;
float:left;
margin:0px 0px 10px 0px;
color:#776A5A;
fint-size:11px;
padding:10px;
}

/*---------HOMMES----------*/

.hommes {
background:#ffffff url('portail/hommes_bg2.jpg') no-repeat top left;
padding:0px;
width:1024px;
height:560px;
float:left;
margin:0px 0px 0px 0px;
}

.hommes_texte{
padding:10px 20px 10px 20px;
width:984px;
float:left;
margin:0px 0px 0px 0px;
}

.hommes_titre{
padding:0px;
float:left;
width:984px;
margin:0px 0px 0px 0px;
}

.hommes_titre h1{
font-size:18px;
font-weight:bold;
color:#da0046;
padding:10px 0px;
margin:0px;
line-height:18px;
}

.hommes_ligne1{
padding:0px;
width:984px;
float:left;
margin:270px 0px 0px 0px;
}

.contact1{
padding:0px 20px 0px 0px;
width:180px;
float:left;
margin:0px;
text-align:center;
font-size:13px;
}

.contact3{
padding:0px 0px 0px 172px;
width:230px;
float:left;
margin:0px;
text-align:center;
font-size:13px;
}

.contact5{
padding:0px 0px 0px 202px;
width:170px;
float:left;
margin:0px;
text-align:center;
font-size:13px;
}

.hommes_ligne2{
padding:0px;
width:1000px;
float:left;
margin:120px 0px 0px 0px;
}

.contact2{
padding:0px 0px 0px 140px;
width:300px;
float:left;
margin:0px;
text-align:center;
font-size:13px;
}

.contact4{
padding:0px 0px 0px 110px;
width:300px;
float:left;
margin:0px;
text-align:center;
font-size:13px;
}

/*---------PARTENAIRES----------*/

.client {
background:#ffffff url('portail/partenaires.jpg') no-repeat top left;
padding:0px;
width:1024px;
float:left;
margin:0px 0px 0px 0px;
}

.client_texte{
padding:30px 20px 10px 450px;
width:554px;
float:left;
margin:0px 0px 0px 0px;
}

.client_texte h1{
font-size:18px;
font-weight:bold;
color:#da0046;
padding:10px 0px;
margin:0px;
line-height:18px;
}

/*---------VOCUS----------*/

.vocus {
background:#ffffff url('portail/vocus_bg.gif') no-repeat top left;
padding:0px;
width:1024px;
height:550px;
float:left;
margin:0px 0px 0px 0px;
}

.vocus_texte{
padding:30px 20px 10px 450px;
width:554px;
float:left;
margin:0px 0px 0px 0px;
}

.vocus_texte h1{
font-size:18px;
font-weight:bold;
color:#da0046;
padding:10px 0px;
margin:0px;
line-height:18px;
}

.img_left{
float:left;
padding:0px 10px 10px 0px;
}

.div_left{
width:50%;
background-color: #eeeeee;
float:left;
margin:0px 10px 10px 0px;
}

span.bouton {
display:inline-block;
line-height:30px;
padding:0 0 0 10px;
}
span.bouton a {
color:#FFFFFF;
display:inline-block;
font-size:11px;
line-height:20px;
padding:0 10px 0 0;
text-decoration:none;
}

.texte {
font-size:12px;
color:#181818;
}
.libelle {
color:#da0046;
font-size:14px;
font-weight:bold;
}
.titre {
color:#da0046;
font-size:16px;
font-weight:bold;
}
.titrekeyleo{
color:#D90049;
font-weight:bold;
font-size:22px;
margin:0px;
padding:0px;
}

/*---------------------- TABLES -----------------------*/

.table{
background:#ffffff;
margin:0px;
border:1px solid #da0046;
}
.table tr{
}
.table td, .table th{
line-height:20px;
padding:2px 10px;
}
.table td.entete_table, .table tr.entete_table td{
background-color:#da0046;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 10px;
}

/*-------------------------- PLAN DU SITE ---------------------------*/
h1.plan_niveau {
border-bottom:2px solid #eeeeee;
color:#004CA0;
font-size:14px;
font-weight:normal;
margin:2px 0;
}

h2.plan_niveau {
color:#004CA0;
font-size:12px;
font-weight:normal;
margin:2px 0;
padding-left:20px;
border:0px;
}

h3.plan_niveau {
color:#004CA0;
font-size:10px;
font-weight:normal;
margin:2px 0;
padding-left:40px;
border:0px;
}

#plan_site ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

td .col_info {
background:#FFFFFF url(portail/back_info.gif) no-repeat top left;
height:105px;
width:547px;
line-height:15px;
padding:10px 15px 10px 15px;
}