BODY
{
	margin:0;
	padding:0;
    COLOR: #000000;
    PADDING-TOP: 0px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND:#BBCEC8 url("../img/bg_general.jpg");
    BACKGROUND-REPEAT: repeat-x;
    TEXT-ALIGN: center;
}
#global {
	margin:0 auto;
	text-align:left;
	width:990px;
}
.clear
{
    CLEAR: both
}

/* Entete (logo) */
.logo {
	float:left;
    BACKGROUND-IMAGE: url(../img/logo_loupe.jpg);
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: left top;
    width:340px;
    HEIGHT:106px;
}
.bglogo {
	float:left;
    BACKGROUND-IMAGE: url(../img/bg_bandeau.jpg);
    HEIGHT:106px;
    WIDTH:320px;
}
.carte {
	float:left;
    BACKGROUND-IMAGE: url(../img/logo_syndicat_1.jpg);
    HEIGHT:106px;
    WIDTH:98px;
}

/* Menu de navigation principal */
#navprinc {
	float:left;
	list-style-image:none;
	list-style-type:none;
	text-align:left;
	width:660px;
	HEIGHT:27px;
	BACKGROUND-COLOR: #BBCEC8;	
}
#navprinc UL{
	padding-top:2px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	margin:0px;
}
#navprinc LI{
	display:inline;
	margin-left:15px;
	margin-right:15px;
}
#navprinc LI A{
	COLOR: #000000;
	FONT-SIZE:90%;
	FONT-WEIGHT: bold;
	TEXT-DECORATION:none;
	margin-left:5px;
	margin-right:5px;
}
#navprinc LI A:hover{
	COLOR: #2E7FD8;
	TEXT-DECORATION:underline;	
}
.base_carte{
	float:left;
    BACKGROUND-IMAGE: url(../img/logo_syndicat_2.jpg);
    HEIGHT:27px;
    WIDTH:98px;
}
/* Conteneur principal */
#content {
	float:left;
	width:757px;
}
/* Chemin vous etes ici */
#path {
	width:755px;
	height:35px;
	padding-top:15px;	
	padding-bottom:15px;
	COLOR:#000000;
	FONT-SIZE:80%;
	BACKGROUND-COLOR:#FFFFFF;
}
#path SPAN{
	FONT-WEIGHT: bold;
	padding-left:15px;
}
#path A{
	COLOR: #000000;
	TEXT-DECORATION:none;
}
#path A:hover{
	COLOR: #2E7FD8;
}
/* Contenu */
#mainzone {
	width:755px;
	BACKGROUND-COLOR:#FFFFFF;
	PADDING-BOTTOM:20px;
}
#mainzone H1{
	FONT-WEIGHT:bold;
	FONT-SIZE:120%;
	COLOR:#635061;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:10px;
	padding-LEFT:30px;
	BACKGROUND-IMAGE: url(../img/pic_titre.gif);
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: left center;
}
/* Bas de page */
#bottom {
	BACKGROUND-IMAGE: url(../img/base.gif);
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: left top;
    WIDTH:757px;
    HEIGHT:92px;
    FONT-SIZE:65%;
    FONT-WEIGHT:bold;
    COLOR:#5C525A;    
}
#bottom .partlogo 
{
	margin-left:110px;
}
#bottom .partlogo IMG, .logoregion IMG {
	border: 0px;
}

#bottom .adresse {
	float:left;
	MARGIN-TOP:5px;	
	MARGIN-LEFT:55px;
}
#bottom .adresse A{
	COLOR:#3C4E62;
}
#bottom .tel {
	float:left;
	MARGIN-TOP:15px;	
	MARGIN-LEFT:180px;
}
#bottom .logoregion
{
	float:right;
	margin-top:-20px;
	margin-right:20px;
}
/* Module evenement accé rapide */
#evenement_titre {
	float:left;
	margin-left:8px;
	WIDTH:222px;
	HEIGHT:27px;
	BACKGROUND-COLOR: #BBCEC8;
	TEXT-ALIGN:center;
}
#evenement_titre A{
	COLOR:#000000;
	TEXT-DECORATION:none;	
	FONT-SIZE:100%;
	FONT-WEIGHT: bold;
}
#evenement_titre A:hover{
	COLOR: #2E7FD8;
	TEXT-DECORATION:underline;	
}
#evenement{
	float:left;
	margin-left:9px;
	WIDTH:222px;
	BACKGROUND-COLOR:#FFFFFF;
}
#evenement .texte{
	PADDING-TOP:0px;
	PADDING-LEFT:10px;
	PADDING-RIGHT:10px;
	PADDING-BOTTOM:10px;
}
#evenement .perturbation{
	FONT-SIZE:90%;
}

#evenement .texte H3{
	PADDING-TOP:10px;
	margin-top:0px;
	margin-bottom:5px;
	COLOR:#35536B;
	FONT-SIZE:90%;
}
#evenement .texte P{
	margin-top:0px;
	margin-bottom:15px;
	COLOR:#35536B;
	FONT-SIZE:75%;
}


/* Formulaire RI */
.routeFormNumber
{
    FONT-SIZE: 90%;
    COLOR: #FFFFFF;    
    BACKGROUND-COLOR: #3C5786;
}
.routeFormTitle
{
    FONT-SIZE: 90%;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #FA8F2F;
}

.routeFormText
{
    FONT-SIZE: 80%;
    COLOR: #3D5158;
}
.routeFormLink
{
    FONT-SIZE: 75%;
    COLOR: #3D5158;
    TEXT-DECORATION:none;
}
.formSelect
{
    BORDER-RIGHT: #1942a3 1px solid;
    BORDER-TOP: #1942a3 1px solid;
    FONT-SIZE:70%;
    BORDER-LEFT: #1942a3 1px solid;
    COLOR: #3a5469;
    BORDER-BOTTOM: #1942a3 1px solid;
    BACKGROUND-COLOR: #FFFFFF;
}
.formText
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 80%;
    MARGIN: 0px;
    COLOR: #3a5469;
}
.formRequiredText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #1942a3;
}
.formInputText
{
    BORDER-RIGHT: #3a5469 1px solid;
    BORDER-TOP: #3a5469 1px solid;
    BORDER-LEFT: #3a5469 1px solid;
    BORDER-BOTTOM: #3a5469 1px solid;
    FONT-SIZE: 11px;
    MARGIN-TOP: 2px;    
    MARGIN-BOTTOM: 2px;    
    COLOR: #3a5469;    
    BACKGROUND-COLOR: #FFFFFF;
}
.formRequiredInputText
{
    BORDER-RIGHT: #1942a3 1px solid;
    BORDER-TOP: #1942a3 1px solid;
    BORDER-LEFT: #1942a3 1px solid;
    BORDER-BOTTOM: #1942a3 1px solid;
    FONT-SIZE: x-small;    
    BACKGROUND-COLOR: #d9e5f5;
}
.formRequiredSelect
{
    BORDER-LEFT: #1942a3 1px solid;
    BORDER-BOTTOM: #1942a3 1px solid;
    BORDER-RIGHT: #1942a3 1px solid;
    BORDER-TOP: #1942a3 1px solid;
    FONT-SIZE: x-small;   
    BACKGROUND-COLOR: #d9e5f5
}
.formTextArea
{
    BORDER-RIGHT: #1942a3 1px solid;
    BORDER-TOP: #1942a3 1px solid;
    BORDER-LEFT: #1942a3 1px solid;
    BORDER-BOTTOM: #1942a3 1px solid;
    FONT-SIZE: x-small;    
}
.formRequiredTextArea
{
    BORDER-RIGHT: #1942a3 1px solid;
    BORDER-TOP: #1942a3 1px solid;    
    BORDER-LEFT: #1942a3 1px solid;
    BORDER-BOTTOM: #1942a3 1px solid;
    BACKGROUND-COLOR: #d9e5f5;
    FONT-SIZE: x-small;
}
.formSubmit
{
    BORDER-RIGHT: #dbe9d5 1px solid;
    BORDER-TOP: #dbe9d5 1px solid;    
    BORDER-LEFT: #dbe9d5 1px solid;    
    BORDER-BOTTOM: #dbe9d5 1px solid;
    COLOR: #3a5469;
    FONT-SIZE: xx-small;
    BACKGROUND-COLOR: #f0f7ee;
}
.formComment
{
    FONT-SIZE: xx-small;
    COLOR: #1942a3;
}
.text
{
    FONT-SIZE: 11px;
    COLOR: #3a5469;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.title
{
	TEXT-ALIGN:center;
	FONT-SIZE: 110%;
	FONT-WEIGHT: bold;
	COLOR:#B91E7C;
	padding-bottom:20px;
}

/* Horaires */
#reseau {
	float:left;
	text-align:left;
	width: 352px;
	margin-left:8px;
}
#reseau IMG{
	border: 0px;
}

#reseau SPAN {
	FONT-SIZE: 70%;
}
#reseau A .bleu{
	COLOR:#1599CA;
}
#reseau A .violet{	
	COLOR:#774288;
}
#reseau A .rose{
	COLOR:#B91E7C;
}
#reseau A .jaune{
	COLOR:#F2A20D;
}
#reseau A .noir{
	COLOR:#000000;
}
#reseau A:hover {
	TEXT-DECORATION:none;
}
#carte {
	float:left;
    width: 395px;
    height: 468px;
}
#carte IMG{
	border: 0px;
}