/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : NovaBus
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@import url(traductions.css);/* Redéfinitions des images traduites */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #666666;
	background: #FFFFFF url(/images/Bg_Page.png) repeat-x 0% 0%;
}
p {
	margin: 0 0 12px 0;
}
h1 {
	font-size: 2.3em;
	font-weight: normal;
	color: #2e6dae;
	line-height: 1.3em;
	margin: 0 0 12px;
}
h2 {
	font-size: 2.1em;
	font-weight: normal;
	color: #2e6dae;
	line-height: 1.2em;
	margin: 0 0 12px;
}
h2 span { color: #003e7e; }
h3 {
	font-size: 1.8em;
	font-weight: normal;
	color: #2e6dae;
	margin: 0 0 1px;
}
h4, h5, h6 {
	font-size: 1.4em;
	font-weight: bold;
	color: #666666;
	margin: 10px 0 2px 0;
}
a, a:hover {
	color: #2e6dae;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.Clearer { clear: both; }
.AligneGauche { float: left; }
.AligneDroite { float: right; }

#Wrapper {
	width: 970px; /*1014px;*/
	background: url(/images/Bg_Wrapper.png) no-repeat;
	margin: 0 auto;
}

/*-- Entete du site --*/
#Entete {
	position: relative;
	z-index:95;
	height: 150px;
}
#Entete .Logo {
	position: absolute;
	top: 69px; left: 56px; /*56px;*/
}
#Entete .NavFixe {
	position: absolute;
	top: 33px; right: 6px;
}
#Entete .NavFixe li {
	float: left;
	line-height: 18px;
	text-transform: uppercase;
	padding-left: 6px;
}
#Entete .NavFixe li.Form {
	line-height: normal;
}
#Entete .NavFixe label {
	color: #2e6dae;
	background: url(/images/Puce_OnlineServices.gif) no-repeat 0% 50%;
	padding-left: 12px;
}
#Entete .NavFixe input {
	width: 70px; height: 15px;
	font-size: 10px;
	color: #666;
	/*text-transform: uppercase;*/
	background: url(/images/Bg_Entete_Input.gif) no-repeat;
	border: 0;
	padding: 3px 4px 0;
}
#Entete .NavFixe input.Erreur {
	background: url(/images/Bg_Entete_Input_Erreur.gif) no-repeat;
}

#Entete .NavFixe li a {
	color: #666;
	margin-right: 6px;
}
#Entete .NavFixe li a:hover, #Entete .NavFixe li a.On {
	color: #2e6dae;
	text-decoration: none;
}

#Contenu .NavFixe li a {
    background: none no-repeat scroll 0 0 transparent;
    display: block;
    height: 37px;
    overflow: hidden;
    text-indent: -9999px;
}
#Contenu .NavFixe {
    clear: left;
    float: right;
    margin: -51px 0 0 24px;
}
#Contenu ul.NavFixe li {
    list-style: none outside none;
    float:right;
    margin-left:10px;
}

/*-- Corps du site avec contenu --*/
#Corps {}
#ColG {
	float: left;
	width: 360px;
	margin-right: 12px;
	padding-left: 6px;
}
#ColD {
	float: left;
	width: 586px; /*630px;*/
}
#ColPleine {
	width: 960px;
	margin-left:6px;
}
#Contenu {
	width: 556px; /*600px;*/
	margin: 0 15px;
	padding: 8px 0 20px;
}
#ColPleine #Contenu {
	width:860px;
}
#Contenu p {
	font-size: 1.3em;
	line-height: 1.5em;
}

/*-- Pied de page du site --*/
#PiedPage {
	position: relative;
	height: 70px;
	border-top: 1px solid #ccc;
	margin: 0 12px;
	padding: 8px 12px 0;
}
#PiedPage p,
#PiedPage ul { line-height: 48px; }
#PiedPage ul { float: right; }
#PiedPage ul li {
	float: left;
	padding-left: 30px;
}
#PiedPage a { color: #666; }
#PiedPage a:hover, #PiedPage a.On {
	color: #2e6dae;
	text-decoration: none;
}

/*-- Send to a friend --*/
#SendToAFriend,
#SendToAFriendConfirm {
    display: none;
}
div.SendToAFriendForm {
	padding: 10px 16px;
}
div.SendToAFriendForm h2 {
	border: 0 !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Accueil h2 {
	position: relative;
	font-size: 1.9em;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 0 12px 6px;
}
body.Accueil h2 span {
	color: #003e7e;
	border-left: 1px solid #ccc;
	margin-left: 12px;
	padding: 0 0 6px 18px;
}

body.Accueil #ColG { width: 516px; /*560px;*/ }
body.Accueil #ColG .EnteteCol {
	width: 484px; /*528px;*/ height: 297px;
	background: url(/images/Bg_Acc_EnteteColG.png) no-repeat;
	margin: 0 0 12px;
	padding: 15px 16px;
}
body.Accueil #ColG .Bloc {
	background: url(/images/Bg_Acc_BlocBas.png) no-repeat 0% 100%;
	margin: 0 0 18px;
}
body.Accueil #ColG .Bloc .Bg {
	background: url(/images/Bg_Acc_BlocHaut.png) no-repeat 0% 0%;
	padding: 15px;
}
body.Accueil #ColG .Bloc .Pic {
	float: left;
	margin-right: 12px;
}
body.Accueil #ColG .Bloc .Texte {
	float: left;
	width: 237px; /*281px;*/
}
body.Accueil #ColG .Bloc .Texte p {
	font-size: 1.2em;
	line-height: 1.5em;
}

body.Accueil #ColD { width: 430px; }
body.Accueil #ColD .EnteteCol {
	width: 400px; height: 160px;
	background: url(/images/Bg_Acc_EnteteColD.png) no-repeat;
	margin: 0 0 12px;
	padding: 15px;
}

body.Accueil #Contenu {
	width: 400px;
	padding-top: 0;
}
body.Accueil #Contenu .Nouvelle {
	float: left;
	width: 194px;
	margin: 0 0 12px;
	padding-right: 12px;
}
body.Accueil #Contenu .Nouvelle.LastItem { padding-right: 0; }
body.Accueil #Contenu table.Tableau td {
	padding: 1px 12px 0 0;
	border-bottom: 0;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#ColG .Photo {
	width: 330px; height: 330px;
	background: url(/images/Bg_Int_Photo.png) no-repeat;
	margin: 0 0 12px;
	padding: 15px;
}
#Contenu p.Section {
	font-size: 1.6em;
	margin: 0;
}
#ColD .EnteteVideo {
    background:url(/images/Bg_Acc_EnteteColG.png) no-repeat;
    height:297px;
    margin:-8px 0 12px;
    padding:15px 16px;
    width:484px;
}

/*- Styles spéciaux pour pages de produit -------------------------------------*/
/*body.Produit #ColG .Photo {
	width: 330px; height: 465px;
	background: url(/images/Bg_Produit_Photo.png) no-repeat;
	margin: 0 0 12px;
}*/
body.Produit #ColG .AutreProduits {
	width: 330px; height: 175px;
	background: url(/images/Bg_Produit_AutresProduits.png) no-repeat;
	margin: 0 0 12px;
	padding: 15px;
}
body.Produit #ColD .EnteteProduit {
	width: 556px; /*600px;*/
	height: 315px;
	background: url(/images/Bg_Produit_EnteteProduit.png) no-repeat;
	margin: 0 0 12px;
	padding: 15px;
}
body.Produit #Contenu .NavFixe {
	float: right;
	margin: -10px 0 0 24px;
	clear: left;
}
body.Produit #Contenu .NavFixe li {
	float: left;
	list-style: none none;
	padding: 0 0 0 12px;
}
body.Produit #Contenu .NavFixe li a {
	display: block;
	height: 37px;
	text-indent: -9999px;
	background: no-repeat;
	overflow: hidden;
}

/* Version pleine grandeur */
#ColPleine #ProduitVisionneuse {
	margin: 0 0 12px;
	height:345px;
	border:1px solid #cccccc;
	background-color:#FFF;
	position:relative;
}
#ProduitVisionneuse ul.Navigation {
	position:absolute;
	bottom:0px;
	left:0px;
	height:43px;
	width:958px;
}
#ProduitVisionneuse ul.Navigation li {
	float:left;
}
#ProduitVisionneuse ul.Navigation li.BtFleche {
	float:right;
}
#ProduitVisionneuse ul.Navigation li a {
	border-right:1px solid #CCC;
	border-top:1px solid #CCC;
	padding:0px 12px;
	line-height:42px;
	font-size:1.3em;
	color:#666666;
	/* Display Hack */
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
}
#ProduitVisionneuse ul.Navigation li a.On,
#ProduitVisionneuse ul.Navigation li a.On:hover {
	color:#8cb13f;
	text-decoration:none;
}
#ProduitVisionneuse ul.Navigation li.BtFleche a {
	border:none;
	background:url(/images/Puce_Liste.gif) no-repeat 0px 13px;
	padding:0 20px;
}
#ProduitVisionneuse div.Marqueur {
	display:none;
	background-position:top left;
	background-repeat:no-repeat;
	width:958px;
	height:300px;
	position:relative;
}
#ProduitVisionneuse div.Marqueur.On {
	display:block;
}
#ProduitVisionneuse div.Marqueur a {
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:25px;
	height:25px;
	position:absolute;
	background:url(/images/Puce_Marqueur.png) no-repeat top left;
}
#ProduitVisionneuse div.ContenuModele {
	position:absolute;
	width:195px;
	top:15px;
	right:20px;
}
#ProduitVisionneuse div.ContenuModele p,
#ProduitVisionneuse div.ContenuModele li {
    font-size:1.2em;
    line-height:1.5em;
    color:#666666;
}
#ProduitVisionneuse div.ContenuModele ul {
	width:195px;
}
#ProduitVisionneuse div.ContenuModele li {
    padding:6px 0 6px 22px;
    background:url(/images/Puce_Benefits.gif) no-repeat 0px 8px;
    border-bottom:1px solid #d1d1d1;
}
#ProduitVisionneuse div.Popup {
	background-color:#FFF;
	display:none;
	width:485px;
	height:265px;
	top:39px;
	left:239px;
	position:absolute;
	z-index:80;
}
#ProduitVisionneuse div.Popup a.BtnClose {
	display:block;
	width:24px;
	height:24px;
	background:url(/images/Btn_ClosePopupProduit.gif) no-repeat top left;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	margin-left:485px;
	margin-top:15px;
}
#ProduitVisionneuse div.Popup div.Conteneur {
	height:230px;
	width:452px;
	overflow:auto;
	margin:17px 0 0 17px;
	display:none;
}
#ProduitVisionneuse div.Overlay {
	width:958px;
	height:345px;
	background:url(/images/Bg_Overlay.png) repeat;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:75;
}

/* Style contenu popup */
#ProduitVisionneuse div.Popup div.Conteneur h4 {
    margin-bottom:15px;
}
#ProduitVisionneuse div.Popup div.Conteneur p {
	font-size: 1.2em;
	line-height: 1.5em;
	color:#242424;
}
#ProduitVisionneuse div.Popup div.Conteneur ul {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 12px 18px;
	padding: 0;
	color:#242424;
}
#ProduitVisionneuse div.Popup div.Conteneur ul li {
	list-style: disc outside url(/images/Puce_ListePopup.gif);
	padding: 0 0 12px 0;
}
#ProduitVisionneuse div.Popup div.Conteneur ol {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 12px 24px;
	padding: 0;
	color:#242424;
}
#ProduitVisionneuse div.Popup div.Conteneur ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}
#ProduitVisionneuse div.Popup div.Conteneur img.ImageContour {
    border:1px solid #e9e9e9;
}
/* Thickbox du video */
#InteriorViewBox {
    padding:10px 0 0 10px;
}

/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	position:absolute;
	top:64px;
	left:306px; /*306px;*/
	width:660px; /*704px;*/
}

/*-- Premier niveau --*/
#MenuPrincipal li {
	float: left;
	border-right: 1px solid #ccc;
}
#MenuPrincipal li.LastItem { border-right: 0; }
#MenuPrincipal li a {
	display: block;
	height: 55px;
	font-size: 1.1em;
	color: #666;
	text-transform: uppercase;
	line-height: 55px;
	padding: 0 8px;
}
#MenuPrincipal li a:hover, #MenuPrincipal li a.On {
	color: #2e6dae;
	text-decoration: none;
}

/*-- Deuxieme niveau --*/
#MenuPrincipal ul {
	position: absolute;
	width: 175px;
	background: #f6f7f9;
	border: 1px solid #ccc;
	border-top: 0;
	border-bottom: 0;
	margin-left: -1px;
}
#MenuPrincipal ul li {
	float: none;
	width: 100%;
	border: 0;
}
#MenuPrincipal ul li a {
	width: auto;
	height: 20px;
	line-height: 20px;
	border-bottom: 1px solid #ccc;
	padding: 2px 8px 1px;
}

/*-- Langue --*/
#MenuPrincipal li.Lang { float: right; border-right: 0; }
#MenuPrincipal li.Lang a { font-size: 1em; }

/*- Styles pour Plan du site --------------------------------------------------*/
#Contenu ul#PlanSite {
	font-size: 1.8em;
	line-height: 1.5em;
	margin: 0 0 8px;
}
#Contenu ul#PlanSite li {
	list-style: none none;
	padding: 0 0 8px 0;
}
#Contenu ul#PlanSite ul{
	font-size: .8em;
	margin: 8px 0 0 32px;
}
#Contenu ul#PlanSite ul li {
	list-style: disc outside url(/images/Puce_Liste.gif);
	padding: 0 0 4px 0;
}

/*- Styles pour formulaires ----------------------------------------------------*/
.Formulaire {}
.Formulaire p {}
.Formulaire p.AligneGauche {
	margin-right: 15px;
}
.Formulaire p label {
	display: block;
	font-size: 1.2em;
	color: #666666; /*#838F97;*/
	margin-bottom: 2px;
}

input, textarea, select,
.TxtBox, .TxtArea, .SelectList, .TxtLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
.TxtErreur {
	color: #FF0000;
}
input.Erreur, textarea.Erreur, select.Erreur {
	background-color: #f6fcd5 !important;
	color: #8cb13d !important;
}

/*-- Sommaire de validation en popup --*/
#ErreurBox {
	background:url(/Images/Picto_PopupErreur.png) no-repeat 15px 10px;
	padding: 5px 20px 5px 78px;
}
#ErreurBox h6 {
	margin: 5px 0 0;
}
#ErreurBox p {
	font-size: 1.3em;
}
#ErreurBox ul {
	margin: 0 0 12px 24px;
}
#ErreurBox ul li {
	font-size: 1.3em;
	list-style: disc outside url(/images/Puce_Liste.gif);
	padding: 0 0 4px 0;
}

/*-- Sommaire de validation --*/
#Contenu div.SommaireValidation {
	color: #b46f6d !important;
	background: #fdf1f1;
	border:1px solid #b46f6d;
	padding: 20px;
	margin-bottom: 12px;
}
#Contenu div.SommaireValidation ul {
	margin: 0;
}
#Contenu div.SommaireValidation ul li {
	float: left;
	list-style: none outside none;
	padding: 0;
}

/*-- Styles de champs --*/
.TxtBox {
	color: #666;
	background:	#fff;
	border: 1px solid #ccc;
	padding: 3px;
}
.TxtArea { overflow: auto; }
.SelectList { padding: 2px; }

p.Checkbox {

}
p.Checkbox label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
p.Checkbox input {
	display: block;
	float: left;
}
p.Checkbox br {
	clear: both;
}
p.RadioBtn  {

}
p.RadioBtn label {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
p.RadioBtn input {
	display: block;
	float: left;
}
p.RadioBtn br {
	clear: both;
}
.Btn, .BtnGrand {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #838f97;
	background: url(/images/Bg_Btn.gif) no-repeat 0% 50%;
	padding: 0 0 0 20px;
}
.BtnGrand {
	font-size: 14px;
}

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

/*- Classes pour les textes ----*/
.TexteContraste {
	font-weight: bold;
	color: #2e6dae;
}
#Contenu p.TexteEmphase { font-size: 1.7em; line-height: 1.4em; }
#Contenu span.TexteEmphase { font-size: 1.3em; line-height: 1.4em; }

.TextePetit {
	font-size: 0.9em;
}

/*- Classes pour les hyperliens ----*/


/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #000000;
}
img.ImageGauche {
	border: 1px solid #000000;
	margin:	0 15px 5px 0;
	float: left;
}
img.ImageDroite {
	border: 1px solid #000000;
	margin: 0  0 5px 15px;
	float: right;
}

/*- Classes pour les listes ----*/
/* 	NOTE : Il est important de garder le font-size sur les ul et ol et non de le
	mettre sur les li, plus bas se trouve une liste d'ajustements pour les EM */
#Contenu ul {
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0 0 12px 24px;
	padding: 0;
}
#Contenu ul li {
	list-style: disc outside url(/images/Puce_Liste.gif);
	padding: 0 0 12px 0;
}

#Contenu ol {
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0 0 12px 24px;
	padding: 0;
}
#Contenu ol li {
	list-style: decimal outside;
	padding: 0 0 5px 0;
}

/*- Classes pour les tableaux ----*/
/* 	NOTE : Il est important de garder le font-size sur le tableau et non de le 
	mettre sur les td, plus bas se trouve une liste d'ajustements pour les EM */
table.Tableau {
	margin: 6px 0 24px;
}
table.Tableau td {
	font-size: 1.3em;
	line-height: 1.5em;
	padding: 3px 10px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}
table.Tableau td.CelluleTitre {
	font-weight: bold;
	color: #2e6dae;
}
table.Tableau td.CelluleSousTitre {
}

/*--------------------------------------------------------------------------*/

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div#Contenu p p,
div#Contenu ul ul, 
div#Contenu ol ol, 
div#Contenu ol ul, 
div#Contenu ul ol,
table.Tableau ul,
table.Tableau ol,
table.Tableau p {
	font-size:1em;
}