/* disposition CSS */
#masthead {
	position: relative;
	width: 100%;
	height:150px;
}

#top_left {
	width: 140px;
	position: absolute;
	left: 0px;
	top: 0px;
/*	background-image:url('images/logoagics17quatrenew120.jpg');
	background-repeat:no-repeat;*/
	height:100%;
}

#header {
	margin-left: 140px;
	height: 100%;
/*	background-image: url('images/planisphere.jpg'); */
	background-image:url('images/bandeaunewb.jpg');
	background-repeat:no-repeat;
}
#top_nav {
}

#container {
	position: relative;
	width: 100%;
	color: #333333;
	top: 0px;
	left: 0px;
}

#left_col {
	background-position: right;
	width: 150px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#page_content {
	margin-right: 150px;
	margin-left: 150px;
	min-height: 835px;
}

#right_col {
	width: 150px;
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: center;
/*	background-image: url('images/hommeideeoutil1.gif');
	background-position: top;
	background-repeat: no-repeat;*/
}

.align_centre {
	text-align: center;
}

#footer {
	font: 10px Verdana;
	clear: both;
	color: #AAAAAA;
}

.page_content_left {
	width: 40%;
	float: left;
	padding-right: 10%;
}

.page_content_right {
	width: 49%;
	float: left;
}

/* div.MenuList
{	margin-left:auto;
	margin-right:auto;
	width:674px;
	margin-top:20px; 
   margin-left: 10%;
}

.MenuList ul
{
	font: bold small Verdana;
	padding: 0;
	margin: 0;
	height: 18px;
}
.MenuList li
{
	margin: 0px 5px 0px 5px;
	list-style-type: none;
	float: left;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #AAAAAA;
	width: 100px;
	text-align: center;
}
.MenuList li:visited
{
	background-color: #FFFFFF;
}

.MenuList li:hover{
	background-color: #FF9933;
}

.MenuList li:active
{
	background-color: #FF9933;
} */

h2 {
	color: #FF9933;
}

body {
/* margin ajouter pour cadrage au centre */
/*	margin: 0px 0 0px 0;*/	
	margin: 0;
	padding: 0;
	background: white;
	font: 11px Verdana;
/* background-image: ajouter pour cadrage au centre */	
	background-image: url('images/fond.jpg');
/*	background-repeat: no-repeat; */
}

.corps {
	width: 783px;
	margin: 0 auto;
	background-color: white; 
/*	border-style: solid;
	border-width: 1px;
	border-color: #FF6600; */
	background-image: url('images/fondverticallogiciel.jpg');
	background-repeat: no-repeat; 
}

li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

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

dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

dt {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

dl {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.menu {
	position: relative; /* placement du menu, à modifier selon vos besoins */;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%; /* correction pour Opera */;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	
	/* pour placer en fin de prog */	
	position:absolute;
	width: 640px;
	margin-left:-250px;
	top:0px;
	left:50%;
}
.menu dl {
	float: left;
	width: 10em;
}
.menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold; /*	background: #ccc; */;
	border: 1px solid orange;
	margin: 1px;
}
.menu dd {
	display: none;
	border: 1px solid orange;
}
.menu li {
	text-align: center;
	background: #fff;
}
.menu dt a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}
.menu li a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}
.menu dt a:focus {
	list-style: disc;
	background: #eee;
}
.menu dt a:hover {
	list-style: disc;
	background: #eee;
}
.menu li a:focus {
	list-style: disc;
	background: #eee;
}
.menu li a:hover {
	list-style: disc;
	background: #eee;
}
/*
#site {
	position: absolute;
	z-index: 1;
	top : 70px;
	left : 10px;
	color: #000;
background-color: #ddd;
	padding: 5px;
	border: 1px solid gray; 
}
*/
.inverse_orange {
	font: normal normal bold 100% serif;
	background-color: #FF6600;
	color: #FFFFFF;
}

.inverse_vert {
	font: normal normal bold 100% serif;
	background-color: #008000;
	color: #FFFFFF;
}

.inverse_navy {
	font: normal normal bold 100% serif;
	background-color: #000080;
	color: #FFFFFF;
}
.inverse_bleu {
	font: normal normal bold 100% serif;
	background-color: #0066FF;
	color: #FFFFFF;
}
.couleur_orange {
	color: #FF6600;
	font-weight: bold;
}
/*
.couleur_vert {
	color: #008000;
	font-weight: bold;
}

.couleur_navy {
	color: #000080;
	font-weight: bold;
}
.couleur_bleu {
	color: #0066FF;
	font-weight: bold;
}
*/
li.detail
{
	list-style: url('images/puceorange.gif');
	margin-left: 10%;
}

/*
li.contenu
{
	list-style: url('images/puceorange.gif');
	margin-left: 10%;
} */

li.detail_triangle
{
	list-style: url('images/pucetriangleorange.gif');
	margin-left: 10%;
}

li.detail_fleche
{
	list-style: url('images/puceflecheorangelarge.gif');
	margin-left: 10%;
}

form {
	width: 35em;
	border-color:#FF6600;
	background-color:#eee;
	background-image:url('images/fond-contact-comfra.gif');
}
label {
	color: #FF6600;
}

.bold_theme {
	color: #FF6600;
	font: normal normal bolder 100% Verdana;
}
.important {
	color: #FF6600;
	font: normal normal bolder 100% Verdana;
	margin-left: 120px;
}

a.pieds:link {
	color: #AAAAAA;
}
a.pieds:visited {
	color: #AAAAAA;
}
a.pieds:hover {
	color: #D91717;
}
a.pieds:active {
	color: #D91717;
}

a.liens:link {
	color: #AAAAAA;
	text-decoration:none;
}
a.liens:visited {
	color: #333333;
	text-decoration:none;
}
a.liens:hover {
	color: #FF6600;
}
a.liens:active {
	color: #D91717;
}

a.temoignage:link {
	color: #FF6600;
	text-decoration:none;
}
a.temoignage:visited {
	color: #FF6600;
	text-decoration:none;
}
a.temoignage:hover {
	color: #333333;
}
a.temoignage:active {
	color: #D91717;
}
a img
{
	border:none;
}