/* init */
html * {padding: 0px; margin: 0px;}
body {background-color: #EFEFEF; background-image:url(../images_transports/fond.jpg);  background-repeat:repeat-x; font-size: 10px; font-family: Tahoma,Arial; margin:0px;text-align:center}
a img {border: 0;}

/* style page */
div#page {width:980px; height:700px; margin:0px auto;text-align:left}

/* style header */
div#header {width:100%; height:235px;}
div#ombre_haut {width:100%; height:235px; background-image:url(../images_transports/header.jpg); background-repeat:repeat-x;}
div#logo1 {position:absolute; top:0px; width:1px; height:138px; background-image:url(../images_transports/space.gif);background-repeat:no-repeat;white-space:nowrap;}
div#logo2 {float:right; width:138px; height:138px; background-image:url(../images_transports/space2.gif);background-repeat:no-repeat;white-space:nowrap;}
div#logo3 {position:absolute;width:950px; font: bold 24px Tahoma,Arial;color:#FFFFFF;text-align:left;top:69;white-space:nowrap;padding-left:30px;}
html>body #logo3{width:920px;}
#logo3 a{color:#FFFFFF;text-decoration:none}
#logo3 a:hover{color:#FF0000;text-decoration:none}
div#logo4 {position:absolute;width:950px; font: bold 16px Tahoma,Arial;color:#A0998B;text-align:left;top:92;white-space:nowrap;padding-left:30px;}
html>body #logo4{width:920px;}
#logo4 a{color:#A0998B;text-decoration:none}
#logo4 a:hover{color:#FF0000;text-decoration:none}

/* style menu haut */
div#menu {width:100%;}
div#retour_accueil {margin:0; padding:0; list-style-type:none; vertical-align:middle;float:left;width:150px; background-image:url(../images_transports/retour_accueil.jpg); background-repeat:repeat-x;}
div#retour_accueil li{display:inline; padding:0; margin:0;}
div#retour_accueil a:link,div#retour_accueil a:visited{color:#FFFFFF; padding:10px 0px 10px 0px;float:left; width:150px; background-image:url(../images_transports/retour_accueil.jpg); background-repeat:repeat-x; text-decoration:none; text-align:center;}
div#rubrique_menu {float:right; width:830px;background-color: #D4D0C8;}

/* style menu gauche et contenu main */
div#sidecol {padding: 10px; width: 0px; float: right;}
div#main {list-style-type:square;list-style-position:inside;padding: 0px; margin-left: 160px; margin-right: 0px; font-size: 12px;}
div#main td{font-size: 10px;}
div#main ul {list-style-type:square;list-style-position:inside;margin-left: 20px;padding-left: 20px;border: none;}
div#main ul li {list-style-type:square;list-style-position:inside;margin-left: 20px;padding-left: 20px;border: none;}
div#navcol {padding: 0px; width: 150px; float: left;background-color: #c7dcdf;}
div#column2 {margin: 0px; padding: 0px; background-image: url(../images_transports/menu.jpg); background-repeat: repeat-y;width: 830px; background-color: #006086;}
html>body #column2{width:980px; min-width:980px;}
div#column1 { margin: 0px; padding: 0px; background-image: url(../images_transports/space.gif);  background-position: right; background-repeat: repeat-y; width: 100%;}
html>body #column1{width:980px; min-width:980px;}
.rule {width:980px; background:#c00; color:#fff; margin:1em 0; visibility:hidden;}
.clear { clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0;}

/* style footer */
//div#footer {width:100%; height:41px; padding:0px}
//div#ombre_bas {width:100%; height:41px; background-color:#D4D0C8}
//div#footer1 {float:left; width:150px; height:41px; background-color:#D4D0C8}
//div#footer2 {float:right; width:340px; height:41px; color:#DC143C; vertical-align:middle;}

#page_actu {float: left;}
#main_actu {float: left; margin-left:10px;margin-right:10px; margin-top:10px;padding-left:10px;width:450px;color:#000; height:230px;font-size:11px; background-color: #FFF;}
.actu_index {padding:5px 5px 5px 5px ; font-size: 12px;width: 630px;background-color:#004e6f;  border-right:1px solid #01445c; border-bottom:1px solid #01445c;}
.lien_actu {font-size: 12px;}
.ligne_actu {visibility:hidden; display:none}

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


/* style rubrique menu haut */
#rubrique {margin:0; padding:0; background-color:#efefef; float:left; width: 100%; border:0px solid #333;}
#rubrique li {display:inline; padding:0; margin:0;}
#rubrique a:link, #rubrique a:visited {background-color:#efefef; padding:10px 10px 10px 10px; font-weight:bold; text-decoration:none; color:#045074; text-transform:uppercase; float:left; width:auto; border-left:1px solid #F5F5F5; border-right:1px solid #D4D0C8;white-space:nowrap;}
#rubrique a.s:link, #rubrique a.s:visited {background-color:#045074; padding:10px 10px 10px 10px; font-weight:bold; text-decoration:none; color:#FFFFFF; text-transform:uppercase; float:left; width:auto; border-left:1px solid #FFFFFF; border-right:1px solid #8A8376;white-space:nowrap;}
#rubrique a:hover {font-weight:bold; color:#FFFFFF; background-color:#045074;white-space:nowrap;}

/* style rubrique menu gauche */
#navcol .smenu {margin:0; padding:0; list-style-type:none; vertical-align:middle;}
#navcol .smenu li {margin-top: 0px;}

#recherche {padding:5px 10px 5px 10px;color: #000000; font-weight:bold;text-decoration: none;}
#recherche a{padding:5px 10px 5px 0px;color: #000000; font-weight:bold;text-decoration: none;}
#recherche a:hover {padding:5px 10px 5px 0px;color: #000000; text-decoration: underline;}

/* niveau 1 selectionné */
.ul1p1 {font-family: Tahoma,Arial;margin-left: 5px;margin-right: 2px;margin-top: 0px;list-style-image:url(../images/spacer.gif);list-style-position:outside}
/* niveau 1 non-selectionné */
.ul1p2 {font-family: Tahoma,Arial;margin-left: 5px;margin-right: 2px;margin-top: 0px;list-style-image:url(../images/spacer.gif);list-style-position:outside}

/* niveau 2 selectionné */
.ul2p1 {font-family: Tahoma,Arial;margin-left: 14px;margin-right: 5px;margin-top: 0px;list-style-image:url(../images_transports/puce_ssmenu.gif);list-style-position:outside}
/* niveau 2 non-selectionné */
.ul2p2 {font-family: Tahoma,Arial;margin-left: 14px;margin-right: 5px;margin-top: 0px;list-style-image:url(../images/spacer.gif);list-style-position:outside}
/* niveau 2 parent */
.ul2p3 {font-family: Tahoma,Arial;margin-left: 14px;margin-right: 5px;margin-top: 0px;list-style-image:url(../images/spacer.gif);list-style-position:outside}

/* niveau 3 selectionné */
.ul3p1 {font-family: Tahoma,Arial;margin-left: 20px;margin-right: 5px;margin-top: 0px;list-style-image:url(../images_transports/puce_ssmenu.gif);list-style-position:outside}
/* niveau 3 non-selectionné */
.ul3p2 {font-family: Tahoma,Arial;margin-left: 20px;margin-right: 5px;margin-top: 0px;list-style-image:url(../images_transports/puce_ssmenuoff.gif);list-style-position:outside}
/* niveau 3 parent */
.ul3p3 {font-family: Tahoma,Arial;margin-left: 20px;margin-right: 5px;margin-top: 0px;list-style-image:url(../images_transports/puce_ssmenuoff.gif);list-style-position:outside}

/* niveau 4 selectionné */
.ul4p1 {font-family: Tahoma,Arial;margin-left: 25px;margin-right: 5px;margin-top: 0px;list-style-image:url(../images_transports/puce_ssmenu.gif);list-style-position:outside}
/* niveau 4 non-selectionné */
.ul4p2 {font-family: Tahoma,Arial;margin-left: 25px;margin-right: 5px;margin-top: 0px;list-style-image:url(../images_transports/puce_ssmenuoff.gif);list-style-position:outside}
/* niveau 4 parent */
.ul4p3 {font-family: Tahoma,Arial;margin-left: 25px;margin-right: 5px;margin-top: 0px;list-style-image:url(../images_transports/puce_ssmenuoff.gif);list-style-position:outside}

/* niveau 5 selectionné */
.ul5p1 {font-family: Tahoma,Arial;margin-left: 30px;margin-right: 5px;margin-top: 0px;list-style-image:url(../images_transports/puce_ssmenu.gif);list-style-position:outside}
/* niveau 5 non-selectionné */
.ul5p2 {font-family: Tahoma,Arial;margin-left: 30px;margin-right: 5px;margin-top: 0px;list-style-image:url(../images_transports/puce_ssmenuoff.gif);list-style-position:outside}
/* niveau 5 parent */
.ul5p3 {font-family: Tahoma,Arial;margin-left: 30px;margin-right: 5px;margin-top: 0px;list-style-image:url(../images_transports/puce_ssmenuoff.gif);list-style-position:outside}

/* fond non-selectionné */
.f1 {margin: 0px; width: 150px;  display: block; text-align: left; text-decoration: none;  background-color: #B7D4D8; text-transform:uppercase;padding-top:5px;padding-bottom:7px}
/* fond selectionné */
.f2 {margin: 0px; width: 150px;  display: block; text-align: left; text-decoration: none;  background-color: #006086; text-transform:uppercase;padding-top:5px;padding-bottom:7px}
/* fond parent */
.f3 {margin: 0px; width: 150px;  display: block; text-align: left; text-decoration: none; background-color: #729DAE; text-transform:uppercase;padding-top:5px;padding-bottom:7px}

/* style police niv 1 non-selectionné */
a.ns1,a.ns1:visited {font-family: Tahoma,Arial; font-size:10px; color:#045074; text-decoration: none; font-weight:bold}
/* style police niv n non-selectionné */
a.nsn,a.nsn:visited {font-family: Tahoma,Arial; font-size:9px; color:#FFFFFF; text-decoration: none}
/* style police niv 1 selectionné */
a.s1,a.s1:visited {font-family: Tahoma,Arial; font-size:10px; color:#FFFFFF; text-decoration: none; font-weight:bold}
/* style police niv n parent */
a.pn,a.pn:visited {font-family: Tahoma,Arial; font-size:9px; color:#FFFFFF; text-decoration: none}
/* style police niv n selectionné */
a.sn,a.sn:visited {font-family: Tahoma,Arial; font-size:9px; color:#FFFFFF; text-decoration: none}

/* styles liens div main .= styles du contenu des pages */
#main a:link,#main a:visited {color: #D1E566; font-weight:bold; text-decoration: none;}
#main a:hover {color: #F1FEB6; text-decoration: underline;}

#main .title {color: #7a330A; font-weight:bold; font-size:13px;}

/* styles select page main photothèque */
#main .photo {color:#4D6872; text-decoration:none; font-weight:bold; font-family:Tahoma,Arial; font-size:12px; vertical-align:middle; padding-top:2px; padding-bottom:2px; padding-left:5px; padding-right:5px; border:1px solid #4D6872;}
#main .photo:link,#main .photo:visited {text-decoration:none; padding-top:2px; padding-bottom:2px; padding-left:5px; padding-right:5px; color: #4D6872;}
#main .photo:hover {text-decoration:none; color: #4D6872; background:#CBDDE9;}
#main .photo_select {color:#FFF; text-decoration:none; font-weight:bold; font-family:Tahoma,Arial; font-size:12px; vertical-align:middle; padding-top:2px; padding-bottom:2px; padding-left:5px; padding-right:5px; border:1px solid #4D6872;}
#main .photo_select:link,#main .photo_select:visited {text-decoration:none; padding-top:2px; padding-bottom:2px; padding-left:5px; padding-right:5px; color:#FFF; background: #4D687A;}

/* style footer_text */
#footer2 .footer_text {color:#655B46; text-decoration:none; font-weight:bold; font-family:Tahoma,Arial; font-size:11px; vertical-align:middle; padding-left:0px; padding-right: 0px;}
#footer2 a,#footer2 a:link {padding-top:2px; padding-bottom:2px; padding-left:0px; padding-right:0px; color: #655B46; font-weight:bold; text-decoration: none;}
#footer2 a:hover {color: #DC143C; text-decoration: underline;}

/* Style du contenu*/
H1{font-family: Tahoma,Arial; font-size:20px; color:#FFFFFF; text-decoration: none; font-weight:bold}
H2{font-family: Tahoma,Arial; font-size:15px; color:#A1CAD9; text-decoration: none; font-weight:bold}
H3{font-family: Tahoma,Arial; font-size:13px; color:#FFFFFF; text-decoration: none; font-weight:bold}
body{font-family: Tahoma,Arial; font-size:11px; color:#FFFFFF; text-decoration: none;}

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


#droite
{
float:right;

}

#page
{
	width:100%;
	margin:0;
	padding:0;
}

#main_agenda
{
	width:475px;
	float:left;
}

#cadre_filtre
{
	width:208px;
	background-color:#84A8C1;
}
#cadre_agenda
{
	width:208px;
	background-color:#84A8C1;
}
#cadre_footer
{
width:300px;
float:bottom;
text-align:center;
clear: both;
}



#bloc-filtre {
background-image:url(../images-cairon/bloc_filtre.gif);
background-position:left top;
background-repeat:no-repeat;
height:21px;
width:208px;
}

#bloc-filtre2 {
border: 1px solid #009;
width:206px;
padding-bottom:5px;
}

#bloc-calendrier {
background-image:url(../images-cairon/bloc_calendrier.gif);
background-position:left top;
background-repeat:no-repeat;
height:21px;
width:208px;
}

#bloc-calendrier2 {
border: 1px solid #009;
width:206px;
padding-bottom:5px;
}


.cadre
{
	border: 2px solid #000099;
	padding:0 5px 0 5px;
}
.event
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	border:1px dotted #999;
	padding:5px;
	margin-bottom: 5px;
}
.confirmation
{
	border:1px solid #fc0;
	background-color:#ff9;
	padding:5px;
	color:#000;
}
.erreur
{
	border:1px solid #f00;
	background-color:#fcc;
	padding:5px;
	color:#000;
}
.valid_ko
{
	color:#f00;
	font-weight:bold;
	background-image:url(../img/nok.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	margin:0;
}
.valid_ok
{
	color:#090;
	font-weight:bold;
	background-image:url(../img/ok.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	margin:0;
}