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


/* styles commun */

#global{
	width:955px;
	height:600px;
	position:absolute; 
	left: 50%;  
	top: 50%;
	margin-top: -300px; /* moitié de la hauteur */ 
	margin-left: -478px; /* moitié de la largeur */ 
}
body{
	font-family:Century Gothic, Verdana, Helvetica, sans-serif;
	font-size:10px;
}



/* page d'index */

section#mire{
	width:397px;
	height:398px;
	display:block;
	margin:auto;
	margin-top:100px;
}
#mire img{
	border:0;
}



/* menu */

nav#menu{
	position:absolute;
	width:491px;
	height:36px;
	bottom:0;
	right:0;
	display:block;
}
#affiche_menu{
	position:absolute;
	bottom:12px;
	right:428px;
	text-transform:uppercase;
}
a.graphisme,a.logotype,a.papet,a.net,a.art,a.contact,a.graphisme2,a.logotype2,a.papet2,a.art2,a.net2,a.contact2{
	display:block;
	position:absolute;
	width:68px;
	height:36px;
	background-color:#ffcc00;
	right:340px;
	top:0;
}
.graphisme{
	color:#ffcc00;
	text-transform:uppercase;
	font-weight:normal;
}
a.logotype,a.logotype2{
	background-color:#0099ff;
	right:272px;
}
.logotype{
	color:#0099ff;
	text-transform:uppercase;
	font-weight:normal;
}
a.papet,a.papet2{
	background-color:#009900;
	right:204px;
}
.papeterie{
	color:#009900;
	text-transform:uppercase;
	font-weight:normal;
}
a.net,a.net2{
	background-color:#ff0000;
	right:136px;
}
.net,#cliquez{
	color:#ff0000;
	text-transform:uppercase;
	font-weight:normal;
}
a.art,a.art2{
	background-color:#000000;
	right:68px;
}
.artistique{
	color:#000000;
	text-transform:uppercase;
	font-weight:normal;
}
a.contact,a.contact2{
	background-color:#ff9900;
	right:0;
}
.contact{
	color:#ff9900;
	text-transform:uppercase;
	font-weight:normal;
}
a.graphisme:hover,a.logotype:hover,a.papet:hover,a.net:hover,a.art:hover,a.contact:hover,a.graphisme2,a.logotype2,a.papet2,a.art2,a.net2,a.contact2{
	background-image:url(images/menu_graphisme.png);
	background-position:right;
	background-repeat:no-repeat;
	cursor:pointer;
}
a.logotype:hover,a.logotype2{
	background-image:url(images/menu_logo.png);
}
a.papet:hover,a.papet2{
	background-image:url(images/menu_papet.png);
}
a.net:hover,a.net2{
	background-image:url(images/menu_net.png);
}
a.art:hover,a.art2{
	background-image:url(images/menu_artistique.png);
}
a.contact:hover,a.contact2{
	background-image:url(images/menu_contact.png);
}



/* page d'accueil */

section#page_accueil{
	display:block;
	text-align:center;
	width:373px;
	height:26px;
	margin:auto;
	margin-top:245px;
}



/* page graphisme */

section#liste{
	display:block;
	width:267px;
	height:414px;
	margin-top:150px;
	margin-left:547px;
}
#liste ul{
	list-style-type:none;
	text-transform:uppercase;
}
#liste a{
	color:#999999;
	text-decoration:none;
}
#liste a:hover,#liste a.actif{
	color:#000;
}
section#diapo{
	display:block;
	width:413px;
	height:413px;
	position:absolute;
	top:150px;
	left:53px;
	text-align:center;
}




/* page net */


#cliquez{
	width:132px;
	text-align:center;
	margin:auto;
	margin-top:150px;
}
#tab_net{
	width:898px;
	margin:auto;
	font-size:9px;
	color:#666666;
	font-weight:bold;
	margin-top:50px;
	border:0;
	border-collapse:10px;
}
#tab_net img{
	border:0;
	width:138px;
	height:86px;
}
#tab_net a{
	text-decoration:none;
	color:#666666;
}
.nom_clt{
	text-transform:uppercase;
}
nav#pagination{
	position:absolute;
	height:8px;
	bottom:63px;
	left:50px;
	font-size:9px;
	word-spacing:5px;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
}
#pagination a{
	text-decoration:none;
	color:#666666;
} 
#pagination a:hover{
	color:#ff0000;
}
#page_gauche{
	position:absolute;
	left:0;
	height:8px;
	top:3px;
	border:0;
}
#page_droite{
	position:absolute;
	right:0;
	top:3px;
	height:8px;
	border:0;
}
.pagecourante{
	color:#ff0000;
}




/* page contact */


#info_contact{
	width:103px;
	position:absolute;
	right:134px;
	top:245px;
}
.t18{
	font-size:18px;
}
.t10{
	font-size:10px;
	color:#666666;
	word-spacing:1px;
}
.t7,.t6,.t72{
	color:#666666;
	word-spacing:0px;
	font-size:7px;
}
.t6{
	font-size:6px;
	letter-spacing:0px;
}
.t72{
	letter-spacing:0.2px;
}
.t13{
	font-size:13px;
}
.t125{
	letter-spacing:1px;
}
#info_contact a{
	color:#000;
	text-decoration:none;
}
form#contact{
	width:397px;
	height:398px;
	background-image:url(images/back_form.png);
	position:relative;
	top:100px;
	margin:auto;
	font-size:10px;
	text-transform:uppercase;
}
h1#titre_contact{
	position:absolute;
	text-transform:uppercase;
	color:#FFF;
	font-size:28px;
	bottom:18px;
	left:155px;
	font-weight:normal;
}
.nom_contact,.mail_contact,.com_contact{
	position:absolute;
	top:47px;
	left:85px;
}
.mail_contact{
	top:84px;
	left:55px;
}
.com_contact{
	top:185px;
	color:#FFF;
	left:27px;
}
.input_nom,.input_mail{
	position:absolute;
	top:36px;
	left:131px;
	width:158px;
	height:34px;
	border:0;
	background-color:#999999;
}
.input_mail{
	background-color:#cccccc;
	width:204px;
	top:73px;
	left:108px;
}
#commentaire_contact{
	width:260px;
	height:76px;
	border:0;
	position:absolute;
	top:181px;
	left:111px;
}
#bouton_envoi{
	width:91px;
	height:34px;
	position:absolute;
	text-align:center;
	top:293px;
	left:107px;
	background-color:#333333;
	border:0;
	color:#FFF;
	text-transform:uppercase;
	font-size:10px;
}
#bouton_envoi:hover{
	cursor:pointer;
	color:#ff9900;
}