/* CSS Document */

/* 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-color:#585e5e;
	margin:0;	
	padding:0;
}

#general{
	margin:0 auto;
	padding:0;
}

/*-------------------------------------------- BANDO */
#bando-total{
	width:100%;
	background:url(img/bg-bando.gif) repeat-x top left;
	margin:0;
	padding:0;
}

#bando-total2{
	width:100%;
	background:url(img/bg-bando2.gif) repeat-x top left;
	margin:0;
	padding:0;
}

#bando{
	width:955px;
	margin:0 auto;
	padding:0;
	position:relative;
}

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

.bg2{
	background:url(img/bando2.jpg) no-repeat top left;
	height:221px;
}
.bg3{
	background:url(img/bando3.jpg) no-repeat top left;
	height:221px;
}
/*-------------------------------------------- CONTENU */
#contenu-total{
	width:100%;
	background:url(img/bg-contenu.jpg) repeat-x left -50px;
	background-color:#F3F3F3;
	margin:0;
	padding:0;
}

#contenu{
	width:955px;
	margin:0 auto;
	padding:0;
}
 
/*-------------------------------------------- LOGO PNG  */
html>body .logo{
	filter:none;
	background:url(img/logo.png) no-repeat 0px 0px;
	cursor: pointer;
}

.logo{
	width:240px;
	height:209px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png',sizingMethod='scrop');
	position:absolute;
	right:628px;
	top:148px;
}

/*-------------------------------------------- LOGO PNG  */
html>body .logo2{
	filter:none;
	background:url(img/logo2.png) no-repeat 0px 0px;
	cursor: pointer;
}

.logo2{
	width:147px;
	height:131px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo2.png',sizingMethod='scrop');
	position:absolute;
	right:715px;
	top:114px;
}

/*-------------------------------------------- SLOGAN PNG  */
html>body .slogan{
	filter:none;
	background:url(img/slogan.png) no-repeat 0px 0px; 
}

.slogan{
	width:202px;
	height:112px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/slogan.png',sizingMethod='scrop');
	position:absolute;
	left:355px;
	top:0px;
}


/*-------------------------------------------- MENU */
#menu{
	width:530px;
	height:36px;
	margin:0;
	padding:0 0 0 425px;
}

#menu ul{
	width:530px;
	height:36px;
	padding:0;
	margin:0;
}

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

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

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

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

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

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

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

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

/* --------------------------------------------------ACCUEIL */
.blok1{
	width:302;
	height:130px;
	margin:0;
	padding:70px 0 30px 40px;
	float:left;
}

.blok1 img{
	float:left;
}

.bouton1{
	width:135px;
	height:22px;
	background:url(img/bg-bouton1.gif) no-repeat 0px 0px;
	margin:65px 0 0 0;
	padding:0;
	float:left;
	text-decoration:none;
}

.bouton2{
	width:135px;
	height:22px;
	background:url(img/bg-bouton2.gif) no-repeat 0px 0px;
	margin:65px 0 0 0;
	padding:0;
	float:left;
	text-decoration:none;
}

.bouton1 a, .bouton2 a{
	text-decoration:none;
}

.bouton1 a:hover, .bouton2 a:hover{
	text-decoration:none;
}

.cadre{
	width:152px;
	height:200px;
	background:url(img/bg-cadre.gif) no-repeat 15px 30px;
	margin:0;
	padding:40px 0 0 35px;
	float:left;
	color: #FFFFFF;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
}

/* --------------------------------------------------PAGES INTERNES*/
.blok2{
	width:300px;
	background:url(img/bg-block02.gif) no-repeat 100px 18px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:46px 0 40px 120px;
	float:left;
}

.blok2 img{
	float:left;
	padding:0 10px 10px 0;
	cursor: pointer;
}

.blok3{
	width:340px;
	padding:0;
	float:left;
	background-color: #000;
}

.blok3 img{
	height:222px;
	width:338px;
	margin: 0;
	padding: 0;
}

#legend1{
	width:330px;
	margin:0;
	padding:5px;
	float:left;
	text-align: center;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display:block;
}

#legend2, #legend3, #legend4, #legend5, #legend6, #legend7, #legend8, #legend9, #legend10, #legend11, #legend12, #legend13, #legend14, #legend15, #legend16, #legend17, #legend18, #legend19, #legend20, #legend21, #legend22, #legend23, #legend24, #legend25{
	width:320px;
	margin:0;
	padding:10px;
	float:left;
	text-align: center;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display:none;
}

/* --------------------------------------------------CONTACT */
.blok4{
	width:451px;
	background:url(img/bg-block02.gif) no-repeat 90px 18px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:46px 0 40px 110px;
	float:left;
}

.coord{
	width:451px;
	height:240px;
	background:url(img/bg-contact.gif) no-repeat 0px 0px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:35px 0 0 0;
	float:left;
}

.adress{
	width:350px;
	height:52px;
	background:url(img/adress.gif) no-repeat 0px 0px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#355e8e;
	margin:0 15px 30px 25px;
	padding:0 0 0 60px;
}

.adress{
	width:350px;
	height:52px;
	background:url(img/adress.gif) no-repeat 0px 0px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#355e8e;
	margin:0 15px 30px 25px;
	padding:0 0 0 60px;
}

.tel{
	width:350px;
	height:42px;
	background:url(img/tel.gif) no-repeat 0px 0px;
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	color:#355e8e;
	margin:0 15px 30px 25px;
	padding:10px 0 0 60px;
}

.arobase{
	width:350px;
	height:32px;
	background:url(img/arobase.gif) no-repeat 0px 0px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#d1212a;
	margin:0 15px 30px 25px;
	padding:20px 0 0 60px;
}

/* --------------------------------------------------FOOTER */
#footer-total{
	width:100%;
	background:url(img/bg-footer.gif) repeat-x top left #585e5e;
	text-align:center;
	margin:0;
	padding:0;
}

#footer{
	width:955px;
	height: 150px;
	background:url(img/bg-footer2.gif) no-repeat 110px 0px;
	margin:0 auto;
	padding:0;
}

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

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

#footer p.tt{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#cc0000;
	padding-top:40px;
	clear: both;
}

#footer p.rouge a, #footer p.tt a{
	color:#cc0000;
	text-decoration:none;
}

#footer p.rouge a:hover, #footer p.tt a:hover{
	color:#000;
	text-decoration:none;
}

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

/* -------------------------------------------------- FORMULAIRE */
label{
	display:block;
	float:left;
	width:70px;
	line-height: 20px;
}

form{
	margin:0;
}

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

.input{
	width:290px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#723228;
	margin:0px 0px 8px 3px;
	background-color: #fff;
	border:solid 1px #9f1717;
	padding: 0 0 0 5px;
}

textarea{
	width:290px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#723228;
	margin:0 0 5px 0;
	background-color: #fff;
	border:solid 1px #9f1717;
	padding: 0 0 0 5px;
}

#bouton{
	width:105px;
	height:24px;
	background:url(img/bgt-bouton.gif) no-repeat 0px -2px;
	font:bold 10px verdana, Arial, Helvetica, sans-serif;
	color:#723228;
	padding:0 0 3px 0;
	border:none;
	clear: both;
	cursor: pointer;
	text-align: center;
	margin: 0;
}

#formulaire{
	width:300px;
	text-align:right;
	background:url(img/barre.gif) no-repeat 50px 40px;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:80px 0 50px 60px;
	margin:0;
	float:left;
}

/*------------------------- TYPOS -------------------------- */
.txthidden{
	visibility:hidden;
	font:normal 8px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1px;
}

.txtitalik{
	font:italic normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#9BB356;
	margin-left: 80px;
	padding: 0 0 10px 0;
}

.txtbold{
	font-weight:bold; 
}

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


/* **************  REF ****************** */

img {
	border: 0;
}

.txt-1 {
	float: left;
	width: 540px;
	margin: 10px 30px 50px 0px;
	font-size: 11px;
}
.txt-2 {
	float: left;
	width: 380px;
	margin: 10px 0px 50px 0px;
	font-size: 11px;
}
.txt-1 a, .txt-2 a {
	color: #000;
	text-decoration: none;
}
.txt-1 a:hover , .txt-2 a:hover {
	color: #600;
	text-decoration: none;
}

.lien-1 {
	color: #a40000;
	text-decoration: none;
}
.lien-1:hover {
	color: #a49999;
	text-decoration: none;
}