/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

html, body { height:100%; }
body {
	font-size:100%;
	line-height:inherit;
	background:url(images/bg.gif) repeat-x top #393939;
	text-align:center
}
html, input, textarea
	{	font-family:Arial; 
		color:#888888;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}
.pr{ position: absolute}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#018eb9;}

a{color:#888888; text-decoration:underline} 
a:hover{text-decoration:none}
.a1{color:#e5156d; font-weight:bold; font-size:0.89em; margin-right:20px} 

ul{margin:0; padding:0; list-style:none;}
ul li{background:url(images/arrow.gif) top left no-repeat; background-position:0 13px; margin:0px; padding-left:14px; }
ul li a{color:#888888; text-decoration: underline; line-height:2.1em} 
ul li a:hover { text-decoration:none; }

/*header*/
#page #header .logo{ margin:135px 0 0px 321px }
#header .logo{ margin:65px 0 0px 321px }

#content .menu{padding:31px 39px 173px 40px; background:url(images/line_x.gif) repeat-x top }
#content .m1{ margin:0px 8px 0px 0px}
#content .m{ margin:41px 0px 40px 0px}
/*content*/
#page #content{ background:none}
#content{ font-size:0.8125em; width:100%; text-align:left; background:url(images/bg_main.gif) repeat-x bottom}
#content .indent_main{padding:36px 20px 53px 40px}
#content .indent_col1{padding:10px 10px 44px 0px}
#content .indent_col2{padding:10px 50px 61px 0px}
#content .indent_col3{padding:10px 0px 61px 0px}
#content .indent{padding:26px 15px 61px 28px}
#content .title{  margin-bottom:34px}
#content .pic_left{ float:left; margin:0px 20px 16px 0px}
#content .pic{ margin:0px 0px 16px 0px}
#content .more{ margin:20px 0px 0px 0px}
#content .more1{ margin:35px 0px 0px 0px}
#content p{ margin:0px 0px 17px 0px}
#content .txt{ text-transform:uppercase}

/*page2*/
#page2 #content{background:url(images/bg_main1.gif) repeat-x top; height:453px}
#page2 .ind{ margin:0px 8px 0px 0px}
#page2 .ind1{ margin:0px 297px 0px 0px}
#page2 .pic{ position:relative; margin:0px 0px 0px 180px}


#page3 .pad{ padding:25px 0px 25px 0px}

/*footer*/
#footer { color:#414141; font-size:0.5625em; padding:27px 0px 66px 0px; text-transform:uppercase; text-align:center}
#footer a {color:#545454; text-decoration:none}  
#footer a:hover { color:#c6c6c6; text-decoration:underline}
#footer span a {color:#545454;  background:url(images/arrow1.gif) no-repeat right top; margin:0 10px 0 10px; padding:0px 20px 0px 0px} 
#footer .a{ color:#df0062}
#footer .exposition{ color:#c6c6c6}
#footer .realisation{ color:#f0060d}
#footer .services{ color:#c6c6c6}
#footer .nouscontacter{ color:#ce6308}

#footer p{ margin:0px 0px 25px 0px}

input{
   	border:1px solid #a4a4a4; 
	background:#303030;
	width:202px; height:20px;
	font-size:0.85em;
	color:#a4a4a4;
	padding-left:5px;
	margin-bottom:3px
}
textarea{
   	border:1px solid #a4a4a4; 
	background:#303030;
	color:#a4a4a4;
	width:202px; height:110px;
	font-size:0.85em;
	padding-left:5px;
	margin-bottom:5px;
	overflow:auto}
