* {padding:0;margin:0;}
html{font-size:100%;}
body {
	font-size:.8em;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	background-color:#374548;
}
img{border:0;}
a,
a:visited {
	text-decoration:underline;
	color:#00f;
}
a:hover {
	text-decoration:underline;
	color:#00a;
}
h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:110%;}
h4{font-size:100%;}
table, td, select, input, textarea, li {
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
}
input[type="text"],
input[type="password"],
textarea {
	font-size:12pt;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-weight:normal;
	margin-bottom:5px;
	border:1px solid #666;
	background:#fafafa;
}
.title {
	width:925px;
	height:124px;
	margin:0 auto;
	position:relative;
	background:#374548 url(images/menu.png) no-repeat left top;
}
.title h1 {
  /*
	color:#fff;
	font-size:30px;
	position:absolute;
	bottom:40px;
	letter-spacing:4px;*/
  display:none;
}
.title h2 {
	display:none;
}
.site {
	width:925px;
	margin:0 auto;
	background-color:#fff;
}
.menu {
	width:925px;
	height:30px;
	position:absolute;
	bottom:0;
/* 	background-color:#000; */
}
.menu ul {
	padding-left:30px;
}
.menu li {
	float:left;
	list-style:none;
	padding:0 0 0 5px;
	background:#393939 url(images/menuBgLeft.png) no-repeat scroll left top;
	margin:5px 1px 0 1px;
}
.menu li a,
.menu li a:visited {
	float:left;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background:#393939 url(images/menuBgRight.png) no-repeat scroll right top;
	padding:3px 16px 7px 7px ;
	height:15px;
}
.menu li a:hover {
	text-decoration:none;
	color:#88b8ff;
}
.menu li.current {
	background:#fff url(images/menuBgLeftCurrent.png) no-repeat scroll left top;
}
.menu li.current a,
.menu li.current a:visited,
.menu li.current a:hover {
	background:#fff url(images/menuBgRightCurrent.png) no-repeat scroll right top;
	color:#000;
}
.page {
	padding:10px;
	background:#fff url(images/bas_page.png) no-repeat left bottom;
}
.content {
	background:#fff url(images/bgPage.png) no-repeat left top;
}
.accueil {
	display:block;
	background:#fff url(images/fond_accueil.png) no-repeat left top;
	width:905px;
	height:310px;
}
.accueil li {
	list-style:none;
	display:block;
}
.menu-accueil {
	height:90px;
}
.menu-accueil li {
	list-style:none;
	float:left;
}
.menu-accueil li a {
	display:block;
	height:90px;
	width:181px;
}
.menu-accueil li a span {
	display:none;
}
.menu-accueil-0,
.menu-accueil-0:link,
.menu-accueil-0:visited {
	background:#529fd0 url(images/boutons_accueil.png) no-repeat 0 0;
}
.menu-accueil-0:hover {
	background:#529fd0 url(images/boutons_accueil.png) no-repeat 0 -90px;
}
.menu-accueil-0-selected {
	background:#529fd0 url(images/boutons_accueil.png) no-repeat 0 -180px;
	outline-style:none;
}
.menu-accueil-1,
.menu-accueil-1:link,
.menu-accueil-1:visited {
	background:#529fd0 url(images/boutons_accueil.png) no-repeat -181px 0;
}
.menu-accueil-1:hover {
	background:#529fd0 url(images/boutons_accueil.png) no-repeat -181px -90px;
}
.menu-accueil-1-selected {
	background:#529fd0 url(images/boutons_accueil.png) no-repeat -181px -180px;
	outline-style:none;
}
.menu-accueil-2,
.menu-accueil-2:link,
.menu-accueil-2:visited {
	background:#529fd0 url(images/boutons_accueil.png) no-repeat -362px 0;
}
.menu-accueil-2:hover {
	background:#529fd0 url(images/boutons_accueil.png) no-repeat -362px -90px;
}
.menu-accueil-2-selected {
	background:#529fd0 url(images/boutons_accueil.png) no-repeat -362px -180px;
	outline-style:none;
}
.menu-accueil-3,
.menu-accueil-3:link,
.menu-accueil-3:visited {
	background:#529fd0 url(images/boutons_accueil.png) no-repeat -543px 0;
}
.menu-accueil-3:hover {
	background:#529fd0 url(images/boutons_accueil.png) no-repeat -543px -90px;
}
.menu-accueil-3-selected {
	background:#529fd0 url(images/boutons_accueil.png) no-repeat -543px -180px;
	outline-style:none;
}
.menu-accueil-4,
.menu-accueil-4:link,
.menu-accueil-4:visited {
	background:#529fd0 url(images/boutons_accueil.png) no-repeat -724px 0;
}
.menu-accueil-4:hover {
	background:#529fd0 url(images/boutons_accueil.png) no-repeat -724px -90px;
}
.menu-accueil-4-selected {
	background:#529fd0 url(images/boutons_accueil.png) no-repeat -724px -180px;
	outline-style:none;
}
h3 {
	padding:4px 30px 4px 0;
	margin:10px 0;
	background-color:#4a7fce;
	color:#fff;
	text-align:right;
}
.page-classique {
	clear:both;
	padding:10px 0;
}
.page-classique h3 {
	padding:4px 30px 4px 0;
	margin:10px 0;
	background-color:#4a7fce;
	color:#fff;
	text-align:right;
}
.page-classique-img-left {
	float:left;
	margin-right:10px;
	padding-top:10px;
}
.page-classique-img-right {
	float:right;
	margin-left:10px;
	padding-top:10px;
}
.page-classique p {
	text-align:justify;
	padding:10px;
	margin:0;
}
.page-classique ul {
	padding:10px;
	margin:0;
}
.page-classique li {
	list-style-position:inside;
}
.required {
	color:#c80000;
}
.submit {
	padding:10px;
	text-align:center;
}
div.page-galerie {
	float:left;
}
div.page-galerie a {
	display:block;
	width:250px;
	height:200px;
	text-align:center;
}
div.page-galerie:hover {
	cursor:pointer;
}
div.page-galerie:hover a,
div.page-galerie a:hover {
	cursor:pointer;
}
div.page-galerie span {
	margin:0px 10px 10px 10px;
	text-align:center;
	display:block;
	width:250px;
	font-size:1.1em;
	color:#999;
	line-height:1.3em;
}
div.page-galerie:hover span {
	color:#000;
	cursor:pointer;
}
.page-fichier {
	background-color:#FFFFFF;
	border:1px dashed #CCCCCC;
	float:left;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	width:100%;
	padding:5px;
	margin:5px 0 5px 0;
}
.page-fichier:hover {
	background-color:#EBEBEB;
}
.page-fichier-img {
	float:left;
	padding-right:10px;
}
.page-fichier-img img {
	border:0;
	margin:0;
	padding:0;
}
.page-fichier-liste {
	float:left;
	text-align:left;
}
.infos-liberte {
	font-size:10px;
  width:500px;
  margin:0 auto;
  padding-bottom:20px;
}
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img {
	border: none;
}

#lightboxImage {
	border:1px solid #666;
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink,#nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(images/lightbox/blank.gif) no-repeat;
	/* Trick IE into showing hover */
	display: block;
}

#prevLink {
	left: 0;
	float: left;
}

#nextLink {
	right: 0;
	float: right;
}

#prevLink:hover,#prevLink:visited:hover {
	background: url(images/lightbox/prev.gif) left 15% no-repeat;
}

#nextLink:hover,#nextLink:visited:hover {
	background: url(images/lightbox/next.gif) right 15% no-repeat;
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
}

#imageData {
	padding: 0 10px;
	color: #666;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
hr.invisible, .nettoyeur {
  clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px;
  /display:none; /* hack ie6 */
 }
.footer {
	text-align:center;
	color:#d5d5d5;
	padding:10px;
}
.footer a,
.footer a:visited {
	color:#66bff8;
	text-decoration:none;
}
.footer a:hover {
	color:#66bff8;
	text-decoration:underline;
}
.accueil .left,
.accueil .right {
	float:left;
	padding:10px;
	width:430px;
	height:290px;
}
.accueil .left {
	margin-right:5px;
}
.accueil h3 {
	margin:0;
	background-color:transparent;
	color:#fff;
	text-align:center;
	font-size:20px;
	letter-spacing:-1px;
	font-weight:normal;
	padding:20px 0;
}
.accueil p {
	text-align:justify;
	font-size:12px;
	color:#fff;
	font-weight:normal;
}
.accueil-bouton-plus,
.accueil-bouton-cmd {
	margin:20px auto;
	display:block;
	width:200px;
	height:30px;
}
.accueil-bouton-plus span,
.accueil-bouton-cmd span {
	display:none;
}
.accueil-bouton-plus,
.accueil-bouton-plus:link,
.accueil-bouton-plus:visited {
	background:url(images/boutons_plus.png) no-repeat 0 0;
}
.accueil-bouton-plus:hover {
	background:url(images/boutons_plus.png) no-repeat 0 -30px;
}
.accueil-bouton-cmd,
.accueil-bouton-cmd:link,
.accueil-bouton-cmd:visited {
	background:url(images/boutons_plus.png) no-repeat -200px 0;
}
.accueil-bouton-cmd:hover {
	background:url(images/boutons_plus.png) no-repeat -200px -30px;
}
#menu-accueil-0 .right {
	background:url(images/Oueb-Asso-Site-Internet-pour-99-Euros-par-an.png) no-repeat 0 0;
}
#menu-accueil-1 strong {display:block; text-shadow:0px 0px 0px #fff; font-size:12px; padding:0 0 2px 0;color:#fff;}
#menu-accueil-1 em {font-style:normal;color:#fff;font-size:11px;}
#menu-accueil-1 ul{ width:200px; float:left;padding-right:15px;}
#menu-accueil-1 ul li{ padding: 15px 0; height:40px; }
#menu-accueil-1 h4 { width:400px;margin: 20px 5px 0 0; padding: 0 0 4px 0;color:#fff;font-size:14px; border-bottom:1px solid #6eb8f1;text-shadow:0 0 0 #fff;}
#menu-accueil-1 .icon {float:left; margin-right:6px;}
#menu-accueil-2 .left {
	background:url(images/Oueb-Asso-Outils-de-mise-a-jour.png) no-repeat 0 0;
}
#menu-accueil-3 .right {
	background:url(images/Oueb-Asso-Assistance-et-documentation.png) no-repeat 0 0;
}
#menu-accueil-4 .right {
	background:url(images/Oueb-Asso-Parrainnage.png) no-repeat 0 0;
}
.commandeTop {
  background:#fff url(images/bgPageTop.png) no-repeat scroll left top;
  height:10px;
}
.commandeMiddle {
  background:#fff url(images/bgPageMiddle.png) repeat-y scroll left top;
}
.commandeMiddle p {
  padding:5px;
}
.commandeBottom {
  background:#fff url(images/bgPageBottom.png) no-repeat scroll left top;
  height:20px;
}
h3.commandeEtape1,
h3.commandeEtape2,
h3.commandeEtape3,
h3.commandeEtape4 {
  height:76px;
  width:905px;
  background:#fff url(images/boutons_commande.png) no-repeat scroll left top;
	padding:0;
	margin:0;
  margin-bottom:10px;
}
h3.commandeEtape1 span,
h3.commandeEtape2 span,
h3.commandeEtape3 span,
h3.commandeEtape4 span {
  display:none;
}
h3.commandeEtape2 {
  background:#fff url(images/boutons_commande.png) no-repeat scroll left -76px;
}
h3.commandeEtape3 {
  background:#fff url(images/boutons_commande.png) no-repeat scroll left -152px;
}
h3.commandeEtape4 {
  background:#fff url(images/boutons_commande.png) no-repeat scroll left -228px;
}
.page h2 {
  text-align:center;
  color:#fff;
  padding:20px;
}
.commandeMiddle h2 {
  padding-top:0;
}
.bouton, .bouton:visited, .bouton:hover {
  background:transparent url(images/bouton.png) no-repeat scroll left top;
  text-decoration:none;
  width:190px;
  height:30px;
  font:bold 16px/30px Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  color:#fff;
  display:block;
  padding-left:10px;
}
.bouton:hover {
  background:transparent url(images/bouton.png) no-repeat scroll left -30px;
}
.inviteSaisieChoixNdd {
  width:350px;
  padding:5px;
  margin-right:15px;
  text-align:right;
  color:#fff;
  background:#4a7fce;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomright:5px;
}
.listeNddAutresChoix {
  padding:5px;
  margin:20px 0 0 auto;
  background:#5cc6d3;
  width:600px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;
}
.listeNddDispos {
 list-style-type:none;
 margin-left:40px;
 float:left;
 font-size:14px;
}
.listeNddDispos li a, .listeNddDispos li a:visited, .listeNddDispos li a:hover {
  display:block;
  padding:2px;
  color:navy;
  text-decoration:none;
  font-weight:bold;
  letter-spacing:1px;
}
.listeNddDispos li a:hover {
  background:#fff;
  -moz-border-radius:2px;
}
.prevCmd {
  width:600px;
  margin:5px auto;
  border-spacing:0;
  border-collapse:collapse;
}
.prevCmd th {
  border:1px solid #999;
  padding:5px;
  text-align:left;
  color:#214478;
  background:#eee;
}
.prevCmd td {
  border:1px solid #999;
  padding:5px;
  background:#fff;
  color:#444;
}
.prevCmd ul {
  list-style-position:inside;
}
.prevCmdTotauxHT, .prevCmdTotauxTVA, .prevCmdTotauxTTC {
  font-weight:bold;
}
.prevCmdTotaux .caseVide {
  border:none;
  background:transparent;
  width:350px;
}
.prevCmdTotaux .caseText {
  text-align:left;
}
.prevCmdTotaux .casePrix {
  text-align:right;
}
.prevCmdTotauxTVA td {
  background:#eee;
}
.prevCmdTotauxTTC td {
  color:#fff;
  background:#4A7FCE;
}
.formAssoCptClient {
  width:650px;
  margin:0 auto;
}
.formAssoLabel {
  text-align:right;
  padding-right:5px;
  vertical-align:middle;
}
.formAssoInput {
  text-align:left;
  vertical-align:middle;
  width:410px;
}
.formAssoInput input {
  margin:auto 0;
  width:400px;
}
.formAssoInput textarea {
  width:400px;
  height:60px;
}
.formAssoInput input.error,
.formAssoInput textarea.error {
  background:#D89C94 none repeat scroll 0 0 !important;
  border:1px solid #B50303 !important;
}
.acceptCGV {
  padding:5px 5px 5px 10px;
  margin:20px 0 0 auto;
  background:#5cc6d3;
  width:800px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;
}
.numCommande {
  padding:4px;
  background-color:#fff;
  font-size:16px;
  margin:10px auto;
  width:200px;
  text-align:center;
  -moz-border-radius:5px;
}
.recapCommande {
  padding:5px 5px 5px 10px;
  margin:10px 0 10px auto;
  background:#5cc6d3;
  width:800px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;
}
.recapCommande p {
  padding:0 100px 0 0;
  margin:0;
}
.recapCommande ul {
  padding:0 200px 0 100px;
  margin:0;
}
.imprimeRecapCommande {
  width:100%;
  margin:10px 0;
  padding:0;
}
.imprimeRecapCommande a {
  display:block;
  padding:4px;
  background-color:#fff;
  font-size:16px;
  margin:10px auto;
  width:340px;
  text-align:center;
  text-decoration:none;
  -moz-border-radius:5px;
}
.imprimeRecapCommande a:hover {
  background-color:#ccc;
  text-decoration:none;
}
.imprimeRecapCommande a img {
  vertical-align:middle;
}
.formAssoCptClientErrors {
  display:block;
  padding:5px 10px 10px 50px;
  margin:0 auto 10px 0;
  background:#fff;
  width:800px;
  color:#f00;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomright:5px;
}
.formAssoCptClientErrors ul li {
  list-style-type:disc;
  list-style-position:inside;
}
.recapAdr {
  border:none;
}
.prevCmd td.recapAdrL {
  text-align:right;
  border:none;
  vertical-align:top;
}
.prevCmd td.recapAdrR {
  text-align:left;
  border:none;
  font-weight:bold;
  vertical-align:top;
}
#popupCGV {
  width:400px;
  height:400px;
  position:absolute;
  left:10px;
  top:10px;
  display:block;
  background:#d9d9fd;
  -moz-border-radius:5px;
  padding:10px;
}
#popupCGV_iframe {
  width:100%;
  height:360px;
  overflow:auto;
}
#popupCGV div p {
  padding:10px;
}
.formulaire {
  width:500px;
  margin:0 auto;
}