/*=======================================CSS=====
	Feuille de style
	Site : 
	Auteur : Pernelle Rousselot - Studio EDISPO
	Date : 
*/


/*=======================================GENERAL=====*/
body{
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#1e2c36;
  text-align:center;
  background:url(../medias/bg-general.png) top left repeat-x #f5f5f5;
}
table, td, p, div{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:justify;
  margin:0;
  padding:0;
}
a:link, a:hover, a:visited, a:active{
	color:#1e1e1e;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img{
	margin:0;
	padding:0;
	border:0;
}
a:hover img{
	text-decoration:none;
}
ul, li{
	margin:0;
    padding:0;
}

#over{
	background:url(../medias/bg-over.png) top left repeat-x;
    height:29px;
    width:auto;
}

#conteneur{
 	width:940px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
	background:url(../medias/bg-corps.jpg) top left no-repeat;
    text-align:left;
}
 

h1#logoLumatec{
	width:246px;
    padding: 159px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h1-logo-lumatec.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:159px;
	z-index:5;
	position:absolute;
	top:97px;
	left:58px;
}
h1#logoClassMarket{
	width:232px;
    padding: 56px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h1-logo-classmarket.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:56px;
	z-index:5;
	position:absolute;
	top:109px;
	right:112px;
}

h2#slogan{
	width:584px;
    padding: 20px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/h2-slogan.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:20px;
	z-index:5;
	position:absolute;
	top:40px;
	left:250px;
}


#corps{
	width:940px;
	padding:20px 0 5px 0;
    height:450px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#contact{
	position:absolute;
    top:177px;
    right:40px;
	width:380px;
	width:215px;	/*init 380*/
    height:31px;	/*init 39*/
    background:url(../medias/bg-contact.png) top left no-repeat;
    padding:3px 5px 5px 165px;
}
a.contact:link, a.contact:visited, a.contact:hover, a.contact:active{
    font-size:11px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    display:block;
    text-align:left;
}
a.contact:hover{
	text-decoration:underline;
}

div.edito{
	width:422px;	/*init 480*/
    height:auto;
    padding:256px 0 20px 58px;
    font-size:12px;
    color:#383838;
    margin:0;
}
.edito p{
	font-size:12px;
}

.infos-contact{
	position:absolute;
    top:240px;
    right:85px;
    background:url(../medias/bg-infos.png) top left no-repeat;
    width:209px;	/*init 269*/
    height:190px;	/*init 250*/
    padding:30px;
    color:#383838;
    font-size:12px;
    text-align:left;
}
.infos-contact p{
    color:#383838;
    font-size:12px;
    text-align:left;
}
.internet{
    margin:10px auto 50px 58px;
    height:40px;	/*init 50*/
    padding:3px 10px 7px 50px;
    width:700px;
    font-size:15px;
    font-weight:bold;
    color:#276c9a;
    background:url(../medias/bg-internet.png) top left no-repeat;
}
.internet a{
    width:700px;
    font-size:15px;
    font-weight:bold;
    color:#276c9a;
}
.internet a:hover{
	text-decoration:underline;
    
}
#pied{
	height:26px;	/*init 26*/
	background:url(../medias/bg-pied.png) top left repeat-x;
	width:100%;
}
.pied{
	width:920px;	/*init 940*/
	padding:5px 10px;
	height:99px;	/*init 194*/
	margin:0 auto;
	text-align:left;
	color:#fff;
	font-size:12px;
	font-weight:normal;
    position:relative;
}
#pied a:link, #pied a:visited, #pied a:hover, #pied a:active{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:3px 0 0 0;
    
}

.separation{
	clear:both;
    margin:5px;
}