/*
 * branche.css : Styles generaux de branche
 */

/*
 * Styles propres a la branche
 */

/* Corps de la page */
.corps {
	color:			Black;
	font-size:		12px;
}

/* Titre de branche */
.titreBranche {
	height:			22px;
	margin:			0 auto;
	padding:		20px 0 0 0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:		normal;
	font-weight:		bold;
	font-size:		20px;
	text-align:		center;
}

.respBranche {
	width:			560px;
	height:			14px;
	margin:			20px auto;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:		normal;
	text-align:		center;
}

#webBranche {
	float:			center;
}

#majBranche {
	float:			center;
}

/* Contenu de la page */
.contenu {
	color:			Black;
	font-size:		12px;
}

/* Texte de branche */
.texteBranche {
	margin:			0 auto;
	padding:		12px 0 0 0;
}

.texteBoldBranche {
	margin:			0 auto;
	padding:		12px 0 0 0;
	font-weight:		bold;
}

.texteBoldGrayBranche {
	margin:			0 auto;
	padding:		12px 0 0 0;
	color:			#7F7F7F;
	font-weight:		bold;
}

.texteBoldGreenBranche {
	margin:			0 auto;
	padding:		12px 0 0 0;
	color:			#00BF00;
	font-weight:		bold;
}

.texteBoldRedBranche {
	margin:			0 auto;
	padding:		12px 0 0 0;
	color:			Red;
	font-weight:		bold;
}

.texteCentreBranche {
	margin:			0 auto;
	padding:		12px 0 0 0;
	text-align:		center;
}

.texteCentreBackgroundLemonBranche {
	margin:			12px 0 0 0;
	padding:		0;
	text-align:		center;
	background:		LemonChiffon;
}

.texteEncadreBranche {
	margin:			12px 0 0 0;
	padding:		5px 10px;
	border:			1px solid Black;
}

.texteExtraBranche {
	margin:			0 auto;
	padding:		0 10px;
	color:			White;
	background:		#03A5CF;
	font-size:		10px;
	font-weight:		bold;
	text-align:		center;
	letter-spacing:		1px;
	border:			1px solid #1E4A73;
}

.texteIntraBranche {
	margin:			0 auto;
	padding:		0 10px;
	color:			Gold;
	background:		#03A5CF;
	font-size:		10px;
	font-weight:		bold;
	text-align:		center;
	letter-spacing:		1px;
	border:			1px solid #1E4A73;
}

.texteItaliqueBranche {
	margin:			0 auto;
	padding:		12px 0 0 0;
	font-style:		italic;
}

.texteSouligneBranche {
	margin:			0 auto;
	padding:		12px 0 0 0;
	text-decoration:	underline;
}

.texteBoldSouligneBranche {
	margin:			0 auto;
	padding:		12px 0 0 0;
	font-weight:		bold;
	text-decoration:	underline;
}

/* Sous-titre de branche */
.soustitreBranche {
	height:			18px;
	margin:			0 auto;
	padding:		16px 0 0 0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-style:		normal;
	font-weight:		bold;
	font-size:		16px;
	text-align:		center;
}

/* Image de branche */
.imageCarteBranche {
	margin:			15px 2px 0 2px;
}

/* Image de branche */
.imageCarteFrBranche {
	margin:			15px 2px 0 15px;
}

.imageCartesBranche {
	margin:			15px 2px;
}

.imageChronoBranche {
	margin:			15px 0 0 0;
}

/* Table de Branche */
.tableBranche {
	margin:			0 auto;
	padding:		12px 0 0 0;
	color:			Black;
	font-size:		12px;
	text-align:		center;
}

.tableBrancheSansPadding {
	margin:			0 auto;
	padding:		0;
	color:			Black;
	font-size:		12px;
	text-align:		center;
}

.tableSouligneBranche {
	margin:			0 auto;
	padding:		12px 0 0 0;
	color:			Black;
	font-size:		12px;
	text-align:		center;
	border-bottom:		1px solid Black;
}

.tableEncadreBranche {
	margin:			15px 0 0 0;
	padding:		12px 0 0 0;
	color:			Black;
	font-size:		12px;
	text-align:		center;
	border-collapse:	collapse;
}

.tableEncadre400Branche {
	width:			400px;
	margin:			15px 0 0 180px;
	padding:		12px 0 0 0;
	color:			Black;
	font-size:		12px;
	text-align:		center;
	border-collapse:	collapse;
}

.tableImageCourbeBranche {
	width:			660px;
	margin:			10px 50px 0 50px;
	padding:		12px 0 0 0;
	color:			Black;
	font-size:		12px;
	text-align:		center;
}

/* Texte de table de Branche */

.texteEncadreTableBranche {
	padding:		2px 0;
	border:			1px solid Black;
}

.texteCentreEncadreTableBranche {
	height:			50px;
	text-align:		center;
	border:			1px solid Black;
}

.texteBoldTableBranche {
	padding:		2px 0;
	font-weight:		bold;
}

.texteBoldEncadreTableBranche {
	padding:		2px 0;
	font-weight:		bold;
	border:			1px solid Black;
}

.texteDroiteTableBranche {
	text-align:		right;
}

.texteBoldDroite70TableBranche {
	width:			70px;
	font-weight:		bold;
	text-align:		right;
}

.texteBoldDroite115TableBranche {
	width:			115px;
	font-weight:		bold;
	text-align:		right;
}

.texteBoldDroite120TableBranche {
	width:			120px;
	font-weight:		bold;
	text-align:		right;
}

.texteGaucheTableBranche {
        text-align:		left;
}

.texteJustifieTableBranche {
	text-align:		justify;
}

.texteBoldJustifieTableBranche {
	font-weight:		bold;
	text-align:		justify;
}

.texteSouligneJustifie130TableBranche {
	width:			130px;
	text-decoration:	underline;
	text-align:		justify;
	vertical-align:		top;
}

.texte130TableBranche {
        width:                  130px;
}

.texte76TableBranche {
        width:                  76px;
}

.texte60TableBranche {
        width:                  60px;
}

/* Image de table de Branche */
.imageCourbeEncadreTableBranche {
	border:			1px solid Black;
}

/* Logos des Services d'Observations */
ul.logo {
	height:			100px;
	margin:			20px 0 0 0;
	padding:		0;
}

/* Elements des logos */
li.itemLogo {
	height:			100px;
	list-style:		none;
}

/* Style pour chaque logo */
#ctohLogo {
	width:			89px;
	float:			left;
}

#rosameLogo {
	width:			88px;
 	margin-left:		88px;
	float:			left;
}

#sssLogo {
	width:			100px;
	margin-left:		88px;
	float:			left;
}

#dorisLogo {
	width:			67px;
	margin-left:		88px;
	float:			left;
}

#pirataLogo {
	width:			62px;
	margin-left:		89px;
	float:			left;
}

/* Noms des Services d'Observations */
ul.obs {
	height:			12px;
	margin:			20px 0 0 0;
	padding:		0;
	font-size:		10px;
	border-top:		1px solid Black;
}

/* Elements des noms */
li.itemObs {
	height:			12px;
	list-style:		none;
	text-align:		center;
}

/* Style pour chaque nom */
#ctohObs {
	width:			89px;
	float:			left;
}

#rosameObs {
	width:			88px;
 	margin-left:		88px;
	float:			left;
}

#sssObs {
	width:			100px;
	margin-left:		88px;
	float:			left;
}

#dorisObs {
	width:			67px;
	margin-left:		88px;
	float:			left;
}

#pirataObs {
	width:			62px;
	margin-left:		89px;
	float:			left;
}

/* Style pour infobulle */
#infobulle {
	position:		absolute;
	visibility:		hidden;
	padding:		5px;
	color:			Black;
	background:		White;
	border:			1px solid Black;
	font:			10px Verdana, Arial, Helvetica, sans-serif;
	font-style:		normal;
}

.titreInfobulle {
	font-weight:		bold;
}

.texteInfobulle {
	font-weight:		normal;
}