html, body { 
	color: #000;
	background-color: #FFF;
	font-size: 12px;
	font-family: Arial, Tahoma, "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	line-height: 1.5em;
	border: 0;
	border-collapse: collapse;
	margin: 0;
	text-align: center;
}
* {
	margin:0;
	padding:0;
}
p { 
	font-size: 12px;
	font-family: Arial, Tahoma, "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
	letter-spacing: 0;
	margin: 0;
}

p.spip { 
    margin-bottom: 0.9em;
}

img.spip_puce {
    padding-right: 0;
    margin-right: 0;
}

h1, h2 {
	font-family: Helvetica, Tahoma, Verdana, Arial, "Trebuchet MS", "Lucida Grande", sans-serif;
	line-height: 1.5em;
}
ul {
	list-style: none;
}
a { color: #000; text-decoration: none; }

a:link { color: #000;  }

a:visited {	color: #333;  }

a:hover { color: #333; text-decoration: underline; }

a:active { color: #333; }

a img {
	border: 0;
}

#enveloppe {
	position: relative;
	background-color: #FFF;
	text-align: center;
}
#contenant {
	position: relative;
	margin: 0 auto;
	background-color: #FFF;
	margin-top: 12px;
	width: 993px;
	text-align: left;
}

/* Haut de page */
#tetiere {
	position: relative;
	width: 993px;
	height: 150px;
}
#logo {
	width: 241px;
	float: left;
}
#animation {
	float: left;
	background-color: #fff;
	width: 589px;
	position: relative;
}
#items {
	float: left;
	width: 155px;
	background: #5A8DE0 url('../images2/rech_angleBD.gif') bottom right repeat-x;
	margin-top: 2px;
	height: 141px;
	color: #FFF;
}

#itemsangleh {
	background: #5A8DE0 url('../images2/rech_angleHD.gif') top right repeat-x;
	height: 10px;
	font-size: 0.01em;
}

#items ul {
	margin-top: 8px;
	margin-left: 5px;
}
#items li {
	margin: 1px 0;
}
#items li a {
	color: #FFF;
	font-weight: bold;
	font-size: 1em;
	padding-left: 27px;
}
#items li a.item1 { background: #5A8DE0 url('../images2/rech_picto1.gif') 0 -2px no-repeat; }
#items li a.item2 { background: #5A8DE0 url('../images2/rech_picto2.gif') 0 -2px no-repeat; }
#items li a.item3 { background: #5A8DE0 url('../images2/rech_picto3.gif') 0 -2px no-repeat; }

form#recherche {
	padding: 0;
	margin: 15px 2px 0 5px;
}
form#recherche label {
	background: #5A8DE0 url('../images2/rech_picto4.gif') 0 -2px no-repeat;
	padding-left: 27px;
	font-weight: bold;
}

form#recherche input.inputrech {
	width: 105px;
	border-top: 1px solid #354872;
	border-left: 1px solid #4070B2; 
	border-right: 1px solid #4070B2; 
	border-bottom: 1px solid #798384; 
	margin-left: 2px;
	text-indent: 2px;
}
form#recherche input.submitrech {
	font-weight: bold;
	background-color: #5A8DE0;
	border: 0 none #fff !important;
	color: #FFF;
}

/* Colonne gauche */
#colgauche {
	width: 147px;
	margin-right: 10px;
	margin-left: 3px;
	float: left;
	clear: both;
	position: relative;
	background-color: #FFF;
}
#colgauche h3 {
	background: #FFF url('../images2/cadreG_angleH.gif') 0 -2px no-repeat;
	width: 147px;
	height: 32px;
	text-indent: 15px;
	color: #FFF;
	font-weight: bold;
	line-height: 32px;
	font-size: 1.2em;
}
#menu {
	border-left: 2px solid #D2D2D2;
	border-right: 2px solid #D2D2D2;
	color: #336699;
	min-height: 450px;
	display: block;
}
#menu li {
	border-bottom: 2px solid #D2D2D2;
}
#menu li a {
	display: block;
	color: #336699;
	font-size: 1.1em;
	margin: 0 5px 5px 27px;
	padding-top: 5px;
}
#menu li.ouvert {
	background: #FFF url('../images2/fleche_ouvert.gif') 5px 4px no-repeat !important;
}
#menu li.ferme {
	background: #FFF url('../images2/fleche_ferme.gif') 5px 4px no-repeat !important;
}
#menu li.dernier {
	border-bottom: none;
	margin-bottom: -5px;
}
#menu ul.sousmenu {
	background-color: #ECF1F7;
	border: none !important;
	padding: 3px 0;
	min-height: 5px;
}
#menu ul.sousmenu li {
	border-bottom: none;
}
#menu ul.sousmenu li a {
	margin: 0;
	font-size: 1em;
	padding: 1px 1px 1px 27px !important;
	color: #000 !important;
}

#menubas {
	background: #FFF url('../images2/cadreG_bas.gif') no-repeat;
	width: 147px;
	height: 15px;
	position: relative;
}

/* Colonne center */
#colcentre {
	float: left;
	width: 670px;
	margin-right: 10px;
}
#colcentre h1 {
	width: 670px;
	height: 32px;
	text-indent: 15px;
	background: #FFF url('../images2/cadreM_angleH.gif') no-repeat;
	font-size: 1.25em;
	line-height: 32px;
	color: #4E75AE;
}
#colcentre h1 a:hover {
	text-decoration: none;
}
#colcentre a.titre1 {
	color: #4E75AE;
}
#colcentre span.titre2 {
	color: #FFF;
}
#contenu {
	border-left: 2px solid #D2D2D2;
	border-right: 2px solid #D2D2D2;
	min-height: 450px;
}
#contenu h2 {
	text-transform: uppercase;
	font-size: 1em;
	color: #1963BA;
	font-weight: bold;
	margin-top: 12px;
}
#margescentre {
	padding: 15px;
}
#contenu .image_droite {
	float: right;
	margin-left: 9px;
	margin-bottom: 5px;
}
#contenu .image_gauche {
	float: left;
	margin-right: 9px;
	margin-bottom: 5px;
}
#contenu p {
}
#contenu ul {
	list-style-type: square;
	padding: 0 15px;
}
#contenu a {
	text-decoration: underline;
}
#contenu .affichrub {
	margin-bottom: 20px;
}
#contenu .affichrub h2 {
	margin-top: 0 !important;
}
#contenu p.lienrub {
	margin: 2px 0 3px;
}
#contenu p.lienrub a {
	color: #555;
}
#contenu p.lienrub a:hover {
	color: #000;
}
#contenu p.savoirplus {
	margin: 5px 0 10px;
	background: #FFF url('../images2/point.gif') 0 3px no-repeat;
	padding-left: 15px;
}
#contenu p.savoirplus a {
	color: #6A9491;
	font-weight: bold;
}
#contenu p.savoirplus a:hover {
	color: #1963BA;
	font-weight: bold;
}

#contenu ul.documents li {
    list-style: none;
    margin-top: 1em;
}

#contenu ul.documents img {
    vertical-align: middle;
    margin-right: 1em;
}

#actualites {
	margin-top: 0;
}
#actualites h2 {
	text-transform: none;
	color: #67908D;
	margin-top: 5px;
	font-size: 1.3em;
	background-color: #FFF;
	padding: 5px 0 3px;
	border-bottom: 1px solid #67908D;
	margin-bottom: 10px;
}
#actualites a {
	color: #67908D;
	font-weight: bold;
}
#actualites p.descr {
	padding-bottom: 10px;
}
#centrebas {
	background: #FFF url('../images2/cadreM_bas.gif') no-repeat;
	height: 15px;
	width: 670px;
	position: relative;
	float: right;
}

/* Colonne droite */
#coldroite {
	float: left;
	width: 145px;
}
#coldroite h3 {
	width: 145px;
	height: 32px;
	text-indent: 10px;
	background: #FFF url('../images2/cadreD_angleH.gif') no-repeat;
	font-size: 0.9em;
	line-height: 32px;
	color: #FFF;
}
#dossiers {
	border-left: 2px solid #D2D2D2;
	border-right: 2px solid #D2D2D2;
	min-height: 450px;
	background-color: #FFE9DC;
}
#margesdroite {
	padding: 15px 0;
}
#dossiers p {
	margin: 0 11px 4px 7px;
	font-size: 0.85em;
}
#dossiers a:hover, #dossiers a:hover span {
	color: #EC7442;
}
#dossiers span.date {
	color: #000;
}
#dossiers span.description {
	color: #EC7442;
}
#dossiers .visuel {
	margin: 0;
}
#droitebas {
	background: #FFF url('../images2/cadreD_bas.gif') no-repeat;
	height: 15px;
	width: 146px;
	position: relative;
}

/* Pied de page */
#pied {
	background: #FFF url('../images2/bas_fond.gif') repeat-x;
	width: 982px;
	height: 22px;
	margin: 5px 3px 20px;
	clear: both;
}
#piedg {
	background: #FFF url('../images2/bas_bordG.gif') no-repeat;
	float: left;
	width: 7px;
	height: 22px;
	font-size: 0.01em;
}
#piedd {
	background: #FFF url('../images2/bas_bordD.gif') no-repeat;
	float: right;
	width: 7px;
	height: 22px;
	font-size: 0.01em;
}
#pied p, #pied a {
	line-height: 22px;
	color: #FFF;
}
#pied p {
	font-size: 0.9em;
}

/* FORMULAIRES DE CONTACT */

.form_contact {
    padding: 1em 0 1em 2em;
}


.form_contact label {
    display: block;
    float: left;
    width: 14em;
    font-weight: bold;
}
.form_contact input, select {
    width: 28em;
    margin-bottom: 1em;
}

.form_contact legend {
    display: block;
    font-weight: bold;
    margin-left: 0;
    padding-left: 0;
}


.form_contact fieldset {
    border: none;
    margin: 0;
    padding: 0;
    display: block;
    padding-bottom: 1em;
    padding-top: 1em;
}

/* Quelques hacks IE pour le fieldset: */ 
* html .form_contact legend { color: black; margin-left: -7px; padding-bottom: 1em; }
* html .form_contact fieldset { padding-top: 0; }
* html .form_contact fieldset label { width: 14em; }

.form_contact fieldset label {
    margin-left: 0;
    padding-left: 4em;
    width: 10em;
}

.form_contact fieldset input {
    width: auto;
    margin-bottom: 0.6ex;
}

.form_contact textarea {
    width: 28em;
    height: 5em;
}

.form_erreur, .form_confirmation {
    color: #FF591F;
    padding: 1em;
    padding-left: 3.5em;
    margin: 1em 0;
    font-weight: bold;
    border: solid 1px #537DB9;
    background-image: url(images/orange_dot.gif);
    background-repeat: no-repeat;
    background-position: 2em 1.2em;
}

.form_confirmation {
    color: #004489;
    background-image: url(images/puce-carre-bleu.gif);
}

.form_contact input.submit {
    background: #537DB9;
    color: white;
    font-weight: bold;
    border: none;
    margin-top: 1.5em;
    width: 14em;
}

/* Culture */

.culture #items {
  height: 148px;
	background: url('../images2/culture/fond.jpg');
	margin-top: 0;
}

.culture #itemsangleh { background: transparent; }
.culture #items li a.item1 { background: url('../images2/culture/rech_picto1.gif') 0 -2px no-repeat; }
.culture #items li a.item2 { background: url('../images2/culture/rech_picto2.gif') 0 -2px no-repeat; }
.culture #items li a.item3 { background: url('../images2/culture/rech_picto3.gif') 0 -2px no-repeat; }

.culture form#recherche label { background: url('../images2/culture/rech_picto4.gif') 0 -2px no-repeat; }
.culture form#recherche input.submitrech { background-color: transparent; }

#menu li.culture-ouvert a, li.culture-ferme a { color: white !important; }
#menu li.culture-ouvert { background: url('../images2/culture/fleche_ouvert.gif') 0px 0px no-repeat !important; }
#menu li.culture-ferme { background: url('../images2/culture/fleche_ferme.gif') 0px 0px no-repeat !important; }
#menu li.culture-ouvert ul.sousmenu, #menu li.culture-ferme ul.sousmenu { background-color: #FFEBD5; }

/* Sport */

.sport #items {
  height: 148px;
	background: url('../images2/sport/fond.jpg');
	margin-top: 0;
}

.sport #itemsangleh { background: transparent; }
.sport #items li a.item1 { background: url('../images2/sport/rech_picto1.gif') 0 -2px no-repeat; }
.sport #items li a.item2 { background: url('../images2/sport/rech_picto2.gif') 0 -2px no-repeat; }
.sport #items li a.item3 { background: url('../images2/sport/rech_picto3.gif') 0 -2px no-repeat; }

.sport form#recherche label { background: url('../images2/sport/rech_picto4.gif') 0 -2px no-repeat; }
.sport form#recherche input.submitrech { background-color: transparent; }

#menu li.sport-ouvert a, #menu li.sport-ferme a { color: white !important; }
#menu li.sport-ouvert { background: url('../images2/sport/fleche_ouvert.gif') 0px 0px no-repeat !important; }
#menu li.sport-ferme { background: url('../images2/sport/fleche_ferme.gif') 0px 0px no-repeat !important; }
#menu li.sport-ouvert ul.sousmenu, #menu li.sport-ferme ul.sousmenu { background-color: #E8FFD7; }