/* Start of CMSMS style sheet 'cen' */
/* Start of CMSMS style sheet 'cen' */
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(uploads/Newave/img01.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
                text-align:center;
}
wrapper{
	margin: 0;
	padding: 0;
                text-align:left;
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

input, textarea, select {
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h2 {
	font-weight: normal;
	color: #7CD300;
}

h1 {
	letter-spacing: -1px;
	font-size: 2.6em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
}

p, ul, ol {
}

p {
}

blockquote {
	font-style: italic;
}

ul {
}

ol {
}

a {
	color: #7CD300;
}

a:hover {
	text-decoration: none;
}

small {
}

hr {
	display: none;
}

img {
	border: none;
}

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

img.right {
	float: left;
	margin: 0 0 0 15px;
}

/* Header */

#header {
	width: 920px;
	height: 150px;
	margin: 0 auto;
                text-align:left;
}

/* Logo */

#logo {
	float: left;
margin-bottom:15px;
margin-top: 0px;
}


#logo a {
	text-decoration: none;
}



/* Page */

#page {
	width: 920px;
	margin: 0 auto;
	padding-top: 0px;
                text-align:left;
clear:both;
}

#latest-post {
	float: left;
	width: 650px;
}

#recent-posts {
	float: right;
	width: 200px;
	padding: 12px 0 0 30px;
	background: url(uploads/Newave/img03.gif) repeat-y;
}

#recent-posts .entry {
	background: url(uploads/Newave/img04.gif) repeat-x left bottom;
}

.post {
}

.post .title {
	margin: 0;
}

.post .meta {
	margin: 0;
	padding-bottom: 10px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #BABABA;
}

.post .meta a {
	color: #BABABA;
}

.post .entry {
	margin-bottom: 10px;
	padding-bottom: 5px;
}

/* Sidebar */

#sidebar {
	clear: both;
	width: 920px;
	background: #CDEB8B url(uploads/Newave/img05.gif) no-repeat;
	border-top: 20px solid #FFFFFF;
	color: #008C00;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	display: block;
	float: left;
	width: 200px;
	padding: 15px;
}

#sidebar li ul {
	line-height: 1.8em;
}

#sidebar li li {
	display: list-item;
	float: none;
	width: auto;
	padding: 0;
}

#sidebar h2 {
	margin: 0 0 15px 0;
	color: #008C00;
}

#sidebar a {
	text-decoration: none;
	color: #008C00;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Footer */

#footer {
	width: 920px;
	height: 100px;
	margin: 0 auto;
	background: url(uploads/Newave/img06.gif) no-repeat;
}

#footer p {
	margin: 0;
	padding: 15px;
}

#legal {
	float: left;
}

#links {
	float: right;
}

/* set the size of the definition list <dl> and add the background image */
#imap {
  display:block; 
  width:300px; 
  height:240px; 
  background:url(uploads/images/cercle3d.jpg) no-repeat; 
  position:relative; 
  }

/* the hack for IE pre IE6 */
* html #imap a#title {
  height:240px;
  he\ight:0;
  }

/* the <dt><a> hover style to move the background image to position 0 0 */
#imap a#title:hover {
  background-position: 0 0; 
  z-index:10;
  }

/* place the <dd>s in the correct absolute position */
#imap dd {
  position:absolute; 
  padding:0; 
  margin:0;
  }
#imap #picc {
  left:5px; 
  top:20px; 
  z-index:20;
  }
#imap #pics {
  left:150px; 
  top:20px; 
  z-index:20;
  }
#imap #picm {
  left:65px; 
  top:95px; 
  z-index:20;
  }

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#communication, #imap a#scientifique, #imap a#marketing {
  display:block; 
  width:135px; 
  height:70px; 
  text-decoration:none; 
  z-index:20;
  }

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
  display:none;
  }

/* move the link background image to position 0 0 when hovered */
#imap a#paul:hover, #imap a#ringo:hover, #imap a#john:hover, #imap a#george:hover {
  background-position:0 0;
  }

/* the hack for IE pre IE6 */
* html #imap a:hover span {
  width:400px; w\idth:388px;
  }

/* define the common styling for the span text */
#imap a:hover span {
  position:absolute;  
  width:350px; 
  display:block; 
  font-family:arial; 
  font-size:12px; 
  background:#fff; 
  color:#000; 
  border:1px solid #000; 
  padding:5px;
  }

/* move the span text to a common position at the bottom of the image map */
#imap a#communication:hover span {
  left:-35px; 
  top:220px;
  background-color:#9fdf02;
  }
#imap a#scientifique:hover span {
  left:-180px; top:220px;
  background-color:#dedede;
  }
#imap a#marketing:hover span {
  left:-90px; 
  top:150px;
  background-color:#f68b01;
  }

/* add the style for the link span text - first line */
#imap a span:first-line {
  font-weight:bold; 
  font-style:italic;
  }
/* End of 'cen' */


/* End of 'cen' */