/* 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;
	margin:0;	
	padding:0;
	background-color:#9b9a9f;
}

.bg1{
	background:url(img/bg-general1.gif) repeat-x top left #fff;	
}

.bg2{
	background:url(img/bg-general2.gif) repeat-x top left #fff;	
}

#general{
	width:955px;
	margin:0 auto;
	padding:0;
}

#contenu{
	width:955px;
	padding:0;
	margin:0;
}

/*-------------------------------------------- BANDEAU */
#bando{
	width:955px;
	height:184px;
	margin:0;
	padding:0;
	position:relative;
}

#bando h2{
	width:566px;
	height:26px;
	background:url(img/slogan.jpg) no-repeat 196px 27px;
	margin:0;
	padding:27px 0 0 196px;
}

#bando2{
	width:955px;
	height:114px;
	margin:0;
	padding:0;
	position:relative;
}

/*-------------------------------------------- LOGO 1  */
.logo1{
	width:318px;
	height:236px;
	position:absolute;
	right:311px;
	top:75px;
}

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

.logo2{
	width:241px;
	height:184px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo2.png',sizingMethod='scrop');
	position:absolute;
	right:349px;
	top:3px;
}

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

.nana{
	width:413px;
	height:441px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/nana.png',sizingMethod='scrop');
	position:absolute;
	right:105px;
	top:254px;
}

/*-------------------------------------------- MENU */
#menu{
	width:815px;
	height:25px;
	background:url(img/bg-menu.gif) no-repeat top left;
	clear:both;
	margin:0;
	padding:87px 0 0 140px;
}

#menu2{
	width:815px;
	height:25px;
	background:url(img/bg-menu.gif) no-repeat top left;
	clear:both;
	margin:0;
	padding:70px 0 0 140px;
}

#menu ul, #menu2 ul{
	width:815px;
	height:25px;
	padding:0;
	margin:0;
}

#menu ul li, #menu2 ul li{
	height:25px;
	margin:0;
	padding:0;
	display:inline;
}

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

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

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

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

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

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

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

li.space{
	width:210px;
	height:25px;
	margin:0;
	display:block;
	float:left;
	text-decoration:none;
}

/*-------------------------------------------- ACCUEIL */
#contenu h3.titre{
	width:444px;
	height:36px;
	background:url(img/titre.gif) no-repeat 378px 150px;
	margin:0;
	padding:150px 0 0 378px;
}

.bloc01{
	width:702px;
	height:180px;
	background:url(img/bg-accueil.jpg) no-repeat 82px 0px;
	margin:0;
	padding:10px 0 40px 120px;
}

.bloc01 p{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:12px 0 0 0;
	margin:0;
	line-height: 16px;
}

/*-------------------------------------------- PRESTATIONS */
.bloc02{
	width:860px;
	height:490px;
	background:url(img/bg-barre.gif) no-repeat 58px 90px;
	margin:0;
	padding:140px 0 0 46px;
}

.bloc03{
	width:384px;
	height:490px;
	background:url(img/bg-barre2.gif) repeat-y 12px -15px;
	margin:0;
	padding:0 90px 0 0;
	float:left;
}

.bloc04{
	width:384px;
	height:490px;
	background:url(img/bg-livre.gif) no-repeat 110px 300px;
	margin:0;
	padding:0;
	float:left;
}

.bloc03 ul li, .bloc04 ul li, .bloc06 ul li, .bloc07 ul li,.bloc09 ul li,.bloc10 ul li, .bloc12 ul li, .bloc13 ul li{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#5d5f64;
	background:url(img/puce.gif) no-repeat 40px -1px;
	list-style-type:none;
	padding:0 0 10px 65px;
	margin:0;
}

/*-------------------------------------------- AVANTAGES */
.bloc05{
	width:955px;
	background:url(img/bg-barre.gif) no-repeat 12px 90px;
	margin:0;
	padding:140px 0 0 0;
}

.bloc06{
	width:384px;
	height:380px;
	background:url(img/bg-barre2.gif) repeat-y 12px -15px;
	margin:0;
	padding:0 90px 0 12px;
	float:left;
}

.bloc07{
	width:400px;
	height:294px;
	background:url(img/bg-avantages.jpg) no-repeat 0px 0px;
	margin:85px 0 0 0;
	padding:0;
	float:left;
}

/*-------------------------------------------- CONTACT */
.bloc08{
	width:860px;
	background:url(img/bg-barre.gif) no-repeat 12px 90px;
	margin:0;
	padding:140px 0 0 0;
}

.bloc09{
	width:450px;
	height:380px;
	margin:0;
	padding:0 0 0 40px;
	float:left;
	position:relative;
}

.bloc10{
	width:370px;
	height:380px;
	background:url(img/bg-barre2.gif) repeat-y 12px -15px;
	margin:0;
	padding:0;
	float:left;
}

.plan{
	width:287px;
	height:237px;
	margin:0 0 0 40px;
	padding:0;
	display:block;
	cursor: pointer;
}

/*-------------------------------------------- MENTIONS LEGALES */
.bloc11{
	width:955px;
	background:url(img/bg-barre.gif) no-repeat 12px 90px;
	margin:0;
	padding:140px 0 0 0;
}

.bloc12{
	width:384px;
	height:380px;
	background:url(img/bg-barre2.gif) repeat-y 12px -15px;
	margin:0;
	padding:0 90px 0 0;
	float:left;
}

.bloc13{
	width:384px;
	height:380px;
	margin:0;
	padding:0 90px 0 0;
	float:left;
}

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

#footer p{
	width:955px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	padding-top:10px;
	clear: both;
	margin:0 auto;
}

.adress{
	width:242px;
	height:30px;
	background:url(img/picto-adress.gif) no-repeat 40px 20px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	padding:20px 0 10px 70px;
	float:left;
	margin:0;
}

.coord{
	width:150px;
	height:30px;
	background:url(img/picto-tel.gif) no-repeat 0px 20px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	padding:20px 0 10px 30px;
	float:left;
	margin:0;
}

.contact{
	width:136px;
	height:25px;
	background:url(img/picto-contact.gif) no-repeat 0px 20px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	padding:25px 0 10px 30px;
	float:left;
	margin:0;
}

.adresstotal{
	width:955px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	clear: both;
	margin:0 auto;
}

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

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

form{
	margin:0;
}

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

.input{
	width:230px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#333;
	margin:0px 0px 5px 0;
	background-color: #fff;
	border:solid 1px #999;
	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;
}

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

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

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

/*------------------------- 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;
}

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

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

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

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

/*------------------------- 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:#898a8d;
}

.txtitalik2{
	font:italic normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	margin-right: 130px;
}

.txtbold{
	font-size:17px;
	font-weight:bold; 
}

.txtrouge{
	color:#d80b0b;
	font-weight: bold;
}

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

.txttitre{
	height:33px;
	background:url(img/bg-rouge.gif) repeat-x 0px 0px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	padding:16px 0 10px 40px;
	clear:both;
}

.txttitre2{
	height:35px;
	background:url(img/bg-gris.gif) no-repeat 0px 0px;
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	padding:15px 0 10px 40px;
	clear:both;
}