/*
Orange : # FF7F00
Bleu : # 4EABBA
gris (en bas) : # 3F3F3F 
*/
*{
	font-family:	arial,sans-serif	;
}
	
body{
	padding:0px;
	margin:0px;
	background:transparent url(/images/gris.gif);
	width:100%;
		
}
img{border:0;}
.mot_important
{
	color: #FF7F00;
	font-weight: bold;
}
.gras_souligne{
	font-weight:bold;
	text-decoration:underline;
}
.tel_couleur{
	color:#FF7F00;
	font-weight:bold;
	font-size: 14px;
}
.center{text-align: center;}
.space_bottom{margin-bottom:10px;}
.nettoie{clear:both;}
table tr td{
	vertical-align:top;
}

h4{
	font-size:12px;
}
#page{
	width:100%;
	background-color:white;
	position:relative;
	font-size:12px;
}
#bandeau{
	text-align:center;
	background:transparent url(../images/bandeau_s.jpg) repeat-x;
	height:103px;
}
#bandeau div#bandeauFond {
	position:relative;
	background:transparent url('/images/bandeau.jpg') no-repeat center top;
	height:103px;
}
#bandeau h1,
#bandeau h2{
	display:none;
}


table#t_transport, #t_decouverte {
	width:100%;
	background-color: white;	
}

table#t_transport col.COL1 {
	width:150px;
}

table#t_transport col.COL2 {
	
}

table#t_transport col.COL3 {
	
}

table#t_transport col.COL4 {
	width:20px;
}


#contenu{
	min-width:455px;
}

/*puces_orge.jpg*/

#milieu_td h3,
#milieu_td table,
#milieu_td .text,
#milieu_td .retrait{
	padding-left:35px;	
}

.les_plus li{
	margin-bottom:5px;
}
/* PAGES */
.top{
	vertical-align:top;
	padding-top:20px;
}

#t_accueil,
#t_decouverte{
		width:100%;
}

.lienAccueil{
	display:block;
	width:380px;
	height:260px;
	position:absolute;
	color:white;
	text-decoration:none;
}

	.lienAccueil img{
		border:0;
	}
	.lienAccueil a{
		color:white;
		text-decoration: none;
	}
	.lienAccueil #transport2roue{
		font-weight: bold;
		font-size: 12px;
	}
	.lienAccueil .conteneur_accueil{
		padding-left:175px;
		padding-top:15px;
	}
		.lienAccueil .conteneur_accueil #traits{
			float:left;
		}
		.lienAccueil .conteneur_accueil #etapes_traits{
			list-style: none;
			margin:0;
			padding:0;
		}
			.lienAccueil .conteneur_accueil #etapes_traits li{
				padding-top:5px;
			}
			.lienAccueil .conteneur_accueil #etapes_traits li.tournees{
				position:relative;
				left:-9px;
			}
			.lienAccueil .conteneur_accueil #etapes_traits li.messagerie{
				position:relative;
				left:-17px;
			}
		.lienAccueil .conteneur_accueil #devis{
			font-weight: bold;
			font-size: 13px;
			display:block;
			margin:12px 0 0 ;
			padding:12px 0 0 ;
			clear:both;
		}

#transport{
	background-image:url(../images/chronometre.jpg);
	width:380px;
	height:260px;
	position:relative;
	float:left;
	margin:25px 20px 10px 40px;
	color:white;

}
.tab_adresse td{
	border:1px solid #FF7F00;
	padding:8px 1px 8px 2px;
	width: 25%;
}
.tab_adresse {
	border-spacing:4px;
	margin-right:15px;
}
.slogan td{
	border:0px;
}

#logistique{
	background-image:url(../images/logistique_bloc.jpg);
	width:393px;
	height:264px;
	position:relative;	
	float:left;
	margin:20px 10px 10px 10px;
	color:white;
}

.image_presentation{
	text-align:center;
}

#lien_lexique a{
	color:black;
}
#lien_lexique a:hover{
	color:black;	
}
#lien_lexique .important{
	font-weight:bold;	
}
#outils_milieu .motLexique{
	font-weight:bold;
	color:#FF7F00;
}

#milieu_td {
	width:100%;
}
#outils_milieu ul,
#transport_milieu ul,
#decouverte_milieu ul{
	padding-left:58px;
	list-style-image:url(../images/puces_orge.jpg)
	/*list-style-type:circle;*/

}
#transport_milieu2, .liste_normale
{
	padding-left:58px;
	list-style-image:url(../images/puces_orge.jpg)
	
}
#transport_milieu2 li, #logistique_milieu li, #transport_milieu li, ul.espace li
{
	margin-top: 10px;	
}
.liste_normale li{
	margin-top: 10px;
}
.liste_important li{
	margin-top: 10px;
	font-weight: bold;
	font-size: 15px;
}
.liste_simple li
{
	padding-top: 0 !important;	
	list-style-image:none;
}

#comite_conteneur{
	/*width:532px;*/
}
	#comite_conteneur .prix{
		color:#FF7F00;
		font-weight: bold;
	}
	#comite_conteneur .liste_normale .logo{
		position:relative;
		left:-20px;
	}
.liste_attractions
{
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px #FF7F00;	
}

#logistique_milieu ul{
	padding-left:58px;
	list-style-image:url(../images/puces_bleue.jpg);
	/*list-style-type:circle;*/

}
#outils_milieu h2,
#transport_milieu h2,
#transport_milieu3 h2,
#decouverte_milieu h2,
#transport_milieu2 h2{
	margin:0px;
	padding:1px;
	background:url('../images/page-type_fleche.jpg') no-repeat left 1px;
	padding-left:35px;
	font-size:14px;
}

#logistique_milieu h2{
	margin:0px;
	padding:1px;
	background:url('../images/fleche_bleue.jpg') no-repeat left 1px;
	padding-left:35px;
	font-size:14px;
}


#outils_milieu p,
#logistique_milieu p,
#decouverte_milieu p,
#transport_milieu p{
	padding-left:35px;
	padding-bottom: 8px;
	text-align: justify ;	
}
#decouverte_milieu a{
	color:black;
	
}
.tableau td, .tableau{
	border:2px groove #888888;
}

/************/
/*formulaire*/

.formStyle{
	margin:5px;
	margin-left:17px;
	margin-right:2px;
	text-align:left;
	width:442px;
}
.formStyle fieldset{
	border:1px solid #FF7F00;
	margin-top:10px;
	padding:10px;
}

.formStyle legend{
	color:black;
	padding: 5px;
	left:0px;
}

.formStyle .contenant_check th label{
	font-weight:normal;
	display:block;
	width:380px;	
}
.small_input input{
	width:50px;	
}
.nowidth input{
	width:auto;	
}

#droit_cnil{
	width:430px;
	margin:10px;
	margin-left:35px;
}
.formStyle th{
	vertical-align:top;
}
.formStyle th label{
	font-weight:normal;
	display:block;
	width:180px;
}
.formStyle .contenant_check th label{
	font-weight:normal;
	display:block;
	width:250px;	
}
.formStyle textarea{
	width:310px;
	height:80px;
	font-size:13px;
}
.formStyle textarea,
.formStyle input{
	background-attachment:fixed;
	background:transparent url("/images/fond_form.png") no-repeat;
	_background:transparent url("/images/fond_form.png") no-repeat fixed;
	padding:1px;
}
		
legend{
	font-weight:bold;
}
.titre_from{
	font-size:14px;
	font-weight:bold;	
}
.pied_form{
	text-align:right;	
}

/**************************************************************menus*/
/**********/
/* MENUS  */


/***************/
/* menu gauche */
/***************/

.titreMenu{
	font-weight:bold;
}
#menu_gauche li{
	padding-right:8px!important;
}
#menu_gauche li li{
	padding-right:0px!important;
}
#decouverte_gauche #titreTransport a,
#menu_gauche #titreTransport a{
	color:#FF7F00;
}
#decouverte_gauche #titreLogistique a,
#menu_gauche #titreLogistique a{
	color:#4EABBA;
}
#menu_gauche,
#decouverte_gauche{
	text-align:right;
	border-right:1px solid #aaaaaa;	
	margin-right:4px;
	width:219px;
}
#menu_gauche_outils{
	text-align:right;
	border-right:1px solid #aaaaaa;	
	width:229px;
}
#menu_gauche_outils .currentRub a,
#menu_gauche .currentRub a,
#decouverte_gauche .currentRub a{
	color:black;
}
#menu_gauche ul li,
#decouverte_gauche ul li{
	 padding:0px;
	 margin:0px;
	 width:209px;
		
}
#menu_gauche ul,
#decouverte_gauche ul{
	 padding:0px;
	 margin:0px;
}
#menu_gauche ul li ul li,
#decouverte_gauche ul li ul li{
	 padding:0px;
	 margin:0px;
	 padding-right:0px;
		
}
#menu_gauche_outils li,
#menu_gauche li,
#decouverte_gauche li{
	 list-style-type:none;
	 text-align:right;
	 padding:0px;
	 margin:0px;
}
#menu_gauche_outils li a,
#menu_gauche li a,
#decouverte_gauche li a{
	 text-decoration:none;
	 display:block;
	 color:#3F3F3F;
}
#menu_gauche_outils li a:hover,
#menu_gauche li a:hover,
#decouverte_gauche li a:hover{
	 background-color:#eeeeee;
	 color:black;
}

/***************/
/* MENU droite */
/***************/

#decouverte_menu_droite{
	/*display:none;*/
	float:right;
	width:226px;	
	margin-right:0px;
	font-size:9px;
}
#decouverte_menu_droite ul{
	padding-left:10px;
	margin-left:0;
}
#decouverte_menu_droite li{
	 list-style-type:none;
	 text-align:center;
	 margin-bottom:4px;
	 border:1px solid  #dedede;

}
#decouverte_menu_droite li a
{
	 padding:5px 0px;
	 text-decoration:none;
	 display:block;
	 color:#7f7f7f ;
}
	#decouverte_menu_droite li a.important
	{
		 font-weight: bold;
		 color:black;
		 font-size:11px;
	}
	#decouverte_menu_droite li a .tel
	{
		 font-size:16px;
		 color:#FF7F00;
	}
	#decouverte_menu_droite li a.tres_important{
		 font-weight: bold;
		 color:#FF7F00;
		 font-size:12px;
	}
	#decouverte_menu_droite li a .prix
	{
		 font-size:9px;
	}
	#decouverte_menu_droite li.un_trombi
	{
		 font-size:12px;
		 padding:0 1px 1px 1px;
	}
		#decouverte_menu_droite li.un_trombi .une_personne
		{
			margin-top:5px;
		}
		#decouverte_menu_droite li.un_trombi .role
		{
			 font-size:12px;
			 font-weight: bold;
		}
		#decouverte_menu_droite li.un_trombi .email a
		{
			 padding:0;
			 display:inline;
		}
#decouverte_menu_droite li input{
	 margin:5px 1px;
}


#decouverte_menu_droite li #champsNewsletter{
	 width:100px;
}
#decouverte_menu_droite li a:hover, 
{
	 /*background-color:#f8f8f8;*/
	 color:black;
}

/************/
/* MENU BAS */
/************/

#t_menu_general{
	width:745px;
}
#td_fleche{
	width:20px;
}
#menuCategories{
	display:block;
	border:1px solid #FF7F00;
	width:737px;
	height:20px;
}

#menuCategories #vide span{
	padding-left:0px;
}
#menuCategories a{
	 font-weight:bold;
	 font-size:13px;
	 line-height:20px;
	 display:block;
	 padding-left:11px;
	 padding-right:11px;
	 text-decoration:none;
	 color:#3F3F3F ;
}
#menuCategories a:hover{
	 background-color:#FF7F00;
	 color:white;
}
#menuCategories ul{
	 padding:0px;
	 margin:0px;
}
#menuCategories li{
	 list-style-type:none;
	 float:left;
	 padding:0px;
	 margin:0px;
	 width:auto;
}
#menuCategories .current,
#menuCategories .current a{
	 font-weight:bold;
	 font-size:13px;
	 background-color:#FF7F00;
	 line-height:20px;
	 display:block;
	 color:white;
}
#MenusGenerales{
		background:transparent url(../images/degrade-jaune.jpg) repeat-x;
		height:26px;
		overflow: hidden;
}
#MenusGenerales table{
	width:100%;
}
	#MenusGenerales td{
		overflow: hidden;
		position:relative;
	}
	
#MenusGenerales a{
	text-decoration:none;
	font-size:13px;
	color:#3F3F3F ;
}
#MenusGenerales #MenuDroite a{
	color:black ;
}
#MenusGenerales #MenuGauche a:hover,
#MenusGenerales #MenuDroite a:hover{
	color:#FF7F00 ;
}
#MenusGenerales #MenuGauche {
	 float:left;
	 height:26px;
}
#MenusGenerales #MenuGauche ul,
#MenusGenerales #MenuDroite ul {
	 padding:0px;
	 margin:0px;
	 padding-top:4px;
}
#MenusGenerales #MenuGauche li{
	 list-style-type:none;
	 float:left;
	 padding:0px;
	 margin:0px;
	 margin-left:15px;
}

#MenusGenerales #MenuDroite li{
	 list-style-type:none;
	 float:left;
	 padding:0px;
	 margin:0px;
	 margin-left:15px;
}
#MenusGenerales #MenuDroite{
	width:480px;
}
#foot{
	background-image:url(../images/aplat-gris.jpg);
	height:100px;
	position:relative;
	width:100%;
}
	#foot #actus{
		float:left;
		width:500px;
		margin-top:25px;
		margin-left:40px;
		color:white;
	}
		#foot #actus p,
		#foot #actus h2{
			padding:0;
			margin:3px 0;
		}
		#foot #actus h2{
			font-size:14px;
		}
		#foot #actus .date{
			font-size:10px;
		}

#div_foot{
	padding-top:30px;
	width:300px;
	float:right;
	text-align:left;
}
#div_foot a{
	color: #FFFFFF;	
}
#foot input{
	text-align:center;
	font-size:12px;
	margin:0px;
	height:13px;
	padding:0px;
	line-height:12px;
}

#foot #formImg{
	text-align:center;
	font-size:12px;
	margin:0px;
	height:21px;
	vertical-align:middle;
	padding:1px;
}
#foot p{
	margin:3px;
	padding:0px;
}
#foot form #login{
	width:70px;
}
#foot form span{
	border:1px solid white;
	padding:3px 1px 1px 1px;
	display:inline;
}


/*################################ ADMINISTRATION ############################################*/

#titre
{
	text-align: center;
	color: #666666;
}
#bloc-actions ul
{
	color: #666666;
	text-decoration: none;
}
#bloc-actions a
{
	color: #666666;
	text-decoration: none;
}
#bloc-actions a:hover
{
	text-decoration: underline;
	font-weight: bold;
}
.offre
{
	width: 720px;
	margin-left: 200px;
}
#confirm
{
	text-align: center;
	color: #FF7F00;
}
#include_admin #form_ajout
{
	margin-left: 100px;
	margin-bottom: 40px;
}
.table_admin{border:1px solid black;width:100%;margin-right:50px;}
.size
{
	font-size:12px;
}
.lien
{
	color:  #FF7F00;
	text-decoration: none;
}
.bouton
{
	border: 0;
	background-color: transparent;
	color: #FF7F00;
}
#offres 
{
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 0;
	/*width: 600px;*/
	text-align: left;
}
.ligne
{
	margin-left: -5px;
}
.intitule-offre
{
	font-size: 14px;
}
.img_txt {
	line-height: 1px;
	height: 80px;
}

.img_txt img{
	display: inline;
	vertical-align: middle;
}
.img_txt span{
	vertical-align: middle;
	padding-left:5px;
	font-size: 14px;
}
.desc
{
	width: 100px;
	color: #FF7F00;
	font-weight: bold;
	text-align: right;
}
.img_ctr
{
	text-align: center;	
}

.postuler
{
	border: 1px solid #7f7f7f;
	display: block;
	text-decoration: none;
	padding: 4px;
	color: #7F7F7F !important;
	font-size: 12px;	
	font-weight: bold;
	float:right;
	margin-top: 5px;
}
.postuler:hover
{
	color: #000000 !important;
	background: #FF7F00;
}
.fin_offre
{
 border-bottom: 1px solid #FF7F00;
}
.justify
{
	text-align: justify;	
}

#lien_classique
{
	color: black;	
}
.carre_gris
{
	margin-left: 40px;
	display: block;
	padding: 3px;
	width: 130px;
	text-align: center;
	border: solid 1px #dedede;
	color: #7f7f7f; 
	font-size: 10px;
}



/*################GOOGLE MAP###############################*/
#map
{
	margin: auto;
	width: 500px;
	height: 300px;
}
#plan_google
{
	
}

/* ACTUS */
#actus{
	position:relative;
	overflow: hidden;
	height:26px;
	padding-top:4px;
	color:#FF7F00;
	width:680px;
	margin:0 auto;
}
	 #actus #inneractu_gros{
		position:absolute;
		left:0px;
		width:10000px;
	}
		 #actus #inneractu_gros #inneractu_reel{
			display:inline;
			position:absolute;
		}
			 #actus #inneractu_gros #inneractu_reel .une_actu{
				margin-left:30px;
			}
			 #actus #inneractu_gros #inneractu_reel .date{
				font-size: 13px;
				font-weight: bold;
			}
			 #actus #inneractu_gros #inneractu_reel .titre{
				font-weight: bold;
				font-size: 15px;
			}
			#actus #inneractu_gros #inneractu_reel .texte{
				font-size: 14px;
				font-weight: bold;
				margin-left:5px;
			}
				

#votre_commande label{
	width:auto;
}
#votre_commande table{
	padding-left:5px;
}
	#votre_commande #carnet th,
	#votre_commande #carnet td{
		vertical-align: middle;
	}
	#votre_commande table .col1{
		width:180px;
	}
	#votre_commande table label,
	#votre_commande table .champs{
		text-align: center;
	}
#votre_commande th{
	font-weight: normal;
	font-size:11px;
}
#votre_commande ul{
	margin-top:0;
	padding-left:22px;
}
	#votre_commande ul li{
		margin-top:0;
	}
	
#milieu_td .actualite table{
	margin-left:0px;
	padding-left:0px;
}
.actualite .haut_de_page{
	float:right;
}
.actu_coursier{
	margin-top:30px;
}
	.actu_coursier h3{
		font-size: 12px;
	}
	.actu_coursier .date{
		text-align: right;
		font-weight: normal;
		font-size: 11px;
	}
	.actu_coursier .image{
		float:right;
	}
	.actu_coursier .link_media{
		font-weight: bold;
		color:black;
	}
.separateur_actu{
	border-top: 1px solid #FF7F00;
	margin-top:45px;
	margin-bottom:45px;
}
.actualite .sommaire{
	padding-left:35px;
	margin-top:5px;
}
	.actualite .sommaire p{
		margin:2px 0px 2px 0px;
	}
	.actualite .sommaire h4{
		margin:10px 0px 2px 0px;
		background:transparent url(../images/puces_orge.jpg) no-repeat left;
		padding-left:20px;
	}
	.actualite .sommaire a{
		color:black;
	}
	.actualite .sommaire h4 a{
		text-decoration: none;
	}
		.actualite .sommaire a:hover{
			color:#FF7F00;
		}

#menu_gauche #transport_personnes a{
	color:#FF7F00;
	font-weight:bold;
}

#developpement_durable{
	/*position: absolute;
	top:-25px;
	left:55px;*/
	display: block;
	text-align: right;
	padding-right:65px;
	margin:0 auto;
	padding-top:28px;
	position:relative;
	width:680px;
	background: none;
}
	#developpement_durable a{
		position: absolute;
		left:475px;
		top:0px;
	}
#demande_doc{
	display: block;
	text-align: right;
	padding-right:65px;
	margin:0 auto;
	padding-top:28px;
	position:relative;
	width:680px;
	background: none;
}
	#demande_doc a{
		position: absolute;
		left:-138px;
	}