body {
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#fff;
}	
.bodyHome {
	background-color: #4f003c;
	background-image: url(../img/commun/bkg-screen.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}	  
* {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom: 15px;
	font-size: 22px;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-top:5px;
	margin-bottom: 5px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 4px;
}
h3 {
	
}
p, ul {
	margin-bottom:5px;
}
a {
	text-decoration: none;
}
a img {
	border: 0px solid #FFF;
}
	  
#header	 {
	width:1003px;
	height:435px;
}	  

/*   ----------------------   ACCUEIL   ----------------------  */ 

#maincontener	 {
	width:1003px;
	margin: 0 auto;
}	  
#contentHome	 {
	background-color: #400033;	
}	 
#nav {
	float: left;
	width:240px;
}	 
#nav  ul {
  -moz-box-shadow: 4px 4px 5px #3b002d;
  -webkit-box-shadow: 4px 4px 5px #3b002d;
  box-shadow: 4px 4px 5px #3b002d;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#3b002d', Direction=140, Strength=5); 
  zoom: 1; 
}	
  
#intro {
	float: left;
	width:345px;
	margin-right: 35px;
	padding-top: 24px;
	color:#fff;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}	 
#colDtHome {
	float: left;
	width:383px;
}	 
.boxActuHome {
	width:323px;
	height: 145px;
	padding: 25px 30px 0 30px;
	background-image: url(../img/commun/bkg-actuhome.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}	 
.dateHome {
	color:#a4899b;
	font-size: 11px;
	margin: 8px 0 5px 0;
}	 
.boxPromoHome {
	width:323px;
	height: 145px;
	padding: 25px 30px 0 30px;
	background-image: url(../img/commun/bkg-actupromo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}	 
.boxActuHome a,  .boxPromoHome a  {
	font-size:12px;
	color:#fff;
}
.boxActuHome a:hover,  .boxPromoHome a:hover  {
	color:#a91377;
}
.resaHome  {
	float: right;
	color:#fff;
	font-size: 12px;
 	width: 383px;
	background-color: #7e0050;
	text-align: center;
	padding-top: 5px;
	height:20px;
}
#footer {
	font-size:11px;
	color:#a4899b;
	padding-left:20px;
	background-color: #2f0029;
	height:25px;
}
#footer  p {
	padding-top:5px;
}
#copyright {
	font-size:10px;
	color: #754065;
	margin-bottom:10px;
	padding: 5px 0 0 20px;
}
#copyright  a {
	color: #754065;
}
#copyright  a:hover {
	color: #7e0050;
}
/*   ----------------------   PAGE INTERIEUR   ----------------------  */ 

#logo { 
	position:absolute; 
	top:0px; 
	left:0px; 
	width:577px; 
}
#content{ 
	position:absolute; 
	top:125px; 
	left:0px; 
	width:660px; 
}
#colDtPage{
	float: left;
	width:445px;
	margin-left:8px;
	margin-top:-12px;
	z-index:1;
}
#colDtPageBazic {
	float: left;
	width:445px;
	margin-left:8px;
	margin-top:-8px;
	background-image: url(../img/commun/bkg-topdescroptif.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 23px;
}
#colDtPage ul, #colDtPageBazic ul { 
	margin-left:15px;
}
.descriptif {
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
	padding: 23px;
	background-image: url(../img/png/bkg-descriptif.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.descriptif  a{
	color:#a4899b;
}
.descriptif  a:hover{
	color:#961169;
}
#deroulBoxPromoPage {
	margin-right: 23px;
	margin-left: 50px;
	text-align: justify;
}
.boxPromoPage {
	background-image: url(../img/png/bkg-boxofrpage.png);
	background-repeat: no-repeat;
	background-position: left 20px;
	height: 101px;
	line-height: 13px;
}
.boxPromoPage a {
	font-size:11px;
	color:#fff;
	background-image: url(../img/png/fleche-roseplus.png);
	background-position: right 5px;
	padding-right: 17px;
	background-repeat: no-repeat;
}
.boxPromoPage  a:hover  {
	color:#e62c8c;
}
.datePage {
	color:#e62c8c;
	font-size: 11px;
	margin: 10px 0 5px 0;
	text-transform: uppercase;
}	 
.stamp{ 
	float: right; 
	margin: 15px 30px 0 0;
}


/*   ----------------------   ACTUS   ----------------------  */ 

.boxActusDatPage {
	background-image: url(../img/commun/bkg-actudtaepage.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	padding-left: 50px;
	padding-top: 10px;
	font-size:13px;
	color:#e62c8c;
}
.visuActuPage {
	margin-bottom: 19px;
}
.descActus {
	font-size:12px;
	text-align: justify;
	padding: 23px;
	background-image: url(../img/png/bkg-descriptif.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.descActus h1 {
	color:#fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-bottom:10px;
}

.descActus a {
	color:#e62c8c;
}

/*   ----------------------   NAV PAGES   ----------------------  */ 

#afficher { 
      position: absolute;
	  top: 0px;
	  left: 519px;
	z-index:10;
} 
#masquer { 
      position: absolute;
	  top: 152px;
	  left: 519px;
	z-index:10;
} 
#langues { 
      width: 128px; 
	  background-color:#320c2d;
	  padding: 8px 20px;
	  margin-top:15px;
} 
.navigation { 
	float: left;
      width: 150px; 
      list-style: none; 
      color: #fff; 
	  padding:25px 0 25px 18px;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(89, 12, 72);
/* RGBa with 0.6 opacity */
background: rgba(89, 12, 72, 0.8);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#590c48, endColorstr=#590c48);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#590c48, endColorstr=#590c48)";
} 
.navigation li {
	list-style-type: none;
} 
   .navigation a, .navigation span {
	display: block;
	  padding: 2px;
	color: #a67295;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	border-bottom: solid 1px #743665;
	margin-bottom:10px;
	/*      background: #000 url(menu-item.png) left bottom no-repeat; */
      } 
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
	border-bottom: solid 1px #743665;
      /*background-image: url(menu-item-deroule.png);*/ 
      } 
   .navigation .open a, .navigation .open span { 
      /*background-image: url(menu-item-enroule.png); */
	  padding: 2px;
 	  margin-bottom:10px;
	border-bottom: none 0px #743665;
     } 
	 
   .navigation li a.navActive{ 
      /*background-image: url(menu-item-enroule.png); */
	border-bottom: solid 1px #7e0f56;
   	  background-color:#7e0f56;
	  color:#fff;
	  margin-bottom:10px;
	  padding: 2px;
     } 	 
	 
	 
	 
   .navigation a #rubopen, .navigation span #rubopen { 
      /*background-image: url(menu-item-enroule.png); */
	  padding: 2px;
 	  margin-bottom:10px;
	border-bottom: none 0px #743665;
     } 	 
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
	border-bottom: solid 1px #7e0f56 ;
   	  background-color:#7e0f56 ;
	  color:#fff ;
	  margin-bottom:10px ;
	  padding: 2px ;
      } 
	  
	 .grosMenuOn { 
	 border-bottom: solid 1px #7e0f56 !important;
   	  background-color:#7e0f56 !important;
	  color:#fff !important;
	 }
	 
   .navigation .subMenu { 
      font-size: .8em; 
      /*background: #ccc url(subMenu.png) 0 0 repeat-x; */
      font-size: .9em; 
      margin-bottom:10px; 
      padding: 0; 
      } 
   .navigation ul.subMenu a {
	border-bottom: none 0px #743665;
	background: none;
	padding: 0 0 5px 0;
	color:#fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	margin-bottom:0;
	text-indent: 2px;	
      }
   .navigation ul.subMenu a:hover {
	color:#e62c8c;
      }
#menuOn { 
      /*background: #000; */
	  color:#9c0062;
	  padding:1px 0;
   	  background-color:#fff;
	  margin-bottom:7px;
      }	  


/*   ----------------------   DIVERS   ----------------------  */ 

.clear  {
	clear: both;
}
.left  {
	float: left;
}
.right  {
	float: right;
}
.txt10  {
     font-size: 10px; 
}
.txt14  {
     font-size: 14px; 
}

#boxDeroulActu, #boxDeroulOfr {
	height: 115px;
	text-align: left;
	overflow: hidden;
	float:left;
}

#deroulBoxPromoPage{
	height: 75px;
	text-align: left;
	overflow: hidden;
	float:left;	
}

#LbActus {
	padding: 5px 0 10px 0;
	width:700px;
	font-size:12px;
}
#LbActus h2 {
	color:#7e0f56;
	border-bottom: dotted 1px #7e0f56;
	padding-bottom:5px;
}
#deroulBoxPromoPage div{
	display: block;
	overflow: hidden;
	margin: 5px;
	height:75px;
}
#boxDeroulActu div, #boxDeroulOfr div
{
	display: block;
	overflow: hidden;
	margin: 5px;
	height:115px;
}
.soulignRose {
	border-bottom: dotted 1px #5e004b;
	border-top: dotted 1px #5e004b;
	padding: 5px 0;
	color:#edb8e7;
}
.coulroseFluo {
	color:#e62c8c;
}
.form-imput-300 {
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e62c8c;
	background-color:#292929;
	border: solid 1px #292929;
	width:290px;
	padding: 2px 5px;
	margin-bottom:5px;
}