.transactitle1 { width: 100%; font-size: 14px; color:#4a5c68; font-family:Arial, Tahoma, Verdana, sans-serif; margin: 0; }

/* CSS Document */
/********************************************************* 

Styles generaux
	background-image : 	<uri> | none;
	background-position: ;	[ [ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ]? ] | [ [ left | center | right ] || [ top | center | bottom ] ]
	background-repeat: repeat | repeat-x | repeat-y | no-repeat;
********************************************************/

body {
	margin:				0px;
	margin-top:			0px;
	padding:			0px;
	color: 				#3c464f;
	font-family: 		Arial, Tahoma, Verdana, sans-serif; 
	font-size: 			11px;
	border:				0px;
	background-color:	#FFF;
}


/* Pour IE qui ne supporte pas l'heritage (identique a body) */
TD {  
	font-family: 	Arial, Tahoma, Verdana, sans-serif; 
	font-size: 		11px; 
}

P {
	font-family: 	Arial, Tahoma, Verdana, sans-serif; 
	margin:			0px;
	padding:		0px;
}
/********************************************************* 

	DIVERS 
font-family : toujours finir par une famille generique.
	Arial, sans-serif
	Courier, Monospace
	Helvetica, sans-serif
	Palatino, serif
	Times, serif
	Verdana, sans-serif
	ZapfChancery, Cursive
font-style: normal | italic | oblique
font-variant: normal | small-caps
font-weight : normal (400)| bold (700)| bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
content : 	normal | none | [ <string> | <uri> | <counter> | attr(<identifier>) | open-quote | close-quote | no-open-quote | no-close-quote
********************************************************/

.big 		{ font-size: 14px; } /* Gros Texte */
.small 		{ font-size: 10px;  } /* Petit Texte */


/*********************************************************
	Raccourcis
	Stylse specifiques
	Classifier par ordre d'importance les couleurs de la charte
	Ces styles permettront de les utiliser
********************************************************/

.color1     { color: #fff;} /* blanc( */
.color2     { color: #58ad34; } /* vert */
.color3     { color: #408ebd; } /* bleu */
.color4     { color: #df0821; } /* red */
.color5     { color: #009b7b; } /* vertbleu */
.color6     { color: #637682 ;} /* gris */
.color7     { color: #3f3f3f ;} /* gris fonce */

.bgcolor1     { background-color: #fff; }
.bgcolor2     { background-color: #666;}
.bgcolor3     { background-color: #db0000; }
.bgcolor4     { background-color: #ea862a;}
.bgcolor5     { background-color: #febd2b; }
.bgcolor6     { background-color: #106d99; }

.border 	{ border: 1px solid #29385f; }
.noborder 	{ border: 0px; }

/* Attention, Erreurs, mises en gardes 
border-style : none,hidden,dotted,dashed,solid,double,groove,ridge,inset,outset 
border-top-style, border-right-style, border-bottom-style, border-left-style
overflow : scroll | hidden | visible | auto
*/
.warning	{
	color: 				#deecf6;
	font-weight: 		bold;
	font-size: 			11px;
}


/* Citations */
Q 			{ font-style: italic;}
 
/* Definition des caracteres de quotes (FF seulement) */
Q:lang(fr)	{quotes: '« ' ' »'; }
Q:lang(en)	{quotes: '" ' ' "'; }

Q:before 	{content : open-quote}
Q:after 	{content : close-quote}

/* A utiliser pour les acronymes en utilisant l'attribut title dans la balise pour la signification de l'acronyme (synthese vocale) */
ACRONYM {
   text-transform: uppercase
}

/* A utiliser pour les abbreviations en utilisant l'attribut title dans la balise pour la signification de l'abbreviation (synthese vocale) */
ABBR {
   text-transform: uppercase
}


/********************************************************* 
	LINKS - LIENS 
a:focus:hover { outline: thick solid black }
vertical-align : baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length>
text-decoration : none | [ underline || overline || line-through || blink ]
white-space : normal | pre | nowrap | pre-wrap | pre-line
********************************************************/

A:link 		{text-decoration: none; color: #00a3dd}
A:visited 	{text-decoration: none; color: #00a3dd}
A:hover 	{text-decoration: none; color: #3f3f3f}


#bg-menu A:link 	{text-decoration: none; color: #FFF}
#bg-menu A:visited 	{text-decoration: none; color: #FFF}
#bg-menu A:hover 	{text-decoration: none; color: #FFF; text-decoration: underline;}

.linecat1 A:link 	{text-decoration: none; color: #FFF}
.linecat1 A:visited 	{text-decoration: none; color: #FFF}
.linecat1 A:hover 	{text-decoration: none; color: #FFF; text-decoration: underline;}
/********************************************************* 
	PARAGRAPHES
	(le style par defaut des paragraphes est defini au debut du doc)
********************************************************/
/* Style pour la premiere lettre */
P.lettrine:first-letter {
	font-size:			16pt; 
	vertical-align: 	text-top; 
	text-indent: 		15px;
	text-transform: 	uppercase
}

/* style specifique pour la premiere ligne d'un paragraphe */
p.lettrine:first-line { 
	font-weight: 	bold;
}

/********************************************************* 

	TABLES 
	dont on se sert comme veritables tableau pour y fair apparaiter des données.
	Ceci ne concerne pas les tableaux qui structurent la page.

********************************************************/

/* Tableau de structure */

TABLE.struct {
	border: 0px;
	margin:0px;
	padding:0px;
}

/********************************************************* 
	LISTE
	
********************************************************/
/* Liste a puce de contenu NIV 1 */
UL {
	list-style-position: 	outside; /* outside, inside */
	list-style-image:url('../_img/puce03.gif');
	font-family:			Arial, Tahoma, Verdana, sans-serif;
	line-height: 			14px;
	padding-left:       	0px;
	margin:					0px;
	padding-left:20px;
}

/* Liste a puce de contenu NIV 2 */
UL LI UL {
	list-style-position: 	outside; /* outside, inside */
	list-style-image:		url('../_img/puce02.gif');
	font-family:			Arial, Tahoma, Verdana, sans-serif;
	line-height: 			14px;
	padding-left:       	20px;
	font-weight: 			normal;
	margin:					0px;
}

/* Liste a puce de contenu NIV 3 */
UL LI UL LI UL {
	list-style-position: 	outside; /* outside, inside */
	list-style-image:		url('../_img/puce03.gif');
	font-family:			Arial, Tahoma, Verdana, sans-serif;
	line-height: 			14px;
	padding-left:       	20px;
	font-weight: 			normal;
	margin:					0px;
}

/* Liste numerotee de contenu NIV 1 */
OL {
	list-style-type: upper-roman; 
}
/* Liste numerotee de contenu NIV 2 */
OL LI OL {
	list-style-type: upper-alpha; 
}

/* Liste numerotee de contenu NIV 3 */
OL LI OL LI OL {
	list-style-type: decimal; 
}

/*********************************************************
  FORMS - FORMULAIRES
********************************************************/

FORM {
	margin : 	0px;
	padding : 	0px;
}

/* Le titre des champs doivent se trouver dans une balise LABEL (accessibilite) */ 
LABEL {
	font-family: 	Arial, Tahoma, Verdana, sans-serif;
	font-size: 		11px;
	color:#637682;
}

/* Text Box*/
INPUT.fieldtextbox{
	border-top: 		1px solid #fff;
	border-right: 		1px solid #9c9c9c;
	border-bottom: 		1px solid #9c9c9c;
	border-left: 		1px solid #fff;
	background-color: 	#FFF;
	color:#676867;
	font-family: 		Arial, Tahoma, Verdana, sans-serif;
	font-size: 			11px;
	padding-left: 		2px;
	padding-right: 		2px;
}

/* Check Box*/
INPUT.fieldcheckbox {
	border: 0px;
}

/* Radio Box*/
INPUT.fieldradiobox {
	border: 0px;
}

INPUT.file{
	background-color: 	#FFF;
	padding-left:		2px;
	font-family: 		Arial, Tahoma, Verdana, sans-serif;
	font-size:			9px;
}

INPUT.button, INPUT.fieldbutton {
	color: 				#fff;
	font-family:     	Arial, Tahoma, Verdana, sans-serif;
	font-style:    		normal;
	font-weight: 		normal;
	font-size:    		10px;
	background-color:   #67717d;
	border-bottom: 		#9c9c9c solid 1px;
	border-right: 		#9c9c9c solid 1px;
	border-left: 		#9c9c9c solid 1px;
	border-top: 		#9c9c9c solid 1px;
	cursor: 			pointer;
}

INPUT.button:hover, INPUT.fieldbutton:hover {
	background-color:   #FFF;
	color: 				#df2a00;
}

SELECT.fieldlistbox {
	background-color:   #FFFFFF;
	color: 				#676867;
	font-family: 		Arial, Tahoma, Verdana, sans-serif;
	font-style:    		normal;
	font-size:    		10px;
	border-top: 		1px solid #fff;
	border-right: 		1px solid #9c9c9c;
	border-bottom: 		1px solid #9c9c9c;
	border-left: 		1px solid #fff;
}

SELECT.fieldlistbox OPTION {
	color: 				#676867;
	font-family: 		Arial, Tahoma, Verdana, sans-serif;
	font-style:    		normal;
	font-size:        	11px;
	background-color:   #FFFFFF;
}

TEXTAREA.fieldtextbox {
	border-top: 		1px solid #fff;
	border-right: 		1px solid #9c9c9c;
	border-bottom: 		1px solid #9c9c9c;
	border-left: 		1px solid #fff;
	background-color: 	#FFF;
	font-family: 		Arial, Tahoma, Verdana, sans-serif;
	font-size: 			11px;
	padding-left: 		2px;
}

/* Champs de formulaire inactif */
.disabled {
	visibility : 		hidden;
	color: 				#FFF;
	font-size: 			0px;
	font-family: 		Arial, Tahoma, Verdana, sans-serif;
	background-color:   transparent;
	border: 			#FFF solid 0px;
}

/* Champs de formulaire actif */
.enabled {
	visibility : 		visible;
	border-top: 		1px solid #DFDFDF;
	border-right: 		1px solid #DFDFDF;
	border-bottom: 		1px solid #DFDFDF;
	border-left: 		1px solid #DFDFDF;
	background-color: 	#FFF;
	font-family: 		Arial, Tahoma, Verdana, sans-serif;
	font-size: 			11px;
	padding-left: 		2px;
}

/* Impression */
.unprintable {
	display:	block;
}

@media print {
.unprintable { 
	display: 	none;
	visibility: hidden;
	}
}


/********************************************************* 
	 Titres
	dipaly: block,inline
********************************************************/	

/* Titre de page */
H1 {
font-size:24px;
height:28px;
padding-top:10px;
padding-left:20px;
color:#df0821;
font-weight:bold;
margin:0px;
background-image:url('../_img/puce-title.gif');
background-repeat:no-repeat;
background-position:left;
}

/* Titre de niveau 1 : I.,II.,III. */
H2 {
color:#4a5c68;
font-family:Arial, Tahoma, Verdana, sans-serif; 
font-size:12px;
font-weight:bold;
margin-left:-40px;
text-transform:uppercase;
border-bottom:solid 3px #719fc6;
}

H2 A:link 		{text-decoration: none; color: #00b9e9}
H2 A:visited 	{text-decoration: none; color: #00b9e9}
H2 A:hover 		{text-decoration: none; color: #3f3f3f}


/* Titre de niveau 2 : A),B),C) */
H3 {
color:#408ebd;
margin:0px;
font-family:Arial, Tahoma, Verdana, sans-serif; 
font-size:18px;
font-weight:bold;
border-bottom:solid 3px #408ebd;
}

/* Titre de niveau 3 : 1/,2/,3/ */
H4 {
color:#309bcc;
font-family:Arial, Tahoma, Verdana, sans-serif; 
font-size:10px;
font-weight:bold;
margin:0px;
background-image:url('../_img/puce02.gif');
background-position:left;
background-repeat:no-repeat;
padding-left:12px;
}

H5 {
color:#009b7b;
font-family:Arial, Tahoma, Verdana, sans-serif; 
font-size:10px;
font-weight:bold;
margin:0px;
text-transform:uppercase;
border-bottom:solid 3px #58ad34;
}




/********************************************************* 
	 STRUCTURE
********************************************************/	

DIV#main{
margin-left:auto;
margin-right:auto;
width:700px;
background-color: #FFF;
}

DIV#bg-head{
margin-left:auto;
margin-right:auto;
width:635px;
height:176px;
background-image:url('../_img/bg-head-home.jpg');
background-repeat:no-repeat;}

DIV#bg-head-cont{
margin-left:auto;
margin-right:auto;
width:700px;
height:121px;
background-image:url('../_img/bg-head-cont.gif');
background-repeat:no-repeat;}

DIV#head{
width:635px;
float:left;}

DIV#abonnes{
width:290px;
float:right;
margin-top:10px;
margin-left:14px;}

.titre-abonnes{
font-family:"Times New Roman", Times, serif;
color:#408ebd;
font-size:16px;
font-weight:bold;}

.txt-smll{
color:#408ebd;
font-size:9px;}

.hauteur-ligne{
height:24px;}

DIV#date{
margin-top:156px;
padding-left:15px;
float:left;
color:#1d5a92;}

DIV#date-cont{
margin-top:103px;
padding-left:15px;
float:left;
color:#1d5a92;}

DIV#logo{
margin-top:73px;
padding-right:60px;
float:right;}

DIV#logo-cont{
margin-top:23px;
padding-right:60px;
float:right;}

DIV#baseline{
height:20px;
padding-top:3px;
background-image:url('../_img/bg-baseline.gif');
background-repeat:repeat-x;
width:700px;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
font-family:"Times New Roman", Times, serif;
font-size:14px;
letter-spacing:2px;}

DIV#bg-menu{
width:700px;
height:17px;
padding-top:4px;
margin-left:auto;
margin-right:auto;
background-color:#1d5a92;
text-transform:uppercase;
color:#FFFFFF;}

.item-menu{
margin-right:50px;
}

.item-menu A:link 		{text-decoration: none; color: #ffffff; }
.item-menu A:visited 	{text-decoration: none; color: #ffffff; }
.item-menu A:hover 		{text-decoration: none; color: #c1ddf1; }
.item-menu A:active 	{text-decoration: none; color: #c1ddf1; }


DIV#cont-home{
background-image:url('../_img/bg-cont-home.gif');
background-repeat:repeat-y;
width:964px;
margin-left:auto;
margin-right:auto;}

DIV#cont{
width:700px;
margin-left:auto;
margin-right:auto;}

DIV#home-left{
width:475px;
float:left;}

DIV#home-right{
width:470px;
float:right;}

DIV#cont-left{
width:183px;
float:left;}

DIV#cont-right{
width:700px;
float:right;}

DIV.col01-cont{
width:690px;
float:left;
padding: 0px 5px 0px 5px;
}

DIV.col01{
width:340px;
float:left;}

DIV.skycrapper{
width:135px;
margin-top:10px;
margin-bottom:10px;
float:right;}

DIV.pub{
margin-top:10px;
margin-bottom:10px;}

.sep-white{
background-image:url('../_img/sep-white.gif');
background-repeat:no-repeat;
width:340px;
height:7px;}

.sep-bleu{
border-bottom:solid 1px #1d5a92;
margin-top:5px;}

.clearer{
clear:both;
height:1px;
font-size:1px;}


DIV#bg-bottom{
background-image:url('../_img/bg-bottom.gif');
background-repeat:repeat-x;
color:#FFFFFF;
width:964px;
height:19px;
padding-top:3px;
margin-left:auto;
margin-right:auto;
font-family:"Times New Roman", Times, serif;
font-size:12px;}

DIV#bg-bottom A:link 		{text-decoration: none; color: #ffffff; }
DIV#bg-bottom A:visited 	{text-decoration: none; color: #ffffff; }
DIV#bg-bottom A:hover 		{text-decoration: underline; color: #ffffff; }
DIV#bg-bottom A:active 		{text-decoration: underline; color: #ffffff; }

.lienred A:link 		{text-decoration: none; color: #df0821; }
.lienred A:visited 	{text-decoration: none; color: #df0821; }
.lienred A:hover 		{text-decoration: none; color: #408ebd; }
.lienred A:active 		{text-decoration: none; color: #408ebd; }

.odd{
margin:0px;
background-color:#FFFFFF;}

.even{
margin:0px;
background-color:#e6f1f9;}


.box-contenu-bordure{
border:solid 1px #878686;
padding:4px;
background-color:#FFFFFF;
margin-top:8px;
margin-bottom:8px;
}

.box-contenu-vertclair{
background-color:#cbe8aa;
padding:4px;
}

.box-contenu-vertclair A:link 		{text-decoration: none; color: #3c464f; }
.box-contenu-vertclair A:visited 	{text-decoration: none; color: #3c464f; }
.box-contenu-vertclair A:hover 		{text-decoration: underline; color: #55ad28; }
.box-contenu-vertclair A:active 		{text-decoration: underline; color: #55ad28; }


.sep-point{
background-image:url('../_img/sep_grise.gif');
background-repeat:repeat-x;
height:5px;
margin-bottom:3px;}

.titre-vert{
color:#55ad28;
font-size:16px;
font-weight:bold;}

DIV#fiche-technique{
margin:0px;}


DIV#fiche-technique H1 {
font-size:24px;
height:28px;
padding-top:10px;
padding-left:20px;
color:#80bfe5;
font-weight:bold;
margin:0px;
background-image:url('../_img/puce-title.gif');
background-repeat:no-repeat;
background-position:left;
}

.bg-titre-bleu{
background-color:#1d5a92;
padding-left:8px;
color:#FFFFFF;
font-size:18px;
font-weight:bold;}

.titre-blanc{
color:#FFFFFF;
font-size:20px;
font-weight:bold;}

.bloc-bleu-clair{
background-color:#e6f1f9;}

.bloc-recherche{
width:390px;
margin-left:auto;
margin-right:auto;}


.box-contenu-bleuclair{
background-color:#c1ddf1;
padding:4px;
}

.titre-red{
color:#df0821;
font-size:14px;
font-weight:bold;}

.sep-verticale{
background-image:url('../_img/sep_grise-verticale.gif');
background-repeat:repeat-y;}

.month { font-size: 15px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
.linecat1 { background-color: #1d5a92; padding: 2px 5px 2px 5px; color: #FFF; }
.line1odd { padding: 5px; background-color: #c4d4e2; }
.line1even { padding: 5px; background-color: transparent; }
.hiddensub { border-top: 1px dotted #1d5a92; padding: 3px 5px 3px 5px; margin-top: 5px; }