/* CSS Document */

body{
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
}

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

#menu{
	width: 278px;
	height: 540px; /* A mettre en  auto*/
	float: left;
}

#menu_logo{
	display: block;
	margin: 35px 0 0 0;
	border: none;
}

#menu p{
	padding:0;
	text-align:center;
}

#contenu{
	width: 664px;
	height: 620px;
	float: left;
	padding: 0 0 0 2px;
}

#footer{
	width: 915px;
	height: 100px;
	clear: both;
	margin: 0 auto;
	text-align: center;
	font-size: 0.8em;
}


/*-----------------------menu-----------------------------*/

#menu ul{
	width: 268px;
	height: 255px;
	margin: 0;
	padding: 85px 0 0 10px;
	background-image: url(images/bg_menu.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	list-style-type: none;
	/*border:#000 solid 1px;*/
}

#menu ul li a{
	margin: 0;
	padding: 0;
	color: #6c2a2e;
	font-weight: bold;
	text-decoration: none;
}

#menu ul li img{
	margin: 0;
	padding: 0 0 0 10px;
}

#menu ul li#accueil{
	margin: 0;
	padding: 0 0 60px 64px;
}

#menu ul li#realisations{
	margin: 0;
	padding: 0 0 60px 3px;
}

#menu ul li#contact{
	margin: 0;
	padding: 0 0 0 59px;
}

#menu ul li a:hover{
	color: #ec4700;
}

#menu ul li a.focus{
	color: #ec4700;
}

/*-------------menu footer--------------------------*/


/*******************************************************/
/***********INTEGRATION E-MAIL EN FLASH*****************/
/*******************************************************/
#footer p#adresse{
	height: 30px;
	color: #704346;
}
/*******************************************************/


#footer ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #333333;
}

#footer ul li{
	display: inline;
	
}

#footer ul li a{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	color: #704346;
}

#footer ul li a:hover{
	text-decoration: underline;
	
}

#footer p#logo_tt img{
	border: none;
}

#footer p#logo_tt a{
	color: #aaaaaa;
	font-size: 0.7em;
}

/*---------ACCUEIL---------------*/

h2#titre_accueil{
	color: #ec4700;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 11px 0 0 0;
}

h2#titre_accueil span{
	color: #6c2a2e;
}

h2#titre_accueil span.font{
	font-size:16px;
}


.left{
	margin: 0;
	padding: 0 0 0 1px;
	float: left;
}

.border{
	border: 1px solid #6c2a2e;
}

#texte{
	font-size: 0.75em;
	color: #6c2a2e;
	margin: 0;
	padding: 0;
	float: left;
	width: 270px;
}

.color{
	color: #ec4700;
}

#texte p{
	margin: 0;
	padding: 0 0 5px 0;
}

#texte a{
	color: #6c2a2e;
}

#texte_bas{
	float: left;
	font-size: 0.75em;
	color: #6c2a2e;
	margin: 0;
	padding: 0;
	width: 370px;
	
}

#texte_bas a{
	color: #6c2a2e;
}

#texte_bas p{
	margin: 0;
	padding: 5px 0;
}

#texte_bas_2{
	width: 280px;
	float: left;
	font-size: 0.75em;
	color: #6c2a2e;
	margin: 0;
	padding: 0 0 0 5px;

}



#texte_bas_2 p{
	margin: 0;
	padding: 5px 0;
}

#texte_bas_2 ul{
	margin: 0;
	padding: 3px 0 3px 15px;
}

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

.bloc_1{
	width: 660px;
	margin: 0;
	padding: 3px 0 5px 0;
	clear: both;
		color: #6c2a2e;
}

.bloc_1 p{
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

#bloc_2{
	width: 179px;
	height: auto;
	float: left;
margin: 0;
padding: 0 0 0 3px;
}

#bloc_3{
	width: 482px;
	height: 340px;
	float: left;
}

.vignette{
	margin: 0 2px 1px 0;
	padding: 0;
	border: 1px solid #6c2a2e;
}

#grand{
	border: 1px solid #6c2a2e;
}

.display{
	display: none;
}

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

h2#titre_contact{
	color: #ec4700;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 75px 0 0 0;
}

h2#titre_contact span{
	color: #6c2a2e;
}

#bloc_4{
	width: 345px;
	padding: 0 0 0 1px;
	float: left;
}

#clic_plan{
	font-size: 0.7em;
	margin: 0;
	padding: 0 0 0 0;
	color: #6c2a2e;
}

#plan{
	border: 1px solid #cccccc;
	margin: 18px 0 0 0;
	padding: 0 0 0 0;
}

.itineraire_1{
	font-size: 0.8em;
	margin: 0;
	padding: 12px 0 0 0;
	color: #ec4700;
}

.itineraire_2{
	font-size: 0.8em;
	margin: 0;
	padding: 5px 0;
	color: #6c2a2e;
}

.itineraire_0{
	font-size: 0.8em;
	margin: 0;
	padding: 17px 0 0 0;
	color: #ec4700;
}

.itineraire_0 a{
	color:#EC4700;
	font-size: 13px;
	}
	
.itineraire_0 a:hover{
	color:#6B2A2E;
	}	

#bloc_5{
	width: 300px;
	height: auto;
	padding: 0 0 0 15px;
	float: left;
	
}

#bloc_4 p{
	margin: 0;
	padding: 2px 0;
	font-size: 0.8em;
	color: #6c2a2e;
}

#bloc_4 form{
	margin: 0 0 0 0;
padding: 10px 0 0 5px;
}

#bloc_4 form label{
	width: 70px;
	float: left;
	display: block;
}

#bloc_4 form .input{
	width: 264px;
	margin: 0;
	padding: 0;
	border: 1px solid #6c2a2e;
}

#bloc_4 form textarea{
	width: 264px !important;
	width: 262px;
	height: 80px;
	border: 1px solid #6c2a2e;
}

#bloc_4 form #submit{
	margin: 0 0 0 70px;
	padding: 0;
	border: 1px solid #6c2a2e;
}

#bloc_4 form #obligatoire{
	font-size: 0.7em;
}


			/* ---------------------------------- Référencement ------------------------------------ */
			
.neutre {
	text-decoration: none;
	font-weight: normal;
	color: #6c2a2e;
}

.h2 {
	color: #ec4700;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 31px 0 0 0;
}

.bordo {
	color: #6c2a2e;
}