/*--------------------------------------------------------------------------------
  Layout CSS
--------------------------------------------------------------------------------*/

*, html, body {
	margin: 0; 
	padding: 0; 
}

/* NN6/7 min-width is needed for scrollability when wrapper is centered */
body {
	min-width: 780px;
}

/* Use wrapper for Left Faux Column */
#wrapper { 
	text-align: left;
	width: 780px;
	margin: 0 auto; 
}

#header, #navigation-container-lower, #navigation-container-upper, #masthead, #footer {
	clear: both; 
	width: 100%;
}

#navigation-container-lower, #navigation-container-upper, #masthead, #footer {
	padding: 1px 0;
}

/* Use main for Right Faux Column */
#main {
	float: left;
	width: 100%;
}

#main:after {
	/* Clear floating elements for NN6/7 */
	content: "."; 
	display: block; 
	height: 0px;
	clear: both; 
	visibility: hidden;
}

#center {
	margin: 0 170px 0 170px;
}

#content {
	float: left;
	width: 100%; 
	margin: 0 -95% 0 0;
}

#left {
	float: left;
	width: 170px;
}

#right {
	float: right;
	width: 170px;
	margin: 0;
}

/* IE Fixes for Win/Mac */
* html div#content {
	margin: 0 -100% 0 0;
}

/*--------------------------------------------------------------------------------
  Theme CSS
--------------------------------------------------------------------------------*/

body {
	background-color: #566702;
	font-size: 14px;
	font-family: "Trebuchet MS", "Lucida Sans", Arial, Verdana;
}

#header {
	background-color: #566702;
	background-image: url(../images/header.gif);
	height: 37px;	
}

#header ul {
	padding-top: 14px;
	padding-left: 25px;
}

#header li {
	display: inline;
	list-style-type: none;
	padding-right: 25px;
	font-size: 14px;
	font-family: "Trebuchet MS", "Lucida Sans", Arial, Verdana;
	font-weight: bold;
}

#header a, #header a:link, #header a:hover, #header a:visited {
	color: #fff;
}

.lang {
	margin-left: 35px;
	font-size: 10px;
}

.lang_en {
	margin-left: 310px;
	font-size: 10px;
}

#email {
	float: right;
	margin-top: -23px;
	padding-right: 20px;
}

#email a, #email a:link, #email a:hover, #email a:visited {
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

#main a, #main a:link, #main a:hover, #main a:visited
{
	color: blue;
}

#footer {
	background-color: #000;
	color: #fff;
	font-size: 10px;
	padding-top: 12px;
	text-align: right;
	height: 40px;	
}

#linkedin {
	float: left;
	padding-left: 10px;
}
#facebook {
	float: left;
	padding-left: 20px;
}
#facebook img, #linkedin img {
	border: none; 
}

#copyright {
	padding-top: 7px;
}
	
	
#navigation-container-lower, #navigation-container-upper {
	background-color: #cccccc;
	height: 25px;	
}

#masthead {
	background-color: #566702;
	height: 228px;	
	background-image: url(../images/masthead2.jpg);
	background-repeat: no-repeat;
	text-align: right;
}

#masthead img {
	float: left;
	padding-right: 10px;
}

#masthead .title {
	color: #fff;
	font-size: 24px;
	padding-top: 85px;
	padding-right: 290px;
}

#masthead .tagline {
	color: #fff;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	padding-right: 290px;
}

#amlogo {
	background-image: url(../images/am-blanc-100x81.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 79px;
	float: left;
	margin-top: -185px;
	margin-left: 35px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

#left, #right {
	background-color: #566702;
	padding: 0 0 20px 0;
}

#center, #content, #wrapper {
	background-color: #566702;
}

#center {
	padding: 0 0 20px 0;
}

p {
	margin: 10px 10px 0 10px;
}

p.testimonial {
	/* width: 300px; */
	margin: 10px 10px 0px 10px;
	font-size: 13px;
	font-style: italic;
}

p.reference {
	margin: 5px 10px 25px 10px;
	font-size: 13px;
	font-weight: normal;
	text-align: right;	
}

p.after-bulletpoint {
	margin-left: 32px;
}

h1 {
	font-size: 22px;
	font-weight: normal;
	color: #000;
	padding: 10px;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	color: #000;
	padding: 10px;
}

blockquote {
	margin-left: 63px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#profil, #talents, #coordonnees {
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

#onecolumn {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	background-image: url(../images/middle.jpg);
	background-color: #d4d820;
	background-repeat: no-repeat;
	z-index: 100;
}
#onecolumn blockquote{
	padding-right: 40px;
}
#trucs {
	text-align: center;
	margin-top: 10px;
}
#profil {
	background-image: url(../images/middle.jpg);
	background-color: #d4d820;
	background-repeat: no-repeat;
	z-index: 100;
	width: 530px;
}
#talents {
	background-image: url(../images/middle.jpg);
	/* background-color: #21a300; --> old green color */
	background-color: #d4d820;
	background-repeat: no-repeat;
	/* visibility: hidden; */
	z-index: 200;
}
#coordonnees {
	background-image: url(../images/middle.jpg);
	background-color: #d4d820;
	background-repeat: no-repeat;
	/* visibility: hidden; */
	z-index: 300;
}

.show {
	visibility: visible;
}

#content ul {
	padding-left: 30px;
}
#content ol {
	padding-left: 60px;
	padding-top:  10px;
}
#content li {
	padding: 2px;
}

#website{

}

#testimonials{
	float:right;
	width: 250px;
	padding: 10px;
	background-image: url(../images/bottom-gradient.png);
	background-color: #21a300;
	background-repeat: repeat-x;
}

#testimonials_v2{
	float:right;
	width: 250px;
	padding: 0px;
	/* background-image: url(../images/bottom-gradient-2.png); */
	background-color: #91bf4b;
	background-repeat: repeat-x;
	color: #000;
}
#testimonials_v2 h2{
	color: #000;
}
#smaller_column{
	width: 220px;
	margin-left: auto;
	margin-right: auto;	
}
#right_column{
	float:right;
	width: 250px;
	/* border: 1px solid red; */
}
#new{
	width: 250px;
	text-align: right;
	/* background-image: url(../images/bottom-gradient-2.png);
	background-color: #3c762d;
	background-repeat: repeat-x; */
	background-color: #91bf4b;
	padding-bottom: 15px;
	margin-top: -50px;
}
#new table{
	width: 250px;
	
}
#new .rss_date{
	font-size: 13px;
	font-weight: bold;
}
#new .rss_description{
	font-size: 12px;
	color: #ECF1EF;
}
#new a, #new a:link, #new a:hover, #new a:visited{
	font-size: 12px;
	color: #ECF1EF;
}

#new h1{
	font-size: 14px;
	font-weight: bold;
}
#rayon{
	width: 250px;
	margin-top: 10px;
	/* background-image: url(../images/bottom-gradient-2.png);
	background-color: #3c762d;
	background-repeat: repeat-x; */
}
#rayon h1{
	font-size: 14px;
	font-weight: bold;
}

<!-- Tools [ Optional ] -->
#tools
{
	margin: 0 auto 0 auto;
	width: 770px;
	text-align: center;
	color: #ffffff;
	height: 30px;
}

#tools a, #tools a:link, #tools a:hover, #tools a:visited
{
	color: #ffffff;
}