/* anam */

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

a{
	text-decoration:none;
}

*{
	margin:0;
	padding:0;
}

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

#gauche {
	background:url(img/fond-gauche.jpg) no-repeat right top;
}

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

#maquette {
	width:955px;
	border:none;
}

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

.txtitalik{
	font-style:italic;
}

.txtjustify{
	text-align:justify;
}

.txtbold{
	font-weight:bold; 
}

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

.txtright:{
	float:right;
}

.txtleft:{
	float:left;
}

.txtbarre{
	height:5px;
	background:url(img/barre.jpg) no-repeat top center;
	margin:0 0 5px 0;
	clear: both;
}

/* -------------------------------------------------- BANDO*/

.bando{
	width:294px;
	height:658px;
	background:#fff url(img/cote-accueil.jpg) no-repeat left top;
	float:left;
}

.bando2{
	width:294px;
	background:#fff url(img/cote-accueil.jpg) no-repeat left top;
	float:left;
	height: 680px;
}

/* -------------------------------------------------- LOGO*/
.logo{
	width:212px;
	height:94px;
	padding:445px 0 0 75px;
	background:url(img/archide-logo.jpg) no-repeat 62px 445px;
}

/* -------------------------------------------------- CONTENU*/

.contenu{
	width:661px;
	background:url(img/bg-contenu.jpg) repeat-y left top;
	float:left;
	background-color: #30262F;
}

/*-------------------------------------------- MENU */
#menu{
	width:596px;
	height:52px;
	margin:18px 0 0 0;
	float:left;
}

#menu a{
	height:18px;
	color:#462e5e;
	font:13px normal Verdana, Arial, Helvetica, sans-serif;
	padding: 34px 0 0 5px;
	display: block;
	float:left;
	letter-spacing: -1px;
	background-color:#FFFFFF;
}

#menu a:hover, #menu a.focus{
	color:#8f125c;
	border-bottom:8px solid #8f125c;
}

a.menu1{
	width:90px;
}

a.menu2{
	width:109px;
}

a.menu3{
	width:114px;
}

a.menu4{
	width:263px;
}

/* -------------------------------------------------- ACCUEIL*/
.divaccueil1{
	width:317px;
	padding:36px 0 0 22px;
	float:left;
	/*border:1px solid #fff;*/
	height: 250px;
	/*background:url(img/bg-divaccueil.jpg) no-repeat right top;*/
}

.divaccueil1-txt{
	padding:20px 10px;
	color:#fff;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	background:url(img/bg-divaccueil.jpg) no-repeat right top;
	border:1px solid #fff;
}

.divaccueil2{
	width:295px;
	margin:35px 0 0 0;
	float:left;
	height: 250px;
	background: url(img/img-accueil.jpg) no-repeat left top;
}

.divaccueil3{
	width:621px;
	margin:15px 0 20px 22px;
	height:264px;
	border:1px solid #fff;
}

/* -------------------------------------------------- REALISATIONS*/
.divsuivprec{
	width:619px;
	margin:35px 0 0 0;
	height:16px;
}

.divreal{
	width:620px;
	height:265px;
	border:1px solid #fff;
	background: url(img/img-real-test.jpg) no-repeat left top;
}

.divreal2{
	width:317px;
	padding:15px 0 15px 22px;
	float:left;
}

.divreal2-txt{
	padding:30px 10px 30px 10px;
	color:#fff;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	border:1px solid #fff;
	background:url(img/bg-divaccueil.jpg) no-repeat right top;
}

.divreal2-txt ul, .divreal3-txt3 ul {
	padding:10px 0 0 0;
}

.divreal2-txt ul li, .divreal3-txt3 ul li{
	padding:0 0 0 30px;
	color:#fff;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	list-style-type:none;
}

.divreal3{
	width:306px;
	margin:34px 0 0 0;
	float:left;
}

.divreal3-titre{
	height:41px;
	background: url(img/titre-realisations.jpg) no-repeat left top;
}

.divreal3-titre2{
	height:41px;
	background: url(img/titre-prestations.jpg) no-repeat 0px -4px;
}

.divreal3-txt{
	padding:0 0 0 15px;
	color:#fff;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}

.divreal3-txt2{
	padding:0 0 30px 0;
	color:#fff;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 0 0 0;
}

.divreal3-txt3{
	padding:0 0 0 15px;
	color:#fff;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 0 0 0;
}

/* -------------------------------------------------- DIAPO REALISATIONS*/

#menureal{
	width:282px;
	height:127px;
	margin:18px 0 0 15px;
}

#menureal a{
	height:22px;
	width:280px;
	color:#fff;
	background-color:#302630;
	font:13px normal Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 3px 0;
	padding:5px 0 0 7px;
	display: block;
	float:left;
	letter-spacing: -1px;
	border:1px solid #fff;
}

#menureal a:hover{
	background-color:#91115e;
}

#diapo4{
	width:619px;
	margin:0 0 0 22px;
	display:block;
}

#diapo2, #diapo3, #diapo1, #diapo5{
	width:619px;
	margin:0 0 0 22px;
	display:none;
}

img.visionneur{
	width:81px;
	height:16px;
	border:none;
	margin:0;
	padding:0;
	cursor:pointer;
	float: left;
	background: url(img/titre-preced.jpg) no-repeat 0px 0px;
}

img.visionneur2{
	width:66px;
	height:16px;
	border:none;
	margin:0;
	padding:0;
	cursor:pointer;
	float:right;
	background: url(img/titre-suiv.jpg) no-repeat 0px 0px;
}

.divreal img{
	float:left;
}

/* -------------------------------------------------- DIAPO REALISATIONS*/

#diapo6{
	width:619px;
	margin:0 0 0 22px;
	display:block;
}

/* -------------------------------------------------- CONTACT*/

.formulaire{
	width:559px;
	height:245px;
	border:1px solid #fff;
	background: url(img/bg-form.jpg) no-repeat left top;
	margin: 35px 0 0 22px;
	padding: 10px 10px 10px 50px;
}

.conteneurplan{
	width:317px;
	padding:30px 0 30px 22px;
	float:left;
	background:url(img/bg-divaccueil.jpg) no-repeat right top;
	text-decoration: none;
}

.conteneurplan img{
	border:1px solid #fff;
}

.divcontact2{
	padding:5px;
	color:#fff;
	background-color:#3B2057;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #fff;
	margin: 20px 0 5px 15px;
}

.divcontact3{
	padding:5px;
	color:#fff;
	background-color:#522257;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #fff;
	margin: 0 0 5px 15px;
}

.divcontact4{
	padding:5px;
	color:#fff;
	background-color:#8F125D;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #fff;
	margin: 0 0 5px 15px;
}

.divcontact-titre{
	height:41px;
	background: url(img/titre-contact.jpg) no-repeat 0px -4px;
}

/* -------------------------------------------------- FORMULAIRE*/

#form{
    padding:0px;
    margin:0px;
}

label{
    display:block;
    float:left;
}

.input{
    border:solid 1px #fff;
    padding:5px 0 0 5px;
    margin:0 0 5px 0;
	width:425px;
	height:18px;
    font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#302630;
}

textarea{
    border:solid 1px #fff;
    padding:5px 0 0 5px;
    margin:0 0 5px 0;
	width:425px;
	height:103px;
    font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#302630;
}

#bouton{
	display:block;
	width:100px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0;
	background: url(img/bg-bt-contact.jpg) no-repeat right bottom;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
	color:#fff;
	float:right;
	height: 35px;
	text-align: left;
	border: none;
	text-decoration: none;
}

.divform1{
	float:left;
	width:435px;
	padding: 8px 0 0 8px;
}

.divform2{
	float:right;
	width:110px;
	padding: 210px 0 0 0;
}

/*-------------------------------------------- PLAN*/
#carte1{
	display: none;
	position: absolute;
	top:100px;
	left:260px;
	height:678px;
	width:781px;
	border: 1px solid #302630;
	z-index: 1000;
}

.fermer-carte {
	background: #fff;
	line-height: 16px;
	height: 18px;
	padding-right: 1px;
	color: #BBBDBF;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

.fermer-carte a {
	color: #3B2057;
	display: block;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding:3px 3px 0 0;
	text-decoration:none;
	border:none;
}

.fermer-carte a:hover {
	color: #8F125D;
	text-decoration: none;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding:3px 3px 0 0;
}

.cadreX {
	border: 1px #302630 solid;
	padding: 0px 3px;
}

/* -------------------------------------------------- MENTIONS*/
.divmentions{
	width:601px;
	margin:35px 0 40px 22px;
	padding:30px 10px 30px  10px;
	border:1px solid #fff;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

/* -------------------------------------------------- FOOTER*/

#footer{
	width:647px;
	height:90px;
	background:url(img/bg-footer-int.jpg) no-repeat left top;
	background-color:#522256;
	color:fff;
	border-top:1px solid #735a77;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 308px;
}

#footer a{
	color:#fff;
}

#footer a:hover{
	color:#8f125c;
}

.divfooter1{
	width:208px;
	height:70px;
	background-color:#522256;
	color:#fff;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding:8px 0 8px 10px;
	float:left;
}

.divfooter2, .divfooter3, .divfooter4{
	width:130px;
	height:70px;
	background-color:#522256;
	color:#fff;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding:8px 0 8px 0;
	padding:0 0 0 10px;
	float:left;
	border-left:1px solid #fff;
}


.footer-bas{
	width:100%;
}

.footer-txt{
	width:100%;
	font:normal 8px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
}

.footer-txt a{
	color:#000;
}

.footer-txt a:hover{
	color:#8f125c;
}