body {
	margin: auto;
	font-family: arial;
	font-size: 12px;
	color: #686767;
	//overflow-x: hidden;
}

a {
	color: #e21863;
	font-weight: bolder;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

img {
	border:0;
}


#site {
	margin: auto;
	border: none;
	width: 100%;
	height: 100%;	
	background: url("http://static.solvingmacadam.com/images/content.jpg") no-repeat top;
}
#homepage {
	margin: auto;
	border: none;
	width: 100%;
	height: 100%;	
	background: url("http://static.solvingmacadam.com/images/content-home.jpg") no-repeat top;
}

/* HEADER - D�but */
#header {
	width: 1024px;
	height: 350px;
	position: relative;
	margin: auto;
}
#header #header-quote{
	position:absolute;
	z-index:100;
	width: 250px;
	
	top: 10px;
	left: 185px;
}
#header #header-quote h1 {
	font-family: Segoe UI,Arial;
	font-weight: lighter;
	font-size: 15px;
}
#header #header-logo {
	position: absolute;
	z-index: 80;
	top: 20px;
}
#header #header-img {
	position: absolute;
	z-index: 10;
}
#header-search {
	position: absolute;
	top: 20px;
	right: 0px;
	z-index: 20;
}
#header #header-slideshow {
	position: absolute;
	width: 534px;
	height: 100%;
	z-index: 2;
	left: 610px;
}
/* HEADER - Fin */

/* HEADER slideshow informations - D�but */
#header-slideshow-informations {
	list-style-type: none;	
	position: absolute;	
	left: 240px;
	bottom: 0px;
	*+bottom: 10px;
	z-index: 50;	
	vertical-align: middle;
}
#header-slideshow-informations li {
	position: relative;
	float: left;
	text-align: center;
	vertical-align: middle;
}
.header-slideshow-number {
	margin: 5px 0px 0px 5px;
	padding: 2px 6px 2px 6px;
	color: white;
	font-family: arial;
	font-weight: bold;
	font-size: 11px;
	background-color: black;
	text-decoration: none;
}
.header-slideshow-number-hover,#header-slideshow-informations li a:hover {
	color: black;
	background-color: white;
	text-decoration: none;
}
/* HEADER slideshow informations - Fin */

/* MENUBAR - D�but */
#header-menubar {
	height: 32px;	
	background-color: #282828;
	position: relative;
	z-index: 20;
}
#header-menubar-list,#header-menubar-list ul  {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#header-menubar-list {
	width: 1100px;
	margin: auto;
	font-family: Segoe UI,Arial;
	font-size: 11px;
	font-weight: lighter;
	text-transform: uppercase;
}
#header-menubar #social {
	width: 110px;
	margin: 5px 0px 0px 10px;
	*+margin: 3px 0px 0px 10px;
	height: 10px;
	text-align: right;
}
#header-menubar #social a {
	display: inline;
	text-decoration: none;
	border: none;
}
#header-menubar-list a {
	display: block;
	color: white;	
	width: 100%;
	height: 100%;	
}
#header-menubar-list li {
	float: left;
	width: 155px;
	background-color: #282828;
	border-left: 1px solid #404040;
	border-right: 1px solid #000000;
	
	text-align: center;
	line-height: 31px;

	font-size: 17px;
	
	position: relative;
}
/* Spécifique onglet "Nous Contacter" */

#header-menubar-list li.contact {
	background-color: #e83779;
        
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        
        -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
        
	border: 1px solid #e83779;
	
	text-align: center;
	line-height: 38px;

	font-size: 18px;
        
        margin-top: -3px;
        
        width: 180px;
}

#header-menubar-list li ul{
	z-index: 3000;
	position: absolute;
	*position: relative;
	margin: 0;
	display: none;
}
#header-menubar-list li ul li {
	font-size: 14px;
	text-decoration: none;
	text-align: left;	
	float: none;	
	min-height: 22px;
	border-top: 1px #404040 solid;
	border-left: 1px black solid;
	border-right: 1px black solid;
	border-bottom: 1px black solid;
}
#header-menubar-list li ul li a {
	width: 95%;
	height: 100%;
	padding-left: 10px;
}
#header-menubar-list li.active,#header-menubar-list li.active2 {	
	border-top: 1px solid black;
}
#header-menubar-list li.activeContact,#header-menubar-list li.active2Contact {	
	border-top: 1px solid #e83779;
}
#header-menubar-list li.active > a,#header-menubar-list li.active2 > a {
	color: #e21863;
	background-color: white;	
}
#header-menubar-list li.activeContact > a,#header-menubar-list li.active2Contact > a {
	text-decoration: underline;	
}
#header-menubar-list ul.sub-submenu {	
	left: 154px;
	*+left: 156px;
	*+position: absolute;
	display: none;
	margin-top: -24px;
}
#header-menubar-list li.have-sub-menu {
	background: #282828 url("http://static.solvingmacadam.com/icones/blue_arrow.png") no-repeat 95% center;
}
/* MENUBAR - Fin */

/* CONTENT - D�but */
#content {
	width: 1024px;
	margin: auto;
	min-height: 950px;
}
#content div.content-div {
	background: url("http://static.solvingmacadam.com/images/block-background.jpg") repeat-x bottom;
	border: 1px #808080 solid;
	margin: 10px;
	width: 700px;
	padding: 10px;	
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
}
#content div.content-div img.service-img {
	width: 150px;
	float: left;
	margin-right: 30px;
}
/* CONTENT - Fin */

/* HOMEPAGE - D�but */
#content #home-services {
	height: 400px;
}
#content #home-informations table {
	width: 100%;
}
#content #home-informations-news {
	width: 400px;
	height: 400px;
	vertical-align: top;
	background: url("http://static.solvingmacadam.com/images/content/services-background.png") no-repeat left bottom;
}
#content #home-informations-news div {
	margin: 30px 0px 0px 70px;
	width: 280px;
        height: 300px;
        overflow: auto;        
	color: white;
	font-size: 12px;
}
#content #home-informations-news div a {
	color: white;
	font-size: 12px;
}
#content #home-informations-news div ul {
	list-style-type: none;
	margin: 30px 0px 0px 0px;
	padding: 0;
}
#content #home-informations-about {
	height: 400px;
	vertical-align: top;
}
#content #home-informations-about ul {
	margin-top: 0px;
	
}
#content  #home-informations-about div {
	height: 300px;
	width: 580px;
	padding: 10px;	
	border: 1px #808080 solid;
	background: url("http://static.solvingmacadam.com/images/block-background.jpg") repeat-x bottom;	
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);	
}
#content #home-informations {
	height: 420px;
}
/* HOMEPAGE - Fin */

/* SIDEBAR - D�but */
.sidebar {
	float: right;
	width: 260px;
	padding-left: 20px;
        *+margin-top: 10px;
}
.sidebar div.sidebar-content {
	min-height: 180px;
        *+height: 240px;
	background: url("http://static.solvingmacadam.com/images/block-background.jpg") repeat-x bottom;
	border: 1px #808080 solid;
	margin: 10px;
	padding: 10px 10px 0px 10px;
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
}
.sidebar div.sidebar-content h4 {
	font-family: "Myriad pro",Arial;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	margin: 0;
}
.sidebar div.sidebar-content p {
	font-family: arial;
	font-size: 12px;
	color: #222222;
}
.sidebar div.sidebar-content ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
#contact-box ul {
	font-family: arial;
	font-size: 12px;
	color: #222222;
	font-weight: bolder;
}
#contact-notes {
        float: right;
        width: 320px;
}
#demo-box {
	position: relative;
	height: 200px;
}
#demo-box .demo-box-img {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#demo-box .demo-box-link {
	width: 130px;
	font-size: 15px;
	font-weight: lighter;
	*+font-weight: 100;
}
/* SIDEBAR - Fin */

/* FOOTER */
#footer {	
	width: 100%;
	margin: auto;
	margin-bottom: 10px;
	padding: 0;
	border-top: 1px #808080 solid;
	border-bottom: 1px #808080 solid;
	
	background-color: white;
}
#footer .footer-content {
	width: 1024px;
	margin: auto;
}
#footer a {
	font-family: arial;
	font-size: 11px;
	color: #a6a6a7;
	font-weight: lighter;
}
#footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#footer table {
	border-collapse: separate;
	border-spacing: 10px 5px;
}
#footer table tr td {
	vertical-align: top;
}
#footer table tr td.top {
	border-bottom: 1px #a6a6a7 solid;
	text-transform: uppercase;
	padding-top: 5px;
}
#footer table tr td.top:hover {
	border-bottom: 1px #E21863 solid;
}
#footer table tr td.top a:hover {
	text-decoration: none;
}
#copyright p,#copyright a {
	color: #a6a6a7;
	font-family: arial;
	font-size: 10px;
	margin: auto;
	text-align: center;
	padding-bottom: 10px;
}
/* FOOTER - Fin */

/* HOME - D�but */
#home-header-div {
	clear: left;
	height: 300px;
}
#home-header {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#home-header li {
	float: left;
	width: 190px;
	height: 330px;

	margin-left: 5px;
	padding: 3px;
	text-align: center;
	background: url("http://static.solvingmacadam.com/images/block-background.jpg") repeat-x bottom;
	
	border: 1px #808080 solid;
	
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
}
#home-header li img.service-img {
	height: 150px;
}
#home-header li p {
	color: #686767;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	min-height: 75px;
}
/* HOME - Fin */


#content-refs {
	width: 650px;
	border: 1px #808080 solid;
	padding: 10px;
	margin: 10px 0px 20px 50px;
	background-color: white;
}
#carte img {
	float: right;
	margin-right: 50px;
}
span.header{
	color: black;
	font-family:Verdana;
	font-size: 13px;
	font-weight: bold;
	
	background: url("http://static.solvingmacadam.com/icones/arrow.png") no-repeat left center;
	
	padding-left: 15px;
}

/* TITLE - D�but */
h5 {
	color: #4a4a4a;
	font-family: arial;
	font-size: 13px;
	font-weight: bolder;
	margin: 4px;
	text-transform: uppercase;
	height: 30px;
}
h5 span.pink {
	color: #e83779;
}
h5.title {
	text-transform: uppercase;
	font-size: 23px;
	color: #e83779;
	font-family: "Myriad Pro", Arial;
	font-weight: lighter;
	*+font-weight: 100;
	margin: 15px;
}
h5.title span.fl { 
	background-color: #E21863;
	border-right: 1px #E21863 solid;
	border-bottom: 1px #E21863 solid;
	color: white; 
	text-align: right;
	width: 23px; 
	height: 23px; 
	float: left;
} 
h2.title {
	text-transform: uppercase;
	font-size: 28px;
	color: #e83779;
	font-family: "Myriad Pro", Arial;
	font-weight: lighter;
	*+font-weight: 100;
	margin: 10px;
}
h2.title span.fl { 
	background-color: #E21863;
	border-right: 1px #E21863 solid;
	border-bottom: 1px #E21863 solid;
	color: white; 
	text-align: right;
	width: 30px; 
	height: 30px; 
	float: left;
} 
/* TITLE - Fin */

/* CLASSES - D�but */
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.error {
	border: 1px red solid;
	width: 95%;
	padding: 5px;
	margin: 5px;
	background-color:#EFC2C2;
	font-family: Verdana;
	font-size: 11px;
	color: red;
}
.valid {
	border: 1px green solid;
	width: 95%;
	padding: 5px;
	margin: 5px;
	background-color:#C9EFC2;
	font-family: Verdana;
	font-size: 11px;
	color: green;
}
.sub-title{
	color:#999;
	font-family:Arial;
	font-size:12px;
	padding:0;
}
.quote {
	font-family: "Segoe Print", "Lucida Script";
	font-size: 25px;
	color: #68686e;
	padding: 20px 5px 20px 5px;
	text-align: center;
}

/* CLASSES - Fin */

#social_box {
    text-align: right;
    width:650px;
    height: 30px;
    margin-top: 15px;
    z-index:1;
    *+position: absolute;
}

/* Tableaux - Début */

.content-tab {
    border-collapse: collapse;
    
}

.content-tab tr td {
    text-align: right;    
    border: 1px #4a4a4a solid;
    
    font-weight: bold;
    padding-right: 5px;
    height: 22px;
}

.content-tab thead tr td {
    background-color: #e83779;
    color: white;
    text-align: center;
    
    width: 100px;
    
    font-weight: bold;
}
.content-tab-img {
    width: 740px;
}

.content-tab-img tr td {
    text-align: center;    
    width: 33%;
}