body, html {
	margin:0;
	padding:0;
	font-family: arial,verdana,sans-serif; 
	font-size:12px;
	background-color:white;
}

body {
	margin:0;
	padding:0;
	background-color:white;
	text-align:center;
}

/*-----------GENERAL STYLING--------------*/

/*h1{
	font-size:35px;
	font-family:Verdana, Arial, sans-serif;
	margin-left:60px;
	padding-top:40px;
	color:white;
}*/

h1{ /* un background par type? */
	/*font-size:150%;*/
	font-size:18px;
	font-family:Arial, sans-serif;
	margin:20px 0 0 40px;
	padding:0 0 10px 20px;
	/*color:DarkMagenta;*/
	color:DarkMagenta;
	width:50%;
	border-bottom:1px solid DarkMagenta;
}

h2{
	/*font-size:125%;*/
	font-size:15px;
	text-decoration:bold;
	color:DarkMagenta;
}

hr{
	color: black;
	background-color: black;
	height: 1px;
	border: 0;
	/*width: 900px;*/
}

a{
	color:black;
	text-decoration:none;
}

a:active{
   outline:none; /*a marche po :( */
}

/*browser.display.focus_ring_width, mettre 0*/

ul{
	/*font-size:100%;*/
	font-size:12px;
	/*margin-left:15px;*/
}

li{
	margin-bottom:10px;
}

p{
	/*font-size:100%;*/
	font-size:12px;
	margin-left:5px;
	margin-right:10px;
	text-align:justify;
}

p:first-letter
{
	padding-left: 20px;
} 

a:hover{
	color:DarkMagenta;
}

img{
	border:none;
}

img.puce{
	vertical-align:-25%;
	margin-right:10px;
}

/*-----------PAGE-----------*/

div.page{
	/*border-left:1px dotted DarkMagenta;
	border-right:1px dotted DarkMagenta;*/
	background:url(images/border.gif) left repeat-y;
	width:920px;
	/*height:790px;*/
	margin:0 auto 0 auto;
	padding:0;
}

#page{
	width:100%;
	text-align:left;
}

/*-----------HEADER-----------*/

#header{
	background:url('images/header_v2.jpg') center top transparent no-repeat;
	width:900px;
	height:180px;
	margin:5px auto 0 auto;
	/*border:1px dotted red;*/
	text-align:left;
}

#header a{
	font-weight:normal;
}

div.accueil{
	position:absolute; 
	width:350px; 
	height:50px;
	cursor:pointer;
}

div .header{
	position:relative;
	left:280px;
	top:90px;
}

span.slogan{
	position:relative;
	font-family:Verdana, Arial, sans-serif;
	color:yellow;
	/*font-size:80%;*/
	font-size:9px;
	left:70px;
	top:70px;
}

span.header{
	position:relative;
	font-family:Verdana, Arial, sans-serif;
	color:DarkMagenta;
	/*font-size:170%;*/
	font-size:20px;
	left:280px;
	top:90px;
}

span.subHeader{
	position:relative;
	left:280px;
	top:90px;
	font-family:Verdana, Arial, sans-serif;
	color:DarkMagenta;
	/*font-size:120%;*/
	font-size:14px;
	font-weight:bold;
}


table.toolbox{
	position:relative;
	top:60px;
	left:500px;
	border-top:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
	/*font-size:110%;*/
	font-size:13px;
	color:#999999;
	margin-left:20px;
	width:380px;
	text-align:left;
}

a.tool{
	background-repeat:no-repeat;
	background-position:top left;
	display:block; 
	height:20px;
	vertical-align:bottom;
	line-height:20px;
	border-bottom:1px solid white;
	padding-left:25px;
}

a.tool:hover{
	background-repeat:no-repeat;
	background-position:bottom left;
	color:DarkMagenta;
	/*border-bottom:1px dotted DarkMagenta;*/
	text-decoration:underline;
}

td.tool{
	padding-left:10px;
	width:120px;
	/*background:url(images/puce_menu_2.gif) left center no-repeat;*/
}

/*-----------MENU-----------*/

#menu{
	padding-left:10px;
	padding-top:25px;
	/* TODO background */
}

table.menu{
	width:175px;
	border-spacing:10px ;
}

img.menu{
	vertical-align:middle;
	margin-right:20px;
}

td.menu_item{
	color:DarkMagenta;
	/*border-top:1px solid DarkMagenta;
	border-left:5px solid DarkMagenta;
	border-bottom:3px solid DarkMagenta;
	border-right:1px solid DarkMagenta;*/
	height:35px;
	background-repeat:no-repeat;
	background-position:center top;
}

td.menu_item:hover{
	/*border-top-style:dotted;
	border-right-style:dotted;
	border-color:DarkMagenta;*/
	/*color:DarkMagenta;*/
	background-position:center bottom;
}

a.menu_item{
	background-position:top left;
	background-repeat:no-repeat;
	display:block; 
	height:30px;
	vertical-align:bottom;
	line-height:30px;
	font-size:15px;
}

a.menu_item:hover{
	background-position:bottom left;
	color:DarkMagenta !important;
}

a.menu_item:first-letter{
	padding-left:50px;
}

/*-----------MAIN-----------*/

#main{
	border:1px dotted DarkMagenta;
	/*height:540px; */
	min-height:540px;
	width:95%;
	padding-left:20px;
	/*font-size:100%;*/
	font-size:12px;
}

a.know_more{
	text-align:center;
	font-weight:bold;
	text-decoration:underline;
	/*font-size:100%;*/
	font-size:12px;
}

.description{
	width:480px;
}

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

.qui{
	background:transparent url(images/ventilo.jpg) no-repeat center right;
}

.vous{
	background:transparent url(images/quietesvous.jpg) no-repeat center right;
}

img.image_diapo{
	/*position:absolute;*/
}

/*-----------SERVICES-----------*/

#services{
	padding-top:20px;
}

#services li{
	/*font-size:125%;*/
	font-size:15px;
	font-variant:small-caps;
	font-weight:bold;
	list-style-type:circle;
}

/*-----------ACTIVITES-----------*/

#activites{
	margin-left:-10px;
	width:100%;
	/*height:80%;
	position:relative;
	top:30px;*/
	border-collapse:collapse;
}

#activites td{
	padding:15px;
}

#activites a{
	text-decoration:underline;
}

#activites hr{
	position:relative;
	top:15px;
	width:500px;
}

.illustrations{
	text-align:center;
}

/*-----------MATERIELS-----------*/

#materiels hr{
	/*position:relative;
	top:15px;*/
	width:500px;
}

#materiels td{
	/*margin-top:10px;*/
}

#froid{
	padding-top:20px;
}

td.images_matos{
	text-align:center;
}

#froid hr{
	width:500px;
}

#doc_froid hr{
	width:500px;
}

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

#contact{
	padding-top:0px;
	/*font-size:100%;*/
	font-size:12px;
}

#contact input, textarea{
	border:1px solid black;
	padding-left:10px;
	margin-left:10px;
	/*background:#F8EFF7;*/
	background:LavenderBlush;
}

.infos_contact{
	border:2px solid DarkMagenta;
	padding-left:10px;
	width:150px;
	/*background:#F8EFF7;*/
	background:LavenderBlush;
}

#contact .name{
	width:120px !important;
}

#contact td{
	padding-bottom:0px;
	padding-top:0px;
}

#contact p{
	margin:0;
	padding:0;
	text-align:left;
}

p.title_contact{
	font-weight:bold;
	color:DarkMagenta;
	margin:0;
	padding:0;
}

.submit input{
	margin-top:10px;
	cursor:pointer;
}

.contact_theme{
	background:transparent url(images/hands_shake_medium.jpg) no-repeat bottom right;
}

/*-----------PROJET-----------*/

table .projet{
	padding-top:20px;
	/*font-size:100%;*/
	font-size:12px;
	width:100%;
}

#projet{
	width:85%;
}

#projet select{
	border:1px solid black;
	padding-left:0px;
	margin-left:10px;
	/*background:#F8EFF7;*/
	background:LavenderBlush;
}

#projet input  {
	border:1px solid black;
	padding-left:10px;
	margin-left:10px;
	/*background:#F8EFF7;*/
	background:LavenderBlush;
	width:150px;
}

td .name{
	width:70px !important;
	padding-top:20px;
}

#checkboxes input{
	border:none;
	width:50px;
	background:white;
}

td .submit{
	text-align:center;
}

.projet_theme{
	background:transparent url(images/fond_projet.jpg) no-repeat top right;
}

input.projet_field{
	width:200px !important;
}

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

#footer{
	/*position:relative;
	top:15px;*/
	border-top:1px solid black;
	width:90%;
	margin:0 auto 0 auto;
}

#footer span{
	/*font-size:95%;*/
	font-size:11px;
	margin:0 auto 0 auto;
}

#footer a{
	border-bottom:1px dotted black;
}

#footer a:hover{
	border-bottom:1px solid DarkMagenta;
}