/* STRUCTURE */ 
body{margin: 0;padding: 0;font-family: sans-serif;background: #194052 url(../shared/images/bg-body.png) repeat-x;}
#wrapper{width: 990px;margin: auto;}
#header{height: 360px;background: url(../shared/images/bg-header.jpg) no-repeat;}
#content{background: #FFFFFF url(../shared/images/bg-content.png) repeat-x;padding-left: 30px;padding-top: 30px;}
#footer{height: 70px;background-color: #5997b2;margin-top: -4px;}


/* GENERAL */
hr.fix {clear: both; visibility: hidden;margin: 0;height: 0px;}
.center{text-align:center !important}
.dl {margin-left:10px;margin-bottom:20px;}
.dl img {margin-top:10px;margin-bottom:5px;}


a{text-decoration:none; color:#5497B2; cursor:pointer}
a:hover{text-decoration:underline}
a img {border:0} img {border:0}
a.pdf{background:url("../img/download.gif") no-repeat 0 4px; padding:2px 0 2px 20px}
.applatvert{background-color:#2ba32e; padding:15px; color:#ffffff !important; margin-top: inherit; width:620px;}
.applatrouge{background-color:#cb0a1f; padding:15px; color:#ffffff !important; margin-top: inherit; width:620px;}
.applatjaune{background-color:#f6a600; padding:15px; color:#ffffff !important; margin-top: inherit; width:620px;}
.applatvert img, .applatrouge img, .applatjaune img {padding:5px; color:#ffffff; margin-bottom: 10px;}



/* HEADER */
#header div#menu{background: url(../shared/images/bg-header-content.png) no-repeat bottom;height: 117px;padding-top: 115px;}
#header div#menu div#menu-content{margin-left: 285px;position:absolute;width:550px;}
#header div#menu div#menu-content p{padding: 10px 0 18px 0;margin: 0;clear: both;}
#header div#menu div#menu-content p span.left{float: left;}
#header div#menu div#menu-content p span.right{float: right;}
#header div#menu div#menu-content a{font-size: 0.75em;font-family: "Lucida Grande";font-weight: normal;text-decoration: none;color: #000000;}
#header div#menu div#menu-content a.active,#header div#menu div#menu-content a:hover{font-weight: bold;}
#header div#logo{background: url(../shared/images/logo.png) no-repeat;top: 95px;height: 155px;width: 155px;margin-left: 32px;position: absolute;}


/* CONTENT */
#content div#content-top{height: 190px;}
#content div#content-top div#left{float: left;padding-top: 32px;padding-left: 12px;height: 52px;background: url(../shared/images/bg-title-content.png) no-repeat;}
#content div#content-top div#left h1{font-size: 27px;text-transform: uppercase;color: #5497b2;font-family: sans-serif;font-weight: normal;margin: 0;}
#content div#content-top div#left h3{font-family: sans-serif;text-transform: uppercase;color: #5497b2;font-weight: normal;margin: 6px 0 0 0;}

#content div#content-top div#right{float: right;height: 84px;}
#content div#content-top div#right div#pictogramme{float: right;padding: 18px 10px 0 10px;width: 120px;height: 66px;border-left: 1px solid #5497b2;}
#content div#content-top div#right div#pictogramme ul{margin: 0;padding: 10px 0 0 0;list-style-type: none;}
#content div#content-top div#right div#pictogramme ul li{float: left;}
#content div#content-top div#right div#informations{float: right;padding-top: 32px;padding-right: 10px;text-align:right;}
#content div#content-top div#right div#informations p{color: #5497b2;text-transform: uppercase;font-size: 0.8em;font-family: Arial;margin: 0;}

#content div#content-top div#bandeau{padding-top: 20px;clear: both;}
#content div#content-middle{background: #376AAD url(../shared/images/bandeau-couleur.png) no-repeat top right;padding-right: 12px;}
#content div#content-middle div#main{width: 948px;padding-bottom: 40px;background: #FFFFFF url(../shared/images/bg-main-green.png) repeat-y top right;}
body.blue #content div#content-middle div#main{background: #FFFFFF url(../shared/images/bg-main-blue.png) repeat-y top right;}
body.red #content div#content-middle div#main{background: #FFFFFF url(../shared/images/bg-main-red.png) repeat-y top right;}
body.green #content div#content-middle div#main{background: #FFFFFF url(../shared/images/bg-main-green.png) repeat-y top right;}
body.yellow #content div#content-middle div#main{background: #FFFFFF url(../shared/images/bg-main-yellow.png) repeat-y top right;}

#content-text p{font-size:13px;font-weight: normal;color:#666; line-height:1.5em; margin:20px 0;}
#content-text h1{padding:20px 0 0; color:#cb0a1f; font-size:1.4em; text-transform:uppercase; font-weight:normal}
#content-text h1:first-line{color:#333}

#content div#content-middle div#main div.left{float: left;width: 680px;padding-top: 30px;font-family: "Lucida Grande";}
#content div#content-middle div#main div.left div.intro{text-transform: uppercase;color: #5497B2;padding-right: 250px;font-size:12px;padding-bottom:15px;}
#content div#content-middle div#main div.left div#content-text div.column{width: 31%;margin-right:2%;float: left;}
#content div#content-middle div#main div.left div#content-text div.column h2{font-size: 0.75em;text-transform: uppercase;margin: 0;padding: 0;}
#content div#content-middle div#main div.left div#content-text div.column h2,#content div#content-middle div#main div.left div#content-text div.column h3{color: #3ba52b;}

body.sky #content div#content-middle div#main div.left div#content-text div.column h2,body.sky #content div#content-middle div#main div.left div#content-text div.column h3{color: #d5e3eb;}
body.green #content div#content-middle div#main div.left div#content-text div.column h2,body.green #content div#content-middle div#main div.left div#content-text div.column h3{color: #3ba52b;}
body.blue #content div#content-middle div#main div.left div#content-text div.column h2,body.blue #content div#content-middle div#main div.left div#content-text div.column h3{color: #426DAB;}
body.red #content div#content-middle div#main div.left div#content-text div.column h2,body.red #content div#content-middle div#main div.left div#content-text div.column h3{color: #BB3725;}
body.yellow #content div#content-middle div#main div.left div#content-text div.column h2,body.yellow #content div#content-middle div#main div.left div#content-text div.column h3{color: #E8AD28;}

#content div#content-middle div#main div.left div#content-text div.column p{margin: 0 0 20px 0;padding: 0 0 0 0;font-size: 0.65em;line-height: 145%;}
#content div#content-middle div#main div.left div#content-text div.column span.strong{font-size: 0.70em;font-weight: bold;}
#content div#content-middle div#main div.left div#content-text div.column h3{font-size: 0.65em;font-style: italic;font-weight: normal;margin: 0;padding: 3px 0 0 0;}
#content div#content-middle div#main div.right{float: right;padding:10px 8px 0 8px;width:214px;color: #FFFFFF;font-size: 0.9em;}
#content div#content-middle div#main div.right h3{padding: 0 10px;margin-top:30px;text-transform: uppercase;}
#content div#content-middle div#main div.right p{font-size: 0.8em;padding: 0 10px;font-family: Helvetica;line-height: 145%;}

#content div#content-middle div#main div.right a{text-decoration:none; color:#FFFFFF; cursor:pointer}
#content div#content-middle div#main div.right a:hover{text-decoration:underline}


/* Home */
.theme {font-size:13px;font-weight:normal;color:#FFFFFF;padding:10px;margin-top:20px;margin-bottom:20px;}
.th{background:#5497b2}
.th18{background:#5497b2}
.th19{background:#f6a600;}
.th20{background:#166aaf;}
.th21{background:#cb0a1f;}
.th22{background:#a2c301;}


.manifestation{margin:10px 0 20px 20px; border-bottom:1px dotted #aaa; padding-bottom:10px; color:#555}
.manifestation h4{background-repeat:no-repeat; background-position:right 0; padding:5px 0 10px; height:19px; font-weight:lighter; font-style:italic; text-transform:uppercase}
.manifestation h4.tout-public{background-image:url("../img/publics-tout.png")}
.manifestation h4.professionnels{background-image:url("../img/publics-pro.png")}
.manifestation h4.enfants{background-image:url("../img/publics-enfants.png")}
.manifestation p{font-size:10px; margin:0 !important; padding:0 !important}
.manifestation p.moreInfo{margin:10px 0 !important}
.manifestation p.moreInfoButton{margin-top:10px !important}
.manifestation p.moreInfoButton a{cursor:pointer}
.manifestation p.moreInfoButton a:hover{border-top:1px dotted #555; border-bottom:1px dotted #555; text-decoration:none}
.manifestation p.horaire_rencontre {font-size:15px;font-weight:lighter;color:#ee7c00 !important;}
.manifestation p.titre_rencontre {font-size:13px;font-weight:bold;text-transform:uppercase;color:#ee7c00 !important;}

.programme .manifestation span.date {font-size:14px;font-weight:normal;text-transform:uppercase;}
.programme .manifestation span.titre {font-size:12px;font-weight:lighter;text-transform:uppercase;}
.programme .manifestation em{font-size:11px;font-weight:bold;}

.pu{color:#5497b2}
.pu8{color:#f6a907}
.pu9{color:#a2c301}
.pu10{color:#166aaf}
.pu11{color:#d2031d}

.visite {width: 100%;height:105px;text-align: left;font-size: 10px !important;line-height: 13px;margin-top: 25px;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;padding-top: 0pt;padding-right: 0pt;padding-bottom: 0pt;padding-left: 0pt;}
.visite img {float:left; margin: 0 20px 20px 0;width:100px;height:100px;}
.visite b {font-size:11px;line-height:15px}
.visite i {font-size:10px;line-height:15px}
.visite span {font-size:10px;line-height:20px}

.lettrine14 {float: left;font-size: 2.6em;font-weight: bold;font-family: Georgia, Times New Roman, Times, serif; color: #FFFFFF!important;border: 1px solid #006AB2;background-color: #006AB2;margin: 3px 5px 0 0;padding: 1px;line-height: 1em;text-align:center;width : 2em;-moz-border-radius:5px;-webkit-border-radius:5px;} 
.lettrine15 {float: left;font-size: 2.6em;font-weight: bold;font-family: Georgia, Times New Roman, Times, serif; color: #FFFFFF!important;border: 1px solid #e20026;background-color: #e20026;margin: 3px 5px 0 0;padding: 1px;line-height: 1em;text-align:center;width : 2em;-moz-border-radius:5px;-webkit-border-radius:5px;} 
.lettrine16 {float: left;font-size: 2.6em;font-weight: bold;font-family: Georgia, Times New Roman, Times, serif; color: #FFFFFF!important;border: 1px solid #edab11;background-color: #edab11;margin: 3px 5px 0 0;padding: 1px;line-height: 1em;text-align:center;width : 2em;-moz-border-radius:5px;-webkit-border-radius:5px;} 
.lettrine17 {float: left;font-size: 2.6em;font-weight: bold;font-family: Georgia, Times New Roman, Times, serif; color: #FFFFFF!important;border: 1px solid #27a22d;background-color: #27a22d;margin: 3px 5px 0 0;padding: 1px;line-height: 1em;text-align:center;width : 2em;-moz-border-radius:5px;-webkit-border-radius:5px;} 


/*UI tabs*/
#tabs span{color:#cb0a1f; font-weight:bold}
.ui-tabs-nav {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;font-family: Verdana, Arial, sans-serif;font-size: 10px;float: left;position: relative;z-index: 1;border-right: 1px solid #d3d3d3;bottom: -1px;}
.ui-tabs-nav-item {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;float: left;border: 1px solid #d3d3d3;border-right: none;}
.ui-tabs-nav-item a {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;float: left;font-size: 10px;font-weight: bold;text-decoration: none;padding: .5em 1.7em;color: #FFFFFF;background: #5497B2 ;}
.ui-tabs-nav-item a:hover {background: #FF9C08;color: #333333;}
.ui-tabs-selected {border-bottom-color: #ffffff;}
.ui-tabs-selected a, .ui-tabs-selected a:hover{background: #eeeeee;color: #FF9C08;border-bottom: 1px solid #eeeeee;}
.ui-tabs-panel {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;font-family: Verdana, Arial, sans-serif;clear:left;border: 1px solid #d3d3d3;background: #eeeeee;color: #333333;padding: 1.5em 1.7em;font-size: 10px;}
.ui-tabs-hide {display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;}

.laureat {width: 100%;height:105px;text-align: left;font-size: 10px;line-height: 13px;margin-top: 25px;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;padding-top: 0pt;padding-right: 0pt;padding-bottom: 0pt;padding-left: 0pt;}
.laureat img {float: left; margin: 0 10px 0px 0;width:170px;height:104px;}

.categorie{margin-top:10px; color:#cb0a1f; border-bottom:1px solid #ccc; padding:2px; font-weight:normal; font-size:14px}
.famille{margin-top:10px;margin-bottom:10px; color:#cb0a1f; border-bottom:1px solid #ccc; padding:2px; font-weight:bold; font-size:12px}
.annule{margin-top:10px; color:#cb0a1f; padding:2px; font-weight:normal; font-size:14px}


/* formulaires */
fieldset {background:#eeeeee; padding:10px; border:1px solid #fff; border-color:#d3d3d3; margin-bottom:36px; width:440px;}
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}


fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
legend {background:#5497B2; color:#fff; font:12px/21px Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; text-transform:uppercase;border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}

label {font-size:11px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:right; width:90px; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; width:340px; line-height:25px; margin:0 0 10px 0;}
.NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(images/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(images/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(images/input-right.png) no-repeat 0 0;}
.NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; background:url(images/radio.png) no-repeat 0 0; z-index:2;}
.NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(images/checkbox.png) no-repeat 0 0; z-index:2;}
.NFButton {width:auto; height:26px; color:#fff; padding:0 2px; background:url(images/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(images/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(images/button-right.png) no-repeat 0 0;}
.NFTextarea {border:none; background:none; font:12px/12px Arial, Helvetica, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background:url(images/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(images/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;}
.NFTextareaTopLeft {background:#f2f2e6 url(images/textarea-tl.png) no-repeat 0 0;}
.NFTextareaBottomLeft {background:#f2f2e6 url(images/textarea-bl.png) no-repeat 0 0;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(images/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(images/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(images/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(images/textarea-r-over.png) repeat-y 100% 100%;}
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(images/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
.NFSelect {height:21px; position:absolute; border:1px solid transparent;}
.NFSelectLeft {float:left; width:3px; height:21px; background:url(images/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px; width:auto; background:url(images/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#fff; padding-left:3px; margin-left:3px;}
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#707175; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#fff; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}
.NFSelectOptions li {padding-bottom:1px;}
.NFSelectOptions a {display:block; text-decoration:none; color:#fff; padding:2px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#464646;}
.NFSelectOptions a:hover {background:#333;}
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(images/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(images/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(images/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(images/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(images/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(images/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(images/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(images/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}

/* FOOTER */
#footer div#footer-content{width: 960px;padding: 30px 0 0 30px;height: 40px;background: #FFFFFF url(../shared/images/bg-footer-green.png) repeat-y right;margin: auto;}

body.sky #footer div#footer-content{background: #FFFFFF url(../shared/images/bg-footer-green.png) repeat-y right;}
body.green #footer div#footer-content{background: #FFFFFF url(../shared/images/bg-footer-green.png) repeat-y right;}
body.blue #footer div#footer-content{background: #FFFFFF url(../shared/images/bg-footer-blue.png) repeat-y right;}
body.red #footer div#footer-content{background: #FFFFFF url(../shared/images/bg-footer-red.png) repeat-y right;}
body.yellow #footer div#footer-content{background: #FFFFFF url(../shared/images/bg-footer-yellow.png) repeat-y right;}

#footer div#footer-content ul{list-style-type: none;margin: 0;padding: 0;}
#footer div#footer-content ul li{float: left;padding: 0 4px;border-right: 1px solid #333333;}
#footer div#footer-content ul li.last{border-right: none;}
#footer div#footer-content ul li a{font-family: Arial;font-size: 0.7em;text-decoration: none;}