html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}

a:focus{outline:1px dotted invert}

hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}

h1{font-size:25px}

h2{font-size:23px}

h3{font-size:21px}

h4{font-size:19px}

h5{font-size:17px}

h6{font-size:15px}

ol{list-style:decimal}

ul{list-style:disc}

li{margin-left:30px}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.hierarchie {color: red; }/* 
    Document   : style
    Created on : 31 juil. 2009, 14:14:32
    Author     : Gilles
    Description:
        Feuille de style globale générée en PHP
				en fonction du navigateur (.gif pour IE6)
				et assemble les style de 960.cs
*/
.spacer {clear:both;}
.horschamps {
display: none; 
}

input, textarea {
 /* background-color:#33ffcc; */
}

body {
	text-align: center;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.button {
	background:yellow;
	display:block;
	padding:4px 6px;
	text-align: center;
	margin:0 5%;
	border:2px solid green;
	color:red;
}

a.button:hover {
	text-decoration: none;
	border:2px solid black;
	color:yellow !important;
	background:red;
}


#suWrapper {
	background-color: #660000;
	margin:10px auto;
	padding: 15px 0;
	width:1000px;
}

#suSuWrapper{
	margin: 0 15px;
	padding: 5px 0;
	background-color: red;
}

#wrapper {
	margin: 0 5px;
    background: #ff7006 url('img/em_fcontent.jpg') repeat-x;
	padding-bottom:10px;
	text-align:left;
}

#header {
	background-color: orange;
}

#bandeau {
	padding:1px 0;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.7px;
	border-top:5px solid red;
	border-bottom:5px solid red;
}

#content, #left {
	margin-top:20px;
	margin-bottom:10px;
}

#content {
	text-align: center;
}

/* Entraine trop de bugs
#content * {
	margin-left:auto;
	margin-right:auto;
} */

#content .mini {
	margin-bottom: 0;
}

/* Fil d'Ariane */
#hierarchie {
	clear: both;
	float: left;
	margin-bottom: 16px;
	height: 20px;
	font-size: 12px;
	color: #445f7f; }
	
#hierarchie a {
color: #445f7f;
text-decoration: none;
 }
 
#hierarchie a:hover {
text-decoration: underline;
}

#footer {
	padding-top: 5px;
	color: white;
	text-align: center;
	/*position:absolute;
height: 100px;*/
}

#footer a {
	font-weight: bold;
	color: yellow;
}

#footer p {
	margin:0;
}

#twitter  {/*float: right;*/ /*position:relative; top:0em;
     left:3em;*/

}

/* Les boites ============================================= */

.boite_mini {
	margin-bottom:20px;
	width:220px;
	padding-top: 21px;
	background: url('img/boitebleu_h_gif.png') no-repeat;
}

.boite_mini .wrapper_content {
	background: #6699FF url('img/boitebleu_m_gif.png') top left repeat-y;
	padding:0;
	margin:0;
}

.boite_mini .wrapper_content .content {
	padding: 0 10px;
}

.boite_mini .bottom {
	height: 23px;
	background: url('img/boitebleu_b_gif.png') no-repeat;
}

h3 {
	text-transform: uppercase;
	font-size:13px;
	margin-bottom: 0;
}

.boite_mini ul {
	margin-bottom:0px;
}

.boite_mini li {
	margin-left:15px;
}

.boite_mini a {
	color:black;
}

.boite_mini li.courant a {
	color:white;
}

.boite_mini li.courant li a {
	color:black;
}

.boite_mini li.courant li.courant a {
	color:white;
}

.boite_question {
	margin-bottom:20px;
	width:220px;
}

.boite_question .top {
	height: 59px;
	background: transparent url('img/boitequestion_h_gif.png');
}

.boite_question .wrapper_content {
	background: #008080 url('img/boitequestion_m_gif.png') top left repeat-y;
}

.boite_question .content {
	padding: 5px 10px 0;
}

.boite_question .bottom {
	height: 22px;
	background: transparent url('img/boitequestion_b_gif.png');
}

.boite_devis {
	position: relative;
	margin-bottom:20px;
	width:220px;
	height:243px;
	background: transparent url('img/f_devis_gif.png');
}

.boite_devis a {
	position: absolute;
	width:182px;
	top: 200px;
	left: 0;
}

.button a{
	display: block;
	position: absolute;
	top: 200px;
	left: 10px;
	width: 202px;
	height: 32px;
	background: transparent url('img/bn_devis.png');
}

.button a:hover{
	background: transparent url('img/bh_devis.png');
	text-decoration:none;
}


/* Les styles de la partie gauche ================================= */

#left input.text, #left textarea {
	width:180px;
	padding:9px;
	border:1px solid black;
	margin-bottom:5px;
}


/* Les styles du contenu ========================================= */

.mini {
	width:350px;
	height:250px;
	float:left;
	background:blue;
	display: block;
	position: relative;
	background: transparent url('img/f_accueil_bloc.png');
	margin-bottom:10px;
}




.mini a {
	display: block;
	position: absolute;
	top: 195px;
	left: 172px;
	width: 152px;
	height: 36px;
	background: transparent url('../img/bn_tarifs.png');
}

.mini a:hover{
	background: transparent url('../img/bh_tarifs.png');
}






/* Les tableaux ==================================================== */

.border {
	border:1px solid black;
}

.libelle td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	background-color: orange; /*#FF6633;*/
	padding:10px;
}


.tablo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	background-color: orange;
	margin-bottom:0;
	text-align:center;
	border:1px solid black;
	border-collapse:collapse;
}

tr,td {
	padding:5px;
	border:1px solid black;
	border-collapse:collapse;
}

th {
	padding:5px;
	border:1px solid black;
	border-collapse:collapse;
}

.prix td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	background-color:yellow;
	padding:10px;
}

h2 {
	font-size:16px;
	text-align: center;
}

.tablo td.gray {
	background-color: #ccc;
}

/* content blocs détails cartes visites commerciales tracts&flyers======================================= */


.bloccv {
	width:584px;
	height:407px;
	display: block;
	position: relative;
	background: transparent url('img/f_bloc.png') no-repeat; 
	margin:0 auto 20px;
}




.bloccv a.cmd {
	display: block;
	position: absolute;
	top: 170px;
	left: 476px;
	width: 91px;
	height: 88px;
	background: transparent url('../img/bn_caddie.png') no-repeat;
}

.bloccv a.cmd:hover{
	background: transparent url('../img/bh_caddie.png') no-repeat;
}

.bloccv p{
	padding-left:30px;
	padding-right:30px;
line-height:14px;
}


.devismail a {
	display: block;
	position: absolute;
	top:360px;
	left:140px;
	width:355px;
	height:40px;
	background: transparent url('../img/bn_devismail.png') no-repeat;
}

.devismail a:hover{
	background: transparent url('../img/bh_devismail.png') no-repeat;
}



.bloc-env {
	width:584px;
	height:407px;
	display: block;
	position: relative;
	background: transparent url('img/f_bloc.png');
	margin: 0 auto 20px;
}




.bloc-env a {
	display: block;
	position: absolute;
	top: 315px;
	left: 240px;
	width: 91px;
	height: 88px;
	background: transparent url('../img/bn_caddie.png') no-repeat;
}

.bloc-env a:hover{
	background: transparent url('../img/bh_caddie.png') no-repeat;
}

.pap {
	font-size :90%;
	background: transparent url('../img/e_papillon.gif') no-repeat;
}

.pap p {
	padding-left:25px;
	padding-right:25px;
}


.laposte {
background: transparent url('../img/e_laposte.gif') no-repeat;
font-weight:bold;
font-size:120%;
}


.rouge {
color :red;
}

.fjaune {
float:left;
clear:both;
text-align:left;
background: transparent url('../img/f_jaune.gif') no-repeat;
font-size:90%;
padding-left:20px;
padding-right:20px;
line-height:14px;
height: 138px;
}

.fjaune div {margin : 20px 10px -20px;}


.fjaune p {
text-align:right;
}

/* pages logos, affiches, papier entete et partenaires ============================= */

.gbloc {
	width:584px;
	height:772px;
	display: block;
	position: relative;
	background: transparent url('img/f_gbloc.png') no-repeat;
	margin:0 auto 20px;

}

.gbloc img {border:0;margin:0 0 10px;}


.gbloc a.cmd {
	display: block;
	position: absolute;
	top: 480px;
	left: 465px;
	width: 91px;
	height: 88px;
	background: transparent url('../img/bn_caddie.png') no-repeat;
}

.gbloc a.cmd:hover{
	background: transparent url('../img/bh_caddie.png') no-repeat;
}

.gbloc p{
	padding-left:30px;
	padding-right:30px;
line-height:14px;
}


/* pages menus enveloppes et autres réalisations ============================= */

.gbloc2 {
	width:584px;
	height:772px;
	display: block;
	position: relative;
	background: transparent url('img/f_gbloc.png') no-repeat;
	margin:0 auto 20px;

}




.gbloc2 a {
	display: block;
	width: 584px;
	height: 85px;
	background: transparent url('../img/bn_menu.png') no-repeat;
	padding-bottom:10px;
}

.gbloc2 a:hover{
	background: transparent url('../img/bh_menu.png') no-repeat;
}



.partner {
	width:584px;
	height:772px;
	display: block;
	position: relative;
	background: transparent url('img/f_gbloc.png') no-repeat;
	margin:0 auto 20px;
}



.bloc_autres {
	width:289px;
	height:407px;
	display: block;
	position: relative;
	background: transparent url('img/f_formation.png') no-repeat;
	margin:0 auto;
}




.bloc_autres a {
	display: block;
	width: 263px;
	height: 69px;
	background: transparent url('../img/bn_devis2.png') no-repeat;
}

.bloc_autres a:hover{
	background: transparent url('../img/bh_devis2.png') no-repeat;
}



/* Conditions Générales de Vente ============================= */
#cgv {
width:584px;
background:url(img/b_cgv.png) no-repeat bottom left;
padding-bottom:84px;
}

#cgvhd {
background:url(img/t_cgv.png) no-repeat top left;
padding-top:90px;
}

#cgv #content_cgv {
background:url(img/e_cgv.png) repeat-y top left;
}

span#titre-principal {
clear:both;
color:#eed22f;
font-size:2.4em;
font-weight:bold;
text-align:center;
}

span#titre {
color:yellow;
font-size:1.2em;
font-weight:bold;
}

#cgv p {
padding: 0 20px;
margin:0;
text-align:left;
}

.partnerposte {
clear: left ;
top:100px;

}

/* Devis et precommande ======================================== */

.wrapper_bloc_large {
	width : 691px;
	position : relative;
 }

.bloc_large {
	border-right:2px solid black;
	border-left:2px solid black;
}

.bloc_large_head {
	background : url('img/bloc_large_head_gif.png') top left no-repeat;
	width : 691px;
	height : 42px;
	position : absolute;
	top : 0;
	left: 0;

}

.bloc_large_bottom {
	background : url('img/bloc_large_bottom_gif.png') top left no-repeat;
	height : 50px;
	width : 691px;
}

.content_bloc_large {
	padding:30px 20px 0;
	background : url('img/bloc_large_fond_gif.png') bottom left;
}

.form .large {width:400px}
.form .medium {width:200px}
.form .haut {height:250px}
.form table {text-align:left;}
.form td {vertical-align:top;}
.form tr, .form td {border:0}
.form small {font-size:0.85em;text-transform:none;font-weight:normal;}
.form label, .form b {font-weight:bold}
.form h3 {
	color:yellow;
	font-size:16px;
	padding-top:20px}
.form p {margin-bottom:0}

.form address {margin-bottom:0;padding-left:40px;}
.form #adresse_cheque {
	padding:20px 0;
	width:260px;
	border:1px solid gray;
	background:#eee;
	margin:10px 0 10px 40px;
}

#plan {text-align:left;padding:20px 20px 0;font-size:1.2em;}
#plan ul {list-style-type:none;margin-bottom:0;}
#plan li {line-height:200%;}
#plan ul ul {margin-left:20px;}


/* siFr ========================================================= */

.sifr span {display:block; text-indent:-6000px;margin:0 auto;}

#h2_devis span{
	width:584px;
	height:72px;
	background:url('img/t_demandedevis_gif.png') no-repeat 12px 0;
}

#h2_precommande span{
	width:584px;
	height:72px;
	background:url('img/t_precommande_gif.png') no-repeat 12px 0;
}

#h2_paiement span{
	width:260px;
	height:65px;
	background:url('img/t_paiement_gif.png') no-repeat 0 0;
}

#h2_paiement {
	margin-bottom:40px;
}

/* upload form ================================================= */

.msg {
	text-align:center;
 	color:#000;
	background: yellow;
	border: 5px solid green;
 	padding:5px 50px;
}

.emsg {
	text-align:left;
	color:#000;
	background: orange;
	border: 5px solid red;
	padding:5px 50px;
}

#loader{
   visibility:hidden;
}

#f1_upload_form{
	/*height:100px;*/
	padding-top:20px;
}

#f1_error{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#FF0000;
}

#f1_ok{
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight:bold;
   color:#00FF00;

}

#f1_upload_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

#f1_upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   text-align:center;
   width:680px;
}