/* general*/

body { 
font-family : Arial, Helvetica, sans-serif; 
background-color : #1a171b; 
text-align : center; 
font-size : 0.625em; 
padding : 0; 
margin : 0; 
} 
h1, h2, h3, h4, h5, ol, ul, li, p, form { 
padding : 0; 
margin : 0; 
}
h2 { 
margin-bottom : 10px; 
font-size : 2em; 
} 
h3 {
color: #d36da4;
font-size:1.2em;
margin:10px;
}
a { 
color : #fff; 
outline : none; 
} 
a:hover, a:focus { 
text-decoration : none; 
} 
table { 
border : none; 
width : 200px; 
font-size : 1.2em; 
} 
th, td { 
border : none; 
text-align : center; 
} 
th { 
color : #d36da4; 
} 
td { 
padding : 5px; 
}
#page { 
width : 700px; 
margin : 0 auto; 
text-align : left; 
} 

p { 
margin-bottom : 10px; 
font-size : 1.2em; 
} 
ol { 
padding-left : 20px; 
margin-bottom : 10px; 
font-size : 1.2em; 
} 
.separator { 
height : 1px; 
line-height : 1px; 
width : 35%; 
display : block; 
background-color : #fff; 
} 


/*liste*/
ul.listOfText { 
font-size : 1.2em; 
} 
ul.listOfText li { 
margin-bottom : 10px; 
list-style : none; 
} 
ul.listOfLink { 
font-size : 1.2em; 
} 
ul.listOfLink li { 
list-style : disc inside; 
color : #d36da4; 
margin-bottom : 0.5em; 
} 
ul.listOfLink li a { 
color : #fff; 
} 




/*header*/
#header { 
padding : 20px 0 30px; 
} 
.logo { 
float : right; 
border : 0; 
} 
#header h1 { 
color : #d36da4; 
margin : 20px 0 0 30px; 
font-size : 2.6em; 
font-weight : bold; 
} 
#header h2 { 
color : #d36da4; 
margin : 0 0 0 240px; 
font-size : 1.8em; 
font-style : italic; 
font-weight : normal; 
} 


/*nav*/
.nav { 
width : 220px; 
padding-top : 40px; 
float : left; 
} 
.nav ul.listOfLink { 
font-size : 1.6em; 
} 
.nav ul.listOfLink li { 
margin : 10px auto 0; 
list-style : none; 
width : 182px; 
} 
.nav ul.listOfLink li.last { 
background : url(skin/bg_nav_contact.png) no-repeat center top; 
height : 119px; 
position : relative; 
margin : 20px auto 0; 
text-align : center; 
} 
.nav ul.listOfLink li a { 
display : block; 
color : #000; 
text-align : center; 
text-decoration : none; 
background : url(skin/bg_nav.png) no-repeat top left; 
height : 23px; 
line-height : 23px; 
} 
.nav ul.listOfLink li a:hover,#nav ul.listOfLink li a:focus{ 
background : url(skin/bg_nav.png) no-repeat bottom left; 
color : #d36da4; 
} 

.nav ul.listOfLink li.last a { 
position : relative; 
top : 79px; 
background : none; 
font-size : 0.875em; 
} 
.nav ul.listOfLink li.last a:hover, #nav ul li.last a:focus { 
background : none; 
border : 0; 
} 
.nav ul.listOfLink li.Galeries { 
margin : 50px auto 0; 
list-style : none; 
width : 182px; 
} 

/*contenu*/

#content { 
width : 479px; 
color : #fff; 
float : left; 
border-left : 1px solid #fff; 
padding-bottom : 20px; 
height : 380px; 
} 
#contentMF {
visibility: hidden; 
width : 479px; 
color : #fff; 
float : left; 
border-left : 1px solid #fff; 
padding-bottom : 20px; 
height : 380px; 
} 

.text { 
color : #fff; 
padding : 0 0 5px 20px; 
} 

/*index*/
#intro { 
margin : 50px auto 0; 
width : 550px; 
} 
#passintro { 
margin : 0 50px auto 50px; 
width : 550px; 
} 
#passintro p a { 
text-align : center; 
margin : auto; 
display : block; 
color : #000; 
text-decoration : none; 
background : url(skin/bg_nav.png) no-repeat top left; 
height : 23px; 
width : 183px; 
line-height : 23px; 
} 
#passintro p a:hover { 
background : url(skin/bg_nav.png) no-repeat bottom left; 
color : #d36da4; 
} 

/*galeries*/
#realisations { 
float : left; 
padding : 0 0 20px 20px; 
} 
#realisations .pageControl { 
display : block; 
float : left; 
margin-top : 45px; 
} 
#realisations .pageControl img { 
border : 0; 
} 
#realisations h2 { 
color : #ffffff; 
margin-bottom : 50px; 
} 
#realisations .fenetre { 
float : left; 
width : 290px; 
height : 210px; 
position : relative; 
overflow : hidden; 
} 
#realisations .degrade { 
position : absolute; 
width : 15px; 
height : 210px; 
z-index : 10; 
} 
#realisations .degrade.gauche { 
left : 0; 
background : transparent url(skin/degrade_gauche.png) repeat-y left; 
} 
#realisations .degrade.droit { 
right : 0; 
background : transparent url(skin/degrade_droit.png) repeat-y right; 
} 
#vignettes { 
height : 210px; 
position : absolute; 
} 
#vignettes ul { 
list-style : none; 
float : left; 
width : 270px; 
} 
#vignettes li { 
float : left; 
} 
#vignettes li a { 
background : #1a171b url(skin/bg_thumbnails.png) no-repeat; 
padding : 10px; 
display : block; 
} 
#vignettes li.dispo a { 
background : #1a171b url(skin/bg_thumbnails2.png) no-repeat; 
padding : 10px; 
display : block; 
} 
#vignettes li a img { 
display : block; 
border : 0; 
} 
#pagination { 
clear : left; 
list-style : none; 
font-size : 1.6em; 
padding-top : 20px; 
text-align : center; 
} 
#pagination li { 
display : inline; 
padding : 0 10px; 
} 
#pagination li a { 
font-weight : bold; 
} 
#pagination li.pageCour a { 
color : #989499; 
} 

/*footer*/
#footer { 
padding : 50px 0 20px; 
clear : both; 
} 
#footer p { 
font-size : 1.1em; 
text-align : center; 
border : 1px solid #d36da4; 
color : #8d8b8d; 
font-weight : bold; 
padding : 3px 0; 
} 
#footer a { 
color : #8d8b8d; 
} 
#footer a:hover, #footer a:focus { 
text-decoration : none; 
} 

/*info*/
.information { 
font-size : 2.2em; 
font-weight : bold; 
margin-top : 25%; 
margin-left : 20%; 
color : #d36da4; 
} 

/*accueil*/
#actu {
padding-top : 10px; 
padding-right : 50px; 
} 
#actu p { 
font-size : 1.5em; 
margin : 15px; 
} 
#actu p a { 
color : #d36da4; 
text-decoration : none; 
margin: 100px 0 0 30px;
} 
#actu p a:hover { 
color : #bab5ba; 
} 

/*formulaire*/
#formulaire { 
margin : 10px; 
color : #d36da4; 
} 
#content label { 
width : 25%; 
float : left; 
text-align : right; 
line-height : 1.8em; 
padding : 0 0.8em 0 0; 
} 
select {
background:#e5cde8; 
width:250px;
border:none;
}
.input { 
background : #e5cde8; 
border : none; 
width: 250px;
} 
.input:focus { 
background : #d36da4; 
border : none; 
} 
#formulaire a{ 
display : block; 
color : #000; 
text-align : center; 
text-decoration : none; 
background : url(skin/envoyer1.png) no-repeat top left; 
height : 23px; 
line-height : 23px;
font-size : 1.6em; 
margin : 10px auto 0; 
list-style : none; 
width : 93px;  
} 

#formulaire a:hover{ 
background : url(skin/envoyer1.png) no-repeat bottom left; 
color : #d36da4;
} 

/*tarifs*/
#tarifs { 
margin : 15px; 
} 
#tarifs a { 
display : block; 
color : #000; 
text-align : center; 
text-decoration : none; 
background : url(skin/prix.png) no-repeat top center; 
height : 23px; 
line-height : 23px; 
} 
#tarifs a:hover, #tarifs a:focus { 
background : url(skin/prix.png) no-repeat bottom center; 
color : #d36da4; 
} 
 
#info { 
margin : 15px; 
color : #d36da4; 
display : block; 
width : 50%; 
} 
/************GALERIES TSHIRTS**************/
#gTshirt{
	margin-top:10px;
	margin-left:15px;
}
#gTshirt a{
color : #d36da4; 
text-decoration : none; 
margin: 100px 0 0 30px;
} 
#gTshirt a:hover { 
color : #bab5ba; 
} 
#gTshirt ul{
	width:410px;
	margin:0;
	padding:0;
}
#gTshirt li{
	display:block;
	float:left;
	padding:10px;
	margin:2px;
	background:url(skin/cadreVignettesTshirt.png) no-repeat;
}