*{
	margin:0;
	padding:0;
}

html, body{
	background:url(images/bg_1px.gif) repeat-x #000;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#b3b3b3;
}

a{
	text-decoration:none;
}

.dispnone{
	display:none;
}

.vishidden{
	visibility:hidden;
}

#global{
	width:955px;
	margin:0px auto;
}

.lineclear{
	clear:both;
	height:1px;
}


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

#logo1{
	margin:41px 0px 64px 309px;
}

#flash{
	width:955px;
	height:224px;
}

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

#menu-accueil{
	padding:0 0 0 105px;
	height:200px;
}

#menu-accueil ul li{
	list-style-type:none;
	display:inline;
}

#menu-accueil ul li a{
	display:block;
	width:191px;
	height:141px;
	float:left;
	padding-right:18px;
}

#menu-accueil ul li a.menu1{
	background:url(images/menu/accueil/menu1.jpg) no-repeat;
}

#menu-accueil ul li a.menu2{
	background:url(images/menu/accueil/menu2.jpg) no-repeat;
}

#menu-accueil ul li a.menu3{
	background:url(images/menu/accueil/menu3.jpg) no-repeat;
}

#menu-accueil ul li a.menu4{
	background:url(images/menu/accueil/menu4.jpg) no-repeat;
}

#menu-accueil ul li a:hover{
	background-position:left bottom;
}

/*---liste gauche accueil-----*/

#liste-accueil{
	padding:0 0 0 105px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 209px;
}

#liste-accueil ul{
	padding:18px 0 0 0;
}

#liste-accueil ul li{
	list-style-type:none;
	background:url(images/li_accueil.gif) no-repeat 0px 5px;
	padding:0 0 20px 15px;
}

/*---partie droite accueil-----*/

#droite-accueil{
	float:left;
	width:609px;
}

#droite-accueil a.menu5{
	width:207px;
	display:block;
	height:110px;
	background:url(images/menu/accueil/menu5.jpg) no-repeat;
	float:left;
}

#droite-accueil a.menu5:hover{
	background-position:left bottom;
}


.accueil1{
	float:left;
	padding:10px 0 0 0;
	font-weight:normal;
	text-align:justify;
	width:402px;
}

.accueil2{
	padding:20px 0 0 0;
	font-weight:normal;
	text-align:justify;
}

/*----------------------------------------------------------------------------------------------*/
/*-------------------------------------------PAGES----------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/


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

#menu-pages{
	height:47px;
	padding:0 0 0 248px;
	background:url(images/bg_menu_pages.gif) no-repeat 248px 25px;
}

#menu-pages ul li{
	display:inline;
}

#menu-pages ul li a{
	display:block;
	float:left;
	height:25px;
	padding:0 50px 0 0;
}

#menu-pages ul li a.menu1{
	width:97px;
	background:url(images/menu/pages/menu1.gif) no-repeat;
}

#menu-pages ul li a.menu2{
	width:80px;
	background:url(images/menu/pages/menu2.gif) no-repeat;
}

#menu-pages ul li a.menu3{
	width:85px;
	background:url(images/menu/pages/menu3.gif) no-repeat;
}

#menu-pages ul li a.menu4{
	width:91px;
	background:url(images/menu/pages/menu4.gif) no-repeat;
}

#menu-pages ul li a.menu5{
	width:69px;
	background:url(images/menu/pages/menu5.gif) no-repeat;
}

#menu-pages ul li a:hover{
	background-position:0px -25px;
}

#menu-pages ul li a.focus{
	background-position:0px -25px;
}


/*--------------partie gauche------------*/

#pages_gauche{
	width:381px;
	float:left;
	padding:0 0 0 34px;
}

#pages-logo{
	height:99px;
}

/*---partie vignettes-----*/

#vignettes2, #vignettes3{
	display:none;
}

#vignettes1 img, #vignettes2 img, #vignettes3 img{
	background:url(images/bg_vignettes.gif) no-repeat;
	margin:0 13px 7px 0;
	cursor:pointer;
}

#vignettes1 img:hover, #vignettes2 img:hover, #vignettes3 img:hover{
	background-position:0px -99px;
}

img.portrait{
	padding:13px 18px 6px 18px;
}

img.paysage{
	padding:23px 7px 18px 7px;
}

p.pages{
	text-align:right;
	padding:0 73px 0 0;
}

p.pages a, p.pages-padtop a{
	color:#b3b3b3;
}

p.pages a:hover, p.pages-padtop a:hover{
	color:#fff;
}

p.pages-padtop{
	text-align:right;
	padding:106px 73px 0 0;
}

/*--------------partie droite------------*/


#agrandissement{
	float:left;
	padding:61px 0 0 0;
	width:530px;
}

#agrandissement img{
	background:url(images/bg_agrandissement.gif) no-repeat;
}

img.paysage2{
	padding:65px 5px 65px 6px;
}

img.portrait2{
	padding:6px 65px 5px 65px;
}

/*--------------texte dessous------------*/

#texte{
	padding:40px 0 0 34px;
	width: 836px;
	text-align:justify;
	font-weight:normal;
}




/*----------------------------------------------------------------------------------------------*/
/*-------------------------------------------REALISATION ET CLIENTELE----------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/


#pages_gauche2{
	width:194px;
	float:left;
	padding:0 25px 0px 34px;
}

#pages-logo-menu{
	height:258px;
}

p.adresse{
	padding:10px 0 0 0;
	line-height:18px;
}

.cadre2{
	border-left:dotted 1px #fff;
	border-right:dotted 1px #fff;
	background:url(images/bg_cadre.gif) no-repeat 0px 0px;
	width:194px;
	padding:0px;
	text-align:center;
	float:left;
}

.cadre2 p{
	background:url(images/bg_cadre.gif) no-repeat bottom left;
	padding:0px 10px 40px 10px;
	width:174px;
	
}

.cadre2 p.real{
	background:url(images/bg_cadre.gif) no-repeat bottom left;
	padding:0px 10px 44px 10px;
	width:174px;
	
}

.cadre2 h3{
	margin:0px;
	padding:40px 0px 30px 0px;
	font-size:11px;
	font-weight:11px;
	text-align:center;
}

.maright{
	margin-right:25px;
}

.lineheight{
	line-height:16px;
}

.color1{
	color:#D84500;
}

.color2{
	color:#FC5C00;
}

.color3{
	color:#FF7C00;
}

.color4{
	color:#FF9600;
}

/*--------------partie droite------------*/

#pages_droite{
	float:left;
	padding:20px 0px 0px 0px;
}

/*--------vignettes--------*/

.titre-vign{
	font:10px bold Verdana, Arial, Helvetica, sans-serif;
	color:#b3b3b3;
	background:url(images/li_accueil.gif) no-repeat 0px 9px;
	padding:5px 0px 5px 10px;
}

#scrolls{
	height:238px;
	scrollbar-arrow-color:#fff;
	scrollbar-base-color:#432E2E;
	scrollbar-darkshadow-color:#432E2E;
	scrollbar-face-color:#663B4A;
	scrollbar-highlight-color:#432E2E;
	scrollbar-shadow-color:#432E2E;
	scrollbar-track-color:#432E2E;
}

.scroll{
	height:75px;
	width:508px;
	overflow:auto;
}

.scroll img{
	float:left;
	border:solid 2px #848484;
	margin:2px 4px 2px 0px;
}

.scroll2{
	height:75px;
	width:638px;
	overflow:auto;
}

.scroll2 img{
	float:left;
	border:solid 2px #848484;
	margin:2px 4px 2px 0px;
}

#scroll-real{
	width:1356px;
}

#scroll-real2{
	width:1077px;
}



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

#formulaire{
	width:650px;
	padding:0px 0px 0px 0px;
	margin-top:103px;
	float:left;
	height:518px;
	background:url(images/appareil.jpg) no-repeat;
}

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

.input{
	height:15px;
	border:0px;
	width:219px;
	margin:0px 0px 4px 0px;
	padding:2px 0px 0px 2px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

.in1{
	background:url(images/bg_form1.jpg) no-repeat;	
}

.in2{
	background:url(images/bg_form2.jpg) no-repeat;	
}

.in3{
	background:url(images/bg_form3.jpg) no-repeat;	
}

.in4{
	background:url(images/bg_form4.jpg) no-repeat;	
}

.in5{
	background:url(images/bg_form5.jpg) no-repeat;	
}

textarea{
	height:70px;
	border:0px;
	width:219px;
	margin:0px 0px 2px 0px;
	padding:2px 0px 0px 2px;
	background:url(images/bg_form6.jpg) no-repeat;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

#bouton{
	margin:24px 0px 0px 90px;
	padding:0px 0px 0px 0px;
	width:36px;
	height:15px;
	border:0px;
	background:url(images/bg_form-bouton.jpg) no-repeat;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#dac9c9;
}

.cadre{
	border-left:dotted 1px #fff;
	border-right:dotted 1px #fff;
	background:url(images/bg_cadre.gif) no-repeat 0px 0px;
	width:194px;
	padding:0px;
	text-align:justify;
}

.cadre p{
	background:url(images/bg_cadre.gif) no-repeat bottom left;
	padding:40px 10px 40px 10px;
	width:174px;
	
}

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

#footer{
	padding:50px 0px 0px 104px;
	clear:both
}

#footer.footerpages{
	padding:50px 0px 0px 34px;
}

#global #footer p{
	font:normal 11px 'Trebuchet MS' Arial, Helvetica, sans-serif;
	color:#9a9b9d;
	letter-spacing:0px;
	padding-bottom:10px;
	background:url(images/bg_footer.gif) 0px 10px repeat-x;
}

.nom{
	color:#e5e5e5;
}

#footer ul{
	font:normal 11px 'Trebuchet MS' Arial, Helvetica, sans-serif;
	color:#5d4b4b;
	margin:10px 0px 0px 0px;
	padding:0px;
}

#footer ul li{
	display:inline;
	margin:0px;
	padding:0px;
}

#footer ul li a{
	font:normal 11px 'Trebuchet MS' Arial, Helvetica, sans-serif;
	color:#5d4b4b;
	text-decoration:none;
}

#footer ul li a:hover{
	color:#9a9b9d;
}

/*-------------Logo TT-----------*/

#logott{
	margin:70px 0px 0px 0px;
	text-align:center;
}

#global #footer #logott p{
	background:none;
}

#logott p a{
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#5d4b4b;
	text-decoration:none;
}

#logott p a:hover{
	color:#9a9b9d;
}


/*----------------------------------------------------------------------------------------------*/
/*------------------------------------------MENTIONS---------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/


.p_mention {
	color: #FFFFFF;
}