@charset "utf-8";
/* CSS Document */



.table {
	font-size:11px;
	background-image:url(../images/table.jpg);
	width:95%;
	float:left;
	margin-right:10px;
	margin-left:10px;
	background-repeat: repeat-y;
	background-position: left top;
}
#panier {
	font-size:11px;
	width:45%;
	float:left;
	margin-right:15px
}
#body {
	/*text-align:center;
	width:939px;
	background-color:#FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;*/
}
/* Column Styles
******************************************/
#ColumnF {
	float:left;
	width:100%;
	margin:0 0 0 0;
	text-align:left;
	background-image: url(../SpryAssets/bkg_btn_03.jpg);
	background-repeat: repeat-x;
}
#ColumnG {
	float:left;
	width:100%;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	text-align:left;
}
#ColumnH {
	float:left;
	width:220px;
	margin:0 5px 10px 0;
	text-align:left;
	padding:2px;
	display: block;
}
#ColumnI {
	float:left;
	width:178px;
	margin:0;
	text-align:left;
}
#ColumnJ {
	float:left;
	padding: 5px, 5px,5px,20px;
	position:relative;
	z-index:1;
}
#ColumnK {
	width:760px;
	margin:0;
	text-align:left;
	font-size:12px;
}
#ColumnL {
	font-size:1.3em;
	font-weight:700;
	color:#666666;
	text-align: left !important;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px
}
#ColumnM {
	float:left;
	width:178px;
	margin:0;
	text-align:left;
	
}
#ColumnN {
	float:left;
	width:178px;
	margin:0 8px 0 0;
	text-align:left;
}
#ColumnO {
	float:left;
	/*width:690px;*/
	margin-bottom:15px;
	padding-top:10px;
	text-align:left;
	
	padding-left:5px;
}
#ColumnP {
	float:left;
	width:760px;
	text-align:left;
	padding:5px 0 0 0;
}
#ColumnP h3 {
	font-size:16px;
	border-left:4px solid #CC6600;
	padding:0 0 0 5px;
	margin:15px 0 0 0;
}
#ColumnP a {
	text-decoration:underline;
	color:#333333;
}
#ColumnP a:hover {
	text-decoration:none;
	color:#666666;
}
#ColumnP p {
	line-height:1.2em;
	padding:0 0 0 12px;
}
#ColumnQ {
	float:left;
	width:400px;
	text-align:justify;
	padding:0 10px 10px 0;
	font-size:12px;
}
#ColumnNEWS {
	float:left;
	width:auto;
	margin:0 15px 15px 0;
	padding:0;
	text-align:left;
	font-size:11px;
}
/* footer
********************************************/
#copyright {
	padding:0 10px 0 0;
	margin:0 10px 10px 0;
	font-size:9px;
	border-bottom:1px solid #E7EBEA;
	text-align:right;
	color:#85888E;
	width:500px;
	float:right;
}
#copyright a {
	text-decoration:none;
	color:#85888E;
}
#copyright a:hover {
	text-decoration:underline;
	color:#3E4C6A;
}
#copyrightSmall {
	padding:5px 10px 0 0;
	margin:0;
	font-size:9px;
	text-align:right;
	color:#85888E;
}
/* =Photo Runarounds 
********************************/
#item01 {
	margin:10px 10px 0 0;
	padding:0;

}
#item01 img {
	margin: 5px 5px 5px 10px;
	border:solid 1px #E6E6E4;
	padding:4px;
	-moz-border-radius:6px;
	border-radius:6px;
cursor:
}
#item01 .runaroundLarge {
	width:150px;
	margin:0;
	padding:0 15px 20px 0;
	float:left;
}
#item02 {
	padding:5px;
	font-size:11px;
	border:1px dotted #CCCCCC;
	height:220px;
	-moz-border-radius:6px;
	border-radius:6px;
cursor:;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#item02 img {
	text-decoration:none;
	border:none;
}
.item04 img {
	border:solid 1px #E6E6E4;
	padding:4px;
}
#bodyRunaround01 {
	width:105px;
	margin:0;
	padding:0 15px 20px 0;
	float:left;
}
#bodyRunaround02 {
	width:190px;
	margin:0;
	padding:0 25px 5px 0;
	float:left;
}
#bodyRunaround03 {
	width:225px;
	margin:0 0 0 0;
	padding:0;
	float:left;
}
#bodyRunaround04 {
	width:225px;
	margin:0 0 5px 10px;
	padding:0;
}
/* =Breadcrumb
********************************/
#breadcrumbcontainer {
	border-bottom:1px solid #F0F0ED;
	width:96%;
	padding:0 0 5px 0;
	margin:5px 0 10px 15px;
	color:#A8A9A5;
}
#breadcrumbcontainer input {
	border:1px solid #F0F0ED;
	font-size:9px;
	color:#A8A9A5;
	padding:2px 5px;
	margin:0 0 5px 0;
}
#topbreadcrumb {
	float:left;
	padding:0;
	margin:0;
	color:#333333;
	text-align:left;
	font-size:11px;
	width:500px;
}
#topbreadcrumb a {
	color:#666666;
	text-decoration:underline;
}
#topbreadcrumb a:hover {
	text-decoration:none;
}
.span-5 .cssbox {
	width:190px !important;
	width: 175px;
	padding-right:0px;
	margin:20px auto;
}
.span-6 .cssbox {
	width:230px !important;
	width: 230px;
	padding-right:0px;
	margin:0 0 25px 0;
}
.span-7 .cssbox {
	width:270px !important;
	width: 255px;
	padding-right:0px;
	margin:20px auto;
}
.span-8 .cssbox {
	width:310px !important;
	width: 300px;
	padding-right:0px;
	margin:20px auto;
}
/* static styles 
*********************************************/
.cssbox_link {
	background: transparent url(../images/img.png) no-repeat bottom left;
	margin-right:7px;
	padding-bottom:7px;
	font-size: 11px;
	margin-right:15px
}
.cssbox_link a {
	color:#464D54;
	display:block;
	border-top:1px dotted #E6E6E4;
	margin:0px;
	padding:5px 0 7px 14px;
	text-decoration:underline;
}
.cssbox_link a:hover {
	text-decoration:none;
}
.cssbox, .cssbox_body {
	background: transparent url(../images/img.png) no-repeat bottom right;
}
.cssbox_head, .cssbox_head p {
	background: transparent url(../images/img2.png) no-repeat bottom right;
}
.cssbox_body {
	background-position:bottom left;
	margin-right:10px;
	padding:10px 15px 2px 15px;
}
.cssbox_body p {
	padding-bottom:.7em;
	margin-bottom:.5em;
	border-bottom:1px dotted #E6E6E4;
	font-size:11px
}
.cssbox_head {
	background-position:top right;
	margin-right:0px;
	padding-right:40px
}
.cssbox_head p {
	background-position:top left;
	font-weight:700;
	font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	border:0;
	padding:10px 15px 8px 15px;
	height:auto !important;
	height:1%
}
.cssbox_head img {
	position:absolute
}
/* IE Holly Hack */ /* set the lower-left corner image */ 

.news {
	float:left;
	text-align:justify;
	border:dotted 1px;
	border-color:#CCCCCC;
	padding: 10px 10px 10px 10px;
	width:550px;
	-moz-border-radius:6px;
	border-radius:6px;
cursor:
}
.news img {
	float:left;
}
.news_categorie {
	float:right
}
.news_liens {
	float:right;
	margin-right:7px;
	padding-bottom:7px;
	font-size: 11px;
	margin-right:15px;
	width:50px
}
.news_liens a {
	color:#464D54;
	display:block;
	margin:0px;
	padding:5px 0 7px 14px;
	text-decoration:underline;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}
.news_liens a:hover {
	text-decoration:none;
}
.produits {
	display:block;
	cursor:pointer;
	padding: 7px ;
	
	border:1px solid #CCCCCC;
	width:250px;
	height:60px;
	float:left;
	margin-bottom:20px;
	-moz-border-radius:6px;
	border-radius:6px;
	
}

.produits a {
	text-decoration:none;
	color:#333333
}

.produits img {
	float:right;
	border:none
}
.produits_grand {
	-moz-border-radius:6px;
	border-radius:6px;
	border:1px solid #CCCCCC;
	cursor:pointer;
	display:block;
	float:left;
	height:140px;
	margin-bottom:20px;
	padding:7px;
	width:250px;
	
}
.produits_grand a {
	text-decoration:none;
	color:#333333
}
.produits_grand img {
	float:right;
	border:none;
	z-index: 1;
}
/* forms.css */
fieldset {
	border:1px solid #bbccd6;
	margin:0 0 1.5em;
	padding:1.4em;
}
legend {
	font-weight:700;
	font-size:1.2em;
}
input {
	/*width:200px;
	border:1px solid #bbccd6;
	background:#f0f2f1;
	
	padding:5px;
	-moz-border-radius:6px;
	border-radius:6px;
	font-size:12px;
	color:#666666*/
}
input.title {
	/*font-size:1.5em;*/
}
input:focus, textarea:focus, select:focus {
	/*background:#fff;
	border:1px dashed #bbccd6;*/
}
textarea {
	/*width:460px;
	height:200px;
	border:1px solid #bbccd6;
	background:#f0f2f1;
	margin:.5em .5em .5em 0;
	padding:5px;
	-moz-border-radius:6px;
	border-radius:6px;
	font-size:12px;
	color:#666666*/
}
select {
	border:1px solid #bbccd6;
	background:#F9F9F8;
	width:200px;
}
.error, .notice, .success {
	margin-bottom:1em;
	border:2px solid #ddd;
	padding:.5em;
}
.cartes {
	margin-bottom:1em;
	border:1px dotted #E6E6E4;
	;
	padding:.8em;
}
.error {
	background:#FBE3E4;
	color:#D12F19;
	border-color:#FBC2C4;
	-moz-border-radius:6px;
	border-radius:6px;
}
.notice {
	background:#FFF6BF;
	color:#817134;
	border-color:#FFD324;
	-moz-border-radius:6px;
	border-radius:6px;
}
.success {
	background:#E6EFC2;
	color:#529214;
	border-color:#C6D880;
	-moz-border-radius:6px;
	border-radius:6px;
	margin:20px 10px 0 0;
}
.error a {
	color:#D12F19;
}
.notice a {
	color:#817134;
}
.success a {
	color:#529214;
}
.test {
	display:block;
	border:1px solid #cccccc;
	-moz-border-radius:6px;
	border-radius:6px;
	height:150px;
	float:left;
	width:690px;
	
}
.sth2{ 
	padding-bottom:10px;
	line-height:1;
	padding: 0;
	font-family:"Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:400;
	font-size: 2em;
	font-weight: normal;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	
	}
#marge-haut {
	
	background:transparent url(../images/page-ombre-haut.gif) repeat-x scroll 0 0;
}
#marge-bas {
	background:transparent url(../images/page-ombre-bas.gif) repeat-x scroll 0 0;
}
#marge-g {
	/*padding-left:12px;*/
}
* {
	margin:0;
	padding:0;
}
#marge-d {
	/*padding-right:12px;*/
}
* {
	margin:0;
	padding:0;
}
#choix-langue .gauche {
	background:transparent url(../images/page-onglet-gauche.gif) no-repeat scroll left;
}
#choix-langue .droite {
	background:transparent url(../images/page-onglet-droit.gif) no-repeat scroll right center;
	height:44px;
}
#choix-langue .centre {
	background:transparent url(../images/page-onglet-milieu.gif) repeat-x scroll 0 0;
}
#choix-langue .gauche-bas {
	background:transparent url(../images/page-onglet-bas-gauche.gif) no-repeat scroll left;
	padding-left:12px;
}
#choix-langue .droite-bas {
	background:transparent url(../images/page-onglet-bas-droit.gif) no-repeat scroll right center;
	height:44px;
	padding-right:12px;
}
#choix-langue .centre-bas {
	background:transparent url(../images/page-onglet-bas-milieu.gif) repeat-x scroll 0 0;
}
#choix-langue .contenu {
	color:#0F1F40;
	font-family:Arial, Tahoma, sans-serif;
	font-size:8pt;
	font-weight:bold;
	margin-right:20px;
	padding-top:22px;
	text-align:right;
}
#choix-langue .contenu a {
	background-position:left center;
	background-repeat:no-repeat;
	color:#0F1F40;
	margin:0 2px;
	padding-left:20px;
	text-decoration:none;
}
#choix-langue .contenu a:hover {
	color:#045A95;
}
#choix-langue .contenu a.langue-fr {
	background-image:url(../images/france.gif);
}
#choix-langue .contenu a.langue-de {
	background-image:url(../images/germany.gif);
}
#bottom-body {
	position:relative;
	height:44px;
	width:939px;
	margin:0 auto;
	background:transparent url(../images/bottom-body.gif) no-repeat;
}
#magneticlab {
	margin:0;
}
#bottom-body #magneticlab a {
	position:absolute;
	width:61px;
	height:25px;
	top:22px;
	left:838px;
}
/* Le div a scroller */
#DIV_MOVE { /*  position : absolute; /* IMPERATIF */
	right : 60px;
	top : 120px;
	color : #000000;
	font-size : 13px;
	font-family : Verdana;
	text-align : center;
	background-color : #b0c4de;
	height : 150px;
	width : 130px;
	border-style : solid;
	border-width : 1px;
	border-color :  #ffffff #808080 #808080 #ffffff;
	z-index : 1000;
}
#D_MOVE_TITRE {
	background : #66aaff url('../images/gf_scroll_div.gif');
	color : #ffffff;
	font-size : 13px;
	font-family : Verdana;
	font-weight: bold;
	border-style : solid;
	border-width : 1px;
	border-color : #808080 #ffffff #ffffff #808080;
	margin : 2px;
	padding : 5px;
	text-align : center;
}

/*********************fin de catalogue CDF *******************************/