@font-face { font-family:Maiandra; src:local(Maiandra BT), url(MAIAN.TTF) format(TrueType); }

html {
	padding:0px;
	margin:0px;
}

body {
	margin:0px;
	background-color:#ed2227;
	font-family:Arial;
	font-size:12px;
	padding: 0px;
	height:100%;
	color:#404040;
	}

.errorTextInput {
	font-family:Arial;
	font-size:12px;
	margin-left: 0px;
	background-color: #FFDDDD;

	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFFFDDDD', EndColorStr='#FFFFFFFF');
}

a {
	text-decoration:none;
	color:#000000;
	font-size:12px;
	font-family:Arial;
	}

a:hover {
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	color:#666666;
	}

#top {
	padding-top:0px;
	margin: 0 auto;
	width: 1112px;
	_width: 1112px;
	}

#global {
	position:relative;
	margin: 0 auto;
	padding-top:0px;
	margin-left: 0px;
	width: 1112px;
	min-height:100px;
	}

.flash-logo {
	position:absolute;
	top:48px;
	left:0px;
	}

#barre-haut-central {
	position:absolute;
	width:1112px;
	height:48px;
	top:0px;
	left:0px;
	}


#barre-haut-gauche {
	position:absolute;
	top:48px;
	left:0px;
	width:600px;
	height:190px;

	}

.barre-haut-news {
	position:absolute;
	top:193px;
	left:0px;
	width:304px;
	height:55px;
	background-image:url(../images/fond-news-haut.jpg);
	}

.barre-haut-contenu {
	position:absolute;
	top:194px;
	left:304px;
	width:675px;
	height:55px;
	background-image:url(../images/fond-contenu-haut.jpg);
	}

#barre-haut-droite {
	position:absolute;
	top:48px;
	right:400px;
	width:600px;
	height:190px;

	}

#barre-bas-gauche {
	position:absolute;

	left:-500px;
	width:600px;
	height:51px;
	background-image:url(../images/fond-contenu-bas.jpg);
	z-index:4;
	}

.barre-bas-news {
	position:absolute;
	left:0px;
	width:304px;
	height:51px;
	background-image:url(../images/fond-news-bas.jpg);
	z-index:6;
	}



#barre-bas-droite {
	position:absolute;
	right:0px;
	width:600px;
	height:51px;
	background-image:url(../images/fond-contenu-bas.jpg);
	z-index:5;
	}




.contenu {
	position:relative;
	top:299px;
	left:0px;
	width:1112px;
	padding-left:0px;
	min-height:447px;
	background-position:0px 0px;
	z-index:4;
	background-image:url(../images/contenu.jpg);
	}

.contenu33 {
	position:relative;
	
	left:0px;
	width:1112px;
	padding-left:0px;
	min-height:500px;
	background-position:left bottom;
	background-repeat : no-repeat; 
	z-index:3;
	background-image:url(../images/bas.jpg);
	}
	

	
.contenu244 {
	position:relative;
	top:0px;
	left:0px;
	width:639px;
	padding-left:40px;
	padding-bottom:0px;
	z-index:1;
	background-image:url(../images/fond-bas.jpg);
	}

.cont-contact {

	top:0px;
	}

.news {
	position:relative;
	float:left;
	top:100px;
	left:30px;
	border: 1px solid #d80000; 
	padding-left:20px;
	padding-right:30px;
	width:275px;
	padding-bottom:0px;
	z-index:2;
	}

.logo-braem {
	position: absolute;
	float:left;
	top:-20px;
	left:30px;
	padding-left:20px;
	padding-right:30px;
	width:152px;
	height: 108px;
	padding-bottom:0px;
	z-index:2;
	background-repeat : no-repeat; 
	background-image:url(../images/logo-braem.jpg);
	}

.ref-braem {
	position: absolute;
	float:left;
	top:0px;
	left:930px;
	width:152px;
	height: 108px;
	text-align: right;
	font-size:9px;
	color:#000000;
	font-family: verdana, arial, helvetica;
	}
	
.news-photo {
	height:60px;
	width:69px;
	padding-left:0px;
	padding-top:10px;
	text-align: center;
	float:left;
	}

.titre {
	font-family:Verdana;
	font-size:18px;
	padding-bottom:10px;
	color:#141414;
	}

.titre-news {
	padding-top:10px;
	padding-bottom:0px;
	font-family:Verdana;
	font-size:12px;
	color:#9a000c;

	}

.titre-news2 {
	padding-bottom:10px;
	font-family:Verdana;
	font-size:18px;
	color:#141414;
	}

.menu {
	position:absolute;
	top:238px;
	left:0px;
	padding-left:460px;
	.padding-left:460px;
	width:662px;
	.width:652px;
	height:61px;
	background-repeat : no-repeat; 
	background-image:url(../images/menu.jpg);
	font-size:10px;
	}



.decal-haut {
	padding-top:15px;
	min-height:100px;
	background:url(../images/fond-cont-haut.jpg) top left no-repeat;
	}


.decal {
	padding-left:30px;
	padding-top:10px;

	}


.decal2 {
	padding-left:30px;
	padding-top:10px;
	padding-bottom:15px;
	background:url(../images/fond-cont-bas.jpg) bottom right no-repeat;
	min-height:100px;
	}

.decal4 {
	padding-left:20px;
	padding-top:10px;
	padding-bottom:15px;
	padding-right:20px;
	background:url(../images/fond-cont-bas.jpg) bottom right no-repeat;
	min-height:100px;
	}

.menu-menu-haut {
	padding-top:15px;
	background:url(../images/fond-menu-haut.jpg) top left no-repeat;
	min-height:100px;
	}

.menu-menu-bas {
	padding-left:23px;
	padding-top:15px;
	background:url(../images/fond-menu-bas.jpg) bottom right no-repeat;
	min-height:100px;
	}

.menu-decal {
	margin-left:-25px;
	margin-top:-10px;
	background:url(../images/fond-menu-haut.jpg) top left no-repeat;
	min-height:50px;
	}

.menu-decal2 {
	padding-left:0px;
	padding-top:0px;

	}

.menu-decal3 {
	min-height:50px;
	background:url(../images/fond-menu-bas.jpg) bottom right no-repeat;
	}

.menu-nsel {
	float:left;
	font-family: arial;
	font-size:16px;
	padding-left:18px;
	padding-top:2px;
	margin-top:6px;
	margin-left:8px;
	margin-right:20px;
	background-repeat:no-repeat;
	background-image:url(../images/point-menu.jpg);
	}

.menu-nsel a {
	color:#ed2227;
	font-family: arial;
	font-size:16px;
	}

.menu-nsel a:hover {
	color:#ed2227;
	font-family: arial;
	font-size:16px;
	}

.menu-sel {
	float:left;
	font-family: arial;
	font-size:16px;
	color:#000000;
	padding-left:18px;
	padding-top:2px;
	margin-top:6px;
	margin-left:8px;
	margin-right:20px;
	background-repeat:no-repeat;
	background-image:url(../images/point-menu2.jpg);
	}

.menu-nsel2 {

	font-family:Arial;
	font-size:12px;
	padding-left:20px;
	color:#6f6f6f;
	margin-top:8px;
	margin-left:2px;
	margin-right:2px;
	background-repeat:no-repeat;
	background-image:url(../images/fleche-album.jpg);
	}

.menu-nsel2 a {
	color:#797979;
	}

.menu-nsel2 a:hover {
	color:red;
	}

.menu-sel2 {

	font-family:Arial;
	font-size:12px;
	color:#000000;
	padding-left:20px;
	margin-top:8px;
	margin-left:2px;
	margin-right:2px;
	background-repeat:no-repeat;
	background-image:url(../images/fleche-album.jpg);
	}

.menu-nsel3 {
	float:left;
	font-family:Arial;
	font-size:12px;
	padding-left:15px;
	margin-top:8px;
	margin-left:2px;
	margin-right:2px;
	text-align:center;
	}

.menu-nsel3 a {
	color:#797979;
	}

.menu-nsel3 a:hover {
	color:red;
	}

.menu-sel3 {
	float:left;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	padding-left:15px;
	margin-top:8px;
	margin-left:2px;
	margin-right:2px;
	text-align:center;
	}

.actu_fiche {
	width:290px;
	height:85px;

	}

.actu_titre {
	width:290px;
	height:15px;
	left:0px;
	padding-left:0px;
	font-weight:bold;
	text-align:left;
	float:left;

	color: #ffa010;
	font-size:12px;
	}

.actu_texte {
	width:250px;
	height:65px;
	left:10px;
	padding-top:5px;
	}

.actu_photo {
	width:70px;
	height:70px;
	float:left;

	}

.actu_texte2 {
	width:170px;
	height:50px;
	left:0px;
	padding-left:10px;

	text-align:left;
	float:left;

	color: #5e5e5e;
	}

.actu_titre a{
	font-weight:bold;
	color: #ffa010;
	font-size:12px;
	}

.descri {
	padding-top:15px;
	padding-left:15px;
	width:780px;
	height:3300px;
	float:left;
	font-weight:bold;

	}


.descri-photo {

	width:330px;
	height:310px;
	float:left;
	}

.descri-texte {
	width:420px;
	height:310px;
	float:left;

	}

.descri-texte2 {
	width:420px;
	height:280px;
	padding-top:10px;
	float:left;

	}

.descri_titre {
	width:450px;
	height:15px;
	left:0px;
	padding-left:0px;
	padding-bottom:5px;
	font-weight:bold;
	text-align:left;
	float:left;

	color: #ffa010;
	font-size:12px;
	}

.descri_titre a{
	font-weight:bold;
	color: #ffa010;
	font-size:12px;

	}

.centrage-photo {
	padding-top:25px;
	text-align: center;
	}

#bas {
	float:left;
	width:100%;
	border:1px solid #000000;	
	}

.lien-urbi {
	width:100%;
		}

.lien-urbi a {
	text-decoration:none;
	color:#c68126;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.lien-urbi a:hover {
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	}

.connex{
	float:right;
	}

.connex a {
	text-decoration:none;
	color:#e4e5ea;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

.connex a:hover {
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#e4e5ea;
	}



.align-droite {
	float:left;
	left:150px;
	width:350px;
	padding-top:15px;
	text-align:left;
	line-height:22px;
	padding-bottom:15px;
	}

.align-center {
	left:10px;
	width:440px;
	text-align:center;
	}



.align-center3 {
	padding-top:0px;
	font-family:Arial;
	font-size:12px;
	padding-left:40px;
	left:10px;
	width:140px;
	text-align:center;
	}

.align-center3 a {
	text-decoration:underline;
	font-family:Arial;
	font-size:12px;
	color:#5f5f5f;
	}

.align-center3 a:hover {
	text-decoration:underline;
	font-family:Arial;
	font-size:12px;
	color:#5f5f5f;
	}

.align-center2 {
	left:10px;
	width:640px;
	text-align:center;
	background:url(../images/fond-cont-bas.jpg) bottom right no-repeat;
	}

.align-gauche {
	float:left;
	left:10px;
	width:120px;
	padding-top:15px;
	padding-left:120px;
	text-align:left;
	line-height:22px;
	padding-bottom:15px;
	}

div.topper h2 ,.galerie h2,.contact h3,  .galerie h2 #h2-galerie-0{
	visibility: hidden;
	height: 0px;
	margin-top:-5px
	}
	
.news ul.photos , .news ul.basbas  {
	
	width:245px;
	top: 0px;
	.top: 30px;
	margin-bottom:-10px;
	
	}
.news ul.photos li, .news ul.basbas li {
	font-family:Arial;
	font-size:12px;
	color:#6f6f6f;
	padding-left:20px;
	padding-bottom:10px;
	list-style-type: none;
	background-repeat:no-repeat;
	background-position:0px 1px;
	background-image: url(../images/news.jpg);
	}

.menu-nsel2 {

	font-family:Arial;
	font-size:12px;
	padding-left:20px;
	color:#6f6f6f;
	margin-top:8px;
	margin-left:2px;
	margin-right:2px;
	background-repeat:no-repeat;
	background-image:url(../images/fleche-album.jpg);
	}

.news ul.photos a, .news ul.basbas a {
	color:#9a000c;
	}

.news ul.photos a:hover, .news ul.basbas a:hover  {
	color:9a000c;
	}




.cms , .photo-description, .contact-bis, .newsletter{
	padding-top:55px;
	padding-left:350px;
	.padding-left:20px;
	width: 450px;
	min-height:100px;
	background:url(../images/fond-cont-haut.jpg) 350px 35px no-repeat;
	.background:url(../images/fond-cont-haut.jpg) 15px 35px no-repeat;
	}

.texte-bas{
	padding-top:55px;
	padding-left:400px;
	width:450px;
	.padding-left:70px;
	min-height:100px;
	background:url(../images/fond-cont-haut.jpg) 350px 35px no-repeat;
	.background:url(../images/fond-cont-haut.jpg) 15px 35px no-repeat;
	}

.contact, .horaire{
	
	padding-left:50px;
	
	}

.photo-description p{
	padding-left:50px;
	
	}

.legende, .photo-target {
	width: 450px;
	padding-left:50px;
	margin-top:-10px;
	padding-bottom:15px;
	background:url(../images/fond-cont-bas.jpg) bottom right no-repeat;
	min-height:100px;
	color:#000000;
	}
	
.google {
	width: 450px;
	margin-left:400px;
	padding-top:70px;
	padding-bottom:15px;
	background:url(../images/fond-cont-bas.jpg) bottom right no-repeat;
	min-height:100px;
	color:#000000;
	}


	
.contact-form {
	padding-left:50px;
	padding-top:10px;
	padding-bottom:15px;
	background:url(../images/fond-cont-bas.jpg) bottom right no-repeat;
	min-height:100px;
	}
	
.site {
	position:relative;
	top:0px;
	left:0px;
	width:639px;
	padding-left:40px;
	padding-bottom:0px;
	z-index:1;
	background-image:url(../images/fond-bas.jpg);
	}

.cms h2 , .galerie h3, #site h2{
	position: absolute;
	top: -15px;
	.top: 0px;
	left: 400px;
	font-family:Verdana;
	font-size:24px;
	font-weight:normal;
	color:#000000;
	}

.horaire h4 , .contact-form h3{
	
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	color:#141414;
	}



div.galerie ul.galerie	{
	margin: 0;
	padding: 0px;
	list-style-type: none;
	}

div.galerie ul.galerie li	{
	display: inline;
	}

div.galerie ul.galerie img	{
	border: 1px solid #808080;
	margin-right: 5px;
	margin-left: 15px;
	margin-bottom: 20px;
	}



/* navigation galerie */
div.photo-target	{
	fload: none;
	min-height: 75px;

	}



div.nav-fleche	{
	position: relative;
	float: left;
	left: 50px;
	padding-top: 5px;
	.padding-top: 10px;
	width: 655px;

}

div.nav-fleche	#fleche-precedent , div.nav-fleche	#fleche-precedent a{
	float: left;
	width: 140px;
	text-align: left;
	color: #000000;
	TEXT-DECORATION: none;
	font-size: 10px;
	}

div.nav-fleche	#numero2{
	float: left;
	width: 105px;
	margin-left: 10px;
	text-align: center;
	font-size: 10px;
	TEXT-DECORATION: none;
	color: #f59316;
	}

div.nav-fleche #numero2	div.numero-none{
	float: left;
	color: #000000;
	font-weight:bold;
	}

div.nav-fleche #numero2	div.numero-oui{
	float: left;
	color: #f59316;
	font-weight:bold;
	}

div.nav-fleche #numero2	div.numero a{
	float: left;
	color: #f59316;
	TEXT-DECORATION: none;
	}

div.nav-fleche	#fleche-suivant, div.nav-fleche	#fleche-suivant a{
	width: 120px;
	.width: 220px;
	float: left;
	text-align: right;
	color: #000000;
	TEXT-DECORATION: none;
	font-size: 10px;
	}
	
div.insc label, div.newsletter label, div.contact-form label, div.membres label, div.particulier label, div.concours label	{
	.clear: left;
	float: left;
	width: 15em;
	padding-top: 1em;
	.padding-top: .5em;
	}

div.insc input.text,  div.newsletter input.text, div.contact-form input.text, div.insc input.password, div.membres input.text, div.membres input.password, div.particulier input.text, div.particulier input.password	{
	width: 15em;
	}

div.contact-form textarea, div.insc textarea, div.membres textarea, , div.newsletter textarea	{
	clear: left;
	height: 6em;
	width: 26em;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	}

div.contact-form input.text, div.contact-form textarea, div.newsletter input.text, div.insc input.text, div.insc textarea , div.insc input.password, div.membres input.text, div.membres input.password, div.membres textarea, div.particulier input.text, div.particulier input.password	{
	border-top: 1px solid #b71313;
	border-left: 1px solid #b71313;
	border-bottom: 1px solid #c22;
	border-right: 1px solid #c22;
	padding: .25em;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	margin-top: 1em;
	.margin-top: .5em;
	}


	
.facebook-site {
	visibility: hidden;
	}

.newsletter-home {
	position: absolute;
	top:320px;
	left:30px;
	width:300px;
	z-index:10;
}

.newsletter-titre {
	background-repeat:no-repeat;
	background-position: 0px 0px ;
	.padding-top: 5px;
	padding-bottom: 10px;
	color:#ad0040;
	font-family: verdana, arial, helvetica;
	}



.newsletter-input {
	float:left;
	}

.newsletter-ok {
	float:left;
	padding-left: 15px;
	}