@import url(reset.css);

body {
	text-align:center;
	background-image: url(images/fond-body.png);
	background-repeat: repeat-x;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

#conteneur{
	width: 860px;;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}

/* ######################### HEADER ############################ */

#header{
	clear:both;
	padding-top:104px;
	}

#logo{
	position:absolute;
	top:20px;
	left:0px ;
	width:320px;
	height:79px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	}


/* ######################### MENU ############################ */

#menu{
	position:absolute;
	top:36px;
	right:0px;
	margin:0px;
	padding:0px;
	width: 357px;
	}

#menu table {
	margin:0;
	padding:0;
	border-collapse:collapse;
	}
#menu table td {
	margin:0;
	padding:0;
	border-collapse:collapse;
	}

/* ######################### MAIN ############################ */


#main{
	min-height:55em;
	width:100%;
	margin:0px 0px;
	text-align:left;
	}

#main-contenu{
	padding-top:1.5em;
	width:100%;
	text-align:left;
	}


#contenu{
	min-height:45em;
	margin-right:205px;
	text-align:left;
	width:650px;
	}
#contenu #copyright {
	margin-top:15px;
	}

#service_client {
	width: 200px;
	height: 46px;
	background-image: url(images/service_client.gif);
	margin-bottom:15px;
	}
#service_client span {
	display: none;
	padding-left: 32px;
	padding-top: 23px;
	letter-spacing: 2px;
	font-family: impact;
	font-size: 16px;
	color: #666;
	}
#infos{
	width:200px; float:right;
	background-image: url(images/logos.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 80px;
	clear:none;
	}

#infos_pub p { margin: 0px; }

#infos .infos { margin-bottom: 1em; }

#infos .buttons { margin-bottom: 1em; }

#infos .infos .header{
	background:#918f90;
	background-image: url(images/fond-infos-haut.png);
	background-repeat: no-repeat;
	background-position: top left;
	height:22px;
	text-align:left;
	color:white;
	padding-left:10px;
	padding-top:10px;
	font-size:14px;
	}

#infos .infos .header span{
	font-size: smaller;
	background-image: url(images/puce-infos.png);
	background-repeat: no-repeat;
	background-position: left;
	color:white;
	padding-left:22px;
	height:22px;
	}

#infos .infos .main {
	padding-top: 0em;
	font-size:10px;
	line-height:130%;
	}

#infos .infos .main span p {
	padding-left: 1em;
	padding-right: 1em;
	}

#infos .infos .main span p label {
	display: block;
	float: left;
	width: 10em;
	}
 

#infos .infos .main{
	text-align:left;
	}

#infos .infos .footer{
	/*
	background-image: url(images/fond-infos-bas.png);
	background-repeat: no-repeat;
	background-position:bottom left;
	height:20px;
	padding:1px;
	*/
	}

#footer{
	padding:1em;
	}

/* ######################### TEXTE ############################ */

h1 {
	text-align:left;
	font-weight:500;
	font-size : 120%;
	color:#666;
	margin:0.3em 0em;
	}
h2 {
	text-align:left;
	font-weight:500;
	color:#444;
	margin:0.8em 0em;
	}
#conditions h2 {
	font-size:14px;
	font-weight:bold;
	}
h3 {
	text-align:left;
	font-weight:400;
    color:#444;
	margin:0.3em 0em;
	}
	
a:hover {color:#FF6633;}
	
p { margin-bottom: 0.5em; }
p, ul, li {
	}
ul { margin-left: 0em; margin-bottom: 1em;}
li { list-style-image: url(images/puce-tiret.gif); margin-left: 2em;}

img {border:0}


/* ######################### ONGLETS ############################ */

.boite{ margin:10px 0px; margin-right:60px;}

.boite .header{ height: 24px; background: white; }

div.onglet 
	{
	border: 1px solid #dde;
	background-color: #f8f8fc;
	padding: 1em;
	padding-bottom: 3.5em !important;padding-bottom: 1.5em;
	font-size:11px;
	}
div.onglet p 
	{
	text-align: justify;
	margin-bottom: 1em; color: #888; 
	}

ul.onglet {
	padding: 0px;
	margin:0px;
	/*background-image: url(images/fond-bouton.png);*/
	height: 23px;
	font-size: 10px;
	font-weight:500;
	display:block;
	}

.onglet li { margin-left: 0em;}

ul.onglet li div.sep {
	height:23px;
	margin:0px;
	padding:0px;
	width:1px;
	float:left;
	background-image: url(images/sep.gif);
	background-repeat: no-repeat;
	background-position: top right;
	}

ul.onglet  li{
	color: white;
	background-image: url(images/fond-onglet-center.png);
	background-repeat: repeat-x;
	background-position: top center;
	cursor:pointer;
	display:block;
	float: left;
	text-align:center;
	width: 190px;
	height: 23px;
	padding: 5px 5px;
	}


ul.onglet li.first { background-position: top left ; background-image: url(images/fond-onglet-left.png); }
ul.onglet li.last  { background-position: top right ; background-image: url(images/fond-onglet-right.png);}
ul.onglet li.actif { background-color: #777; }




/* ######################### FORMULAIRE ############################ */

textarea { width:100%; height:100px; }
fieldset { padding: 5px; width:100%; border: 1px; }
fieldset span { float:left; color: #f8f8fc; font-size: xx-small ; }
/*fieldset:hover { background: white; border-width: 1px; border-color: #ddd; }
fieldset:hover span { color: #888; }*/
fieldset.hover { background: white; padding:4px; border-bottom:2px solid #999; }
fieldset.hover span { color: #888; }
/*label { float: left;  width: 20em; padding-right: 2em;}*/
#cdg { float: left;  width: 40em; padding-right: 2em; }
#cdg a { text-decoration:underline;}
#onglet3 a { text-decoration:underline;}
#onglet1 fieldset a { text-decoration:underline;}
fieldset input  { float: right;width: 20em; border: 1px solid gray; padding: 0.2em ; margin: 0px; }
fieldset select { float: right;width: 19em; border: 1px solid gray; padding: 0.2em ; margin: 0px; margin-right:0.2em ;}

fieldset input.radio { height: 1em; width: 1em; padding: 0.5em; margin-right: 1em; border:0px; }
fieldset input.checkbox { height: 1em; width: 1em; padding: 0.5em; margin-right: 1em; border: 1px solid #999; }

div.petit_cb {
	width:28px;
	height:11px;
	background-image: url(images/petit_cb.png);
	float: left;
	clear:none;
	}

	
/* ######################### FORMULAIRE ONGLET 1 ############################ */	
form#form_commande div.header{ padding:0px; margin:0px; }
form#form_commande div#onglet1 { padding:1.5em; margin:0px; }
form#form_commande div#onglet1 fieldset { padding:5px 0px; margin:0px; border-bottom:1px solid #ccc;}
form#form_commande{ padding:0px; margin:0px; }
form#form_commande div#onglet1 fieldset label { padding:0px 10px;text-align:left; width:8em; }	
form#form_commande div#onglet1 fieldset a { padding:0px 10px; text-align:left; float:left; display:block; }
form#form_commande div#onglet1 fieldset input { }
form#form_commande div#onglet1 fieldset span.tooltip { display:block;}
form#form_commande div#onglet1 h3 { padding:0px; margin:0px;}


/* ######################### FORMULAIRE ONGLET 2 ############################ */	
form#form_commande div.header{ padding:0px; margin:0px; }
form#form_commande div#onglet2 { padding:1.5em; margin:0px; }
form#form_commande div#onglet2 fieldset { padding-bottom:5px; margin:0px;}
form#form_commande{ padding:0px; margin:0px; }
form#form_commande div#onglet2 fieldset label { padding:inherit; margin:inherit; }	
form#form_commande div#onglet2 fieldset{ padding-top:5px; padding-bottom:5px; }		
form#form_commande div#onglet2 fieldset a { padding:0px 10px; text-align:left; }
form#form_commande div#onglet2 fieldset select { border:1px solid #ccc;}
form#form_commande div#onglet2 fieldset input#chkConditions  { border:0px solid #ccc; width:15px;height:15px; _margin-right:5.5em;}
label#cdg { padding:0px margin:0px; }
form#form_commande div#onglet2 fieldset span.tooltip { display:block;}
form#form_commande div#onglet2 h3 { padding:0px; margin:0px;}




/* tableaux generiques ---------------------------------- */
div.table {margin-bottom:1em; text-align:left;}
table { border-collapse: collapse; font-size: 11px; width:100%; }

	/* -- gestion de la bordure -- */

	tr.first td,
	tr.first th { background-image: url(images/haut.gif); background-repeat: repeat-x; background-position: top; }
	tr.last td,
	tr.last th  { background-image: url(images/bas.gif); background-repeat: repeat-x; background-position: bottom; }
	tr .first   { background-image: url(images/gauche.gif); background-repeat: repeat-y; background-position: left; }
	tr .last    { background-image: url(images/droite.png); background-repeat: repeat-y; background-position: right; }

	tr.first .first { background-image: url(images/coins_gris.gif); background-repeat: no-repeat; background-position: top left; }
	tr.last  .first { background-image: url(images/coins_gris.gif); background-repeat: no-repeat; background-position: bottom left; }
	tr.first .last  { background-image: url(images/coins_gris.gif); background-repeat: no-repeat; background-position: right top; }
	tr.last  .last  { background-image: url(images/coins_gris.gif); background-repeat: no-repeat; background-position: bottom right; }


table tr.last th,
table tr.last td  { padding-bottom: 1px; }

table tr.first th,
table tr.first td  { padding-top: 1px}

th { font-weight:700; color:#444;}
th.first span{ background-image: url(images/th-fond-gris.png); background-repeat: repeat-y; background-position: bottom right; display:block; padding:.5em;}

tr.titre th span{background-image: url(images/th-titre-fond-gris.png); background-repeat: repeat-x; background-position: bottom; display:block; padding:.5em 1em; }
 

/* tableaux allday  ---------------------------------- */
table#alldays th {text-align:center;}
table#alldays td {padding:.2em;text-align:center;}
table#alldays .last {padding-right:.5em;}
table#alldays .first{padding-left:.5em;}
table#alldays .first span{text-align:right;}



/* tableaux stat_fax  ---------------------------------- */
table#stat_fax th {text-align:center}
table#stat_fax td {padding:.4em;text-align:center}
table#stat_fax .last {padding-top:.4em;padding-right:.1em;}
table#stat_fax .first{padding-top:.4em; padding-left:.1em;}
table#stat_fax .first th{padding-top:.4em;}

table#stat_fax td.first {padding:.8em;}
table#stat_fax td.last {padding:.8em;}
table#stat_fax td a {padding:.4em;}


/* tableaux day_list_simple  ---------------------------------- */
table#day_list_simple th { text-align:center;}
table#day_list_simple td { padding:.4em;text-align:center;}
table#day_list_simple .last { padding-right:.1em;}
table#day_list_simple .first { padding-left:.1em;}
table#day_list_simple .first th {padding-top:.4em;}
table#day_list_simple .first span a {padding:0em 1em; display:block;}


/* tableaux day_list_multiple  ---------------------------------- */
table#day_list_multiple th {text-align:center;}
table#day_list_multiple th.first {text-align:left;}
table#day_list_multiple td {padding:.4em;text-align:center;}
table#day_list_multiple .last {padding-right:.1em;}
table#day_list_multiple .first { padding-left:.1em;}
table#day_list_multiple .first th {padding-top:.4em;}
table#day_list_multiple .first span a {padding:0em 1em; display:block;}



/* tableaux stat_mailing_fax ---------------------------------- */
table#stat_mailing_fax th {text-align:center;}
table#stat_mailing_fax th.first {text-align:left;}
table#stat_mailing_fax td {padding:.4em; text-align:center;}
table#stat_mailing_fax td span{padding:0em .5em 0em 0em;}
table#stat_mailing_fax .last {padding-right:.1em;}
table#stat_mailing_fax .first { padding-left:.2em;}
table#stat_mailing_fax .first span{padding-top:.4em;}
table#stat_mailing_fax .first span a {padding:0em 0em; display:block;}

table#stat_mailing_fax tr.pourcent td {font-weight:700;}
table#stat_mailing_fax .first th {padding-top:0.4em; }
table#stat_mailing_fax .last th {padding-bottom:0.1em;}



/* tableaux info_mailing ---------------------------------- */
table#info_mailing { width:400px; }
table#info_mailing .last { padding-right:.1em; }
table#info_mailing .first { padding-left:.1em; }
table#info_mailing .first th { padding-top:.4em; }
table#info_mailing .first span a { padding:0em 1em; display:block; }

table#info_mailing tr th span { padding:em; background:#D9DADB}

table#info_mailing .last span { background:none; font-weight:100; }

table#info_mailing .last .first span,
table#info_mailing .last .status span { 
	background-image: url(images/td-fond-ombre-blanc.gif); 
	background-repeat: repeat-x; 
	background-position: top;
	font-weight:700;
	display:block;
	padding: 1em .5em;
	}

	/* tableaux pricelist ---------------------------------- */
	    table#pricelist td {padding:0.5em;}
	    table#pricelist .first th span,
	    table#pricelist td span{padding:0.5em;}
	    table#pricelist .first { padding-left:.1em;}
	    table#pricelist .first .last { padding-right:.1em;}
	    table#pricelist.first { padding-left:.1em;}
	    table#pricelist .first th {padding-top:.4em;margin-left:0.4em;}







/* div qui sommes nous -------------------------------------------- */
#nous p {
	padding-bottom:1em;
	}



/*  CONTACT-CGI -------------------------------------------- */

#contact{
	padding:0em 0em;
	font-size:11px;
	}

#contact form table{
	padding:1em 1.5em;
    font-size:11px;
	}

#contact form {
	padding:1em 0em;
    font-size:11px;
	}

#contact p {
	padding-bottom:1em;
	}
#contact h2{
    margin-top:0.5em;
    margin-bottom:1em;
	padding:0em 1.2em ;
    font-size:12px;
    font-weight:bold;
	}

#contact textarea{
	border:1px solid #999;
	}
	
#contact input{
	border:1px solid #999;
	}

#contact ul#ulservices li input{
	vertical-align:middle;
    border:none;
padding:0px;
margin:0px;
	}





/* div qui sommes nous -------------------------------------------- */
#conditions li {
	font-size:11px;
	}
#conditions p {
	padding-bottom:1em;
	font-size:11px;
	}

/* div infos -------------------------------------------- */

#infos .main,
#infos .footer { background-color: #eee; }
#infos div a img { border-bottom: 1px dashed white; }

div.info_fax {}

ul#info_fax_list  li{ 
    font-size:90%;
	}
/* ------------------------------------------------------ */



div.liens { text-align: center; margin: 1em 0em; }
div.info_fax { text-align: left; }
div.vignette { float:left; margin-right: 2em; height:320px;}
div.vignette img { border: 2px dotted gray; }

div#copyright { font-size: 9px; color: #666; margin-left: 5px;}

/* ######################### BOUTONS ############################ */

div.button_bar { text-align: right; width: 100%; margin-top: 1em;}
div.button_bar table { float: right; }

.orange {
background-color:#FF850D;
}

table.petit_bouton {
border:0pt none;
border-collapse:collapse;
color:white;
cursor:pointer;
height:21px;
margin:0px;
padding:0px;
width:auto;
}
table.petit_bouton tr.actif {
background-color:#777777;
}
table.petit_bouton tbody tr td {
margin:0px;
padding:0px;
}
table.petit_bouton td.milieu {
background-image:url(images/bt_petit_milieu.png);
background-repeat:repeat-x;
font-family: Verdana , Arial , Helvetica , sans-serif ;
font-weight:400;
padding-right:0.1em;
padding-top:2px !important;
padding-bottom:2px ;
}

table.petit_bouton td.gauche {
background-image:url(images/bt_petit_gauche.png);
background-repeat:repeat-x;
margin:0px;
padding-left:0px;
width:8px;
}

table.cb td.gauche {  background-image:url(images/bt_petit_gauche_cb.png); width: 34px; }
table.petit_bouton td.milieu { padding-left: 0.1em; }

table.petit_bouton td.droite {
background-image:url(images/bt_petit_droite.png);
background-position:right top;
background-repeat:repeat-x;
width:20px;
}

div.pub {
	margin-bottom:12px;
	}

div#pub2 {
	margin-top:15px;
	}