body {
        background: white;
        padding: 0;
        margin: 0;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 800px;
}

#header {
	margin: 0 0 15px 0;
	background: white;
}

#side-a {
             float: left;
             text-align: center;
	     width: 180px;
             vertical-align:bottom;
             position:relative;
}

#side-b { 
	margin: 0;
             padding: 0px;
	float: right;
	width: 620px;
	height: 1% /* Holly hack for Peekaboo Bug */
        background: white;
}

#footer {
	clear: both;
	background: white;
}

.pub_gauche { 
	bottom:0;
	overflow:auto;
	position:absolute;
} 


#wrapper_estimation {
	text-align: right;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 580px;
}

#wrapper_sondage {
	text-align: right;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 580px;
}

#col_estimation1 {
             float: left;
             height: 30px;
             padding: 5px 0 0 0;
             text-align: right;
	width: 140px;
}

#col_sondage1 {
             float: left;
             height: 30px;
             padding: 0 0 0 0;
             text-align: left;
	     width: 145px;
}

#col_sondage2 { 
             	height: 30px;
		margin: 0;
             	padding: 0px;
		float: left;
             	text-align: left;
		width: 115px;
}

#col_sondage3 { 
             height: 30px;
	     margin: 0;
             padding: 0px;
	     float: left;
             padding: 0 0 0 0;
             text-align: left;
	     width: 170px;
}

#col_sondage4 { 
             height: 30px;
	     margin: 0;
             padding: 0px;
	     float: left;
             padding: 0 0 0 0;
             text-align: left;
	     width: 150px;
}


#col_sondage1b {
             float: left;
             height: 25px;
             padding: 5px 0 0 0;
             text-align: left;
	     width: 200px;
	     /*background: pink;*/
}

#col_sondage2b { 
             	height: 30px;
		margin: 0;
             	padding: 0px;
		float: left;
             	text-align: left;
		width: 145px;
                /*background: blue;*/
}

#col_sondage3b { 
             height: 30px;
	     margin: 0;
             padding: 0px;
	     float: left;
             padding: 0 0 0 0;
             text-align: left;
	     width: 90px;
             /*background: red;*/
}

#col_sondage4b { 
             height: 30px;
	     margin: 0;
	     float: left;
             padding: 0 0 0 0;
             text-align: left;
	     width: 145px;
             /*background: yellow;*/
}

#col_sondage1_projet {
             float: left;
             height: 30px;
             padding: 0 0 0 0;
             text-align: left;
	     width: 140px;
}

#col_sondage2_projet { 
             	height: 30px;
		margin: 0;
             	padding: 0px;
		float: left;
             	text-align: left;
		width: 140px;
}

#col_sondage3_projet { 
             height: 30px;
	     margin: 0;
             padding: 0px;
	     float: left;
             padding: 0 0 0 0;
             text-align: left;
	     width: 140px;
}


#col_estimation1_col {
             background: #aac34b;
             float: left;
             height: 30px;
             padding: 5px 0 0 0;
             text-align: right;
	     width: 140px;
}

#col_estimation2 { 
             	height: 30px;
		margin: 0;
             	padding: 0px;
		float: left;
             	text-align: left;
		width: 41%;
}

#col_estimation2_fix { 
      	height: 30px;
	margin: 0;
        padding: 5px;
	float: left;
        text-align: left;
	width: 41%;
}

#col_estimation2_col {
             background: #aac34b;
             height: 30px;
	margin: 0;
             padding: 5px 0 0 0;
	float: left;
             text-align: left;
	width: 41%;
}

#col_estimation3 { 
             height: 30px;
	margin: 0;
             padding: 0px;
	float: right;
             padding: 0 0 0 0;
             text-align: left;
	width: 200px;
}

#col_estimation3_col {
             background: grey;
             height: 30px;
	margin: 0;
             padding: 0px;
	float: right;
             padding: 0 0 0 0;
             text-align: left;
	width: 200px;
}



p
{
line-heigth:4em;
vertical-align:center;
}

br.clearfloat 
{     
  clear: both;     
  height: 0;     
  font-size: 1px;     
  line-height: 0px; 
}


img {
  border: none;
}

Label { width:9em; float: left; text-align: right;  margin-right: 0.5em; display: block; color: black; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 10px; vertical-align: text-top;}

.label_estimation { width:6em; float: left; text-align: right;  margin-right: 0.5em; display: block; color: black; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 10px  }

.label_estimation2 { width:12em; float: left; text-align: right;  margin-right: 0.5em; display: block; color: black; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 7px; vertical-align: text-top;}

.label_estimation3 { width:12em; float: left; text-align: right;  margin-right: 0.5em; margin-bottom: 10px; display: block; color: black; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 7px; vertical-align: text-top;}


fieldset.search {
	border: none;
	margin: 0 auto;
}

.search input.box {
        color: #000;
        font-size: 1.2em;
        width: 170px;
        height: 30px;
        padding: 6px 5px 0;
        /*background: url(images2/caseinput.jpg) no-repeat left top;*/
        margin-right: 5px;
        border: none;
}

.search input.box:focus {
        outline: none;
}

.search input.box_small {
        color: #000;
        font-size: 1.2em;
        width: 97px;
        height: 30px;
        padding: 6px 5px 0;
        /*background: url(images2/caseinput2.jpg) no-repeat left top;*/
        margin-right: 5px;
        border: none;
}


.search input.box_small:focus {
	outline: none;
}


.search input.box_estimation {
        color: #000;
        font-size: 1.1em;
        width: 203px;
        height: 21px;
        padding: 0;
        /*background: url(images2/input_estimation.jpg) no-repeat left top;*/
        margin: 0;
        /* border: none; */
}

.search input.box_estimation:focus {
	outline: none;
}

.search input.box_mini1 {
        color: #000;
        font-size: 1.1em;
        width: 21px;
        height: 21px;
        padding: 0px 5px 0;
        /*background: url(images2/input_mini1.jpg) no-repeat left top;*/
        margin: 0px 5px 5px 0px;
}

.search input.box_mini1:focus {
	outline: none;
}

.search input.box_mini2 {
        color: #000;
        font-size: 1.1em;
        width: 46px;
        height: 21px;
        padding: 0px 5px 0;
        /*background: url(images2/input_mini2.jpg) no-repeat left top;*/
        margin: 0px 5px 5px 0px;
}

.search input.box_mini2:focus {
	outline: none;
}

.search input.box_mini3 {
        color: #000;
        font-size: 1.1em;
        width: 125px;
        height: 21px;
        padding: 0px 5px 0;
        /*background: url(images2/input_mini3.jpg) no-repeat left top;*/
        margin: 0px 5px 5px 0px;
}

.search input.box_mini3:focus {
	outline: none;
}

.search input.box_soumettre {
        color: #000;
        font-size: 1em;
        /* width: 203px; */
        height: 25px;
        padding: 0px 5px 0;
        /* background: url(images2/input_estimation.jpg) no-repeat left top; */
        margin: 0px 5px 5px 0px;
        /* border: none; */
}

.search input.box_soumettre:focus {
	outline: none;
}


span.checkbox {
  width: 18px;
  height: 18px;
  padding: 0 5px 0 5px;
  margin-bottom: 10px;
  background: url(images2/checkbox.gif) no-repeat;
  position: absolute;
} 

/*span.radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background: url(radio.gif) no-repeat;*/
  /* display: block;
  clear: left;
  float: left; */
}


select {
  position: absolute;
  width: 206px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
  height: 25px;
  padding: 0;
  margin: 0;
  color: #000000;
  /* font: 12px/21px arial,sans-serif; */
  /* background: url(images2/input_estimation.jpg) no-repeat; */
  resize: none;      
  }

select.demi_select {
  position: absolute;
  width: 103px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
  height: 25px;
  margin: 0;
  color: #000000;
  /* font: 12px/21px arial,sans-serif; */
  /* background: url(images2/input_estimation.jpg) no-repeat; */
  resize: none;      
  }

select:focus {
	outline: none;
}

span.select {
  position: absolute;
  width: 210px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
  height: 26px;
  padding: 3px 24px 0 8px;
  margin: 0px 5px 5px 0px;
  color: #000000;
  font: 12px/21px arial,sans-serif;
  background: url(images2/select-btn.gif) no-repeat;
  overflow: hidden;
  }


textarea.zoneclient {
        color: #000;
        font-size: 1.2em;
        width: 579px;
        height: 100px;
        padding: 6px 5px 0;
        background: url(images2/textinput.jpg) no-repeat left top;
        margin-right: 5px;
        margin-left:10px;
        border: none;
        overflow: hidden;
        resize: none;
}

textarea.estimation {
        color: #000;
        font-size: 1.2em;
        width: 550px;
        height: 138px;
        padding: 6px 5px 0;
        background: url(images2/textarea_estimation.jpg) no-repeat left top;
        margin-right: 5px;
        margin-left:10px;
        border: none;
        overflow: hidden;
        resize: none;
}


textarea:focus {
        outline: none;
}


table#viewer {width:620px; padding:15px; border: 0px;}
table#viewer_affaire {width:620px; padding:8px; border: 0px;}
table#viewer_signet {width:599px; padding:6px; border 0px;}
table#viewer_ftp {width:620px; padding:0px; border 0px; border-collapse: collapse}
table#viewer_estimation {width:620px; padding:0px; border 0px; border-collapse: collapse}
table#viewer_conception {width:620px; padding:0px; border 0px; border-collapse: collapse}
.cellule_viewer {width:322px; background-color:#c3bfbc; text-align:center}
.cellule_viewer_affaire {width:366px; background-color:#c3bfbc; text-align:center}
.cellule_viewer_typo_affaire {width:618px; background-color:#c3bfbc; text-align:center}
.cellule_viewer_couleur_affaire {width:618px; background-color:#c3bfbc; text-align:center}
.cellule_viewer_ftp {width:620px; background-color:#e0e0e0; text-align:left; padding:6px;}
.cellule_viewer_signet {background-color:#c3bfbc; text-align:center; vertical-align:top; padding:0px; border 0px;}
.cellule_viewer_estimation {width:310px; background-color:#c6c7c9; text-align:left; vertical-align:top; padding:6px; border:0px } 
.cellule_viewer_portefolio {width:110px; background-color:#acacae; text-align:left; vertical-align:top; padding:6px; border:0px }
.cellule_viewer_conception {width:510px; background-color:black; text-align:left; vertical-align:top; padding:6px; border:0px }

.nom_modele {height:1.5em; width:5em; text-align:center; vertical-align:bottom; font-family: arial, sans-serif; font-size: 13pt; font-weight:bold;}


.hiddenPic {display:none;}
.image_qte_cartenoel {padding-left: 20px; padding-top: 10px;}
.image_section {padding-top: 10px;}
.image_section_left {padding-top: 10px; padding-left: 3px;}
.image_section_petit_left {padding-top: 10px; padding-right: 8px}
.image_section_petit_right {padding-top: 10px;}
.image_logo {padding-bottom: 15px;}
.image_dernier_menu_section {padding-bottom: 10px;}
.image_dernier_zone_client {padding-bottom: 30px;}
.image_signet {padding-top: 10px; padding-bottom: 10px}
.image_connexion {padding: 10px 0 0 115px}
.image_connexion_estimation {padding-left: 100px;}
.image_guideutilisation {vertical-align: middle}
.image_submit_estimation {margin-left:15px;vertical-align: middle}
.image_centre {margin-left:10px;vertical-align: middle}
.image_submit_commande {margin-left:15px; margin-top: 60px;}


.pub_verticale {padding-top: 10px; bottom: 0;} 
.pub_verticale2 {padding-top: 10px; vertical-align:bottom}

.pub_horizontale_col1 {padding-top: 5px; padding-bottom: 5px; padding-right: 7px}
.pub_horizontale_col2 {padding-top: 5px; padding-bottom: 5px;}
.pub_horizontale_col3 {padding-top: 5px; padding-bottom: 0px;}

a img {border-width: 0; padding:0px}

.fond_cartenoel {display: block; background-color: #014687; }
.fond_conception {display: block; background-color: #acacae; margin-top:10px }


/***** TEXTES ****/
.Titre_ftp {font-family: arial, sans-serif; font-size: 13pt; font-weight:bold;}
.Titre_ftp_droit {font-family: arial, sans-serif; font-size: 12pt; font-weight:italic; text-align:right;}
.Titre_ftp_white {color:white; font-family: arial, sans-serif; font-size: 13pt; font-weight:bold; margin-left:5px}
.Titre_l15 {font-family: arial, sans-serif; font-size: 13pt; font-weight:bold; margin-left:15px}
.Titre_sondage {font-family: arial, sans-serif; font-size: 10pt; font-weight:bold;margin-left:0px}
.Texte_ftp {font-family: arial, sans-serif; font-size: 11pt; font-weight:normal; margin-left:15px}
.Texte_facebook {font-family: arial, sans-serif; font-size: 10pt; font-weight:normal; text-align: left; margin: 0 0 5px 5px}
.Texte_estimation_form {color: black; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 10px; margin: 0 5px 0 5px  }
.Texte_sondage_form {color: black; font-weight: normal; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0 3px 0 0  }
.Texte_sondage_form_gras {color: black; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; padding-top: 0px; margin: 0 3px 0 0  }
.Texte_estimation_form_petit {color: black; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9px; padding-top: 0px; margin: 0 5px 0 5px  }
.Texte_estimation_titre {color: white; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; padding-top: 10px; margin: 0 5px 0 5px  }
.Texte_titre_estimation {color: black; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 10px; margin: 0 5px 0 50px  }
.Titre_commande {font-family: arial, sans-serif; font-size: 13pt; font-weight:bold; margin-left:8px}
.Titre_commande2 {font-family: arial, sans-serif; font-size: 12pt; font-weight:bold; margin-left:8px}
.Texte_commande {font-family: arial, sans-serif; font-size: 11pt; font-weight:normal; margin-left:8px}
.Texte_ftp_nomargin {font-family: arial, sans-serif; font-size: 11pt; font-weight:normal}
.Erreur_ftp {color:red; font-family: arial, sans-serif; font-size: 11pt; font-weight:normal}
.Erreur_commande {color:red; font-family: arial, sans-serif; font-size: 11pt; font-weight:normal; margin: 15px 0 0 15px}



H2 {color:white}


p.texte10
{
	color: #333333;
	font-size: 10px;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


a#entreprise img {background: url(images2/navigation/entreprise-off.jpg) top left no-repeat;}
a#entreprise:hover img {background: url(images2/navigation/entreprise-on.jpg) top left no-repeat;}
a#entreprise img {height: 21px; width: 125px; }

a#service img {background: url(images2/navigation/services-off.jpg) top left no-repeat;}
a#service:hover img {background: url(images2/navigation/services-on.jpg) top left no-repeat;}
a#service img {height: 21px; width: 130px; }

#contact img {background: url(images2/navigation/contact-off.jpg) top left no-repeat;}
a#contact:hover img {background: url(images2/navigation/contact-on.jpg) top left no-repeat;}
a#contact img {height: 21px; width: 150px; }

#catalogue img {background: url(images2/navigation/catalogue-off.jpg) top left no-repeat;}
a#catalogue:hover img {background: url(images2/navigation/catalogue-on.jpg) top left no-repeat;}
a#catalogue img {height: 21px; width: 117px; }

#accueil img {background: url(images2/navigation/accueil-off.jpg) top left no-repeat;}
a#accueil:hover img {background: url(images2/navigation/accueil-on.jpg) top left no-repeat;}
a#accueil img {height: 21px; width: 97px; }

#ftp img {background: url(images2/navigation/ftp-off.jpg) top left no-repeat;}
a#ftp:hover img {background: url(images2/navigation/ftp-on.jpg) top left no-repeat;}
a#ftp img {height: 33px; width: 177px; }

#estimation img {background: url(images2/navigation/estimation-off.jpg) top left no-repeat;}
a#estimation:hover img {background: url(images2/navigation/estimation-on.jpg) top left no-repeat;}
a#estimation img {height: 36px; width: 177px; }

#commande img {background: url(images2/navigation/commande-off.jpg) top left no-repeat;}
a#commande:hover img {background: url(images2/navigation/commande-on.jpg) top left no-repeat;}
a#commande img {height: 43px; width: 177px; }

#compte img {background: url(images2/navigation/compte-off.jpg) top left no-repeat;}
a#compte:hover img {background: url(images2/navigation/compte-on.jpg) top left no-repeat;}
a#compte img {height: 57px; width: 177px; }

#grandformatclr img {background: url(images2/navigation/grandformat-off.jpg) top left no-repeat;}
a#grandformatclr:hover img {background: url(images2/navigation/grandformat-on.jpg) top left no-repeat;}
a#grandformatclr img {height: 43px; width: 177px; }

#impressionnb img {background: url(images2/navigation/impressionnb-off.jpg) top left no-repeat;}
a#impressionnb:hover img {background: url(images2/navigation/impressionnb-on.jpg) top left no-repeat;}
a#impressionnb img {height: 50px; width: 177px; }

#impressionclr img {background: url(images2/navigation/impressionclr-off.jpg) top left no-repeat;}
a#impressionclr:hover img {background: url(images2/navigation/impressionclr-on.jpg) top left no-repeat;}
a#impressionclr img {height: 52px; width: 177px; }

#imprimerie img {background: url(images2/navigation/imprimerie-off.jpg) top left no-repeat;}
a#imprimerie:hover img {background: url(images2/navigation/imprimerie-on.jpg) top left no-repeat;}
a#imprimerie img {height: 42px; width: 177px; }

#microedition img {background: url(images2/navigation/microedition-off.jpg) top left no-repeat;}
a#microedition:hover img {background: url(images2/navigation/microedition-on.jpg) top left no-repeat;}
a#microedition img {height: 37px; width: 177px; }

#conception img {background: url(images2/navigation/conception-off.jpg) top left no-repeat;}
a#conception:hover img {background: url(images2/navigation/conception-on.jpg) top left no-repeat;}
a#conception img {height: 37px; width: 177px; }

#finition img {background: url(images2/navigation/finition-off.jpg) top left no-repeat;}
a#finition:hover img {background: url(images2/navigation/finition-on.jpg) top left no-repeat;}
a#finition img {height: 35px; width: 177px; }

#plan img {background: url(images2/navigation/plan-off.jpg) top left no-repeat;}
a#plan:hover img {background: url(images2/navigation/plan-on.jpg) top left no-repeat;}
a#plan img {height: 52px; width: 177px; }

#cartenoel img {background: url(images2/navigation/cartenoel-off.jpg) top left no-repeat;}
a#cartenoel:hover img {background: url(images2/navigation/cartenoel-on.jpg) top left no-repeat;}
a#cartenoel img {height: 36px; width: 177px; }

#signet img {background: url(images2/navigation/signet-off.jpg) top left no-repeat;}
a#signet:hover img {background: url(images2/navigation/signet-on.jpg) top left no-repeat;}
a#signet img {height: 38px; width: 177px; }

#carteaffaire img {background: url(images2/navigation/carteaffaires-off.jpg) top left no-repeat;}
a#carteaffaire:hover img {background: url(images2/navigation/carteaffaires-on.jpg) top left no-repeat;}
a#carteaffaire img {height: 33px; width: 177px; }

#calendrier img {background: url(images2/navigation/calendrier-off.jpg) top left no-repeat;}
a#calendrier:hover img {background: url(images2/navigation/calendrier-on.jpg) top left no-repeat;}
a#calendrier img {height: 45px; width: 177px; }

#telecharger img {background: url(images2/navigation/telecharger-off.jpg) top left no-repeat;}
a#telecharger:hover img {background: url(images2/navigation/telecharger-on.jpg) top left no-repeat;}
a#telecharger img {height: 46px; width: 71px; }

#english img {background: url(images2/navigation/english-off.jpg) top left no-repeat;}
a#english:hover img {background: url(images2/navigation/english-on.jpg) top left no-repeat;}
a#english img {height: 46px; width: 50px; }

#carriere img {background: url(images2/navigation/carriere-off.jpg) top left no-repeat;}
a#carriere:hover img {background: url(images2/navigation/carriere-on.jpg) top left no-repeat;}
a#carriere img {height: 46px; width: 58px; }

#logo img {background: url(images2/portefolio/logos-off.jpg) top left no-repeat;}
a#logo:hover img {background: url(images2/portefolio/logos-on.jpg) top left no-repeat;}
a#logo img {height: 38px; width: 104px; }

#papeterie img {background: url(images2/portefolio/papeteries-off.jpg) top left no-repeat;}
a#papeterie:hover img {background: url(images2/portefolio/papeteries-on.jpg) top left no-repeat;}
a#papeterie img {height: 38px; width: 104px; }

#encart img {background: url(images2/portefolio/encarts-off.jpg) top left no-repeat;}
a#encart:hover img {background: url(images2/portefolio/encarts-on.jpg) top left no-repeat;}
a#encart img {height: 38px; width: 104px; }

#affiche img {background: url(images2/portefolio/affiches-off.jpg) top left no-repeat;}
a#affiche:hover img {background: url(images2/portefolio/affiches-on.jpg) top left no-repeat;}
a#affiche img {height: 37px; width: 104px; }

#publication img {background: url(images2/portefolio/publication-off.jpg) top left no-repeat;}
a#publication:hover img {background: url(images2/portefolio/publication-on.jpg) top left no-repeat;}
a#publication img {height: 38px; width: 104px; }

#pochette img {background: url(images2/portefolio/pochettes-off.jpg) top left no-repeat;}
a#pochette:hover img {background: url(images2/portefolio/pochettes-on.jpg) top left no-repeat;}
a#pochette img {height: 38px; width: 104px; }

#magasin img {background: url(images2/navigation/magasin-off.jpg) top left no-repeat;}
a#magasin:hover img {background: url(images2/navigation/magasin-on.jpg) top left no-repeat;}
a#magasin img {height: 36px; width: 177px; }