/* www.pupik.fr style CSS */

/* @group general */

* {
margin:0;
padding:0;
}

/* Set initial font styles */

body {
   text-align: left;
   font: 10px/11px Monaco, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	background-color: white;
}

body, html {
	height: 100%;
}

/* no border for image in a*/

img {
   border: 0;
}

/* fix png transparence with IE */

img { behavior: url(./iepngfix.htc) }

/* @end */
/* @group LINKS */

/* lien générique*/
a:link, a:visited {
   text-decoration: none;
   background-color: inherit;
   color: blue;
 }


a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: blue;
}

a:active {
   text-decoration: none;
   background-color: inherit; 
   color: blue;
}

/* lien générique*/
a.fleche:link, a.fleche:visited {
   text-decoration: none;
   background-color: inherit;
   color: black;
 }


a.fleche:hover {
   text-decoration: none;
   background-color: inherit;
   color: blue;
}

a.fleche:active {
   text-decoration: none;
   background-color: inherit; 
   color: black;
}

/* actu1 */
a.actu1:link, a.actu1:visited {background-color: inherit; color: black; text-decoration: none; border-bottom: 1px solid red;}

a.actu1:hover {background-color: inherit; color: black; text-decoration: none; border-bottom: 1px solid black;}

a.actu1:active {background-color: inherit; color: black; text-decoration: none; border-bottom: 1px solid red;}

/* actu2 */
a.actu2:link, a.actu2:visited {background-color: inherit; color: black; text-decoration: none; border-bottom: 1px solid blue;}

a.actu2:hover {background-color: inherit; color: black; text-decoration: none; border-bottom: 1px solid black;}

a.actu2:active {background-color: inherit; color: black; text-decoration: none; border-bottom: 1px solid blue;}

/* actu3 */
a.actu3:link, a.actu3:visited {background-color: inherit; color: black; text-decoration: none; border-bottom: 1px solid lime;}

a.actu3:hover {background-color: inherit; color: black; text-decoration: none; border-bottom: 1px solid black;}

a.actu3:active {background-color: inherit; color: black; text-decoration: none; border-bottom: 1px solid lime;}








/* @end */

/* @group DIV PRINCIPAUX*/


#conteneurImage {
/*
	position : absolute;
	top: 0;
	left: 0;
	
	width:100%;
	height : 100%;
	background-color: white;
	overflow:hidden;*/
}

#imageFull {
	position : absolute;
	top: 0;
	left: 0;
	width:100%;
	height : 100%;
	background-color: white;
	overflow:hidden;
}

#imageBack {
	position : absolute;
	top: 0;
	left: 0;
	width:100%;
	height : 100%;
	background-color: white;
	/*overflow:hidden;*/
}

#imageFront {
	position : absolute;
	top: 100px;
	left: 40px;
}

#imageProjets {
	position : absolute;
	top: 100px;
	left: 40px;
}



.picture {
	overflow:hidden;
}

#markActu{

}

#maskActu{
	display: inline;
}

#actu{
	position: absolute;
	top: 15px;
	left: 40px;
	width:845px;
	height:30px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	
}

#home{
	position: absolute;
	top: 15px;
	left: 860px;
	width:100px;
	height:30px;
	/*border-bottom-style: dotted;
	border-bottom-width: 1px;*/
	
}

#ligne{
	position: absolute;
	top: 45px;
	left: 40px;
	width:845px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	vertical-align: middle;
}

#mPupik{
	position: absolute;
	top: 60px;
	left: 40px;
	width:80px;
	height : 30px;
}

#mGraphik{
	position: absolute;
	top: 60px;
	left: 195px;
	width:120px;
	height : 30px;
}

#mSceno{
	position: absolute;
	top: 60px;
	left: 430px;
	width:120px;
	height : 30px;
}

#mMedia{
	position: absolute;
	top: 60px;
	left: 665px;
	width:120px;
	height : 30px;
}

.list1 {
	width: 140px;
	font: 11px Monaco, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	line-height: 2em;
}

.list2 {
	width: 220px;
	font: 11px Monaco, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
}


#markInfos{
	position: absolute;
	top: 400px;
	left: 40px;
	width:40px;
}

#infos{
	position: absolute;
	top: 390px;
	left: 60px;
	width:830px;
	padding: 5px;
}

.linie {
	padding-right: 4px;
	padding-left: 4px;
	background-color: #FFFFFF;
	line-height: 15px;
}

.linieblue {
	padding-right: 4px;
	padding-left: 4px;
	background-color: #FFFFFF;
	line-height: 15px;
	color: blue;
}

/* @end */


/* @group DIV SECONDAIRES*/


#numberPic {
	position : absolute;
	top: 100px;
	left: 63px;
	padding: 3px 5px 3px 5px;
	background-color: white;
	
}


#contact{
	position: absolute;
	top: 130px;
	left: 40px;
	width: 600px;
	line-height: 1.3em;
}

#contactParis{
	position: absolute;
	left: 200px;
	padding: 10px;
}

#contactLyon{
	position: absolute;
	left: 0;
	padding: 10px;
}

#contactMail{
	position: absolute;
	left: 400px;
	padding: 10px;
}

#copy{
	position: absolute;
	top: 130px;
	left: 40px;
	width: 600px;
	line-height: 1.3em;
	padding: 10px;
}

#presentation{
	position: absolute;
	top: 130px;
	left: 40px;
	width: 650px;
	line-height: 1.3em;
	padding: 10px;
}


#introduction{
	position: absolute;
	top: 130px;
	left: 40px;
	width: 625px;
	line-height: 1.3em;
}



#intro1{
	position: absolute;
	left: 0;
	padding: 10px;
	color: black;
}

#intro2{
	position: absolute;
	left: 250px;
	padding: 10px;
	color: black;
}

/* @end */


/* @group Style */


.annee {
	font-weight: bold;
	color: red;
	font-size: 12px;
}

.txtWeb {
	line-height: 3em;
	font-size: 40px;
}

.classInactive {
	text-decoration: line-through;
	line-height: 1.5em;
}

.maj {
	color: blue;
	text-transform: uppercase;
	font-size: 0.9em;
}

.maj2 {
	color: gray;
	text-transform: uppercase;
	font-size: 0.9em;
	text-decoration: line-through;
}


h1 {
	padding-bottom: 10px;
	color: #333;
	/*font: bold 24px/26px;*/
}
ul {
	padding: 0;
	margin :0;
	
}

li {
	padding : 0;
	margin : 0;
	
}
h2 {
	color: blue;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	line-height: 14px;
}

h3 {
	padding-top : 3px;
	padding-bottom: 5px;
	color: blue;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	line-height: 14px;
}

h4 {
	padding-top : 3px;
	padding-bottom: 5px;
	color :#FFF;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	line-height: 14px;
}

/* @end */