/* CSS Document */

/*********************************************************************************************************************************************
                                   ******************************constantes***************************
*********************************************************************************************************************************************/

body{
  margin: 0px; /* pour éviter les marges */
  text-align: center; /* pour corriger le bug de centrage IE */
  font-family: Arial, Verdena, sherif;
  font-size: 11px;
  color: black;
}

#page{
width: 980px;
margin: auto;
text-align: left; /* on rétablit l'alignement normal du texte */

}

img
{
  border: none;
}

a
{
  text-decoration: none;
}

.gras
{
  font-weight: bold;
}


.couleur_bleu
{
  color: #336699;
  font-weight: bold;
}

.texte_justifie
{
  text-align: justify;
}

/***************************titre / sous _titre **************************************/
h2
{
  color: #999999;
  width: 230px;
  font-size: 24px;
}

.sous_titre_bleu
{
  color: #336699;
  font-weight: bold;
  font-size: 14px;
}

.sous_titre
{
  padding-bottom: 10px;
  margin: 0px;
  clear: left;
}

/*************** cadre souvent utilisé ************************************************/

#page_milieu
{
float: left;
width: 980px;
height: auto;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
z-index: 1;
}

#page_milieu_gauche
{
  float: left;
  width: 340px;
  padding-left: 28px;
}

#page_milieu_gauche p
{
  text-align: justify;
}

#page_milieu_centre
{
  float: left;
  width: 335px;
  padding-left: 10px;
  padding-right: 15px;
  padding-top: 50px;
  
}

#page_milieu_droite{
  float: right;
  margin: 20px 0 20px 0;
  padding: 0px;
  width: 243px;
  height: 326px;
  background-image: url(images/news.jpg);
  background-repeat: no-repeat; 
}

.toute_longueur_page
{
  margin: 0 0px 0 28px;
  padding: 0px;
  width: 665px;
  clear: left;
  text-align: justify;
}

.toute_longueur_page p
{
  margin: 0;
  padding: 10px 0 10px 0;
}

/*********************** liste et puce *************************************************************/

.liste_plus
{
  list-style-image: url(images/puce_plus.jpg);
  padding: 0 0 0 25px;
  margin: 0px;
  width: 260px;
  float: left;
}

.liste_trait
{
  list-style-image: url(images/puce_trait.jpg);
  padding: 0 0 0 25px;
  margin: 0px;
}

.liste_sans_puce
{
  list-style-type: none;
  padding: 0 0 0 10px;
  margin: 0px;
  width: 640px;
}

.liste_ronde
{
  list-style-image: url(images/puce_ronde.jpg);
  padding: 0 0 0 25px;
  margin: 0px;
  /*width: 250px;*/
}


/******************************** news actualités *****************************************************/
.texte
{
  clear: left;
}

#texte_news
{
  padding-left: 5px;
  margin-top: 40px;
  float: left;
  height: 155px;
}

.titre_news
{
  float: left;
  width: 210px;
  font-size: 12px;
  padding-top: 25px;
}

.souligner_actualites
{
  text-decoration: underline;
  color: #316497;
}

.texte_news
{
  clear: left;
  width: 200px;
  padding-top: 2px;
  padding-left: 15px;
}

.lien_en_savoir_plus
{
  padding-left: 120px;
  font-weight: bold;
}

.lien_en_savoir_plus a
{
  color: #316497;
}

.lien_en_savoir_plus a:hover
{
    text-decoration: underline;
}

#dynamips_recrute
{
  margin-top: 20px;
}

#dynamips_recrute a
{
  border: none;
}

/*********************************************************************************************************************************************
                                   ******************************header***************************
*********************************************************************************************************************************************/

#bandeau_haut
{
  float :left;
  height: 172px;
  margin : 0px;
  padding : 0px;
  background-image: url(images/bandeau_haut.jpg);
  background-repeat: no-repeat;
}

#bandeau_accueil
{
  clear: left;
  padding-top: 50px;
  padding-left: 15px;
  font-size: 14px;
  font-weight: bold;
}

#bandeau_accueil a
{
  color: #6E8DAC;
}

#bandeau_accueil a:hover
{
  text-decoration: underline
}

/*********************************************************************************************************************************************
                                   ******************************menu***************************
*********************************************************************************************************************************************/

#sous
{
  clear: left;
  position: relative;
  margin: 0px;
  margin-top: -3px;
  padding: 0px;
}

#sous_menu_haut_4
{
  width: 102px;
  position: absolute;
  left: 380px;
}

#menu_haut_4_ligne1 img
{
  vertical-align: bottom;
}
#menu_haut_4_ligne2 img
{
  vertical-align: bottom;
}
#menu_haut_4_ligne3 img
{
  vertical-align: bottom;
}
#menu_haut_4_ligne4 img
{
  vertical-align: bottom;
}
#menu_haut_4_ligne5 img
{
  vertical-align: bottom;
}

#sous_menu_haut_5
{
  width: 150px;
  position: absolute;
  left: 487px;
}

#menu_haut_5_ligne1 img
{
vertical-align: top;
}
#menu_haut_5_ligne2 img
{
vertical-align: top;
}

#menu_haut_5_ligne3 img
{
vertical-align: top;
}

#menu_haut_5_ligne4 img
{
vertical-align: top;
}

#menu_haut_5_ligne5 img
{
vertical-align: top;
}


#menu_haut{
clear: left;
height: 40px;
margin : 0px;
padding-top : 8px;
padding-left : 45px;
vertical-align: top;
}

#bouton_haut1 {
float: left;
padding-left: 7px;
}

#bouton_haut2 {
float: left;
padding-left: 7px;
}

#bouton_haut3 {
float: left;
padding-left: 7px;
}

#bouton_haut4 {
float: left;
padding-left: 7px;
}

#bouton_haut5 {
float: left;
padding-left: 7px;
}

#bouton_haut6 {
float: left;
padding-left: 7px;
}

#bouton_haut7 {
float: left;
padding-left: 7px;
}

#bouton_haut8 {
float: left;
padding-left: 7px;
}


/*********************************************************************************************************************************************
                                   ******************************index***************************
*********************************************************************************************************************************************/

#page_haut{
float: left;
width: 980px;
height: 233px;
margin : 0px;
border-top: 1px #000000 solid;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
background-image: url(images/bandeau_haut.jpg);
background-repeat: no-repeat;
}

#page_milieu_droite__accueil{
  float: right;
  margin: 20px 0 20px 0;
  padding: 0px;
  width: 243px;
  height: 441px;
  background-image: url(images/actualites_accueil.jpg);
  background-repeat: no-repeat; 
}

.titre_news__index
{
  float: left;
  width: 210px;
  font-size: 12px;
  padding-top: 15px;
}

#photo
{
  float: left;
  padding: 40px 0 20px 50px;
  margin: 0px;
}

#nom_directeur
{
  padding-bottom: 30px;
}

#page_milieu_gauche__index{
float: left;
padding-top : 55px;
padding-left: 28px;
margin: 0px;
width: 165px;
height: auto;
}

.bouton_gauche {
float: left;
margin-top: 5px;
}

#encartNewsletter
{
float:left;
margin-top:113px;
}

#formulaireAdresse
{
width:163px;
height:47px;
border: 1px #e9e9e9 solid;
background-color:#f5f5f5;
}

#formNewsletter
{
margin-top:13px;
}

#encartNewsletter #formulaireAdresse .msg
{
  text-align:center;
  /*font-weight:bold;*/
}

#inputAddMail
{
border: 1px #e9e9e9 solid;
background-color:#fcfcfc;
width:129px;
height:20px;
}

#btnSubmitNews
{
width:25px;
height:22px;
padding-top:0;
padding-left:1px;
border: 1px #cccccc solid;
background-color:#003366;
color:#FFF;
}

#page_milieu_centre__index{
float: left;
width: 470px;
height: auto;
margin: 20px 10px 0 30px;
padding: 0px;
}

#texte_haut {
  float: left;
  width: 200px;
  margin: 0px;
  padding: 0px;
  text-align: justify;
}

#texte_haut h2
{
  width: 150px;
}

#texte_centre  {
  text-align: justify;
  clear: left;
  width: 410px;
  height: 70px;
}

#texte_bas {
  text-align: justify;
  clear: left;
  width: 410px;
  height: 70px;
}

#image_recrute {
clear: right;
float : right;
height: 71px;
margin-top:-4px;
padding-right : 40px;
background-image: url(images/fond_bleu_centre3px.jpg);
background-repeat: repeat-y;
background-position : right bottom;
}


#flash__index
{
  float: right;
  padding-bottom: 10px;
  padding-top: 20px;
  padding-right: 25px;
  margin: 0px;
  padding-left: 0px;
}


/*********************************************************************************************************************************************
                                   ******************************presentation***************************
*********************************************************************************************************************************************/
#milieu_gauche_ligne2__presentation
{
  clear: left;
  width: 340px;
}

#milieu_centre_ligne2__presentation
{
  float: left;
  width: 330px;
  padding-left: 10px;
  padding-top: 40px;
}

#dates_cles
{
  background-image: url(images/dates_cles.jpg);
  background-repeat: no-repeat;
  margin-left: 28px;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-top: 5px;
  width: 680px;
  height: 256px;
  clear: left;
  line-height: 18px;
}

#liste_image__presentation
{
  clear: left;
  width: 700px;
  padding-left: 28px;
}

#image_equipe
{
  float: left;
  width: 395px;
  height: 100px;
}

#lien_dynamips__presentation
{
  color: black;
}

#lien_dynamips__presentation:hover
{
  text-decoration: underline;
}

/*********************************************************************************************************************************************
                                   ******************************actualites***************************
*********************************************************************************************************************************************/

#liste_articles
{
  width: 580px;
  padding-left: 80px;
  float: left;
}

.un_article_voir
{
  clear: left;
  width: 550px;
  padding: 10px;
  border-bottom: 1px #000000 solid;
}

.titre__actualites
{
  float: left;
  width: 350px;
  color: #316497;
  font-size: 18px;
  padding-left: 15px;
  padding-bottom: 10px;
}

.txt_court
{
  clear: left;
    color: #3f6e9e;
    font-size: 14px;
}

.txt_long
{
  clear: left;
  text-align: justify;
  width: 550px;
  min-height: 80px;
}

.date_news
{
  float: right;
  font-weight: bold;
  font-size: 16px;
}

/*********************************************************************************************************************************************
                                   ******************************distribution***************************
*********************************************************************************************************************************************/

#page_haut_gauche__distribution
{
  float: left;
  width: 340px;
  padding-left: 28px;
  padding-top: 20px;
}

#image_preferred_partner
{
  background-image: url("images/preferred_partner.jpg");
  background-repeat: no-repeat;
  float: left;
  width: /*325px*/ 343px;
  height: /*214px*/ 230px;
  margin-top: 20px;
  padding: 0px;
  color: white;
}

#titre_preferred_partner
{
  font-size: 14px;
  margin: 0px;
  padding-top: 40px;
  padding-left: 30px;
  width: 250px;
}

#texte_preferred_partner
{
  font-size: 11px;
  margin: 0px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 20px;
  text-align: justify;
}

#page_bas__distribution
{
  width: 700px;
  margin: 0px;
  padding-left: 28px;
  padding-bottom: 40px;
}

#page_bas__distribution p
{
    padding-left: 20px;
    margin-top: 0px;
    text-align: justify;
    width: 650px;
}

/*********************************************************************************************************************************************
                                   ******************************securite***************************
*********************************************************************************************************************************************/

#solution_securite
{
  float: left;
  padding-top: 40px;
  padding-left: 28px;
  padding-right: 50px;
  width: 300px;
}

#sophos_email_appliances
{
  background-image: url(images/sophos_email_appliances.jpg);
  background-repeat: no-repeat;
  width: 325px;
  height: 239px;
  color: white;
  font-size: 11px;
  float: left;
  margin-bottom: 20px;
}

#sous_titre_sophos
{
  font-size: 12px;
  font-weight: bold;
  padding-top: 40px;
  padding-left: 10px;
}

#texte_sophos
{
  padding-top: 30px;
  padding-left: 10px;
  padding-bottom: 20px;
  width: 300px;
  text-align: justify;
  line-height: 17px;
}

#microsoft_rms_2008
{
  clear: left;
  background-image: url(images/microsoft_serveur.jpg);
  background-repeat: no-repeat;
  width: 670px;
  height: 151px;
  margin-left: 32px;
  margin-bottom: 20px;
}

#sous_titre_microsoft
{
  padding-top: 30px;
  padding-left: 10px; 
  font-weight: bold;
}

#texte_microsoft
{
  padding-left: 10px;
  padding-top: 20px;
  line-height: 20px;
}

/*********************************************************************************************************************************************
                                   ******************************partenaires***************************
*********************************************************************************************************************************************/
#page_milieu_gauche__partenaires
{
    width: 700px;
    padding-left: 28px;
}

.partenaires
{
    padding-left: 15px;
} 
.partenaires hr
{
    clear: left;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0px;
}

.image_partenaires
{
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px;
}

.texte_partenaires
{
    float: left;
    width: 500px;
    padding-top: 10px;
    padding-left: 40px;
    text-align: justify;
}

.txtDoubleTake
{
padding-top:0px;
}

.txtFujitsu
{
padding-top:22px;
}

.texteCitrix
{
padding-top:15px;
}

.txtHp
{
padding-top:19px;
}

.sous_titre__partenaires
{
  clear: left;
  padding-top: 15px;
}

/*********************************************************************************************************************************************
                                   ******************************contact***************************
*********************************************************************************************************************************************/
#contact
{
  padding-top: 50px;
  padding-left: 28px; 
  padding-bottom: 30px; 
  margin: 0px;
  font-weight: bold;
  width: 250px;
  float: left;
}

.adresse__contact
{
  background-image: url(images/adresse_contact.jpg);
  background-repeat: no-repeat;
  width: 215px;
  height: 93px;
  margin-top: 15px;
}

.texte_adresse__contact
{
  padding-top: 5px;
  padding-left: 10px;
}

.nom_agence
{
  color: #999999;
  font-size: 12px;
}

.bouton_plan_acces
{
  margin-top: -5px;
  margin-left: 140px;
  padding: 0px;
}

#info_contact
{
  clear: left;
  background-image: url(images/info_contact.jpg);
  background-repeat: no-repeat;
  width: 917px;
  height: 183px;
  margin-left: 35px;
  padding-top: 40px;
  padding-left: 10px;
  font-size: 12px;
}

#info_contact table
{
  width: 500px;
  float: left;
}

#info_contact td
{
  font-size: 12px;
}

#textarea
{
  float: left;
  margin: 0px;
  padding: 0px;
}

#textarea p
{
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
}

#bouton_envoyer__contact
{
  margin-left: 800px;
}

#carte
{
  float: left;
  margin: 20px 0 0 15px;
  padding: 0px;
  width: 424px;
  height: 366px;
}

table input
{
  background-color: white;
}

/*********************************************************************************************************************************************
                                   ******************************recrutement***************************
*********************************************************************************************************************************************/
.sous_titre__recrutement
{
  color: #336699;
  font-size: 14px;
  clear: left;
  padding-bottom: 5px;
}

.boiteBas
{
/*margin-bottom:15px;*/
}

#tous_poste
{
  width: 730px;
  height: 499px;
  padding: 0 0 0 0px;
  margin: 0px;
}

.image__recrutement
{
  float: left;
  background-image: url(images/recrutement.jpg);
  background-repeat: no-repeat;
  width: 337px;
  height: 173px;
  margin-left: 18px;
  margin-top: 10px;
  padding: 0px;
}

#posteCentral
{
margin-top:10px;
clear:left;
float:left;
background-image:url('images/encartOffre.jpg');
background-repeat:no-repeat;
width:692px;
height:107px;
margin-left:18px;
}

#sousTitreFirstPost
{
float:left;
color:#336699;
font-weight:bold;
font-size:14px;
padding-top:0;
padding-bottom:0;
margin-bottom:0;
margin-left:5px;
}

#leTitre
{
margin-top:15px;
margin-left:15px;
float:left;
}

#laPuce
{
float:left;
margin-top:2px;
}

#txtFirstPoste
{
clear:both;
float:left;
margin-top:5px;
margin-left:15px;
text-align:justify;
width:95%;
}

#leLien
{
clear:both!important;
margin-left:80%;
margin-top:0;
margin-bottom:0;
color:#336699;
}

#lienFirstPoste
{
margin-top:5px;
padding-top:0;
padding-bottom:0;
color:#336699;
font-weight:bold;
}

.poste_gauche
{
clear: left;
float: left;
width: 325px;
padding: 5px;
text-align: justify;
margin: 0px;
}

.poste_droit
{
  float: left;
  width: 325px;
  padding: 5px;
  text-align: justify;
  margin: 0px;
}

#homme_recrute
{
  float: left;
  padding-right: 10px;
  width: 150px;
  height: 195px;
}

#texte_homme_recrute
{
  line-height: 15px;
  margin: 0px;
  padding: 0px;
}

#texte_homme_recrute p
{
  margin: 0px;
  padding: 0px 0 25px 0;
}

#texte_homme_recrute a
{
  color: black;
}

#titre_poste_pouvoir__recrutement
{
  color: #336699;
  font-size: 14px;
  clear: left;
  padding-left: 35px;
  padding-top: 15px;
  padding-bottom: 0px;
  margin: 0px;
  width: 200px;
}

/*********************************************************************************************************************************************
                                   ******************************système - infrastructure***************************
*********************************************************************************************************************************************/

#liste__systeme
{
  width: 330px;
  clear: left;
  float: left;
  padding-left: 28px;
  margin-top: 30px;
  padding-top: 0px;
}

#virtualisation
{
  float: left;
  background-image: url(images/virtualisation.jpg);
  background-repeat: no-repeat;
  width: 326px;
  height: 232px;
  text-align: justify;
  color: white;
  margin-top: 20px;
  padding-top: 0px;
  margin: 15px;
}

#titre_virtualisation__systeme
{
  font-weight: bold;
  padding-top: 10px;
  padding-left: 10px;
  font-size: 14px;
  width: 300px;
}

#texte_virtualisation__systeme
{
  padding-top: 10px;
  padding-left: 10px;
  width: 300px;
  line-height: 17px;
}

#plan_reprise
{
 clear: left;
 background-image: url(images/plan_reprise.jpg);
 background-repeat: no-repeat;
 width: 672px;
 height: 150px;
 margin-top: 0px;
 margin-left: 28px;
 padding: 0px;
}

#titre_plan_reprise__systeme
{
 font-weight: bold;
 padding-left: 15px;
 padding-top: 10px;
 margin: 0px;
}

#texte_plan_reprise__systeme
{
  padding-left: 15px;
  padding-top: 20px;
  margin: 0px;
  text-align: justify;
  width: 650px;
  line-height: 17px;
}

/*********************************************************************************************************************************************
                                   ******************************réseau LAN - WAN***************************
*********************************************************************************************************************************************/
#liste__reseau
{
  clear: left;
  float: left;
  width: 250px;
  padding-left: 28px;
  padding-top: 30px;
  padding-bottom: 80px;
  margin: 0px;
}

#image_reseau
{
  position: absolute;
  top: -130px;
  left: 265px;
}

#relative
{
  position: relative;
}

#solution_vpn
{
  clear: left;
  background-image: url(images/image_reseau_2.jpg);
  background-repeat: no-repeat;
  width: 710px;
  height: 183px;
  padding: 15px 15px 0 15px;
  margin-left: 28px;
  margin-bottom: 20px;
  line-height: 16px;
  
}

#titre_solution_vpn
{
  width: 200px;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 20px;
}

#texte_solution_vpn
{
  width: 640px;
  text-align: justify;
}


/*********************************************************************************************************************************************
                                   ******************************Travail Collaboratif - Mobilité***************************
*********************************************************************************************************************************************/

#liste__travail
{
  clear: left;
  float: left;
  width: 250px;
  padding-left: 28px;
  padding-top: 20px;
  padding-bottom: 80px;
  margin: 0px;
}

#image_office_2007
{
  position: absolute;
  top: -130px;
  left: 265px;
}

#image__travail
{
  clear: left;
  background-image: url(images/image_travail_bas.jpg);
  background-repeat: no-repeat;
  width: 714px;
  height: 200px;
  margin: 0 0px 20px 15px;
  line-height: 16px;
}

#titre_bas__travail
{
  font-weight: bold;
  margin: 0px;
  font-size: 14px;
  width: 200px;
  padding: 10px 50px 20px 20px;
}

#texte_bas__travail
{
  width: 660px;
  line-height: 20px;
  text-align: justify;
  padding-left: 20px;
}


/*********************************************************************************************************************************************
                                   ******************************Location évolutive***************************
*********************************************************************************************************************************************/
#liste__location_evolutive
{
  float: left;
  width: 320px;
  padding-left: 28px;
  padding-top: 30px;
  padding-bottom: 15px;
  margin: 0px;
}

#image_evolution
{
  float: left;
  background-image: url(images/image_location.jpg);
  background-repeat: no-repeat;
  width: 329px;
  height: 208px;
  margin: 30px 0 0 40px;
  padding: 0 0 20px 0;
  color: white;
}

#titre_image__evolution
{
  font-size: 14px;
  width: 120px;
  padding: 45px 0 0 13px;
}

#texte_image__evolution
{
  padding: 20px 0 20px 13px;
  margin: 0px;
  text-align: justify;
  width: 300px;
}

/*********************************************************************************************************************************************
                                   ******************************Services***************************
*********************************************************************************************************************************************/
.lien__services
{
  clear: left;
  background-image: url(images/image__services.jpg);
  background-repeat: no-repeat;
  width: 506px;
  height: 62px;
  margin-left: 100px;
  font-size: 13px;
  vertical-align: bottom;
  margin-top: 20px;
}

.titre_lien__services
{
  float: left;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  width: 120px;
  text-align : center;
  padding-top: 20px;
}

.lien_1_ligne
{
  padding-left: 140px;
  padding-top: 20px;
}


#lien_3_lignes
{
  float: left;
  margin-top: -13px;
  padding-left: 20px;
  padding-top: 20px;
}

.lien__services a
{
  color: #336699;
  font-weight: bold;
}

.lien__services a:hover
{
  color: white;
}

/*********************************************************************************************************************************************
                                   ******************************maintenance***************************
*********************************************************************************************************************************************/
#titre_contrat__maintenance
{
  padding-left: 210px;
  padding-bottom: 20px;
  padding-top: 10px;
  margin: 0px;
  font-weight: bold;
  font-size: 13px;
  clear: left;
}

.titre_tableau_haut__maintenance
{
  color: #336699;
}

#tableau__maintenance
{
  border: none;
  font-size: 11px;
}

#tableau__maintenance .titre_tableau__maintenance 
{
 text-align: right;
 padding-right: 20px;
 width: 200px;
 font-weight: normal;
}

#tableau__maintenance td
{
  text-align: center;
  width: 131px;
  font-weight: bold;
  padding-right: 20px;
}

.image_contrat__maintenance
{
  background-image: url(images/image_contrat__maintenance.jpg);
  background-repeat: no-repeat;
  height: 23px;
}

#image__maintenance
{
  background-image: url(images/image__maintenance.jpg);
  background-repeat: no-repeat;
  width: 693px;
  height: 184px;
  margin-top: 60px;
  margin-left: 28px;
  margin-bottom: 10px;
  padding-left: 20px;
}

#texte_haut__maintenance
{
  clear: left;
  color: #336699;
  font-weight: bold;
}

#texte_milieu__maintenance
{
  padding-top: 30px;
  line-height: 16px;
}

#texte_bas__maintenance
{
  padding-top: 20px;
}

/*********************************************************************************************************************************************
                                   ******************************Solutions***************************
*********************************************************************************************************************************************/
#ensemble_titre__solutions
{
  float: left;
  width: 700px;
  padding: 0 0 0 28px;
  margin: 0px;
  text-align: center;
  line-height: 18px;
}

.imageFond_titre__solutions
{
  float: left;
  background-image: url(images/titre__solutions.jpg);
  background-repeat: no-repeat;
  width: 120px;
  height: 62px;
  margin-right: 17px;
  margin-top: 10px;
  font-weight: bold;
}

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

.titre__solutions a
{
  color: #336699;
}

.titre__solutions a:hover
{
  color: white;
}

#ensemble_corps__solutions
{
  clear: left;
  width: 700px;
  padding: 0 0 0 28px;
  text-align: center;
  line-height: 18px;
  color: white;
  margin: 0 0 0 0;
}

.imageFond_corps__solutions
{
  float: left;
  background-image: url(images/corp__solutions.jpg);
  background-repeat: no-repeat;
  width: 118px;
  height: 166px;
  margin-right: 19px;
  margin-top: 10px;
}

.corps__solutions
{
  padding-top: 15px;
}

/*********************************************************************************************************************************************
                                   ***************Assistance technique - Hotline - Télémaintenance***************************
*********************************************************************************************************************************************/
#gauche_image__hotline
{
  float: left;
  padding-left: 28px;
  padding-top: 15px;
  width: 460px;
  padding-right: 20px;
  margin: 0 0 0 0px;
  text-align: justify;
}

#image__hotline
{
  float: left;
  width: 184px;
  height: 104px;
  margin: 0px;
  padding: 5px 0 0 0;
}

#image_bas__hotline
{
  clear: left;
  background-image: url(images/image_bas__hotline.jpg);
  background-repeat: no-repeat;
  width: 661px;
  height: 59px;
  margin-top: 20px;
  margin-left: 28px;
  margin-bottom: 20px;
  padding: 0px;
  line-height: 16px;
}

#image_bas__hotline p
{
  padding: 10px 0px 0 0;
  margin: 0px;
  text-align: center;
}

/*********************************************************************************************************************************************
                                   ***************Administration - Supervision - Infogérance***************************
*********************************************************************************************************************************************/
#gauche_image__administration
{
  float: left;
  padding-left: 28px;
  padding-top: 20px;
  width: 465px;
  padding-right: 20px;
  text-align: justify;
}

#image__administration
{
  float: left;
  width: 182px;
  height: 102px;
  padding-top: 5px;
}

/*********************************************************************************************************************************************
                                   *************** Installation - Déploiement - transfert de compétences***************************
*********************************************************************************************************************************************/
#gauche_image__installation
{
  float: left;
  padding-left: 28px;
  padding-top: 20px;
  width: 455px;
  padding-right: 20px;
  text-align: justify;
}

#image__installation
{
  float: left;
  width: 192px;
  height: 131px;
  padding-top: 35px;
}

/*********************************************************************************************************************************************
                                          *************** Prepage ******************
*********************************************************************************************************************************************/
#prepage
{
  background-image: url(images/prepage.jpg);
  background-repeat: no-repeat;
  width: 829px;
  height: 490px;
  padding: 0px;
  margin: auto;
  text-align: left;
}

#logo_dynamips_grand_public
{
  float: left;
  width:190px;
  height: 85px;
  margin-left: 20px;
  margin-top: 15px;
  padding: 0px;
}

#bouton_espace_particuliers
{
  float: left;
  width: 162px;
  height: 34px;
  margin-left: 120px;
  margin-top: 50px;
  padding: 0px;
}

#texte_gauche__preface
{
  clear: left;
  float: left;
  width: 335px;
  height: 200px;
  padding-left: 30px;
  padding-top: 30px;
  margin: 0px;
}

#texte_droite__preface
{
  float: left;
  width: 335px;
  height: 200px;
  padding-left: 95px;
  padding-top: 30px;
  margin: 0px;
}

.titre__prepage
{
  color: #336699;
  font-size: 14px;
  padding-bottom: 15px;
  margin: 0px;
}

.texte__prepage
{
  text-align: justify;
}

#bouton_espace_professionnels
{
  clear: left;
  float: left;
  width: 162px;
  height: 34px;
  padding-left: 330px;
  padding-top: 85px;
  margin: 0px;
  
}

#logo_dynamips_entreprise
{
  float: left;
  width: 193px;
  height: 76px;
  margin-left: 120px;
  margin-top: 52px;
  padding: 0px;
}

/*********************************************************************************************************************************************
                                   *************** Conseil - Audit - Veille ***************************
*********************************************************************************************************************************************/
#gauche_image__audit
{
  float: left;
  padding-left: 28px;
  padding-top: 20px;
  width: 445px;
  padding-right: 20px;
  text-align: justify;
}

#image__audit
{
  float: left;
  width: 192px;
  height: 131px;
}
/*********************************************************************************************************************************************
                                   ******************************footer***************************
*********************************************************************************************************************************************/

#page_bas{
float : left;
width: 980px;
height: 48px;
margin : 0px;
padding: 0px;
background-image: url(images/bandeau_bas.jpg);
background-repeat: no-repeat;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
vertical-align: bottom;
}

#texte_bandeau_bas{
float: left;
text-align: center;
padding-top : 12px;
padding-left : 200px;
font-size: 65%;
color : white;
font-size: 9px;
}

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

#icon_w3c{
clear : right;
float : right;
width: 100px;
height: 20px;
padding-top : 25px;

}

#texte_bandeau_bas a:link{
color : white;
text-decoration: none;
}

#texte_bandeau_bas a:visited{
color : white;
text-decoration: none;
}

#texte_bandeau_bas a:hover{
color : white;
text-decoration: none;
}

/*********************************************************************************************************************************************
                                   *************** Mentions légales ***************************
*********************************************************************************************************************************************/


#page_mentions_legales{
float:left;
width:680px;
text-align: justify;
margin-left:20px;
}