body {
	padding-top:10px;
	background:#f8f8f8;
	/* url(../img/fond03.gif) repeat-y fixed; */
	margin: 0 auto;
	color: #4a4a4a;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.813em;
	line-height:16px;
	height: auto;
	padding-bottom: 20px;
}
/*
@font-face {
    font-family: 'geosanslightregular';
    src: ../font/('geosanslight-webfont.eot');
    src: ../font/('geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
         ../font/('geosanslight-webfont.woff') format('woff'),
         ../font/('geosanslight-webfont.ttf') format('truetype'),
         ../font/('geosanslight-webfont.svg#geosanslightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
/* Header
--------------------------------------------------------------------------------*/
.header {
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,1);
	border-radius: 5px;
	border-radius: 5px 10px;
	border-radius: 10px 10px 10px 10px;
	border:none;
}

/* anchors
----------------------------------------------- */
a {
	color: #FF6600;
	text-decoration: none;
}

a:hover {
	color: #276FA3;
	text-decoration: underline;
}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16,
.container_18 {
	background:rgba(255,255,255,1);
	-moz-box-shadow : 3px 3px 10px #333;
	-webkit-box-shadow : 3px 3px 10px #333;
	box-shadow : 3px 3px 10px #333;
	-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
	filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
}

/* headings
----------------------------------------------- */
h1 {
	font-size: 1.4em;
	text-transform: uppercase;
	line-height:1.2em;
	color:#FFFFFF;
	background-color:#FF6600;
	margin: 5px -10px 0px;
	padding: 6px 12px;
}
h1 a {
	color:#FFFFFF;
}
h1 a:hover {
	color:#FFFFFF;
}

h2 {
	font-size: 1.4em;
	margin-bottom: 0.3em;
	margin-top:1em;
	line-height:1.2em;
}
h3 {
	font-size: 1.1em;
	margin-bottom: 0.3em;
	line-height:1.2em;
}
h4 {
	font-size: 1em;
	margin-bottom: 0.3em;
	line-height:1.2em;
}
h5 {
	font-size: 0.9em;
	margin-bottom: 0.3em;
	line-height:1.2em;
}
h6 {
	font-size: 0.8em;
	margin-bottom: 0.3em;
	line-height:1.2em;
}

h1 a {
	font-weight:normal;
}

h2.topinfo {
	font-size: 1.4em;
	margin-bottom: 0.3em;
	margin-top:1em;
	line-height:1.2em;
	color:#FF0000;
}

/* branding
----------------------------------------------- */
h1#branding {
	font-weight:normal;
	font-size:3em;
	text-align:left;
	background:#aaa;
	padding:.7em 1em;
	margin-bottom:0;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}


/* boxes
----------------------------------------------- */
.box {
	background:#fff;
	margin-bottom:10px;
	padding:10px 10px 1px 10px;
/* 
-moz-box-shadow : 3px 3px 10px #333;
-webkit-box-shadow : 3px 3px 10px #333;
box-shadow : 3px 3px 10px #333;
-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
*/
}
.box img {
	padding-bottom:10px;
}
.box h2 {
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	margin: 5px -10px 0 -10px;
	padding:6px 12px;
	background-color:#3066A3;
	border-radius: 2px;
	border-radius: 2px 4px;
	border-radius: 4px 4px 4px 4px;
}
.box h2 a,
.box h2 a.visible {
	color:#fff;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}
.grid_4 .box h2 a {
	background-position: 97% 50%;
}
.grid_5 .box h2 a {
	background-position: 98% 50%;
}
.grid_12 .box h2 a {
	background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
	background-image: url("../img/switch_plus.gif");
}
.box h2 a:hover {
	color:#FFFFFF;
	border-radius: 2px;
	border-radius: 2px 4px;
	border-radius: 4px 4px 4px 4px;
	background-color:rgba(255,153,0,1);
}
.block {
	padding-top:10px;
}

/*Style du menu*/
.menu {
	font-family: Verdana, Geneva, sans-serif;
	width:100%;
	height:39px;
	background-color:#f0eeeb;
	border-style:solid;
	border-top-color:#999;
	border-top-width:2px;
	border-bottom-color:#333;
	border-bottom-width:2px;
}
 
/*style des lien du menu*/
.menu ul li a, .menu ul li a:visited {
	display:block;
	margin-top:3px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	color:#ff6600;
	width:120px;
	height:35px;
	text-align:center;
	background:url(../img/btblmenuoff.gif);
	line-height:35px;
	font-size:9px;
}
.menu ul {padding:0;list-style-type: none; }
.menu ul li {float:left; margin-right:0px;position:relative;}
.menu ul li ul {display: none;}
 
/* specific to non IE browsers */
.menu ul li:hover a {
	text-transform:uppercase;
	color:#666666;
	background:url(../img/btblmenuon.gif);
}
 
/*style du sous menu*/
.menu ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:120px;}
.menu ul li:hover ul li a.hide { background:#143D55; color:white;}
/*style des liens du sous menu*/
.menu ul li:hover ul li:hover a.hide {width:120px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#143D55; color:white; width:120px;}
.menu ul li:hover ul li a:hover {background:#CCCCCC; color:white;}
 
/*style du sous sous menu*/
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:120px; top:0; color:white;}
 
/*style des liens du sous sous menu*/
.menu ul li:hover ul li:hover ul li a {display:block; width:120px; background:#CCCCCC; color:white;}
.menu ul li:hover ul li:hover ul li a:hover { background:#CCCCCC; color:white;}

/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
	list-style-type:disc;
}




/* table
----------------------------------------------- */
table {
	width:100%;
	border:1px solid #bbb;
	margin-bottom:10px;
}
col.colC {
	width:8em;
}
th, td {
	padding:.2em 1em;
	text-align:left;
}
thead th {
	border-bottom:2px solid #888;
	background:#bbb;
	padding:.4em 1em .2em;
}
thead th.table-head {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#555;
	border:1px solid #555;
}
tbody th,
tbody td {
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background:#eee;
}
tbody tr.odd th,
tbody tr.odd td {
	background:#fff;
}
tfoot th,
tfoot td {
	border-top:2px solid #666;
	background:#eee;
}
tfoot tr.total th,
tfoot tr.total td {
	border-top:6px double #666;
}
tfoot tr.total th {
	text-transform:uppercase;
}
th.currency,
td.currency {
	text-align:right;
}


/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	margin-bottom:10px;
}
legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
}
fieldset p input {
	width:98%;
}
fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}
input[type=radio] {
	width:10px;
}
#newsletter {
	width:30%;
	margin-left:20%;
}

/* articles
----------------------------------------------- */
.articles {
	padding:0;
}
.articles h2 {
	margin:0;
}
#articles {
	padding-top:0;
}
.article {
	border-top:1px solid #666;
	padding-top:.5em;
}
.box .article {
	border-top:3px solid #fff;
	padding:13px 10px 0 10px;
}
.article h2 {
	font-size:2em;
	font-weight:normal;
	text-transform:none;
	color:#333;
	background:transparent;
	padding:0;
	margin:0;
	border:none;
}
.article h3 {
	margin-bottom:.2em;
	font-size:1.6em;
}
.box .first {
	border-top:none;
}
.article h4 {
	font-size:1.2em;
	text-transform:uppercase;
	margin-bottom:.5em;
}
.article a.image {
	float:left; 
	margin:3px 10px 3px 0; 
	padding:4px;
	border:1px solid #bbb;
	background:#fff;
}
.article a.image:hover {
	border:1px solid #666;
}
.article a.image img {
	float:left; 
}
.article p.meta {
	color:#666;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
}


/* site information
----------------------------------------------- */
#site_info {
	font-size:11px;
	line-height:11px;
	color:#000;
	background:url(../img/imgbasdt.gif);
	text-align:center;
}
#site_info a {
	color:#000;
}
#site_info a:hover {
	color:#000;
}


/* AJAX sliding shelf
----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}
.block {padding-bottom:1px;}


/* Accordian
----------------------------------------------- */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size:1.1em;
	font-weight: normal;
}
.element h4 {
	margin: 0;
	padding:4px;
	line-height:1.2em;
}
.element p {
	margin: 0;
	padding: 4px;
}
.float-right {
	padding:10px 20px;
	float:right;
}

#accordian-block {
	padding-bottom:10px;
}
/* IMG bas de page
----------------------------------------------- */
.repmenu {
	font-size:9px;
	width: 100%;
	padding:50px 0 0 0;
	display:block; 
}
.repmenu ul li {
	list-style-type: none;
	float:right;
	z-index:auto !important /*Non-IE6*/;
	z-index:1000 /*IE6*/;
} 
.repmenu ul li a {
	float:none !important /*Non-IE6*/; 
	float:right /*IE-6*/; 
}
#imgbasp {
	background:url(../img/imgbasdt.gif);
	right:0;
	bottom:0;
	width:316px;
	height:80px;
}
.fdtypeab {
	background:rgba(238,238,238,1);
	height:auto;
	/*
-moz-box-shadow : 3px 3px 10px #333;
-webkit-box-shadow : 3px 3px 10px #333;
box-shadow : 3px 3px 10px #333;
-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
*/
}
.fdtypecd {
	background:rgba(238,238,238,1);
	height:auto;
	/*
-moz-box-shadow : 3px 3px 10px #333;
-webkit-box-shadow : 3px 3px 10px #333;
box-shadow : 3px 3px 10px #333;
-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
*/
}
.fdtypebc {
	background:rgba(238,238,238,1);
	height:auto;
	/*
-moz-box-shadow : 3px 3px 10px #333;
-webkit-box-shadow : 3px 3px 10px #333;
box-shadow : 3px 3px 10px #333;
-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
*/
}
.fdtypeprix {
	background:rgba(153, 204, 255, 1);
	height:auto;
	border-radius: 2px;
	border-radius: 2px 4px;
	border-radius: 4px 4px 4px 4px;
}
.fdtypeprix2 {
	background:rgba(204, 204, 255, 1);
	height:auto;
	border-radius: 2px;
	border-radius: 2px 4px;
	border-radius: 4px 4px 4px 4px;
}
.fdtypeprix3 {
	background:rgba(255, 153, 153, 1);
	height:auto;
	border-radius: 2px;
	border-radius: 2px 4px;
	border-radius: 4px 4px 4px 4px;
}
.contenu {
	padding-bottom: 5px;
	padding-top:5px;
}
.social {
	height:70px;
	vertical-align:auto;
}

.fb-like-box {
	overflow:hidden;
}
/* IMG Logos marques
----------------------------------------------- */
.logosmarques {
	background-color:#FFFFFF;
	margin-top:20px;
	margin-bottom:20px;
	padding: 5px 0px 5px 0px;
}
.logosmarques img {
	padding-right:20px
}

/* Remplace box pour mise en forme
----------------------------------------------- */
.urgent {
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	background:#C33;
	margin-bottom:10px;
	padding:5px 5px 1px 5px;
	/*
	-moz-box-shadow : 3px 3px 10px #333;
	-webkit-box-shadow : 3px 3px 10px #333;
	box-shadow : 3px 3px 10px #333;
	-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
*/
}
.urgent h2 {
	font-size:1em;
	font-weight:bold;
	color:#FFF;
	margin:-5px -5px 0 -5px;
	padding:6px 12px;
	background-color:#FF3333;
}
.urgent h2 a,
.urgent h2 a.visible {
	color:#FFF;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}
.prix {
	font-size:1.6em;
	letter-spacing:0px;
	color:#FF0000;
}
.alert {
	color:#FFFFFF;
	background:url(../img/blink_jbr.gif);
	padding:5px 0 5px 5px;
}

.boxtab {
	font-size:0.8em;
	color:#000066;
	background:#fff;
	margin-bottom:5px;
	padding:5px 5px 1px 5px;
	/*
	-moz-box-shadow : 3px 3px 10px #333;
	-webkit-box-shadow : 3px 3px 10px #333;
	box-shadow : 3px 3px 10px #333;
	-ms-filter : "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
*/
}
.boxtab h2 {
	font-size:1.2em;
	color:#FFF;
	margin:-5px -5px 0 -5px;
	padding:6px 12px;
	background-color:#ff8a00;
}
.boxtab h2 a,
.boxtab h2 a.visible {
	color:#FFF;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}
#slideshow-container  { 
	width:200px;
	height:310px;
	position:relative;
	padding-bottom:10px;
}
#slideshow-container img { 
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.rotate {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}  
.rotate:hover {
    -webkit-transform:rotate(355deg);
    -moz-transform:rotate(355deg);
    -o-transform:rotate(355deg);
}  
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
.tiltpckweb {
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
 
.tiltpckweb:hover {
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.tilty {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilty:hover {
  -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
       -o-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
          transform: rotateY(180deg);
}