/* Couleurs :
		orange foncé : #f6b705 / orange moyen : #fddd95 / orange clair : #fef5da
		bleu foncé : #304b96 / bleu moyen : #86b5d8 / bleu clair : #eff4fa 
		rouge : #e95e0f
 */

/* Impression */
@media print {
	body {visibility:hidden}
	#divHeader {visibility:visible}
	#divMenu {display:none}
	#divContenu {visibility:visible}
	#divFooter {display:none}
}

/* En général */
* {font-family:Arial, Helvetica, sans-serif}
img {border-width:0}
p {text-indent:25px; text-align:justify; margin:0; color:#304b96; font-size:0.8em; margin:10px}
p.pCenter {text-align:center}
ul {list-style-image:url(../images/puce-liste.gif); text-align:left}
h1{font-size:18px; color:#304b96; margin:0}
h2{font-size:15px; color:#304b96; margin:0}
hr {color:#304b96; margin:0}
form {margin:0}
input, textarea {color:#304b96}
option.opt1 {color:#f6b705}
option.opt2 {color:#304b96}
option.optFonce {background-color:#fcecca; color:#f6b705}
option.optClair {background-color:#fef5da; color:#f6b705}
option.optFonce2 {background-color:#d3e2ee; color:#304b96}
option.optClair2 {background-color:#eff4fa; color:#304b96}
td.tdOrangeClair {background-color:#fef5da}
label {font-size:0.9em;}

/* Mise en page */
body {background:url(../images/fonds/body.jpg)}

#divGlobal {width:800px; margin:10px auto; text-align:center}

#divHeader {width:800px; height:146px; background:#fff url(../images/fonds/header.jpg) no-repeat; position:relative; z-index:100}
#divHeaderIndex {width:800px; height:367px; background:#fff url(../images/fonds/header-index.jpg) no-repeat; position:relative}
	#divHeader img, #divHeaderIndex img {position:absolute; top:11px; left:11px}
	#divHeader #divSlogan {position:absolute; top:102px; left:115px; width:200px; height:40px; font-size:20px; color:#fff; line-height:18px}
	#divHeaderIndex #divIntro {width:295px; height:230px; float:left; margin:145px 0 0 5px; line-height:15px}
	#divHeaderIndex object {width:483px; height:330px; float:right; margin:5px 5px 0 0}
 
#divHeader #divMenu {position:absolute; top:114px; left:312px; width:483px; height:32px; background-color:#eff4fa}
#divHeaderIndex #divMenu {position:relative; float:right; width:483px; height:32px; margin:0 5px; background-color:#eff4fa}


#divContenu {background:#fff url(../images/fonds/contenu.jpg); border-top:5px solid #fff; padding:0 5px; text-align:left; clear:both}
	#divContenuG {width:295px; float:left; color:#f6b705}
	#divContenuD {width:483px; float:right; color:#304b96}
		#divAriane {font-size:11px; color:#304b96; padding:3px}
		#divContenuD h1{font-size:16px; background-color:#304b96; color:#fff; margin:3px 0; padding-left:5px}
		#divContenuD h2{font-size:13px; background-color:#304b96; color:#fff; margin:10px 0 3px 0; padding-left:5px}

#divFooter {width:800px; height:100px; background:url(../images/fonds/footer.jpg) no-repeat; text-align:right;  padding-top:57px; color:#fff; font-size:10px}
	#divFooter img {vertical-align:middle; margin-right:10px}
	#divFooter a {color:#fff; margin:0 3px}

div.divSpacer {clear:both; display:block}
	

/* Liens */
a {color:#304b96}
a:hover {color:#3d60bf}
a.btLien1 {background:url(../images/fonds/bt-bleu-15px.gif) no-repeat left; color:#304b96; padding-left:22px; padding-right:5px; line-height:20px; font-size:13px; font-weight:bold}
a.btLien1:hover {background:url(../images/fonds/bt-bleu-15px-on.gif) no-repeat left; color:#3d60bf}
a.btLien2 {background:url(../images/fonds/bt-orange-15px.gif) no-repeat left; color:#f6b705; padding-left:22px; padding-right:5px; font-size:13px; font-weight:bold}
a.btLien2:hover {background:url(../images/fonds/bt-orange-15px-on.gif) no-repeat left; color:#ffbc05}
a.btLien3 {background:url(../images/fonds/bt-rouge-15px.gif) no-repeat left; color:#e95e0f; padding-left:22px; padding-right:5px; font-size:13px; font-weight:bold}
a.btLien3:hover {background:url(../images/fonds/bt-rouge-15px-on.gif) no-repeat left; color:#ff670f}
a.btLien4 {background:url(../images/fonds/bt-bleu-11px.gif) no-repeat left; color:#304b96; padding-left:15px; padding-right:3px; font-size:10px; font-weight:bold}
a.btLien4:hover {background:url(../images/fonds/bt-bleu-11px-on.gif) no-repeat left; color:#3d60bf}

/* Accueil */
#divRecherche {width:295px; height:190px; color:#f6b705; background:url(../images/fonds/contour-recherche.gif) no-repeat center center}
	#divRecherche h2 {font-size:14px; color:#f6b705; margin:8px 0 0 30px}
	#divRecherche table {font-size:0.8em; margin:7px 0 0 20px}
#divVitrine {width:482px; height:190px; color:#304b96; background:url(../images/fonds/contour-realisations.gif) no-repeat left center; padding-left:5px}
	#divVitrine h2 {font-size:14px; color:#304b96; background:none; margin:8px 0 0 22px}
	#divVitrine div {width:145px; float:left; margin-top:5px; margin-left:10px; padding:8px 0; font-size:0.8em; text-align:center; background-color:#eff4fa}
	#divVitrine a {margin-top:5px}

/* Plan d'accès */
#map {width:483px; height:350px; margin-bottom:5px;}

/* Catalogue */
div.divProgCatalogue {height:90px; border-bottom:2px solid #304b96; padding:5px 5px 0 5px ; font-size:0.9em}
	div.divProgCatalogue img{float:right; margin:0 5px}

/* Fiche programme */
img.imgVueGenProg {width:295px; height:196px; border-bottom:5px solid #fff}
img.imgVueVilleProg {width:225px; height:148px}
span.spanVueVilleProg {float:right; text-align:center; margin:5px 10px}
p.pFondClair {background-color:#eff4fa; padding:5px}
#mapProg {width:468px; height:350px; margin:7px}
#divZoomProg, #divZoomVille {display:none; position:absolute; top:75px; left:0; z-index:1000; width:100%; height:550px; background:url(../images/fonds/blanc-transparent.gif) center}
#divZoomProg table, #divZoomVille table {width:100%; height:100%; text-align:center}
#divZoomProg td, #divZoomVille td {text-align:center; vertical-align:middle}
#divFondZoom, #divZoomVille div {width:650px; background-color:#fff; text-align:center; vertical-align:middle; padding:10px}
#divZoomProg img, #divZoomVille img {margin-top:13px}