/*** INFORMATIONS DE LICENCE ***
* Ce fichier est intégré au développement d'un site Web
* Cette feuille de style est dessinée par JNBi L'agence Web
* Tous droits réservés */

/* Table des matières

	- CSS généraux
	- CSS structure	
	- CSS de formulaires
	- Actualités / Brèves / Webline
	- Pages (et zones de bas de page)
	- Consultations
	- Agenda
	- CSS de menus
	- CSS du plan du site
	- CSS de signatures
	- CSS RSS	

*/

/* Informations CSS générales */
/* ----------------------------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
html {
	font-size: 100.001%;
}
li {
	margin-left: 25px;
}
body {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	font-weight: normal;
	text-align: left;
	background: #b1b0ce url(visuels/bg.jpg) top left repeat-x;
	color: #333333;
	margin: 0px;
	padding: 0px;	
}
td { 	/* Font idem que body */
	font-size: 0.625em;
}
p {
	padding-top:10px;
}
blockquote {
	padding-left: 20px;
}
a {
	color:#622776;
	font-weight: normal;
	text-decoration : underline;
}
a:hover {
	color:#9046c7;
	text-decoration : underline;
}

/* Informations CSS Structures */
/* ----------------------------------------------------------------------------------------------*/


#big_conteneur {
	width: 960px;
	margin: 0 auto;
	background: url(visuels/bg_big_conteneur.jpg) center left repeat-y;
	padding: 0;
        overflow: hidden;
}
#conteneur{
	width: 822px;
	display: block;
	float: left;
	background: url(visuels/bg_conteneur.jpg) top left repeat-x;
	height: auto!important;
	height: 511px;
	min-height: 511px;
	margin: 0;
	padding: 0 64px 0 75px;
}
#zone_menu{
	display: block;
	width: 805px;
	height: 52px;
	padding: 0 0 0 16px;
}
#col_a{
	display: block;
	float: left;
	width: 311px;
	padding: 33px 0 50px 0;
}
#col_a h1#logo{
	display:block;
	float:left;
	width:280px;
	height:226px;
	text-indent:-9999px;
	background-position: top left;
	background-repeat: no-repeat;
}
#fr #col_a h1#logo{
	background:url(visuels/fr_logo_visites_vertes.jpg);
}
.interne #col_a h1#logo a{
	display:block;
	float:left;
	width:281px;
	height:226px;
	text-indent:-9999px;
	background-position: top left;
	background-repeat: no-repeat;
}
#fr #col_a h1#logo a{
	background:url(visuels/fr_logo_visites_vertes.jpg);
}
#col_a #zone_webline,#col_a #zone_actus{
	display: block;
	float: left;
	width: 266px;
	padding: 15px 0 0 15px;
}
#col_a #zone_actus #intitule_actus{
	display: block;
	width: 190px;
	height: 38px;
	text-indent: -9999px;
	margin: 0 0 5px 0;
}
#fr #col_a #zone_actus #intitule_actus{
	background:url(visuels/fr_intitule_actus.jpg) top left no-repeat;
}
#col_b {
	display: block;
	float: left;
	width: 470px;
	padding: 13px 10px 20px 25px;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #545454;
}
#col_a_entreprises {
	display: block;
	float: left;
	width: 220px;
	padding: 33px 0 25px 25px;
}
#col_a_entreprises h1#logo{
	display: block;
	float: left;
	width: 187px;
	height: 150px;
	text-indent: -9999px;		
}
#col_b_entreprises {
	display: block;
	float: left;
	width: 540px;
	padding: 40px 0 0 20px;	
	font-size: 1.2em;
	line-height: 1.6em;
}
#col_c_entreprises {
	display: block;
	clear: left;
	width: 100%;	
	font-size: 1.2em;
	line-height: 1.6em;
	color: #545454;
}
#intitule_acheteurs{
	display:block;
	width:436px;
	text-indent:-9999px;
	height:24px;
}
#fr #intitule_acheteurs{
	background:url(visuels/fr_titre_accueil_acheteurs.jpg) top left no-repeat;
}
.accueil #intitule_dates{
	display:block;
	width:436px;
	text-indent:-9999px;
	height:54px;
}
#fr.accueil  #intitule_dates{
	background:url(visuels/fr_titre_accueil_dates.jpg) top left no-repeat;
}

.accueil #intitule_circuits{
	display:block;
	width:436px;
	height:128px;
	text-indent:-9999px;
	clear:left;
}
#fr.accueil #intitule_circuits{
	background:url(visuels/fr_titre_accueil_circuits.jpg) top left no-repeat;
}

.interne #intitule_dates{
	display:block;
	width:435px;
	text-indent:-9999px;
	height:50px;
	margin:10px 0 0 -26px;
}
#fr.interne #intitule_dates{
	background:url(visuels/fr_int_titre_accueil_dates.jpg) top left no-repeat;
}

.interne #intitule_circuits{
	display:block;
	width:435px;
	height:88px;
	text-indent:-9999px;
	clear:left;
	margin:0 0 0 -26px;
}
#fr.interne #intitule_circuits{
	background:url(visuels/fr_int_titre_accueil_circuits.jpg) top left no-repeat;
}
#zone_btn_visites{
	display:block;
	width:436px;
	float:left;
	margin:0 auto;
	text-align:left;
	padding:0;
}
/*
#btn_visites_vertes{
	display:block;
	width:436px;
	text-indent:-9999px;
	height:90px;
}
#fr #btn_visites_vertes{
	background:url(visuels/fr_btn_visite_verte.jpg) top left no-repeat;
}
#btn_visites_vertes:hover{
	-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);
}
*/
#footer{
	display: block;
	clear: left;
	width: 840px;
	background: #b1b0ce url(visuels/bg_footer.jpg) top left no-repeat;
	padding: 15px 0 50px 120px;
	color: #532575;
	font-size: 1.2em;
	line-height: 1.6em;
}
#footer .telephone{
	background:url(visuels/bg_telephone.jpg) top left no-repeat;
	padding:5px 15px;
	width:132px;
	height:26px;
	font-weight:bold;
}
#menu_bas{
	display: block;
	clear: left;
	width: 720px;	
	padding: 35px 0 0 0;
	color: #FFF; 
	font-size: 1em;
	text-align: center;
}
#menu_bas a{
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}
#menu_bas a:hover{
	color:#FFF;
	text-decoration:underline;
}

/******** Entreprises **************/

#form_entreprises {
	display: block;
	padding: 10px 0 0 0;		
}
#tableau_entreprises {
	background: #EFEFEF;	
}
#tableau_entreprises td {
	padding: 2px;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-top: none;
	text-align: center;
}
#tableau_entreprises td.titres {
	padding: 3px;
	text-transform:uppercase;
	font-size:0.8em;
	background:#5E3F85;
	color:#FFF;
	border-bottom:2px solid #FFF;
}
#tableau_entreprises td.titres a {	
	color:#FFF;
	text-decoration: none;
}
#tableau_entreprises td.titres.diff {
	background:#02672b;
}
#tableau_entreprises td label input{
	cursor:pointer;
}
#tableau_entreprises td.producteur {
	color:#222;
	font-size:0.9em;
	text-transform:uppercase;
	font-weight:bold;	
	border-left:none;
	text-align: left;
	padding-left: 4px;
}
#tableau_entreprises td.producteur a {
	color: #222;		
	font-weight: bold;		
}
#tableau_entreprises td.producteur a:hover {
	color: #00652b;		
}
#tableau_entreprises tr .bulle{
	font-weight:bold;
	font-size:20px;
}
#tableau_entreprises .btn_selection{
	cursor:pointer;
}
#tableau_entreprises tr.ligne1 td{
	background: #DFDEDE;
}
#tableau_entreprises tr.ligne1 td.cell_orange, #tableau_entreprises tr.ligne2 td.cell_orange  {
	background-color: #E98024;	
}
#tableau_entreprises tr.ligne1 td.cell_bleu, #tableau_entreprises tr.ligne2 td.cell_bleu {
	background-color: #117396;
}

/******** Formations **************/

#form_formations {
	display: block;
	padding: 10px 0 0 0;		
}
#tableau_formations {
	background: #EFEFEF;	
}
#tableau_formations td {
	padding: 6px;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-top: none;	
}
#tableau_formations tr.ligne1 td, #tableau_formations tr.ligne2 td  {
	color: #222;
	font-size: 0.9em;	
}
#tableau_formations tr.ligne1 td{
	background: #DFDEDE;
}
#tableau_formations td.titres {
	padding: 3px;
	text-transform: uppercase;
	font-size: 0.8em;
	background: #5E3F85;
	color: #FFF;
	border-bottom: 2px solid #FFF;
	text-align: center;
}
#tableau_formations td.theme {
	font-weight: bold;	
}
#tableau_formations td.theme a {
	color: #222;		
	font-weight: bold;		
}
#tableau_formations td.theme a:hover {
	color: #00652b;		
}
#tableau_formations td.acces, #tableau_formations td.selection {		
	text-align: center;
}
#tableau_formations td label input {
	cursor: pointer;
}
#tableau_formations .btn_selection {
	cursor: pointer;
}

/* commun */

.btn_inscription {
	display: block;
	width: 237px;
	height: 48px;	
	cursor: pointer;
	text-indent: -9999px;
}
#fr .btn_inscription {
	background:url(visuels/fr_btn_inscription.gif) top left no-repeat;
}
.btn_inscription:hover {
	-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);	
}
#suivi_etapes {
	display: block;
	width: 788px;
	height: 32px;
	margin: 20px auto;
}
#suivi_etapes #zone-a, #suivi_etapes #zone-b, #suivi_etapes #zone-c, #suivi_etapes #zone-d {
	display: block;
	width: 197px;
	height: 32px;
	float: left;
}

#suivi_etapes #zone-a a, #suivi_etapes #zone-b a, #suivi_etapes #zone-c a, #suivi_etapes #zone-d a {
	display: block;
	width: 197px;
	height: 32px;
	text-indent: -9999px;
}

#fr #suivi_etapes.etape1 #zone-a a{background:url(visuels/fr_etape1-a.gif) top left no-repeat;}
#fr #suivi_etapes.etape1 #zone-b a{background:url(visuels/fr_etape1-b.gif) top left no-repeat;}
#fr #suivi_etapes.etape1 #zone-c a{background:url(visuels/fr_etape1-c.gif) top left no-repeat;}
#fr #suivi_etapes.etape1 #zone-d a{background:url(visuels/fr_etape1-d.gif) top left no-repeat;}
	
#fr #suivi_etapes.etape2 #zone-a a{background:url(visuels/fr_etape2-a.gif) top left no-repeat;}
#fr #suivi_etapes.etape2 #zone-b a{background:url(visuels/fr_etape2-b.gif) top left no-repeat;}
#fr #suivi_etapes.etape2 #zone-c a{background:url(visuels/fr_etape2-c.gif) top left no-repeat;}	
#fr #suivi_etapes.etape2 #zone-d a{background:url(visuels/fr_etape2-d.gif) top left no-repeat;}	

#fr #suivi_etapes.etape3 #zone-a a{background:url(visuels/fr_etape3-a.gif) top left no-repeat;}
#fr #suivi_etapes.etape3 #zone-b a{background:url(visuels/fr_etape3-b.gif) top left no-repeat;}
#fr #suivi_etapes.etape3 #zone-c a{background:url(visuels/fr_etape3-c.gif) top left no-repeat;}	
#fr #suivi_etapes.etape3 #zone-d a{background:url(visuels/fr_etape3-d.gif) top left no-repeat;}	

#fr #suivi_etapes.etape4 #zone-a a{background:url(visuels/fr_etape4-a.gif) top left no-repeat;}
#fr #suivi_etapes.etape4 #zone-b a{background:url(visuels/fr_etape4-b.gif) top left no-repeat;}
#fr #suivi_etapes.etape4 #zone-c a{background:url(visuels/fr_etape4-c.gif) top left no-repeat;}	
#fr #suivi_etapes.etape4 #zone-d a{background:url(visuels/fr_etape4-d.gif) top left no-repeat;}	

/******** Formulaire contacts **************/


#contacts_form{
	width:400px;
	padding:20px 10px 10px 10px;
	margin-left:auto;
	margin-right:auto;
}
#contacts_form span.separation {
	display:block;
	float:left;
	width:350px;
	margin:5px 10px 10px 10px;
	padding:20px 10px;
}
#contacts_form h3{
	color:#622776;
	padding:0 50px 4px 0;
	border-bottom:#9046c7 double 3px;
	display:block;
	font-size:1.4em;
}
.calage_centre{
	display:block;
	text-align:center;
}
.calage_droite{
	clear:both;
	display:block;
	float:left;
	width:80px;
	text-align:right;
	margin:5px 10px 0px 0px;
}
.calage_gauche{
	display:block;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	line-height:14px;	
}
.calage_gauche label{
	padding:0 15px 0 5px;	
	font-weight: normal;
	cursor: pointer;
}	
.asterisque {
	color: #ff0000;
}
a.lien_bouton {
	width:107px;
	height:51px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
	clear:left;
}
#fr a.lien_bouton{
	background:url(visuels/fr_btn-envoyer.gif) top left no-repeat;
}
a.lien_bouton:hover {
	-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);	
}
a.lien_bouton_valider {	
	display: block;
	width: 108px;
	height: 51px;
	margin: 0 auto;	
	text-indent: -9999px;
	cursor: pointer;	
}
#fr a.lien_bouton_valider {
	background: url(visuels/fr_btn-valider.gif) top left no-repeat;
}
a.lien_bouton_valider:hover {
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);	
}
.contacts_input {
	border:1px solid #B4E0E4;
	padding:3px;
}
#activite_autres {	
	padding: 10px 0 10px 0;	
}

/* Inscriptions */
/* ----------------------------------------------------------------------------------------------*/

.bloc_inscription_choix {
	padding-top: 10px;
}
.bloc_inscription_choix label {
	display: block;
	padding: 3px;	
	cursor: pointer;
}
.bloc_inscription_choix span {
	display: block;
	padding-bottom: 10px;
	font-style: italic;
	color: #777;
}

/* Informations CSS Actualités / Brèves / Webline */
/* ----------------------------------------------------------------------------------------------*/

h2.webline{		/* Webline */
	font-weight:normal;
	color:#532575;
	font-size:1.2em;
	line-height:1.6em;
}

.accueil h3.actu_titre {		/* Titre de news et contenus de brèves en page d'accueil */
	font-weight: bold;
	margin:0 0 5px 0;
	color:#545454;
	font-size:1.2em;
	
}
.interne h3.actu_titre {		/* Titre de news et contenus de brèves en page interne */
	font-weight: bold;
	margin:0 0 5px 0;
	color:#545454;
	font-size:1.2em;
}
.news{
	color: #9046c7;
	font-weight:normal;
	margin:0 0 10px 0;
}

.actu_chapeau{
	font-weight:normal;
	font-size:1.2em;
	color:#545454
}
#col_a .lire_plus{
	color:#622776;
	text-decoration:underline;
	font-size:1.2em;
	font-weight:normal;
}
#col_a .lire_plus:hover{
	color:#9046c7;
	text-decoration:none;
}
.lire_egalement{
	font-weight:bold;
	font-size:1em;
	color:#00652B;
	padding:0 50px 2px 0;
	border-bottom:#68B022 double 3px;
	display:block;
	width:100px;
	margin:0 0 10px 0;
}
.interne .lire_plus{
	color:#68B022;
	text-decoration:none;
	font-size:1em;
	font-weight:normal;
}
.interne .lire_plus:hover{
	text-decoration:underline;
}

/* Informations CSS Pages et "zones bas de page" */
/* ----------------------------------------------------------------------------------------------*/

h1.titre_page {	
	padding: 7px 15px;
	font-weight: normal;
	color: #FFF;
	background: #532575;
	font-size: 1.8em;
}
h1.titre_page a {
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	background: none;
	padding: 0;
}
h1.titre_page a:hover {
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	background: none;
}
.entreprises h1.titre_page {
	width: 50%;
}
#zone_contact a {
	width:156px;
	height:51px;
	display:block;
	text-indent:-9999px;
	float:right;
}
#fr #zone_contact a {
	background:url(visuels/fr_btn-contact.gif) top left no-repeat;
}
#zone_contact a:hover {	
	-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);	
}
#zone_printmode a {
	width:114px;
	height:51px;
	display:block;
	text-indent:-9999px;
	float:right;	
}
#fr #zone_printmode a {
	background:url(visuels/fr_btn-imprimer.gif) top left no-repeat;
}
#zone_printmode a:hover {	
	-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);	
}

/* Informations CSS Consultations */
/* ----------------------------------------------------------------------------------------------*/

.consultation_message {
	background-color: #E6E6E6;	
	margin-top: 5px;
	overflow-x: auto;
	padding: 5px;	
	padding-bottom: 20px;
	width: 520px;	
}
.consultation_titre_noir {
	font-weight: bold;
}
.consultation_msg_valide {
	color: #008C42;
	font-weight: normal;
}
.consultation_msg_refuse {
	color: #FF0000;
	font-weight: normal;
}

/* Informations CSS de menu */
/* ---------------------------------------------------------------------------------------------- */

#menu_int {
	display:block;
	float:left;
	width:100%;
	padding:0 0 0 0;
}
#menu_int dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;	 
}
#menu_int li { 
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}
#menu_int dt {
	padding:0 0 0 0;
}

/* MENU HORIZONTALE */

#menu_int.horizontale dl{
	float:left;
}
#menu_int.horizontale dl dt a{ 
	width: auto;
	padding: 20px 10px 10px 10px;
	display: block;
	background: none;
	font-weight: bold;	
	text-decoration: none;	
	color: #FFF;
	font-size: 1.2em;
	text-transform: uppercase;
}
#menu_int.horizontale dl dt a:hover{ 
	color: #E0DB31;
	background: url(visuels/bg_menu-over.jpg) top center no-repeat;
}
#menu_int.horizontale dl dt a.select{ 
	width: auto;
	padding: 20px 10px 10px 10px;
	display: block;
	background: none;
	font-weight: bold;	
	text-decoration: none;	
	color: #E0DB31;
	background: url(visuels/bg_menu-over.jpg) top center no-repeat;
	font-size: 1.2em;
	text-transform: uppercase;
}

#menu_int.horizontale dd { 
	position: absolute;
	z-index: 100;
	width: auto;
	margin-top:-10px;
}

/* FIN MENU HORIZONTALE */

#menu_int ul {
	padding:5px 0px;
}
#menu_int li {
	text-align: left;	
	z-index: 100;
}
#menu_int li a{
	font-weight: bold;	
	text-decoration: none;	
	width: 200px;
	padding:5px 10px 5px 30px;
	background:#E0DB31 url(visuels/puce_ssmenu.gif) center left no-repeat;
	display:block;
	color:#FFF;
	font-size:1.2em;
}
#menu_int li a:hover{
	background: #5A1D96 url(visuels/puce_ssmenu-over.gif) center left no-repeat;;
}
.menu_sans_lien{	
	font-weight: bold;
	text-decoration: none;					
}

/* Informations CSS Dojo */
/* ----------------------------------------------------------------------------------------------*/

.dojo_conteneur_1 {
	width: 964px;
	height: 660px;
	padding: 8px;	
	border-radius : 10px; 
	-moz-border-radius : 10px; 
	-webkit-border-radius: 10px;	
	background-color: #FFF;		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;	
	color: #333333;
}
.dojo_conteneur_2 {
	width: 100%;
	height: 615px;	
	overflow: scroll;
}
.dojo_conteneur_1 a.bt_close {
	display: block;
	float: right;
	width: 84px;
	height: 22px;
	margin-bottom: 15px;	
	background: url(visuels/fermer_fenetre.gif) top left no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	cursor: pointer;
}

/* Informations CSS Plan de site */
/* ----------------------------------------------------------------------------------------------*/


ul#plan_site li{
	list-style:none;
	padding:5px 0;
	list-style:none;
	color:#622776;
}

ul#plan_site ul li{
	margin-left:60px;
	color:#68b022;	
}

ul#plan_site ul ul li{
	margin-left:80px;}
	
ul#plan_site li a{ /* niveau 1 */
	color:#622776;
	padding:3px 0px 3px 25px;
	text-decoration:none;
	background:url(visuels/puce_plansite1.gif) center left no-repeat;
}
ul#plan_site li a:hover{ /* niveau 1 */
	color:#9046c7;
	background:url(visuels/puce_plansite2.gif) center left no-repeat;	
}

ul#plan_site ul li a{ /* niveau 2 */
	color:#622776;
	background:url(visuels/puce_plansite2.gif) center left no-repeat;	
}

ul#plan_site ul li a:hover{ /* niveau 2 */
	color:#9046c7;
	background:url(visuels/puce_plansite1.gif) center left no-repeat;		
}

ul#plan_site ul ul li a{ /* niveau 3 */
	color:#622776;
	background:url(visuels/puce_plansite2.gif) center left no-repeat;	
}	

ul#plan_site ul ul li a:hover{ /* niveau 3 */
	color:#9046c7;
	background:url(visuels/puce_plansite1.gif) center left no-repeat;	
}	



/* Informations CSS FCK */
/* ----------------------------------------------------------------------------------------------*/

.wsc_titre_bleu_clair{
	color:#A5E3E8;
	font-size:1.4em;
	font-weight:bold;
}
.wsc_bleu_clair{
	color:#A5E3E8;
}
.wsc_titre_bleu{
	color:#469CAF;
	font-size:1.4em;
	font-weight:bold;
}
.wsc_bleu{
	color:#469CAF;
}
.wsc_titre_violet_clair{
	color:#9046c7;
	font-size:1.4em;
	font-weight:bold;
}
.wsc_violet_clair{
	color:#9046c7;
}
.wsc_titre_violet_fonce{
	color:#622776;
	font-size:1.4em;
	font-weight:bold;
}
.wsc_violet_fonce{
	color:#622776;
}
.wsc_titre_jaune{
	color:#F3CF20;
	font-size:1.4em;
	font-weight:bold;	
}
.wsc_jaune{
	color:#F3CF20;
}
.wsc_titre_orange{
	color:#E38B36;
	font-size:1.4em;
	font-weight:bold;	
}
.wsc_orange{
	color:#E38B36;
}
.wsc_double_ligne{
	color:#00652B;
	padding:0 0 4px 0;
	border-bottom:#68B022 double 3px;
}
.wsc_titre_page {
	display: block;
	padding: 7px 15px;
	font-weight: normal;
	color: #FFF;
	background: #00652B;	
	font-size: 1.8em;
}
.wsc_titre_page a {
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
.wsc_titre_page a:hover {
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}