html {
	height: 100%;
}
body {
	background-color: #242C34;
	font-family: Verdana, Tahoma, 'Lucida Grande', Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
p, td, tr, table, h1, h2, h3, h4, h5, h6, ul, li, ol {
	color: #333;
	font-family: Verdana, Tahoma, 'Lucida Grande', Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
}
img {border: none;}

a, a:visited {
	color: #FFF;
	text-decoration: underline;
}
a:hover {
	color: #EAEAEA;
}

#contenu h1, #contenu h2 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#conteneur_2col {
	position: relative;
	background: url(../img/fond_contenu.gif) left top;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	width: 920px;
}
#conteneur_1col {
	position: relative;
	background: url(../images/fpo/fpo_pagebg_wide.gif) left top;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	width: 920px;
}
#conteneur {
	position: relative;
	margin: 0;
}
#entete {
	position: relative;
	background: #4D5565 url(../img/fond_menu.gif) no-repeat left bottom;
	margin: 0;
	padding: 0;
	width: 920px;
}
#basdepage {
	background-color: #4D5565;
	clear: both;
	font-size: 1.1em;
	margin: 40px 0 0 35px;
	padding-bottom: 30px;
	width: 620px;
	vertical-align: bottom;
}
#basdepage ul {
	margin: 8px 0;
	padding: 20px 5px 1px 5px;
	border-top: 1px solid #909DA2;
	color: #B4BFC3;
}
#basdepage li {
	color: #B4BFC3;
	display: inline;
	padding: 0 6px 0 12px;
	background: url(../img/sep.gif) no-repeat;
	margin: 0;
}
#basdepage  li a {
	color: #B4BFC3;
	text-decoration: none;
}
#basdepage  li a:hover {
	color: #DDEEEE;
}
#basdepage  .premiermenu {
	padding-left: 0px;
	background: none;
}
#basdepage p {
	color: #B4BFC3;
	padding: 5px;
	font-size: 80%;
}
#titre {
	position: relative;
	width: 150px;
	height: 80px;
	float: left;
}
#titre h1 {
	position: absolute;
	top: 50px;
	left: 30px;
}
#titre h2 {
	text-indent: -999999px;
}
#pub {
	margin: 0;
	padding: 10px 0 0;
	width: 700px;
	text-align: right;
	float: right;
	margin-right: 10px;
}

.status_info {
	color: #DEE;
	font-weight: bold;
}
#pub_affiche img {
	float: right;
}

#menu a {
	background: #2C3141;
	color: #FFF;
	margin: 0 5px;
	padding: 10px 10px 10px;
	text-decoration: none;
}
#menu a:hover {
	color: #EAEAEA;
	text-decoration: none;
}
#navigation_secondary a {
	color: #FFF;
	padding: 8px 7px;
	text-decoration: none;
}
#navigation_secondary a:hover {
	background: #600;
	padding: 8px 7px;
	text-decoration: none;
}
.menu_on {
	background: #808fa4 !important;
	color: #DDEEEE !important;
}
a:hover.menu_on {
	background: #808fa4 !important;
	color: #DDEEEE !important;
	cursor: default;
}
#navigation {
	font-size: 1.2em;
	font-weight: normal;
	position: relative;
	clear: both;
}
#menu {
	background: #000;
	float: none;
	margin: 0;
	margin-top: 10px;
	padding: 10px 0;
}
#menu ul {
	list-style: none;
}
#menu li {
	display: inline;
	margin: 0;
	padding: 0;
}
#menu .premiermenu {
	padding-left: 30px;
}
#navigation_secondary {
	background-color: #FFF;
	float: left;
	margin: 0;
	padding: 8px 0;
	width: 920px;
}
#smenu {
	background-color: #79889D;
	float: left;
	height: 5px;
	margin: 0;
	padding: 0;
	width: 920px;
}


#ariane {
	clear: both;
	height: 100px;
	width: 100%;
}
#ariane p {
	background: url(../img/puce_titre.gif) 0 15px no-repeat;
	color: #475263;
	font-size: 1em;
	font-weight: normal;
	margin: 0 40px 0 20px;
	padding: 10px 0 5px 15px;
}
#ariane a {
	color: #475263;
	text-decoration: none;
}
#ariane a:hover {
	text-decoration: underline;
}

#contenu {
	position: relative;
	background-color: #4D5565;
	float: left;
	margin-top: -40px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	width: 688px;
}
#contenu_droite {
	position: relative;
	margin-top: -15px;
	background-color: transparent;
	float: right;
	padding: 0;
	width: 232px;
}

h4 {
	clear: left;
	color: #DDEEEE;
	font-size: 1.1em;
	line-height: 1.4em;
}
h5 {
	clear: left;
	color: #DDEEEE;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.4em;
}

#contenu table {
	font-size: 1.1em;
}

#contenu ul li.premiermenu {
	padding: 0px 0px 2px 0px;
}


#contenu_droite p {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
	padding: 10px 15px 15px 15px;
}
#contenu_droite ul {
	padding: 0;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2em;
	list-style: none;
	margin: 0 10px 25px;
}
#contenu_droite ul li {
	color: #DDD;
	font-size: 0.8em;
}
#contenu_droite ul li a {
	background: url(../img/puce_droite.gif) no-repeat 8px 9px #2A2F3F;
	display: block;
	padding: 3px 3px 3px 20px;
	margin-top: 1px;
	text-decoration: none;
	color: #fff;
}
#contenu_droite ul li a:visited {
	background: url(../img/tic.gif) no-repeat 10px 9px #2A2F3F;
	display: block;
	padding-left: 25px;
	color: #909DA2;
}
#contenu_droite ul li a:hover {
	color: #EAEAEA;
	text-decoration: underline;
}

#contenu_droite ul li ul {
	border: none;
	margin-left: 5px;

}
#contenu_droite ul li ul li a {
	background-color: #2A2F3F;
}
#contenu_droite ul li ul li a:visited {
	background-color: #2A2F3F;
}
#contenu_droite ul li ul li a:hover {
	background-color: #2A2F3F;
}
#contenu_droite h2 {
	color: #FFF;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.4em;
	padding: 8px 15px 8px 25px;
}
#contenu_droite h2.titrerub {
	text-transform: uppercase;
	color: #DDEEEE;
	font-size: 1em;
	font-weight: bold;
	line-height: 0.7em;
	margin: 0 15px 4px 20px;
	padding: 0;
	padding-top: 10px;
	line-height: 1.4em;
	clear: both;
}
#contenu_droite blockquote {
	color: #DDEEEE;
	font-weight: normal;
	font-size: 0.9em;
	margin: 5px 20px 15px;
	font-style: italic;
	background: url(../img/crochets.gif) no-repeat 0 3px;
	padding: 5px 0;
	text-align: center;
}

#contenu h2 {
	color: #DDEEEE;
	clear: left;
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 15px 4px 40px;
}

.encart, .encartblanc {
	clear: both;
	margin: 5px 40px 20px;
}

.encartblanc {
	background-color: #fff;
	padding: 10px 20px 15px;
}
.encart h3 {
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6em;
	margin: 15px 0 5px;
}
.encart h4 {
	margin: 5px 0;
}
.encart a {
	color: #ddeeee;
}
.encartblanc a {
	color: #4D5565;
}
#contenu .encart h3 a {
	text-decoration: none;
	color: #fff;
}
#contenu .encart a:hover {
	text-decoration: underline;
	color: #fff;
}
.encart p, .encartblanc p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0;
}
.encartblanc p {
	color: #333;
}
.encart p.suite {
	margin: 5px 0;
	font-weight: bold;
	color: #ddeeee;
}
.encart hr {
	background-color: #909DA2;
	border: none;
	clear: both;
	color: #DDEEEE;
	height: 1px;
	margin: 0px 35px 5px 35px;
	padding: 0;
}
.encart ul, .encartblanc ul {
	font-size: 1.1em;
	line-height: 1.4em;
	margin-top: 5px;
	margin-left: 15px;
}
.encart ul li {
	color: #fff;
}
.encartblanc ul li {
	color: #333;
}

.snav {
	padding: 8px;
	height: 12px;
	margin: 10px 40px 0;
}
.snav a {
	text-decoration: none;
	color: #DDEEEE;
	font-weight: bold;
}
.snav .suivant {
	float: right;
}
.snav .precedent {
	float: left;
}


#contenu_droite h2 a {
	color: #FCC;
	text-decoration: none;
}

#imggalerie {
	margin: 0 0 0 35px;
	display: block;
	border-radius: 8px
	-moz-border-radius: 8px;
}
.imgtrans {
	display: block;
	float: left;
	width: 140px;
	margin-right: 16px;
	height: 205px;
}
.imgtrans div {
	float:left;
	display: block;
}
.imgtrans div img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
}
.imgtrans div a:hover img {
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.imgtrans a {
	width: 140px;
	float:left;
	margin: 0;
	text-align: center;
	display: block;
	font-size: 1.2em;
	/*text-decoration: none !important;*/
	font-family: Geneva, Arial, Verdana, Tahoma, 'Lucida Grande', Helvetica, sans-serif;
	padding-bottom: 18px;
}
.imgtrans div a:hover  {
	background-color: #2A2F3F;
}
.imgtrans div a:visited {
	color: #BABABA;
}
#presgalerie {
	margin: 15px 35px 15px 35px;
	border-top: 1px solid #B4BFC3;
}
#presgalerie H2 {
	color: #FFF;
	letter-spacing: 0.1em;
	background: url(../img/puce_titre3.gif) no-repeat 0 9px ;
	color: #DDEEEE;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 0 0 23px;
	margin: 0 10px;
	text-transform: uppercase;
}
#cours_droite h2 {
	background: #2A2F3F;
	color: #77869B;
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin: 0 8px;
}
#cours_droite h2 A {
	background: url(../img/cours_photo_v.gif) no-repeat #2A2F3F 0 5px;
	color: #77869B;
	display: block;
	letter-spacing: 0;
	padding: 0 5px 15px 62px;
	text-transform: uppercase;
}
#cours_droite h2 A.expodroite {
	background: url(../img/expo_v.gif) no-repeat #2A2F3F 0 2px;
	color: #77869B;
	display: block;
	letter-spacing: 0;
	padding: 0 5px 15px 62px;
	text-transform: uppercase;
}

#cours_droite h2 A:hover {
	color: #DEE;
}
#cours_droite h2 A span {
	display: block;
	font-weight: normal;
	line-height: 1.1em;
	text-transform: none;
	padding: 0;
	margin-top: -3px;
}
#cours_droite h2 A:hover span {
	color: #77869B;
}

.stitre, .surtitre {
	margin: 0 40px 10px;
	padding-top: 5px;
	border-top: 1px solid #909DA2;
	color: #EAEAEA;
}
.surtitre {
	border-top: none;
	padding: 0 0 5px;
	margin-bottom: 5px;
}
h3.surtitre {
	color: #EAEAEA;
	font-weight: normal;
}
.stitre p {
	line-height:1.6em;
	text-transform:uppercase;
	color: #EAEAEA;
}

.encart select {
	display: inline;
	width: 190px;
	background: #4A4E5C;
	color: #FFF;
	border: 1px solid #909DA2;
}
.encart input {
	display: inline;
	vertical-align: top;
}
.encart .abc {
	margin-top: 10px;
	color: #4D5565;
}
.abc a {
	float: left;
	padding: 2px 15px 0 0;
	text-decoration: none;
}
#expocomment {
	float: right;
	width: 130px;
	background: #78879C;
	margin-right: 35px;
	text-align: right;
}
#expocomment A {
	padding: 6px;
	display: block;
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 90%;
	text-decoration: none;
}
#expocomment A:hover {
	background: url(../img/coin.gif) no-repeat left bottom #78879C;
	color: #EEE;
}

#vignettes {
	margin: 0 35px 10px;
	display: block;
	vertical-align: middle;
	padding: 5px 0 3px 5px;
}
#vignettes a {
	height: 40px;
}
#vignettes a img {
	border: 0;
	background: #FFF;
	opacity: 0.7;
	filter:alpha(opacity=70);
}
#vignettes a:hover img {
	opacity: 1;
	filter:alpha(opacity=100);
}

.liste {
	background-color: #4D5565;
	clear: both;
	margin: 5px 40px;
	padding-bottom: 10px;
}
.liste h3 {
	border-bottom: 1px solid #808FA4;
	font-size: 1.4em;
	color: #ddeeee;
	margin-top: 10px;
	padding-bottom: 3px;
}
.liste ul {
	display: block;
	list-style: none;
	margin: 0;
	font-size: 1.1em;
}
.liste li {
	border-bottom: 1px solid #808FA4;
	color: #7A899E;
	margin-left: 0;
	padding: 1px 0;
}
.liste li a{
	text-decoration: none;
	display: block;
	padding: 3px 2px;
}
.liste li a:hover {
	background: #7E8DA2;
}
.liste p {
	font-size: 1em;
	color: #eee;
	margin-bottom: 5px;
}
.liste p a {
	color: #B4BFC3;
	text-decoration: none;
}


.listegrande li {
	padding: 3px 0;
}
.listegrande li h4 {
	font-size: 1.1em;
}
.listegrande li h4 a {
	padding: 0;
}
.listegrande li h4 a:hover {
	background-color: transparent;
	color: #ddeeee;
	text-decoration: none;
}


.photobio {
	float: right;
	padding: 3px 0 5px 15px;
	background-color: #fff;
}
.descrbio {
	position: relative;
	background: #fff;
	margin: 15px 40px;
	padding: 20px 25px;
}
.descrbio p {
	margin: 0 0 5px;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #333;
}
.descrbio p a {
	padding-left: 11px;
	background: url(../img/intro.gif) no-repeat 1px 3px;
	color: #333;
	text-decoration: underline;
}
.descrbio p a:hover {
	color: #78879C;
}
.descrbio p.img {
	position: relative;
	background-color: #fff;
	margin: 0;
}
.descrbio ul {
	margin: 0 0 5px 0;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #333;
	list-style-position: inside;
}
.descrbio h3 {
	font-size: 1.5em;
	color: #242C34;
	margin-top: 20px;
	margin-bottom: 10px;
}
.descrbio h4 {
	font-size: 1.4em;
	color: #4D5565;
	margin-top: 15px;
	margin-bottom: 5px;
}


#retour {
	background: #78879C;
	text-align: right;
	margin: 5px 20px 30px;
}
#retour a {
	padding: 6px;
	display: block;
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 90%;
	text-decoration: none;
	letter-spacing: -0.03em;
}
#retour a:hover {
	background: url(../img/coin.gif) no-repeat left bottom #78879C;
	color: #EEE;
}
#contenu_droite h4 {
	color: #DDEEEE;
	margin: 0 20px 5px;
	font-weight: bold;
	font-size: 1.5em;
	clear: both;
}
#contenu_droite h4 span {
	color: #B4BFC3;
	font-size: 0.6em;

	font-weight: normal;
}
#navdroite {
	margin: 5px 0 5px 18px;

	display: block;
	width: 193px;
}
#navdroite a {
	display: block;
	margin: 0 5px;
	text-align: center;

}
#navdroite a.prec:hover {
	background:
}
#navdroite a.suiv:hover {
}

.ecarthaut {
	margin-top: 15px !important;
}
.hasard {
	border: none;
	background: url(../img/hasard.gif) no-repeat #2A2F3F 0 2px;
	margin: 10px 20px;
	padding: 4px 5px 7px 20px;
}
.hasard a {
	text-decoration: none;
	display: block;
}
.hasard a:visited {
	text-decoration: none;
}
#descress {
	background: #FFF;
	margin: 0 35px 10px;
	padding: 0 10px;
}
#descress p {
	padding: 15px 0;
	margin: 5px 25px;
	font-size: 1em;
	line-height: 1.3em;
	text-align: justify;
	color: #333;
	text-transform: none;
}
#descress p a {
	display: block;
	color: #333;
	text-decoration: none;
}
#descress p a:hover {
	color: #76859A;
}
#descress p a span.special {
	padding-left: 11px;
	background: url(../img/intro.gif) no-repeat 1px 3px;
	color: #B4BFC3;
	text-decoration: underline;
	line-height: 2em;
}
#illusress {
	float: left;
	margin: 11px;
}

.illusart {
	float: left;
	margin: 15px 30px 5px 40px;
	padding: 0;
}

#descrart {
	background: #FFF;
	margin: 0 35px 10px;
	padding: 20px 10px 17px 0;
}
#descrart p {
	padding: 5px 0;
	margin: 5px 40px;
	font-size: 1.1em;
	line-height: 1.7em;
	text-align: justify;
}
#descrart p a {
	padding-left: 11px;
	background: url(../img/intro.gif) no-repeat 1px 3px;
	color: #333;
	text-decoration: underline;
}
#descrart h4 {
	font-weight: bold;
	margin-top: 20px;
	margin-right: 40px;
	text-transform: none;
	color: #77869B;
	border-bottom: 1px solid #4D5565;
	font-size: 1.5em;
	letter-spacing: 0;
}
#descrart ul li a {
	color: #77869B;
	font-size: 1.1em;
}
#descrart ul {
	font-size: 1.1em;
}
#descrart ul li ul {
	list-style: square;
	font-size: 90%;
}
#descrart h5 {
	margin-top: 15px;
	margin-bottom: 0;
	font-size: 1.4em;
	color: #2A2F3F;
}
#descrart blockquote {
	margin-left: 40px;
	border-left: 1px solid #DDEEEE;
	padding: 0 10px;
}
#descrart div {
	text-align: center;
	margin: 5px 40px;
}
#descrart .invisible {
	display: none;
}

#suividroite {
	display: block;
	position: fixed;
	top: 550px;
	margin-left: -28px;
}
#suividroite a {
	display: block;
	background: url('../img/fleche_h.gif') no-repeat transparent !important;
	text-indent: -5000px;
	outline: none;
	width: 20px;
	height: 20px;
}
.suivprec {
	margin-left: 40px;
	display: block;
	padding: 5px;
	text-transform: uppercase;
	color: #77869B;
}
.suivprec a {
	text-decoration: none;
	color: #77869B;
}
.suivprec a:hover {
	text-decoration: none;
	color: #B4BFC3;
}
.suivprec a:visited {
	text-decoration: none;
	color: #77869B;
}
.liens {
	margin: 0 40px;
}
.liens p {
	margin: 5px 0;
	display: block;
	height: 112px;
	line-height: 200%;
}
.liens p a {
	text-decoration: none;
	display: block;
	height: 112px;
	font-weight: bold;
	padding-right: 25px;
}
.liens p a span {
	text-decoration: none;
	display: block;
	font-size: 90%;
	font-weight: normal;
}
.liens p a:hover {
	background-color: #565F71;
}

.selectliens {
	clear: both;
	display: block;
	height: 117px;
}
.selectliens div {
	float: left;
	margin: 0;
	margin-right: 20px;
}
h2.titreliens {
	color: #B4BFC3 !important;
	margin: 10px 35px 5px !important;
}

.livres {
	position: relative;
}
.livres h4 {
	color: #333;
	font-weight: bold;
}
#contenu_droite .livres ul {
	padding: 5px 10px;
}
#contenu_droite .livres ul li {
	padding-bottom: 15px;
	clear: both;
}
#contenu_droite .livres ul li a {
	padding-left: 0;
	background: none;
	clear: both;
	font-weight: bold;
	line-height: 1.3em;
}
#contenu_droite .livres ul li a img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 3px;
	border: 1px solid #909DA2;
}

.infos_supp {
	clear: both;
	margin: 5px 40px 15px;
	padding: 0;
}
.infos_supp h4 {
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
}
.infos_supp h5 {
	font-weight: bold;
	margin-bottom: 3px;
}
.infos_supp p {
	color: #fff;
	line-height: 1.2em;
	margin-bottom: 4px;
}
.infos_supp a {
	color: #DDEEEE;
	font-weight: bold;
}
.infos_supp ul {
	list-style: none;
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 0 0 15px;
}
.infos_supp ul li {
	display: block;
	margin-top: 3px;
	background: url(../img/puce_droite.gif) no-repeat 0 9px #4D5565;
	padding: 3px 3px 3px 12px;
	margin-bottom: 3px;
}
.infos_supp li a {
	text-decoration: none;
}
.infos_supp li a:hover {
	text-decoration: underline;
}

.form_alphab  {
	margin-top: 20px;
}
.form_alphab label {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.form_contact {
	line-height: 150%;
	margin: 15px 40px;
	background: transparent url(../img/encart_bg.png);
	padding: 10px;
}
form.contact ul {
	list-style: none;
}
.form_contact li {
	display: block;
	margin-bottom: 5px;
}
.form_contact label {
	display: block;
	color: #DDEEEE;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
}
.form_contact input.champ {
	font-family: Verdana, Tahoma, 'Lucida Grande', Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	border: 1px solid #78879C;
	background:#FFF;
}
.form_contact textarea {
	font-family: Verdana, Tahoma, 'Lucida Grande', Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	border: 1px solid #78879C;
	background: #FFF;
	width: 400px;
}
.message {
	font-weight: bold;
	margin: 0 5px;
	padding: 4px 3px 3px 0;
}
.erreur {
	font-weight: bold;
	margin: 10px 20px 15px;
	background: transparent url(../img/erreur.png) no-repeat;
	padding: 4px 3px 3px 23px;
}

.formule {
	font-size:11px; 
	border-bottom: 1px solid #4D5565; 
	border-top: 1px solid #4D5565; 
	padding: 3px 0; 
	line-height: 160%; 
	display: block;
	margin: 15px
}

a.xhtmlvalid {
	padding-left: 11px;
	background: url(../img/tic.gif) no-repeat 1px 3px;
	color: #B4BFC3;
	text-decoration: none;
}
a.xhtmlvalid:visited {
	color: #B4BFC3;
	text-decoration: none;
}