/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#dddddb url(images/body-tail.jpg) top repeat-x;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html
{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.333em;
		color:#3e3f3b;
		
}


/*input, select { vertical-align:middle; font-weight:normal; width:10px;}*/

a {color:#658300;}
a:hover{text-decoration:none;}

p {padding-top:15px;}
strong {
	color:#658300;
	text-align: center;
}
strong a {text-decoration:none;}
strong a:hover {text-decoration:underline;}

/* ============================= main layout ====================== */

.link {display:block; float:right; background:url(images/link-tail-bg.gif) top repeat-x; color:#412d21; font-size:1.083em; line-height:1em; text-decoration:none; font-weight:bold;}
.link span {display:block; background:url(images/link-right-bg.gif) top right no-repeat;}
.link span span {background:url(images/link-left-bg.gif) top left no-repeat; padding:3px 12px 7px 12px;}
.link:hover {text-decoration:underline;}
.box .link span {background:url(images/link-right-bg2.gif) top right no-repeat;}
.box .link span span {background:url(images/link-left-bg2.gif) top left no-repeat;}


li { background:url(images/list-bg.gif) no-repeat 0 6px; padding-left:18px; line-height:1.667em;}
li a { font-weight:bold;}

.marked {background:url(images/list-bg.gif) no-repeat 0 3px; padding-left:15px; color:#658300; text-decoration:underline;}

h2 {color:#412d21; font-size:1.5em; font-weight:bold; line-height:1em; background:url(images/line1.gif) bottom left repeat-x; padding:4px 0 7px 13px; margin-bottom:10px;}
h2 span {color:#639012;}
h3 {color:#412d21; font-size:2em; font-weight:500pt; line-height:1em; text-transform:uppercase; margin-bottom:31px;}
h3 span {color:#639012;}
h4 {font-weight:bold; text-transform:none; margin-bottom:0px;font-size:1.45em;}
h5 {color:#412d21; font-weight:200pt; font-size:1.25em; line-height:1.333em;text-align:justify;}
h5 span {color:#639012;}
h6 {font-weight:bold; font-size:1.0em; padding-left:8px;}
h1 {font-weight:bold; 
	color:#412d21;
	font-size:1.95em;
	line-height:1em;
	text-transform:uppercase;
	padding-left:13px;
    text-indent:justify;
	
	}
h1 span { text-align:justify;}
h1 span span {color:#639012; }
h1 
h7 {text-align:right;}
.h8 {color:#639012; font-size:3.1em; font-weight:500pt; line-height:1em; padding-left:13px;}
h8 span {color:#639012;}
.rss {float:right; margin:-4px 9px 0 0; position:relative;}

cite {font-size:1.083em;}

.imgindent {margin:0 20px 0 0; float:left;}
.extra {float:left; position:relative; margin:0 0 0 -26px;}

/* ============================= header ====================== */

.logo
{
    float: left;
    cursor: pointer;
    width: 380px;
    height: 110px;
    margin: 50px 0 0 35px;
    background: url('images/logo.png') no-repeat;
}

/* ============================= content ====================== */

#content {}
#content .left-bg {width:100%;}
.indent {background:#fff; margin:0 27px 0 33px; padding:1px 34px 40px 32px;}

.col-pad {padding-right:42px;}

.box {background:#e9ebe3 url(images/box-tail-top.gif) top repeat-x;}
.box .corner-bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .corner-bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .corner-top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%;}
.box .indent {background:none; padding:15px 34px 20px 32px; margin:0;}

.box2 {background:url(images/box2-tail-bg.gif) top repeat-x #574b45; color:#fff; margin:0 1px 0 2px;}
.box2 .corner-bottom-right {background:url(images/box2-corner-bottom-right.gif) bottom right no-repeat;}
.box2 .corner-bottom-left {background:url(images/box2-corner-bottom-left.gif) bottom left no-repeat;}
.box2 .corner-top-right {background:url(images/box2-corner-top-right.gif) top right no-repeat;}
.box2 .corner-top-left {background:url(images/box2-corner-top-left.gif) top left no-repeat; width:100%;}
.box2 .indent {background:none; padding:26px 28px 28px 30px; margin:0;}
.box2 strong {text-transform:none; float:right; display:block; margin-bottom:35px; font-size:1.6em; color:#fff;}
.box2 a {color:#8db600; float:right; display:block; margin-top:11px;}


.indent2 {padding:10px 0 0 10px;}
.indent3 {padding:0 10px 0 15px;}
.indent4 {padding:0 0 0 12px;}
.padding1 {padding-top:17px;}
.padding2 {padding-bottom:20px;}
.padding2 span {font-weight:bold; font-size:1.0em;}
.padding3 {padding-top:22px;}
.padding4 {padding-top:32px;}
.padding5 {padding-bottom:22px;}
.margin1 {margin-top:28px;}
.margin2 {margin-top:18px;}

.phone {float:right; margin-right:100px;}

/* ============================= footer ====================== */
.footer_menu
{
    margin-left:20px;
    margin-right:20px;
    padding:25px 100px 46px 0;
}

.footer_left-bg
{
    float: left;
    width: 21px;
    height: 80px;
    background: url(images/footer-left-bg.gif) no-repeat;
}

.footer_foot-bg
{
    float: left;
    width: 878px;
    height: 80px;
    background: url(images/footer-tail-bg.gif);
    color: #151514;
}

.footer_right-bg
{
    float: left;
    width: 21px;
    height: 80px;
    background: url(images/footer-right-bg.gif) no-repeat;
}

.footer_menu
{
    padding:25px 0 46px 0;
}

.footer_menu li
{
    background: none;
    border-left: 1px solid #8db600;
    padding: 0 40px 0 40px;
    min-width: 150px;
    display: -moz-inline-box;
    display: inline;
}

.footer_menu li a
{
    font-weight:normal;
    color: #d0d2c8;
    text-decoration: none;
}

.footer_menu li a:hover
{
    text-decoration:underline;
}

.footer_menu .first
{
    border:none;
}

/* ============================= forms ============================= */


#ContactForm {padding:20px 0 0 0;}
#ContactForm .rowi {height:32px;}
#ContactForm .link {margin:20px 0 0 10px;}

#ContactForm2 {padding:20px 0 0 0;}
#ContactForm2 .rowi {height:32px;}
#ContactForm2 .link {margin:20px 0 0 10px;}

.input {width:323px; height:25px; border:1px solid #4b4b4b; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:323px; height:200px; border:1px solid #4b4b4b; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}

.text-left
{
    padding-left:13px;
    text-indent:justify;
}
.text-organi{
padding-left:30px;

}

.prix {color:#412d21; font-size:1.5em; font-weight:bold; line-height:1em; background:url(images/line1.gif) bottom left repeat-x; padding:4px 0 7px 13px; margin-bottom:10px;}
.prix span {color:#639012;}
.prix-euro {
	font-size: 36px;
	color: #3E3F3B;
}
.page2-bullet {color: #3E3F3B; text-decoration:none; padding-left:30px;}
.progiciel-title {
	font-size: 2em
}

h4 a{font-weight:bold; text-transform:none; margin-bottom:30px; color:#666666; text-decoration:none; padding-left:50px; }
.newtitle {color:#412d21; font-size:2em; font-weight:500pt; line-height:1em; text-transform:uppercase;}

.imgborder{border:1px solid #ccc; padding:2px; background:#eee;}

.vert {color: #658300}

.but: a:hover{
	color:#412d21;
}

.bouton1
{
    cursor: pointer;
    width: 100px;
    height: 27px;
    background: url('images/button1.png') no-repeat;
}

.bouton1:hover
{
    cursor: pointer;
    width: 100px;
    height: 27px;
    background: url('images/button1_hover.png') no-repeat;
}

.button1 { display:block; float:left; background:url(images/button-bg1.jpg) left top repeat-x; color:#fff; text-decoration:none;}
.button1 em { display:block; background:url(images/button-left1.jpg) no-repeat left top;}
.button1 b { display:block; background:url(images/button-right1.jpg) no-repeat right top; padding:3px 18px 20px 18px; font-weight:bold; font-style:normal;}
.button1:hover { color:#000;}

.button2 { display:block; float:left; background:url(images/button-bg2.jpg) left top repeat-x; color:#fff; text-decoration:none;}
.button2 em { display:block; background:url(images/button-left2.jpg) no-repeat left top;}
.button2 b { display:block; background:url(images/button-right2.jpg) no-repeat right top; padding:20px 18px 20px 18px; font-weight:bold; font-style:normal; font-size: 16px}
.button2:hover { color:#000;}
.txtt{
	width:330px;
	height:17px;
	font-size:12px;
}
.txtt2{
	width:380px;
}
.ClientInput{
	height:17px;
	font-size:12px;
}
.ClientBtn{
	width:75px;
	height:25px;
	font-size:12px;
}
.txtareat{
	width:330px;
	font-size:12px;
}



/* css/tooltip.css -- fancy tooltips */

span.tool {
  position: relative;   /* this is key */

}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 30px;
  left: 0;
  width: auto;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: left;
  color: #000;
}

#content span.tool::after {
  padding-left: 2px;            /* eye candy */
  content: url(/img/bubble.gif);
}

/* css/tooltip.css */