/*	=Reset css
    ------------------------- */

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,
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-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

#sub img{
	display:block;
	margin:30px auto 0px auto;
}

img.plan{
	display:block;
	margin:30px auto;
	border:3px solid #FF90B8;
	clear:both;
}

.product-inside img{
	display:inline;
	margin:0px;
}

/*	=General styles
    ------------------------- */
body {
  font: 62.5%/1.5em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color : #fff;
  background : #CD669B;
  margin : 0;
  padding : 0;
}

h1, h2, h3, h4, h5, h6 {
  margin-top : 0;
  margin-bottom: 0.4em;
  color: #3E7B15;
}

h1 { font-size: 180%; }
h2 { font-size: 18px; font-family: Century Gothic, Arial, Helvetica, sans-serif; }
h3 { font-size: 120%; font-family: Century Gothic, Arial, Helvetica, sans-serif;}
h4, h5, h6 {color:#fff; font-size:14px;display:block;margin-top:20px;font-family:Arial, Helvetica, sans-serif;}
h5{text-decoration:underline;font-weight:bold;}
#main #interne-content h4.plan{margin-top:-20px;text-align:center;font-size:16px;}

.maintitle {
  font-weight: bold;
}

p {
  margin-bottom: 0.4em;
  font-size: 1em;
  line-height:1.4em;
}

#sub strong { font-weight: bold;font-family:arial; }
#sub em {color:#3E7B15;padding:3px 0 0 0;font-style: italic; font-family:arial;display:block;font-size:12px;font-weight:normal;}

strong {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin:0pt 0pt 0pt 0px;
}

em{
	font-style:italic;
}

a { font-family: Arial, Helvetica, sans-serif; color: #3E7B15;text-decoration: none; }
a:hover { color: #3E7B15; text-decoration: underline; }

p a{color:#fff;text-decoration:underline;};

pre { overflow: auto; width: 100%; height: auto; }


/*	=Common classes
    ------------------------- */

.left { float: left; }
.right { float: right; }
.text-right { text-align: right; }
.accessibility { display: none; }
.clear { clear: both; }
.maximal { width: 100%; }
.twocol { width: 49.9%; }
.small { font-size: 0.8em; }

.errors {
  border: solid 1px #950003;
  background: #FFD0BF;
  font-weight: bold;
  color: #000;

}

p.msg_ok{
	text-align:center;
	color:#FEA7C6;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

p.msg_error{
	text-align:center;
	color:#FEA7C6;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.form_error {
  padding: 2px 5px;
  font-weight: normal;
  text-align:center;
}

.form_error em{
  display:inline;
  color:#FEA7C6;
}

.confirms {
  border: solid 1px #DF9D00;
  background: #C4D100;
  padding: 5px;
  font-weight: bold;
  color: #000;

}

/*	=Tools
    ------------------------- */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html>body .clearfix {
  display: inline-block;
  width: 100%;
}

* html .clearfix {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
}

/* ovpi
   -------------------------- */
#alerte {width:960px;margin:0 auto;background:#DA2828;color:#fff;border-bottom:1px solid #fff;}
#alerte h2 {font-size:2em;color:#fff;padding:10px;margin:0;}
#alerte p {font-size:1.2em;padding:3px 10px;margin:0;}
/*js-enabled*/
#trame {position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:#000;opacity:0.7;-moz-opacity:0.7;filter: Alpha(opacity=70);}
#alerte.js-enabled {position:absolute;background:#fff;border:0;left:50%;top:50%;margin-top:-128px;margin-left:-244px;padding:10px;height:256px;width:488px;z-index:99;padding:0;}
#alerte.js-enabled h2{font-size:2.5em;text-align:right;color:#DA2828;padding:0 20px 0 0;margin-bottom:0.75em;}
#alerte.js-enabled p{font-size:1.6em;color:#000;padding:10px;line-height:1.2em;}
#js-close-alert a{position:absolute;right:1px;top:1px;width:26px;height:26px;text-indent:-5000px;background:url(img/close-alert.gif) 0 0 no-repeat;}




/*	=Layout
    ------------------------- */
div#wrapper {
  position: relative;
  width: 950px;
  margin: 0 auto;
}

div#header {
  width: 950px;
  height: 115px;
}

div#navigation {
  position: absolute;
  z-index: 10;
  top:100px;
}

div#content {
  position: relative;
  width: 950px;
}

div#main {
  display: inline;
  float: left;
  margin-left: 370px;
  margin-right: -280px;
  width: 250px;
}

div#main.interne{
	margin-left:20px;
	width:610px;
}

div#sub {
  display: inline;
  float: right;
  width: 320px;
}

div#local {
  position:relative;
  z-index:1000;
  display:inline;
  float:left;
  margin-left: -370px;
  width: 350px;
  margin-top:420px;
}

#swfhome{
	position:absolute;
	left:10px;
	top:-1px;
}



div#footer {

}

/*	=Table
    ------------------------- */

table {
  margin: 5px 0;
  width: 100%;
}

th {
  background: #9682D1;
  padding: 2px;
  font-weight: bold;
  text-align: left;
}

td {
  padding: 2px;
  border-bottom: solid 1px #291959;
}


/*  =Form
    ------------------------- */
fieldset {
  border-color:#C4D200;
  border-style:solid none none;
  border-width:1px 0pt 0pt;
  margin:0pt 0pt 10px;
  padding:15px;
}

fieldset legend {
  font-size:1.1em;
  font-weight:bold;
  padding:0pt 5px;
  color: #C4D200;
}

fieldset legend em {
  font-size: 0.9em;
  font-weight: normal;
  font-style: normal;
}

.required {
  color: #C4D200;
  padding: 0 0 0 2px;
}

/*  =Wrapper
    ------------------------- */
#wrapper {
  padding: 0 10px;
  background: #CC6699 url(img/wrapper.jpg) 10px top no-repeat;
}

#wrapper.interne {
  padding: 0 10px;
  background: #CC6699 url(img/wrapper_interne.jpg) 10px top no-repeat;
}

/*  =Header
    ------------------------- */
#header #brand {
  position: absolute;
  top:0;
  left: 50px;
  width: 312px;
  height: 142px;
  text-indent: -9900em;
  background: transparent;
}

#header #brand a {
  display: block;
  width: 312px;
  height: 142px;
  text-indent: -9900em;
}

#slogan {
  position: absolute;
  top: 28px;
  left: 380px;
  width: 260px;
  height: 59px;
  text-indent: -9900em;
  background: transparent url(img/slogan.gif) left top no-repeat;
}

/*  =Navigation
    ------------------------- */
#navigation #menu {
  position: absolute;
  left: 673px;
}

*html #navigation #menu {
  position: absolute;
  left: 666px;
}

#menu li {
  margin-bottom: 6px;
}

#menu li li {
  margin: 0;
  border: none;
  text-align: center;
}

#menu a {
  display: block;
  height: 25px;
  width: 150px;
  background: #009933;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-family: "Century Gothic", Helvetica, Arial, sans-serif;
}

#menu strong {
  font-weight: normal;
  cursor: pointer;
}

#menu li {
  width: 160px;
  border-left:2px solid #000;
}

#menu .root {
  width: 250px;
}

#menu .gps a,
#menu .carte a {
  width: 192px;
}

#menu .root a {
  background: transparent url(img/rounded-parent.gif) right top no-repeat;
  width:255px;
}

#menu .gps a strong,
#menu .carte a strong,
#menu .root a strong {
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
  display: block;
  height: 21px;
  border: solid 2px #000;
  border-width: 2px 0;
  margin-right: 13px;
  padding: 0 0 0 10px;
  line-height: 21px;
  background: #F33;
  font-size:14px;
  font-style:normal;
}

#menu .gps a strong,
#menu .carte a strong {
  margin-right: 62px;
  background: #009933;
}

#menu .gps a {
  background: transparent url(img/rounded-gps.gif) right top no-repeat;
}

#menu .carte a {
  background: transparent url(img/rounded-carte.gif) right top no-repeat;
}

#menu ul.child {
	border:2px solid #000;
	width:242px;
	border-top:none;
	border-left:1px solid #000;
}

#menu .child li {
  width: 220px;
  margin: 0;
}

#menu .child li a {
  margin: 0;
  padding: 5px;
  color: #000;
  font-weight: normal;
  width: 228px;
  height: auto;
  font-size: 12px;
  background: #FFCCCC;
  display: block;
  border: solid 2px #F33;
}

#menu .child li a:hover {
  background: #F33;
  color: #fff;
}

#menu .child li.sub-item {
  width: 224px;
  border:2px solid #6382B4;
}

#menu .child li.sub-item .item-title {
  background: #6382B4;
  display: block;
  width: 220px;
}

#menu .child li.sub-item a {
  margin: 0;
  padding: 5px 0 5px 0;
  color: #000;
  font-weight: normal;
  width: 224px;
  height: auto;
  font-size: 12px;
  background: #CCCCFF;
  display: block;
  border-color: #6382B4;
  border-width: 0 0 0px 0;
}

#menu .child li.sub-item a:hover {
  background: #6382B4;
  color: #fff;
}

/*  =Content
    ------------------------- */
#content {
  font-size: 1.2em;
}

/*  =Main
    ------------------------- */
	
	/*Fils d'ariane*/
#ariane{
	position:absolute;
	top:210px;
}

*html #ariane{
	position:absolute;
	top:205px;
}

#ariane ul{
	width:600px;
	padding:0 0 0 0px;
}

#ariane li{
	margin:0 0 0 5px;
	display:inline;
}

#ariane li.first a{
	margin:0 0 0 8px;
	display:inline;
}

#ariane li a{
	width:191px;
	height:20px;
	float:left;
	padding:3px 0 0 0;
	background:url(img/minimenuVD.gif) center top no-repeat;
	color:#fff;
	margin:0 0 0 8px;
	text-align:center;
}

#ariane a:hover{
	text-decoration:none;
}

#ariane a.active{
	background:url(img/minimenuVDalt.gif) center top no-repeat;
	color:#000;
}
/*End fils d'ariane*/

/*interne content*/
.partenaire{
	clear:both;
}

#main #interne-content{
	margin-top: 140px;
	font-family:arial;
}

#main #interne-content ul{
	margin:14px 0 10px 10px;
}

#main #interne-content li{
	background:url(img/puce.gif) left 3px no-repeat;
	padding:0 0 0 13px;
	margin:6px 0 6px 0px;
}

#main #interne-content h2{
	color:#fff;
	text-align:right;
	text-decoration:underline;
	font-weight:bold;
	font-family:Century Gothic;
	font-size:18px;
	padding: 29px 0 0px 0;
    background: url(img/titrage.jpg) right top no-repeat;
	height:90px;
}

#main #interne-content p.name{
	font-weight:bold;
	/*background:url(img/puce.gif) left 2px no-repeat;
	padding:0 0 0 15px;*/
}

#main #interne-content p.description{
	margin:0 0 0 10px;
	padding:5px 0 15px 0;
}

#main #interne-content .accueil h2{
	text-align:center;
}

#main #interne-content h3{
	color:#fff;
	text-align:right;
	font-size:13px;
	font-style:italic;
	font-weight:normal;
	position:relative;
	margin-top:-75px;
	padding:0 0 30px 0;
}

#main #interne-content h4{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#CCCC66;
}


#main #interne-content #titrage.accueil{
  background: url(img/titrage.jpg) center top no-repeat;
  height:95px;
}

#main #interne-content p{
  font-family:arial;
  font-size:12px;
  padding-top:15px;
}

#main #interne-content #maintenance_regie{
  margin: 0 0 0 20px;
}

#main #interne-content .left{
  float:left;
  margin:15px 10px 0pt 0px;
  /*border:2px solid #cecc67;*/
}

#main #interne-content .left img, #main #interne-content .right img{
  margin:0 0;
}

#main #interne-content .right{
  float:right;
  margin:0px 0px 0 10px;
}

#main #interne-content span.red{
  font-family:arial;
  color:#E10000;
  font-weight:bold;
  padding-right:5px;
}

#main #interne-content ul#reseaux{
	margin:10px 0 10px 15px;
}

#main #interne-content ul#noir_blanc li{
	background: url(img/puce.gif) left 3px no-repeat;
	padding: 0 0 0 13px;
}

#main #interne-content ul#reseaux li.decal{
	background:none;
	margin:10px 0 10px 18px;
}

#main #interne-content li.underline{
	text-decoration:underline;
	background:none;
	margin:10px 0 10px 0;
}

#main #interne-content ul.menu#informatique{
	background: url(img/fondmenu.jpg) center top no-repeat;
	height:430px;
	padding:110px 0 0 82px;
}

#main #interne-content ul.menu#informatique li, #main #interne-content ul.menu#esprit li{
	background: none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#main #interne-content ul.menu#esprit{
	background: url(img/fondmenuesprit.jpg) center top no-repeat;
	height:250px;
	padding:70px 0 0 82px;
}

#main #interne-content ul.menu li#title{
	padding:7px 0 7px 15px;
	background:#6382B4;
	width:431px;
}

#main #interne-content ul.menu a{
	padding:10px 10px 10px 10px;
	color:#000;
	text-decoration:none;
	display:block;
	width:420px;
}

#main #interne-content ul.menu a:hover{
	color:#fff;
}

#main #interne-content ul.menu a.pink{
	background: #FFCCCC url(img/flechemenurose.gif) right center no-repeat;
	border:3px solid #FF3333;
}

#main #interne-content ul.menu a:hover.pink{
	background: #FF3333 url(img/flechemenurosehover.gif) right center no-repeat;
	border:3px solid #FF3333;
}

#main #interne-content ul.menu a.blue{
	background: #CCCCFF url(img/flechemenubleu.gif) right center no-repeat;
	border:3px solid #6382B4;
}

#main #interne-content ul.menu a:hover.blue{
	background: #6382B4 url(img/flechemenubleuhover.gif) right center no-repeat;
	border:3px solid #6382B4;
}

#main #interne-content p.center{
	text-align:center;
}

#main #interne-content p.italic{
	font-style : italic;
	margin:0 0 0 0;
	padding:5px 0 0 0;
}

#main #interne-content p.bold{
	font-size:14px;
	font-weight:bold;
}

#main #interne-content p.underline{
	text-decoration:underline;
}

#main #interne-content p#contact{
	background: url(img/contact.jpg) left top no-repeat;
	margin-top:20px;
	padding:4px 0 0 45px;
}

#main #interne-content .expand ul#point_vue li{
	float:left;
	height:110px;
	background:none;
	margin:10px 0 10px 10px;
}

#main #interne-content .expand ul#point_vue img{
	margin:0;
	border:2px solid #FF90B8;
}

#main #interne-content.plansite ul#plan {
	margin:0px 0 0 15%;
	font-family:arial;
	font-size:14px;
	padding: 0 0 0 14px;
}

#main #interne-content.plansite ul#plan li a{
	color:#fff;
	text-decoration:none;
}

#main #interne-content.plansite ul#plan li a:hover{
	text-decoration:underline;
}

#main #interne-content.plansite ul#plan li{
	padding:10px 0 0 0px;
	font-weight:bold;
	font-size:14px;
	background:none;
}

#main #interne-content ul.sub-nav{
	margin:10px 0 10px 25px;
	padding:0 0 10px 10px;
	border-left:2px solid #CECC67;
	font-weight:normal;
}

#main #interne-content ul.sub-nav li{
	padding:1px 0 0 0;
	font-weight:normal;
}

html* #main #interne-content #presta_left{
	float:left;
	width:auto;
	margin:-20px 0 0 0;
}

#prestataire{
	position:relative;
	float:left;
	width:260px;
	margin-top:-200px;
}

#main #interne-content ul.sub-nav li span#li{
	font-weight:normal;
	padding:0 5px 0 5px;
}

#main #interne-content ul.sub-nav li a{
	font-weight:normal;
	padding:0 0 0 0;
	text-decoration:none;
}

#main #interne-content ul.sub-nav li a:hover{
	text-decoration:none;
}

#main #interne-content ul.sub-nav li a.blue{
	padding:0 5px 0 5px;
	text-decoration:none;
}

#main #interne-content ul.sub-nav li a:hover.blue{
	text-decoration:none;
}

#main #interne-content ul.sub-nav li a.pink{
	padding:0 5px 0 5px;
}

#main #interne-content ul.sub-nav li a:hover.pink{
	text-decoration:none;
}

#main #interne-content ul#solution{
	margin:10px 0 10px 25px;
	padding:0 0 10px 10px;
	border-left:2px solid #6382B4;
}

#main #interne-content ul#mentions{
	margin:10px 0 10px 25px;
}

#main #interne-content ul#mentions li span{
	text-decoration:underline;
}

#main #interne-content ul#mentions li a{
	color:#fff;
	text-decoration:none;
}

#main #interne-content ul#mentions li a:hover{
	text-decoration:underline;
}

#main #interne-content p.decal{
	padding-left:15px;
}

#main #interne-content p#border{
	border-top:1px solid #CCCC66;
	margin-top:15px;
	width:90%;
}

.expand{
	clear:both;
	padding:0 10px 0 10px;
}

.expand p#preambule{
	color:#CCCC66;
}

.expand .hr{
	clear:both;
	display:block;
	height:20px;
	margin:10px 10px 0 0;
	background:url(img/partenaire.gif) left bottom no-repeat;
}

h5.first{
	margin:30px auto 0px auto;
}

h5{
	text-decoration:none;
	padding:10px 0 4px 0;
	width:100%;
	font-size:12px;
	margin:10px auto 0px auto;
}

.expand img{
	display:block;
	margin:10px 10px 10px 0;
	float:left;
}

#main #interne-content .expand .left{
	float:left;
	margin:20px 10px 5px 0;
}

#main #interne-content .expand .partenaire .left{
	float:left;
	margin:0px 10px 5px 0;
}

.expand h6{
	color:#CECC67;
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
}

/*actualites*/

hr{
	display:none;
	border:none;
}

#main #interne-content .hr#asc{
	height:20px;
	background:url(img/asc.jpg) center top no-repeat;
	margin:20px 0 10px 0;
	width:600px;
}

#main #interne-content .hr#desc{
	height:20px;
	background: url(img/desc.jpg) center top no-repeat;
	margin:20px 0 10px 0;
	width:600px;
	border:0;
}
/*formulaire*/

form{
	margin-top:20px;
}

form label{
	width:20%;
	text-align:right;
	padding-right:10px;
	float:left;
	padding-left:30px;
}

form input, textarea, select{
	width:50%;
	border:1px solid #000;
}

p.bouton{
	width:57%;
	float:right;
}

p.bouton input{
	width:22%;
	background:#CECC67;
}

/* edito */

#main #edito {
  position:relative;
  top: 145px;
  font-size: 1.2em;
  font-family:arial;
  line-height:1.5em;
}

* html #main #edito{
  position:relative;
  top: 151px;
  font-size: 1.2em;
  font-family:arial;
  line-height:1.5em;
}

*+html #main #edito{
  position:relative;
  top: 151px;
  font-size: 1.2em;
  font-family:arial;
  line-height:1.5em;
}

#main #edito img {
  position:relative;
  left:17px;
  float:right;
  margin-top:-99px;
}

/*  =Sub
    ------------------------- */

/* entries => actualites */

#sub #entries {
  margin-top: 244px;
  background: #CCCC66 url(img/news-background.gif) left top repeat-y;
}

#sub #entries #entries-inside {
  background: transparent url(img/news-bottom.gif) left bottom no-repeat;
  padding: 0 42px 10em 34px;
  min-height: 391px;
  height: auto !important;
  height: 391px;
  color: #000;
  font: 1em/1.2em Arial, sans-serif;
}

#sub #entries #entries-inside .accessibility {
	display:block;
	clear:both;
}

#sub #entries #entries-inside .accessibility  hr{
	display:none;
}

#entries h3 {
  background: #FF9;
  color: #000;
  font: 1.2em/1.2em "Century Gothic", Helvetica, Arial, sans-serif;
  padding-left: 5px;
  margin-bottom: 1.2em;
}

#entries h4 {
  font-weight:bold;
  margin:12px 0 7px 0px;
  border-top:1px solid #000;
  padding:13px 0 0 15px;
}

#sub #entries ul{
  margin:0 0 0 35px;
}

#sub #entries li a{
  text-decoration:underline;
  position:relative;
  z-index:10;
}

#entries .hentry {
  padding-left: 5px;
  padding-bottom: 1em;
}

#entries .hentry a{
  text-decoration:none;
  padding:0 0 10px 0;
  position:relative;
  height:auto;
}

#main.interne .post-date{
  font-style:italic;
  margin:-15px 0 8px 0;
  text-decoration:underline;
}

#entries .post-date{
  font-style:italic;
  text-align:right;
  margin:-15px 0 8px 0;
}

#main.interne h4.entry-title, #main.interne h4.entry-title a{
  font-size:14px;
  color:#CCCC66;
  font-weight:bold;
  display:block;
}

#main.interne .entry-content a{
  font-size:12px;
  color:#FCBBD2;
  text-decoration:underline;
  font-weight:normal;
  width:auto;
  margin:0 0 0 0;
}

#entries .hentry .entry-title,
#entries .hentry .entry-content,
#entries .hentry .tags {
  padding-left: 20px;
}

#entries .hentry .entry-title {
  background: transparent url(img/entry-title.gif) left top no-repeat;
  font-weight: bold;
}

#entries .hentry .entry-content {
  margin-bottom: 0.2em;
}

#entries .hentry .entry-content a{
  display:block;
  margin-top:5px;
  text-decoration:none;
}

#entries .hentry .entry-content a:hover{
  text-decoration:underline;
}

#entries .hentry a.all{
	font-weight:bold;
	color:#fff;
	font-size:14px;
	padding:13px 0 0 15px;
	margin:0 0 7px 0;
}

/* partnerships */
#partnerships {
  margin-top: 0px;
  padding: 0 0 20px 20px;
  height: 40px;
}

#partnerships img{
  display:inline;
  margin:0;
}

#partnerships a{
  width:auto;
}

#partnerships .microsoft {
  display: block;
  float: left;
  height: 37px;
  margin: 10px 10px 0 0;
}

#partnerships .xerox {
  display: block;
  float: left;
  width: 129px;
  height: 37px;
  text-indent: -9900em;
  background: transparent url(img/partnership-xerox.gif) left top no-repeat;
}

/*  =Local
    ------------------------- */

#products {

}

.product {
  background: transparent url(img/push.gif) left top repeat-y;
  width: 174px;
  float: left;
  color: #EA0B11;
  margin:25px 0 0 0;
}

.product * {
  margin: 0;
  padding: 0;
}

.product h4 {
  color: #EA0B11;
  font-weight: bold;
}

.product-inside {
  padding-bottom: 20px;
  min-height: 200px;
  height: auto !important;
  height: 200px;
}

.first-product .product-inside {
  background: transparent url(img/push-bottom-left.gif) left bottom no-repeat;
}

.second-product .product-inside {
  background: transparent url(img/push-bottom-right.gif) left bottom no-repeat;
}

.product-picture,
.product-category,
.product-title,
.product-excerpt,
.product-image,
.product- {
  padding: 0 20px;
  text-align: center;
}

.product-download{
	padding: 10px 20px 0px 20px;
}

.product-picture {
  text-align: center;
  padding-top: 15px;
  min-height: 105px;
  height: auto !important;
  height: 105px;
}

.product-title {
  text-align: center;
  padding-top: 15px;
  /*min-height: 105px;
  height: auto !important;
  height: 105px;*/
}

.first-product .product-picture {
  background: transparent url(img/push-top-left.gif) left top no-repeat;
}

.first-product .product-titre {
  background: transparent url(img/push-top-left.gif) left top no-repeat;
  padding:30px 10px 15px 10px;
  text-align:center;
}

.first-product .product-image {
  background: none;
  margin:0 auto;
}

.first-product .product-image img{
  width:50%;
  margin:0 auto;
}

.second-product .product-picture {
  background: transparent url(img/push-top-right.gif) left top no-repeat;
}

.product-excerpt {
  font-size: 0.8em;
}

/*  =Footer
    ------------------------- */
#footer {
  margin-top: 20px;
  margin-bottom: 1em;
  background: #000;
  padding: 2px;
  color: #fff;
  text-align: center;
  font-size: 1.1em;
}

#footer a {
  color: #fff;
}

#footer p {
  background: #009933;
  padding: 5px;
  margin: 0;
}

/*thickbox*/

/* - - - - - - CSS Document - - - - - - - - -

Title : Style Sheet for Thickbox
Author : Cody Lindley, Jason Levine

- - - - - - - - - - - - - - - - - - - - - */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #fff;}
#TB_window a:visited {color: #fff;}
#TB_window a:hover {color: #fff;}
#TB_window a:active {color: #fff;}
#TB_window a:focus{color: #fff;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  height:100%;
  width:100%;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #BC799C;
  z-index: 102;
  color:#000000;
  display:none;
  /*border: 4px solid #CCCC66;*/
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}