/* ===========================================================
Elements de Page ========================================== */

* {
	margin:0;
	padding:0;
}

body {
	background:#ffffff url(../images/bg.png) repeat-x scroll 0 top;
	font-family:Tahoma, Arial, Verdanna, sans-serif;
	font-size:12px;
	color:#000000;
}

img {
	border:none;
}

a {
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	color:#00AAD0;
}

a:hover {
	text-decoration:underline;
}

label {
	font-weight:bold;
	cursor:pointer;
	color:#00AAD0;
}

ul, li {
	list-style-type:none;
}

h1 {
	background:transparent url(../images/arrow_double.png) no-repeat scroll left 3px;
	margin:8px 0 8px 58px;
	padding-left:18px;
	font-size:12px;
	color:#ffffff;
}

h1 b {
	font-size:14px;
	color:#000000;
}

h3 {
	margin-bottom:14px;
}

/* ===========================================================
Formulaire ================================================ */

.form input {
	border:none;
	float:left;
}

.form .text {
	background:transparent url(../images/reference_input.png) no-repeat scroll 0 0;
	padding:1px 4px 0 4px;
	color:#ffffff;
	height:19px;
	width:157px;
}

.form .button {
	background:transparent url(../images/reference_buton.png) no-repeat scroll 0 0;
	height:20px;
	width:17px;
}

/* ===========================================================
Structure ================================================= */

#wrapper {
	margin:0 auto 0 auto;
	position:relative;
	width:1007px;
}

/* ===========================================================
Header ==================================================== */

#header {
	background:transparent url(../images/logo.png) no-repeat scroll 57px top;
	overflow:hidden;
	height:108px;
}

#header h3 {
	margin:35px 0 0 550px;
	position:absolute;
	text-align:center;
	font-size:15px;
	color:#4B4B4B;
}

#catalogue {
	background:transparent url(../images/catalogue.png) no-repeat scroll 0 0;
	font-family:Tahoma, Times New Roman;
	padding:20px 10px 0 60px;
	font-weight:normal;
	margin-right:20px;
	margin-top:14px;
	color:#ffffff;
	width:161px;
	height:37px;
	float:right;
}

#appel {
	background:transparent url(../images/telephone.png) scroll no-repeat left 0;
	padding:20px 0 0 50px;
	position:absolute;
	margin-top:13px;
	height:18px;
}

#reference {
	background:transparent url(../images/reference.png) no-repeat scroll 0 0;
	padding:12px 0 0 12px;
	position:absolute;
	height:32px;
	width:253px;
	right:0px;
	top:89px;
}

#reference label {
	padding-right:2px;
	padding-top:4px;
	float:left;
}

/* ===========================================================
Speedbar ================================================== */

#speedbar {
	margin-left:60px;
}

#speedbar li {
	float:left;
}

#speedbar a {
	background:transparent url(../images/speedbar_buton.png) no-repeat scroll 0 0;
	text-transform:uppercase;
	margin-right:5px;
	text-align:center;
	padding-top:10px;
	overflow:hidden;
	width:107px;
	height:24px;
	float:left;
}

/* ===========================================================
Content =================================================== */

#content {
	background-color:#ABABAB;
	margin-top:56px;
	width:997px;
	padding:5px;
}

#slider {
	background:transparent url(../images/slider.png) no-repeat scroll 0 0;
	margin-left:4px;
	padding-top:4px;
	height:217px;
	width:667px;
	float:left;
}

#slider li {
	padding:0 10px 0 10px;
	text-align:center;
	float:left;
}
#slider b {
	font-size:14px;
}

#slider .arrow_left {
	padding:0;
}

#slider .arrow_left a {
	background:transparent url(../images/arrow_left.png) no-repeat scroll 0 0;
	margin:90px 0 0 -8px;
	height:27px;
	width:27px;
	float:left;
}

#slider .arrow_right {
	float:right;
	padding:0;
}

#slider .arrow_right a {
	background:transparent url(../images/arrow_right.png) no-repeat scroll 0 0;
	margin:90px -8px 0 0;
	float:right;
	height:27px;
	width:27px;
}

#devis {
	float:right;
}

#devis h3 {
	margin-bottom:5px;
	font-size:14px;
}

#devis a {
	color:#ffffff;
	font-size:10px;
}

#devis li {
	background:transparent url(../images/block_bg.png) no-repeat scroll 0 0;
	margin-bottom:8px;
	overflow:hidden;
	color:#ffffff;
	padding:8px;
	width:299px;
	height:53px;
}

#devis li img {
	margin-right:8px;
	float:left;
}

/* ===========================================================
Billet ==================================================== */

.billet {
	background:transparent url(../images/billet_bottom.png) no-repeat scroll 0 bottom;
	padding-bottom:23px;
	margin-bottom:32px;
	width:992px;
}

.billet h2 {
	background:transparent url(../images/billet_top.png) no-repeat scroll 0 0;
	font-size:13px;
	color:#ffffff;
	padding:11px;
	width:970px;
	height:19px;
}

.billet h2 b {
	font-size:17px;
}

.billet h2 i {
	margin-top:15px;
	font-size:9px;
	float:right;
}

.billet .content {
	border-right:1px solid #03AACF;
	border-left:1px solid #03AACF;
	background-color:#ffffff;
	padding:15px 20px 0 20px;
	width:950px;
}

.billet .grey {
	border:1px solid #D2D2D2;
	background-color:#B4B4B4;
	-moz-border-radius:6px;
	padding:6px;
}

/* ===========================================================
Onglet ==================================================== */

.onglet {
	margin-top:18px;
	height:28px;
}

.onglet li {
	background:transparent url(../images/onglet_bg.png) repeat-x scroll 0 0;
	-moz-border-radius:6px 6px 0 0;
	border:1px solid #03A3C7;
	padding:8px 8px 0 8px;
	text-align:center;
	margin-left:18px;
	height:19px;
	float:left;
}

.onglet li a {
	color:#ffffff;
}

.onglet li a:hover, .onglet li .actif {
	color:#00AAD0;
}

/* ===========================================================
Footer ==================================================== */

#footer {
	background:#202020 url(../images/footer.png) repeat-x scroll 0 top;
	min-height:190px;
	padding-top:10px;
	font-weight:bold;
	color:#00AAD0;
	width:100%;
}

#footer .form {
	position:absolute;
}

#footer .form .text {
	font-size:11px;
	padding-top:3px;
	color:#00AAD0;
	height:17px;
}

#footer .content {
	margin:0 auto 0 auto;
	position:relative;
	width:1007px;
}

#footer .bottom {
	padding-top:32px;
}

#footer ul {
	-moz-border-radius:5px 5px 0 0;
	background-color:#202020;
	margin-left:25px;
	padding:10px;
	float:left;
}

#footer ul .title {
	margin-bottom:12px;
}

#footer .partenaire {
	background-color:transparent;
	text-align:right;
	float:right;
	padding:0;
}

/* ===========================================================
Divers ==================================================== */

.link_decorator {
	background:#282828 url(../images/onglet_bg.png) repeat-x scroll 0 0;
	border:1px solid #03A3C7;
	-moz-border-radius:6px;
	text-align:center;
	margin-left:108px;
	padding:8px;
	float:left;
}

.image_decorator {
	background:transparent url(../images/billet_image.png) no-repeat scroll 0 0;
	padding:13px 0 0 14px;
	height:193px;
	width:251px;
}

.list_center {
	margin-bottom:28px;
	text-align:center;
}

.list_center li {
	text-align:left;
	display:inline;
}

.list_center li p {
	display:inline-block;
}

.tright {
	text-align:right;
}

.tcenter {
	text-align:center;
}

.tleft {
	text-align:left;
}

.right {
	float:right;
}

.left {
	float:left;
}

.clear {
	clear:both;
}

.eclydia {
	display:none;
}

/* ===========================================================
Tableaux ==================================================== */

table {
 border-width:1px; 
 border-style:solid; 
 border-color:black;
 border-collapse:collapse;
 width:670px;
 }
td { 
 border-width:1px;
 border-style:solid; 
 border-color:black;
 text-align:center;
 }
.fondgris {
 background-color:grey;
 }
 
 .null {
 border-width:0px;
  text-align:left;
 }