/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : -
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			stylesforeditor.css.
// Date   : 9 novembre 2007
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #424242;
	background: #FFFFFF;
}
p {
	font-size: 1.1em;
	margin: 0 0 12px 0;
}
h1 {
	height: 15px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #ed1c24;
	margin: 16px 0 0;
}
/*body.Articles #BlocContenuInt h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 16px 0 0;
}*/
body.Articles #BlocContenuInt h2,
body.Conseils #BlocContenuInt h2,
body.EtudesCas #BlocContenuInt h2,
body.Nouvelles #BlocContenuInt h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #ed1c24;
	background: url(../images/Puce_LogoNouvelles.gif) no-repeat;
	min-height: 34px;
	height: auto !important;
	height: 34px;
	padding-left: 40px;
}
/*h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 16px 0 0;
}
body.Nouvelles #BlocContenuInt*/
h3 {
	font-size: 1.3em;
	font-weight: bold;
	color: #426a87;
	margin: 15px 0 15px 0;
}
/*h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 16px 0 0;
}
body.Nouvelles #BlocContenuInt*/
h4 {
	font-size:1.1em;
	font-weight: bold;
	background: url(../images/Puce_SousTitreNouvelles.png) no-repeat 0 3px;
	padding-left:9px;
	margin-bottom: 12px;
}
h5 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 16px 0 0;
}
h6 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 16px 0 0;
}
a, a:hover {
	color: #828282;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
/* Styles pour remplacement d'images */
#MenuAcc li a, #MenuPrincipal li a, h1 {
	text-indent: -9999px;
	overflow: hidden;
}

/* Styles des images en français */

/*Menu accueil */
body#lang-FR #MenuAcc li.Articles a {
	background-image: url(../images/Menu_ArticlesAcc_FR.png);
}
body#lang-FR #MenuAcc li.Conseils a {
	background-image: url(../images/Menu_ConseilsAcc_FR.png);
}
body#lang-FR #MenuAcc li.EtudesCas a {
	background-image: url(../images/Menu_EtudesCasAcc_FR.png);
}
body#lang-FR #MenuAcc li.Nouvelles a {
	background-image: url(../images/Menu_NouvellesAcc_FR.png);
}
body#lang-FR #MenuAcc li.Inscription a {
	background-image: url(../images/Menu_InscriptionAcc_FR.jpg);
}


body#lang-EN #MenuAcc li.Articles a {
	background-image: url(../images/Menu_ArticlesAcc_EN.png);
}
body#lang-EN #MenuAcc li.Conseils a {
	background-image: url(../images/Menu_ConseilsAcc_EN.png);
}
body#lang-EN #MenuAcc li.EtudesCas a {
	background-image: url(../images/Menu_EtudesCasAcc_EN.png);
}
body#lang-EN #MenuAcc li.Nouvelles a {
	background-image: url(../images/Menu_NouvellesAcc_EN.png);
}
body#lang-EN #MenuAcc li.Inscription a {
	background-image: url(../images/Menu_InscriptionAcc_EN.jpg);
}

/*Menu principal */
body#lang-FR #MenuPrincipal li.Articles a {
	background-image: url(../images/Menu_Articles_FR.gif);
}
body#lang-FR #MenuPrincipal li.Conseils a {
	background-image: url(../images/Menu_Conseils_FR.gif);
}
body#lang-FR #MenuPrincipal li.EtudesCas a {
	background-image: url(../images/Menu_EtudesCas_FR.gif);
}
body#lang-FR #MenuPrincipal li.Nouvelles a {
	background-image: url(../images/Menu_Nouvelles_FR.gif);
}
body#lang-FR #MenuPrincipal li.Inscription a {
	background-image: url(../images/Menu_Inscription_FR.gif);
}
body#lang-FR #MenuPrincipal li.Joindre a {
	background-image: url(../images/Menu_Joindre_FR.gif);
}

body#lang-EN #MenuPrincipal li.Articles a {
	background-image: url(../images/Menu_Articles_EN.gif);
}
body#lang-EN #MenuPrincipal li.Conseils a {
	background-image: url(../images/Menu_Conseils_EN.gif);
}
body#lang-EN #MenuPrincipal li.EtudesCas a {
	background-image: url(../images/Menu_EtudesCas_EN.gif);
}
body#lang-EN #MenuPrincipal li.Nouvelles a {
	background-image: url(../images/Menu_Nouvelles_EN.gif);
}
body#lang-EN #MenuPrincipal li.Inscription a {
	background-image: url(../images/Menu_Inscription_EN.gif);
}
body#lang-EN #MenuPrincipal li.Joindre a {
	background-image: url(../images/Menu_Joindre_EN.gif);
}

/* Titres de sections */
body#lang-FR h1.Articles {
	background-image: url(../images/Ti_Articles_FR.gif);
}
body#lang-FR h1.Nouvelles {
	background-image: url(../images/Ti_Nouvelles_FR.gif);
}
body#lang-FR h1.Inscription {
	background-image: url(../images/Ti_Inscription_FR.gif);
}
body#lang-FR h1.Conseils {
	background-image: url(../images/Ti_Conseils_FR.gif);
}
body#lang-FR h1.EtudesCas {
	background-image: url(../images/Ti_EtudesCas_FR.gif);
}
body#lang-FR h1.Joindre {
	background-image: url(../images/Ti_Joindre_FR.gif);
}

body#lang-EN h1.Articles {
	background-image: url(../images/Ti_Articles_EN.gif);
}
body#lang-EN h1.Nouvelles {
	background-image: url(../images/Ti_Nouvelles_EN.gif);
}
body#lang-EN h1.Inscription {
	background-image: url(../images/Ti_Inscription_EN.gif);
}
body#lang-EN h1.Conseils {
	background-image: url(../images/Ti_Conseils_EN.gif);
}
body#lang-EN h1.EtudesCas {
	background-image: url(../images/Ti_EtudesCas_EN.gif);
}
body#lang-EN h1.Joindre {
	background-image: url(../images/Ti_Joindre_EN.gif);
}

/*- Styles communs à toutes les pages -----------------------------------------*/
#wrapper {
	width: 720px;
	margin: 0 auto;
	text-align: left;
}
.clearer {
	clear: both;
}
#BasPage {
	height: 45px;
	background: url(../images/Bg_BasPage.gif) repeat-y;
	padding-left: 232px;
}
#BasPage ul {
	padding-top: 12px;
	float: left;
}
#BasPage ul li {
	float: left;
	border-left: 1px solid #426a87;
	padding: 0 5px;
}
#BasPage a {
	/*font-size: 0.9em;*/
	color: #426a87;
}
#BasPage a:hover {
	text-decoration: none;
}
#BasPage p {
	clear: both;
	font-size: 1em;
	padding-top: 4px;
	padding-right: 12px;
	/*float: right;*/
	/*width: 200px;*/
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
#EnteteAccueil {
	background: url(../images/Bg_GarnitureGriseAcc.png) no-repeat top right;
	height: 151px;
}
#EnteteAccueil img {
	margin-top: 47px;
	float: left;
}
#EnteteAccueil .BlocTexte {
	font-weight: bold;
	float: right;
	width: 265px;
	height: 86px;
	overflow: hidden;
	margin: 60px 12px 0 0;
}
#EnteteAccueil .BlocTexte h1 {
	font-size: 1.3em;
	font-weight: bold;
	text-indent: 0;
	margin-bottom: 12px;
	overflow: visible;
}
#BlocContenuAcc {
	background: url(../images/Img_AccCamions.jpg) no-repeat;
	height: 391px;
	position: relative;
}
#BlocContenuAcc .BlocTexte {
	position: absolute;
	font-weight: bold;
	color: #fff;
	right: 0;
	top: 8px;
	width: 265px;
	right: 12px;
	_right: 23px;
}
#MenuAcc {
	position: absolute;
	top:294px;
	left: 36px;
}
#MenuAcc li {
	width: 86px;
	height: 86px;
	float: left;

}
#MenuAcc li a {
	display: block;
	width: 86px;
	line-height: 86px;
}
#MenuAcc li a:hover {
	background-position: bottom left;
}
#MenuAcc li.Inscription {
	width: 170px;
	margin: 44px 0 0 63px;
}
#MenuAcc li.Inscription a {
	width: 170px;
	height: 54px;
}
#MenuAcc li.Inscription a:hover {
	background-position: 0px -54px;
}
#BasPageAcc {
	background: url(../images/Bg_BasPageAcc.gif) repeat-y;
	height: 88px;
	position: relative;
}
#BasPageAcc p {
	position: absolute;
	top:10px;
	left: 443px;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#Entete {
	width:720px;
	height:150px;
}
body.Articles #Entete {
	background: url(../images/entete-Articles/Bg_EnteteArticles.jpg) no-repeat;
}
body.Nouvelles #Entete {
	background:url(../images/entete-Nouvelles/Bg_EnteteNouvelles.jpg) no-repeat;
}
body.Inscription #Entete,
body.Joindre #Entete {
	background:url(../images/entete-Inscription/Bg_EnteteInscription.jpg) no-repeat;
}
body.EtudesCas #Entete {
	background:url(../images/entete-EtudesCas/Bg_EnteteEtudes.jpg) no-repeat;
} 
body.Conseils #Entete {
	background:url(../images/entete-Conseils/Bg_EnteteConseils.jpg) no-repeat;
}
body.Extras #Entete {
	background:url(../images/entete-Extras/Bg_EnteteExtras.jpg) no-repeat;
}
#Entete img#Logo {
	margin-top:20px;
	float: left;
}
#Entete img#LogoLocationBrossard {
	float: right;
	margin: 97px 30px 0 0;
}
#ColG {
	width: 210px;
	float: left;
}
#ColD {
	float: left;
	width: 510px;
}
#Corps {
	background: url(../images/Bg_Corps.gif) repeat-y;
}
#MenuPrincipal {
	background: #c3c3c3;
	padding: 9px 0 7px;
	margin-top: 35px;
}
#MenuPrincipal li {
	height: 18px;
}
#MenuPrincipal li a {
	display: block;
	width: 210px;
	line-height: 18px;
	background-repeat: no-repeat;
}
#MenuPrincipal li a:hover, #MenuPrincipal li a.On {
	background-position: bottom left;
}
.LogoGo24 {
	margin: 29px 0 0 40px;
}
#BlocContenuInt {
	margin: 12px 30px 12px 22px;
}
body.Articles #BlocContenuInt div,
body.Conseils #BlocContenuInt div,
body.EtudesCas #BlocContenuInt div,
body.Nouvelles #BlocContenuInt div {
	margin-left: 40px;
}

/* Nouvelles */

#BlocContenuInt #ListingNouvelles  {
	margin-left: 0;
}
#BlocContenuInt #ListingNouvelles li, #ColG #ListingNouvelles li {
	font-size: 1.1em;
	background: url(../images/Puce_Logo.gif) no-repeat;
	padding-left: 41px;
	min-height: 33px;
	height: auto !important;
	height: 33px;
	list-style: none outside none;
	margin-bottom: 10px;
	padding-bottom: 0;
}
#ColD #ListingNouvelles li a, #ColG #ListingNouvelles li a {
	color: #ed1c24;
	text-decoration: none;
}
#ColD #ListingNouvelles li a:hover, #ColG #ListingNouvelles li a:hover {
	text-decoration: underline;
}
#ColG #ListingNouvelles {
	margin: 29px 0 0 7px;
}
#ColG #ListingNouvelles li {
	padding-top: 10px;
	background: url(../images/Puce_ListingNouvelles.gif) no-repeat;
	margin-bottom: 0
}

/* Call to action */
#ColG .CallToAction {
	margin-top: 20px;
}
#ColG .CallToAction img {
	width: 210px;
	height: 94px;
}
#ColG .CallToAction p, #ColG .CallToAction ul, #ColG .CallToAction h5 {
	margin-left: 25px;/*48px;*/
}
#ColG .CallToAction h4 {
	font-size: 1.3em;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	padding-left: 25px;
	line-height: 22px;
	margin:0;
}
#ColG .CallToAction h5 {
	font-size: 1.1em;
	font-weight: bold;
} 
#ColG .CallToAction.EtudesCas h4 {
	background: #408977;
}
#ColG .CallToAction.Inscription h4 {
	background: #a8a8a8;
}
#ColG .CallToAction.Extras h4 {
	background: #663374;
}
#ColG .CallToAction.Articles h4 {
	background: #d5b157;
}
#ColG .CallToAction.Nouvelles h4 {
	background: #426a87;
}
#ColG .CallToAction.Conseils h4 {
	background: #cc6b33;
}

#ColG .CallToAction.EtudesCas h5,
#ColG .CallToAction.EtudesCas h5 a {
	color: #408977;
}
#ColG .CallToAction.Inscription h5,
#ColG .CallToAction.Inscription h5 a {
	color: #a8a8a8;
}
#ColG .CallToAction.Extras h5,
#ColG .CallToAction.Extras h5 a {
	color: #426a87;
}
#ColG .CallToAction.Articles h5,
#ColG .CallToAction.Articles h5 a {
	color: #d5b157;
}
#ColG .CallToAction.Nouvelles h5,
#ColG .CallToAction.Nouvelles h5 a {
	color: #426a87;
}
#ColG .CallToAction.Conseils h5,
#ColG .CallToAction.Conseils h5 a {
	color: #cc6b33;
}

#ColG .CallToAction ul li {
	padding-bottom: 0 !important;
}

/* Études de cas */
#ColD #BlocContenuInt .NavBasPage {
	margin: 0;
	padding: 16px 0;
}
#ColD #BlocContenuInt .NavBasPage .ColG {
	float: left;
}
#ColD #BlocContenuInt .NavBasPage .ColD {
	float: right;
}
#ColD #BlocContenuInt .NavBasPage a {
	color: #426A87;
	text-decoration: none;
}
#ColD #BlocContenuInt .NavBasPage a:hover {
	text-decoration: underline;
}

/*- Styles pour formulaires ----------------------------------------------------*/
.TxtBox, .TxtArea, .SelectList, .Btn {
	font-family: Arial, Helvetica, Sans-serif;
}
.TxtLabel {
	color: #426A87;
	font-weight: bold;
	display: block;
}
.TxtErreur {
	font-size: 1em;
	margin-left:62px;
}
.TxtBox {
	font-size: 1em;
	color: #828282;
	background:	#fff;
	border: 1px solid #cecece;
	padding: 0 2px;
	margin:	0 0 0 0;
}
.TxtArea {
	font-size: 1em;
	color: #828282;
	background:	#fff;
	border: 1px solid #cecece;
	padding: 0 2px;
	margin:	0 0 0 0;
}
a.Btn {
	color: #426a87;
	font-weight: bold;
	background: url(../images/Puce_Logo.gif) no-repeat;
	display: block; /*opera*/
	display: inline-block; /*ie*/
	display: -moz-inline-box;  /*ff*/
	overflow: visible;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: right;
	text-decoration: none;
}
a.Btn:hover {
	color: #426a87;
	text-decoration: none;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TextePetit {
	font-size: 0.9em;
	color: ;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #000000;
}
img.ImageGauche {
	border: 1px solid #000000;
	margin:	0 15px 5px 0;
}
img.ImageDroite {
	border: 1px solid #000000;
	margin: 0  0 5px 15px;
}

/*- Classes pour les listes ----*/
#BlocContenuInt ul {
	margin: 0 0 12px 50px;
	padding: 0;
}
.CallToAction ul {
	padding-left: 15px;
}
#BlocContenuInt ul li, .CallToAction ul li {
	font-size: 1.1em;
	list-style: disc outside url(../images/Puce_Liste.gif);
	padding: 0 0 5px 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 ----*/
/*table.Tableau {
	font-size: 1.1em;
	color: ;
	background: ;
	padding: 0 0 0 0;
	border-right: ;
	border-top: ;
}
td.CelluleTitre {
	font-size: 1.1em;
	color: ;
	background: ;
	padding: 0 0 0 0;
	border-left: ;
	border-bottom: ;
	vertical-align: top;
}
td.CelluleSousTitre {
	font-size: 1.1em;
	color: ;
	background: ;
	padding: 0 0 0 0;
	border-left: ;
	border-bottom: ;
	vertical-align: top;
}
td.CelluleTexte1, td.CelluleTexte2 {
	font-size: 1.1em;
	color: ;
	background: ;
	padding: 0 0 0 0;
	border-left: ;
	border-bottom: ;
	vertical-align: top;
}
td.CelluleTexte2 {
	color: ;
	background: ;
}*/
/*--------------------------------------------------------------------------*/
