/* by artwaï */ 
* {
margin:0;
padding:0;
list-style:none;
position:relative;
}
a img{
	border:none
}
a {
	color:#c82b2a;
}
body{
font-family: Arial, Helvetica, sans-serif;
font-size:0.8em;
}

#header{
	width:1000px;
	border-left:1px solid #274F86;
	border-right:1px solid #274F86;
	border-bottom:1px solid #576e9e;
	height:87px;
	z-index:2;
	left:-1px;
	position:absolute;
	top:0px;
}
h1{
	background: #576e9e url(../images/photos_headband.jpg) no-repeat 280px 0;
	height:56px;
	border-bottom:3px solid #fff;
}
h1 a{
	position:absolute;
	left:16px;
	top:8px;	
}
h1 a img{
	border: 3px solid #fff;
}



.home #content{
	background: #fff url(../images/oneline_homepage.gif) no-repeat 16px 50px;
	font-size:0.85em;
}
.home #content h1{
	background: none;
	position:absolute;
	left:50px;
	top:110px;
	width:183px;
	text-align:center
}
.home #content ul.vignettes{
	background: none;
	left:110px;
position:absolute;
top:225px;
width:110px;
}
.home #content ul.vignettes li{
	background: none;
	float:left;
	margin: 0 10px 10px 0
}
.home #content .row {
	margin:0px 0 0 294px;
	width : 690px;
	border-top:12px solid #fff;
}
.home #content .cell {
	width:400px;
	margin-left :10px
}
.home #content .produit {
	background: #e8e8e8;
	width:238px !important;
	float:right;
	margin:20px 0 0;
	padding:0px 0 20px 0;
	overflow: visible;
	text-align: left;
	position:relative;
}
.home #content .produit h2{
	background: #99999b;
	color:#fff;
	margin:0  !important;
	padding :2px 13px;
	font-size:1.1em;
}
.home #content .produit h2 span.gamme{
	display:block
}
.home #content .produit h3{
	padding : 0 24px;
	color:#c82b2a;
}
.home #content .produit p{
	padding : 0 24px;
}
.home #content .produit .photos{
	position: relative;
	/*top:20px;*/
	margin : 13px 13px 20px;
	background:#fff;
	border:none;
	left:0;

	
	}
a.btn{
	background: #c82b2a;
	color:#fff;
	padding :1px 10px;
	text-decoration: none;
	border: 1px solid #c82b2a;
	font-weight: bold;
	}
a.btn:hover
{
	background: #fff;
	color:#c82b2a ;
}
.home #content .recto img {
	border: 1px solid #e8e8e8;
}

#path{
	font-size:0.8em;
	margin:6px 0;
}
h2{
	color:#c82b2a;
	padding-left :16px;
	font-size:1.4em;
	margin:10px 0 6px;
	background: url(../images/big_chip.gif) no-repeat 0 5px;
}
h2 a{
	color:#c82b2a;
	text-decoration: none;
}
h3 {
	color:#000;
	font-size:1em;
}
div.recto {
	margin-left : 4px;
	border-left: 1px solid #ccc;
	padding: 1px 22px 8px 12px;
}
a.gamme{
	display:block;
	text-align:center;
}
a.gamme img{
	width:50%;
}
ul.photos{
	/*position :absolute;
	left:0;
	top:0px;*/
	border: 1px solid #cccccc ;
	width:190px;
	height: 190px;
	padding: 10px;
	background: #ffffff;
	float:left;
	margin-right:4px;
	-moz-border-radius : 8px;
}
ul.photos li{
	display:none;
}
ul.photos li.first{
	display:table-cell;
	width:190px;
	text-align:center;
	padding:0;
	height:190px;
	vertical-align: middle;
	z-index:2;
}

ul.photos li.first a{
	
}
ul.photos li.first a img {
	border: none;
	
}
ul.photos li.first a img.landscape{
	width:170px;
}
ul.photos li.first a img.portrait{
	height:170px;
}
div.docs{
	font-size:0.8em;
	
	/*width:339px;
	height:216px;*/
}
div.docs ul{
	/*position: absolute;
	bottom:0;
	right:0;
	text-align:right;
	width:130px;*/
}
div.docs ul a {
display:block;
	text-decoration: none;
	color :#99999b;
	padding:0px 0px 8px 0;
	line-height: 1em;
	text-align:left;
	margin:0;
	height:20px;
}
div.docs>ul a{
	height:auto;
}
div.docs ul a:hover {
	text-decoration: underline;
}
div.docs ul a img {
	/*position : absolute;
	
	right:0;
	top:50%;*/
	border: none;
	margin : 0 4px 0 0;
	float:left
}
div.accroche {
	color:#c82b2a;
	font-size:1.1em;
	font-weight:bold;
	line-height: 1.05em;
	margin:4px 0;
}
div.argumentaire{
	font-size:0.95em;
}
p {
	margin:8px 0;
}
strong{
	color:#000;
}
div.verso
{
	border: 1px solid #c82b2a;
	padding:2px 2px 10px 2px;
	font-size:0.9em;
	
}
.verso h3{
	color:#fff;
	background: #c82b2a;
	padding:2px 10px;
	font-size:1.1em;
	margin-bottom:10px;
}
.verso h3 strong{
	color:#fff;
}
.verso li{
	padding:0px 10px 1px 25px;
	background: url(../images/little_chip.gif) no-repeat 12px 6px;
}
.verso p{
	padding:0px 10px;
}
.illustre{
	background: #e8e8e8;
	padding:10px 16px 16px;
	margin-top:16px;
}
#ullogos li{
	float:left;
	width:160px;
}
#ullogos li img{
	width:100px;
}
div.reference{
	clear:both;
	margin:0 0 0 11px;
	width: 692px;
	border: 1px solid #c82b2a;
	padding:2px 2px 2px 1px;
}
div.reference table{ 
	width: 692px;
}
div.reference table th{
	background:  #c82b2a;
	padding:2px 10px;
	color:#fff;
	border-left:1px solid #fff
}
div.reference table td{
	padding:2px 10px;
	color:#333;
	border-left:1px solid #000;
}
div.reference table tr.odd td{
	background: #e8e8e8
}
div.reference table .prix{
	
	text-align: right;
	width:18%;
}
div.reference table .coderef{
	border-left:1px solid #fff;
	width:18%;
}
ul.synoptiques{
	padding-top: 8px;
	margin-top:-1px;
}
ul.synoptiques li{
	line-height: 0.8em;
	padding-bottom:6px;
	font-size:0.9em;
}
ul.synoptiques a {
	color: #c82b2a;
	text-decoration: none;
}
ul.synoptiques a img{
	border: 1px solid #c82b2a;
}
ul.synoptiques a img.landscape{
	width:300px
}
ul.synoptiques a img.portrait{
	height:300px
}
div.clear{
	height:1px;
	overflow:hidden;
	clear:both;
	width:100%;
}

#sidebar, 
#leftmenu{
	position:absolute;
	top: 100px;
	left:18px;
	bottom:34px;
	width : 244px;
	background: #e8e8e8  url(../images/bgd_leftmenu.gif) no-repeat right bottom;
height:420px;
}
html>body #sidebar, 
html>body #leftmenu{
height:auto;
	}
#leftmenu ul 
{
	padding-top : 6px
}
#leftmenu ul li{
	display:inline;
}
#leftmenu ul li ul{
	background : #fff;
	padding : 6px 0;
}
#leftmenu ul li a {
	display:block;
	padding :  3px 16px;
	color : #000;
	text-decoration: none;
	font-weight:bold;
}
#leftmenu ul li.selected a,
#leftmenu ul li a:hover{
	background:#99999b ;
	color:#fff;
}
#leftmenu ul li.selected ul li a {
	display:block;
	padding :  2px 32px;
	color : #000 ;
	text-decoration: none;
	background : #fff url(../images/medium_chip_unselect.gif) no-repeat 16px 6px;
	font-size :0.85em;
	font-weight:normal;
}
#leftmenu ul li.selected ul li.selected a,
#leftmenu ul li.selected ul li a:hover  {
	color:#c82b2a;;
	background : #fff url(../images/medium_chip_select.gif) no-repeat 16px 6px;

}
/*3eme niveau */
#leftmenu ul li.selected ul li.selected  ul {
	margin : 2px 0 10px;
	padding-top: 2px;
	border-top:1px solid #ececec;
	border-bottom:1px solid #ececec;
}
#leftmenu ul li.selected ul li.selected  ul li a {
	background : #fff url(../images/little_chip_unselect.gif) no-repeat 0px 8px;
	color:#333333;
margin-left:30px;
padding:2px 0 2px 12px;
}
#leftmenu ul li.selected ul li.selected  ul li.selected a,
#leftmenu ul li.selected ul li.selected ul li a:hover {
	color:#c82b2a;
	background : #fff url(../images/little_chip.gif) no-repeat 0px 8px;
}
/*html>body #leftmenu{
	height:auto;
}*/
#navigation {
	position:absolute;
	top:63px;
	width:722px;
	z-index:3;
	height:24px;
	left:278px;
	list-style: none;
	background:#fff;	
}
#navigation li{
	float:left;
	height:24px;
}
#navigation li a {
	color : #6e6f72;
	text-decoration: none;
	font-weight: bold;
	display:block;
	padding : 4px 16px 0;
}
#navigation li:hover a {
	color : #c82b2a ;	
}
#navigation li ul{
	display:none;
	border: 1px solid #274F86;
	border-top : 1px solid  #BBCEEA ;	
	position:absolute;
	left:0;
	top:24px;
	background: #fff;
	padding:9px 0 9px;
}
#navigation li:hover ul {
	display: block;

}
#navigation li ul li{
	display: inline;
	height:auto;
	float:none;
}

#navigation li ul li a{
	display:block;
	float:none;
	font-size:0.925em;
	color:#6e6f72 !important;
	height:auto;
	padding:0;
	margin:0;
	white-space: nowrap;
}
#navigation li ul li a{
padding:1px 30px 1px 16px;
}
#navigation li ul li a:hover{
background:#BBCEEA;
}
#footer{
background: #A4BCE0 ;
	margin-top:-20px;
	height:20px;
	position: relative;
}
#footer address{
background: #BBCEEA  ;
	height:14px;
	width: 968px;
margin: 0 auto;
text-align: left;
font-style: normal;
font-size: 0.85em;
padding : 3px 16px;
}
#footer  ul#annexes{
position:absolute;
top:3px;
right:8px;
font-size:0.85em
}
#footer  ul#annexes a{
	color:#6e6f72;
}
/*---------------- traitement dotclear */
.dc .row{
	width:656px;
}
.dc #content .post img {
border:1px solid #E8E8E8;
}
#content-info h2 {
	color : #000;
	text-transform: uppercase;
	background :none;
	padding-left:0;
}
#sidebar h2{
font-weight:bold;
padding:3px 16px;
text-decoration:none;
color:#C82B2A;
background: none;
font-size:1em;
text-transform: uppercase;
}
#sidebar li a {
	display:block;
font-size:0.85em;
font-weight:normal;
padding:2px 32px;
text-decoration:none;
background: url(../images/medium_chip_unselect.gif) no-repeat scroll 16px 6px;
color:#000000;
}

#sidebar li a:hover {
	background:#FFFFFF url(../images/medium_chip_select.gif) no-repeat scroll 16px 6px;
color:#C82B2A;
}
#sidebar .syndicate li a,
.dc a.feed {
	background-image:url(../images/feed.png);
	background-repeat: no-repeat;
	background-position:   10px 1px;
	padding:2px 32px;
}
p.post-info{
	font-size:0.85em;
}
#navlinks{
	padding-bottom:5px;
	text-align: right;
	border-bottom:1px dotted #666;
	margin-bottom:30px
}
#attachments{
	margin-top: 30px;
	border-top:1px dotted #666
}
#attachments h3,
.post h3{
	color:#C82B2A;
	margin: 5px 0;
}
.post li {
	padding-left :20px;
	background: url(../images/medium_chip_unselect.gif) no-repeat 6px 5px;
}
@media screen{
html, body {
height: 100%;
}
body{
text-align:center;
background: #d3d4d4 url(../images/bgd_headband.gif) repeat-x 0 0;
}
#page{
width: 1000px;
margin: 0 auto;
text-align: left;
background: #fff ;
min-height: 100%;
height: 100%;
}
html>body  #page{
height : auto;
}
#content {
	border-top :63px solid #576e9e;  
	border-bottom :34px solid #fff; 
	padding-top :  34px; 
	height : 380px
}
html>body #content{
	height:auto;
	min-height:380px;
}
.row {
	display: block;
	margin-left:274px;
	width : 726px;
	overflow:hidden; 
}
.cell {
	display: block;
	float:left;
	width:339px;
	margin:0 18px 16px 0px;
	padding-left :6px
}
#content{
	color : #6e6f72;
	font-size:0.95em;
	text-align:justify;
}
}
#swap-language{
font-size:0.85em;
left:20px;
position:absolute;
top:90px;
z-index:4;
}
#swap-language *
{
display: inline;
margin-right:4px;
color: #6E6F72;
}
@media print{
#swap-language,
#sidebar, 
#leftmenu,
#navigation,
.docs ul{
	display:none;
}
#header{
	width:auto;
position:relative;
background: #d3d4d4 url(../images/bgd_headband.gif) repeat-x 0 0;
	}
	#footer{margin-top:0;}
.row {
	margin-left:0;

}
.verso {
	page-break-before: always;
}
.cell, div.reference {
	float:none;
	width:auto;
	margin:10px 0 !important;
	clear:both;
}
div.reference table{
	width:100%;
	
}
}