/* Rayonnor CSS */

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #DDDFE0;
	background-image: url(images/top_body.gif);
	background-repeat: repeat-x;
	background-position: top;
}

a { color:#d54c02; text-decoration:none }
a:hover { color:#d54c02; text-decoration:underline}

#container {
 width:955px;
 margin:0px auto;
 padding:0px;
}

#header {
 float:left;
 width:780px;
}

h1#logo {
 margin:10px 0px 10px 0px;
 padding:0px;
}

#contact-home {
 float:right;
 width:165px;
 margin:10px 0px 0px 0px;
 padding:0px;
 color:#D1D7DA;
}

#contact-home a.linked {
 margin:0px 2px 0px 2px;
 padding:0px 0px 0px 7px;
 background:url(images/contact-arrow.gif) no-repeat left;
 color:#556670;
 text-decoration:none
}

#contact-home a.linked:hover {
 text-decoration:underline
}

#contact-home img {
 margin-top:20px;
}

#contact-home p.small {
 color:#FFFFFF;
 font-size:11px;
 margin:0px;
 padding:0px 0px 0px 5px;
}

#contact-home p.small a {
 color:#C0C9E4;
 text-decoration:none
}

#contact-home p.small a:hover {
 text-decoration:underline
}

/*---- Menu CSS ---*/
#menu {
 margin:0px;
 padding:0px;
 list-style:none;
 width:698px;
 overflow:hidden;
}

html>body #menu { margin:0px 0px -11px 0px }

#menu li {
 float:left;
 margin:0px;
 padding:0px;
 text-align:center;
 font-size:14px;
}

#menu li a span { display:block; padding:15px 12px 12px 12px; }

#menu li a {
 display:block;
 background:url(images/menu-border.gif) no-repeat bottom right;
 color:#FFFFFF;
 text-decoration:none
}

#menu li a:hover {
 background:#E65608 url(images/corner.gif) no-repeat top left;
 color:#FFFFFF;
 text-decoration:none
}

#menu li a:hover span {
 background:url(images/menu-hov.gif) no-repeat top right;
 padding:15px 12px 12px 12px;
 display:block;
}

#menu li.last a {
 background-image:none;
}

#menu li.last a:hover {
 background:#E65608 url(images/corner.gif) no-repeat top left;
 color:#FFFFFF;
 text-decoration:none
}

#menu li.first { margin:0px 0px 0px 25px }

html>body #menu li.first { margin:0px 0px 0px 50px }

/*--- Contenu de la page ---*/
#page {
 background:url(images/page-background.gif) no-repeat bottom center;
 width:100%;
}

#wrapper {
 clear:both;
 width:955px;
 margin:0px auto;
 min-height:473px;
 height:1%;
 padding:23px 0px 9px 0px;
 overflow:hidden
}

html>body #wrapper { padding-top:29px; padding-bottom:0px; } /*-- Calque des coordonnées téléphoniques ---*/

img.products { float:left; margin:3px 0px 7px 15px; }

#wrapper img.main { margin-top: -1px; margin-left:15px }

#fdv {
 float:left;
 width:180px;
 margin:0px;
 padding:0px;
 color:#7D8A91;
}

#fdv img {
 margin-top:140px;
}

#fdv a { color:#7D8A91; text-decoration:none }
#fdv a:hover { color:#d54c02; text-decoration:underline}

#gros-plan {
 float:left;
 width:405px;
 margin-top:80px;
}

#gros-plan img {
 float:left;
 margin-right:10px;
}

#gros-plan h2 {
 font-size:18px;
 margin:0px 0px 0px 0px;
 padding:0px;
 color:#576973
}

#gros-plan p {
	margin:0px;
	color:#686E81;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#gros-plan a {
 padding:0px 0px 2px 15px;
 background:url(images/arrow.gif) no-repeat left;
 color:#CC4700;
 text-decoration:none;
}

#gros-plan a:hover {
 text-decoration:underline
}

/*--- Pied de page ----*/
#footer {
 clear:both;
 width:100%;
 height:147px;
 background-color:#DDDFE0
}