/* CSS Document */
/* ------------------------------------ */
/*                                      */
/*            General               */
/*                                      */
/* ------------------------------------ */

body {
	font: 11px Verdana, Arial, Tahoma, Helvetica;
	color: #181E14;
	margin: 0;
	padding: 0 0 2em 0;
	text-align: center;
	line-height: 130%;
	background-color: #CFE9A1;
	background-position: top;
	background-repeat: repeat-x;
	background-image: url(../images/ecptbg_green.jpg);
	
}
#general {
	maring: 0 auto;
}

#horizontal {
	width: auto;
	height: 20px;
	font-weight: bold;
	font-size: 10px;
	padding: 5px 0 0 29px;
	text-align: left;
	font-style: italic;
	top: 90px;
	z-index: 0;
	position: absolute;
	left: 20px;
}
h1 {
	margin: 0px;
	padding: 5px 0 10px 0;
	FONT-SIZE: 18px;
	MARGIN: 0px;
	COLOR: #4E6418;
	LINE-HEIGHT: 10px;
	FONT-FAMILY: "Verdana", Tahoma, Helvetica;
	text-decoration: none;
}

h2 {
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #9BB50C;
	font-weight: bold;
	font-size: 1.3em;
}

h2 span {
	color: #F8BE2A;
}

h3 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.25em;
	color: #9BB50C;
}

h4 {
	clear: left;
	margin: 0 0 0.5em 0;
	padding: 10px 0 0 0px;
	font-weight: bold;
	font-size: 1.1em;
	color: #314010;
	letter-spacing: 0.0389em;
}


p {
	margin: 0 0 5px 0;
}

a {
color:#0033CC
}

a:hover,  a:focus {
	color:#006BFC;
	text-decoration: underline;
}
a:visited {
 color:#0033CC;
 }

a[hreflang]:after {
	content: "\0000a0(" attr(hreflang) ")";
	background : transparent;
}
a img {
	border: 0 none;
}


/* ------------------------------------ */
/*                                      */
/*            Header                    */
/*                                      */
/* ------------------------------------ */

#header {
	position: relative;
	width: 699px;
	height: 150px;
	background: url(../images/ecpt_header.jpg) left top no-repeat;
	margin: 0 auto;
	text-align: left;
}
#topnav {
	position: absolute;
	top: 111px;
	right: 25px;
	font-size: 0.9em;
	text-align: right;
	width: 220px;
	left: 452px;
}
#topnav ul {
	margin: 0;
	padding: 0 15px 2px 0;
}
#topnav li {
	list-style-type: none;
	padding: 0;
	display: inline;
}
#topnav a {
	font-weight: bold;
}

#topnav a:active {
	color:#6B80B1;
	text-decoration: none;
}
.currentpage {
	color:#4D61BB;
	text-decoration: none;
	font-weight: bold;
}

 

/*---temp shut off for testing 
#topnav li a {
	color: #4F6518;
}
#topnav li hover {
	color: #4F3518;
}
-------------------------*/


/* ------------------------------------ */
/*                                      */
/*            Menu (not used yet) 		*/
/*                                      */
/* ------------------------------------ */

#menu {
	position: relative;
	width: 807px;
	height: 66px;
	background: url(../design/fondmenu.png) left top no-repeat;
	margin: 0 auto;
	text-align: left;
}

#menu ul {
	position: absolute;
	top: 6px;
	left: 338px;
	width: 439px;
	height: 53px;
	padding: 0;
	margin:0;
	background: yellow;
	list-style: none;
	background: transparent url(../design/menu.png) top left no-repeat;
}
#menu li {
	float: left;
	padding: 0;
	margin:0;
	text-indent: 50px;
}

#menu li a {
	display: block;
	height: 53px;
	width: 145px;
	text-decoration: none;
	font-size: 1px;
	line-height: 53px;
	color: #C6C1A3;
}

#menu li a span {
	position: absolute;
	left: -5000px;
}
#menu li a:hover {
	background: transparent url(../design/menu.png) top left no-repeat;
}
#menu a#creation:hover {
	background-position: 0px -53px;
	color: #6882c3;
}
#menu a#solutions:hover {
	background-position: -145px -53px;
	color: #8fab10;
}
#menu a#expertises:hover {
	background-position: -290px -53px;
	color: #ffc326;
}


/* ------------------------------------ */
/*                                      */
/*            wrapper                    */
/*                                      */
/* ------------------------------------ */

#wrapper {
	width: 703px;
	background: url(../images/contentbg.png) left top repeat-y;
	margin: 0 auto;
	text-align: left;
}

#sidebar p {
	FONT-FAMILY: verdana, Arial, Tahoma, Helvetica;
	FONT-SIZE: 11px;
	line-height: 160%;
	COLOR: #181E14;
	padding-left: 5px;
}

#sidebar h4 {
	FONT-SIZE: 11px;
	MARGIN: 0px;
	COLOR: #0A0D03;
	FONT-FAMILY: verdana, Arial, Tahoma, Helvetica;
	line-height: 120%;
	background-image: url(../images/greenspacer.gif);
	background-repeat: repeat;
	background-position: right top;
	padding:3px 0px 3px 5px;
	background-color: #98B038;
	width: 180px;
}
#wrapper #sidebar {
	float: right;
	width: 230px;
	background: url(../design/hangoffimage.jpg) right top no-repeat;
	padding-top: 1px;
	line-height: 1.3;
	border-left-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	padding-left: 10px;
}
#wrapper #sidebar h2 {
	padding-left:1em;
}

#wrapper #sidebar p {
	padding-right: 45px;
}
#wrapper #sidebar ul {
	width: 180px;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	list-style-image: url(../design/puce.png);
	background: url(../design/hr2.png) left bottom no-repeat;
}
#wrapper #sidebar li {
	margin: 0 0 0 25px;
	padding: 3px 0 4px 0;
	line-height: 1em;
	width: 160px;
	color: #9BB50C;
}
#alsacreations #sidebar li {
	background: url(../design/hr.gif) left bottom no-repeat;
}

#wrapper #sidebar li.last {
	background: none;
}

#wrapper #sidebar .aussi {
	width: 190px;
	margin-top: 10px;
	font-size: 0.8em;
	line-height: 1.15em;
	text-align: justify;
	padding-bottom: 5px;
	background: url(../design/hr2.png) left bottom no-repeat;
	clear:both;
}
#wrapper #sidebar .aussi img {
	float: left;
}
#wrapper #sidebar .aussi p {
	margin-left: 50px;
	padding-right: 3px;
	color:#666;
}

#wrapper #sidebar h2 {
	width: 170px;
}
#wrapper #sidebar h2.realisation {
	margin-top: 1em;
}
#wrapper #sidebar h2.realisation:first-letter {
	color: #F8BE2A;
}
#wrapper #sidebar p.realisation {
	width: 170px;
	padding-right: 3px;
	margin-left: 5px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	color: #999;
	font-size:smaller;
}

#wrapper #photo {
	float: left;
	margin: 0 0 10px 0;
}

#wrapper #general {
	float: left;
	width: 420px;
	
}

#wrapper #presentation {
	float: left;
	width: 202px;
	margin: 0;
	text-align: right;
	background: url(../design/fondpresentation.jpg) right top no-repeat;
	padding-top: 15px;
}
#wrapper #presentation p {
	margin-bottom: 15px;
	line-height: 1.3;
	margin-right: 10px;
}
#wrapper #presentation a img {
	margin-right: 10px;
}

#wrapper #content {
	clear: left;
	width: 400px;
	margin: 0 0 0 47px;
	line-height: 1.3;

}

#wrapper #content p{
	font: 11px Verdana, Arial, Tahoma, Helvetica;
	line-height: 150%;
}


#wrapper #content p.minimargefeuille {
	padding-right: 40px;
}
#wrapper #content p.moyenmargefeuille {
	padding-right: 60px;
}
#wrapper #content p.margefeuille {
	padding-right: 90px;
}

#clear {

	clear: both;
}



/* ------------------------------------ */
/*                                      */
/*            Footer                    */
/*                                      */
/* ------------------------------------ */

#footer {
	width: 807;	
	height: 35px;
	background: url(../images/footer40high2.gif) left bottom no-repeat;
	color: #96A986;
	font-size: 0.95em;
	font-weight:normal;
	margin: 0 auto;
	padding: 0.5em;
	border-top: #D3DDB9 solid 1px;
}

#footer p {
	margin: 0 auto;
	color: #9EC66D;
	text-align: center;
	padding-right: 5px;
}