body {
font-family:Arial, Helvetica, sans-serif;
font-size: 62.5%;
margin: 0;
padding: 0;
color: #3c3c3c;
text-align: center;
}

p {margin: 0 0 10px 0; color: #524E4E; line-height: 16px;  font-size: 11px;}

input {font-size: 11px; padding: 1px;}

a { text-decoration: underline; }
a:hover {text-decoration: none; }

dl, dt, dd {
margin: 0;
padding: 0;
list-style-type: none;
}
.accueil {
	color: #524E4E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;


}
.gris {
	color: #3c3c3c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;


}

.gris_clair {
	color: #6d6d6d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;



}

.rouge {
color: #9F0000;
font-weight: bold;
}

.orange {
	color: #EF6500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}

.orange_clair {
	color: #E7A20E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}
.vert {
	color: #33B300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}

.bleu_clair {
	color: #11A3FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}

.bleu {
	color: #0056A7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}

#header {
height: 105px;
background-image: url(../images/header.jpg);
}

#header #frm_loginForm {
height: 60px;
padding: 1px;
}

#header #frm_loginForm #frm_login {
color: #aaaaaa;
}

#header #frm_loginForm #frm_pwd {
color: #aaaaaa;
}

#header #frm_loginForm #flags {
margin-top: 35px;
float: right;
margin-right: 18px;
}

/********************** LINKS HOME , CONTACT & SITE MAP *******************************/
#header #frm_loginForm #link_home {
margin-top: 19px;
margin-left: 662px;
width: 12px;
height: 15px;
float: left;	
}
#header #frm_loginForm #link_home:hover {text-decoration: none;}

#header #frm_loginForm #link_contact {
margin-top: 19px;
margin-left: 25px;
width: 12px;
height: 15px;
float: left;	
}
#header #frm_loginForm #link_contact:hover {text-decoration: none;}

#header #frm_loginForm #link_sitemap {
margin-top: 19px;
margin-left: 30px;
width: 12px;
height: 15px;
float: left;	
}
#header #frm_loginForm #link_sitemap:hover {text-decoration: none;}
/***********************************   LOGIN FORM ****************************************************/

#header #frm_loginForm #sep3 {
float: right;
margin-right: 25px;
margin-top: 27px;
}
#header #frm_loginForm #btn_login{
float: right;
margin-right: 15px;
margin-top: 32px;
}
#header #frm_loginForm #frm_login{
float: right;
border: 1px solid #b3b3b3;
height: 15px;
margin-right: 5px;
width: 125px;
margin-top: 32px;
}
#header #frm_loginForm #frm_pwd{
float: right;
border: 1px solid #b3b3b3;
height: 15px;
margin-right: 5px;
width: 125px;
margin-top: 32px;
}
#header #frm_loginForm #frm_lang{
float: right;
border: 1px solid #b3b3b3;
height: 15px;
width: 125px;
font-size: 0.9em;
margin-right: 25px;
margin-top: 32px;
/*background-color: #ffffff;*/
color: #ffffff;
}
/************************************************************************************************/


#conteneur {
position: relative;
width: 766px;
margin: 0 auto; 
background-color:#FFFFFF;
text-align: left;
}
#centre {
background-color:#ffffff;
margin-left: 200px;
margin-top: 2px;
}


#gauche {
padding: 0px;
float:left;
width: 191px;
float: left;
}


#sep {
clear: both;
height: 15px;
background-color: #FFFFFF;
}

#pied {
height: 72px;
background-color: #ffffff;
background-image: url(../images/footer.gif);
}
#pied2 {
height: 72px;
background-color: #ffffff;
background-image: url(../images/footer_interne.gif);
}

#pied #links {
	margin-top: 15px;
	float: right;
	font-size: 0.9em;
}
#pied2 #links {
	margin-top: 15px;
	float: right;
	font-size: 0.9em;
}
.menugauche {
/*list-style-type: none;*/
margin: 0;
padding:0;
background-color: #ffffff;
}
/*
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
*/

#gauche #demo_interactive {
background-image: url(../images/demo_interactive.jpg);
height: 220px;
width: 191px;
}

#gauche #rappel_rapide {
background-image: url(../images/rappel_rapide.gif);
height: 151px;
width: 191px;
padding-top: 1px;
margin-top: 10px;
}

#gauche #rappel_rapide form {
margin-top: 35px;
margin-bottom: 1px;
width: 100%;

}

#gauche #rappel_rapide form .input_text{
border: 1px solid #cdcdcd; 
width: 90%;
color: #aaaaaa;
}

#gauche #rappel_rapide form #btn_send{
float: right;
margin-right: 15px;
}

/***********************************************************************************************/
#smenu2 ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


#menu {
margin-top: 2px;
}
#menu {
width: 191px;
}
#menu dt {
cursor: pointer;
background: #cccccc;
}
#menu li {
background: #ffffff;
}
#menu li a, #menu dt a {
color: #000000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover, #menu dt a:hover {
background: #eeeeee;
}

#menu #mnu_accueil {
background-image: url(../images/b_01_accueil_off.gif);
width: 191px;
height: 30px;
}

#menu #mnu_accueil:hover {
background-image: url(../images/b_01_accueil_on.gif);
width: 191px;
height: 30px;
}


#menu #mnu_produits {
background-image: url(../images/b_02_produits_off.gif);
width: 191px;
height: 26px;
}
#menu #mnu_produits:hover {
background-image: url(../images/b_02_produits_on.gif);
width: 191px;
height: 26px;
}


#menu #mnu_emailing {
background-image: url(../images/b_03_emailing_off.gif);
width: 191px;
height: 22px;
}
#menu #mnu_emailing:hover {
background-image: url(../images/b_03_emailing_on.gif);
width: 191px;
height: 22px;
}
#menu #mnu_bid {
background-image: url(../images/b_04_bidmanagement_off.gif);
width: 191px;
height: 21px;
}
#menu #mnu_bid:hover {
background-image: url(../images/b_04_bidmanagement_on.gif);
width: 191px;
height: 21px;
}
#menu #mnu_adserving {
background-image: url(../images/b_05_adserving_off.gif);
width: 191px;
height: 21px;
}
#menu #mnu_adserving:hover {
background-image: url(../images/b_05_adserving_on.gif);
width: 191px;
height: 21px;
}
#menu #mnu_sa {
background-image: url(../images/b_06_siteanalysis_off.gif);
width: 191px;
height: 21px;
}
#menu #mnu_sa:hover {
background-image: url(../images/b_06_siteanalysis_on.gif);
width: 191px;
height: 21px;
}
#menu #mnu_dw2 {
background-image: url(../images/b_07_dataweb_off.gif);
width: 191px;
height: 21px;
}
#menu #mnu_dw2:hover {
background-image: url(../images/b_07_dataweb_on.gif);
width: 191px;
height: 21px;
}
#menu #mnu_services {
background-image: url(../images/b_08_services_off.gif);
width: 191px;
height: 25px;
}
#menu #mnu_services:hover {
background-image: url(../images/b_08_services_on.gif);
width: 191px;
height: 25px;
}
#menu #mnu_societe {
background-image: url(../images/b_09_societe_off.gif);
width: 191px;
height: 25px;
}
#menu #mnu_societe:hover {
background-image: url(../images/b_09_societe_on.gif);
width: 191px;
height: 25px;
}
#menu #mnu_demos {
background-image: url(../images/b_10_demos_off.gif);
width: 191px;
height: 26px;
}
#menu #mnu_demos:hover {
background-image: url(../images/b_10_demos_on.gif);
width: 191px;
height: 26px;
}
#menu #mnu_contact {
background-image: url(../images/b_11_contacts_off.gif);
width: 191px;
height: 26px;
}
#menu #mnu_contact:hover {
background-image: url(../images/b_11_contacts_on.gif);
width: 191px;
height: 26px;
}
/****************************************************************************************/
#centre #banner1 {
width: 559px;
}

#centre #presentation {
text-align: justify;
width: 530px;
border: 1px solid #E7E7E7 ;
background-color: #F3F3F3;
margin-top: 20px;
padding: 15px;
}

#centre #header_prd1 {
margin-top: 23px;
width: 559px;
height: 38px;
background-image: url(../images/header_prd1.gif);
}

#centre .prd_block {
float: left;
margin-left: 10px;
width: 170px;
height: 60px;
margin-top: 15px;
}



#centre #header_prd2 {
margin-top: 25px;
width: 374px;
height: 38px;
background-image: url(../images/header_prd2.gif);
}


#centre #edatiscaussi {
float: right;
margin-left: 8px;
margin-top: 25px;
width: 177px;
height: 160px;
padding: 0;
background-image: url(../images/edatis_caussi2.gif);
}


#centre #edatiscaussi #comment {
width: 92%;
margin-top: 60px;
margin-left: 15px;
}


/*****************************************************************************************************/
/****************************** 	TEMPLATE 		INTERNE		   ***********************************/
/*****************************************************************************************************/

#centre_interne {
background-color:#ffffff;
margin-left: 164px;
margin-top: 2px;
}

#gauche_interne {
padding: 0px;
float:left;
width: 157px;
float: left;
}

#gauche_interne #rappel_rapide_bidmanagement {
background-image: url(../images/rappel_rapide_bidmanagement.gif);
height: 161px;
width: 157px;
padding-top: 1px;
margin-top: 10px;
}

#gauche_interne #rappel_rapide_bidmanagement form {
margin-top: 35px;
margin-bottom: 1px;
width: 100%;
}

#gauche_interne #rappel_rapide_bidmanagement form .input_text{
border: 1px solid #cdcdcd; 
width: 90%;
color: #aaaaaa;
}

#gauche_interne #rappel_rapide_bidmanagement form #btn_send{
float: right;
margin-right: 5px;
}

/******/

#gauche_interne #rappel_rapide {
background-image: url(../images/rappel_rapide1.gif);
height: 171px;
width: 157px;
padding-top: 1px;
margin-top: 10px;
}

#gauche_interne #rappel_rapide form {
margin-top: 35px;
margin-bottom: 1px;
width: 100%;
}

#gauche_interne #rappel_rapide form .input_text{
border: 1px solid #cdcdcd; 
width: 90%;
color: #aaaaaa;
}

#gauche_interne #rappel_rapide form #btn_send{
float: right;
margin-right: 5px;
}

/******/

#gauche_interne #rappel_rapide_dataweb {
background-image: url(../images/rappel_rapide2_dataweb.gif);
height: 161px;
width: 157px;
padding-top: 1px;
margin-top: 10px;
}

#gauche_interne #rappel_rapide_dataweb form {
margin-top: 35px;
margin-bottom: 1px;
width: 100%;
}

#gauche_interne #rappel_rapide_dataweb form .input_text{
border: 1px solid #cdcdcd; 
width: 90%;
color: #aaaaaa;
}

#gauche_interne #rappel_rapide_dataweb form #btn_send{
float: right;
margin-right: 5px;
}

/******/

#gauche_interne #rappel_rapide_siteanalysis {
background-image: url(../images/rappel_rapide2_siteanalysis.gif);
height: 161px;
width: 157px;
padding-top: 1px;
margin-top: 10px;
}

#gauche_interne #rappel_rapide_siteanalysis form {
margin-top: 35px;
margin-bottom: 1px;
width: 100%;
}

#gauche_interne #rappel_rapide_siteanalysis form .input_text{
border: 1px solid #cdcdcd; 
width: 90%;
color: #aaaaaa;
}

#gauche_interne #rappel_rapide_siteanalysis form #btn_send{
float: right;
margin-right: 5px;
}

/******/

#gauche_interne #rappel_rapide_emailing {
background-image: url(../images/rappel_rapide2_emailing.gif);
height: 161px;
width: 157px;
padding-top: 1px;
margin-top: 10px;
}

#gauche_interne #rappel_rapide_emailing form {
margin-top: 35px;
margin-bottom: 1px;
width: 100%;
}

#gauche_interne #rappel_rapide_emailing form .input_text{
border: 1px solid #cdcdcd; 
width: 90%;
color: #aaaaaa;
}

#gauche_interne #rappel_rapide_emailing form #btn_send{
float: right;
margin-right: 5px;
}

/******/

#gauche_interne #rappel_rapide_adserving {
background-image: url(../images/rappel_rapide2_adserving.gif);
height: 161px;
width: 157px;
padding-top: 1px;
margin-top: 10px;
}

#gauche_interne #rappel_rapide_adserving form {
margin-top: 35px;
margin-bottom: 1px;
width: 100%;
}

#gauche_interne #rappel_rapide_adserving form .input_text{
border: 1px solid #cdcdcd; 
width: 90%;
color: #aaaaaa;
}

#gauche_interne #rappel_rapide_adserving form #btn_send{
float: right;
margin-right: 5px;
}
/***********************************************************************************************/
#menu_interne {
margin-top: 2px;
width: 157px;
}

#menu_interne dt {
cursor: pointer;
background: #cccccc;
}
#menu_interne li {
background: #ffffff;
}
#menu_interne li a, #menu_interne dt a {
color: #000000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu_interne li a:hover, #menu_interne dt a:hover {
background: #eeeeee;
}


/****************************************************************************************/
/***************** ACCUEIL **********************/
#menu_interne #mnu_accueil {
background-image: url(../images/b_011_accueil_off.gif);
width: 157px;
height: 30px;
}

#menu_interne #mnu_accueil:hover {
background-image: url(../images/b_011_accueil_on.gif);
width: 157px;
height: 30px;
}

#menu_interne .mnu_accueil_selected {
background-image: url(../images/b_011_accueil_on.gif);
width: 157px;
height: 30px;
}
#menu_interne .mnu_accueil_selected:hover {
background-image: url(../images/b_011_accueil_on.gif);
width: 157px;
height: 30px;
}
/***************** ACCUEIL **********************/

/***************** PRODUITS  **********************/
#menu_interne #mnu_produits {
background-image: url(../images/b_021_produits_off.gif);
width: 157px;
height: 26px;
}
#menu_interne #mnu_produits:hover {
background-image: url(../images/b_021_produits_on.gif);
width: 157px;
height: 26px;
}
#menu_interne #mnu_produits_selected {
background-image: url(../images/b_021_produits_on.gif);
width: 157px;
height: 26px;
}
#menu_interne #mnu_produits_selected:hover {
background-image: url(../images/b_021_produits_on.gif);
width: 157px;
height: 26px;
}
/***************** PRODUITS  **********************/


/***************** EMAILING  **********************/
#menu_interne #mnu_emailing {
background-image: url(../images/b_031_emailing_off.gif);
width: 157px;
height: 22px;
}
#menu_interne #mnu_emailing:hover {
background-image: url(../images/b_031_emailing_on.gif);
width: 157px;
height: 22px;
}
#menu_interne #mnu_emailing_selected {
background-image: url(../images/b_031_emailing_on.gif);
width: 157px;
height: 22px;
}
#menu_interne #mnu_emailing_selected:hover {
background-image: url(../images/b_031_emailing_on.gif);
width: 157px;
height: 22px;
}
/***************** EMAILING  **********************/

/***************** BID  **********************/
#menu_interne #mnu_bid {
background-image: url(../images/b_041_bidmanagement_off.gif);
width: 157px;
height: 21px;
}
#menu_interne #mnu_bid:hover {
background-image: url(../images/b_041_bidmanagement_on.gif);
width: 157px;
height: 21px;
}
#menu_interne #mnu_bid_selected {
background-image: url(../images/b_041_bidmanagement_on.gif);
width: 157px;
height: 21px;
}
#menu_interne #mnu_bid_selected:hover {
background-image: url(../images/b_041_bidmanagement_on.gif);
width: 157px;
height: 21px;
}
/***************** BID  **********************/

/***************** ADSERVING  **********************/
#menu_interne #mnu_adserving {
background-image: url(../images/b_051_adserving_off.gif);
width: 157px;
height: 21px;
}
#menu_interne #mnu_adserving:hover {
background-image: url(../images/b_051_adserving_on.gif);
width: 157px;
height: 21px;
}
#menu_interne #mnu_adserving_selected {
background-image: url(../images/b_051_adserving_on.gif);
width: 157px;
height: 21px;
}
#menu_interne #mnu_adserving_selected:hover {
background-image: url(../images/b_051_adserving_on.gif);
width: 157px;
height: 21px;
}
/***************** ADSERVING  **********************/

/***************** SA  **********************/
#menu_interne #mnu_sa {
background-image: url(../images/b_061_siteanalysis_off.gif);
width: 157px;
height: 21px;
}
#menu_interne #mnu_sa:hover {
background-image: url(../images/b_061_siteanalysis_on.gif);
width: 157px;
height: 21px;
}
#menu_interne #mnu_sa_selected {
background-image: url(../images/b_061_siteanalysis_on.gif);
width: 157px;
height: 21px;
}
#menu_interne #mnu_sa_selected:hover {
background-image: url(../images/b_061_siteanalysis_on.gif);
width: 157px;
height: 21px;
}
/***************** SA  **********************/

/***************** DW2  **********************/
#menu_interne #mnu_dw2 {
background-image: url(../images/b_071_dataweb_off.gif);
width: 157px;
height: 21px;
}
#menu_interne #mnu_dw2:hover {
background-image: url(../images/b_071_dataweb_on.gif);
width: 157px;
height: 21px;
}
#menu_interne #mnu_dw2_selected {
background-image: url(../images/b_071_dataweb_on.gif);
width: 157px;
height: 21px;
}
#menu_interne #mnu_dw2_selected:hover {
background-image: url(../images/b_071_dataweb_on.gif);
width: 157px;
height: 21px;
}
/***************** DW2  **********************/


/***************** SERVICES  **********************/
#menu_interne #mnu_services {
background-image: url(../images/b_081_services_off.gif);
width: 157px;
height: 25px;
}
#menu_interne #mnu_services:hover {
background-image: url(../images/b_081_services_on.gif);
width: 157px;
height: 25px;
}
#menu_interne #mnu_services_selected {
background-image: url(../images/b_081_services_on.gif);
width: 157px;
height: 25px;
}
#menu_interne #mnu_services_selected:hover {
background-image: url(../images/b_081_services_on.gif);
width: 157px;
height: 25px;
}
/***************** SERVICES  **********************/


/***************** SOCIETE  **********************/
#menu_interne #mnu_societe {
background-image: url(../images/b_091_societe_off.gif);
width: 157px;
height: 25px;
}
#menu_interne #mnu_societe:hover {
background-image: url(../images/b_091_societe_on.gif);
width: 157px;
height: 25px;
}
#menu_interne #mnu_societe_selected {
background-image: url(../images/b_091_societe_on.gif);
width: 157px;
height: 25px;
}
#menu_interne #mnu_societe_selected:hover {
background-image: url(../images/b_091_societe_on.gif);
width: 157px;
height: 25px;
}
/***************** SOCIETE  **********************/

/***************** DEMOS  **********************/
#menu_interne #mnu_demos {
background-image: url(../images/b_101_demos_off.gif);
width: 157px;
height: 26px;
}
#menu_interne #mnu_demos:hover {
background-image: url(../images/b_101_demos_on.gif);
width: 157px;
height: 26px;
}
#menu_interne #mnu_demos_selected {
background-image: url(../images/b_101_demos_on.gif);
width: 157px;
height: 26px;
}
#menu_interne #mnu_demos_selected:hover {
background-image: url(../images/b_101_demos_on.gif);
width: 157px;
height: 26px;
}
/***************** DEMOS  **********************/


/***************** CONTACT  **********************/
#menu_interne #mnu_contact {
background-image: url(../images/b_111_contacts_off.gif);
width: 157px;
height: 26px;
}
#menu_interne #mnu_contact:hover {
background-image: url(../images/b_111_contacts_on.gif);
width: 157px;
height: 26px;
}
#menu_interne #mnu_contact_selected {
background-image: url(../images/b_111_contacts_on.gif);
width: 157px;
height: 26px;
}
#menu_interne #mnu_contact_selected:hover {
background-image: url(../images/b_111_contacts_on.gif);
width: 157px;
height: 26px;
}

/***************** CONTACT  **********************/


/***************** WEB CALLBACK **********************/

#gauche #link_callback {
background-image: url(../images/callback_menuhome.gif);
height: 128px;
width: 191px;
}

#gauche_interne #link_callback {
background-image: url(../images/callback_menu_interne.gif);
height: 127px;
width: 157px;
}