body { color: #454545; font-size: 12px; font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif; background-color: #ececec; margin: 0; padding: 0 }

#content{
	background:url(../img/pattern_background.gif) repeat-y;
	width:747px;
	margin:0 auto;
	padding-bottom:20px;
}

#entete{
	background:url(../img/haut_background.gif) no-repeat;
	padding:16px 12px 0 12px;
}

/*** Top menu ***/
#menutop ul{
	margin:0 10px 0 0;padding:0;
	list-style:none;
	height:20px;
}
#menutop ul li{
	float:right;
	margin-left:5px;
	color:#A0A1A0;
	font-size:10px;
}
#menutop ul li a{
	font-size:10px;
	color:#A0A1A0;
	text-decoration:none;
	padding:0 3px;
}
#menutop ul li a:hover{color:#7CB12B;}

#menutop ul li.done a,#menutop ul li.done a:hover{
	background-color:#7CB12B;
	color:#FFF;
}
/*** end ***/

#logo{
	background:url(../img/logo_atomikwave.gif) no-repeat;
	width:360px;height:111px;
}
#logo a{width:100%;height:100%;display:block;}

/*** Menu ***/
#menu{background:url(../img/menu/filet_haut_menu.gif) 88px 0 no-repeat;padding-top:1px;}
#menu ul{
	margin:0;padding:0;
	list-style:none;
	height:32px;
	background:url(../img/menu/filet_haut_menu.gif) 88px 31px no-repeat;
}
#menu ul li{float:right;margin-left:1px;}

#menu ul li.boutmenu{
	background:url(../img/menu/degrade_gauche.gif) no-repeat;
	width:47px;height:31px;
}
#clients{
	background:url(../img/menu/clients.gif) 0 -62px no-repeat;
	width:95px;height:31px;
}
#clients a{
	background:url(../img/menu/clients.gif) no-repeat;
	width:95px;height:31px;
	display:block;
}
#menu ul li.clientsdone,#menu ul li.clientsdone a,#menu ul li.clientsdone a:hover{
	background:url(../img/menu/clients.gif) 0 -124px no-repeat;
	width:95px;height:31px;
}
#portfolio{
	background:url(../img/menu/portfolio.gif) 0 -62px no-repeat;
	width:125px;height:31px;
}
#portfolio a{
	background:url(../img/menu/portfolio.gif) no-repeat;
	width:125px;height:31px;
	display:block;
}
#menu ul li.portfoliodone,#menu ul li.portfoliodone a,#menu ul li.portfoliodone a:hover{
	background:url(../img/menu/portfolio.gif) 0 -124px no-repeat;
	width:125px;height:31px;
}
#about{
	background:url(../img/menu/about_us.gif) 0 -62px no-repeat;
	width:120px;height:31px;
}
#about a{
	background:url(../img/menu/about_us.gif) no-repeat;
	width:120px;height:31px;
	display:block;
}
#menu ul li.aboutdone,#menu ul li.aboutdone a,#menu ul li.aboutdone a:hover{
	background:url(../img/menu/about_us.gif) 0 -124px no-repeat;
	width:120px;height:31px;
}
#clients a:hover,#portfolio a:hover,#about a:hover
{background-image:none;}
/*** end menu ***/


#imgacc{padding:0 12px;position:relative;}
#imgacc .texte{
	position:absolute;
	top:90px;left:430px;
	padding-right:25px;
	color:#FFF;
	font-size:13px;
	line-height:22px;
	text-align:right;
}

.events{padding:40px 20px 0 160px;}
.events h2{margin:0;}
.events table{margin:10px 0 0 15px;}
.events td.date{
	width:100px;
	color:#7CB12B;
}

/*** content ***/

#contenu{padding:0 14px 0 65px;}
#contenu h1{margin:20px 0 5px 0;}

#contenu .image{float:right;margin-top:20px;}
#contenu .contenutxt{margin:20px 0 0 15px;width:400px;}
#contenu .contenutxt p{
	line-height:20px;
	margin-top:0;
}


#smenu{	background:url(../img/filet_smenu.gif) no-repeat;padding-top:1px;}
#smenu ul{
	margin:0;padding:0;
	list-style:none;
	height:32px;
	background:url(../img/filet_smenu.gif) 0 31px no-repeat;
}
#smenu ul li{float:left;color:#A0A1A0;line-height:31px;}
#smenu ul li a{
	padding:0 7px;
	color:#A0A1A0;
	text-transform:uppercase;
	text-decoration:none;
	
}
#smenu ul li a:hover{color:#7CB12B;}
#smenu ul li.done a,#smenu ul li.done a:hover{background-color:#7CB12B;color:#FFF;}

/*** portfolio ***/
#portfolioimg{
	margin-top:20px;
	float:right;
	width:465px;height:387px;
}

#folio{margin-top:20px;float:left;}
#folio ul.boutons{
	margin:0;padding:0;
	list-style:none;
	height:22px;
}
#folio ul li{float:left;}
#precedent{
	margin-right:1px;
	background:url(../img/portfolio/previous.gif) 0 -44px no-repeat;
	width:96px;height:22px;
}
#precedent a{
	background:url(../img/portfolio/previous.gif) no-repeat;
	width:96px;height:22px;
	display:block;
}
#suivant{
	background:url(../img/portfolio/next.gif) 0 -44px no-repeat;
	width:96px;height:22px;
}
#suivant a{
	background:url(../img/portfolio/next.gif) no-repeat;
	width:96px;height:22px;
	display:block;
}
#precedent a:hover,#suivant a:hover{background-image:none;}
#folio ul.portcarre{
	height:20px;
	margin:0;padding:0;
	list-style:none;
}
#folio ul.portcarre li{
	float:left;
	margin-top:6px;
	background:url(../img/portfolio/navigation_thumbnail.gif) no-repeat;
	width:14px; height:14px;
	margin-right:6px;
}
#folio ul.portcarre li.actif{background:url(../img/portfolio/navigation_thumbnail.gif) 0 -28px no-repeat;}
#folio ul.portcarre li.vu{background:url(../img/portfolio/navigation_thumbnail.gif) 0 -56px no-repeat;}

#folio ul.portcarre li a{
	width:14px; height:14px;
	display:block;
}

/*** footer ***/
#footer{
	background:url(../img/pattern_background.gif) repeat-y;
	width:747px;
	margin:0 auto;
}

#footer .contenufooter{
	margin:0 12px 0 12px;
	padding:20px 20px 10px 172px;
	border-top:10px solid #7CB12B;
	position:relative;
}
#footer ul{margin:0;padding:0;list-style:none;height:20px;}
#footer ul li{float:left;margin-right:20px;}
#footer strong{color:#7CB12B;}
#footer .filetbas{
	clear:both;
	background:url(../img/bas_background.gif) no-repeat;
	width:747;height:41px;
}
#footer .contenufooter .mail{	float:right;}
#footer .contenufooter .mail a{color:#7CB12B;text-decoration:none;}

/*** plan de site ***/

ul.sitemap, ul.sitemap li ul {margin:0;padding:0;list-style:none;}
ul.sitemap li ul {margin-top:5px;padding-top:3px;background:url(../img/filet_gris.gif) no-repeat;}
ul.sitemap li.niveau1{background:url(../img/filet_smenu.gif) left bottom no-repeat;padding:5px 0;}
ul.sitemap li.niveau1 a{text-decoration:none;color:#A2A2A2;font-weight:bold;font-size:12px;}

ul.sitemap li.niveau2{background:url(../img/filet_smenu.gif) left bottom no-repeat;padding:7px 0;}
ul.sitemap li.niveau2 a{text-decoration:none;color:#7CB12B;font-weight:bold;font-size:12px;text-transform:uppercase;}

ul.sitemap li.niveau2 ul li{padding:2px 0 2px 30px;}
ul.sitemap li.niveau2 ul li a{text-decoration:none;color:#A2A2A2;font-weight:bold;font-size:12px;text-transform:none;}
a { color: green; text-decoration: underline }