/* @override http://www.la-plateforme.fr/tech/styles.css */

body { margin: 0; text-align: center; font-size: 10px; font-family: Arial, sans-serif; }

img { border: none }

a { outline: 0 none; text-decoration: none }

a.lien-simple { color: #ccc;
	text-decoration: underline;
}

a.lien-simple:hover { color: #c00;
	text-decoration: none;
}


#page { border-top: 0; margin: 0 auto; position: relative; width: 92em; height: 50em; text-align: left }

#goog-fixurl {
	height: 25em;
}

img.vignette {
	float: left;
	margin-right: 15px;
}

#entetes { height: 13.8em; background: #B70513; margin-bottom: 1.6em; position: relative }

#entetes #animation3d {
	position: absolute;
	right: 0;
	border: 1px none blue;
	z-index: 4;
	top: 7px;
}

#entetes #b-logo { position: absolute; left: 7.3em; }

#entetes #b-logo h1 { margin: 0 }

#entetes #menu { position: absolute; bottom: 0; width: 100%; background: #A60514 }
#entetes #menu ul { list-style-type: none; list-style-image: none; margin: 0; padding: 0; margin-left: 3.3em }
#entetes #menu ul li { float: left; font-size: 10px; position: relative;  z-index: 3 }
#entetes #menu ul li a { color: #fff; padding: 0 1.4em; text-decoration: none; display: block; line-height: 2.8em; }

/* etat actif */

#entetes #menu ul li.actif a { background: #c00; color: #fff !important }

/* etat over */
#entetes #menu ul li a:hover { color: #c66 }



#entetes #menu ul li span { font-size: 12px;   }

#entetes #menu ul li.lg { position: absolute; right: 0; z-index: 4  }
#entetes #menu ul li.lg a span { font-size: 10px  }


#visuel { height: 36.1em; margin-bottom: 1.6em; background: url(../images/contour-1.png) no-repeat }

#references #visuel { height: 23em; background: none }


#visuel #visualiseur { border: 1px solid #ccc; height: 35.3em;  }

#references #visuel #visualiseur { border: 1px none #ccc; height: 23em;  }

#visuel #diaporamas { border: 1px none #ccc; height: 32em; margin: 0.9em }

#references #visuel #diaporamas { height: 23em; margin: 0 }

#accueil #visuel #diaporamas { width: 90em; height: 32.1em }

#accueil #visuel #diaporamas { border: 1px solid #ccc; }

#diaporama #visuel { height: 56em;  }
#diaporama #visuel #visualiseur { height: 55em;  }
#diaporama #visuel #visualiseur #diaporamas { height: 53em;  }

#historique #visuel { height: 44.4em;  }
#historique #visuel #visualiseur { height: 43.4em;  }
#historique #visuel #visualiseur #diaporamas { height: 41.5em; overflow: hidden  }

.ombre {  width: 100%; height: 10px; background: url(../images/ombre2.png) repeat-x left bottom; border: 1px none blue; position: relative;  }

#information {
}

#erreur #information { font-size: 3em;
	height: 12em;
	padding-top: 20px;
	padding-left: 47px;
}

#programmation #information { margin-bottom: 2em }

#information .col { float: left; width: 31.5em; margin-right: 1.7em }

#information .col.col3 { float: right; margin-right: 0; width: 25.6em }

#pieddepage { height: 4.3em;  background: transparent url(../images/01046.png) no-repeat top right; padding-top: 13.2em;  }

#pieddepage p { color: #ccc; margin: 0; margin-top: 0.4em; border-top: 0.8em solid #cdcdcd; padding-top: 0.4em }

#pieddepage p small { font-size: 1.1em; }

#accueil p#description { margin: 0; margin-bottom: 2em; }

#accueil p#description img { width: 100% }

#accueil #description span { font-family: serif; font-size: 2em; color: #900 }

h3.titre3 { font-weight: normal; font-size: 10px; border-bottom: 1px solid #ccc; margin: 0;  padding: 0; height: 1.3em }
h3.titre3 span { font-size: 1.1em; background: #c00; color: #fff; padding: 0 0.35em; border-bottom: 0.1em solid #c00 }

#accueil #information .col ul { margin: 0; padding: 0; list-style-type: none } 

#accueil #information #programmation ul li { background: url(../images/pointilles-1.png) repeat-x bottom; padding-bottom: 0.5em; padding-top: 1em; } 

/* presentation */

#accueil #information p.texte1#presentation {  margin-bottom: 0; padding-right: 0.5em; line-height: 1.4em } 
#accueil #information p.texte1#presentation span {  font-size: 1.2em;  } 

/* programmation */
#accueil #information #programmation ul li:hover { background-color: #F4F4F4;  } 
#accueil #information #programmation ul li:hover *{ color: #666 } 

#accueil #information #programmation p.texte1 {  margin-bottom: 0.3em } 

#accueil #nousTrouver p { line-height: 2.2em }

#accueil #nousTrouver p a.lienGmap { display: block; float: left; padding: 0.4em; background: #eee; border: 1px solid #ccc; color: #999; line-height: 0.2em; background-image: none; margin-bottom: 2em; }

/* nous trouver */

#accueil #nousTrouver p a.lienGmap:hover { background: #c00 }

/*
#accueil #nousTrouver p a { color: #999; text-decoration: underline; background: url(../images/fleche-rouge.png) no-repeat 0 50%; padding-left: 13px }
#accueil #nousTrouver p a span { font-size: 11px }
*/
/* lien map */

#plaquette p{
	font-size: 1.2em;
	color: #666;
	margin-bottom: 0;
}


/* bouton lien */

a.bouton-lien { color: #999; text-decoration: underline; background: url(../images/fleche-rouge.png) no-repeat 0 50%; padding-left: 13px }
a.bouton-lien span { font-size: 11px }
a.bouton-lien:hover { color: #fff; text-decoration: none; background: #c00 url(../images/fleche-blanche.png) no-repeat 0 50%;  }




h4.titre4 { font-size: 10px; margin: 0; margin-bottom: 0.3em } 
h4.titre4 span { font-size: 1.1em; text-transform: uppercase; color: #666 } 
p.texte1 { font-size: 1em; margin: 0; margin-bottom: 1.7em } 
p.texte1 span { font-size: 1.4em; color: #666 }

p.texte2 { font-size: 1em; margin: 0; margin-bottom: 1.7em } 
p.texte2 span { font-size: 1.2em; color: #666 }

p.texte2 span a { color: #c00; text-decoration: none }

#contact .vcard { margin-top: 0.5em; margin-bottom: 2em; position: relative; line-height: 1.5em }
#contact .vcard .infoAdresse span { font-size: 12px; color: #666 }
#contact .vcard .org, #contact .vcard .country-name { display: none; }

#contact .vcard #geoloc { position: absolute; left: 31.5em; top: 0; line-height: 2em }
/*
#contact .vcard #geoloc a { color: #999; text-decoration: underline; background: url(../images/fleche-rouge.png) no-repeat 0 50%; padding-left: 13px }

#contact .vcard #geoloc a span { font-size: 11px }
*/

#404 { height: 60em;
	background-color: black;
}

#contact .cols3 p.texte2 { line-height: 1.6em }

#contact .cols3 .texte2 a:hover { background: #c00; color: #fff }

#accueil #information #references ul { margin-top: 1em; cursor: default  } 
#accueil #information #references ul li { padding-right: 0.1em; display: inline; color: #eee;  line-height: 1.7em;   } 
#accueil #information #references ul li span { font-size: 1.4em;  }

#accueil #information #references ul li span.ref { font-size: 1.4em; padding: 0 2px  }

/* references */

#accueil #information #references ul li:hover span.ref { background: #F2F2F2; color: #666 } 

#historique h2#titrepage { margin-top: 1.4em; margin-bottom: 0.7em; font-size: 10px }

#historique #visuel { margin-bottom: 0.5em }
#historique #texte-historique { width: 100% }

#diaporama #visuel { margin-bottom: 0 }



.cadre-photo { width: 29.3em; height: 22.5em; background: #fff url(../images/cadre-photo.png) no-repeat }


#contact .cadre-photo { width: 29.3em; height: 25.5em; background: red url(../images/cadre-photo-2.png) no-repeat; }

.cadre-photo .photo { border: 1px solid #ccc; height: 21.3em }
#contact .cadre-photo .photo { border: 1px solid #ccc; height: 24.4em }


.cadre-photo .photo img { margin: 0.9em; border: 1px solid #ccc }

.cols2 { float: left; padding-bottom: 3.3em; width: 100% }
.cols2 .cadre-photo { float: left; clear: left }
.cols2 .texte3 { float: right; width: 60em; margin: 0; color: #999; line-height: 2.2em }

#references .cols2 .texte3 { width: 48%; line-height: 1.8em   }
#references .cols2 .texte3 blockquote { margin-right: 1em;   }

#references .cols2 { width: 50%; height: 16.3em;  }
#references .cadre-photo { width: 50%; height: 18em; background: #fff url(../images/cadre-photo-3.png) no-repeat }
#references .cadre-photo .photo img { margin: 0.9em; border: 1px solid #ccc;  }
#references .cadre-photo .photo { border: 1px solid #ccc; height: 17em; width: 22.4em }

#references .texte3 blockquote { margin: 0; padding: 0; font-style: italic; font-size: 10px; margin-bottom: 1em; }

#references .texte3 span { font-size: 1.3em;  }
#references .texte3 strong span { font-size: 1.2em; color: #666  }

.cols3 {  float: left; width: 29.3em; height: 37em; margin-right: 2em; }


.cols3.dernier { margin-right: 0; }

#contact h3.nom { margin: 0; margin-top: 0.3em; }


.cols4 {  float: left; width: 22.4em; height: 42.1em; margin-right: 0.5em; border: 1px solid #ccc; background: #fff; }
.cols4.dernier { margin-right: 0; }

.invisible { display: none !important }


.cols4 .ombre {  float: left; width: 100%; height: 0.5em; background: url(../images/ombre.png) repeat-x left bottom; border: 1px none blue; position: relative; top: 0.3em }

.cols4 .cadre-flyer { float: left;  height: 41em; background: #f8f8f8;  margin: 0.5em;  }

.cols4 .flyer { padding: 0;  padding-bottom: 0;  height: 18em }



.cols4 .info-flyer { position: relative;  color: #666; margin: 2em 1em; margin-bottom: 0; height: 20em; }

.cols4 .flyer-surtitre { margin: 0; font-size: 1.3em; font-weight: normal; margin-bottom: 0.2em;
	color: #c00;
}
.cols4 .flyer-titre { margin: 0; font-size: 1.5em; font-weight: normal  }
.cols4 .flyer-titre span{ font-size: 0.6em;  }
.cols4 .flyer-date { margin: 0; font-size: 1.1em; font-weight: normal; line-height: 1.4em; margin-top: 0.6em}

.cols4 .flyer-date em{
	font-style: normal;
	font-weight: bold;
	color: #c00;
}

ul.flyer-date {
	padding-left: 0;
	list-style-type: none;
}

ul.flyer-date li{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc
}

.cols4 .flyer-note {
	position: absolute;
	bottom: 4px;
	left: 1px;
}

.cols4 .info-flyer a{ color: #c00;  } 


iframe#diapIframe { height: 32em; border: none; width: 100% }