/* design.css */

body {
	background: #c8c5c8 url(../images/trame.jpg) repeat-x 0 0;	
}
h1 { 
	background : transparent url(../images/h1.png) no-repeat;
	text-indent : -9999px; 
}
h2 {
	margin:0px;
}

/* Header */
div#branding {
	position : relative;
	z-index : 2;
	height : 103px;
	background : transparent url(../images/header.jpg) no-repeat 0 0;  
}

div#branding p{
	position : absolute;
	top : 4px;
	left : 428px;
	width: 395px;
	height: 19px;
}
div#branding p em{
	position : absolute;
	top : -58px;
	left : -65px;
}
div#branding blockquote { 
	position : absolute;
	top : -9999px; 
}

/* Navigation Principale*/
div#nav_main { 
	position : relative;
	z-index : 3;
	height : 4px;
	margin:0px;
	background : transparent url(../images/content.jpg)  no-repeat 0 0;  
}
div#sans_flash { 
	position : relative;
	z-index : 3;
	height : 4px;
	background : transparent url(../images/content.jpg)  no-repeat 0 0;  
}
div#nav_main_t1 { 
	position : relative;
	z-index : 3;
	height : 0px;
}
ul#nav_features {
	position : absolute;
	top : -37px;
	left : 405px;
	margin : 0;
	width : 498px;
	height : 39px;
}
ul#nav_features li {
	display : inline; 
}
div#nav_main p { 
	position : absolute;
	top : 45px;
	left : 35px;
	margin : 0; 
}
div#nav_main h2 { 
	position : absolute;
	top : -9999px; 
}
div#nav_main_t1 h2 { 
	position : absolute;
	top : -9999px; 
}

li#nav_home a{
	position : absolute;
	width:67px;
	height:36px;
	top : 1px;
	left : 0px;
	background : transparent url(../images/btn_home.jpg)  no-repeat 0 0;
}
li#nav_home a:hover{
	background : transparent url(../images/btn_home_on.jpg)  no-repeat 0 0;
}
li#nav_boutique a{
	position : absolute;
	width:85px;
	height:36px;
	top : 1px;
	left : 151px;
	background : transparent url(../images/btn_boutique.jpg)  no-repeat 0 0;
}
li#nav_boutique a:hover{
	background : transparent url(../images/btn_boutique_on.jpg)  no-repeat 0 0;
}
li#nav_galerie a{
	position : absolute;
	width:84px;
	height:36px;
	top : 1px;
	left : 67px;
	background : transparent url(../images/btn_galerie.jpg)  no-repeat 0 0;
}
li#nav_galerie a:hover{
	background : transparent url(../images/btn_galerie_on1.jpg)  no-repeat 0 0;
}
li#nav_blog a{
	position : absolute;
	width:73px;
	height:36px;
	top : 1px;
	left : 236px;
	background : transparent url(../images/btn_blog.jpg)  no-repeat 0 0;
}
li#nav_blog a:hover{
	background : transparent url(../images/btn_blog_on1.jpg)  no-repeat 0 0;
}
li#nav_services a{
	position : absolute;
	width:87px;
	height:36px;
	top : 1px;
	left : 309px;
	background : transparent url(../images/btn_service.jpg)  no-repeat 0 0;
}
li#nav_services a:hover{
	background : transparent url(../images/btn_service_on.jpg)  no-repeat 0 0;
}
li#nav_contact a{
	position : absolute;
	width:99px;
	height:36px;
	top : 1px;
	left : 396px;
	background : transparent url(../images/btn_contact.jpg)  no-repeat 0 0;
}
li#nav_contact a:hover{
	background : transparent url(../images/btn_contact_on.jpg)  no-repeat 0 0;
}
/* Navigation Sub */ 
div#nav_sub{
	position:relative;
	height:30px;margin:0px;
	
	background-color:#996666;
}
div#nav_sub ul li{
	display:inline;
	margin:0px;
}

div#sub_nav{
	position:relative;
	margin:0px;
	margin-left:37px;
	width:900px;
	height:61px;
	background-color:#ffffff;
}
div#sub_nav ul li{
	display:inline;
	margin:0px;
}
li#sub_nav_rien{
	position:absolute;
	display:block;
	width:237px;
	height:60px;
	background: transparent url(../images/rien.jpg) no-repeat 0 0;
	top: 0px;
	left: 0px;
}

li#sub_nav_portrait a{
	position:absolute;
	display:block;
	width:172px;
	height:60px;
	background: transparent url(../images/galerie_btn1.jpg) no-repeat 0 0;
	top: 0px;
	left: 236px;
}
li#sub_nav_portrait a:hover{
	background: transparent url(../images/galerie_btn1_on.jpg) no-repeat 0 0;
}
li#sub_nav_artistique a{
	position:absolute;
	display:block;
	width:187px;
	height:60px;
	background: transparent url(../images/galerie_btn2.jpg) no-repeat 0 0;
	left: 408px;
	top: 0px;
}
li#sub_nav_artistique a:hover{
	background: transparent url(../images/galerie_btn2_on.jpg) no-repeat 0 0;
}
li#sub_nav_autre a{
	position:absolute;
	display:block;
	width:157px;
	height:60px;
	background: transparent url(../images/galerie_btn3.jpg) no-repeat 0 0;
	left: 595px;
	top: 0px;
}
li#sub_nav_autre a:hover{
	background: transparent url(../images/galerie_btn3_on.jpg) no-repeat 0 0;
}
li#sub_nav_accessoires a{
	position:absolute;
	display:block;
	width:157px;
	height:61px;
	background: transparent url(../images/galerie_btn4.jpg) no-repeat 0 0;
	left: 596px;
	top: 0px;
}
li#sub_nav_accessoires a:hover{
	background: transparent url(../images/galerie_btn4_on.jpg) no-repeat 0 0;
}
li#sub_nav_panier a{
	position:absolute;
	position:absolute;
	display:block;
	width:147px;
	height:60px;
	background: transparent url(../images/galerie_btn5.jpg) no-repeat 0 0;
	left: 752px;
	top: 0px;
}
li#sub_nav_panier a:hover{
	background: transparent url(../images/galerie_btn5_on.jpg) no-repeat 0 0;
}
/* Tools */
div#tools { 
	margin:0px;
	position : relative;
	height : 50px;
	background-color : #ffffff;
	width:207px;
	margin-left:37px;background-color:#FFFFFF
}
div#tools_p { 
	position : relative;
	height : 60px;
	background-color : #FFFFCC;	
	margin : 0px;
}
div#tools a{
	color : #000000;
	margin-right : 0px;
	padding-right : 0px;
}
div#tools h5 {
	position:absolute;
	display:inline;
	text-indent : -9999px;
	left: 2px;
	top: 18px;
}
ul#nav_tools {
position:relative;
top:0px;

	margin : 0;
	width : 207px;
}
ul#nav_tools li {
	display : inline; 
	margin-right : 0px;
	padding-right : 0px;
}
li#nav_newsletter{
	position :absolute;
	left : 0px;
	top : -53px;
	width : 207px;
	height:104px;
	background : transparent url(../images/newsletter_home.jpg)  no-repeat 0 0;
}
li#nav_newsletter1{
	position :absolute;
	left : 0px;
	top : 51px;
	width : 207px;
	height:192px;
	background : transparent url(../images/newsletter.jpg)  no-repeat 0 0;
	background-color: #FFFFFF;
}
li#nav_newsletter2{
	position :absolute;
	left : 4px;
	top : 393px;
	width : 202px;
	height:209px;
	background : transparent url(../images/newsletter_type2.jpg)  no-repeat 0 0;
}
li#nav_newsletter5{
	position :absolute;
	left : 3px;
	top : 393px;
	width : 206px;
	height:306px;
	background : transparent url(../images/newsletter_type5.jpg)  no-repeat 0 0;
}
li#nav_newsletter3{
	position :absolute;
	left : 3px;
	top : 390px;
	width : 202px;
	height:225px;
	background : transparent url(../images/newletter3.jpg)  no-repeat 0 0;
}
li#nav_newsletter6{
	position :absolute;
	left : 3px;
	top : 559px;
	width : 202px;
	height:225px;
	background : transparent url(../images/newletter3.jpg)  no-repeat 0 0;
}

.newsletter3_input{
	position :absolute;
	left: 10px;
	top: 29px;
	
}
.newsletter3_btn{
	position :absolute;
	left: 27px;
	top: 61px;
	
}
li#nav_aller_blog a{
	position :absolute;
	left : 0px;
	top : -86px;
	width : 207px;
	height:33px;
	background : transparent url(../images/aller_sur_le_blog.jpg)  no-repeat 0 0;
}
li#nav_aller_blog1 a{
	position :absolute;
	left : 0px;
	top : 16px;
	width : 207px;
	height:33px;
	background : transparent url(../images/aller_sur_le_blog.jpg)  no-repeat 0 0;
}
li#nav_123 a{
	position :absolute;
	left : 0px;
	top : 0px;
	width : 207px;
	height:189px;
	background : transparent url(../images/afeuille1.jpg)  no-repeat 0 0;
}
li#nav_1234 a{
	position :absolute;
	left : 0px;
	top : 188px;
	width : 207px;
	height:53px;
	background : transparent url(../images/afeuille2.jpg)  no-repeat 0 0;
}
li#nav_12345 a{
	position :absolute;
	left : 0px;
	top : 241px;
	width : 207px;
	height:50px;
	background : transparent url(../images/afeuille3.jpg)  no-repeat 0 0;
}
li#nav_123_type4 a{
	position :absolute;
	left : 0px;
	top : 171px;
	width : 207px;
	height:189px;
	background : transparent url(../images/afeuille1.jpg)  no-repeat 0 0;
}
li#nav_1234_type4 a{
	position :absolute;
	left : 0px;
	top : 360px;
	width : 207px;
	height:53px;
	background : transparent url(../images/afeuille2.jpg)  no-repeat 0 0;
}
li#nav_12345_type4 a{
	position :absolute;
	left : 0px;
	top : 413px;
	width : 207px;
	height:50px;
	background : transparent url(../images/afeuille3.jpg)  no-repeat 0 0;
}
div#tools h3{
	font-size : 9px;
	position : absolute;	
	display : inline;
	text-indent : -9999px;
}
li#nav_blog_tools_p {
	position : absolute;
	right : 648px;
	width : 120px;
	height : 25px;
	top : -25px;
	background-color : #99CCFF;
}
li#nav_tools_blog a{
	position : absolute;
	right : -393px;
	width : 149px;
	height : 93px;
	top : -63px;
	background : transparent url(../images/btn_blog_off.jpg)  no-repeat 0 0;
}
li#nav_tools_blog a:hover{
	background : transparent url(../images/btn_blog_on.jpg)  no-repeat 0 0;
}
li#nav_galerie_photo a {
	position : absolute;
	left : 236px;
	width : 213px;
	height : 93px;
	top : -63px;
	background : transparent url(../images/btn_galerie_off.jpg)  no-repeat 0 0;
}
li#nav_galerie_photo a:hover{
	background : transparent url(../images/btn_galerie_on.jpg)  no-repeat 0 0;
}
li#nav_inscription a {
	position : absolute;
	width : 296px;
	height : 93px;
	top : -63px;
	background : transparent url(../images/btn_inscription_off.jpg)  no-repeat 0 0;
	left: 603px;
}
li#nav_inscription a:hover{
	background : transparent url(../images/btn_inscription_on.jpg)  no-repeat 0 0;
}
li#nav_neant {
	position : absolute;
	left: 207px;
	width : 29px;
	height : 93px;
	top : -63px;
	background : transparent url(../images/btn_neant.jpg)  no-repeat 0 0;
}	 


/* Content Home */
div#content_main_presentation{
	position : absolute;
	width : 300px;
	top : 5px;
	left: 219px;
	height: 264px;
	color:#473a47;
	font-size:15pt;
}
div#content_main_presentation em{
	font-style:italic;
	color:#f22ff2;
}
/* Content Sub*/
div#actualite{
	position:relative;
	width:207px;
	color:#FFFFFF;
	height:372px;
}
div#actualite_header{
	width:207px;
	height:50px;
	background : #ffffff url(../images/actualite_header.jpg) no-repeat 0 bottom;
}
div#actualite h3 { 
	position : absolute;	
	display : inline;
	text-indent : -9999px;
}
ol#actualite_ol{
margin:0px;
width:197px;
}
div#actualite ol{
	margin-left:10px;
	margin-right:10px;
	width:187px;
}
div#actualite ol li{
	margin:0px;
	position:relative;
	margin-left:0px;
	margin-right:0px;
	width:187px;
	background: transparent url(../images/actu_pointille.jpg) no-repeat 0 5px;

}
div#actualite ol li h4 {
	display:block;
	position : absolute;
	margin:0px;
	top: 5px;
	left: 0px;
	font-size:13px;
	width: 96px;
}
div#actualite ol li span{
	margin:0px;
	text-align:right;
	position:absolute;
	left: 39px;
	top: 6px;
	width: 148px;	
	margin:0px;
	color:#ffffff;
	font-size:9px;
}
div#actualite a{
	margin:0px;
	color:#60f42f;
	font-size:12px;
}
div#actualite li p{
	margin:0px;
	padding-top:30px;
	color:#d5d5d5;
	font-size:10px;
}
div#actualite em a{
	color:#ffffff;
	font-size:10px;
	font-weight:bolder;
}
div#actualite em a:hover{
	color:#f22ff2;
	font-size:10px;
	font-weight:bolder;
}

/* Content Page */
div#content_main_presentation_p{
	position : absolute;
	top : 0px;
	width : 618px;
	left : 114px;
}

div#content_main_presentation{
	position : absolute;
	top : 5px;
	width : 361px;
	background : transparent url(../images/presentation.jpg) no-repeat 0 0;
	font-size:14px;
}
div#content_main_presentation h2{
	position : absolute;	
	display : inline;
	text-indent : -9999px;
}
div#content_main_presentation blockquote{
	position:absolute;
	left: 5px;
	top: 57px;
	margin:0px;
	width: 357px;
}
div#content_main_naviguer{
	position : absolute;
	top : 5px;
	left : 590px;
	width : 297px;
	background : transparent url(../images/naviguer.jpg) no-repeat 0 0;
	height: 281px;
	font-size:14px;
}
div#content_main_naviguer ul{
	margin:0px;
	position:absolute;
	left: 0px;
	top: 174px;
	margin:0px;
	width: 287px;
	height: 78px;
}
div#content_main_naviguer h3{
	margin:0px;
	position : absolute;	
	display : inline;
	text-indent : -9999px;
}
div#content_main_naviguer a{
	margin:0px;
	font-size:15px;
	color:#000000;
}
div#content_main_naviguer a:hover{
	margin:0px;
	color:#f22ff2;
}

/* Footer */
div#site_info {
	position : relative;
	height : 30px;
    background : transparent url(../images/footer.gif) no-repeat 0 0;
	color:#f897f7;
	font-size:12px;
}
div#site_info a{
	color:#f897f7;
}
div#site_info a:hover{
	color:#ffffff;
}
div#site_info p a{
	color:#9c879c;
}

div#site_info p{
	color:#9c879c;
}
div#site_info ul{
	position : absolute;
	left : 24px;
	top : 4px;
	margin :0;
	width: 686px;
 }
div#site_info ul li{ 
	display : inline;
 }
div#site_info h5 { 
	position : absolute;	
	display : inline;
	text-indent : -9999px;
}
div#site_info p {
	margin : 0;
	position : absolute;
	left : 740px;
	top: 4px;
	width: 159px;
}
/* Page */
ul#inscription_ul {
	position:absolute;
	margin:0px;
	left: 380px;
	top: 210px;
	width: 297px;
	height: 137px;
	font-size:14px;
}
div#inscription_formulaire{
	margin:0px;
	width:686px;
	position:relative;
	height:608px;
	background: transparent url(../images/inscription_fond.jpg) no-repeat 0 0;
	margin-bottom:10px;
	
}
div#inscription_formulaire1{
	margin:0px;
	width:686px;
	position:relative;
	height:608px;
	background: transparent url(../images/inscription_merci.jpg) no-repeat 0 0;
	margin-bottom:10px;
	
}
div#inscription_formulaire2{
	margin:0px;
	width:686px;
	position:relative;
	height:608px;
	background: transparent url(../images/inscription_deja.jpg) no-repeat -1px 0;
	margin-bottom:10px;
	
}

div#inscription_formulaire h3{
	height:53px;
	margin:0px;
	width:679px;
	background: transparent url(../images/inscription_titre_fr.jpg) no-repeat 0 0;
}
ul#inscription_ul li a{
	color:#000000;
}
ul#inscription_ul li a:hover{
	color:#f22ff2;
}
li#Contact a{
	margin-top:10px;
	display:block;	
	width: 258px;
	height: 22px;
	background: transparent url(../images/inscription_contact_fr.jpg) no-repeat 0 0;
}
form#inscription_form {
	margin:0px;
	position:absolute;
	left: 27px;
	top: 120px;
	width: 273px;
}
div#Page{
	margin-left:5px;
}
div#Page1{
	margin:0px;
	background-color:#ffffff;
}
div#Page h2{
	margin:0px;
	padding-left:20px;
	width:679px;
	height:48px;
	background: transparent url(../images/inscription_pointille.jpg) no-repeat 0 -10px;
	letter-spacing:-2px;
}
div#Page1 h2{
	margin:0px;
	padding-left:20px;
	width:679px;
	height:48px;
	letter-spacing:-1px;
}
div#Page p{	
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#473a47;
}
p#Test{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#473a47;
}
p#Test em{
	display:inline;
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#f22ff2;
	font-style:italic;
}
div#merde {
	margin:0px;
	font-size:22px;
	color:#5e055e;
	height:40px;
	padding-left:20px;
	margin-top:12px;
	letter-spacing:-1px;
}
div#merde1 {
	margin:0px;
	font-size:18px;
	color:#4e4e4e;
	height:31px;
	padding-left:20px;margin-top:6px;
}
div#merde2 {
	margin:0px;
	font-size:14px;
	color:#4e4e4e;
	height:31px;
	padding-left:25px;
	margin-top:3px;
	margin-bottom:50px;
}
div#merde3 {
	margin:0px;
	font-size:14px;
	color:#4e4e4e;
	height:31px;
	padding-left:25px;
	margin-top:3px;
	margin-bottom:40px;
}

/* Recherche */
li#recherche {
	position:absolute;
	top:0px;
	width:207px;
	height:170px;
	background: transparent url(../images/recherche.jpg) no-repeat 0 0;
}
.recherche_input {
	position:absolute;
	left: 9px;
	top: 93px;
}
.recherche_btn {
	position:absolute;
	left: 7px;
	top: 119px;
}
/* Menu déroulant langue*/
dl#language {
	position: absolute;
	top: 5px;
	left: 812px;
	color:#FFFFFF;
	font-size:12px;
	width:65px; /* correction pour Opera */
}
dl#language dt {
	cursor: pointer;
	background-image:url(../images/fleche_langue.jpg);
	background-position: right 5px;
	background-repeat:no-repeat;
	width:65px;
	height: 13px;margin:0px;
}
dl#language dd {
	display: none;margin:0px;
	width:65px;
}
.fr{
	font-size : 12px;
	line-height : 11pt;
}
.fr a{
	color:#000000;
	padding-left:2px;
}
.fr a:hover{
	color:#00ee00
}
/* Connection membre */
div#connection{
	position:absolute;
	color:#FFFFFF;
	font-size:14px;
	top:3px;
	left:434px;
}
div#connection a{
display:block;
	color:#FFFFFF;
	font-size:14px;
	margin-bottom:5px;
}
div#connection a:hover{
	color:#f22ff2;
	font-size:14px;
}

/* Identifiant*/
div#id{
	position:absolute;
	text-align:right;
	left: 390px;
	top: 13px;
	font-size:14px;
	color:#f42f2f;
	width: 288px;
	height: 29px;
	
}
div#id1{
	position:absolute;
	text-align:right;
	left: 390px;
	top: 13px;
	font-size:14px;
	color:#f42f2f;
	width: 288px;
	height: 29px;
	
}
div#id ul li{
	display:inline;	
}
li#li_style{
	color:#5e055e;
}

div#id1 ul li{
	display:inline;	
}


/* Nav Page */

.btn_debut{
	position:absolute;
	left: -44px;
	top: 0px;
	width:20px;
	height:20px;
}
.btn_next{
	position:absolute;
	left: 81px;
	top: 0px;
	width:20px;
	height:20px;
}
.btn_previous{
	position:absolute;
	left: -22px;
	top: 0px;
	width:20px;
	height:20px;
}
.btn_fin{
	position:absolute;
	left: 103px;
	top: 0px;
	width:20px;
	height:20px;
}
.nav {
	position:relative;	

	width : 200px;
	height:20px;	
}

.nav td div{
	width:15px;
	cursor:hand;
	color:#000000;
	
}
.nav td div.inactif:hover{
	width:15px;
	cursor:hand;
	color:#CC66CC;
}
.nav td div.actif{
	width:15px;
	cursor:hand;
	width:15px;
	color:#CC66CC;
	font-weight:bold;
}
.nav td div.inactif1{
	width:15px;
	cursor:hand;
	width:15px;
	color:#EEEEEE;
}
form#inscription_form_inscription {
	margin:0px;
	position:absolute;
	left: 27px;
	top: 169px;
	width: 273px;
}