/* disposition CSS */
#masthead {
	position: relative;
	width: 100%;
	height:180px;
	background-image: url('../images/fond_heada983d.jpg');
	background-repeat: no-repeat;
}

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

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

/*#myPano1 {
	width: 643px; 
	height: 150px; 
	background-image: url('images/planisphereb7.jpg');
}*/

#couche1 {
	position: absolute; 
/*	width: 150px; 
	height: 158px; 
	z-index: 1; */
	top: 10px; 
	left: 875px;
	display:block;
}

#container {
	position: relative;
	width: 100%;
	color: #333333;
	top: 0px;
	left: 0px;
	text-align: justify;
	background-image: url('../images/fond_containera983.jpg');
}

#left_col {
	background-position: right;
	width: 150px;
	position: absolute;
	left: 0px;
	top: 0px;
	/* pour placer en fin de prog */	
	position:absolute;
	width: 150px;
	margin-left:-491px;
	top:0px;
	left:50%;
}

#page_content {
	padding-right: 150px;
	padding-left: 150px;
	width: 683px;
	float: left;
	min-height: 835px;
	background-image: url('../images/fond_containera983.jpg');
}

#right_col {
	width: 150px;
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: center;
	visibility: visible;
}

.align_centre {
	text-align: center;
}

.align_milieu {
	margin:auto;
	width:330px;
}
	
#opacity {
	opacity : 1; 
    filter : alpha(opacity=100);
}

#footer {
	font: 10px Verdana, Geneva, Tahoma, sans-serif;
	clear: both;
	color: #AAAAAA;
	background-image: url('../images/fond_footer983.jpg');
	background-repeat: no-repeat;
}

.page_content_left {
	width: 331px;
	float: left;
	padding-right: 20px;
}

.page_content_right {
	width: 332px;
	float: left;
}
.capsule_haut {
	background-image:url('../images/capsule330_haut_fond.jpg');
	background-repeat:repeat-y;
	height:50px;
/*  Pour capsule330_haut_fonddegrade placer height à 40 px */
/*  height:40px; */

/*	padding-top:15px; sur <h2> */
}
.capsule_corps {
	background-image:url('../images/capsule330_corps_fond.jpg');
	background-repeat:repeat-y;
	padding:10px;
	padding-right:20px;
}
.capsule_bas {
	background-image:url('../images/capsule330_bas_fond.jpg');
	background-repeat:no-repeat;
	height:35px;
/*  Pour capsule330_bas_fonddegrade placer height à 63 px */
/*  height:63px; */

}
.capsule480_haut {
	background-image:url('../images/capsule680_haut_fond.jpg');
	background-repeat:repeat-y;
	height:62px;
/*	padding-top:15px; sur <h2> */
}
.capsule480_corps {
	background-image:url('../images/capsule680_corps_fond.jpg');
	background-repeat:repeat-y;
	padding:10px;
	padding-right:20px;
}
.capsule480_bas {
	background-image:url('../images/capsule680_bas_fond.jpg');
	background-repeat:no-repeat;
	height:80px;
}

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

.MenuList ul
{
	font: bold small Verdana, Geneva, Tahoma, sans-serif;
	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;
} */

h1 {
	font-size: large;
}

h2 {
	/*	color: #FF9933;*/
	font-size: medium;
	padding-top:15px;
}
.capsule480_haut h2 {
	/*	color: #FF9933;*/
	font-size: medium;
	padding-top: 22px;
}

.present {
	border-top: thin orange solid;
}

body {
	/* margin ajouter pour cadrage au centre */
/*	margin: 0px 0 0px 0;*/	
	padding: 0;
	margin-top: 0px; /* ces 3 lignes en commentaires pour que la lightbox fonctionne, remplace par les lignes suivantes */ /*	margin-left: auto;
	margin-right: auto;
	width: 1000px;*/ /*	background: white url('../images/fond.jpg');*/;
	font: 11px Verdana, Geneva, Tahoma, sans-serif;
/* background-image: ajouter pour cadrage au centre */
	margin-bottom: 0; /* ces 3 lignes a ajouter pour la lighbox */;
	margin: 0px auto;
	position: relative;
	width: 1000px;
}

p:first-letter {
	font-size:large;
	font-weight:bold;
}
p:first-line {
/*	font-size:medium;*/
}
li:first-letter {
	font-size:large;
/*	font-weight:bold;*/
}
li:first-line {
	line-height:18px;
	vertical-align:baseline;
}

.fond_blanc {
	background:white
}

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

	background-repeat: no-repeat;*/
/*	border-width: 4px;
	border-style: dotted;
	border-left-color: #FFFFFF;
	border-left-width: 3px;
	border-right-color: #FFFFFF;
	border-right-width: 3px;
	border-top-width: 0px;
	border-bottom-width: 0px;*/
}

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;
}

.menunew {
	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%;
}
.tag {
	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%;
}

.tag p {
	float: left;
	width: 10em;
	cursor: help;
	color: #9F2800;
/*	background-color: #eee;*/
}

.menunew dl {
	float: left;
	width: 10em;
}
.menunew dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold; /*	background: #ccc; */;
	border: 1px solid orange;
	margin: 1px;
}
.menunew dd {
	display: none;
	border: 1px solid orange;
}
.menunew li {
	text-align: center;
/*	background: #fff;*/
}
.menunew dt a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}
.menunew li a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}
.menunew dt a:focus {
	list-style: disc;
	background: #eee;
}
.menunew dt a:hover {
	list-style: disc;
	background: #eee;
}
.menunew li a:focus {
	list-style: disc;
	background: #eee;
}
.menunew li a:hover {
	list-style: disc;
	background: #eee;
}

.menu {
	position: relative; /* placement du menu, à modifier selon vos besoins */;
	top: -150px;
	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: 840px;
	margin-left:-375px;
	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;*/
	font: normal normal bold 100% Verdana, Geneva, Tahoma, sans-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_orange_suite {
	color: #FF6600;
}
.couleur_rougeprovence {
	color: #DB4D59;
}
.couleur_bleuprovence {
	color: #4683FF;
}
.couleur_blanche {
	color: #FFFFFF;
}

.couleur_vert {
	/*	color: #008000;*/
	color: #9F2800;
	font-weight: bold;
}
.taille_24 {
	font-size: 24px;
}

.taille_22 {
	font-size: 22px;
}

.taille_20 {
	font-size: 20px;
}

.taille_17 {
	font-size: 17px;
}

.taille_18 {
	font-size: 18px;
}

.taille_16 {
	font-size: 16px;
}

.taille_14 {
	font-size: 14px;
}

.taille_12 {
	font-size: 12px;
}
.taille_10 {
	font-size: 10px;
}
.taille_9 {
	font-size: 9px;
}

/*
.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_contact {
	width: 35em;
	border-color:#FF6600;
	background-color:#eee;
	background-image:url('../images/fond-contact-comfra.gif');
}
label {
	color: #FF6600;
}

.feed {
	margin-left: 3px;
	padding: 0 0 0 19px;
	background: url('../images/feed-icon-14x14.png') no-repeat 0 50%;
} 

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

.petit {
	color: #AAAAAA;
	font: oblique normal normal xx-small Verdana, Geneva, Tahoma, sans-serif;
}

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

a.head:link {
	color: #4683FF;
	text-decoration:none;
	font-style:italic;
}
a.head:visited {
	color: #4683FF;
	text-decoration:none;
	font-style:italic;
}
a.head:hover {
	color: #FF6600;
}
a.head:active {
	color: #4683FF;
}

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

a.tag:link {
	color: #AAAAAA;
	text-decoration:none;
}
a.tag:visited {
	color: #333333;
	text-decoration:none;
}
a.tag:hover {
	color: #FF6600;
	font-size:large;
}
a.tag: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.titre:link {
	color: #333333;
/*	color: #4683FF;*/
	text-decoration:none;
}
a.titre:visited {
	color: #333333;
/*	color: #4683FF;*/
	text-decoration:none;
}
a.titre:hover {
	color: #FF6600;
}
a.titre:active {
	color: #D91717;
}

a img
{
	border:none;
}

/* Page 404 */
#goog-wm {
  width: 470px;
  padding: 1em;
  border: 3px solid #aebd63;
  background-color: #eee;
}

#goog-wm h3.closest-match {
  color: #8f2831;
  border-bottom: 3px dashed #aebd63;
  padding-bottom: 0.5em;;
  font-size: 100%;
  margin: 0;
}

#goog-wm h3.closest-match a { }
   
#goog-wm h3.other-things {

  color: #8f2831;
}
   
#goog-wm ul li { }
   
#goog-wm li.search-goog {

}