body {background: #c2c2c2; margin: 0; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#474747}
#body-panache { background:#FFFFFF}

/*------ CONTAINER ------*/
#container {width: 740px; background:#fff url(../images/bg_body.jpg) repeat-y; margin: 0 auto; text-align: left; font-size: 11px}
#header { width:722px; height:115px; margin:0px 9px 0px 9px; padding:0px; background:#fff url(../images/bg_header.jpg) repeat-x;}
#header h1 { text-indent:-9999px; margin: 0px; padding: 0px; background: url(../images/logo_panache.gif) no-repeat; }
#header h1 a{ width: 199px; height:100px; display:block;  margin: 0px; text-decoration:none}
#header h1 a:hover{ width: 199px; height:100px; display:block;  margin: 0px; text-decoration:none}
#headerPrint {width:722px; height:200px; margin:0px 9px 10px 9px; padding:0px; background:#fff url(images/bg_header.jpg) repeat-x; font-weight: bold; color: #474747; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

#logo {width: 199px; height:100px; float:left}
#login {width: 500px; height:90px; float:left; text-align:right; padding: 10px 0 0 0}	
#login ul { padding:0px; margin: 0px;}
#login li { list-style-type: none; margin: 0px; padding: 0 0px 5px 0px; font-weight:bold; font-size:9px;}

#banner { width:722px; height:145px; padding:0px 9px 0px 9px; margin:0px;} 
#head-nav { width:702px; height:18px; padding: 14px 0 0 20px; margin: 0 0 0 9px; background: #fff url(../images/bg_headNavbis.jpg) no-repeat; font-family:verdana; font-size: 10px; font-weight: bold;}
#head-nav li { display: inline; list-style: none; background: url(../images/underline_nav_li_a.gif) repeat-x 0 11px}
#head-nav #active { float: right; margin-right: 20px; padding: 0 0px 0 13px; background: url(../images/ico_contact.gif) no-repeat 0 2px;}
#active a { background: url(../images/underline_nav_li_a.gif) repeat-x 0 11px}
#head-nav li a { text-decoration: none; color: #474747;  }
* html #head-nav li a { height:32px; }
#head-nav li a:hover { color: #c60303; text-decoration:underline;}
#nav1 { width:100px; margin: 0 0 0 5px; display:block}
#nav2 { width:135px; margin: 0 0 0 35px; display:block}
#nav3 { width:115px; margin: 0 0 0 31px; display:block}
#nav4 { width:117px; margin: 0 0 0 23px; display:block}
#nav5 { width:104px; margin: 0 0 0 40px; display:block}
#nav6 { width:104px; margin: 0 0 0 70px; display:block}
.redpro { color:#c60303}/*
.blackpro { color:#000000}
A.blackpro {
color:#000000;
}
A:link.blackpro
{
color:#000000;
}
A:hover.blackpro
{
color:#000000;
}
A:visited.blackpro
{
color:#000000;
} */


/*------ HOME PAGE / EDITO / OBJECTIFS ------*/
#home-item {width:722px; padding:0px 9px 0px 9px; margin:  0px; background:url(../images/bg_txt_item.gif) no-repeat}
#page_spect {width:722px; padding:0px 9px 0px 9px; margin:  0px; background:url(../images/bg_content.gif) repeat-y}
#home-item h2, #page_spect h2 { margin: 0 0 0px 13px; padding: 11px 0 0 10px; font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: url(../images/h2_bullet.gif) 0px 18px no-repeat;}
#home-item a, #page_spect a { text-decoration:  underline; color:#c60303;}
#home-item a:hover, #page_spect a:hover { text-decoration:none; color: #474747; }
#home-item p, #page_spect p { color:#474747; padding:8px 10px 8px 10px; margin:0}
#home-item h5, #page_spect h5 { margin: 0 0 0px 13px; padding: 11px 0 0 10px; font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: url(../images/h2_bullet.gif) 0px 18px no-repeat;}


#objectifs {width: 722px;}
#edito {width: 422px; min-height:273px; float:left; font-size: 12px}
#edito_suite {width: 680px; min-height:273px; float:left;}
#intro_ttl {width: 651px; height:59px; text-align:center; font: bold 12px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color: #c60303; background:url(../images/bg_intro_ttl.gif) no-repeat; margin:0}
#intro_txt {width: 681px; text-align:center; font: bold 11px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; background:url(../images/bg_intro_txt.gif) repeat-y; margin:0 }

#exclusive { margin:0 0 0 13px;padding:3px 0 0 16px;height:20px;width:670px;background:url(../images/bg_exclusif.jpg) no-repeat;color:#C60303; }

#flyers { width: 300px;margin-top:20px; float:left}	
.fly h3 { margin: 0 0 0px 5px; padding: 11px 0 0 9px; font: bold 17px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: url(../images/h2_bullet.gif) 0px 18px no-repeat; color: #474747;}
.fly {width: 300px; height:91px; background:white url(../images/bg_flyers.jpg) repeat-x; margin:0; padding:0px; border-bottom:1px dotted #ccc}
.flyLeft {float: left; width:87px; height:83px; padding:8px 0 0 0; margin:0; text-align:center}
.flyRight {float: right; width: 200px; height:81px; padding: 5px 8px 5px 5px; margin:0}
.flyRight ul { padding:0px; margin: 0px;}
.flyRight li { list-style-type: none; margin: 0px; padding: 0 0px 5px 0px; font-weight:bold; font-size:9px;}

/* PANACHE DIFFUSION */
#panacheLeft {width: 422px; min-height:273px; float:left;}
/* #panacheRight {width: 250px; height:250px; background:#fcfcfc url(../images/bg_hp_spectacles.gif) repeat-x; float:left; padding: 50px 0 0 50px;}*/
#panacheRight {width: 672px; background:#fcfcfc url(../images/bg_hp_spectacles.gif) repeat-x; float:left; padding: 50px 0 0 50px;}*


#panacheObj {width: 422px; min-height:273px; float:left;}
#panacheDif {width: 300px; margin-top:50px; background: #ededed; float:left}	
#panacheDif h4 { margin: 0; padding: 3px 10px 0 10px; font: bold Verdana, Arial, Helvetica, sans-serif; color:#fff; width:180px; height:17px; background:#c60303; text-align:center }


/* SPECTACLES*/
#spectacles {width: 522px; min-height:273px; float:left;}
#objectifs h3, #spectacles h3 { margin: 0 0 0px 5px; padding: 11px 0 0 9px; font: bold 17px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #c60303;}

#spectaclestxt { width: 400px; min-height:273px; float:left;}
#spectaclestxt  li a {color:#000000;  text-decoration: none;}
#spectaclestxt li  a:hover { color:#c60303; text-decoration: underline; }
#spectaclesPhotos { width: 522px; min-height:273px; float:left;}
#spectaclesPhotos img {background: white;padding:5px; margin-right:15px; margin-bottom:8px; border:1px solid #d3d3d3}
#spectaclesCalendar { width: 522px; min-height:273px; float:left;}
#spectaclesPic { width: 90px; min-height:273px; margin: 10px 10px 0 10px; float:left; text-align:center}
#spectaclesPic img {background: white;padding:5px; margin-bottom:8px; border:1px solid #d3d3d3}
#spectacles ul { padding:8px; margin: 0px; }
#spectacles li { list-style-type: none; margin: 0px; padding: 0 0px 5px 0px; font-size:9px;}
#spectacles a { text-decoration: none; background: url(../images/bg_li_a_over.gif) repeat-x 0 11px; color:#c60303; font-weight:bold; }
#spectacles a:hover { text-decoration: none; background: url(../images/bg_li_a.gif) repeat-x 0 11px; color:#c60303; font-weight:bold;}
#spectaclesVideos { width: 522px; float:left; margin-top:10px}
#spectaclesVideos p a { text-decoration: none; color:#c60303; font-weight:normal}
#spectaclesVideos p a:hover { text-decoration: none; color:#c60303; font-weight:normal}
#spectaclesVideos p { margin: 0px; padding:0px; font-size:9px}
.videos { background: white;padding:5px; /*margin: 0 3px 8px 13px;*/ border:1px solid #d3d3d3; /*width: 90px; float:left*/ }
.videos img { background: white;padding:5px; margin: 0 15px 8px 13px; border:1px solid #d3d3d3; width: 90px; float:left}
.videoformat { float:left;margin: 0 10px 20px 10px; width:150px; color:#474747; text-align:center} 

#spectaclesDet {width: 722px; min-height:273px; float:left;}
#spectaclesDet h3 { margin: 0 0 0px 5px; padding: 11px 0 0 9px; font: bold 17px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: url(../images/h2_bullet.gif) 0px 18px no-repeat; color: #c60303;}
.spectaclesRes { margin:0; padding: 0 10px 5px 13px}
.spectaclesInfo { width:686px; height:19px; margin: 10px 50px 5px 13px; padding: 4px 10px 0 13px; background:url(../images/bg_spectaclesDet_info.jpg) no-repeat; font-size:9px}
.spectaclesInfo li { display: inline; list-style-type: none; margin: 0px; padding: 0 0px 5px 0px; font-size:9px;}
.spectaclesInfo .more{ margin-left: 300px; } /* décalage de droite de la partie info */
.spectDetPic img { background: white; padding:5px; margin: 10px 15px 8px 13px; border:1px solid #d3d3d3; /*width: 90px;*/ float:left; text-align:center}
.spectDetxt { float:left; color:#474747; padding:8px 8px 8px 0; margin:0; font-size:9px; text-align:left} 


#saison {width: 200px; margin-top:10px; background: #ededed; float:left;}	
#saison h4 { margin: 0; padding: 3px 10px 0 10px; font: bold Verdana, Arial, Helvetica, sans-serif; color:#fff; width:180px; height:17px; background:#c60303; text-align:center }
#saison h5 { margin: 0; padding: 3px 10px 0 10px; font: bold Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; width:180px; height:17px; background:#c60303; text-align:center }
#saison p { color:#474747; padding:8px; margin:0; font-size:9px;}
#saison ul { padding:8px; margin: 0px; }
#saison li { list-style-type: none; margin: 0px; padding: 0 0px 5px 0px; font-size:9px;}
#saison li a { text-decoration: none; background: url(../images/bg_li_a_over.gif) repeat-x 0 11px; color:#c60303; font-weight:bold; }
#saison li a:hover{ text-decoration: none; background: #474747 url(../images/bg_li_a.gif) repeat-x 0 11px; color:#fff; font-weight:bold; padding: 0 5px 0 5px}
.saisonDate {color: white; background: #ddd url(../images/bg_saisonsession.jpg) repeat-x; font-weight:bold}

/* CONTACT */
#contact_txt {width: 722px;}
#contactInfo {width: 190px; float:left; font-size:10px; font-weight:bold; padding: 0 0 0 10px; margin: 0}
#contactInfo h2 { margin: 0 0 0px 0px; padding: 0px 0 0 10px; font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: url(../images/h2_bullet.gif) 0px 8px no-repeat;}
.contact { background:url(../images/bg_contactInfo.gif) no-repeat; height:118px}
#contactForm {width: 500px; float:left; margin-top:10px}


/* CALENDAR */

#calendar { margin:0; padding:0}
.cal1 { float: left; padding: 0 10px 10px 10px}
.cal2 { float: left; padding: 0 0px 10px 10px}
#calOption { padding: 0 10px 0 10px}
#calOption a { color: #474747}
#calOption a:hover { color: #FF6600}
#calOption a:active {color:#fff}
.ttlmonth { background: url(../images/bg_month.jpg) repeat-x; color:#fff; font-weight:bold}
.ttldays { background:#a5c6c6; color:#fff; font-weight:bold}

#optionColor ul { margin:0}
#optionColor li.day_green { list-style-image:url(../images/green_b8ce88.gif); margin: 0px; padding: 0 0px 5px 0px; font-weight:bold; font-size:9px;}
#optionColor li.day_orange { list-style-image:url(../images/orange_f5a227.gif); margin: 0px; padding: 0 0px 5px 0px; font-weight:bold; font-size:9px;}
#optionColor li.day_red { list-style-image: url(../images/red_cc0000.gif); margin: 0px; padding: 0 0px 5px 0px; font-weight:bold; font-size:9px;}


/*------ clear ------*/
.clear {height: 0; clear: both; line-height:0}
.clear1 {clear:both; line-height: 0}


/*-- form --*/
form {margin: 0; padding: 0; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif}
.form-box {padding: 10px; background: #FFF url(../images/bg_form-box.gif) repeat-x;}
.form-box fieldset {padding: 1em; border:1px solid #CFCFCF}
.form-box label {width:25%; margin-right:0.5em; padding-top:0.2em; text-align:right;}
.form-box legend {padding: 0.2em 0.5em; border:1px solid #CFCFCF; text-align:right; font-weight: bold; padding: 5px}
.input-box {border: 1px solid #CFCFCF; margin-top: 5px; background: #FFF url(../images/bg_input-box.gif) repeat-x; padding: 3px; font: 11px Verdana; color: #474747}
.focus {border: 1px solid #CFCFCF; margin-top: 5px; background: #d0ecf4 url(../images/bg_input-focus.gif) repeat-x; padding: 3px; font: 11px Verdana; color: #202020}
.focus-txtarea {border: 1px solid #CFCFCF; margin-top: 5px; background: #d0ecf4 url(../images/bg_txtarea-focus.gif) repeat-x; padding: 3px; font: 11px Verdana; color: #202020}
.button {background: #FFF url(../images/bg_button.gif) repeat-x; margin-top: 5px; border: 1px solid #CFCFCF; font: 10px Verdana; font-weight: bold; color: #474747}
.redform { color:#c60303; font-weight:bold}
#pwdLost a { text-decoration: none; background: #474747; color:#fff; font-weight:bold; padding:2px 5px 2px 5px}
#pwdLost a:hover { text-decoration: none; color:#fff; font-weight:bold; background:#c60303; padding:2px 5px 2px 5px}


/*------ footer ------*/
#footer {background: url(../images/bg_footer_b.gif) repeat-x; text-align: center; padding: 0px 0 0 0; font-size: 9px; color:#fff; margin-top: 0px;}
#footer a{ text-decoration: none; background: url(../images/bg_li_a_over.gif) repeat-x 0 11px; color:#fff; }
#footer a:hover{ text-decoration: none; background: url(../images/bg_li_a.gif) repeat-x 0 11px; color:#fff; }
#footer-in {background: url(../images/bg-footer-in.gif) no-repeat; padding-top: 5px; width: 720px; height: 15px; margin: 0 auto}

.title_lettre{ text-align: center; margin: 10px 0 0 0;}
.title_lettre h1{ font-size: 18px; font-weight: bold; color: #000000; margin: 0; padding: 0;}
#objectifs .title_lettre h2{ font-size: 14px; font-weight: normal; color:#000000; background: none; margin: 10px 0 10px 0; padding: 0;}

#objectifs .col_meilleur{ width: 168px; float: left; padding: 0 70px 0 0; font-size: 10px; margin: 10px 0 20px 0;}
#objectifs .col_meilleur h4{ margin: 0 0 0 10px; padding: 0; font-size: 11px; font-weight: bold;}
#objectifs table{ margin: 20px 0 0 0;}
#objectifs table .texte_presentation h4{margin: 0 0 0 10px; padding: 0; font-size: 11px; font-weight: bold;}

.redfont{ color: #c60303;}

li#contact_list{ border-top: 1px dotted #CCCCCC; padding: 7px 0 0 0; width: 145px; margin: 7px 0 0 0; display:block; height: 20px; float: right; }
li#contact_list a{ color:#666; text-decoration:  none;}