/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web ---  CSS  --*
 *------------------------------------------------*/
@import url("../popup/lightbox.css");	
@import url("scroll.css");		
html {
   margin: 0;
   padding: 0;
}


body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, "sans-serif";
	font-size: 12px;
	background-image:url(../images/deco/body_bg2.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#F8D148;
	color: #000;
}

p, form, input {
	margin: 0;
	padding: 0;
	color:#fff;
}

img{
	border:none;
}

select {
	color: #000;
	background-color: #fff;
}

strong{
	color:#FFCC00;
}
small{
	color:#FFFFFF;
	font-size:9px;
	font-style: italic;
}
a.sous-menu{
	margin:0 0 0 20px;
	padding:0;
	display:block;
	color:#CC9900;
	font-weight:bold;
	text-decoration:underline;
	}
a.top{
margin:0 auto;
padding:0 0 0 40px;
color:#666;
font-size:10px;
text-decoration:none;
}
a{
	color:#FFCC00;
	text-decoration:underline;
	font-size:11px;
}
a:hover{
	color:#FFFFFF;
}
hr.cadre{
	background : none;
	border-bottom:1px #666 solid;
	width:560px;
	margin:0;
}

a#grands_crus:link, a#grands_crus:visited {
	display: block;
	width: 246px;
	height:279px;
	background:url(../images/deco/grands_crus_page.png) no-repeat center 0;
	margin: 0 19px;
/*	margin: 100px 0 0 15px;*/
	padding: 0;
}

.liste{
	font-size:10px;
	margin: 0;
	padding: 0 0 4px 0;
}

.liste em{
	padding: 0 0 0 15px;
}

.liste-ecoute{
	font-size:10px;
	color:#FFCC00;
}

 /*------------------------------------------------------*
  *--------    CSS POST-IT     						 ----*
  *------------------------------------------------------*/

#partenaire {
	position: absolute;
/*	height: 435px;*/
	width: 150px;
	padding: 15px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	top: 52px; 
/*	right: 50px;*/
	right: 1px;
	z-index:200;
}
#partenaire p{
	text-align:right;
}

#cadre_home {
	position: absolute;
	height: 503px;
	width: 295px;
	background: transparent url(../images/deco/cadre_home.jpg) no-repeat scroll top left;
	padding: 15px;
	margin: 0
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	top: 20px; 
/*	top: 52px; */
/*	right: 60px;*/
	right: 5%;
}

#cadre_home p {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 5px 5px 5px;
	padding: 0;
	text-align: center;
}
#cadre_home img {
	margin: 0 auto;
	padding: 5px 0 0 0;
	text-align: center;
}

#cadre_home a:link, #cadre_home a:visited {
	color: #666666;
	font-size: 11px;
		margin: 10px 15px 0 60px;
	padding: 10px 0 0 0;
/*	margin: 80px 15px 0 60px;
	padding: 40px 0 0 0;*/
	text-align: center;
	text-decoration: none;
}

#cadre_home a:hover {
	text-decoration: underline;
}


/*Post-it*/

#root_Toulouse, #root_Bordeaux {
	position:absolute;
	height:200px;
	width:200px;
	background-image:url(../images/deco/post-it_bg3.gif);
/*	background-color:#000;*/
	padding:0px;
	/*	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	z-index:200;
	text-align: center;
}
#handle_Toulouse, #handle_Bordeaux {
	color:#333333;
	padding:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:20px 0 0 0;
	font-weight: bold;
	text-align: center;
	cursor:move;
}
#root_Toulouse h3, #root_Bordeaux h3{
	margin:0;
	padding:0 0 10px 0;
	font-size:12px;
	color:#FFFFFF;
	text-align: center;
}
#root_Toulouse h4, #root_Bordeaux h4 {
	margin:10px auto;
	padding:0 0 0 0;
/*	padding:10px 0 15px 0;*/
	font-size:14px;
	color:#FFFFFF;
	text-align: center;
	display:block;
	text-decoration:none;
	width:150px;
}
#root_Toulouse h5, #root_Bordeaux h5 {
	margin:0;
	padding:0 0 10px 0;
	font-size:9px;
	color:#444;
	text-align: center;
}

#root_Toulouse a, #root_Bordeaux a {
	text-align:center;
	text-decoration:none;
}

.postit_lien {
	background: url(../images/deco/pos-it_lien.gif) no-repeat center center;
	margin: 0 auto;
	padding: 3px 0;
	width: 62px;
	display: block;
	color: #000;
	font-weight: normal;
}
#encart_reserve {
background-image:url("../images/deco/post-it_bg_reserve.gif");
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
height:200px;
margin:280px 0 0 641px;
padding:0;
position:absolute;
text-align:center;
width:200px;
}

.postit_lien_reserve {
background:url("../images/deco/pos-it_lien_reserve.gif") no-repeat scroll center center transparent;
color:#000000;
display:block;
font-weight:normal;
margin-left:20px;
margin-top:30px;
padding:3px 0;
text-decoration:none;
width:162px;
}
.texte_reserve {
color:#FFCC00;
cursor:move;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:40px;
font-weight:bold;
margin-top:55px;
text-align:center;
}
.texte_reserve_aste {
	font-size:20px;
	vertical-align: top;
}
.texte_reserve_sous {
font-size:10px;
}
/*---------------------------------------------------
                GALLERY PHOTO PHP 
---------------------------------------------------*/

/* Parametres de la <div> gallery*/
#gallery{
	margin:10px 0 30px 0;
	padding:0 0 0 25px;
	width:592px;
}

/*------------- FIN ----------*/

/*--Parametres des vignettes--*/
.mini{
	margin:0 0 0 7px;
	padding:5px ;
	width:100px;
		float:left;
}
.mini a img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.mini a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/*------------- FIN ----------*/
 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/


#general{
	margin:0 auto;
	padding:0;
	width:900px;
	background:url(../images/deco/bg_header.png) no-repeat 0 top
}
#general-index{
	margin:0;
/*	margin:0 auto;*/
	padding:0;
	width:900px;

}

/*Haut de page  HEADER*/

*html #header{
	margin:0 auto;
/*	padding:1px 0 0 0;*/
	padding:0;
	width:900px;
	height:155px;
}
#header{
	margin:0 auto;
/*	padding:1px 0 0 0;*/
	padding:0;
	width:900px;
	height:185px;
}

/*Contenu de page  CONTENT */

#content {
	margin:0 auto;
	padding:0;
	width:900px;
}
#left_part{
	margin:0;
	padding:0;
	width:285px;
	/*background-image:url(../images/deco/pot_menu3.png);
	background-position:left top;
	background-repeat:no-repeat;*/
	float:left;
}

#encart_bonscadeaux {
	width: 245px;
	height: 50px;
	background: url(../images/deco/encart_bonscadeaux_bkg.gif) no-repeat;
	text-align: right;
	padding: 122px 20px 10px 0;
}
#encart_bonscadeaux a {
	color: #f2deda;
	text-decoration: none;
}
#encart_bonscadeaux a:hover {
	text-decoration: underline;
}

#encart_newsletter {
	width: 226px;
	height: 78px;
	background: url(../images/deco/encart_newsletter_bkg.gif) no-repeat;
	color: #fff;
	margin: 0 19px 15px;
	padding: 43px 10px 10px;
}
#encart_newsletter td {
	padding:4px 0;
}
#encart_newsletter #champ_mail {
	width: 130px;
	border: #ccc solid 1px;
	height: 14px;
	font-size: 11px;
	color:#000;
}
#encart_newsletter #champ_ville {
	width: 80px;
	border: #ccc solid 1px;
	height: 16px;
	font-size: 11px;
}
#encart_newsletter #bouton_envoyer {
	background-color: #aaa;
	border: 1px solid #999;
	color: #000;
	cursor: pointer;
	width: 70px;
	padding: 0 5px;
}

*html .middle_part{
	margin:0;
	padding: 0 10px 0 4px;
	width:600px;/*passer en 650px en enlevant les border*/
	float:left;
}
.middle_part{
	margin:0;
	padding: 0 10px 0 4px;
	width:600px;/*passer en 650px en enlevant les border*/
	float:left;
}

.middle_part img.cd{
	margin: 0 0 0 40px;
	padding:0;
}

.sous_menu_presentation {
	padding: 0 0 15px;
}
.top-cadre{
	margin:0;
	padding:0 0 0 20px;
	width:600px;
	height:48px;
	background:url(../images/deco/haut_cadre3.gif) left top no-repeat;
}

.content-cadre{
	margin:0 0 0 0;
	width:560px;
	background-position:left bottom;
	background-repeat:repeat-y;
	background-image: url(../images/deco/content_cadre3.png);
	padding: 0 20px;
}
.content-cadre-left{
	margin:0;
	padding:0 20px 0 0;
	width:260px;
	float:left;
	border-right:1px #666 solid
}
.content-cadre-right{
	margin:0 0 0 20px;
	padding:0;
	width:240px;
	float:left;
}
.cd-cadre-left{
	margin:0;
	padding:0 20px 0 0;
	width:250px;
	float:left;
	border-right:1px #666 solid
}
.cd-cadre-right{
	margin:0;
	padding:0 0 0 40px;
	width:240px;
	float:left;
}
.contact-cadre-left{
	margin:0;
	padding:0 20px 0 0;
	width:200px;
	float:left;
	border-right:2px #999 solid
}
.contact-cadre-right{
	margin:0;
	padding:0;
	width:320px;
	float:left;
}
.content-cadre p{
	margin:20px 0 0 0;

}
.bottom-cadre{
	margin:0;
	padding:0;
	width:600px;
	height:22px;
	background-repeat:no-repeat;
	background-image: url(../images/deco/bas-cadre2.png);
}
#flash_anim{
	margin:0;
	padding:0;
}
flash_anim_index{
	margin:0;
	padding:0 0 0 60px ;
}
#flash_anim2{
	margin:0;
	padding:0;
}
#anim_diapo{
	margin: 0 auto;
	padding: 0;
	width: 560px;
}
.gmap{
	width: 560px;
	margin: 0 auto;
	padding: 0;
}
.span_jaune_ville {
	color: #FFCC00;
	padding: 0 0 10px 0;
}
.span_jaune{
	color: #FFCC00;
}
.span_blanc{
	color: #FFFFFF;
}
/*Bas de page  FOOTER*/
#footer_part{
	margin:0;
	padding:0;
	width:900px;
}
#footer{
	margin:0;
	padding:10px 0 30px 0;
	width:590px;
	height:20px;
	text-align:center;
	float:right;
	color: #333333;
	font-weight:normal;
}

#footer a{
	color:#333333;
	text-decoration:none;
	font-size:9px;
}

#footer a:hover{
	color:#FFFFFF;
}
#footer-index{
	margin:0;
	padding:0 0 0 25px;
	width:600px;
	height:20px;
	text-align:right;
	float:right;
	color: #333333;
	font-weight:normal;
}

#footer-index a{
	color:#333333;
	text-decoration:none;
	font-size:9px;
}

#footer-index a:hover{
	color:#FFFFFF;
}
#adresse{
	margin:0;
	width:210px;
	height:90px;
	color:#fff;
	display:block;
	text-align: center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 35px;
}
#adresse p{
	font-size:10px;
}
#adresse a{
	color:#FFCC00;
	font-size:10px;
	text-decoration:none;
}
#adresse a:hover{
	color:#fff;
	text-decoration:underline;
}

.content-cadre-left ul, .content-cadre-right ul {
	color: #fff;
	list-style-type: none;
	margin: 20px 0;
	padding: 0;
}
.content-cadre-left li, .content-cadre-right li {
	background: url(../images/deco/etoile_liste.gif) no-repeat left 8px;
	padding: 5px 0 5px 15px;
}

.googlemaps_toulouse {
	margin: 20px 0;
}
.googlemaps_bordeaux {
	margin: 43px 0 0 0;
}

/*classe clear*/

.clear {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}
/*------------------------------------------------------*
  *--------------------------     CSS AGENDAT CONCERT   ----*
  *------------------------------------------------------*/
.concert{
	margin:0;
/*	padding:0 20px 0 0;*/
	width:540px;
}

.image-groupe{
	margin:0;
	padding:0;
	width:100px;
	float:left;
}
.image-groupe img{border:1px solid #222;}
.desc-groupe{
	margin:0;
	padding:0;
	width:420px;
	float:left;
}
.desc-groupe div{
	margin:0;
	padding:0 0 0 20px;
	font-size:10px;
	color:#FFFFFF;
}
.concert h3{
	margin: 0;
	padding: 10px 0;
	font-size:14px;
	color:#fff;
}
  
.concert h4{
	margin: 0;
	padding: 0 0 0 20px;
	font-size:12px;
	color:#FFcc00;
}
.concert h5{
	margin: 0;
	padding: 0 0 0 20px;
	font-size:10px;
	font-weight:bold;h
	color:#FF6600;
  }
 /*------------------------------------------------------*
  *--------------------------     CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/
  
   h1.cadre {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size:22px;
	color:#FFCC00;
	border-bottom: 1px #999 solid;
	height: 20px;
	line-height: 20px;
	width: 560px;

  }
  
   
  
   h5 {
	margin: 0;
	padding: 0;
	color:#FFFFFF;
	text-align: left;
  }
  
   h6 {
	margin: 0;
	padding: 0;
	color:#FFCC00;
	font-size: 11px;
  }
  
   h2 {
	margin: 0;
	padding: 30px 0 0 0;
	font-size:14px;
	color:#FFCC00;
	   
  }
  
  .dates{
  	font-size:14px;
  	color:#FFFFFF;
  }
.adresse-tarif {
	font-size:14px;
	color:#FFCC00;
	text-align: center;
	font-weight: bold;
	   
  }
		
 /*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/


 /*------------------------------------------------------*
  *--------------------------     CSS MENU DEBUT     ----*
  *------------------------------------------------------*/

/* MENU VERTICAL */

ul#menu_vertical{
	margin:135px 0 0 0;
	padding:0;
	width:250px;
	height:160px;
	list-style:none;
	text-align:center;
	display: block;
	clear: both;
}

ul#menu_vertical li{
	margin:0;
	width:225px;
	display:block;
	padding: 0 0 0 25px;
}

ul#menu_vertical li a{
	padding:0;
	display:block;
	color:#FFCC00;
	font-weight:bold;
	text-decoration:none;
	margin: 0;
	height: 19px;
	line-height: 19px;
}

ul#menu_vertical li a:hover, ul#menu_vertical li a:focus, ul#menu_vertical li a:active {
	color:#fff;
	text-decoration:none;
}

/* MENU HORIZONTAL ne pas oublier de mettre un clear:both; après votre menu*/

ul#menu_horizontal{
	margin: 0 0 0 290px ;
	padding: 6px 0 ;
	list-style: none;
	background: url(../images/deco/menu_horizontal_bkg.png) no-repeat;
	width:600px;
	height:18px;
}

ul#menu_horizontal li{
	color:#fff;
	float:left;
	margin: 0;
	padding: 0;
}

ul#menu_horizontal li a{
	padding:2px 17px;
	display:block;
	color:#fff;
	line-height:1em;
	text-align:center;
	text-decoration:none;
	float:left;
	font-size:12px;
	font-weight:bold;
}

ul#menu_horizontal li a:hover, ul#menu_horizontal li a:focus, ul#menu_horizontal li a:active {
	text-decoration:underline;
	color: #FFCC00;
}


/*-------------- Sous menu concerts --------------*/
*html #sous_menu_concert a {
	width: 277px;
}
#sous_menu_concert a {
	color: #000;
	text-decoration: none;
	width: 278px;
	display: block;
	background-color: #ffcc00;
	font-weight: bold;
	text-align: center;
	margin: 0 1px;
	padding: 5px 0;
	float: left;
	font-size: 15px;
}
#sous_menu_concert a:hover {
	color: #fff;
}

 
 /*------------------------------------------------------*
  *--------------------------     CSS MENU FIN	     ----*
  *------------------------------------------------------*/
.separator{
	margin:20px 0 10px 0;
	padding:0;
	width:560px;
	border-bottom:1px #666 solid;
}

.separator_actus{
	margin:20px 0 10px 0;
	padding:0;
	width:530px;
	border-bottom:1px #666 solid;
}


 /*------------------------------------------------------*
  *--------------------------     CSS PLANS DEBUT    ----*
  *------------------------------------------------------*/
  
/*page plans debut*/
#plan {
	width: 310px;
}

#plan img {
 margin-top: 10px;
	margin-bottom: 10px;
}

/*page plans fin*/



/*pop up plans DEBUT */
#popup_plan {
 margin-top:20px;
	width: 550px;
	position: absolute;
	left: 50%;
	margin-left: -275px;
}

#popup_plan a {
	color:#333;
	text-decoration:none;
}

#popup_plan a:hover {
	color:#666;
}

#popup_plan img {
	border: 1px solid #333;
}

/*pop up plans FIN */

 /*------------------------------------------------------*
  *--------------------------     CSS PLANS FIN         ----*
  *------------------------------------------------------*/





 /*------------------------------------------------------*
  *--------    CSS REFERENCEMENT  DEBUT              ----*
  *------------------------------------------------------*/

#referencement {
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	text-align: center;
	padding-top: 100px;
	color: #666;
}

#referencement a {
	color: #999;
	text-decoration: none;
}

#referencement a:hover {
	color: #666;
}

#referencement a img {
	border: none;
	padding: 3px;
}

 /*------------------------------------------------------*
  *--------    CSS REFERENCEMENT  FIN                ----*
  *------------------------------------------------------*/
   /*------------------------------------------------------*
  *--------    CSS text page index  DEBUT              ----*
  *------------------------------------------------------*/

#text_index {
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
	color: #666;
	width: 85%;
}

#text_index a {
	color: #999;
	text-decoration: none;
}

#text_index a:hover {
	color: #666;
}

#text_index strong{
	color:#000000;
}

 /*------------------------------------------------------*
  *--------    CSS text page index  FIN                ----*
  *------------------------------------------------------*/

