@font-face {
	font-family: 'Trebuchet';

        /* for IE */
	src: url('../fonts/trebuc.eot');

        /*
         * for non-IE: first see if the font exists locally on the browser's
         * computer.  If so, use that copy of the font.  Otherwise, load it
         * from the server
         */
	src: local('Trebuchet'),
	     url('../fonts/trebuc.ttf') format('truetype');
}

body {
	
	background-image:url(../images/fond.jpg);
	background-color:#60084c;
	background-position:top center;
	background-repeat:no-repeat;
}

	
#mention {
	position:absolute;
	width:250px;
	height:300px;
	left:50%;
	top:50%;
	margin-left:-125px;
	margin-top:-150px;
	}

/* bloc index*/

#center {

	width:950px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	z-index:1;

}

#repeat{
	
	width:950px;
	background-image:url(../images/de_06.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	text-align:center;
}


#site {

	width:950px;
	background-image:url(../images/de_03.jpg);
	background-repeat:no-repeat;
	background-position:left top;

}

#logo {

	width:313px;
	height:146px;
	float:left;
}

#menu_haut {
	width:625px;
	height:146px;
	padding-top: 30px;
	padding-left:10px;
	float:left;
}

/*  MENU MENU */

#menu_indication {

	width:225px;
	margin-top:10px;
	height:35px;
	padding-left:35px !important;
	*padding-left:0px;
	position:absolute;

}

#menu_center {

	width:225px;
	margin-top:45px;
	height:500px;
	padding-left:39px;
	position:relative;
	z-index:1000;
	float:left;

}

#menu_repeat {
	width:225px;
	/*background-image:url(../images/der_11.jpg);*/
	background-color:#DC9720;
	background-repeat:repeat-y;
	background-position:left top;
	text-align:center;
}

#menu_site {
	width:225px;
	background-image:url(../images/der_03.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#menu_fin {
	width:225px;
	height:18px;
	background-image:url(../images/jaune_12.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

/*  FIN MENU */

#flash {

	width:675px;
	margin-top:-100px;
	margin-left:10px;
	height:214px;
	position:relative;
	float:left;

}


#gauche {

	width:300px;
	position:absolute;
	float:left;

}


#droite {

	width:600px;
	position:absolute;
	float:left;

}

/*  TEXTE */

#txt_indication {

	width:650px;
	margin-top:9px;
	height:25px;
	padding-left:35px;
	position:relative;

}

#txt_center {

	width:637px;
	margin-top:10px;
	padding-left:28px;
	position:relative;
	z-index:1000;
	float:left;

}

#txt_repeat {
	width:637px;
	background-image:url(../images/cadre_05.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	text-align:center;
	float:left;
}

#txt_site {
	width:620px;
	background-image:url(../images/cadre_03.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding:10px;
	text-align:left;
	min-height:429px;
}

#txt_fin {
	width:637px;
	height:18px;
	background-image:url(../images/cadre_06.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}


#fin {
	width:948px;
	height:125px;
	background-image:url(../images/jaune_17.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
	float:left;
}

#footer {
	width:900px;
	height:100px;
	margin-left:20px;
	margin-top:20px;
}

#contenu {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	float:none;
	}
	
#lien {
	width:430px;
	margin-left:325px;
	float:left;
	background-position:bottom;
	height: 45px;
	margin-top: 24px;
	padding-left: 5px;
	
	}
	
#violet {
	
	background-color:#631d36;
	float:left;
	margin-top:0px;
	margin-left:0px;
	padding:5px;
	text-align:left;
	width:129px;
	height:300px;
	z-index:auto;
	
	}
	
#central {
	background-image:url(../images/repet.gif);
	background-repeat:repeat-y;
	float:left;
	margin-top:100px;
	margin-left:94px;
	padding:5px;
	text-align:left;
	width:746px;
	z-index:30;
	
	}
	
#tt {
	width:900px;
	z-index:30;
	
	}
	
#text {
	
	background-color:#fff0b4;
	margin-top:2px;
	margin-left:9px;
	float:left;
	text-align:left;
	padding-left: 4 px;
	width:580px;
	z-index:auto;
	
	}
	
#titre {
	margin-top:2px;
	margin-left:130px;
	float:left;
	text-align:left;
	width:350px;
	z-index:auto;
	
	}
	
#fille {
	margin-top:10px;
	margin-left:0px;
	width:224px;
	height:226px;
	z-index:auto;
	background-image:url(../images/menu_fille_06.png);
	background-repeat:no-repeat;
	
	}

/* texte */
.menu {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
}

.menu_haut {
	
	font-family:'Trebuchet',Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

.menu_haut a{
	
	font-family:'Trebuchet',Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}

.menu_haut a:hover{
	
	font-family:'Trebuchet',Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}



.menu_p {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#B95762;
	font-weight:bold;

}

.footer1 {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5b2203;
}

.footer1 a{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5b2203;
	text-decoration:none;
}

.footer1 a:hover{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5b2203;
}

.footer2 {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ac6b0f;
}

.footer2 a{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ac6b0f;
	text-decoration:none;
}

.footer2 a:hover{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ac6b0f;
}

.txt2 {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3a1802;
}

.tag {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	z-index:2;
	text-align:center;
	text-decoration:none;
	vertical-align:bottom;

}

.tag a{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	z-index:2;
	text-align:center;
	text-decoration:none;
	vertical-align:bottom;

}

.tag a:hover{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;

	z-index:2;
	text-align:center;
	text-decoration:underline;
	vertical-align:bottom;

}




.texte {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	z-index:2;
	text-align:center;

}


.titre {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/noir.png);
	background-repeat:no-repeat;
	width:350px;
	font-size:15px;
	color:#FFFFFF;
	z-index:2;
	text-align:center;

}


.lien a{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	z-index:2;
	text-decoration:none;

}


.lien a:hover{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	z-index:2;
	text-decoration:underline;

}


.lien2 a{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	text-align:center;
	z-index:2;
	text-decoration:underline;

}

.lien2 a:hover{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#631d36;
	z-index:2;
	text-decoration:underline;

}


.mail a{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ef2d72;
	text-align:center;
	z-index:2;
	text-decoration:none;

}

.mail a:hover{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ef2d72;
	z-index:2;
	text-decoration:underline;

}


.t  {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF003A;
	font-style:italic;
	z-index:2;
}

/* liens */
a {
	
	font-family:'Trebuchet',Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#3a1802;
	text-decoration:none;

}

a:hover {
	
	font-family:'Trebuchet',Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#3a1802;
	text-decoration:underline;
}


#devis {

		border:1px solid #000000;
		padding:5px;
		background-color:#FFE88F;

}

#paypal {

		border:1px solid #FFFFFF; 
		background-color:#3A1802; 
		color:#FFF;
		padding:2px;
		font-size:12px;

}

#paypal a{
		background-color:#3A1802; 
		color:#FFF;
		padding:2px;
		font-size:12px;
		text-decoration:underline;

}


/*/////////////////// Menu accordeon ----------------------------------------------------------------------/////////////////////////*/
 	  #barre_navigation {
	  	width : 223px;
		padding-top:20px;
		color:#3a1802;
	 
	  }
	  
	  #barre_navigation h5{
		font-weight: normal;
		font-size:5px;

		text-align:center;
		color: #3a1802;
		background:#ffe282;
		cursor: pointer;    
		margin : 0 0 10px 0 ;
		border:solid 1px #FFF;

	  }
	  
	  
	  #barre_navigation a{
	  	text-decoration : none;
		color:#3a1802;
		
	  }
	  
	  #barre_navigation ul{
	  	padding: 4px 2px 4px 10px;;
  		color: #ffffff;
  	  	margin : 0;
		text-align:left;
		line-height:16px;
	  }
	  
	  #barre_navigation ul li{
	  	list-style-type : none;
	  	padding : 2px 0 2px 0;
	  	margin : 0;
	  }
	  
	  #barre_navigation ul li a {
	    text-decoration: none;
		text-align:left;
	    color: #3a1802;
		font-size:11px;
	  }
		
	  #barre_navigation ul li a:hover {
	    text-decoration:underline;
	    color: #DF3775;
	  }
	  
	  
.navigation {
      margin: 0;
      padding: 0;
      list-style: none;
      background: #000;
      color: #fff;
      width: 200px;
      font: 1.2em "Trebuchet MS", sans-serif;
      }
   .navigation a, .navigation span {
      display: block;
      color: #fff;
      text-decoration: none;
      background: #000 url(menu-item.png) left bottom no-repeat;
      }
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      background-image: url(../images/masque.jpg);
      }
   .navigation .open a, .navigation .open span {
      background-image: url(../images/masque.jpg);
      }
	  
	.navigation .toggleSubMenu2 a, .navigation .toggleSubMenu2 span {
      background-image: url(../images/sport.jpg);
      }
   .navigation .toggleSubMenu2 .open a, .navigation .toggleSubMenu2 .open span {
      background-image: url(../images/sport.jpg);
      }
	  
	  
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: underline;
      }
   .navigation .subMenu {
      font-size: .8em;
      background: #ccc url(subMenu.png) 0 0 repeat-x;
      font-size: .9em;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
      }
   .navigation ul.subMenu a {
      background: none;
      padding: 3px 20px;
      }

.imgPart {
	float:left;
	margin-right:5px;	
}

.imgPart img {
	border:1px solid #FFFFFF;
}