#wrapper {position:relative;
	margin:0 auto;
	width:980px;
	}
	#content {padding-top:152px;}
/* Header */
#header {
	width:980px;
	height:152px;
	position:absolute;
	top:0;
	left:0;
	}
	
.logo {background: url(../gfx/decoup/logo.png) no-repeat;
	width:228px;
	height:77px;
	text-indent:-9999px;
	margin:40px 15px 0 0;
	float:left;
	}

#pub {
	width:730px;
	height:92px;	
	margin-top:10px;
	float:right;
	}
#menu {clear:left;
	font-size:14px;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
	margin-left:15px;
	}
	#menu li {float:left;
	text-align:center;
	margin:0 25px 0 0;
	}
	#menu li a, #menu li a b  {
	display:block;
	float:left;}
	#menu li a {padding:0 0 0 10px;
	height:28px;
	cursor:pointer;}
	#menu li a b {padding:7px 10px 0 0;
	height:21px;
	}
	#menu li a:hover, #menu li.active a:hover { background:#8f1dca url(../gfx/decoup/left.gif) no-repeat;}
	#menu li a:hover b, #menu li.active a:hover b  {background:#8f1dca url(../gfx/decoup/right.gif) no-repeat top right;
	color:#fff;
	}
	#menu li.active a {background:#c34eff url(../gfx/decoup/acleft.gif) no-repeat;}
	#menu li.active a b {background:#c34eff url(../gfx/decoup/acright.gif) no-repeat top right;color:#fff;}
	#menu li span.home { background:url(../gfx/picto/home1.gif) no-repeat center;
	width:13px;
	height:14px;
	display:block;
	text-indent:-9999px;
	}
	#menu li.active span.home {background:url(../gfx/picto/home.gif) no-repeat center;}
	#menu li a:hover span.home {background:url(../gfx/picto/home.gif) no-repeat center;}
#search {float:right;
	background:#666666;
	width:292px;
	height:33px;
	margin:11px 0 0;
	padding:5px 0 0 8px;
	}
	#search input {vertical-align:middle;}
	#search .input { background:url(../gfx/decoup/search.png) no-repeat;
	width:155px;
	height:24px;
	border:none;
	padding:4px 0 0 25px;
	font-size:13px;
	}
	#search .submit, #pop .submit,  #pop .submits { color:#ccc;
	width:99px;
	background: url(../gfx/decoup/submit.png) no-repeat;
	height:26px;
	border:none;
	cursor:pointer;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	}
/* Contenu */
#media {
	width:667px;
	height:287px;
	position:relative;
	float:left;
	margin-bottom:35px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	}
#media img {float:left;
	}
#infos  {z-index:2;
	background:url(../gfx/decoup/effect.png) no-repeat;
	width:391px;
	height:89px;
	position:absolute;
	bottom:-1px;
	left:0;
	color:#cccccc;
	padding:10px 0 0 15px;

	}
	#infos h2 {font-size:20px;}
	#infos p {margin:4px 0 14px;}
	#infos a { background:url(../gfx/decoup/flecheg.gif) no-repeat 0 2px;
	padding:0 20px 0 14px;
	color:#cccccc;
	text-decoration:underline;
	}
ul#nav {
	z-index:3;
	position:absolute;
	top:0px;
	right:0;
	width:278px;
	line-height:17px;
	height:287px;
	background:url(../gfx/decoup/fmediaff.png) no-repeat right bottom;
	}
ul#nav li a {display:block;
	width:253px;
	height:52px;
	padding:20px 0 0 25px;
	}
	ul#nav li a:hover, ul#nav li a.active {background:url(../gfx/decoup/hover.png) no-repeat;
	height:59px;
	padding:13px 0 0 25px;
	}
	ul#nav li b {color:#c34eff;}
	
#connexion {width:300px;
	min-height:288px;
	margin:0 0 35px 12px;
	float:left;
	clear:right;
	}
.boutons {padding:5px 0 0 5px;}
.boutons li {background: url(../gfx/decoup/connexion.gif) no-repeat;
	width:141px;
	height:21px;
	text-align:center;
	float:left;
	padding:6px 5px 5px 0;
	}
.boutons li a {background:url(../gfx/decoup/fleche.gif) no-repeat 0 2px;
	padding:0 0 0 10px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	}
.boutons li a:hover {color:#ccc;}
.connect {padding:8px 0 0 2px;
	font-size:12px;
	}
	.padno {padding:8px 0 0 0;}
	.connect p.top {margin:-3px 0 12px;
	float:left;}
	.connect ul {float:left;}
	.connect ul li, .bloc ul.liste li {float:left;
	background:url(../gfx/decoup/lien.gif) no-repeat 0 2px;
	padding:3px 0 3px 10px;
	width:110px;
	margin:0 0 7px 0;
	}
	.connect h2 {font-size:14px;
		font-weight: bold;
		color:#000000;
		text-transform:uppercase;
	margin:0 0 14px 0;
	}
	.bloc ul.liste li {width:100%;
	clear:left;}

	.connect a {color:#c34eff;}
.connect img {float:left;
	margin:0 9px 0 0;
	}
	.connect img.marg1 {float:none;
	margin:5px 0 0 0;
	padding:0;
	}
	.connect ul.oncl li {clear:left;
	width:120px;
	}
	.connect h3 {font-size:13px;
	margin-bottom:5px;
	}
	.connect h4 {font-size:14px;
	text-transform:uppercase;
	margin:5px 0 10px;
	}
	.connect ul.lignes li {width:275px;
	margin:0;}
	.connect ul.lignes {margin-bottom:10px;}
	.flo1 {padding:10px 0 0 0;
	float:left;
	clear:left;
	}
	.flo2 {padding:10px;
	float:left;
	background:#e6e6e6;
	width:141px;
	}
	.flo3 {
	float:left;
	width:200px;
	}
	.flo4, .flo5  {
	float:left;
	width:324px;
	padding:0 16px 0 0;
	}
	.flo5 {width:328px;
	padding:0;
	}
	.flo6 {float:left;
	width:290px;
	padding:0 10px 0 0;
	}
	.flo7 {
	float:left;
	width:178px;
	padding:0 10px 0 0;
	}
	.flo8 {
	float:left;
	width:180px;
	}
	
	.marg2 {margin-bottom:30px;
	}
	img.imfl {float:left;
	margin:0 10px 5px 0;}
	.pad {height:196px;
	padding:9px 0 0 0;
	}
	.prod {float:left;
	width:457px;
	padding:0 10px 0 0;
	}
	.prodall {
	width:657px;
	padding:0 10px 16px 0;
	}
	.action {float:right;
	text-align:right;
	padding:10px 0 0;
	width:300px;
	}
	.btEnregistrez {
	font-weight:bold;
	background:url(../gfx/decoup/lien.gif) no-repeat 0 2px;
	padding:0 0 0 12px;
	margin:0 0 0 15px;
	line-height:16px;
	}
/* Model */	
.leproduit {width:290px;
height:206px;
background:#cdccca;
float:left;
margin:0 10px 0 0;
}
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width:290px;
    height:186px;
	background:#fff;
	border:1px solid #999;
}
.wraptocenter * {
    vertical-align: middle;
}

.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
.outil {padding:4px;
text-align:right;
}
.bloc .outil a {color:#000; 
	margin:0 0 0 15px;
	font-size:12px;
	}
.btImages, .btZoomer {background:url(../gfx/picto/images.gif) no-repeat;
	padding:0 0 0 20px;
	}
.btZoomer {background: url(../gfx/picto/zoomer.gif) no-repeat;}
table {width:100%;}
th {background:#CDCCCA;
	padding:4px 5px;
	text-align:left;
	}
	tr td {vertical-align:middle;
	padding:2px 5px;
	line-height:16px;
	}
	td {background:#EFEFEF;}
	tr td b {color:#FF0000;}
	.bloc tr:hover td  {background:#e5e4e4;}


/* Paramètre */
.para {float:left;
width:220px;
padding:0 10px 0 0;}
/* Article */
.article {padding:10px 0 10px 10px;
	clear:both;
	margin-bottom:20px;
	}
.numb {float:left;
	width:55px;
	margin:0 20px 0 0;
	background:#e6e6e6;
	text-align:center;
	}
.numb h6 {background:#b3b3b3;
	font-size:12px;
	padding:4px 2px;
	}	
	.numb b {font-size:36px;
	font-weight:normal;
	color:#000;
	line-height:60px;
	padding-top:8px;
	}
	.texte {float:left;
	width:515px;
	text-align:justify;
	}
	.outils {line-height:16px;}
	.btCommenter, .btPartager, .btBloquer {background:url(../gfx/picto/commentaire.gif) no-repeat;
	padding:0 20px 0 20px;
	}
	.btPartager {background: url(../gfx/picto/partager.gif) no-repeat 4px 4px;}
	.btBloquer {background: url(../gfx/picto/bloquer.gif) no-repeat;}
.bloc {float:left;
	margin:0 0 40px;
	min-height:280px;
	}
	.bloc h3, #pop h3 {
		font-size:12px;
		text-decoration:none;
		color:#000;
		font-weight:normal;
		margin:0 0 18px 0;
	}
	.bloc a {color:#c34eff;}
	.col1{width:398px;
	padding:0 8px 0 0;
	}
	.col2{width:254px;
	padding:0 8px;
	}
	.col3{width:292px;
	padding:0 0 0 8px;
	}
	.col4{width:668px;
	padding:0 8px 0 0;
	}
	.col5 {width:600px;
	padding:0 68px 0 0;
	}
	.col6{width:668px;
	padding:0;
	}
	
	.bloc h1 {font-size:16px;
		font-weight: bold;
	margin:0 0 16px 0;
	color:#c34eff;
	}

	.bloc h2 {font-size:14px;
		font-weight: bold;
		color:#000000;
		text-transform:uppercase;
	margin:0 0 14px 0;
	}
	.bloc h4 {font-size:17px; 
	margin:0 0 4px;
	}
	.bloc h5 {font-size:12px;
	 font-weight:normal;
	 margin:2px 0 5px;
	 }
.chemin {padding:10px 0 25px;}
.chemin a {}
.com {font-size:11px;
 float:right;
 }
.ssnav a {text-decoration:underline; 
margin:0 2px;
font-size:11px;
}
.ssnav  {text-align:right;
padding:5px 0;
}
.contenu {margin:0 0 20px 30px;}
.contenu {text-align:justify;}
 .btPre {background:url(../gfx/decoup/liens.gif) no-repeat right;
 padding:0 12px 0 0;
 }
.btSuiv {background:url(../gfx/decoup/lien.gif) no-repeat;
 padding:0 0 0 12px;
 }
 .ssnav a.btSuiv, .ssnav a.btPre{text-decoration:none;}

ul.lignes li {background:#efefef;
	padding:5px 10px;
	color:#999;}
	ul.lignes li.blc, tr.blc td, tr:hover td {background:#fff;}
	.bloc  a:hover {text-decoration:underline;}
	.chemi  a {font-weight:bold;}
	.liens {margin:0 0 16px 0;
	display:block;
	float:left;
	}
	
	hr.none {height:15px;}
.liens li {float:left;
	margin:0 5px 0 0;
	}
	.liens li a {float:left;
	display:block;
	padding:0 0 0 5px;
	}
	.liens li a b {padding:4px 9px 0 5px;
	float:left;
	height:19px;
	}
	.liens li a:hover, .liens li a.active {background:#c34eff url(../gfx/decoup/listeleft.gif) no-repeat; text-decoration:none;}
	.liens li a:hover b, .liens li a.active b {background:#c34eff  url(../gfx/decoup/liste-right.gif) no-repeat top right;
	color:#fff;}
.photos {clear:left;
	text-align:center;
	padding:14px 0;
	width:100%;
	}
.photos img {margin:0 auto;}
.offre p {font-size:12px;
	margin:0 0 2px 0;}
	.offre p b {font-size:13px;}
	.offre h6 {font-size:10px;
	color:#c34eff;
	margin:0 0 10px 0;}
	.google {background:url(../gfx/picto/annonce_google.gif) no-repeat bottom right;
	padding:0 0 25px 0;
	}
	.google a {color:#000;}
	.google h6 a, .offre p b a {color:#c34eff;}
#footer {border-top:1px solid #999;
	clear:both;
	width:100%;
	padding:12px 0 35px 0;
	}
.links {margin:0 auto;
width:980px;
}

#map {
width:667px;
height:666px;
border:1px solid #999;
margin:0 0 35px 0;
clear:both;
text-align:center;
}

/* Lightbox*/
#pop {
z-index:100;
background:url(../gfx/decoup/pop.png) no-repeat;
width:457px;
height:266px;
padding:0 20px 20px 20px;
}
#pop a, #pop form {position:relative;}
#pop .submit {background:#fff url(../gfx/decoup/submitblc.gif) no-repeat;
	width:106px;
	height:26px;
	}
	#pop .submits {background:#fff  url(../gfx/decoup/submits.gif) no-repeat;
	width:199px;
	height:26px;
	}
	.close {
	width:26px;
	height:25px;
	display:block;
	text-indent:-9999px;
	float:right;
	}
	.tab {float:left;
	width:215px;
	height:175px;
	margin:20px 0 5px;
	padding:20px 0 0 5px;
	}
	.tab p {color:#999;}
	.bord {border-left:1px solid #999;
	width:200px;
	height:185px;
	padding:20px 0 0 10px;	margin:20px 0 5px;
	}
	.tab .input {background:  url(../gfx/decoup/champ.gif) no-repeat;
	width:197px;
	height:27px;
	font-size:13px;
	padding-top:8px;
	margin-bottom:5px;
	}
	.btfacebook {background:url(../gfx/picto/facebook_bt.gif) no-repeat;
	width:107px;
	height:25px;
	margin:5px 0 8px 0;
	display:block;
	text-indent:-9999px;
}
.more {width:450px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
clear:left;
}
.more a { color:#c34eff;}
/*FOOTER*/
#footer ul {float:right;}
#footer ul li {margin:0 0 0 45px;
float:left;
}
#footer ul li a {font-size:14px;
font-weight:bold;
color:#000;
text-transform:uppercase;
}
#footer ul li a:hover {color:#c34eff;}

#footer p {margin:15px 0 0 0;}
#footer p a {color:#999;}
#footer p a:hover {color:#000;}

/******* FORM *******/
.formular f{
	padding: 0 10px 10px;
}
.formular label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
.formular input{
	width: 220px;
	padding: 6px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}
.formular input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
.formular textarea{
	width: 550px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
.formular textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
.formular div{
	margin-bottom: 15px;
}
.formular div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
.formular div span.error{
	color: #e46c6e;
}
.formular #send{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
.formular #send:hover{
	background: #79a7f1;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #FF3333;
}
#error.valid ul li strong{
	color: #336633;
}
/******* /FORM *******/

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none;ou}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background-color:#FFFFFF;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }


.dijitDialog {
z-index: 3;
}

.alignleft {
text-align: left;	
}

.grs {background:#efefef;
	color:#000000;
}

.error {
font-style:bold;
color: #FF0000;
}

.message {
font-style:bold;
color: #00FF00;
}