/* @group Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}

ol, ul {
   list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
   border-collapse: separate;
   border-spacing: 0;
}

blockquote:before, blockquote:after,
q:before, q:after {
   content: "";
}

blockquote, q {
   quotes: "" "";
}
/* @end */

/* @group Layout / Positionning */
div#headerWrap,
div#mainContentWrap,
div#footerWrap {
   width: 100%;
   text-align: center;
}

div#header,
div#mainContent,
ul#footerTop,
div#footerBottom {
   position: relative;
   width: 960px;
   margin: 0 auto;
   text-align: left;
}

/* @end */

/* @group General Styles */
body {
   width: 100%;
   text-align: center;   
   color: #4d4d4d;
   font: 15px/24px Georgia, Times, serif;
   background: #f3f7fb url(../images/bg_public2.jpg) repeat-x center top;
}

a, a:visited {
   text-decoration: none;
   color: #4d4d4d;
}

a:hover,
a:focus,
a:active {
   color: #1880c4;
}

h2 {
   line-height: 40px;
   text-transform: uppercase;
   margin-bottom: 40px;
}

h3  {
   font-size: 24px;
   margin-bottom: 20px;
   font-style: italic;
   font-weight: bold;
   line-height: 40px;
}

h4,
h4 a,
h4 a:visited  {
   color: #ffaa00;
   font-size: 20px;
   line-height: 20px;
   margin-bottom: 10px;
   font-weight: bold;
}

div#tooltip{
   position: absolute;
   border: 1px solid #0870b4;
   background-color: #1880c4;
   padding: 4px 8px;
   color: #ffffff;
   display: none;
   z-index: 100;
   font-weight: bold;
   font-style: italic;
   letter-spacing: 1px;
   font-size: 13px;
   opacity: 0.8;
}

div#mainContent,
ul li.compagnieActuelle div.imagesWrap,
ul#footerTop,
div#footerBottom
{
   -webkit-box-shadow: 2px 2px 3px #ccc;
   -moz-box-shadow: 2px 2px 3px #ccc;
   box-shadow: 2px 2px 3px #ccc;
   /* For IE 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');	
}

div#header div.contact
{
   -webkit-box-shadow: 2px 2px 3px #888;
   -moz-box-shadow: 2px 2px 3px #888;
   box-shadow: 2px 2px 3px #888;
   /* For IE 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');	
}

/* @end */

/* @group Header */
div#header {
   height: 180px;
}

div#header h1 {
   background: url(../images/header_logo.png) no-repeat;
   float: left;
   height: 110px;
   width: 460px;
   margin-top: 10px;
   text-indent: -9999px;
}

/* @group Contact */
div#header div.contact {
   position: absolute;
   top: 0;
   right: 0;
   padding: 4px 20px 10px;
   color: #ffffff;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-bottomleft: 10px;
   -webkit-border-bottom-right-radius: 10px;
   -webkit-border-bottom-left-radius: 10px;
   width: 308px;
   line-height: 16px;
   background: url(../images/header_bg_contact2.png) no-repeat 0 bottom;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/header_bg_contact2.png');   
}

div#header div.contact h2 {
   background: url(../images/header_title_contact.png) no-repeat right top;
   text-indent: -9999px;
   width: 76px;
   position: absolute;
   top: 4px;
   left: 20px;
}

div#header div.contact ul {
   background: url(../images/icone_adresse.png) no-repeat 12px 32px;
   min-height: 62px;
   width: 310px;
   position: relative;
}

div#header div.contact ul li {
   text-align: right;
}

div#header a,
div#header a:visited,
ul#footerTop a,
ul#footerTop a:visited {
   color: #ffffff;
}

div#header a:hover,
div#header a:focus,
div#header a:active,
ul#footerTop a:hover,
ul#footerTop a:focus,
ul#footerTop a:active {
   color: #ffaa00;
}
/* @end */

/* @group Navigation */
div#header ul.navigation {
   position: absolute;
   top: 140px;
   height: 40px;
   left: 0;
   font-size: 13px;
   letter-spacing: 1px;
}

div#header ul.navigation li {
   float: left;
   text-align: center;
   text-transform: uppercase;
   line-height: 40px;
   background: url(../images/header_bg_navigation.gif) repeat-x;
   border-top: 1px solid #1880c4;
}

div#header ul.navigation li.beginning {
   width: 40px;
   background: url(../images/header_navigation_start.png) no-repeat;
   margin: 0;
   padding: 0;
   border: none;
}

div#header ul.navigation li.end {
   width: 40px;
   background: url(../images/header_navigation_end.png) no-repeat;
   padding: 0;
   margin: 0;
   border: none;
}

div#header ul.navigation li.lastLi a {
	border: none;
}

div#header ul.navigation a {
   display: block;
   line-height: 20px;
   margin-top: 10px;
   margin-bottom: 10px;
   padding-right: 12px;
   padding-left: 12px;
   border-right: 1px solid #ffffff;
}

/* @end */

/* @end */

/* @group Main Content */
div#mainContent {
   background-image: url(../images/bg_mainContent.gif);
   overflow: hidden;
   -moz-border-radius-topright: 6px;
   -moz-border-radius-topleft: 6px;
   -webkit-border-top-right-radius: 6px;
   -webkit-border-top-left-radius: 6px;
}

div#mainContent h3 a,
div#mainContent h4 a,
div#mainContent h3 a:visited,
div#mainContent h4 a:visited {
   background: url(../images/icon_link.png) no-repeat right 0;
   padding-right: 20px;
}

div#mainContent h3 a:hover,
div#mainContent h3 a:active,
div#mainContent h3 a:focus,
div#mainContent h4 a:hover,
div#mainContent h4 a:active,
div#mainContent h4 a:focus {
   color: #1880c4;
}

/* @group Sidebar */
div#sidebar {
   float: right;
   width: 320px;
}

/* @group Slideshow */
div#slideshowWrap {
   width: 320px;
   height: 220px;
}

ul#slideshow img {
   padding: 10px;
}

ul#slideshow p {
   position: relative;
   color: #ffffff;
   text-align: center;
   top: -60px;
   background: url(../images/sidebar_slideshow_bandeau.png) no-repeat left 4px;
   padding-bottom: 30px;
   margin: 0;
   padding-top: 6px;
}
/* @end */

/* @group Agenda */
div#agenda {
   width: 220px;
   padding: 30px 50px;
   background: url(../images/main_filigrane_agenda.png) no-repeat 250px 30px;
}

div#agenda h2 {
   text-indent: -9999px;
   line-height: 60px;
   background: url(../images/sidebar_title_agenda.png) no-repeat left top;
   margin-bottom: 10px;
}

div#agenda h4 {
   width: 160px;
}

li.agendaDate {
   background: url(../images/separator.png) no-repeat center bottom;
   padding-bottom: 30px;
   margin-bottom: 10px;
   position: relative;
}

li.agendaDate p.date {
   background: url(../images/icon_calendar.png) no-repeat left center;
   padding-left: 30px;
   font-weight: bold;
}

li.agendaDate a.googleMap,
li.agendaDate a.googleMap:visited {
   color: #ffffff;
   position: absolute;
   top: 0;
   right: 0;
   font-size: 12px;
   background: url(../images/bg_Plan2.png) no-repeat;
   padding: 12px 18px 20px 13px;
   font-style: italic;
}


li.agendaDate a.googleMap:hover,
li.agendaDate a.googleMap:active,
li.agendaDate a.googleMap:focus {
   color: #0a9ccc;
}
/* @end */
/* @end */

/* @group Main Section */
div#mainSection {
   width: 540px;
   padding: 40px 40px 40px 50px;
   position: relative;
}

div#mainSection p.separator {
   background: url(../images/separator.png) no-repeat 180px bottom;
   margin-bottom: 20px;
   clear: left;
}

/* @group Page Accueil */
body.page_accueil div#mainSection {
   background: url(../images/main_filigrane_accueil.png) no-repeat 570px 40px;
}

body.page_accueil div#mainSection h2 {
   background: url(../images/main_title_accueil.png) no-repeat left top;
   line-height: 60px;
   text-indent: -9999px;
}

body.page_accueil div#mainSection p {
   margin-bottom: 40px;
   text-align: justify;
}
/* @end */

/* @group Page Reseau */
body.page_reseau div#mainSection {
   background: url(../images/main_filigrane_reseau.png) no-repeat 570px 40px;
}

body.page_reseau div#mainSection h2 {
   background: url(../images/main_title_reseau.png) no-repeat left top;
   line-height: 60px;
   text-indent: -9999px;
}

body.page_reseau ul.festivals li {
   margin-bottom: 20px;
}

body.page_reseau ul.partenaire {
   overflow: hidden;
}

body.page_reseau ul.partenaire li {
   float: left;
   width: 220px;
   margin-bottom: 20px;
   padding: 20px;
   text-align: center;
}

body.page_reseau ul.partenaire li h4 {
   margin-bottom: 20px;
}

/* @end */

/* @group Page Compagnies */
body.page_compagnies div#mainSection {
   background: url(../images/main_filigrane_compagnie.png) no-repeat 570px 40px;
}

body.page_compagnies div#mainSection h2 {
   line-height: 60px;
   text-indent: -9999px;
   background: url(../images/main_title_ancienne_compagnie.png) no-repeat left top;
   margin-top: 60px;
}

body.page_compagnies div#mainSection h2.annee_2010 {
   background: url(../images/main_title_compagnie_2010.png) no-repeat left top;
   margin-top: 0;
}

body.page_compagnies div#mainSection h2.annee_2011 {
   background: url(../images/main_title_compagnie_2011.png) no-repeat left top;
   margin-top: 0;
}

body.page_compagnies div#mainSection h2.annee_2012 {
   background: url(../images/main_title_compagnie_2012.png) no-repeat left top;
   margin-top: 0;
}

body.page_compagnies div#mainSection h2.annee_2013 {
   background: url(../images/main_title_compagnie_2013.png) no-repeat left top;
   margin-top: 0;
}

body.page_compagnies div#mainSection h2.annee_2014 {
   background: url(../images/main_title_compagnie_2014.png) no-repeat left top;
   margin-top: 0;
}

body.page_compagnies div#mainSection h2.annee_2015 {
   background: url(../images/main_title_compagnie_2015.png) no-repeat left top;
   margin-top: 0;
}

ul li.compagnieActuelle {
   overflow: hidden;
   margin-bottom: 30px;
   background: url(../images/separator.png) no-repeat center bottom;
   padding-bottom: 40px;
}

ul li.compagnieActuelle div.imagesWrap {
   float: left;
   position: relative;
   text-align: center;
   margin-right: 40px;
   width: 240px;
   height: 180px;
   padding: 10px;
}

ul li.compagnieActuelle ul.imagesMin {
   margin-bottom: 4px;
}

ul li.compagnieActuelle ul.imagesMin img {
   float: left;
}

ul li.compagnieActuelle div.imagesWrap {
   background-color: #ffffff;
   border: 1px solid #e0e0e0;
   text-align: center;
}

ul li.compagnieActuelle div.imagesWrap a {
   font-size: 12px;
}

ul li.compagnie {
   margin-bottom: 10px;
   background: url(../images/separator.png) no-repeat center bottom;
   padding-bottom: 30px;
   overflow: hidden;
}

ul li div.imagesWrap {
   float: left;
   font-size: 12px;
   margin-right: 40px;
}

ul li div.imagesWrap img {
   display: block;
}

/* @end */


/* @group Page Tournee */
body.page_tournee div#mainSection {
   background: url(../images/main_filigrane_tournee.png) no-repeat 570px 40px;
}

body.page_tournee div#mainSection h2 {
   text-indent: -9999px;
   line-height: 60px;
}

body.page_tournee div#mainSection h2.annee_2010 {
   background: url(../images/main_title_tournee_2010.png) no-repeat left top;
}

body.page_tournee div#mainSection h2.annee_2011 {
   background: url(../images/main_title_tournee_2011.png) no-repeat left top;
}

body.page_tournee div#mainSection h2.annee_2012 {
   background: url(../images/main_title_tournee_2012.png) no-repeat left top;
}

body.page_tournee div#mainSection h2.annee_2013 {
   background: url(../images/main_title_tournee_2013.png) no-repeat left top;
}

body.page_tournee div#mainSection h2.annee_2014 {
   background: url(../images/main_title_tournee_2014.png) no-repeat left top;
}

body.page_tournee div#mainSection h2.annee_2015 {
   background: url(../images/main_title_tournee_2015.png) no-repeat left top;
}

body.page_tournee div#mainSection h4 {
   width: 460px;
}


/* @end */

/* @end */

/* @end */

/* @group Footer */

/* @group Footer Top */
ul#footerTop {
   background: #13a4d5 url(../images/bg_footerTop.gif) repeat-x;
   overflow: hidden;
   color: #ffffff;
   font-size: 13px;
   line-height: 16px;
   text-align: center;
   padding-top: 20px;
   padding-bottom: 20px;
   margin-top: 0;
   margin-bottom: 0;
}

ul#footerTop li {
   float: left;
   width: 239px;
   padding: 0 40px;
   border-right: 1px dotted #e0e0ef;
   height: 90px;
   position: relative;
}

ul#footerTop h2 {
   color: #4dffff;
   font-size: 18px;
   line-height: 20px;
   text-align: center;
   margin-bottom: 10px;
}

ul#footerTop ul.navigation li,
ul#footerTop ul.contact li,
ul#footerTop ul.credit li {
   padding: 0;
   margin: 0;
   border-right-style: none;
   height: auto;
}

ul#footerTop li.credit {
   border-right-style: none;
}

/* @end */

/* @group Footer Logos */
div#footerBottom {
   background-color: #143d66;
   color: #ffffff;
   margin-top: 0;
   margin-bottom: 0;
   text-transform: uppercase;
   font-weight: bold;
}

div#footerLogos {
   padding: 20px 30px;
   vertical-align: top;
   overflow: hidden;
}

div#footerLogos img {
   margin-right: 20px;
   margin-top: 10px;
   float: left;
}

/* @end */

/* @end */


/* @group Admin */
body.admin div#mainContent {
   background: #ffffff;
   padding-top: 40px;
   padding-bottom: 40px;
}

/* @end */