/*---------------------------------------------------------
/*      =TAGS
/*      =STRUCTURE
/*        @Header
/*        @Container
/*        @Footer
/*      =MODULES
/*        @home
/*        @pages de contenu
/*        @aside
/*        @carousels
/*        @Forms
-------------------------------------------------------- */

@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('/font/texgyreadventor-regular-webfont.eot');
    src: url('/font/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/texgyreadventor-regular-webfont.woff') format('woff'),
         url('/font/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('/font/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorItalic';
    src: url('/font/texgyreadventor-italic-webfont.eot');
    src: url('/font/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/texgyreadventor-italic-webfont.woff') format('woff'),
         url('/font/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('/font/texgyreadventor-italic-webfont.svg#TeXGyreAdventorItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBold';
    src: url('/font/texgyreadventor-bold-webfont.eot');
    src: url('/font/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/texgyreadventor-bold-webfont.woff') format('woff'),
         url('/font/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('/font/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBoldItalic';
    src: url('/texgyreadventor-bolditalic-webfont.eot');
    src: url('/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
         url('/texgyreadventor-bolditalic-webfont.svg#TeXGyreAdventorBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*---------------------------------------------------------
        =TAGS
-------------------------------------------------------- */

html, body {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

body {
    background: #f0f0f0;
    font: 0.625em/1em arial, helvetica, sans-serif;
    text-align: left;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: normal;
    line-height: 1em;
    margin: 0;
    padding: 0.6em 0;
}

h1, .h1 {
    font-size: 1.8em;
}

h2, .h2 {
    color: #fff;
    font: 1.5em/1em 'TeXGyreAdventorRegular', helvetica, sans-serif;    
}

#content h2, 
#content .h2 {
    background: url("../images/bg/bg-titre-level-1.png") no-repeat scroll left 1px transparent;
    border-bottom: 1px solid #7E7E7E;
    color: #000000;
    font-family: 'TeXGyreAdventorRegular';
    font-size: 28px;
    margin: 0 0 20px;
    padding: 0 0 4px 30px;
    text-align: left;
}


h3, .h3 {
    font-size: 1.4em;
}

h4, .h4 {
    font-size: 1.2em;
}

h5, .h5 {
    font-size: 1.2em;
}

h6, .h6 {
    font-size: 1.2em;
}

p {
    font-size: 1.2em;
    margin: 0;
    padding: 0 0 1.2em 0;
}

ul {
    list-style-position: inside;
    list-style-type: disc;
    margin: 0;
    padding: 0;
} 

ol {
    list-style: decimal;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

li {
    font-size: 1.2em;
    margin: 0;
    padding: 0 0 1.2em 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    border: 0;
}

hr {
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    height: 0;
    margin: 0;
}

hr.separateur {
    clear: left;
    border-bottom: 1px dotted #bbbbbb;
    margin: 0 0 10px;
    padding: 0;
}

form {
    display: inline;
    margin: 0;
    padding: 0;
}

textarea {
    line-height: 1.2em;
}

label {
    cursor: pointer;
}

table {
    border: 0;
    border-collapse: collapse;
    margin: 0 0 1.2em 0;
    padding: 0;
}

th, td {
    font-size: 1.2em;
    margin: 0;
    padding: 1.2em 1em;
}

blockquote {
    margin: 0.6em 1.8em;
    padding: 0;
}

small {
    font-size: 0.8em;
}

kbd {
    border: 1px solid #000;
    padding: 1px 2px;
}

sup {
    bottom: 0.3em;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.2em;
    position: relative;
    vertical-align: baseline;
}

acronym, abbr {
    border-bottom: 1px dashed;
    cursor: help;
    letter-spacing: 1px;
}


/*---------------------------------------------------------
        =STRUCTURE
-------------------------------------------------------- */

#site, 
#footer {
    width: 100%;
}

.home #site {
    background: url(../images/bg/bg-header-home.jpg) no-repeat center 0;
}

#site {
    background: url(../images/bg/bg-header.jpg) no-repeat center 0;
}

#header, 
#container, 
#footer .subFooter {
    margin: 0 auto;
    width: 960px;
}

#mainNav {
    display: inline-block;
    vertical-align: top;
}

#content, 
#aside {
    display: block;
    float: left;
}



/*      @Header
------------------------------------ */

.home #header {
    height: 280px;
}

#header {
    height: 315px;
    position: relative;
    z-index:  9999;
}

#header h1 {
    left: 0;
    padding: 0;
    position: absolute;
    top: 33px;
}

#header .date_foire {
    left: 797px;
    padding: 0;
    position: absolute;
    top: 20px;
}

#header .slogan {
    left: 717px;
    padding: 0;
    position: absolute;
    top: 183px;
}


/*      @Nav
------------------------------------ */
#flashContent {
    z-index: 10;
    position: relative;
}

#mainNav {
    display: inline-block;
    height: 40px;
    margin: 0 10px 0 0;
    position: absolute;
    vertical-align: top;
    top: 234px;
    z-index: 1000;
}

#mainNav,
#mainNav .sousNav ul {
    list-style-type: none;
}

#mainNav li {
    display: inline-block;
    font: 16px/1em 'TeXGyreAdventorRegular', helvetica, sans-serif;
    list-style: none outside;
    padding: 0 68px 0 0;
    position: relative;
    vertical-align: top;
}

#mainNav a {
    color: #000;
    display: inline-block;
    padding: 10px 0;
    text-transform: uppercase;
}

#mainNav a:hover, 
#mainNav a.actif, 
#mainNav .nav_actif, 
#mainNav .sousNav a:hover,
#mainNav .sousNav a.actif {
	background: url(../images/bg/bg-color-hover.png) no-repeat 0 0;
    color: #000;
    text-decoration: none;
}

#mainNav a:hover span, #mainNav .actif span, #mainNav .nav_actif span {
	color: #fff;
}

#mainNav a span {
	padding: 0 7px;
}

#mainNav .sousNav {
	background: #cf0018;
    padding: 0;  
    z-index: 100;
}

#js #mainNav .sousNav {
    display: none;
    left: 30px;
    padding: 0;    
    position: absolute;
    top: 35px;
    z-index: 1000;
}

#mainNav .sousNav ul {
    padding: 0;
    width: 140px;
}

#mainNav .sousNav li {
    display: block;
    font: normal 11px/1em arial, helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

#mainNav .sousNav a {
	background: none;
    color: #fff;
    display: block;
    line-height: 12px;
    padding: 5px 10px 5px 20px;
    text-transform: none;
}

#mainNav .sousNav a:hover {
	background: url(../images/bg/bg-puce-hover.png) no-repeat 8px 7px #fff;
    color: #555;
    text-decoration: none;
}

/*      @Container
------------------------------------ */

#container {
    background: url(../images/bg/bg-container.png) repeat-y center top;
    padding: 0 26px 30px;
    width: 960px;
}

.home #container {
    padding: 15px 26px 30px;
}

#content {
	margin: 0 17px 0 10px;
	padding: 0 0 25px;
    position: relative;
    width: 713px;
}

#aside {
    padding: 0;
    vertical-align: top;
    width: 210px;
}

/*      @Footer
------------------------------------ */

#footer {
    background: #888;
    clear: both;
    /*height: 246px;*/
}

#footer .subFooter {
    /*height: 246px;*/
    position: relative;
}

#footer .navFooter, 
#footer .blocInfo {
    display: inline-block;
    vertical-align: top;
}

#footer .navFooter {
    padding: 25px 0 10px 10px;
}

#footer .navFooter ul ul {
    padding: 15px 0 0 0;
}

#footer .navFooter li {
    color: #fff;
    display: inline-block;
    font: 14px/1em 'TeXGyreAdventorRegular', helvetica, sans-serif;
    list-style-type: none;
    list-style-position: outside;
    margin-right: 30px;
    padding: 0;
    text-transform: uppercase;
    vertical-align: top;
    width: 179px;
}

#footer .navFooter li a {
    color: #fff;
    margin-bottom: 15px;
}

#footer .navFooter li li {
    color: #fff;
    display: block;
    font: normal 11px arial, helvetica, sans-serif;
    padding: 0 0 0 23px;
    text-transform: none;
}

#footer .navFooter li li a {
    border-top: 1px solid #9e9e9e;
    color: #fff;
    display: block;
    margin: 0;
    padding: 2px 0;
}


#footer .navFooter li li:first-child a {
    border-top: 0;
}

#footer .navFooter li a:hover, 
#footer .navFooter li a:focus {
	color: #d30018;
    text-decoration: none;
}

#footer .blocInfo {
    margin: 0;
    left: 740px;
    padding: 0;
    position: absolute;
    top: 25px;
    width: 208px;
}

#footer .blocInfo h2 {
    color: #fff;
    font: bold 12px/14px arial, helvetica, sans-serif;
    padding: 0 0 17px 0;
    text-align: left;
}

#footer .blocInfo p {
    color: #fff;
    font-size: 1.1em;
    line-height: 1.3em;
    padding-bottom: 10px;
}

#footer .blocInfo a {
    color: #fff; 
    text-decoration: underline;
}

#footer .blocInfo a:hover, 
#footer .blocInfo a:focus {
    text-decoration: none;
}

#footer .blocInfo img {
	margin: 0 10px 0 0;
	vertical-align: top;
}

#footer .mentions {
    color: #fff;
    font-size: 1.1em;
    text-align: center;
}

#footer .mentions a {
    color: #fff;
    text-decoration: none;
}

#footer .mentions a:hover, 
#footer .mentions a:focus {
    text-decoration: underline;
}

/*---------------------------------------------------------
        =MODULES
-------------------------------------------------------- */

.lienInt, 
.lienInt a {
    color: #d30018;
}

.lienInt a {
    background: url(../images/bg/pictos.png) no-repeat right 1px;
    padding: 0 17px 0 0;
    text-decoration: underline;
}

.lienInt a:hover {
    text-decoration: none;
}

.underline {
    text-decoration: underline;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.color1 {
    color: #30b0b5;
}

.clearBoth {
    clear: both;
}

/*-----------------------------------------------------*/

#header .breadcrumb {
	background: url('../images/bg/bg-breadcrumb.png') 0 0 no-repeat;
	left: 0;
	padding: 4px 0 0 20px;
    position: absolute;
    top: 277px;
}

#header .breadcrumb, 
#header .breadcrumb a, 
#header .breadcrumb span {
    color: #555;
    font-size: 11px;
}

#header .breadcrumb a {
	font-weight: bold;
}

#header .breadcrumb a:hover, 
#header .breadcrumb a:focus {
    text-decoration: underline;
    color: #555;
}

#social_network {
	left: 932px;
	position: absolute;
	top: 249px;
}

#social_network a {
	float: left;
	height: 22px;
	margin: 0 8px 0 0;
	width: 22px;
}

#social_network .facebook {
	background: url('../images/bg/picto_social_network.png') 0 -22px no-repeat;	
}

#social_network a:hover.facebook {
	background: url('../images/bg/picto_social_network.png') 0 0 no-repeat;	
}

#social_network .twitter {
	background: url('../images/bg/picto_social_network.png') -22px 0 no-repeat;	
}

#social_network .twitter a:hover {
	background: url('../images/bg/picto_social_network.png') -22px -22px no-repeat;	
}

#social_network .rss {
	background: url('../images/bg/picto_social_network.png') -44px 0 no-repeat;	
}


#social_network .rss a:hover {
	background: url('../images/bg/picto_social_network.png') -44px -22px no-repeat;	
}

#social_network span {
	display: none;
}
/*      @home
-------------------------------------------------------*/

#blocEdito {
    margin-right: 10px;
    height: 260px;
    overflow: hidden;
    padding-bottom: 10px;
    width: 203px;
}

#blocAnim, 
#blocAnim h2, 
#carouselAnim {
    z-index: 10;
}

#blocEdito, 
#blocAnim {
    display: inline-block;
    vertical-align: top;
}

#blocEdito {
	padding: 0 0 0 25px;
}

#blocEdito h2 {
	border-bottom: 0;
    left: -10px;
    padding: 0;
    position: absolute;
    top: 0;
}

#blocEdito h3 {    
    font: 18px/18px 'TeXGyreAdventorRegular';
    margin: 0 0 20px;
    padding: 0;
    text-transform: uppercase;
}

#blocEdito p {
    color: #555;
    font-size: 13px;
    line-height: 16px;
}

#blocEdito .strong {
    color: #000;
    font-weight: bold;
}

#blocAnim h2 {
    background: url(../images/bg/bg-titre-animation.png) no-repeat left top;
    left: 120px;
    padding: 12px 0 0 9px;
    position: absolute;
    text-align: left;
    top: 61px;
    width: 98px;
}

#blocUne {
    margin-top: 20px;
    overflow: hidden;
    padding: 10px 0;
}

#blocUne h2 {
	margin-bottom: 10px;
}

#blocUne .bloc {
	float: left;
    margin: 0 0 0 11px;
    vertical-align: top;
    width: 230px;
    padding: 0;
}

#blocUne .ateliers h3 {
	background: url('../images/bg/sprites-title-une.png') 16px 20px no-repeat;
}

#blocUne .ateliers span {
	background: #7c1385;
}

#blocUne .international h3 {
	background: url('../images/bg/sprites-title-une.png') 16px 13px no-repeat;
}

#blocUne .international span {
	background: #2b6ab9;
}

#blocUne .nocturne h3 {
	background: url('../images/bg/sprites-title-une.png') 16px 6px no-repeat;
}

#blocUne .nocturne span {
	background: #e5661f;
}

#blocUne .ateliers .temoignages {
	background: #7c1385;
}

#blocUne .bloc:first-child {
	margin: 0;
}

#blocUne .bloc img {
    margin: 0 0 8px 0;
}

#blocUne .bloc h3, 
#blocUne p {
    line-height: 1.2em;
}

#blocUne .bloc h3 {
    color: #fff;
    font-size: 12px;
    margin: 0 0 5px;
    padding: 0 0 7px 0;
}

#blocUne .bloc h3 span {
	display: inline-block;
	padding: 3px 5px;
}

#blocUne .bloc p, 
#blocUne .bloc p a {
    color: #717171;
    font-size: 11px;
    padding: 0 0 10px 0;
}

#blocUne .bloc .lienInt, 
#content .article .lienInt {
    color: #e1204f;
    font-size: 1.1em;
}

#blocUne .bloc .lienInt a {
    color: #e1204f;
    padding: 0 17px 0 0;
}

#blocUne .temoignage p {
    color: #fff;
    font-size: 10px;
    font-style: italic;
    padding: 8px;
}

#blocUne .ateliers .temoignage h4 {
	background: url('../images/bg/sprites-perso-une.png') 16px 0 no-repeat;
}

#blocUne .international .temoignage h4 {
	background: url('../images/bg/sprites-perso-une.png') 16px -37px no-repeat;
}

#blocUne .nocturne .temoignage h4 {
	background: url('../images/bg/sprites-perso-une.png') 8px -74px no-repeat;
}

#blocUne .ateliers .temoignage p {
	background: #7a1382;
}

#blocUne .international .temoignage p {
	background: #2b6ab9;
}

#blocUne .nocturne .temoignage p {
	background: #e5661f;
}

#blocUne .temoignage h4 {
    color: #000;
    font-size: 11px;
    height: 12px;
    padding: 25px 0 0 0;
    text-align: right;
}

/*          @pages de contenu
-------------------------------------------------------------------*/

#content .bonhommeRight {
    background: url(../images/bg/bg-famille.png) no-repeat 502px 148px;
}

#content .article h3 {
    background: url(../images/bg/bg-titre-level-2.png) no-repeat 0 3px;
	border-bottom: 4px solid #d30018;
    clear: both;
    color: #d30018;
    font: 24px/1em 'TeXGyreAdventorRegular', helvetica, sans-serif;
    margin-bottom: 12px;
    padding: 0 0 4px 17px;
}

#content .article p {
    color: #555;
    font-size: 12px;
    line-height: 14px;
    padding: 0 0 17px 0;
}


#content .article a {
    color: #d30018;
}

#content .article h4 {
	background: url("../images/bg/sprites-title-une.png") no-repeat scroll 16px 22px transparent;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    margin: 0 0 8px;
    padding: 0 0 7px;
    text-transform: uppercase;
}

#content .article h4 span {
	background: #7C1385;
	display: inline-block;
	padding: 6px 5px 4px 5px;
}

#content .tabBasic {
    border-collapse: collapse;
    margin: 0 0 8px 0;
    width: 503px;
}

#content .tabBasic td {
    background: #7c1385;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 1.1em;
    padding: 5px 10px;    
}

#content .tabBasic td a {
    color: #fff;
}

#content .tabBasic .left {
    border-spacing: 0;
    width: 268px;
}

#content .tabBasic .right {
    width: 195px;
}

#content .article .small {
    font-size: 1.1em;
}

#content .article .floatLeft {
    margin: 0 20px 17px 0;
}

#content .article h5 {
    color: #2b6ab9;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1em;
    padding: 0 0 8px 0;
}

#content .article h6 {
    color: #555;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 0 0;
}


#content #googlemap {
	margin: 0 0 10px;
}

#content .carteBorder {
    background: #eeeeee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    height: 260px;
    margin-bottom: 10px;
    padding: 10px;
    width: 550px;
}

#content .navAlphabet {
    color: #717171;
    font-size: 1.5em;
    margin-bottom: 29px;
    padding: 8px 0 0 6px;
}

#content .navAlphabet a {
    color: #7c1385;
    font-size: 1.2em;
    padding: 0 5px;
}

#content .navAlphabet a:hover, 
#content .navAlphabet a:focus {
    color: #717171;
    text-decoration: none;
}

#content .exposant {
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 20px;
    min-height: 140px;
    padding: 0 190px 6px 10px;
}

#content .exposant ul {
    list-style-type: none;
    list-style-position: outside;
    padding: 0;
}

#content .exposant li {
    color: #717171;
    font-size: 1.2em;
    line-height: 1em;
    padding: 0 0 8px 0;
}

#content .exposant li a {
    color: #e1204f;
}

#content .exposant .lienInt {
    padding-left: 0;
}

#content .navPages {
    color: #717171;
    font-size: 1.1em;
    line-height: 1.1em;
    padding: 6px 0;
    text-align: center;
}

#content .navPages a {
    color: #e1204f;
    display: inline-block;
    padding: 1px 1px 2px;
}

#content .thema, 
#content .thema .separateur {
    border-bottom: 1px dottedted #d5d5d5;
}

#content .themaFoire p {
    line-height: 1.4em;
}

#content .themaFoire h4 {$
	clear: left;
}

#navOnglets {
    background: #7c1385;
    height: 40px;
    margin-bottom: 22px;
    text-align: center;
}

#content .themaFoire #navOnglets {
    font: 1.2em/1em 'TeXGyreAdventorRegular', helvetica, sans-serif;
}

#content .contacts #navOnglets, 
#content .animations #navOnglets, 
#content .communiques #navOnglets {
    font: 1.5em/1em 'TeXGyreAdventorRegular', helvetica, sans-serif;
    margin-top: 20px;
}

#navOnglets a {
    color: #fff;
    display: inline-block;
}

#content .themaFoire #navOnglets a {
	color: #fff;
    padding: 14px 5px 26px;
}

#content .contacts #navOnglets a, 
#content .animations #navOnglets a, 
#content .communiques #navOnglets a {
    color: #fff;
    padding: 12px 5px 27px;
    width: 344px;
}

#content .contacts #navOnglets a {
    width: 205px;
}

#content .themaFoire #navOnglets a:hover, 
#content .themaFoire #navOnglets a:focus, 
#content .themaFoire #navOnglets a.actif {
    background: url(../images/bg/pictos-large.png) no-repeat 30px 39px;
    color: #000;
    text-decoration: none;
}

#content #navOnglets a:hover, 
#content #navOnglets a:focus, 
#content #navOnglets a.actif {
    background: url(../images/bg/pictos-large.png) no-repeat 80px 40px;
    color: #000;
    text-decoration: none;
}

#content .communiques #navOnglets a {
	width: 217px;
}
    
#content .themaFoire .thema {
    clear: both;
    margin-bottom: 20px;
}

#onglets {
    min-height: 150px;
}

#js #content .themaFoire .thema, 
#js #content .contacts .service, 
#js #content .animations .anims, 
#js #content .communiques .blocCom {
    display: none;
}
#js #content .themaFoire .ongletActif, 
#js #content .contacts .ongletActif, 
#js #content .animations .ongletActif, 
#js #content .communiques .ongletActif {
    display: block;
}

#content .themaFoire .thema .floatLeft {
    margin: 0 10px 0 0px;
}

#content .themaFoire hr.separateur {
    padding: 20px 0 0 0;
    margin: 0 0 20px 0;
}

#content .contacts .adresse {
    background: url(../images/bg/bg-bonhommeOeil.png) no-repeat 450px top; 
    padding-top: 10px;
    height: 150px;
}



#content .contacts .service .separateur {
    border-bottom: 1px solid #d5d5d5;
    padding: 20px 0 0 0;
    margin: 0 0 20px 0;
}

#content .contacts h4 {
	background: none;
    color: #7C1385;
    font: bold 12px/1em arial, helvetica, sans-serif;
    padding: 0 0 5px 0;
}

#content .contacts .service {
    border-bottom: 1px dotted #d5d5d5;
    padding-bottom: 20px;
}

#content .contacts .service .left, 
#content .contacts .service .right {
    display: inline-block;
    vertical-align: top;
    min-height: 96px;
}

#content .contacts .service .left {
    width: 230px;
}

#content .contacts .service .demi {
    width: 200px;
}

#content .contacts .service .right {
    width: 350px;
}

#content .contacts .service p, 
#content .contacts .service li {
    color: #717171;
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 0;
}

#content .contacts .service a {
    color: #e1204f;
}

#content .contacts .service a:hover, 
#content .contacts .service a:focus {
    text-decoration: underline;
}

#content .partenaires h3 {
    background: none;
    color: #30b0b5;
    font: bold 1.3em/1.2em arial, helvetica, sans-serif;
    
    margin: 0;
    padding: 0;
    text-align: center;
}

#content .nonAdministrable, 
#content .partenaire {
    border: 5px solid #eeeeee;
    display: inline-block;
    margin: 0 7px 10px 0;
    vertical-align: top;
}

#content .partenaires .partenaire:nth-child(3n+1) {
    margin: 0 0 10px 0;
}

#content .partenaire {
    height: 113px;
    padding: 15px 15px 12px;
    position: relative;
    width: 190px; 
}

#content .nonAdministrable {
    height: 140px;
    padding: 0;
    width: 220px;
}

#content .partenaire .imgPart {
    display: block;
    padding-top: 15px;
    text-align: center;    
    width: 190px;
}

#content .partenaire .lienInt {
    bottom: 10px;
    position: absolute;
    right: 15px;
    padding: 0;
    text-align: right;
}

#content .animations .anims {
    border-bottom: 1px dotted #d5d5d5;
    min-height: 150px;
    padding-bottom: 10px;
}

#content .animations #calendrier {
    min-height: 195px;
}

#content .animations .anims img {
    margin: 0 10px 10px 0;
}

#content .animations .anims .lienInt {
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 20px;
    padding-bottom: 5px;
    text-align: right;
    width: 710px;
}

#content .animations .anims h4 {
	background: url("../images/bg/sprites-title-une.png") no-repeat 147px 22px;
}
#content .animations .anims p, 
#content .animations .anims ul {
    padding: 0;
    width: 580px;
}

#content .animations .anims .separateur {
    margin-bottom: 20px;
}

#content .animations ul {
    list-style-type: inside;
    padding: 0 0 5px;
}

#content .animations li {
    color: #717171;
    font-size: 1.2em;
    line-height: 1.3em;
    list-style: none outside;
    padding: 0;
}

#content .animations .anims li a, 
#content .animations .anims p a {
    color: #e1204f;
}

#content #calendrier .navCalendrier {
    float: left;
}

#content .animations #calendrier .lienInt {
    padding-top: 40px;
}

#content #calendrier .navCalendrier .mois {
    display: inline-block;
    padding: 0;
    vertical-align: top;
}

#calendrier .navCalendrier .jours {
    border-left: 1px solid #7C1385;
    padding: 3px 20px;
}

#calendrier .navCalendrier .mois:nth-last-child(1) .jours {
    border-right: 1px solid #7C1385;
}

#content #calendrier .navCalendrier a, 
#content #calendrier .navCalendrier h4 {
    color: #7c1385;
    font-family: 'TeXGyreAdventorRegular';
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1em;   
}

#content #calendrier .navCalendrier h4 {
	background: none;
    text-align: center;
    padding: 0 0 12px 0;
}
 
#content #calendrier .navCalendrier a {
    background: #7c1385;
    color: #fff;
    margin: 0 3px;
    padding: 2px 3px;
}

#content #calendrier .navCalendrier a:hover, 
#content #calendrier .navCalendrier a:focus, 
#content #calendrier .navCalendrier a.actif, 
#content #calendrier .navCalendrier .nav_actif {
    color: #000;
    text-decoration: none;
}

#content .communiques {
    background: url(../images/bg/bg-bonhommeOeil.png) no-repeat 467px 110px;
}

#content .communiques .blocCom {
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 20px;
}

#content .communiques .label {
    color: #7C1385;
    display: block;
    font-size: 14px;
    padding: 0 0 7px 0;
}

#content .communiques select {
    color: #a3a3a3;
    font-size: 1.2em;
    line-height: 1em;
    margin: 0 0 20px;
    width: 345px;
}

#content .communiques .separateur {
    padding: 7px 0 0;
    margin: 0 0 20px;
}

#content .planFoire .planInter {
    margin-bottom: 15px;
}

#content .planFoire .infosPlan .colonne {
    display: inline-block;
    vertical-align: top;
}

#content .planFoire .infosPlan .left {
    width: 190px;
    margin: 0 55px 0 20px;
}

#content .planFoire .infosPlan .middle {
    width: 200px;
    margin-right: 55px;
}

#content .planFoire .infosPlan .right {
    width: 185px;
}

#content .planFoire .infosPlan .bloc {
    margin-bottom: 15px;
}

#content .planFoire .infosPlan h4 {
    font: normal 1.5em/1em 'TeXGyreAdventorRegular', helvetica, sans-serif;
    padding: 0;
    margin: 0;
}

#content .planFoire .infosPlan h5 {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.1em;
    padding: 0;
    margin: 0;
}

#content .planFoire .infosPlan p {
    padding: 0 0 3px 0;
    margin: 0;    
}

#content .planFoire .infosPlan ul {
    list-style-type: none;
    padding: 0 0 3px 10px;
    margin: 0;
}

#content .planFoire .infosPlan li {
    color: #717171;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
}

#content .planFoire .surPlace h4 {
    color: #a72a91;
}

#content .planFoire .surPlace span {
    color: #000;
}

#content .planFoire .anims h4, 
#content .planFoire .anims h5 {
    color: #f38900;
}

#content .planFoire .maison h4, 
#content .planFoire .maison h5 {
    color: #ec2629;
}

#content .planFoire .institution h4, 
#content .planFoire .institution h5 {
    color: #d2a6cb;
}

#content .planFoire .inter h4, 
#content .planFoire .inter h5 {
    color: #00afe5;
}

#content .planFoire .pleinAir h4, 
#content .planFoire .pleinAir h5 {
    color: #a6c607;
}

#content .planFoire .Gastro h4, 
#content .planFoire .Gastro h5 {
    color: #FCC649;
}

#content .planFoire .tendances h4, 
#content .planFoire .tendances h5 {
    color: #ed3794;
}

#content .pkExposer {
    background: url(../images/bg/bg-bonhommeOeil.png) no-repeat 473px bottom;
}

#content .pkExposer h3 {
    margin-bottom: 15px;
}

#content .pkExposer img.floatLeft {
    margin: 0 10px 5px 10px;
}

#content .article .bkg, 
#content .article .puce {
    list-style-type: none;
    list-style-position: inside;
    padding: 0 0 10px 10px;
}

#content .article .bkg li {
    background: #7C1385;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0 0 5px;
    padding: 3px 10px;
    width: 420px;
}

#content .article .puce li {
    background: url(../images/bg/pictos.png) no-repeat left -95px;
    color: #717171;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 0 0 0 10px;
    margin-bottom: 10px;
}

#content .pkExposer .clearBoth {
    height: 10px;
}

#content .atelier .blocDates p {
    padding-bottom: 5px;
}

#content .atelier .description, 
#content .atelier .blocDates {
    border-bottom: 1px solid #d5d5d5;
    padding: 10px 0 0 0;
    margin: 0;
}

#content .atelier .blocDates {
    background: url(../images/bg/bg-bonhommeOeil.png) no-repeat 475px 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#content .atelier .description h4 {
    padding-bottom: 5px;
}

/*          @aside
-------------------------------------------------------------*/

#aside .section {
    margin-bottom: 23px;
    width: 210px;
}

#aside h2 {
	border-bottom: 3px solid #dbdbdb;
	color: #000;
	font-family: 'TeXGyreAdventorRegular';
	font-size: 16px;
	margin: 0 0 2px;
	padding: 0 0 4px 10px;
	text-align: left;
}

#aside #blocSearch form {
    background: #00b34e;
    display: block;
    padding: 10px 7px 10px 10px;
    width: 193px;    
}

#blocSearch h2 {
	background: url(../images/bg/bg-aside-title-search.png) no-repeat 0 0;
}

#blocSearch .text, 
#blocSearch .select {
    margin-bottom: 9px;
}

#blocSearch .select, 
#blocSearch .select select {
    z-index: 10;
}

#blocSearch select, 
#blocSearch .text input {
    border: 1px solid #e0e0e0;
    color: #000;
    font-size: 1.1em;
}

#blocSearch .text input {
    width: 185px;
    height: 17px;
    padding: 1px 0 0 3px;
}

#blocSearch select {
    width: 190px;
    height: 18px;
}

#blocSearch .submit {
   text-align: right;
   padding-right: 3px;
}

#btPhototheque {;
    padding: 0;
    text-align: center;
}

#btPhototheque h2 {
	background: url(../images/bg/bg-aside-title-phototheque.png) no-repeat 0 0;
}

#btPhototheque a {
    padding: 0;
}

#btPhototheque a:hover, 
#btPhototheque a:focus {
    color: #eeeeee;
    text-decoration: none;
}

.ce_link {	
    background: url(../images/bg/pictos.png) no-repeat 188px -173px #d30018;
	color: #fff;
	display: block;
	font-family: 'TeXGyreAdventorRegular';
	font-size: 12px;
	height: 18px;
	line-height: 12px;
	padding: 10px 0 0 20px;
	text-align: left;
	text-decoration: none;
	width: 190px;
}
/*         @carousels
-----------------------------------------------------------*/

#container .carousel {
    position: relative;
}

#container .carousel ul {
    list-style-type: none;
}

#container .carousel li {
    display: inline-block;
}

#carouselAnim {
	background: #cf0018;
    height: 287px;
    padding: 0;
    width: 472px;
}

#carouselAnim .masque {
    margin: 0;
}

#js #carouselAnim .masque {
    height: 250px;
    overflow: hidden;
    position: relative;
    width: 472px;
}

#carouselAnim li {
    height: 262px;
    margin: 0;
    padding: 0;
    position: relative;
}

#carouselAnim li, 
#carouselAnim li .legende {
    width: 472px;
}

#carouselAnim li .legende {
    background: url(../images/bg/bg-legende.png) repeat 0 0;
    color: #e1e1e1;
    font-size: 1.1em;
    line-height: 1.2em;
    height: 36px;
    padding: 4px 15px 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

#carouselAnim li .legende, 
#carouselAnim li .legende a {
    color: #000;
}

#carouselAnim .lienInt {
    font-size: 1.1em;
    padding: 8px 0 5px 8px;
}

#carouselAnim .lienInt a {
    background: url(../images/bg/pictos.png) no-repeat right -183px;
	color: #fff;
	font-family: 'TeXGyreAdventorRegular';
	text-decoration: none;
	text-transform: uppercase;
}

#carouselAnim .lienInt a:hover {
	text-decoration: underline;
}

#carouselAnim  .prev, 
#carouselAnim  .next {
    display: block;
    font-weight: bold;
    height: 17px;
    position: absolute;
    top: 266px;
    width: 13px;    
}

#carouselAnim  .prev {
    background: url(../images/bg/bt-carousel.png) no-repeat left top;
    left: 436px;
}

#carouselAnim  .next {
    background: url(../images/bg/bt-carousel.png) no-repeat left -17px;
    left: 455px;
}  

#carouselPub {
    border: 1px solid #e0e0e0;
    height: 198px;
    width: 208px;
}

#carouselPub .masque, 
#carouselPub li {
    margin: 0;
    padding: 0;
}

#js #carouselPub .masque {
    height: 198px;
    overflow: hidden;
    position: relative;
    width: 208px;
}

#carouselPub li {
    height: 198px;
}

/*      @Forms
------------------------------------ */

#searchExposant {
    background: #7c1385;
    display: block;
    height: 40px;
    margin-bottom: 7px;
    padding-top: 20px;
    width: 710px;
}

#searchExposant .select, 
#searchExposant .text, 
#searchExposant .submit {
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
}

#searchExposant .submit {
    margin-left: 40px;
}

#searchExposant select, 
#searchExposant .text input {
    border: 1px solid #e0e0e0;
    font-size: 1.1em;
    color: #684b95;
    padding: 2px 0 2px 3px;
    width: 157px;
}

#searchExposant select {
    padding: 1px 0 1px 3px;
}

#contactForm .demi {
    display: inline-block;
    margin-top: 15px;
    vertical-align: top;
    width: 355px;
}

#contactForm .right {
    padding-left: 18px;
    width: 337px;
}

#contactForm .label, 
#contactForm label {
    color: #7C1385;
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 7px;
}

#contactForm .text, 
#contactForm .select {
    clear: left;
    height: 72px;
}


#contactForm .text input, 
#contactForm .textarea textarea, 
#contactForm .select select {
    color: #a3a3a3;
    font-size: 1.2em;
    line-height: 1.2em;
}

#contactForm .text input, 
#contactForm .textarea textarea, 
#atelierForm .text input {
	border: 1px solid #b2b2b2;
    height: 30px;
    width: 310px;
    padding: 0 10px;
}

#contactForm .select select {
    border: 1px solid #66;
    width: 340px;
}

#contactForm .textarea textarea {
    height: 140px;
    margin-bottom: 8px;
    padding: 0;
    width: 705px !important;
    overflow: auto;
}

#contactForm .champRequi, 
#content .article #atelierForm .champRequi {
    color: #8b8b8b;
    font-size: 1.1em;
    padding: 0;
}

#contactForm .champRequi {
    display: block;
}

#contactForm .champRequi span, 
#content .article #atelierForm .champRequi span {
    color: #7C1385;
}

#contactForm .submit {
    text-align: right;
    margin: 5px 0 20px;
}

#atelierForm .clear {
    clear: both;
    height: 59px;
    padding: 0 0 10px 0;
}

#atelierForm .clear div {
    float: left;
}

#atelierForm .select {
    padding-bottom: 30px;
}

#atelierForm .clear div:nth-child(1) {
    padding-right: 30px;
}

#atelierForm .text input, 
#atelierForm label, 
#atelierForm .label {
    display: block;
}

#atelierForm label, 
#atelierForm .label {
    color: #7c1385;
    font-size: 1.3em;
    font-weight: bold;
    padding: 0 0 6px 9px;
}

#atelierForm input, 
#atelierForm select, 
#atelierForm .radio label {
    color: #a3a3a3;
    font-size: 1.2em;
    font-weight: normal;
}

#atelierForm select {
    width: 86px;
}

#atelierForm  .radio .border {
    border: 5px solid #eeeeee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    width: 323px;
    padding: 7px 7px 7px 0;
    text-align: justify;
}

#atelierForm .radio label, 
#atelierForm .radio input {
    float: left;
}

#atelierForm  .radio label {
    padding: 1px 9px 0 0;
}

#atelierForm .radio input {
    margin: 0 3px 0 8px;
}

#atelierForm .radio .big label {
    margin: 0;
    padding: 0 28px 0 0;
}

#atelierForm .radio .big input {
    margin: 0 5px 0 20px;
    padding: 0;
}

#atelierForm .clear .champRequi {
    float: left;
    padding: 0;
}

#atelierForm .clear .submit {
    float: right;
    text-align: right;
}
    
/*  AJOUT ALINE 19/11/2010
    PAGE D'ATTENTE 2011
---------------------------------------*/

#container .totalWidth {
    float: none;
    /*height: 200px;*/
    padding: 0 0 20px;
    width: 940px;
}

#container .totalWidth .left {
    background: #eee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    margin: 39px 140px 20px 0;
    padding: 20px;
}

#content .BlocPageAttente {
    display: inline-block;
    margin: 20px 0 0;
    vertical-align: top;
    width: 365px;
}

#content .blocClear {
    display: block;
    clear: both;
    width: 100%;
}

#content .BlocPageAttente h3 {
    font: 2em/1.3em 'TeXGyreAdventorRegular',helvetica,sans-serif;
}

#content .BlocPageAttente p {
    color: #555;
    font-size: 1.6em;
    line-height: 1.2em;
    padding-bottom: 10px;
}

#container .totalWidth .left p {
    font-size: 1.8em;
    padding-bottom: 10px;
}

#content .BlocPageAttente p .btLien, 
#content .BlocPageAttente p .btLienBig {
    background: #0ca2a8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    color: #fff;
    display: block;
    font: 1.2em/1.3em 'TeXGyreAdventorRegular',helvetica,sans-serif;
    /*margin-top: 10px;*/
    padding: 10px;
    width: 205px;
}

#content .BlocPageAttente p .btLienBig {
    width: 295px;
}

#content .BlocPageAttente p .btLien:hover, 
#content .BlocPageAttente p .btLien:focus, 
#content .BlocPageAttente p .btLienBig:hover, 
#content .BlocPageAttente p .btLienBig:focus {
    background: #684b95;
    text-decoration: none;
}

#footer .alignRight {
    display: block;
    float: right;
    padding-bottom: 35px;
}