/* Style global */
body            { padding:0px; margin:0px; font-family: Tahoma; font-size: 12px; background-color: #FFFFFF; background: url("style/body.png") ; background-position: center; background-repeat: repeat-y; height: 100%;}
#corps          { margin-left: auto; margin-right: auto; width: 930px; text-align: left; height: 100%; }
#top            { height: 219px;  position: relative;}
#recherche      { width: 200px; height: 60px; overflow: hidden; position: relative; margin-top: -16px; margin-left: 710px; color: #D9331C; font-weight: bold; font-size: 14px; }
#page           { position:relative; padding: 10px; margin-bottom: 120px;}
#fond           { height: 100%; width: 1030px; top: 0px; padding: 0px; background: url("style/fond.png") ; background-position: top; background-repeat: repeat-y;  margin-left: auto; margin-right: auto;}
html>body #fond { height: 100%;}
html,body       { height: 100%;}
#bloc_menu      { margin-bottom: 0px;}
#bottom         { font-size: 11px; margin-left: auto; margin-right: auto; width: 1030px; margin-top: -120px; position: relative; height: 120px; background: url("style/bottom.png") ; background-position: center; background-repeat: no-repeat; color: #FFFFFF;}
#bottom a       { color: #FFEC00;}
#contenu_bottom { width: 500px; position: relative; margin-left: 400px; padding-top: 20px; height: 90px;}
#bloc_activites { padding-right: 70px; background: url("style/craie.png") ; background-position: right; background-repeat: repeat-y;}
#manifestations { background: url("style/trait-actu.png") ; background-position: center; background-repeat: no-repeat; padding-left: 100px;}
#manifestations a { background-color: #FFFFFF; padding: 10px; font-size: 20px; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #009791;}
.trait_bottom   { background: url("style/trait-bottom.png") ; background-position: left; background-repeat: repeat-y;}

/* Menu */
#menu_cpb 		{ width: 720px; height:45px; text-align: center; font-size: 14px; margin-top: 5px; margin-bottom: 10px; margin-left: -13px; display:inline; float: left;}
#menu_cpb ul		{ padding: 0px; margin:0px; height: 35px;}
#menu_cpb ul li a	{ text-decoration:none; font-weight: bold; color: #FFFFFF;}
#menu_cpb ul li:hover a { color: #D9331C;}
#menu_cpb ul li		{ position:relative; list-style: none; padding-left: 7px; padding-right: 5px; padding-top: 14px; display:inline; float:left; margin-left: 15px; width:90px; height:21px;  background: url("style/fond-menu.jpg"); background-repeat: repeat-x;}
#menu_cpb ul li:hover	{ background: none; border-bottom: 2px solid #D9331C;}
#menu_cpb li.sousmenu	{ }
#menu_cpb ul ul		{ position: absolute; display:none; top:37px; left: 0px; border-radius:5px; box-shadow: 0 1px 7px #888888; background-color: #FFFFFF; height: auto; margin: 0px; padding: 5px;}
#menu_cpb ul ul li a	{ text-decoration:none; color: #D9331C; font-weight: normal;}
#menu_cpb ul ul li	{ list-style: none; background: none; width:90px; padding: 5px; height: auto; border-bottom: 2px dotted #D9331C; margin: 0px;}
#menu_cpb ul ul li:hover   { border-bottom: 2px dotted #D9331C;}
#menu_cpb ul ul li:hover a { color: #8d281a;}
#menu_cpb ul.niveau1 li.sousmenu:hover ul.niveau2   { display:block;}

/* Mise en page du contenu */
#menu           { text-align: left; font-size: 26px; color: #009791; font-weight: bold; padding: 2px; height: 35px; width: 900px; padding-top:25px; background: url("style/menu.png"); margin-bottom: 10px;}
#menu a         { text-decoration: none; color: #009791;}
#menurouge      { text-align: left; font-size: 26px; color: #df3b25; font-weight: bold; padding: 2px; height: 35px; width: 900px; padding-top:25px; background: url("style/menu.png"); margin-bottom: 10px;}
#menurouge a    { text-decoration: none; color: #df3b25;}
#bloc           { padding: 5px; padding-bottom: 15px; background-color:#FFFFFF; text-align: justify; background: url("style/trait-actu.png") ; background-position: bottom; background-repeat: no-repeat; margin-bottom: 15px;}
#bloc_titre             { text-align: left; padding-left: 25px; padding-bottom: 5px; font-weight: bold; font-size: 18px; color:#D9331C; margin-bottom: 0px; height: 20px; background: url("style/titre-actu.png") ; background-position: left; background-repeat: no-repeat;}
#bloc_titre a           { color:#D9331C; text-decoration: none;}
#bloc_titre_details     { text-align: left; padding-bottom: 15px; font-weight: bold; font-size: 24px; color:#D9331C; margin-bottom: 15px; background: url("style/trait-actu.png") ; background-position: bottom; background-repeat: no-repeat;}
#bloc_titre_details a   { color:#D9331C; text-decoration: none;}
#imprimer               { position: relative; left: 575px; top: -60px; margin-bottom: -40px;}
#texte_contact  { color: #9e2c21; font-size: 16px; text-align: center; font-weight: bold; margin-bottom: 10px;}
#post           { color: #9C9D9F; font-size: 11px; text-align: left;}
#contenu        { text-align: justify;}

#itemTable      { width:887px; height: auto; overflow:hidden;}
#thickbox       { padding: 5px; margin: 5px; width: 273px; display:inline; float:left; text-align:center;}
#thickbox_4     { padding: 5px; margin: 5px; width: 200px; display:inline; float:left; text-align:center;}
#thickbox-activites-droite { padding: 5px; margin: 5px; width: 423px; display:inline; float:left; text-align:right;}
#thickbox-activites-gauche { padding: 5px; margin: 5px; width: 423px; display:inline; float:left; text-align:left;}
#thickbox-activites-centre { padding: 5px; margin: 5px; width: 870px; display:inline; float:left; text-align:left;}
#div150         { width: 135px; display:inline; float:left;}
#div300         { width: 300px; display:inline; float:left;}
#div400         { width: 500px; display:inline; float:left;}
#divactu        { width: 680px; display:inline; float:left;}
#div600         { width: 700px; display:inline; float:left;}

/*Styles page A à Z*/
#colonne_activite_activites { display: inline; float: left;}
#lien_activite_activites    { font-size: 14px; padding: 0px; height: 18px; padding-left:20px; margin: 0px; width: 265px; background: url("style/fleche-activites.png") ; background-position: left; background-repeat: no-repeat;}
#lien_activite_activites:hover   { background: url("style/fleche-activites-survol.png") ; background-position: left; background-repeat: no-repeat;}
#lien_activite_activites a  { text-decoration: none; color: #009791;}
#lien_activite_activites a:hover   { text-decoration: none; color: #df3b25; text-decoration: underline;}
#activite_activites         { width:auto; height: auto; overflow:hidden;}
#lien_activite_sections     { font-size: 14px; padding: 2px; width: 160px;}
#lien_activite_sections a   { text-decoration: none; color: #009791;}
#lien_activite_sections a:hover  { color: #df3b25;}
#activite_sections          { width:180px; background-color: #f1f6ec; padding: 8px; border-radius:10px; display: inline; float: left; padding-bottom: 40px;}
#activite_bloc              { width:auto; height: auto; overflow:hidden;}
#activite_infos             { overflow: inherit; padding: 10px;}

/*Styles page quartiers*/
#colonne_section_sections   { display: inline; float: left;}
#lien_section_sections     { font-size: 14px; padding: 0px; height: 18px; padding-left:20px; margin: 0px; margin-bottom: 14px; width: 265px; background: url("style/fleche-activites.png") ; background-position: left; background-repeat: no-repeat;}
#lien_section_sections:hover   { background: url("style/fleche-activites-survol.png") ; background-position: left; background-repeat: no-repeat;}
#lien_section_sections a   { text-decoration: none; color: #009791;}
#lien_section_sections a:hover   { text-decoration: none; color: #df3b25; text-decoration: underline;}
#section_sections          { width:auto; height: auto; overflow:hidden;}
#lien_section_activites    { font-size: 14px; padding: 2px; width: 160px;}
#lien_section_activites a  { text-decoration: none; color: #009791;}
#lien_section_activites a:hover  { color: #df3b25;}
#section_activites         { width:180px; background-color: #f1f6ec; padding: 8px; border-radius:10px; display: inline; float: left; padding-bottom: 40px;}
#section_bloc              { width:auto; height: auto; overflow:hidden;}
#section_infos             { overflow: inherit; padding: 10px;}

/*Styles page vacances*/
#lien_vacances_sections     { font-size: 14px; padding: 0px; height: 18px; padding-left:20px; margin: 0px; margin-bottom: 14px; width: 265px; display: inline; float: left; background: url("style/fleche-activites.png") ; background-position: left; background-repeat: no-repeat;}
#lien_vacances_sections:hover   { background: url("style/fleche-activites-survol.png") ; background-position: left; background-repeat: no-repeat;}
#lien_vacances_sections a   { text-decoration: none; color: #009791;}
#lien_vacances_sections a:hover   { text-decoration: none; color: #df3b25; text-decoration: underline;}
#vacances_sections          { width:auto; height: auto; overflow:hidden;}
#vacances_bloc              { width:auto; height: auto; overflow:hidden;}

/* Menu administration */
#menu_admin     { text-align: left; font-size: 20px; border-radius:5px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; margin-bottom: 5px; background:-moz-linear-gradient(top,#eca579,#bb4328); background:-webkit-gradient(linear, left top, left bottom, from(#eca579), to(#bb4328));}
#menu_admin a        { color: #ffe7e2; text-decoration: none;}
#menu_admin a:hover  { color: #8d281a;}
#deconnect      { text-align: right; margin-top: -30px; margin-bottom: 10px; padding: 5px;}
#deconnect a    { color: #FFFFFF;}
/* Administration */
#ligne          { padding: 5px; margin: 5px; background-color:#F3F3F3; width: 850px; height: auto; overflow:hidden;}
#resultat       { font-size: 16px; color: #A51616; text-align: center; font-weight: bold;}
#listing        { font-size: 14px; display:inline; font-weight: bold;}
#admin_titre    { font-size: 16px; box-shadow: 0 1px 7px #888888; padding: 5px; width: 350px; color: #252525; border-bottom: 1px solid #a4a4a4; margin: 10px; text-align: left; padding-left: 20px; background:-moz-linear-gradient(top,#ffffff,#e1e1e1); font-weight: bold; background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e1e1e1));}
#admin_titre a  { text-decoration: none; color: #252525;}
#admin_titre_page    { font-size: 18px; color: #bb4328; border-bottom: 2px solid #bb4328; margin: 10px; margin-bottom: 20px; text-align: left;}
#admin_titre_page a  { text-decoration: none; color: #bb4328;}
/* Liens */
a               { color: #D9331C;}
a:hover         { color: #8d281a;}
a.rien:link     { text-decoration: none; border: none;}
a.rien:visited  { text-decoration: none; border: none;}
a.rien:hover    { text-decoration: none; border: none;}
a.rien:active   { text-decoration: none; border: none;}

/* Objets */
img             { border: 1px solid #E5E5E5;}
input           { background-color: #FFFFFF; padding:2px; text-align: left; border-radius:5px; border: 2px solid #CCCCCC; color: #555555;}
select          { border-radius:5px; border: 2px solid #CCCCCC; width: 200px; color: #555555;}

/* Class */
.img            { border: none;}
.justifié       { text-align: justify;}
.img_rien       { border: none;}
.style-italique { font-style: italic; font-size: 12px; color: #777777;}
.bouton         { font-size: 16px; border-radius:5px; padding: 5px; background:-moz-linear-gradient(top,#ffffff,#e1e1e1); font-weight: bold; background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e1e1e1));}
.bouton:hover   { background: #FFFFFF;}