@charset "utf-8";
/* CSS Document */

body {
	background:#FFFFFF;
	margin:0;
	background:url(images/header-bg.gif) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:12px;
}
#main_content {
	margin:auto;
	width:990px;
}
img {
border:1px solid #CCC;
padding:1px;
}

/******************
		HEADER
*******************/

#header {
	height:174px;
}
#header h1 {
	display:none;
}

/******************
		MENU
*******************/

#menu {
	display:block;
	margin:0;
	padding:15px 0 0 0;
	float:left;
	width:144px;
}
#menu li{
	display:block;
	margin:0;
	padding:0;
	width:144px;
	float:right;
	text-align:right;
	list-style-type: none;	
}
.hide{
	display:none;
}
#menu a{
	display:block;
	float:right;
	width:85px;
	height:34px;
}
#menu #menu-tilink a:link, #menu #menu-tilink a:visited{
	background-image: url(images/menu-tilink.gif);
	background-repeat: no-repeat;
}
#menu #menu-tilink  a:hover, #menu #menu-tilink a:active{
	background-position: -87px;
}

#menu #menu-how a:link, #menu #menu-how a:visited{
	background-image: url(images/menu-how.gif);
	background-repeat: no-repeat;
}
#menu #menu-how  a:hover, #menu #menu-how a:active{
	background-position: -87px;
}

#menu #menu-demo a:link, #menu #menu-demo a:visited{
	background-image: url(images/menu-demo.gif);
	background-repeat: no-repeat;
}
#menu #menu-demo  a:hover, #menu #menu-demo a:active{
	background-position: -87px;
}

#menu #menu-pictures a:link, #menu #menu-pictures a:visited{
	background-image: url(images/menu-pictures.gif);
	background-repeat: no-repeat;
}
#menu #menu-pictures  a:hover, #menu #menu-pictures a:active{
	background-position: -87px;
}

#menu #menu-about a:link, #menu #menu-about a:visited{
	background-image: url(images/menu-about.gif);
	background-repeat: no-repeat;
}
#menu #menu-about  a:hover, #menu #menu-about a:active{
	background-position: -87px;
}

#menu #menu-contact a:link, #menu #menu-contact a:visited{
	background-image: url(images/menu-contact.gif);
	background-repeat: no-repeat;
}
#menu #menu-contact  a:hover, #menu #menu-contact a:active{
	background-position: -87px;
}

/******************
		PAGES
*******************/

#border {
	background:url(images/border.gif) no-repeat;
	float:left;
	height:464px;
	width:1px;
}

.pages h2{
	margin:0 0 45px 0;
	padding:0;
}
.pages p{
	margin:0 0 10px 0;
	padding:0;
	font-size:0.9em;
}
.pages .legend{
	margin:8px 0 8px 0;
	padding:0;
	font-size:0.7em;
}
.pages a:link, #pages a:visited{
	color: #F7931E;
	text-decoration:none;
}
.pages a:hover, #pages a:active{
	color: #F7931E;
	text-decoration:underline;
}

.pages .col33{
	margin:0 0 15px 0;
	padding:0;
	width:500px;
	float:left;
}
.pages .col3{
	margin:0 0 15px 0;
	padding:0;
	width:260px;
	float:left;
}
.pages .col2{
	margin:0 25px 15px 0;
	padding:0;
	width:360px;
	float:left;
}
.containerGallery {
height:315px;
width: 530px;
text-align:center;
overflow:auto;
}

#tilink {
	background:url(images/tilink-pers.jpg) no-repeat;
}
#tilink h2{
	color:#FF5C00;
}


#how {
	background: url(images/tilink-dispositif.jpg) no-repeat;
}
#how h2{
	color:#54BC08;
}


#demo {
}
#demo h2{
	color:#36BCFB;
}


#pictures {
}
#pictures h2{
	color:#E1007A;
}


#about {
}
#about h2{
	color:#F7931E;
}


#contact {
}
#contact h2{
	color:#F1DD0A;
}


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

/* CONTACT */
form{
padding:0;
margin:0;
}
form table tr td {
padding: 4px 10px 0 0;
}
textarea {
	margin:0;
	}
.champ {
	padding:3px;
	border:1px solid #ccc;
	width:100%;
	overflow:hidden;
}
input.bt {
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:150px;
	border:none;
	background-color:#F1DD0A;
	color:#333;
	text-align:center;
	display:block;
	float:right;
}

#contact h3 {
padding:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0;
font-weight:normal;
color:#F7931E;
border:1px solid #F7931E;
background-color:#FFF;
}