/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : JMJ
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			stylesforeditor.css.
// Date   : 15 mai 2008
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	
	/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
	.sIFR-flash + div[adblocktab=true] {
	  display: none !important;
	}
	
	/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

	#BlocContenuAcc h1, h2 {
		visibility: hidden;
		font-size: 16px;
	}
}

/*- Général -------------------------------------------------------------------*/
html, body {
	height: 100%;
}
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #464646;
	background: #a6a6a6 url(../images/Bg.png) no-repeat top center;
}
p {
	font-size: 1.3em;
	margin: 0 0 12px 0;
}
#CorpsSite.Interieur h1 {
	position: absolute;
	top: 89px;
	left: 37px;
	height: 34px;
	background-repeat: no-repeat;
	background-position: bottom left;
}
h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #006fac;
	margin: 0 0 10px 0;
}
h3 {
	font-size: 1.3em;
	font-weight:bold;
	text-transform: uppercase;
	color: #7aaecb;
	margin: 18px 0 4px 0;
}
h4 {
	font-size: 1.4em;
	color: #235e6e;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
h5 {
	font-size: 1.2em;
	font-weight:bold;
	text-transform: uppercase;
	margin: 10px 0 10px 0;
}
h6 {
	font-size: 1.3em;
	font-weight:bold;
	color: #a6a6a6;
	margin: 10px 0 10px 0;
}
a, a:hover {
	color: #d2871e;
	text-decoration: underline;
}
a:hover {
	color: #eeb05e;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/* Styles pour remplacement d'images ------------------------------------------*/
#CorpsSite.Interieur h1, #MenuPrincipal li, a.BtParticulier, a.AccesClient {
	text-indent: -9999px;
	overflow: hidden;
}

/*- Styles pour les items en francais -----------------------------------------*/
body#lang-FR #MenuPrincipal li.Entreprise a  {
	background-image: url(../images/Menu_Entreprise_FR.png);
}
body#lang-FR #MenuPrincipal li.Service a {
	background-image: url(../images/Menu_Service_FR.png);
}
body#lang-FR #MenuPrincipal li.Contact a {
	background-image: url(../images/Menu_Contact_FR.png);
}
body#lang-FR #MenuPrincipal li.Flotte a {
	background-image: url(../images/Menu_Flotte_FR.png);
}
body#lang-FR #MenuPrincipal li.Equipe a {
	background-image: url(../images/Menu_Equipe_FR.png);
	line-height: 77px;
}
body#lang-FR a.BtParticulier {
	background-image: url(../images/Bt_Particulier_FR.png);
}
body#lang-FR a.AccesClient {
	background-image: url(../images/Bt_AccesClient_FR.png);
}
body#lang-FR h1.Entreprise {
	background-image: url(../images/Ti_Entreprise_FR.gif);
	width: 267px;
}
body#lang-FR h1.Service {
	background-image: url(../images/Ti_Service_FR.gif);
	width: 217px;
}
body#lang-FR h1.Contact {
	background-image: url(../images/Ti_Contact_FR.gif);
	width: 259px;
}
body#lang-FR h1.Flotte {
	background-image: url(../images/Ti_Flotte_FR.gif);
	width: 204px;
}
body#lang-FR h1.Equipe {
	background-image: url(../images/Ti_Equipe_FR.gif);
	width: 204px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.clearer {
	clear: both;
}
#wrapper {
	width: 837px;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../images/Bg_Contenu.gif) repeat-y;
}
#Entete {
	background: #fff url(../images/Bg_Entete.png) no-repeat;
	height: 121px;
	position: relative;
}
#NavFixe {
	font-size: 1.2em;
	color: #aaaaaa;
	top:4px;
	right: 14px;
	position:absolute;
	z-index: 2;
}
#NavFixe span {
	padding: 0 10px;
}
#NavFixe a {
	font-size: 1em;
	color: #aaaaaa;
	text-decoration: none;
}
#NavFixe a:hover, #NavFixe a.On  {
	color: #fff;
}
#Logo {
	margin: 35px 0 0 18px;
}
#ColMenu {
	float: left;
	width: 226px;
}
#ColMenu p {
	font-size: 1em;
	color: #9b9b9b;
	margin: 23px 0 0 40px;
}
#ColMenu p a {
	color: #9b9b9b;
	text-decoration: none;
}
#ColMenu p a:hover {
	color: #d2871e;
}
#CorpsSite {
	float: left;
	width: 611px;
}
#CorpsSite.Accueil {
	background: url(../images/Bg_AccFooter.png) no-repeat bottom left;
	padding-bottom: 31px;
}
#MenuPrincipal {
	font-size: 1em;
	width: 226px;
}

#MenuPrincipal li a {
	display: block;
	line-height: 78px;
	width: 226px;
}
#MenuPrincipal li a:hover, #MenuPrincipal li a.On {
	background-position: bottom left;
}
#MenuPrincipal li.Entreprise {
	height: 79px;
}
#MenuPrincipal li.Equipe {
	height:77px;
}
#MenuPrincipal li.Entreprise a, #MenuPrincipal li.Entreprise a:hover {
	line-height: 79px;
}
#MenuPrincipal li.Equipe a, #MenuPrincipal li.Equipe a:hover {
	line-height: 77px;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
.BlocsAcc {
	background: url(../images/Bg_AccBlocsContenu.gif) repeat-x;
	height: 165px;
	padding-top: 46px;
	float: left;
	margin-left: 18px;
}
#BlocContenuAcc {
	width: 254px;
	padding: 46px 34px 0;
	display:inline;
}
#BlocContenuAcc p {
	font-size: 1.3em;
	line-height: 18px;
}
#CorpsSite.Accueil #BlocDemandeTransport {
	width: 223px; /*234*/
	padding-left: 9px;
}
#BlocContenuAcc h1 {
	font-size: 1.6em;
	color: #006fac;
	margin: 0 0 10px 0;
}
a.AccesClient, a.BtParticulier {
	background-repeat: no-repeat;
	display: block;
	width: 211px;
	height:59px;
	margin-bottom: 4px;
}
a.AccesClient:hover, a.BtParticulier:hover {
	background-position: bottom left;
}
.Photo-Accueil {
	position: absolute;
	top:0;
	left: 493px;
	z-index:1;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#EnteteSection {
	background: url(../images/Bg_EnteteSection.jpg) no-repeat;
	height: 150px;
	border-bottom: 6px solid #82bcdc;
	position: relative;
}
#EnteteSection img {
	position: absolute;
	bottom: 0;
	right: 0;
}
#BlocContenuInt {
	line-height: 18px;
	background: url(../images/Bg_ContenuInt.gif) repeat-x bottom left;
	padding: 33px 27px 43px;
	vertical-align: top;
	margin: 0 18px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}
#CorpsSite.Interieur #BlocDemandeTransport {
	background: url(../images/Bg_BlocDemandeTransport.jpg) no-repeat;
	width:246px;
	height:198px;
	margin: 0 0 20px 18px;
	padding: 30px 0 0 327px;
}

/* Styles intranet */
#MenuPrincipalIntranet, #MenuPrincipalIntranet-Ouvert {
	font-size: 1em;
	width: 226px;
	background: url(../images/Bg_MenuIntranet.png) no-repeat;
}
#MenuPrincipalIntranet li, #MenuPrincipalIntranet-Ouvert li {
	/*min-height: 30px;
	height: auto !important;
	height: 50px;*/
	padding: 35px 0;
	border-bottom: 1px solid #f4f4f4;
}
#MenuPrincipalIntranet li a, #MenuPrincipalIntranet-Ouvert li a {
	font-size: 1.2em;
	color:#555555;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	padding-left:40px;
	outline-style:none;	
}
#MenuPrincipalIntranet li a:hover, #MenuPrincipalIntranet-Ouvert li a:hover  {
	color: #226aab;
}
#MenuPrincipalIntranet li ul li, #MenuPrincipalIntranet-Ouvert li ul li {
	min-height: 0;
	height: auto !important;
	height: 0;
	padding: 5px 0 0;
	/*background: url(../images/Puce_Liste.gif) no-repeat 45px 2px;*/
	border-bottom: 0;
}
#MenuPrincipalIntranet li ul li a, #MenuPrincipalIntranet-Ouvert li ul li a {
	font-size: 1.15em;
	font-weight: normal;
	color: #d2871e;
	text-transform: none;
	padding-left:50px;
	text-decoration: underline;
}
#MenuPrincipalIntranet li ul li a:hover, #MenuPrincipalIntranet li ul li a.On,
#MenuPrincipalIntranet-Ouvert li ul li a:hover, #MenuPrincipalIntranet-Ouvert li ul li a.On {
	color:#EEB05E;
}
h1.Intranet {
	background-image: url(../images/Ti_Intranet.gif);
	width: 140px;
}

/*- Styles pour sous menus ----------------------------------------------------*/
#SousMenu {
	background: #82bcdc;
	height:25px;
	padding-left: 43px;
}
#SousMenu li {
	float: left;
	margin-top: 3px;
	margin-right: 26px;
}
#SousMenu li a {
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
#SousMenu li a:hover, #SousMenu li a.On {
	color: #226aab;
}

/*- Styles pour formulaires ----------------------------------------------------*/
.TxtBox, .TxtArea, .SelectList, .Btn {
	font-family: Arial, Helvetica, Sans-serif;
}
label {
	display: block;
	font-weight: bold;
}
.ChampFormulaires-float {
	float: left;
}
.ChampFormulaires-float .TxtBox, .ChampFormulaires-float .SelectList {
	margin-right: 15px;
	width: 225px;
}
.ChampFormulaires .SelectList {
	width: 228px;
}
.ChampSondage {
	margin-top: 20px;
	margin-bottom: 3px;
}
.TxtErreur {
	color: #FF0000;
}
.Listing-Erreurs {
	margin-left: 0 !important;
}
.Listing-Erreurs li {
	list-style: none outside none !important;
	padding-left: 0px;
}
.TxtBox {
	color: #464646;
	background:	#fff;
	border-top: 1px solid #a9a8ab;
	border-left: 1px solid #a9a8ab;
	border-bottom: 1px solid #d3d3d5;
	border-right: 1px solid #d3d3d5;
	padding-left: 2px;
}
.TxtArea {
	font-size: 1em;
	color: #464646;
	background: #fff;
	border-top: 1px solid #a9a8ab;
	border-left: 1px solid #a9a8ab;
	border-bottom: 1px solid #d3d3d5;
	border-right: 1px solid #d3d3d5;
	padding-left: 2px;
}
.SelectList {
	font-size: 1em;
	color: #464646;
	background: #fff;
	border: 1px solid #a9a8ab;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.Btn {
	text-transform:uppercase;
	font-weight:bold;
	color: #FFF;
	background: url(../images/Bg_NavFixe.gif) repeat-x;
	border: 0;
	padding: 2px 5px;
	overflow: visible;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TextePetit {
	font-size: 1.1em;
}

/*- Classes pour les images ----*/
img.ImageGauche {
	border: 1px solid #a9a8ab;
	margin:	0 20px 20px 0;
	background: #fff;
	padding: 4px;
	float: left;
}
img.ImageDroite {
	border: 1px solid #a9a8ab;
	margin: 0  0 20px 20px;
	background: #fff;
	padding: 4px;
	float: right;
}

/*- Classes pour les listes ----*/
#BlocContenuInt ul {
	font-size: 1.3em;
	margin: 0 0 12px 21px;
	padding: 0;
}
#BlocContenuInt ul li {
	list-style: disc outside url(../images/Puce_Liste.gif);
	padding: 0 0 0 0;
}
#BlocContenuInt ul ul {
	margin-bottom: 0;
}
#BlocContenuInt ol {
	margin: 0 0 12px 24px;
	padding: 0;
}
#BlocContenuInt ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}

/*- Classes pour les tableaux ----*/
.Tableau {
	border: 1px solid #bababa;
	background: #e4e4e4;
	padding: 2px;
	margin-bottom: 12px;
}
.CelluleTitre {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight:bold;
	color: #fff;
	background: #bababa;
	padding: 2px 12px;
	vertical-align: top;
}
.CelluleSousTitre {
	font-size: 1.1em;
	font-weight: bold;
	background: #e4e4e4;
	padding: 2px 12px;
	vertical-align: top;
}
.CelluleTexte {
	font-size: 1.1em;
	background: #fff;
	padding: 2px 12px;
	vertical-align: top;
	border-top:1px solid #e4e4e4;
}

/*--------------------------------------------------------------------------*/
/*- Styles d'ajustement pour les EM ----------------------------------------*/
#BlocContenuInt p p,
#BlocContenuInt ul ul, 
#BlocContenuInt ol ol, 
#BlocContenuIntol ul, 
#BlocContenuInt ul ol, 
#BlocContenuInt td p,
#BlocContenuInt td li {
	font-size:1em;
}
p td.CelluleTitre {
	font-size: 0.9em;
}
p td.CelluleSousTitre, p td.CelluleTexte  {
	font-size: 0.85em;
}
/*--------------------------------------------------------------------------*/

/* Thickbox */

#FormLogin {
	padding-left: 40px;
	/*width: 260px;*/ 
	height:104px;
}
#FormLogin label {
	float: left;
	width: 120px;
}
#FormLogin p {
	margin: 0 0 5px 0;
}
#FormLogin .Btn {
	margin-top: 15px;
}
#FormLogin h3 {
	margin-bottom: 12px;
}

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a {
	color: #AAAAAA; 
	text-decoration: none;
}
#TB_window a:hover {
	color: #fff; 
	text-decoration: none;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #053F51;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:3px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background: url(../images/Bg_NavFixe.gif) repeat-x;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}