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

* {
	margin:0px;
	padding:0px;
	font-family:Myriad Pro, Tahoma, Geneva, sans-serif;
}

body {
	background-image:url(images/design.jpg);
	background-position:center top;
	background-repeat:repeat-y;
	background-color:#262163;
}

h1 {
	color:#9790b0;
	padding:10px 20px 10px 15px;
	font-size:30px;
	font-weight:bold;
	border-bottom:1px solid #262163;
	margin:0px 15px 0px 15px;
}

p {
	padding:5px 20px 5px 30px;
	font-size:16px;
	color:#282464;
}

table {
	margin:5px 20px 5px 30px;
	font-size:16px;
	color:#282464;
}

table tr td {
	font-size:16px;
	color:#282464;
}

h2 {
	padding:15px 20px 0px 30px;
	font-size:20px;
	color:#282464;
	font-weight:bold;
}

p a, p a:active, p a:visited {
	color:#9790b0;
	text-decoration:none;
	font-weight:bold;
}

p a:hover {
	text-decoration:underline;
}

img {
	float:right;
	margin:15px;
	border:0px;
	border:1px solid #262163;
	padding:3px;
}

img.nofloat {
	float:none;
}

img.gauche {
	float:left;
}

div#compte {
	padding:170px 0px 0px 815px;
}

div#compte a, div#compte a:link, div#compte a:active, div#compte a:visited {
	display:block;
	height:20px;
	width:118px;
	background-image:url(images/compte.gif);
	background-repeat:no-repeat;
}

div#compte a:hover {
	background-image:url(images/survol/compte.gif);
}

div.clear {
	clear:both;
}

div#site {
	width:964px;
	margin:0px auto;
}

div#designys {
	background-image:url(images/designys.jpg);
	width:964px;
	height:233px;
}

div#corps {
	width:964px;
	background-image:url(images/plaque.jpg);
	background-repeat:repeat-y;
}

div#menu_bas {
	width:964px;
	height:28px;
	background-image:url(images/projet.jpg);
	background-repeat:no-repeat;
	clear:both;
}

div#menu_bas p {
	color:#282464;
	text-align:center;
	font-size:14px;
	padding:16px 0px 0px 175px;
}

div#menu_bas p a, div#menu_bas p a:active, div#menu_bas p a:visited {
	text-decoration:none;
	color:#282464;
}

div#menu_bas a:hover {
	text-decoration:underline;
}

div#copyright {
	width:964px;
	height:17px;
	background-image:url(images/site.jpg);
	background-repeat:no-repeat;
	clear:both;
}

/*div#copyright p {
	color:#282464;
	text-align:left;
	font-size:12px;
	padding:0px 5px 0px 50px;
}
*/
div#copyright p {
	color:#d0cfd7;
	text-align:right;
	font-size:12px;
	padding:20px 15px 0px 0px;
}

.forceh {
    height:300px;
    float:right;
    width:1px;
}

/**********************************************************************************/
/************************************* gauche *************************************/
/**********************************************************************************/

div#gauche {
	background-image:url(images/logo.jpg);
	width:218px;
	background-repeat:repeat-y;
	float:left;
}

div#gauche_spc {
	background-image:url(images/evenementiel.jpg);
	width:49px;
	height:305px;
	float:left;
}

/**********************************************************************************/
/************************************* centre *************************************/
/**********************************************************************************/

div#centre {
	width:714px;
	float:left;
}

div#haut {
	background-image:url(images/dynamique.jpg);
	width:714px;
	height:22px;
}

div#texte {
	background-image:url(images/creation.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:714px;
}
	
/**********************************************************************************/
/************************************* droite *************************************/
/**********************************************************************************/

div#droite {
	background-image:url(images/internet.jpg);
	width:32px;
	background-repeat:repeat-y;
	float:left;
}

div#fin {
	background-image:url(images/notoriete.jpg);
	width:32px;
	height:305px;
}

/**********************************************************************************/
/*************************************** menu *************************************/
/**********************************************************************************/

div#menu {
	width:169px;
	float:left;
}

div#accueil {
	background-image:url(images/actif/accueil.jpg);
	width:169px;
	height:22px;
}

div#produits {
	background-image:url(images/actif/produits.jpg);
	width:169px;
	height:22px;
}

div#references {
	background-image:url(images/actif/references.jpg);
	width:169px;
	height:22px; 
}

div#promotions {
	background-image:url(images/actif/promotions.jpg);
	width:169px;
	height:22px;
}

div#contact {
	background-image:url(images/actif/contact.jpg);
	width:169px;
	height:22px;
}

div#accueil a {
	display:block;
	background-image:url(images/accueil.jpg);
	width:169px;
	height:22px;
}

div#produits a {
	display:block;
	background-image:url(images/produits.jpg);
	width:169px;
	height:22px;
}

div#references a {
	display:block;
	background-image:url(images/references.jpg);
	width:169px;
	height:22px; 
}

div#promotions a   {
	display:block;
	background-image:url(images/promotions.jpg);
	width:169px;
	height:22px;
}

div#contact a {
	display:block;
	background-image:url(images/contact.jpg);
	width:169px;
	height:22px;
}

div#accueil a:hover {
	background-image:url(images/survol/accueil.jpg);
}

div#produits a:hover {
	background-image:url(images/survol/produits.jpg);
}

div#references a:hover {
	background-image:url(images/survol/references.jpg);
}

div#promotions a:hover {
	background-image:url(images/survol/promotions.jpg);
}

div#contact a:hover {
	background-image:url(images/survol/contact.jpg);
}

div#menu_spc1 {
	background-image:url(images/signaletique.jpg);
	width:169px;
	height:61px;
}

div#menu_spc2 {
	background-image:url(images/graphisme.jpg);
	width:169px;
	height:51px;
}

div#menu_spc3 {
	background-image:url(images/referencement.jpg);
	width:169px;
	height:39px;
}

div#menu_spc4 {
	background-image:url(images/communication.jpg);
	width:169px;
	height:27px;
}

div#menu_spc5 {
	background-image:url(images/visuelle.jpg);
	width:169px;
	height:17px;
}