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

body {
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
margin: 0; padding: 0
}

#container {
width: 971px;
margin: auto; padding: 0;
}

h1 {
display: block;
height: 56px;
margin: 0px;
background-color:#FFFFFF;
}

#content {
background-image:url(images/backgroung_blue.jpg); background-repeat: repeat-x; background-position:bottom;
height: 456px;
margin: 0px;
}

/*----------personnalisation des liens------*/

a:link {text-decoration: none;}
#sousMenu a:link{color: #5b9eae;}
#menu a:link{color: #d8a846;}
#rose a:link{color: #f33597;}
#lien a:link{color: #5b9eae;}



a:visited{text-decoration: none;}
#sousMenu a:visited{color: #5b9eae;}
#menu a:visited{color: #d8a846;}
#rose a:visited{color: #f33597;}
#lien a:visited{color: #5b9eae;}


a:hover{text-decoration: none;}
#sousMenu a:hover{color: #2A2F31;}
#menu a:hover{color: #2A2F31;}
#rose a:hover{color: #2A2F31;}
#lien a:hover{color: #2A2F31;}



/*------------Navigation Gauche---------------*/
#navGauche {float: left; width: 255px;}

h2 {
background-image: url(images/etoileH.gif); background-repeat: no-repeat; background-position: 80%;
margin-left: 35px; margin-top: 49px; margin-bottom: 15px;
height: 20px;
font-size: 20px;font-style: italic; font-weight: normal; color: #f33597;
}

ul {list-style-type: none; margin: 0; padding: 0;}


#sousMenu {
margin: 0px 0px 0px 35px; padding: 0px;
height: 180px;
font-size: 12px; font-style: italic;
}

.date {color: #000000;}

#menu {
position: relative;
margin: 0px 0px 0px 35px; padding-top: 0px;
height: 90px;
font-size: 16px; font-style: italic; font-weight:bolder; 
}


#lien {
position: relative;
background-image:url(images/etoileB.gif); background-repeat: no-repeat; background-position: 80%;
margin: 0px 0px 0px 35px; padding-top: 20px;
height: 60px;
font-size: 14px; font-style: italic; font-weight:bolder; color: #5b9eae;
}

	

/*-----------galerie---------------*/

#galerie {padding-top: 9px;}

/*-----------texte---------------*/
#text{
overflow: auto;
height: 410px;
padding: 49px 20px 0px 0px; 
font-family: Arial, Helvetica, sans-serif; font-style: italic; color:#000000; font-size: 12px;
}

.Rogras{color: #f33597; font-weight: bold;}

.gras{font-weight: bold;}

h3{color: #f33597;}

/*-----------------------page contact--------------*/

#contact{text-align:center;}
						
#adobe{font-size:10px;}
						
p a.bleu {color: #66a4b3; font-size:16px; font-weight:bold;}
p a:visited.bleu {color: #66a4b3; font-size:16px; font-weight:bold;}
p a:hover.bleu {color: #2A2F31; font-size:16px; font-weight:bold;}

p a#dp {color: #f33597; font-size:16px; font-weight:bold;}
p a:visited#dp {color: #f33597; font-size:16px; font-weight:bold;}
p a:hover#dp {color: #2A2F31; font-size:16px; font-weight:bold;}


/*-----------------------page link--------------*/

.bleu{color: #5b9eae;}

#b1{ padding-left: 40px;}
#b2{ padding-left: 76px;}
#b3{ padding-left: 55px;}
#b4{ padding-left: 116px;}
#b5{ padding-left: 119px;}
#b6{ padding-left: 156px;}
#b7{ padding-left: 130px;}
#b8{ padding-left: 103px;}
#b9{ padding-left: 118px;}
#b10{ padding-left: 134px;}

#adress1{ padding-left: 40px;}
#adress2{ padding-left: 40px;}
#adress3{ padding-left: 83px;}
#adress4{ padding-left: 54px;}
#adress5{ padding-left: 48px;}
#adress6{ padding-left: 116px;}
#adress7{ padding-left: 50px;}
#adress8{ padding-left: 50px;}
#adress9{ padding-left: 50px;}
#adress10{padding-left: 85px;}

#thanks{ padding-top: 60px;}

#links a:link{ text-decoration: none; color: #000000;}
#links a:visited{ text-decoration: none; color: #000000;}
#links a:hover{ text-decoration: none; color: #f33597;}


/*-----------menu en bas-------------*/


#menu2 {
position: absolute;
background-color: #2a2f31;
width: 971px; height: 97px;
margin: 0px; padding: 0px;
}

#menuH {margin: 7px 0px 0px 33px;}

.work, .art, .goodies{margin-left: 9px;}

#menuH ul{list-style:none; text-align:center;}

#menuH li{
list-style:none;
display:block;
float:left;
padding:0px 0px 0px 0px;
}

#menuH li a{float:left;}	
#menuH li a span{display:none;}

#menuH li a:hover{text-decoration:none;}

#menuH li a.tshirt{background:url(images/tshirt_off.gif) no-repeat; width:221px; height:81px;}
#menuH li a:hover.tshirt{background:url(images/tshirt_on.gif) no-repeat;}

#menuH li a.work{background:url(images/work_off.gif) no-repeat; width:221px; height:81px;}
#menuH li a:hover.work{background:url(images/work_on.gif) no-repeat;}

#menuH li a.art{background:url(images/art_off.gif) no-repeat; width:221px;height:81px;}
#menuH li a:hover.art{background:url(images/art_on.gif) no-repeat;}

#menuH li a.goodies{background:url(images/goodies_off.gif) no-repeat; width:221px; height:81px;}
#menuH li a:hover.goodies{background:url(images/goodies_on.gif) no-repeat;}

a img {border: none}

/*------------footer------------*/

#footer {
text-align: center;
margin: 0px; padding-top: 90px;
font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}