/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : -
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 00 mois 0000
//----------------------------------------------------------------------------*/
@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: #707070;
	background: #fff url(/images/Pg_Page.png) no-repeat 50% 0%;
}
h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #f58026;
	text-transform: uppercase;
}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #f58026;
	text-transform: uppercase;
}
h4, h5, h6 {
	font-size: 1.1em;
	font-weight: normal;
	color: #000;
}
a { color: #000; text-decoration: none; outline: none; }
a:hover { color: #f58026; }
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}
div.HR {
	height: 1px;
	background: url(/images/Bg_HR.png) no-repeat;
	margin: 24px 0 10px;
	overflow: hidden;
}
/*- Styles communs à toutes les pages -----------------------------------------*/
.Clearer { clear: both; }
.AligneGauche { float: left; }
.AligneDroite { float: right; }

#Wrapper { width: 951px; margin: 0 auto; }

/*-- Entete fixe du site --*/
#Entete {
	position: relative;
	height: 100px;
}
#Entete .Logo { padding: 42px 0 0 20px; }
#Entete .NavFixe {
	position: absolute;
	right: 0px; top: 0px;
	background: url(/images/Bg_Entete_NavFixe.png) repeat-x;
	padding: 0 8px;
}
#Entete .NavFixe li { float: left; padding: 0 12px; }
#Entete .NavFixe li a {
	display: block;
	font-size: 1.1em;
	color: #7d7d7d;
	line-height: 25px;
}
#Entete .NavFixe li a:hover,
#Entete .NavFixe li a.On { color: #000; }

/*-- Haut de page pour Flash / Image --*/
#HautPage { position: relative; margin: 0 0 4px; }
#HautPage .Texte { position: absolute; left: 18px; top: 16px; width: 250px; }
#HautPage .Texte p { font-weight: bold; text-transform: uppercase; }
#HautPage .Texte p.Section { font-size: 1.1em; color: #f58026; margin: 0 0 .6em; }
#HautPage .Texte p.Titre { font-size: 2em; color: #fff; line-height: 1em; }

/*-- Corps principal du site --*/
#Corps {
	min-height: 600px;
	background: url(/images/Bg_Corps.png) no-repeat;
	padding: 5px 5px 0;
}
#ColG { float: left; width: 187px; }
#ColD { float: left; width: 754px; }
#Contenu { padding: 0 18px 36px; }

/*-- Pied de page fixe du site --*/
#PiedPage {
	position: relative;
	height: 175px;
	background: url(/images/Bg_PiedPage.png) no-repeat;
	margin: 0 auto;
	padding-top: 18px;
	clear: both;
}
#PiedPage .Col {
	float: left;
	width: 215px; min-height: 110px;
	background: url(/images/Bg_PiedPage_NavFixe.gif) no-repeat;
	padding-left: 20px;
}
#PiedPage .Col.EdgeItem { background-image: none; }
#PiedPage .Col h4 { margin: 0 0 .8em; }
#PiedPage .Col li { margin: 0 0 .3em; }
#PiedPage .Col li a { color: #707070; }
#PiedPage .Col li a:hover { color: #f58026; }
#PiedPage .NavFixe { position: absolute; right: 0px; top: 155px; }
#PiedPage .NavFixe li { float: left; font-size: 1.1em; margin-right: 18px; }
#PiedPage .NavFixe li a { color: #7d7d7d; }
#PiedPage .NavFixe li a:hover,
#PiedPage .NavFixe li a.On { color: #000; }
#PiedPage .Partager { position: absolute; left: 0px; top: 155px; }
#PiedPage .Partager li { float: left; font-size: 1.1em; padding-left: 18px; }

/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	position: absolute;
	right: 0px; bottom: 0px;
	font-size: 1.2em;
	text-transform: uppercase;
}
#MenuPrincipal li {
	float: left;
	background: url(/images/Bg_MenuPrincipal.png) no-repeat 100% 100%;
	padding: 0 2px 1px 0;
}
#MenuPrincipal li a {
	display: block;
	color: #000;
	line-height: 33px;
	padding: 0 16px;
}
#MenuPrincipal li a:hover,
#MenuPrincipal li a.On {
	color: #000;
	background: url(/images/Bg_MenuPrincipal_Item.png) no-repeat 100% 100%;
}
#MenuPrincipal li a span {
	display: block;
	background: url(/images/Puce_Liste.gif) no-repeat 0% 50%;
	padding-left: 12px;
}

#SousMenu {
	min-height: 230px;
	background: url(/images/Bg_ColG.png) no-repeat;
	padding: 1px 1px 1px 0;
}
#SousMenu ul { font-size: 1.1em; text-transform: uppercase; border-left: 1px solid #d2d2d2; }
#SousMenu ul li { background: url(/images/Bg_colG_SousMenu.png) no-repeat 0% 100%; padding: 1px 1px 2px; }
#SousMenu ul li a { display: block; color: #000; padding: 8px 16px; }
#SousMenu ul li a:hover,
#SousMenu ul li a.On { background: url(/images/Bg_colG_SousMenu_Item.png) no-repeat 0% 0%; }
#SousMenu ul li a.On { font-weight: bold; }
#SousMenu ul ul { font-size: 1em; padding-bottom: 8px; border-left: 0; }
#SousMenu ul ul li { background-image: none; padding: 0; }
#SousMenu ul ul li a { color: #707070; padding: 4px 12px 4px 28px; }
#SousMenu ul ul li a:hover { color: #f58026; background-image: none; }
#SousMenu ul ul li a.On { color: #707070; background: url(/images/Puce_Liste.gif) no-repeat 16px 7px; }

#SousMenu .Pub {
	min-height: 130px;
	background: url(/images/Bg_ColG_Pub.png) no-repeat 0 0;
	padding: 20px 1px 1px;
}
#SousMenu .Pub p { text-align: center; margin: 0 0 16px; }

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
body.Accueil #Contenu {
	min-height: 78px;
	background: url(/images/Bg_Acc_Contenu.png) no-repeat;
	padding: 18px 0;
}
body.Accueil #Contenu .Col {
	float: left;
	width: 277px;
	padding-left: 18px;
	margin-right: 18px;
}
body.Accueil #Contenu h2 { color: #000; border-bottom: 0; margin: 0 0 .8em; padding: 0; }
body.Accueil #Contenu p.Titre { font-size: 1.3em; font-weight: bold; color: #000; margin: 0 0 .2em; }
body.Accueil #Contenu p { font-size: 1.2em; margin: 0 0 .8em; }

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#ColG p.Section {
	font-size: 1.6em; font-weight: bold; color: #fff;
	line-height: 1em; text-transform: uppercase;
	background: #f58026;
	padding: 10px 16px; margin: 0 0 1px;
}
#Contenu h1 { margin: 0 0 .8em; }

#Contenu h2 { border-bottom: 1px solid #c2c2c2; padding-bottom: .3em; }
#Contenu h2 span { color: #000; }
#Contenu h2 a { color: #f58026; }
#Contenu h2 a:hover { color: #000; }

#Contenu h2, #Contenu h3,
#Contenu h4, #Contenu h5, #Contenu h6 { margin: 1.8em 0 .8em; }
#Contenu p { font-size: 1.3em; margin: 0 0 1.2em; }

#Contenu p.Titre { font-weight: bold; color: #464646; margin: 0 0 .3em; }
#Contenu p.Titre span { font-weight: normal; color: #f58026; }
#Contenu p.Date { float: left; color: #464646; margin: 0; }
#Contenu p.Date span { color: #f58026; }
#Contenu img.Liste { float: right; margin: 0 0 0 75px; }

/*-- Fil d'Ariane --*/
#FilAriane { height: 45px; padding-left: 18px; }
#FilAriane li {
	float: left;
	font-size: 1.1em;
	line-height: 40px;
	text-transform: uppercase;
	background: url(/images/Bg_FilAriane.gif) no-repeat 8px 50%;
	padding-left: 22px;
}
#FilAriane li.EdgeItem { background-image: none; padding-left: 0; }
#FilAriane li a { color: #707070; }
#FilAriane li a:hover { color: #f58026; }
#FilAriane li strong { color: #000; }

/*-- Listing de produits --*/
#Contenu div.Produit { float: left; width: 330px; margin: 0 50px 18px 0; }
#Contenu div.Produit.EdgeItem { margin-right: 0; }
#Contenu div.Produit a:hover { color: #707070; }

/*-- Détails d'un produit --*/
#Contenu div.ColG { float: left; width: 480px; margin-right: 23px; }
#Contenu div.ColD { float: left; width: 215px; }

#Contenu div.ColD .Couleurs { margin: 0 0 14px; }
#Contenu div.ColD .Couleurs h4 { float: left; text-transform: uppercase; margin: 0 8px 0 0; }
#Contenu div.ColD .Couleurs p { float: left; margin: 0; }
#Contenu div.ColD .Couleurs p a { display: block; }
#Contenu div.ColD .Couleurs p a.On { background: url(/images/Puce_Couleur.gif) no-repeat 0% 0%; }
#Contenu div.ColD .Bloc {
	background: #e5e5e5 url(/images/Bg_Produits_Bloc.png) no-repeat 0% 100%;
	padding: 12px 16px 6px;
	margin: 0 0 1px;
}
#Contenu div.ColD .Bloc p { font-size: 1.1em; margin: 0 0 .6em; }
#Contenu div.ColD .Bloc p strong { font-size: 1.1em; }

/*-- Recherche de dépositaire --*/
#SousMenu .RechercheSepar {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	line-height: 24px;
	text-align: center;
	border-left: 1px solid #d2d2d2;
	background: url(/images/Bg_Recherche_Ou.gif) no-repeat;
}
#SousMenu .Recherche { padding: 12px 16px 8px; border-left: 1px solid #d2d2d2; }
#SousMenu .Recherche p { font-size: 1.1em; margin: 0 0 1em; }
#SousMenu .Recherche p label {
	display: block;
	font-weight: bold;
	color: #f58026;
	text-transform: uppercase;
	margin: 0 0 .5em;
}

/*-- Résultats de recherche de dépositaire --*/
#Tabs { }
#Tabs .Nav {
	height: 32px;
	font-size: 1.4em;
	font-weight: bold;
	background: url(/images/Bg_Tabs_Nav.gif) repeat-x 0% 100%;
	margin: 0;
}
#Tabs .Nav li { float: left; list-style: none none;	padding: 0 10px 0 0; }
#Tabs .Nav li a {
	display: block;
	line-height: 30px;
	color: #7d7d7d;
	background: #fff url(../images/Bg_Tabs_Nav_Item.png) no-repeat 1px 1px;
	border: 1px solid #c2c2c2;
	border-bottom: 0;
	padding: 0 12px;
}
#Tabs .Nav li a:hover { color: #000; }
#Tabs .Nav li a.On { color: #f58026; line-height: 31px; background-image: none; }

#Tabs .Tab { background: #c2c2c2 url(../images/Bg_Tabs_Tab.png) no-repeat 0% 100%; padding-left: 1px; }
#Tabs .Depositaire {
	background: #fff url(/images/Bg_Depositaire.png) no-repeat 100% 0%;
	border-top: 1px solid #c2c2c2;
	padding: 6px 6px 12px 20px;
}
#Tabs .Depositaire.EdgeItem { border-top: 0; }
#Tabs .Depositaire h3 { margin: .9em 0 .4em; }
#Tabs .Depositaire a { color: #f58026; }
#Tabs .Depositaire a:hover { color: #000; }

/*- Styles pour Plan du site --------------------------------------------------*/
ul#PlanSite {
	
}

/*- Styles pour formulaires ----------------------------------------------------*/
#Contenu .Formulaire { margin: 0 0 1.5em; }
#Contenu .Formulaire.Gauche { float: left; width: 352px; margin-right: 14px; }
#Contenu .Formulaire.Droite { float: left; width: 352px; }
#Contenu .Formulaire h2 { margin: 0; }
#Contenu .Formulaire .Champs { border: 1px solid #c2c2c2; border-top: 0; padding: 14px 12px 10px; }
#Contenu .Formulaire .Champs p { font-size: 12px; margin: 0 0 .8em; }
#Contenu .Formulaire .Champs p label {
	display: block;
	font-weight: bold;
	color: #464646;
	margin: 0 0 .6em;
}
#Contenu .Formulaire .Champs p.Checkbox input,
#Contenu .Formulaire .Champs span.Checkbox input {
	display: block;
	float: left;
	height: 20px;
	margin: 0 3px;
}
#Contenu .Formulaire .Champs p.Checkbox label {
	float: left;
	line-height: 20px;
}
#Contenu .Formulaire .Champs span.Checkbox { display: block; margin: 0 0 2em; clear: both; }
#Contenu .Formulaire .Champs span.Checkbox br { clear: both; }
#Contenu .Formulaire .Champs span.Checkbox label {
	display: block;
	float: left;
	width: 160px; 
	font-size: 1.2em;
	line-height: 20px;
	margin-right: 18px;
}

#Contenu .Formulaire .Champs.Hori p { height: 20px; margin: 0 0 .4em; }
#Contenu .Formulaire .Champs.Hori p label,
#Contenu .Formulaire .Champs.Hori p.Checkbox span {
	float: left;
	width: 120px;
	font-weight: normal;
	color: #707070;
	line-height: 20px;
	margin: 0;
}
#Contenu .Formulaire .Champs.Hori p.Checkbox label { width: auto; margin: 0 .8em 0 0; }

#Contenu .TxtErreur { color: #f58026; }
#Contenu div.SommaireValidation {
	color: #f58026 !important;
	background: #ffefe2;
	border: 1px solid #f58026;
	padding: 2px 6px;
	margin: 0 0 2em;
}
#Contenu div.SommaireValidation ul { font-size: 1.2em; font-weight: bold; margin-bottom: 0; }
#Contenu div.SommaireValidation ul li { list-style-image: none; padding: .2em 0; }

input, textarea, select,
.TxtBox, .TxtArea, .SelectList {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
.TxtBox, .TxtArea, .SelectList {
	color: #707070;
	background:	#efefef;
	border: 1px solid #e3e3e3;
	padding: 2px 4px;
}
.TxtArea { overflow: auto; }
.SelectList { padding: 1px; }

a.Btn {
	display: inline-block;
	font-size: 11px;
	background: url(/images/Puce_Lien.gif) no-repeat 0% 0%;
	padding-left: 24px;
}
a.BtnForm {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(/images/Puce_Lien.gif) no-repeat 0% 0%;
	padding-left: 24px;
}

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

/*- Classes pour les textes ----*/
#Contenu p.TexteSpecial { color: #FF9933; }
#Contenu span.TexteSpecial { color: #FF9933; }

#Contenu .TextePetit { font-style: italic; }
#Contenu p.TextePetit { font-size: 1.1em; }
#Contenu span.TextePetit { font-size: 0.85em; }

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

/*- Classes pour les images ----*/
img.ImageContour {
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	padding: 0 1px 1px 0;
}
img.ImageGauche {
	float: left;
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	padding: 0 1px 1px 0;
	margin:	0 18px 12px 0;
}
img.ImageDroite {
	float: right;
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	padding: 0 1px 1px 0;
	margin: 0  0 12px 18px;
}

/*- 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; margin: 0 0 1em 24px; }
#Contenu ul li { list-style: disc outside url(/images/Puce_Liste.gif); padding: 0 0 .8em; }
#Contenu ul ul { margin: .8em 0 0 24px; }
#Contenu ul ul li { list-style-image: url(/images/Puce_Liste_Tableau.gif); padding: 0 0 .8em; }

#Contenu table ul { font-size: 1.1em; margin: 0 0 1em 18px; }
#Contenu table ul li { list-style-image: url(/images/Puce_Liste_Tableau.gif); }
#Contenu ol { font-size: 1.3em; margin: 0 0 1em 24px; }
#Contenu ol li { list-style-position: outside; padding: 0 0 .8em; }

/*- 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 {
}
table.Tableau td {
	font-size: 1.2em;
	padding: 6px 12px;
	vertical-align: top;
}
table.Tableau td.CelluleTitre {
}
table.Tableau td.CelluleSousTitre {
	color: #000;
}
table.Tableau td.CelluleSousTitreAlt {
	color: #000;
	background: #e5e5e5;
}
table.Tableau td.CelluleAlt {
	background: #e5e5e5;
}

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

/*- 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;
}

.BulleGMap{
	padding:20px 0 20px !important;
}
.BulleGMap h3{
	font-size:13px !important;
	margin:0 0 5px !important;
}
.BulleGMap p{
	font-size:11px !important;
	margin:0 !important;
	float:none !important
}
#Tabs #PaginationDepositaires{
	background:#FFF;
	border-right:1px solid #c2c2c2;
	padding:12px 5px 0 20px;
	border-bottom:1px solid #c2c2c2;
	height:30px;
}
#Tabs #PaginationDepositaires select{
	float:right;
	width:140px;
}
#Tabs #PaginationDepositaires ul{
	margin:0;
	float:left;
}
#Tabs #PaginationDepositaires ul li{
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
}
#Tabs #PaginationDepositaires ul li a{
	display:inline-block;
	width:16px;
	height:16px;
	border:1px solid #c2c2c2;
	background:url(/images/Bg_Entete_NavFixe.png) repeat-x 0 0;
	text-align:center;
	line-height:16px;
}
#Tabs #PaginationDepositaires ul li a:hover{
	background:#f58025;
	color:#FFF;
	border-color:#000;
}
#Tabs #PaginationDepositaires ul li a.On{
	background:#FFF;
	border-color:#f58025;
	color:#f58025;
}