body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,th,td {margin:0;padding:0;}
:focus {outline: 0}
ol, ul {list-style: none}
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}

img, div, ul , li, a, p, span{ behavior: url(iepngfix.htc) }

/* Eléments HTML en général
-------------------------------------------------------- */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size:12px;
	line-height: 1
}
a, a:visited {}
a:hover  {}
a:active, a:focus{outline:none}
img {border: none}
img a{border: none; text-decoration: none}
.hide {display:none}
.left {float:left}
.right {float:right}
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
.invisible{visibility:hidden;}

ol.spip {
list-style-image:none;
list-style-position:inside;
list-style-type:decimal;
}
ul.spip {
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
line-height:18px;
padding-left:22px
}
ul.spip ul.spip  {
line-height:18px;
list-style-type:circle;
}
ul.spip ul.spip ul.spip  {
line-height:18px;
list-style-type:square;
}
h2{color:#565656; font-weight:bold; font-size:18px}
p{ margin:0 0 15px 0; padding:0}

#wrapper {
	background-color:#D1E6EC;
	width: 1020px;
	overflow: visible;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
}
#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 1020px;
	background-image:url(gfx/fond_accueil.png);
	background-repeat:repeat-x;
	background-position: 0 271px;
}
#entete{float:left; width:1020px; height:94px; background:url(gfx/entete.jpg) no-repeat;}
#entete .logo{float:left; margin:26px 0 0 40px}
#rechercher{float:left; margin:29px 0 0 536px; height:38px; width:188px}
.formulaire_recherche input.text {background:url(gfx/champRecherche.png) no-repeat; border:none; float:left; font-weight:bold; height:37px; margin:0; padding:1px 5px 0 10px; width:129px}
.formulaire_recherche input.submit {background:url(gfx/btRecherche.png) no-repeat; border:none; cursor:pointer; float:left; height:38px; margin:0; padding:0; width:44px}
#menuDuHaut{background:url(gfx/fondMenu.png) no-repeat; float:left; height:126px; width:1020px; text-align: left; }
ul.bienvenue{float:left; height:110px; margin:0 0 0 32px; overflow:hidden; width:238px}
ul.alaune, ul.service, ul.SPLocal{float:left; height:110px; margin:0 0 0 2px; overflow:hidden; width:238px}
#menuDuHaut li{float:left; height:20px; line-height:20px; margin:0 0 0 0; width:237px}
#menuDuHaut li a{color:#1C6275; float:left; font-weight:bold; text-decoration:none;padding-left:19px; width:218px}
#menuDuHaut li a:hover{color:#000000; text-decoration:none}
#menuDuHaut li.on, #menuDuHaut li a.on, #menuDuHaut li span.on{color:#1C6275; float:left; font-weight:bold}
ul.bienvenue li.on, ul.bienvenue li a.on, ul.bienvenue li a:hover, ul.bienvenue li span.on{background-color:#FF8C00}
ul.alaune li.on, ul.alaune li a.on, ul.alaune li a:hover, ul.alaune li span.on{background-color:#FAF100}
ul.service li.on, ul.service li a.on, ul.service li a:hover, ul.service li span.on{background-color:#00CBE4}
ul.SPLocal li.on, ul.SPLocal li a.on, ul.SPLocal li a:hover, ul.SPLocal li span.on{background-color:#91E600}
#menuDuHaut li span.on{padding-left:19px; width:218px}
#hierarchie{color:#134856; float:right; font-weight:bold; margin:0 35px 18px 0; text-align:right; width:100%}
#hierarchie a{color:#134856; font-weight:bold}
#calendrier{background:url(gfx/calendrier.png) no-repeat; float:left; height:248px; margin:0 0 0 21px; width:327px;}
#calendrier .haut{float:left; height:23px; margin:44px 0 0 30px; width:271px}
#calendrier .haut .flecheGauche{float:left; height:18px; margin:5px 0 0 0; width:24px}
#calendrier .haut h2{float:left; height:23px; margin:0; text-align:center; width:223px}
#calendrier .haut .flecheDroite{float:left; height:18px; margin:5px 0 0 0; width:24px}
#calendrier .bas{float:left; height:111px; margin:31px 0 0 51px; width:231px}
#ggmap{background:url(gfx/ggmap.png) no-repeat; float:left; height:328px; margin:0 0 0 21px; width:327px}
#ggmap h2{ margin:27px 0 10px 0; text-align:center}
#ggmap .map{text-align:center; margin:0px 0 0px 20px;width:287px}
#videoBordHaut{float:left; height:19px; margin:0 0 0 13px; width:638px}
#video{
	float:left;
	min-height:200px;
	margin:0 0 0 13px;
	width:638px;
	background-image: url(gfx/fondBoiteAcc1px.png);
	background-repeat: repeat-y
}
#video .fond{
	float:left;
	min-height:200px;
	margin:0;
	width:638px;
	background-image: url(gfx/fondBoiteAcc3.png);
	background-repeat: no-repeat;
	background-position: 9px 0px;
}
#video .description{ float:left; min-height:184px; margin:14px 13px 0 27px; width:585px;}
#video .description h2{float:left; margin:0 0 10px 0; width:313px; text-align: left;}
#video .description .texte{float:left; min-height:123px; width:585px; text-align: left;}
#video .description .plusInfos{float:left; width:313px}
#videoBordBas{float:left; height:19px; margin:0 0 0 13px; width:638px}
#pied{background:url(gfx/footer2.png) no-repeat; float:left; height:110px; margin:65px 0 95px 21px; width:978px}
#pied .menu{color:#3290AA; float:left; font-size:12px; font-weight:bold; height:46px; margin:34px 0 0 165px; text-align:center; width:760px}
#pied .menu p{ line-height:14px; margin-bottom:5px}
#pied .menu a{color:#3290AA; text-decoration:underline}
#contenuRub, #contenuArt{float:left; height:auto; width:auto;}
#RubBlocGauche{float:left; height:auto; margin:0 0 0 21px; width:248px}
#RubBlocGauche .menuGaucheHaut{float:left;}
#menuGauche{float:left; background:url(gfx/rubFondMenuGauche1px.png) repeat-y; width:248px; text-align:left}
#menuGauche .centre251, #menuGauche .centre252, #menuGauche .centre253, #menuGauche .centre254, #menuGauche .centre{background:url(gfx/rubFondMenuGauche.png) no-repeat; float:left; min-height:290px; margin-left:9px; width:230px}
#menuGauche .centre251 ul, #menuGauche .centre252 ul, #menuGauche .centre253 ul, #menuGauche .centre254 ul, #menuGauche .centre ul{ color:#34527A; float:left; font-weight:bold; margin-left:22px; width:198px}
#menuGauche .centre251 ul li a, #menuGauche .centre252 ul li a, #menuGauche .centre253 ul li a, #menuGauche .centre254 ul li a, #menuGauche .centre ul li a{color:#34527A; float:left; font-weight:bold; padding:3px 6px 4px 6px; text-decoration:none; width:165px}
#menuGauche .centre251 ul li span.on, #menuGauche .centre252 ul li span.on, #menuGauche .centre253 ul li span.on, #menuGauche .centre254 ul li span.on,  #menuGauche .centre ul li span.on{color:#34527A; float:left; font-weight:bold; padding:3px 6px 4px 6px; text-decoration:none; width:165px}
#menuGauche .centre251 li, #menuGauche .centre252 li, #menuGauche .centre253 li, #menuGauche .centre254 li, #menuGauche .centre li{float:left; width:198px}
#menuGauche .centre251 h2, #menuGauche .centre252 h2, #menuGauche .centre253 h2, #menuGauche .centre254 h2, #menuGauche .centre h2{float:left; margin:0 0 10px 22px; width:200px}
#menuGauche .centre251 ul img.puce, #menuGauche .centre252 ul img.puce, #menuGauche .centre253 ul img.puce, #menuGauche .centre254 ul img.puce, #menuGauche .centre ul img.puce{float:left; height:5px; margin:8px 10px 0 0; width:6px}
#menuGauche .centre ul li span.on{background-color:#FF8C00}
#menuGauche .centre ul li a:hover{background-color:#FF8C00}
#menuGauche .centre251 ul li span.on{background-color:#FF8C00}
#menuGauche .centre251 ul li a:hover{background-color:#FF8C00}
#menuGauche .centre252 ul li span.on{background-color:#FAF100}
#menuGauche .centre252 ul li a:hover{background-color:#FAF100}
#menuGauche .centre253 ul li span.on{background-color:#00CBE4}
#menuGauche .centre253 ul li a:hover{background-color:#00CBE4}
#menuGauche .centre254 ul li span.on{background-color:#91E600}
#menuGauche .centre254 ul li a:hover{background-color:#91E600}
#RubBlocGauche .menuGaucheBas{float:left;}
#colonneDroite{float:left; height:auto;  margin-left:2px; width:728px}
#colonneDroiteAgenda{float:left; height:auto;  margin-left:2px; width:650px; overflow: hidden;}
#blocDroit{float:left; width:728px;text-align: left}
#blocDroitArticle{float:left; width:728px;text-align: left;}
#blocDroitAgenda{float:left; width:650px;text-align: left;}
#blocDroitArticle{background: url(gfx/artFondBoite1px.png) repeat-y}
#blocDroitAgenda{background: url(gfx/artFondAgenda1px.png) repeat-y}
#blocDroit .centre{background:url(gfx/rubBlocDroit.png) no-repeat; float:left; height:173px; width:728px;}
#blocDroitArticle .centre{background:url(gfx/artFondBoite.png) no-repeat; float:left; margin-left:9px; min-height:361px; width:695px; padding: 0 0 0 15px;}
#blocDroitAgenda .centre{background:url(gfx/agendaFondBoite.png) no-repeat; float:left; margin-left:9px; min-height:361px; width:615px; padding: 0 10px;}
#blocDroit .centre .description{float:left; width:561px}
#blocDroitArticle .centre .description{float:left; width:695px}
#blocDroitAgenda .centre .description{float:left; width:615px;}
#blocDroit .centre h2{float:left; height:35px; margin:24px 0 0 30px; width:531px}
#blocDroitArticle .centre h2{float:left; height:auto; margin:0 0 3px 0; width:680px}
#blocDroitArticle .centre h3{float:left; font-style:italic; font-size:12px; height:auto; margin:0; width:680px}
#blocDroitAgenda .centre h2{float:left; height:30px; margin:24px 0 0 0px; width:640px}
#blocDroitAgenda .centre h2 a{color:#565656;}
#blocDroitArticle .centre .description .texte .chapo{float:left; height:auto; margin:30px 0 0 0; width:680px}
#blocDroitArticle .centre .description .texte .text{float:left; height:auto; margin:20px 0 0 0; padding-right:15px; width:680px}
#blocDroitArticle .centre .description .texte .text a{color:#3290AA; text-decoration:underline}
#blocDroit .centre .texte, #blocDroitArticle .centre .texte{float:left; margin:0 0 0 30px; width:531px}
#blocDroitArticle .centre .description .texte{margin:0; width:695px}
#blocDroitArticle .centre .description .texte p {float:left; width:680px; overflow: hidden;}
#blocDroitAgenda .centre .description .texte{margin:0 0 0 21px; width:500px}
#blocDroitAgenda .centre .description .texte p {float:left; width:500px;overflow: hidden;}
#blocDroit .centre .texte{height:60px; overflow:hidden}
#blocDroit .centre .plusInfos, #blocDroitArticle .centre .plusInfos,  #blocDroitAgenda .centre .plusInfos{float:left; margin:10px 0 0 30px; width:531px}
#blocDroit .centre .image{float:left; height:137px; margin:18px 0 0 10px; overflow:hidden; width:138px}
#blocDroitArticle .centre .image{float:left; height:99px; margin:0 0 0 10px; overflow:hidden; width:100px}
#blocDroitAgenda .centre .image{float:left; height:99px; margin:0 0 0 10px; overflow:hidden; width:100px}
#blocDroit .centre .image img, #blocDroitArticle .centre .image img{float:right}
#boiteArtBordHaut, #boiteArtBordBas{float:left; height:19px; margin:0; width:728px}
#boiteArtBordHautAgenda, #boiteArtBordBasAgenda{float:left; height:17px; margin:0; width:650px}
 
.buzz .colonnes0 {
float: left;
text-align: justify;
margin:0 15px 10px 0;
width:330px;
}
.buzz .colonnes1 {
float: left;
text-align: justify;
margin:0 0 10px 0;
width:330px;
}

#blocDroitArticle .centre .description .texte .buzz .colonnes p{
clear:both;
width:auto
}

.colonne3a{
float: left;
height:auto;
margin:0 15px 10px 0;
text-align: justify;
width:215px
}
.colonne3b{
float: left;
height:auto;
margin:0 15px 10px 0;
text-align: justify;
width:215px
}
.colonne3c{
float: left;
height:auto;
margin-bottom:10px;
text-align: justify;
width:215px
}
.colonne2a{
float: left;
height:auto;
text-align: justify;
margin:0 15px 10px 0;
width:330px
}
.colonne2b{
float: left;
height:auto;
margin-bottom:10px;
text-align: justify;
width:330px
}
#blocDroitArticle .centre .description .texte .text p{
float:none;
height:auto;
text-align: justify;
width: auto
}

#blocDroitArticle .centre .description .texte .text h4{clear:both; font-size:12px; height:auto; margin:0 0 10px 0; padding-right:15px; text-transform:uppercase;}
#blocDroitArticle .centre .description .texte .text h5{clear:both; font-size:12px; font-weight:normal; height:auto; margin:0 0 10px 0; padding-right:15px; text-transform:uppercase;}