@import 'home.css';
@import 'menu.css';
@import 'lien.css';


body {
	font-size:			11px;
	color:				#6B6567;
	background-color:	#eff1f3;
}
td, div, span {
	font-size:			11px;
}

span.Content 
{
	font-size:			11px;
	color:				#6B6567;
}
span.ContentColor
{
	font-size:			11px;
	color:				#527BB9;
}

span.ContentGris
{
	font-size:			11px;
	color:				#b0a0a0;
}

h1
{
	font-family:		Corpoa;
	font-size:			19px;
	color: 				#181b1c;
	font-weight:		normal;
}

h3
{
	font-family:		Arial;
	font-size:			12px;
	color: 				#181b1c;
	font-weight:		normal;
	visibility:			visible;
}

.TitleSite
{
	font-family:		Corpoa;
	font-size:			24px;
	color: 				#585f66;
	font-weight:		normal;
}

.colorText
{
	color:#37b9f3;
}

span.Obligatoire
{
	color:	red;
}

a.copyright, span.copyright
{
    COLOR: #666666;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    TEXT-DECORATION: none;
}

a.copyright:hover
{
    COLOR: #666666;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    TEXT-DECORATION: underline;
}

UL.ContentBreve LI
{
	font-family:			Arial;
	font-size:				11px;
	color:					#6B6567;
	
	background-image:		url('/images/default/fond_breves.gif');
	background-repeat:		repeat-x;
	background-position:	bottom left;
	padding:				15px 8px 8px 8px;
}
UL.ContentBreve li h2
{
	font-weight:			bold;
	color:					#003366;
	margin:					10px 0px 0px 0px;	
	height:					30px;
	font-size:				11px;
	font-weight:			bold;
}


div.breve
{
	font-family:			Arial;
	font-size:				11px;
	color:					#6B6567;
	
	background-image:		url('/images/default/fond_breves.gif');
	background-repeat:		repeat-x;
	background-position:	bottom left;
	padding:				15px 8px 8px 8px;
}
div.breve h2
{
	font-weight:			bold;
	color:					#003366;
	margin:					10px 0px 0px 0px;	
	height:					30px;
	font-size:				11px;
	font-weight:			bold;
}


div.contenu
{
	font-family:			Arial;
	font-size:				11px;
	color:					#6B6567;
	
}

div.contenu a, div.contenu a:visited
{
	color:					#003366;
	text-decoration:		none;
}
div.contenu a:hover
{
	text-decoration:		underline;
}


div.Content
{
	margin-left:			7px;
	margin-right:			7px;
	
	font-family:			Arial;
	font-size:				11px;
}

div.Content h2.Title
{
	background-image:		url('/images/default/content_title_back_light.jpg');
	background-repeat:		repeat-x;
	background-position:	top left;

	font-size:				13px;
	font-weight:			bold;

	height:					31px;
	line-height:			31px;
	
	padding-left:			12px;
	
	margin-bottom:			0;
	margin-top:				0;
}


div.Content h2.TitlePlus, div.Content h2.TitleMoins
{
	background-image:		url('/images/default/content_title_back.gif');
	background-repeat:		repeat-x;
	background-position:	top left;
	
	height:					30px;
	
	cursor:					pointer;
	margin-bottom:			0;
	margin-top:				0;
}
div.Content h2.TitlePlus div.content, div.Content h2.TitleMoins div.content
{
	font-family:			Arial;
	font-size:				11px;
	color:					#003366;
	font-weight:			bold;

	line-height:			30px;
	padding-left:			28px;
}

div.Content h2.TitlePlus div.icon
{
	margin-top:				6px;
	margin-left:			5px;
	
	background-image:		url('/images/default/ico_plus.gif');
	width:					20px;
	height:					20px;
	background-repeat:		no-repeat;
	position:				absolute;
}

div.Content h2.TitleMoins div.icon
{
	margin-top:				6px;
	margin-left:			5px;
	
	background-image:		url('/images/default/ico_moins.gif');
	width:					20px;
	height:					20px;
	background-repeat:		no-repeat;
	position:				absolute;
}

div.ContentPlusMoins
{
	margin-left:			6px;
	margin-right:			6px;
	margin-bottom:			22px;
	
}

div.ContentPlusMoins table
{
	margin-top:				8px;
}


/*

	ZONE BREVE DROITE

*/
div.BreveRight
{
	margin-right:			5px;
	font-size:				0;			/* Pour le callage !!	*/
}

div.BreveRight div.Button
{
	background-image:		url('/images/default/bandeau_essai_modele_fond.jpg');
	background-repeat:		no-repeat;
	background-position:	top left;
	
	height:					33px; 
	
	cursor:					pointer;
	margin-bottom:			0;
	padding-left:			10px;
}

div.BreveRight a, div.BreveRight a:hover, div.BreveRight a:visited
{
	font-family:			Arial;
	color:					#003366;
	font-weight:			bold;
	font-size:				11px;
}


div.BreveRight div.Newsletter
{
	background-image:		url('/images/default/bandeau_essai_modele_bottom.jpg');
	background-repeat:		no-repeat;
	
	height:					72px;
	
	color:					#003366;
	font-family:			Arial;
	font-size:				11px;
	
	padding-left:			41px;
}

div.BreveRight div.Newsletter input
{
	font-size:				10px;
	height:					16px;
	padding-left:			8px;
	border:					1px solid #000000;
	width:					146px;
}

div.MiseEnAvantVO
{
	
}

div.MiseEnAvantVO div.Fond
{
	background-image:		url('/images/default/font_vo_moment.jpg');
	background-repeat:		no-repeat;
	
	width:					300px;
	height:					211px;
}
	
div.MiseEnAvantVO div.Button1
{
	background-image:		url('/images/default/font_vo_moment_lien1.jpg');
	background-repeat:		no-repeat;
	
	height:					23px;
	line-height:			23px;
}

div.MiseEnAvantVO div.Button2
{
	background-image:		url('/images/default/font_vo_moment_lien2.jpg');
	background-repeat:		no-repeat;
	
	height:					26px;
	line-height:			23px;
}
	
div.MiseEnAvantVO div.Button1, div.MiseEnAvantVO div.Button2
{
	font-family:			Arial;
	color:					#003366;
	font-weight:			bold;
	font-size:				11px;
	
	cursor:					pointer;
	padding-left:			26px;
}

.title
{
	font-weight:			bold;
	font-size:				12px;
}

.Text
{
	font-size : 			11px;
	color:					#3A4147;
}
.MapHoraires
{
	background-color : 		#FFFFFF;
	border : 				1px solid #DADADA;
	padding : 				10px;
	margin-top:				5px;
	width : 				300px;
}
.MapActivitesTitle
{
	font-size : 		11px;
	color:				#3A4147;
	font-weight :		bold;
}
.MapDetailsDistributeurRow
{
	background-image : 	url( /images/fond_row_middle.gif );
	width : 			100%;
	height:				37px;
}


a.MBLink
{
    padding-left: 10px;
    background-color: transparent;
    background-image: url(/images/link_arrow.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0px 5px;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #003366;
}

a.MBLink:hover
{
    padding-left: 10px;
    background-color: transparent;
    background-image: url(/images/link_arrow_hi.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0px 5px;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #00adef;
}





/*
	CONTENT TEMPLATES
*/
.ContentLayout
{
}

.ContentLayout .ColumnContenu
{
}
.ContentLayout .ColumnImage
{
}

UL.ContentListItem
{
	list-style-type: 	none;
	margin:				0;
	padding:			0;
}

UL.ContentZone
{
	list-style-type: 	none;
	margin:				0;
	padding:			0;
}




a.BrevesBandeaux, a.BrevesBandeaux:hover
{
	font-family:			Arial;
	font-size:				13px;
	text-decoration:		none;
	color: 					<xsl:choose>
								<xsl:when test="count($CurrentPropertiesNode/propertie[@name='Link_Color'])>0"><xsl:value-of select="$CurrentPropertiesNode/propertie[@name='Link_Color']" />;</xsl:when>
								<xsl:otherwise>#FFFFFF;</xsl:otherwise>
							</xsl:choose>
	
	/*
	padding-left: 			10px;
	background-color: 		transparent;
	background-image: 		url(/includedb/images/MB2/link_arrow_white.gif);
	background-repeat:		no-repeat;
	background-attachment: 	scroll;
	background-position: 	0px 5px; */
	font-weight: 			normal;
}
a.BrevesBandeaux:hover
{
	text-decoration:		none;
	
	color: 					<xsl:choose>
								<xsl:when test="count($CurrentPropertiesNode/propertie[@name='Link_ColorRoll'])>0"><xsl:value-of select="$CurrentPropertiesNode/propertie[@name='Link_ColorRoll']" />;</xsl:when>
								<xsl:otherwise>#FFFFFF;</xsl:otherwise>
							</xsl:choose>
}
a.BrevesBandeaux:active
{
	text-decoration:		none;
	
	color: 					<xsl:choose>
								<xsl:when test="count($CurrentPropertiesNode/propertie[@name='Link_ColorActive'])>0"><xsl:value-of select="$CurrentPropertiesNode/propertie[@name='Link_ColorActive']" />;</xsl:when>
								<xsl:otherwise>#FFFFFF;</xsl:otherwise>
							</xsl:choose>
}

font
{
	font-size:			16px;
}

.BandeauPrincipal
{
	font-family:		Arial;
	
	font-size:			11px;
	color:				#6B6567;
	background-color:	#eff1f3;
}