@charset "utf-8";
/* CSS Document */

body {
margin:0;
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
}
.minHeight_txt {
min-height:340px;
}

#languageContainer {
width:110px;
height:15px;
float:right;
padding-top:13px;
}

.imgLinks {
border:none;
padding:0;
margin:0;
}
h1 {
font-size:16px;
font-weight:bold;
color:#177800;
}
p {
margin:0;
line-height:18px;
}
.txtWhite14 {
	color:#fff;
	font-size:14px;
}

a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#4658a5;
text-decoration:none;
}
a:hover {
color:#009900;
}

#contentAll {
width:960px;
margin-right:auto;
margin-left:auto;
}

#header {
background:url(../images/bg_header.jpg) no-repeat top;
width:960px;
height:103px;
margin-right:auto;
margin-left:auto;
}
#headerInfo {
	text-align:right;
	width:300px;
	margin-left:600px;
	padding-top:20px;
}

#mainMenu {
width:960px;
height:39px;
margin-right:auto;
margin-left:auto;
}

#mainContent {
background:url(../images/shadow_below_menu.jpg) no-repeat top;
width:900px;
margin-right:auto;
margin-left:auto;
padding:30px 10px 0 10px;
}
#mainContent_allWidth {
background:url(../images/shadow_below_menu.jpg) no-repeat top;
width:900px;
margin-right:auto;
margin-left:auto;
padding:18px 10px 0 10px;
}

#footer {
background:url(../images/footer.jpg) no-repeat top;
width:900px;
height:62px;
margin-right:auto;
margin-left:auto;
padding-top:36px;
text-align:center;
color:#fff;
}
#footer a {
font-size:12px;
font-weight:bold;
color:#fff;
}
#footer a:hover {
color:#00f617;
}

/* MAIN MENU -----------------------------------------------------------------------------------------------------------*/
#menuBox {
text-align:center;
width:665px;
/* for with TEMOIGNAGES and HEBERGEMENT
width:827px; */
height:20px;
margin:0 auto 0 auto;
padding-top:10px;
padding-left:0;
}
#home {
	background:url(../images/btHome.jpg) no-repeat center top;
	height:20px;
	width:64px;
	float:left;
}
#home:hover {
	background:url(../images/btHome.jpg) no-repeat center -20px;
}
#about {
	background:url(../images/btAbout.jpg) no-repeat center top;
	height:20px;
	width:83px;
	float:left;
}
#about:hover {
	background:url(../images/btAbout.jpg) no-repeat center -20px;
}
#webDesign {
	background:url(../images/btWebDesign.jpg) no-repeat center top;
	height:20px;
	width:98px;
	float:left;
}
#webDesign:hover {
	background:url(../images/btWebDesign.jpg) no-repeat center -20px;
}
#identity {
	background:url(../images/btIdentity.jpg) no-repeat center top;
	height:20px;
	width:137px;
	float:left;
}
#identity:hover {
	background:url(../images/btIdentity.jpg) no-repeat center -20px;
}
#marketing {
	background:url(../images/btMarketing.jpg) no-repeat center top;
	height:20px;
	width:78px;
	float:left;
}
#marketing:hover {
	background:url(../images/btMarketing.jpg) no-repeat center -20px;
}
#hosting {
	background:url(../images/btHebergement.jpg) no-repeat center top;
	height:20px;
	width:111px;
	float:left;
}
#hosting:hover {
	background:url(../images/btHebergement.jpg) no-repeat center -20px;
}
#testimonials {
	background:url(../images/btTemoignages.jpg) no-repeat center top;
	height:20px;
	width:109px;
	float:left;
}
#testimonials:hover {
	background:url(../images/btTemoignages.jpg) no-repeat center -20px;
}
#contact {
	background:url(../images/btContact.jpg) no-repeat center top;
	height:20px;
	width:76px;
	float:left;
}
#contact:hover {
	background:url(../images/btContact.jpg) no-repeat center -20px;
}
#emplois {
	background:url(../images/bt_jobs.jpg) no-repeat center top;
	height:20px;
	width:55px;
	float:left;
}
#emplois:hover {
	background-position: center -20px;
}
#partenaire {
	background:url(../images/bt_partner.jpg) no-repeat center top;
	height:20px;
	width:74px;
	float:left;
}
#partenaire:hover {
	background-position: center -20px;
}
#newsletter {background:url(../images/bt_bulletin.jpg) no-repeat center top; height:20px; width:70px; float:left;}
#newsletter:hover {background-position: center -20px;}

/* LEFT COLUMN -----------------------------------------------------------------------------------------------------------*/
#leftCol {
background:url(../images/bg_leftSide.jpg) repeat-y;
width:276px;
margin-left:10px;
float:left;
}

#leftCol_footer {
background:url(../images/leftSide_footer.jpg) no-repeat top;
width:276px;
height:10px;
}

#list1 {
list-style-image:url(../images/bul_green.jpg);
padding-right:10px;
padding-left:25px;
margin-bottom:10px;
margin-left:25px;
}
#list2 {
list-style-image:url(../images/bul_blue.jpg);
padding-right:10px;
padding-left:25px;
margin-left:25px;
}

/* for contact */
.contactLeft_txt {
padding-left:10px;
}
#contactBySections {
width:180px;
float:right;
height:325px;
}
.sectionItem {
margin-bottom:20px;
}
.contactName {
font-weight:bold;
color:#000033;
}
.txtItalic {
font-style:italic;
}
.colorGreen {
color:#4658a5;
}
.colorGreen:hover {
color:#009900;
}


/* RIGHT COLUMN -----------------------------------------------------------------------------------------------------------*/
#rightCol {
margin-left:312px;
top:163px;
width:577px;
min-height:556px;
}
#rightCol_contact {
margin-left:312px;
top:163px;
width:577px;
min-height:500px;
}
.txtRightSide_mainBody {
padding-right:15px;
margin-top:10px;
}
.txt_title_right_mainBody {
font-size:16px;
font-weight:bold;
color:#177800;
}
.list_mainBodyRight {
list-style-image:url(../images/bul_blue.jpg);
padding-left:20px;
}
/* DIEZEL */
#contact-emp input {
width:217px;
}
#contact-emp td {
color:#000033;
}
.intxt {
color:#000033;
display:block;
margin:5px 0;
padding:0;
}
#submit-bt {width:100px !important}
#day, #month, #year {width:72px}
#errms {color:#FF0000; font-weight:bold}
#form-container input.periode {width:150px}
#form-container input.formation {width:400px}
#form-container input.telephone {width:30px}
#form-container input.telephone2 {width:40px}
#form-container td.tt-form {color:#339a2d; font-size:13px}
#form-container td.st-form {color:#7bc27e; font-size:12px}
#contact-emp input.radio {width:15px}
#nombreaffaires, #nombreenvelopes, #nombrepamphlets, #nombredocuments, #nombrelettres {visibility:hidden}

/* DIEZEL */

/* PLAYER */
#playerHome {
width:100%;
height:293px;
padding-bottom:25px;
}


#bottomButtons_home {
width:100%;
height:186px;
}

#marketing_bt_home {
background:url(../images/home_marketing_box.jpg) no-repeat top;
width:276px;
height:100%;
margin-right:25px;
float:left;
}
#marketing_txt {
width:130px;
padding:65px 0 0 25px;
}
#marketing_home_bt {
background:url(../images/btKnowMore_home.jpg) no-repeat center top;
margin-left:20px;
margin-top:15px;
width:122px;
height:22px;
}
#marketing_home_bt:hover {
background:url(../images/btKnowMore_home.jpg) no-repeat center -22px;
}
#marketing_home_bt_2 {
background:url(../images/btKnowMore2_home.jpg) no-repeat center top;
margin-left:20px;
margin-top:15px;
width:122px;
height:22px;
}
#marketing_home_bt_2:hover {
background:url(../images/btKnowMore2_home.jpg) no-repeat center -22px;
}

#identity_bt_home {
background:url(../images/home_identity_box.jpg) no-repeat top;
width:276px;
height:100%;
float:right;
}

/* HOSTING ------------------------------------------------------ */
.title_Imgs {
margin-top:-10px;
padding-bottom:10px;
}

/* MARKETING ------------------------------------------------------ */

#imgMarketingEngines {
padding:12px 0 0 20px;
}
#marketingPlans_box {
width:564px;
height:150px;
margin-top:20px;
margin-bottom:20px;
}
.marketingBoxes {
background-color:#f6f6f6;
float:left;
width:180px;
height:100%;
margin-right:8px;
}
.mktBox_title {
width:180px;
height:46px;
}
.mktBox_txt {
width:168px;
height:90px;
padding-top:10px;
padding-left:7px;
}
.mktBox_txt_source {
font-size:10px;
color:#006600;
}
.mktBox_txt_subtitle {
font-size:12px;
font-weight:bold;
color:#006600;
}

.tableMain {
margin-top:20px;
margin-bottom:20px;
}
.table_col_a {
background-color:#00274d;
color:#fff;
font-weight:bold;
text-align:center;
width:120px;
height:22px;
}
.table_col_b {
background-color:#038700;
color:#fff;
font-weight:bold;
text-indent:25px;
width:180px;
height:22px;
}
.table_col_c {
background-color:#cfe8ff;
color:#000033;
font-weight:bold;
text-align:center;
width:120px;
height:22px;
}

/* TESTIMONIAL ----------------------------------------- */
.testimonialBox_main {
width:564px;
min-height:85px;
margin-top:20px;
margin-bottom:10px;
}
.testBox_img {
background:url(../images/bgImg_testimonials.jpg) no-repeat center top;
width:112px;
height:85px;
float:left;
}
.testBox_txt {
margin-left:130px;
padding-right:25px;
}
.textBox_separator {
width:100%;
height:7px;
}
.textBox_titleName {
color:#000033;
font-weight:bold;
}
.textBox_titleLink {
font-weight:normal;
color:#888;
}
.textBox_titleLink:hover {
color:#006600;
}
.testimonialsDiv {
width:100%;
height:1px;
}

/* PAGINATION */

#pagination {
text-align:center;
width:340px;
height:22px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
}
#pagination a {
color:#666;
font-weight:bold;
text-decoration:none;
padding:7px;
}
#pagination a:hover {
color:#00CC00;
}

#btPaginationPrev {
background:url(../images/btPag_prec.jpg) no-repeat center top;
width:97px;
height:22px;
float:left;
display:block;
}
#btPaginationPrev:hover {
background:url(../images/btPag_prec.jpg) no-repeat center -22px;
}
#btPaginationNext {
background:url(../images/btPag_suite.jpg) no-repeat center top;
width:95px;
height:22px;
float:right;
display:block;
}
#btPaginationNext:hover {
background:url(../images/btPag_suite.jpg) no-repeat center -22px;
}

/* ABOUT ------------------------------------------------ */
.aboutBoxes {
float:left;
margin-right:8px;
width:180px;
height:200px;
}
#aboutBox_container {
width:564px;
height:200px;
margin-top:20px;
margin-bottom:20px;
}

/* WEB DESIGN and IDENTITY -------------------------------- */
.title_main_big {
margin-left:10px;
padding-bottom:12px;
}
.colLeft_port {
width:577px;
height:295px;
margin-right:30px;
margin-bottom:30px;
float:left;
}
.colLeft_corporate {
width:350px;
height:230px;
margin-right:30px;
margin-bottom:30px;
float:left;
}
.colRight_port {
margin-left:460px;
min-height:450px;
width:416px;
}
#portContent {
width:865px;
margin-left:10px;
}

#btWebs {
margin-left:602px;
margin-bottom:33px;
width:263px;
height:293px;
}
.bts_internet_div {
width:263px;
height:12px;
}
.btWeb_size{
background-color:#000000;
width:263px;
height:65px;
}
#language {
width:263px;
height:65px;
background-color:#000000;
}
#btIntro {
background:url(../images/btWeb_intro.jpg) no-repeat center top;
width:263px;
height:65px;
}
#btIntro:hover {
background:url(../images/btWeb_intro.jpg) no-repeat center -65px;
}
#btBase {
background:url(../images/btWeb_base.jpg) no-repeat center top;
width:263px;
height:65px;
}
#btBase:hover {
background:url(../images/btWeb_base.jpg) no-repeat center -65px;
}
#btComplet {
background:url(../images/btWeb_complet.jpg) no-repeat center top;
width:263px;
height:65px;
}
#btComplet:hover {
background:url(../images/btWeb_complet.jpg) no-repeat center -65px;
}
#btTransactionnel {
background:url(../images/btWeb_trans.jpg) no-repeat center top;
width:263px;
height:65px;
}
#btTransactionnel:hover {
background:url(../images/btWeb_trans.jpg) no-repeat center -65px;
}

/* CONTACT -----------------------------------------------------*/
#contactForm_content {
width:370px;
background-color:#f6f6f6;
border:#e8e8e8 1px solid;
padding:10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-left:-10px;
}
.content_txt {
padding-top:10px;
}
#contactForm_content fieldset {
border:none;
paddin:0;
}
.labelsContact {
	font-weight:bold;
	width:150px;
	margin-top:10px;
}
.inputContact {
width:350px;
}
#contact_sendBt {
margin-top:15px;
margin-left:270px;
background:url(../images/btContact_send.jpg) no-repeat center top;
width:80px;
height:22px;
}
#contact_sendBt:hover {
background:url(../images/btContact_send.jpg) no-repeat center -22px;
}
#envoyerBt {
margin-top:15px;
margin-left:270px;
width:80px;
height:22px;
}
#error {
color:#ff0000;
}

/* ----------------------------------------------------- POPUP ------------------------------------- */
#popupContent {
width:430px;
height:450px;
}
.table_type_left {
background-color:#00276e;
width:260px;
height:23px;
text-align:right;
padding-right:10px;
color:#fff;
font-weight:bold;
}

.table_type_right {
background-color:#c0d3f7;
width:168px;
height:23px;
text-align:center;
padding-right:10px;
color:#00246e;
font-weight:bold;
}


/* -------------------------------------- INSCRIPTION ------------------------------ */
#inscription {background-color:#f2f2f2;}

#inscription form {margin:0 0 0 0;}
#inscription fieldset {border:none; paddin:0;}

#inscription label {color:#999; font-size:11px;}
#inscription input {width:250px;}
.ins_div {width:100%; height:7px;}

#bt_position_ins {width:80px; height:22px; margin:15px 0 0 5px;}
#bt_envoyer_ins {background:url(../images/btContact_send_old.png) no-repeat center top; width:80px; height:22px; cursor:pointer;}
#bt_envoyer_ins:hover {background-position:center -22px;}

.imgLinks2 {border:2px solid #fff; padding:0; margin:0 0 -5px 0;}
.imgLinks2:hover {border-color:#00CC00;}

.img_float_right {float:right; margin:20px 20px 13px 13px;}
#logo_subs {padding:10px 0 0 30px;}

.menu_txt_indent {text-indent:-2500px;}

/* bulletin */
#all_newsletters {width:564px; min-height:41px;}
#newsletter_top {width:564px; height:31px;}
#newsletter_bot {width:564px; height:10px; background:url(../images/bg_tousBulletin_bot.jpg);}
#bul_years {width:540px; height:23px; text-align:center; margin:auto;}
#bul_years p {color:#002b65; font-size:14px; font-weight:bold;}
#bul_years a {color:#555; font-size:14px; font-weight:bold;}
#bul_years a:hover {color:#002b65;}
#bul_years_div {width:540px; height:1px; margin:auto; background-color:#002b65;}
.bul_year_bt {width:60px; height:18px; padding-top:5px; margin:0 5px; float:left;}
.bul_year_bt_on {width:60px; height:18px; padding-top:5px; margin:0 5px; background-color:#cfcfcf; float:left;}

#newsletter_mid {background-color:#e7e7e7;}
.tableBul_mid {width:20px;}
.tableBul_content {width:250px; padding-bottom:12px; padding-top:4px;}
.tableBul_date {font-size:11px; color:#777;}
#bul_years_links a {font-size:15px; font-weight:bold; color:#002b65;}
#bul_years_links a:hover {color:#009900;}

#bul_years_links {width:500px; padding:0 10px; margin:10px auto 0 auto;}

#bt_newsletters {width:564px; height:31px; cursor:pointer; background:url(../images/bt_tousBulletins.jpg) no-repeat center top;}
#bt_newsletters:hover {background-position:center -31px;}

#width_all_bulletin {width:865px; height:25px; background:url(../images/bg_inscription_wide.jpg) no-repeat center top; margin-left:10px;}
#subscribe {width:276px; height:35px; cursor:pointer; display:block; background:url(../images/bt_inscription.jpg) no-repeat center top;}
#subscribe:hover {background-position:center -35px;}
#subscribe_trans {width:276px; height:25px; cursor:pointer; display:block; background:url(../images/bt_inscription2.png) no-repeat center top;}
#subscribe_trans:hover {background-position:center -25px;}

#bt_inscriptionTitle {position:absolute; margin:82px 0 0 36px;}

#bt_brochure {width:276px; height:32px; display:block; cursor:pointer; background:url(../images/bt_brochure.png) no-repeat center top; text-indent:-2000px; background-color:#FFFFFF;}
#bt_brochure:hover {background-position:center -32px;}