/* anam */

/*-------------------------------------------- GENERAL */
h1, h2, h3, address, p, ul, li{
	display:block;
	margin:0;
	padding:0;
}

html, body{
	font:100%/100% Verdana, Arial, Helvetica, sans-serif;
	background:url(img/bg.gif) repeat-x top left #fff;	
	margin:0;	
	padding:0;
}

#general{
	width:955px;
	margin:0 auto;
	padding:0;
}
 
#general01{
	width:51px;
	height:600px;
	background:url(img/bga.gif) no-repeat top right #fff;	
	margin:0;
	padding:0;
	float:left;
}

#general02{
	width:855px;
	margin:0;
	padding:0;
	float:left;
}

#general03{
	width:49px;
	height:600px;
	background:url(img/bgb.gif) no-repeat top left #fff;	
	margin:0;
	padding:0;
	float:left;
}

#contenu{
	padding:50px 0 0 0;
	margin:0;
	background-color:#fff;
}

/*-------------------------------------------- BANDEAU */
#bando{
	width:855px;
	height:161px;
	margin:0;
	padding:0;
}

#bando h2{
	width:583px;
	text-align:center;
	margin:0;
	padding:0;
}

#bando img{
	width:260px;
	height:71px;
	margin:32px 0px 0 17px;
}

.bando1{
background:url(img/bando1.jpg) no-repeat top left;
}

.bando2{
background:url(img/bando2.jpg) no-repeat top left;
}

.bando3{
background:url(img/bando3.jpg) no-repeat top left;
}

/*-------------------------------------------- MENU */
#menu{
	width:566px;
	height:32px;
	clear:both;
	margin:0;
	padding:0 0 0 289px;
}

.menubg{
	background:url(img/bg-menu.gif) no-repeat top left #fff;
}

.menubg2{
	background:url(img/bg-menu2.gif) no-repeat top left #fff;
}

#menu ul{
	height:32px;
	padding:0;
	margin:0;
	width: 566px;
}

#menu ul li{
	height:32px;
	margin:0;
	padding:0;
	display:inline;
}

#menu ul li a{
	height:32px;
	margin:0;
	display:block;
	float:left;
	text-decoration:none;
}

#menu ul li a:hover{
	background-position:0 -32px;
	list-style-type:none;
}

#menu ul li a.focus{
	background-position:0 -32px;
	list-style-type:none;
}

a.menu_acc_1{
	width:107px;
	background:url(img/titre1.gif) top left no-repeat;
}

a.menu_acc_2{
	width:206px;
	background:url(img/titre2.gif) top left no-repeat;
}

a.menu_acc_3{
	width:133px;
	background:url(img/titre3.gif) top left no-repeat;
}

a.menu_acc_4{
	width:120px;
	background:url(img/titre4.gif) top left no-repeat;
}

/*-------------------------------------------- ACCUEIL */
.bloc01{
	width:433px;
	float:left;
	margin:0;
	padding:0 0 0 12px;
}

.bloc01 p{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#5b5643;
	padding:0;
	margin:0;
}

.bloc01 ul{
	padding:0 0 0 9px;
	margin:0;
}

.bloc01 ul li{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	background:url(img/puce.gif) no-repeat 0px 0px;
	color:#5b5643;
	padding:0 0 0 24px;
	margin:12px 0 0 0;
	list-style:none;
}

.bloc01 ul.macaron{
	background:url(img/separateur4.gif) no-repeat 0px 40px;
	padding:0 0 30px 10px;
}

.bloc01 ul li.bgnone{
	background:none;
}

.separateur1{
	width:420px;
	height:50px;
	background:url(img/separateur1.gif) no-repeat top left;
	margin:0;
	padding:0;
}

.separateur2{
	width:420px;
	height:50px;
	background:url(img/separateur2.gif) no-repeat top left;
	margin:0;
	padding:0;
}

.separateur3{
	width:420px;
	height:40px;
	background:url(img/separateur3.gif) no-repeat top left;
	margin:0;
	padding:0;
}

.separateur5{
	width:395px;
	height:15px;
	background:url(img/separateur5.gif) no-repeat top left;
	margin:0 0 10px 0;
	padding:0;
	clear: both;
}

.bloc02{
	width:410px;
	height:347px;
	float:left;
	margin:0;
	padding:0;
}

.bloc03{
	width:410px;
	float:left;
	margin:0;
	padding:0;
}

#main{
	width:600px;
	background:url(img/bg-center.gif) repeat-y top left;
	margin:0 auto;
	padding:0;
}

.haut{
	width:580px;
	height:38px;
	background:url(img/bg-haut.gif) no-repeat top left #fff;
	margin:0 auto;
	padding:0 10px;
}

.hautbis{
	width:600px;
	height:20px;
	background:url(img/bg-haut2.gif) no-repeat 2px bottom  #fff;
	margin:0 auto;
	padding:0;
}

.haut p.haut1{
	width:180px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#5b5643;
	margin:0;
	padding:10px 0 0 0;
	text-align:center;
	float:left;
}

.haut p.haut2{
	width:170px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#5b5643;
	margin:0;
	padding:10px 0 0 0;
	text-align:center;
	float:left;
}

.haut p.haut3{
	width:230px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#5b5643;
	margin:0;
	padding:10px 0 0 0;
	text-align:center;
	float:left;
}

.bas{
	width:600px;
	height:20px;
	background:url(img/bg-bas.gif) no-repeat top left #fff;
	margin:0 auto;
	padding:0 0 30px 0;
}

.stretcher{
	width:578px;
	background:url(img/bg-text.gif) no-repeat top left #fff;
	margin:0 auto;
	padding:0;
}

.stretcher p{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#5b5643;
	padding:7px 10px 10px 5px;
	margin:0;
}

.stretcher ul{
	padding:0 0 0 9px;
	margin:0;
}

.stretcher ul li{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	background:url(img/puce.gif) no-repeat 0px 0px;
	color:#5b5643;
	padding:0 0 0 24px;
	margin:12px 0 0 0;
	list-style:none;
}

.txttitrejava{
	width:578px;
	height:37px;
	background:url(img/bg-titre.gif) no-repeat 0px 0px;
	padding:0;
	margin:0 auto;
}

.txttitrejava p{
	width:360px;
	height:20px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding:14px 0 0 30px;
	line-height:20px;
	color: #527a98;
	float:left;
}

.txttitrejava2{
	width:578px;
	height:37px;
	background:url(img/bg-titre.gif) no-repeat 0px 0px;
	padding:0;
	margin:0 auto;

}

.txttitrejava2 p{
	height:20px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding:13px 0 0 30px;
	color: #527a98;
	float:left;
	line-height: 12px;
}

.savoirplus{
	width:100px;
	height:20px;
	background:url(img/puce2.gif) no-repeat 135px 14px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	padding:14px 30px 0 30px;
	line-height:20px;
	color: #ff9933;
	text-align:right;
	float:right;
	cursor: pointer;
}

.tablo{
	width:580px;
	padding:0 10px;
	margin:0;
}

.tablo p.tablo1{
	width:160px;
	height:75px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	background:url(img/separateur6.gif) no-repeat right 10px;
	color:#5b5643;
	margin:0;
	padding:10px 10px  0 10px;
	text-align:left;
	float:left;
}

.tablo p.tablo2{
	width:147px;
	height:75px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	background:url(img/separateur6.gif) no-repeat right 10px;
	color:#5b5643;
	margin:0;
	padding:10px 10px  0 10px;
	text-align:left;
	float:left;
}

.tablo p.tablo3{
	width:210px;
	height:75px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#5b5643;
	margin:0;
	padding:10px 10px  0 10px;
	text-align:left;
	float:left;
}

.coord{
	width:433px;
	float:left;
	background:url(img/bg-coord.gif) no-repeat 20px -75px;
	margin:0;
	padding:0 0 0 12px;
}

.coord p{
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	color:#5b5643;
	padding:5px 0 5px 50px;
	margin:0;
}

.coord p.spe{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#5b5643;
	text-align:right;
	padding:5px 0 15px 10px;
	margin:0;
}

.coord img{
	display:block;
	float:right;
	padding:0 0 0 10px;
	margin:0;
}

.coordbouton{
	width:115px;
	height:15px;
	background:url(img/bg-bouton2.gif) no-repeat top left;
	margin-left:204px;
	border:none;
	cursor: pointer;
}

.mentions{
	width:578px;
	margin:0 auto;
	padding:0;
}

.mentions p{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#5b5643;
	padding:7px 10px 10px 5px;
	margin:0;
}

.mentions ul{
	padding:0 0 0 9px;
	margin:0;
}

.mentions ul li{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	background:url(img/puce.gif) no-repeat 0px 0px;
	color:#5b5643;
	padding:0 0 0 24px;
	margin:12px 0 0 0;
	list-style:none;
}

/* --------------------------------------------------FOOTER */
#footer{
	width:880px;
	height:100px;
	text-align:center;
	margin:0 auto;
	padding:0;
}

#footer p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#7a7a7a;
	text-align:center;
	padding-top:10px;
	clear: both;
}

#footer img{
	padding-bottom:5px;
	clear: both;
}



/* -------------------------------------------------- FORMULAIRE 1 */
label{
	display:block;
	float:right;
	width:150px;
	line-height: 20px;
}

form{
	margin:0;
}

form p{
	margin:0;
	clear:both;
	display: block;
}

.input{
	width:230px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#5b5643;
	margin:0px 0px 8px 5px;
	background-color: #fff;
	border:solid 1px #5b5643;
	float: right;
}

form select{
	width:232px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#5b5643;
	margin:0px 0px 8px 5px;
	background-color: #fff;
	border:solid 1px #5b5643;
	float: right;
}


.borderleft{
	border-left:solid 1px #5b5643;
	height: 80px;
}

.borderleft2{
	border-left:solid 1px #5b5643;
	height: 100px;
}

textarea{
	width:220px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#5b5643;
	margin:0 0 8px 0;
	background-color: #fff;
	border:solid 1px #5b5643;
	float: right;
}

#bouton{
	width:129px;
	height:34px;
	background:url(img/bg-bouton.gif) no-repeat top left;
	font:bold 10px verdana, Arial, Helvetica, sans-serif;
	color:#5b5643;
	padding:0 0 3px 20px;
	border:none;
	clear: both;
	cursor: pointer;
}

#bouton2{
	width:129px;
	height:34px;
	background:url(img/bg-bouton.gif) no-repeat top left;
	font:bold 10px verdana, Arial, Helvetica, sans-serif;
	color:#5b5643;
	padding:0 0 3px 20px;
	border:none;
	clear: both;
	cursor: pointer;
}

#formulaire{
	width:395px;
	text-align:right;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:0 10px 0 0;
	margin:0;
	float:left;
}

/*------------------------- LIENS -------------------------- */
a{
	text-decoration: none;
	color:#ff9933;
}

a:hover{
	text-decoration: none;
	color:#94b5bb;
}

#footer a{
	text-decoration: none;
	color:#94b5bb;
}

#footer a:hover{
	text-decoration: none;
	color:#7a7a7a;
}

a.carte{
	height:347px;
	width:410px;
	background:url(img/carte.jpg) top left no-repeat;
	margin:0;
	display:block;
	text-decoration:none;
}

.bloc02 a:hover{
	background-position:0 -347px;
	text-decoration: none;
}

/*------------------------- TYPOS -------------------------- */
.txttop {
	font-size:10px;
	color:#666;
	display: block;
}

.txthidden{
	visibility:hidden;
	font:normal 8px Verdana, Arial, Helvetica, sans-serif;
}

.txtitalik{
	text-align:right;
	font:italic normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#94b5bb;
	margin-right: 130px;
}

.txtbold{
	font-weight:bold; 
}

.txtorange{
	color:#FF9933; 
}

.txtclear{
	height:1px;
	margin:0px;
	padding:0px;
	line-height:1px;
	clear:both;
}

.txtbarre{
	height:30px;
	background:url(img/bg-barre.gif) repeat-x 0px 25px;
	padding:0;
	clear:both;
	margin: 0 0 0 10px;
}

.txttitre{
	height:20px;
	background:url(img/bg-barre.gif) repeat-x 0px 15px;
	padding:0 0 20px 0;
	clear:both;
}

.txttitre p{
	background-color:#fff;
	font:normal 15px Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	padding:0 10px 0 10px;
	line-height:20px;
	color: #527a98;
	float:left;
}