/* CSS Document */

body {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/bg_contenu.gif);
	background-repeat: no-repeat;
	background-position: 233px 164px;
}

a.sounavig:visited {
	color: #000000;
	text-decoration: none;
}
a.sounavig:link {
	color: #000000;
	text-decoration: none;
}
a.sounavig:hover {
	color: #000000;
	text-decoration: underline;
}

a.blc:visited {
	color: #FEFEFE;
	text-decoration: none;
}
a.blc:link {
	color: #FEFEFE;
	text-decoration: none;
}
a.blc:hover {
	color: #FEFEFE;
	text-decoration: none;
}
a.bleu:visited {
	color: #0A5C89;
	text-decoration: none;
}
a.bleu:link {
	color: #0A5C89;
	text-decoration: none;
}
a.bleu:hover {
	color: #1037A5;
	text-decoration: none;
}
a.noir:visited {
	color: #000000;
	text-decoration: none;
}
a.noir:link {
	color: #000000;
	text-decoration: none;
}
a.noir:hover {
	color: #000000;
	text-decoration: underline;
}
a.lirelasuite {
	color: #000000;
	text-decoration: none;
	font-size: 11px;
}
a.lirelasuite:hover {
	color: #000000;
	text-decoration: underline;
	font-size: 11px;
}

p {
	margin: 8px 0px 8px 0px;
	padding: 0px;
}
hr {
	clear: both;
	border: 0px #FFFFFF;
	color:#FFFFFF;
	margin: 0px;
	padding: 0px;
}

/* STYLES POUVANT SERVIR PARTOUT */
.erreur {
	color: #FF0000;
	font-weight: bold;
}
.texteNoir {
	color: #000000;
}
.droite {
	float: right;
}
.gauche {
	float: left;
}
.flowauto {
	overflow: hidden;
}




/* ACCESSIBILITE */
#accessibilite {
	width: 950px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #627EA6;
	text-align: right;
	margin: 0px 0px 10px 0px;
}
#accessibilite a:visited {
	color: #627EA6;
	text-decoration: none;
}
#accessibilite a:link {
	color: #627EA6;
	text-decoration: none;
}
#accessibilite a:hover {
	color: #009DE1;
	text-decoration: none;
}
.clavier {
	display: inline;
	border: solid 1px #999999;
	padding: 3px;
}
.accesskey {
	text-decoration: underline;
}
.displaynone {
	display: none;
}



/* CORPS DE LA PAGE */
/* pour l'image de fond du calque CORPS, voir bandeau.css */
/* pour le #contenu, voir aussi le fichier bandeau.css */
#CORPS {
	overflow: hidden;
	background-repeat: repeat-y;
	width: 980px;
}
#contenu {
	background-repeat: no-repeat;
	padding: 35px 0px 0px 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	/*width: 713px;*/
	width: 687px;
	float: right;
	overflow: hidden;
}

#defaut {
	float: left;
	/*width: 582px;*/
	width: 536px
}
#defaut h1 {
	font-family: Impact, Arial, sans-serif;
	font-size: 28px;
	line-height: 35px;
	color: #289BD9;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0px 60px 0px 0px;
	margin: 12px 0px 0px 0px;
	border-bottom: solid 1px #289BD9;
}
#defaut h2 {
	font-family: "Century Gothic", Arial, sans-serif;
	color: #000000;
	font-size: 18px;
	padding: 0px;
	margin: 20px 60px 20px 0px;
}

#defaut h3 {
	font-family: Verdana, Arial, sans-serif;
	color: #289BD9;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

#defaut p {
	text-align: justify;
	padding: 0px 60px 0px 0px;
}

#defaut img {
	float: right;
	margin: 0px 50px 15px 15px;
	border: none;
}


#defaut table {
	width: 100%;
}
#defaut caption {
	font-family: Verdana, Arial, sans-serif;
	color: #289BD9;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
#defaut th {
	background-color: #009DE1;
	color: #FFFFFF;
	padding: 3px;
}
#defaut td {
	color: #000000;
	padding: 3px;
	border-bottom: solid 1px #009DE1;
}


/* ACTUALITES SUR LA PAGE D'ACCUEIL */

#actus {
	float: left;
	color: #249AD9;
	/*width: 400px;*/
}
.width400 {
	width: 377px;
}
.width460 {
	width: 437px;
}
#actus h1 {
	font-family: Impact, Arial, sans-serif;
	font-weight: normal;
	font-size: 22px;
	color: #249AD9;
	padding: 0px 0px 5px 0px;
	margin: 25px 0px 20px 0px;
	font-style: normal;
	border-bottom: solid 1px #249AD9;
}
#actus h2 {
	font-family: "Century Gothic", Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #249AD9;
	padding: 0px;
	margin: 0px;
	font-style: normal;
}
#actus h3 {
	font-family: "Century Gothic", Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #000000;
	padding: 0px;
	margin: 8px 0px 12px 0px;
	font-style: normal;
}

#actus h3 a {
	color: #000000;
	text-decoration: none;
}
#actus h3 a:hover {
	color: #289BD9;
	text-decoration: none;
}

#actus .date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	font-style: italic;
}

#actus img {
	margin: 0px 0px 5px 5px;
}

#autresImages {
	overflow: hidden;
	margin: 10px 0px 20px 0px;
}

.borderautresactus {
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	padding: 8px 8px 12px 0px;
}
.autresactus h3 {
	font-family: "Century Gothic", Arial, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #000000;
	padding: 0px;
	margin: 8px 0px 8px 0px;
}
.autresactus h3 a {
	color: #000000;
	text-decoration: none;
}
.autresactus h3 a:hover {
	color: #289BD9;
	text-decoration: none;
}

/* ACTUALITES SUR LES PAGES "TRANSPORT" */
/* SUR LES PAGES TRANSPORTS, LES TAGS H1 ET H2 SONT DEJA DEFINIS 
   DONC ON FORCE LES TAGS H1 ET H2 DU DIV ACTUS AVEC DES CSS CLASSIQUES */

#transport {
	/*float: left;
	width: 582px;
	width: 536px;*/
	margin: 0px 0px 40px 0px;
}
#transport h1.espaceActu {
	font-family: Impact, Arial, sans-serif;
	font-weight: normal;
	font-size: 22px;
	color: #249AD9;
	padding: 0px 0px 0px 0px;
	margin: 35px 0px 20px 0px;
	font-style: normal;
	border-bottom: solid 1px #249AD9;
}
#transport h2.typeActu {
	font-family: "Century Gothic", Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #249AD9;
	padding: 0px;
	margin: 0px;
}
#transport h3.titreActu {
	font-family: "Century Gothic", Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #000000;
	padding: 0px;
	margin: 8px 0px 12px 0px;
	font-style: normal;
	text-transform: none;
}
#transport h3 a {
	text-decoration: none;
	color: #000000;
}
#transport h3 a:hover {
	color: #289BD9;
	text-decoration: none;
}
#transport h1 {
	font-family: Impact, Arial, sans-serif;
	font-size: 28px;
	line-height: 35px;
	color: #289BD9;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0px 60px 0px 0px;
	margin: 12px 0px 0px 0px;
	border-bottom: solid 1px #289BD9;
}

#transport h2 {
	font-family: "Century Gothic", Arial, sans-serif;
	color: #000000;
	font-size: 18px;
	padding: 0px;
	margin: 20px 60px 20px 0px;
}

#transport h3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 0px;
	margin: 30px 60px 0px 0px;
	text-transform: uppercase;
	font-weight: normal;
}

#transport h4 {
	color: #3EAFE0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	background-image: url(../img/bg_h4.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 13px 8px 0px 13px;
	text-indent: 25px;
}
#transport h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	color: #FFFFFF;
	display: inline;
}
#transport h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	color: #FFFFFF;
	display: inline;
	background-color: #3EAFE0;
}

#transport div {
	padding: 0px;
	margin: 0px 20px 0px 0px;
	padding: 10px 0px 10px 20px;
	border-left: solid 1px #8F8D8D;
	/*width: 320px;
	float: left;*/
}
#transport div strong, #transport div b {
	color: #FFFFFF;
	font-weight: bold;
/*	color: #3EAFE0; */
}


#transport .date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	font-style: italic;
}

#transport img {
	margin: 0px 0px 5px 5px;
}

#transport p {
	text-align: justify;
	padding: 0px 60px 0px 0px;
	color: #000000;
}

#transport a{
	text-decoration: none;
	color:#289BD9;
}

#photos {
	padding: 0px 0px 0px 35px;
	margin: 0px 0px 20px 0px;
	background-image: url(../img/bg_photos.gif);
	background-repeat: no-repeat;
	min-height: 100px;
}
#photos .photo {
	text-align: center;
	float: left;
	width: 125px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding: 15px;
}
#photos img {
	display: block;
}

/* DOCUMENTS ET PIECES JOINTES */
#liens {
	margin: 0px 0px 20px 0px;
	float: right;
}

.titreDocJointsTransp {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px 5px 1px 5px;
}
a.pdf {
	color: #000000;
}
a.doc {
	color: #000000;
}

.titreLiensTransp {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px 5px 1px 5px;
}
a.lienExt {
	color: #000000;
}
a.lienMail {
	color: #000000;
}


#transport table {
	/*width: 100%;*/
	margin: 10px 0px 20px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}

#transport caption {
	display: none;
}
#transport th {
	background-color: #009DE1;
	color: #FFFFFF;
	padding: 3px;
	border-bottom: solid 1px #FFFFFF;
}

#transport td {
	color: #000000;
	padding: 3px;
	border-bottom: solid 1px #009DE1;
	background-color: #F5F5F7;
	/*text-align: center;
	width: 25%;*/
}


#transport blockquote {
	margin: 0px;
	padding: 0px;
	text-indent: 32px;
}
#transport blockquote p {
	padding: 13px 8px 8px 13px;
	margin: 30px 0px 30px 0px;
}


#transport ul {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#transport ul ul {
	margin: 0px;
	padding: 0px;
}
#transport li {
	list-style-image: url(../img/puce_blc.gif);
	padding: 0px;
	margin: 10px 0px 0px 20px;
	padding: 0px;
	border-bottom: solid 1px #ccc;
}
#transport li li {
	list-style-image: url(../img/puce_sousListe.gif);
	margin: 5px 0px 0px 15px;
	padding: 0px;
	border: 0px;
}
#transport li p {
	margin: 0px;
	padding: 0px;
}



/* IMAGES EN DEHORS DE LA BOITE D'EDITION */
#images {
	float: left;
	background-image: url(../img/bg_images.gif);
	background-repeat: no-repeat;
	width: 60%;
}
#images img {
	width: 200px;
	border: 0px;
	margin: 0px 20px 0px 20px;
	padding: 0px;
}
#images table {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}
#images caption {
	display: none;
}
#images td {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #FFFFFF;
}

#images a.loupe {
	color: #000000;
	text-decoration: none;
	background-image: url(../img/pic_loupe_petit.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 12px;
	font-size: 10px;
}
#images a.loupe:hover {
	color:#0869B0;
}
a.loupeMoins {
	color: #000000;
	text-decoration: none;
	background-image: url(../img/pic_loupe_petitMoins.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 12px;
	font-size: 10px;
}
a.loupeMoins:hover {
	color:#0869B0;
}

/* DOCUMENTS ET LIENS */
#documentsEtLiens {
	float: right;
	width: 24%;
}
#documentsEtLiens ul {
	margin: 0px;
	padding: 0px;
}
#documentsEtLiens li {
	margin: 0px;
	padding: 2px 5px 2px 5px;
	background-color: #EDEDED;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #FFF;
	list-style-image: url(../img/px.gif);
}

/* COLONNE DROITE DE LA PAGE D'ACCUEIL */
#bouger {
	float: right;
	color: #000000;
	background-image: url(../img/bg_bouger.gif);
	background-repeat: no-repeat;
	padding: 50px 15px 50px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 187px;
}
#bouger h1 {
	font-family: "Century Gothic", Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	padding: 0px;
	margin: 0px;
}
#bouger h2 {
	font-family: "Century Gothic", Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
	color: #166B9A;
	padding: 0px;
	margin: 8px 0px 8px 0px;
}
.commentsyrendre{
	background-color: #1673A6;
	font-size: 11px;
	padding: 0px 10px 0px 10px;
}
.visitezlesite{
	background-color: #E0F0F9;
	font-size: 11px;
	padding: 0px 10px 0px 10px;
}

/* COLONNE DROITE DES PAGES INTERIEURES */
#picRubrique {
	width: 250px;
	height: 280px;
	background-repeat: no-repeat;
}
#sousNavig {
	float: right;
	width: 250px;
	margin: 0px 0px 30px 50px;
	/*background-color: #51B6ED;*/
	background-image: url(../img/bg_sousNav.gif);
	background-repeat: repeat-y;
}
#sousNavig ul {
	margin: 10px 10px 10px 25px;
	padding: 0px;
}
#sousNavig li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

#sousNavig a.liensnav {
	font-family: Impact, Arial, sans-serif;
	font-size: 15px;
	line-height: 17px;
	font-weight: normal;
}


/* FORMULAIRES */
fieldset {
	padding: 0px 0px 0px 0px;
	width:100%;
	margin-top:20px;
}
label {
	float: left;
	text-align: right;
	width: 35%;
	padding: 0px 5px 0px 0px;
}
legend {
	font-weight: bold;
}
.oblig {
	font-weight: bold;
}
input {
	background-color: #EEEEEE;
	margin-top:10px;
}
.bgBlc {
	background-color: #FFFFFF;
}
option {
	background-color: #EEEEEE;
}
textarea {
	background-color: #EEEEEE;
}
a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
	padding: 0px 3px 0px 3px;
	margin: 0px 5px 0px 5px;
	background-color:#FF6600;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.2em;
}
a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}




/* PAGE ACTUALITE */

.images {
	overflow: hidden;
	font-style: italic;
}
.imgDroite {
	margin: 0px 0px 0px 10px;
	float: right;
}

.titreDocJoints {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px 5px 1px 5px;
	background-color: #105F8B;
}

#documentsJoints ul {
	margin: 0px;
	padding: 0px;
}
#documentsJoints li {
	margin: 0px;
	padding: 2px 5px 2px 5px;
	background-color: #EDEDED;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #FFF;
	list-style-image: url(../img/px.gif);
}

a.pdf {
	color: #0A5C89;
	text-decoration: none;
	background-image: url(../img/picto_pdf.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
}
a.pdf:hover {
	color: #1037A5;
}
a.doc {
	color: #0A5C89;
	text-decoration: none;
	background-image: url(../img/picto_doc.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
}
a.doc:hover {
	color: #1037A5;
}



.titreLiens {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px 5px 1px 5px;
	background-color: #289BD9;
}
#liens ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#liens li {
	margin: 0px;
	padding: 3px 5px 3px 5px;
	background-color: #EDEDED;
	list-style-image: url(../img/px.gif);
	border-bottom: solid 1px #FFF;
	border-top: solid 1px #CCCCCC;
}
.titreLiens {
	background-color: #008DCB;
}

a.lienExt {
	color: #289BD9;
	text-decoration: none;
	background-image: url(../img/picto_internet.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
}
a.lienExt:hover {
	color: #0A5C89;
}

a.lienMail {
	color: #289BD9;
	text-decoration: none;
	background-image: url(../img/picto_mail.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
}
a.lienMail:hover {
	color: #0A5C89;
}

/* COLONNE DES AUTRES TITRES DE L'ACTU */
#navActu {
	float : right;
	width: 210px;
	background-color: #51B6ED;
	background-image: url(../img/bg_sousNav.gif);
	background-repeat: no-repeat;
}
#navActu ul {
	margin: 45px 0px 0px 0px;
	padding: 0px;
}
#navActu ul ul {
	margin: 0px;
	padding: 0px;
}
#navActu li {
	background-image: url(../img/puce_navig.gif);
	background-repeat: no-repeat;
	list-style-image: url(../img/px.gif);
	font-family: Impact, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 25px;
}
#navActu li li {
	background-image: url(../img/px.gif);
	background-repeat: no-repeat;
	list-style-image: url(../img/puce_sousNavig.gif);
	font-family:"Century Gothic", Arial, sans-serif;
	font-size: 14px;
	margin: 8px 0px 10px 0px;
	padding: 0px;
}

/* PLAN DU SITE */
#plan {
	overflow: hidden;
}
#plan ul {
	padding: 8px;
	margin: 0px 20px 20px 0px;
	float: left;
	width: 40%;
	border: solid 1px #D9D9D9;
}
#plan li {
	font-weight: bold;
	list-style-image: url(../img/px.gif);
	background-image: url(../img/dossier.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 0px 0px 0px 17px;
	margin: 0px;
	font-family: "Century Gothic", Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
	color: #249AD9;
}
#plan ul ul {
	border: 0px;
	overflow: hidden;
	width: 100%;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border-left: solid 1px #D9D9D9;
}
#plan li li {
	font-weight: normal;
	list-style-image: none;
	list-style-image: url(../img/px.gif);
	background-image: url(../img/calepin.gif);
	background-repeat: no-repeat;
	padding: 4px 0px 0px 17px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	border-bottom: solid 1px #D9D9D9;
}
#plan ul ul ul {
	border: 0px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 10px 0px;
	border-left: solid 1px #D9D9D9;
}

#plan ul ul ul ul {
	border: 0px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 10px 0px;
	border-left: solid 1px #D9D9D9;
}

#plan li li li {
	font-weight: normal;
	list-style-image: none;
	list-style-image: url(../img/px.gif);
	border-bottom: 0px;
}
#plan li li a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
#plan li li li a {
	text-decoration: none;
	color: #249AD9;
	font-weight: normal;
}
#plan li li li li a {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}


#plan a:hover {
	text-decoration: none;
	color: #249AD9;
}