/* ##################### Balises générales ######################*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
h1, h2, h3, h4, h5 {
	color: #CD8634;
	font-weight:bold;
	font-family: "Trebuchet MS";
}
p {
	color: #303030;
	font-size:0.7em;
}
a {
	text-decoration: none;
	color: #8ABA13;
	font-weight:bold;
}
a:hover {
	text-decoration: none;
	color: #1fa0d9;
	font-weight:bold;
}
a:active {
	text-decoration: none;
	color: #1fa0d9;
	font-weight:bold;
}
a img /* Toutes les images contenues dans un lien */
{
	border: none; /* Pas de bordure */
}

/* ###################### fin balises générales #################*/

#header{ /* Conteneur général du haut*/
	background:url(images/headerTop.png) repeat-x;
	/*margin:0 0 10px 0;
	position: relative;
	z-index: 10;*/
}

#header div.in{
	position:relative;
	width:959px;
	height:102px;
	margin:0 auto;
}

#header h1 a{
	position:absolute;
	top:14px;
	width:240px;
	height:0;
	padding-top:39px;
	overflow:hidden;
	background:url(images/logoAnkii.png) no-repeat;
	behavior: url(iepngfix.php); /* Hack IE5.5+ fonctionne avec le script iepngfix.htc, ici on appelle le fichier php pour le online permet de régler le probleme de transparence png sous IE.*/
}

#header ul.userMenu{
	position:absolute;
	left:225px;
	top:36px;
	width:565px;
	height:20px;
	text-align:right;
	color:#ddd;
	cursor:default;
}

#header ul.userMenu li{
	display:inline;
}

#header a.espaceClient,
#header a.espaceClient:active,
#header a.espaceClient:visited,
#header a.espaceClient:hover{
	position:absolute;
	width:110px;
	height:16px;
	right:0;
	top:34px;
	border:1px solid #35412e;
	background:url(images/Btnvert.png) no-repeat;
	color:#fff;
	font:bold 12px "Trebuchet MS";
	text-align:center;
	text-decoration:none;
}

#header a.espaceClient:hover {
    background:url(images/Btnvertover.png) no-repeat;
}

#header ul.mainMenu{
	position:absolute;
	height:27px;
	top:73px;
	list-style-type:none;
	border-left:1px solid #dbdee5;
	border-right:1px solid #fff;
}

#header ul.mainMenu li{
	display:inline;
}

#header ul.mainMenu li a{
	font:bold 13px "Trebuchet MS";
	color:#2e323d;
	text-decoration:none;
	float:left;
	height:22px;
	padding:5px 15px 0 15px;
	border-left:1px solid #fff;
	border-right:1px solid #dbdee5;
}

#header ul.mainMenu li a:hover{
	/*background:url(images/headermenu.png) no-repeat;*/
	/*background-color:#CD8634;*/
	border-right:1px solid #c3c3c3;
	border-left:1px solid #aaa;
	color:#1fa0d9;
}

#featured{
	background:url(images/fondSlogan.png) repeat-x;
	}

#featured div.in{
	position:relative;
	width:960px;
	height:265px;
	margin:0 auto;
	background:url(images/bg_header.jpg) no-repeat 0 5px;
	}
	
#featured div.instudio{
	position:relative;
	width:960px;
	height:260px;
	margin:0 auto;
	background:url(images/bg_headerstudio.png) no-repeat 0 5px;
	}

#featured div.inprestations{
	position:relative;
	width:960px;
	height:260px;
	margin:0 auto;
	background:url(images/bg_headerprestations.jpg) no-repeat 0 5px;
	}

#featured div.inportfolio{
	position:relative;
	width:960px;
	height:260px;
	margin:0 auto;
	background:url(images/bg_headerportfolio.jpg) no-repeat 0 1px;
	}

#featured div.indevis{
	position:relative;
	width:960px;
	height:260px;
	margin:0 auto;
	background:url(images/bg_headerdevis.jpg) no-repeat 0 5px;
	}

#featured div.video{
	position:absolute;
	right:30px;
	width:420px;
	height:250px;
	margin:0 auto;
	padding-top:20px;
	background:transparent;
	}
/* ###################### fin header #################*/

#main{
	background: transparent;
	width:960px;
	margin:0 auto;
	padding-top:10px;
	}

#conteneur{
	position:relative;
	width:700px;
	/width:680px; /* hack for ie5.5+ */
	float:left;
	display:inline;
	}
#conteneur p1{
	font-family:"Trebuchet MS";
	font-size:12px;
	width:680px;
	/width:640px; /* hack for ie5.5+ */
	text-align:justify;
}
	
#conteneur p{
	font-family:"Trebuchet MS";
	font-size:12px;
	width:650px;
	/width:640px; /* hack for ie5.5+ */
	text-align:justify;
}

#sidebar{
	position:relative;
	background-color: fff;
	float:left;
	display:inline;
	height:300px;
	width:245px;
	padding:5px;
}
#sidebar{
	position:relative;
	background-color: fff;
	float:left;
	display:inline;
	height:300px;
	width:245px;
	padding:5px;
}

#sidebar p {
	font-family:"Trebuchet MS";
	font-size:11px;
	text-align:justify;
}

#newsletters{
	background: url(images/bgnewsletters.png) no-repeat;
	behavior: url(iepngfix.php); /* cf commentaire plus haut*/
	width:250px;
	height:45px;
	padding-top:21px;
	padding-left:15px;
}
label.error{
	font-weight:normal;
	color:red;
	text-align:left;
	font-family:"Trebuchet MS";
	font-size:11px;
	width:140px; 
	padding-left:5px;
}

#news{
	padding-left:15px;
	font-family:"Trebuchet MS";
	font-size:12px;	
}

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

#news li{
	padding: 5px 5px 5px 25px; 
	margin: 0;
	background: url(images/icon_list.png) no-repeat left center;
}

#main div.contenupic{
	position:relative;
	width:180px;
	float:left;
	font-family:"Trebuchet MS";
	font-size:12px;
	color: #303030;
}

#main div.contenuform{
	position:relative;
	text-align:left;
	font-family:"Trebuchet MS";
	top:2px;
	width:300px;
	/width:280px; /* Hack IE6 & IE7*/
	height:173px;
	background:url(images/callman.jpg) no-repeat 210px 0;
	float:right;
	right:30px;
	border: 1px solid #b9d860;
}

#main div.contenuform p{
	position:relative;
	text-align:left;
	font-family:"Trebuchet MS";
	font-size:12px;
	padding-left:5px;
	width:300px;
	/width:280px; /* Hack IE6 & IE7*/
	
}

#footer{
	background-color:#ffF;,
	
}
#footerin{
	position:relative;
	margin:auto;
	padding:20px 0 0 0;
	width:960px;
	font-size:11px;
	font-family:"Trebuchet MS";
	text-align:center;
	color:#333;
}

br.clear{clear:both;font-size:0;line-height:0;}


/* ###################### partie portfolio #################*/
			
#conteneurport{
	position:relative;
	width:960px;
	}

#cellport{
	width:235px;
	height:200px;
	text-align:center;
	padding:10px 2px 0px 2px;
	float:left;
	border-right:1px solid #999;
	border-bottom:1px solid #AAA;
	font-size:10px;
	font-family:"Trebuchet MS";
}
#cellportfinligne{
	width:235px;
	height:200px;
	text-align:center;
	padding:10px 2px 0px 2px;
	float:left;
	border-bottom:1px solid #AAA;
	font-size:10px;
	font-family:"Trebuchet MS";
}

/* ###################### block partie prestations #############################*/
#cellpresta{
	width:210px;
	height:110px;
	text-align:center;
	padding:10px 2px 0px 2px;
	float:left;
	border-bottom:1px solid #DDD;
	font-size:10px;
	font-family:"Trebuchet MS";
}




/* ########################SlideShow #############################*/
	#fma{
		height:180px;
		margin-bottom:7px;
		float:left;

	}
	#fma .column{
		float:left;
	}

	/* First Column */
	#fma .column.one{
		position:relative;
		background:url(images/fma-slides-bg.png) no-repeat;
		width:350px;
		height:180px;
		margin-right:12px;
	}
	#fma .column.one .slides{
		margin:6px 8px 8px 6px;
		width:337px;
		height:168px;
		overflow:hidden;
		position:relative;
	}
	#fma .column.one .slides a{
		position:absolute;
		top:0px;
		left:0px;
		display:none;
	}
	#fma .column.one .slides a.active{
		display:block;
	}

	#fma .column.one .nav{
		position:absolute;
		top:145px;
		left:18px;
	}
	#fma .column.one .nav a{
		display:block;
		height:25px;
		background:url(images/fma-buttons.png) no-repeat left top;
		behavior: url(iepngfix.php);
		position:absolute;
		top:0px;
		text-indent:-99999px;
		overflow:hidden;
	}
	#fma .column.one .nav a.back{
		width:26px;
		left:0px;
	}
	#fma .column.one .nav a.back:hover{
		background-position:left bottom;
	}
	#fma .column.one .nav a.next{
		width:27px;
		left:26px;
		background-position:-26px 0px;
	}
	#fma .column.one .nav a.next:hover{
		background-position:-26px -25px;
	}
	#fma .column.one .nav a.watch{
		width:103px;
		left:240px;
		background-position:right top;
	}
	#fma .column.one .nav a.watch:hover{
		background-position:right bottom;
	}

/*############### TABLEAU #################################*/
.titledate{ text-align:right; vertical-align:top; font-size:12px; color:B9D860; font-family:"verdana"; font-weight:bold;}