#page {
    background-color: #F9F9F9;
    width:1000px;
	margin:auto;
	border: 1px solid #000;
}
ul, ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
/*		STYLES CONTENU & COLONNES
---------------------------------------------------- */
#contenu { float: left; clear: none; background: #fff; width: 100%; padding: 0px 0; }
#colonneActus, #colonneInfos, #colonneGazette, #colonneMenu, #colonneFiche { float: left; clear: none; margin-left: 10px; }
#colonneInfos { margin-left: 18px; }


/*		BLOC SKYSCRAPER
---------------------------------------------------- */
.sky3 { 
clear: both; 
margin-bottom: 
10px; 
background: #333333; 
width: 488px; 
margin-left:auto; 
margin-right:auto; 
text-align: center; 
padding-top: 10px; 
padding-bottom: 10px;
}
.sky2 { 
  clear: both;
  background-color:#e9e9e9;
  border:1px solid #b0b0b0;
  margin-left:auto; 
  margin-right:auto;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  width: 468px;
}
.sky { float: left;  margin-bottom: 10px; background: #e9e9e9; padding-left:18px; text-align: center; padding-top: 0px; padding-bottom: 20px; border:1px solid #b0b0b0;}

/*		STYLES CONTENU : COLONNE FICHE
---------------------------------------------------- */
#filAriane { float: left; clear: both; margin: 8px 0 13px 0; width: 100%;}
#filAriane li, #filAriane li a { display: inline; color: #000 }
#filAriane li a { text-decoration: underline; }
#filAriane li span { color: #c81c1c }

/*		PAGE DIAPORAMA
---------------------------------------------------- */
#colonneContenu.pageDiapo {margin-left: 10px; }
#colonneContenu.pageDiapo #blocsDiaporama { float: left; clear: none;width: 984px; padding-bottom: 10px;  background: #ffffff;  }
#colonneContenu.pageDiapo #blocsDiaporama .diapoSky { float: left; clear: none; width: 954px; margin: 15px 0 0 15px; padding-bottom: 10px; padding-top:0px; background: #FFFFFF;}
#colonneContenu.pageDiapo #blocsDiaporama .diaporamaGrand { float: left; clear: none; width: 730px; margin: 0px; }
#colonneContenu.pageDiapo #blocsDiaporama .diaporamaGrand h2 {margin: 15px 0 0 12px;color: #3b72a8;font-size: 160%; }
#colonneContenu.pageDiapo #blocsDiaporama .diaporamaGrand .navigation { width: 745px; }
#colonneContenu.pageDiapo #blocsDiaporama .diaporamaGrand .navigation ul li { float: left; clear: none; width: 248px; display: inline; text-align: center; color: #CCCCCC; margin: 6px 0;}
#colonneContenu.pageDiapo #blocsDiaporama .diaporamaGrand .navigation ul li.prec { text-align: left;}
#colonneContenu.pageDiapo #blocsDiaporama .diaporamaGrand .navigation ul li.next { text-align: right;}
/* #colonneContenu.pageDiapo #blocsDiaporama .diaporamaGrand .navigation ul li.prec a { color: #3b72a8; background: url(images/picto_diapoNext.png) left center no-repeat; padding-left: 15px;}*/
#colonneContenu.pageDiapo #blocsDiaporama .diaporamaGrand .navigation ul li.prec a { color: #3b72a8; padding-left: 15px;}
/* #colonneContenu.pageDiapo #blocsDiaporama .diaporamaGrand .navigation ul li.next a { color: #3b72a8; background: url(images/picto_diapoPrec.png) right center no-repeat; padding-right: 15px;}*/
#colonneContenu.pageDiapo #blocsDiaporama .diaporamaGrand .navigation ul li.next a { color: #3b72a8; padding-right: 15px;}
#colonneContenu.pageDiapo #blocsDiaporama .diaporamaGrand .poll {float: left; clear: both;padding-left: 10px;color: #fff;background: url(images/picto_fleche_autresTitres.png) left 4px no-repeat;line-height: 16px;vertical-align: middle}
#colonneContenu.pageDiapo #blocsDiaporama .diaporamaGrand .poll a {color: #fff;float:left;}
#colonneContenu.pageDiapo #blocsDiaporama .diaporamaGrand .poll img {margin: 0 0 -4px 35px;}
#colonneContenu.pageDiapo #blocsDiaporama .diaporamaGrand .credits {float: center; clear: both;padding-top: 3px;color: #FF0000;}
#colonneContenu.pageDiapo #blocsDiaporama .diapoSky .sky {float: right; clear: none;margin: 26px 20px 0 0; padding:10px; 160px;margin-left: 15px;}
#blocsDiaporama .diaposMoyens { float: left; clear: none; margin: 10px 0 0 15px; width: 470px; }
#blocsDiaporama .diapoMoyen { float: left; clear: none; width: 225px; margin-right: 10px;}
#blocsDiaporama .diapoMoyen h2 { width: 214px; height: 22px; margin: 3px 0 15px 2px; background: #d82828; }
#blocsDiaporama .diapoMoyen h2 span { padding: 2px 0 0 3px; color: #3b72a8; display: block; font-size: 115%; }
#blocsDiaporama .diapoMoyen .diapo { float: left; margin-left: 20px; margin-bottom: 10px; width: 140px; }
#blocsDiaporama .diapoMoyen p { float: left; clear: none; margin-top: 5px;}
#blocsDiaporama .diapoMoyen .btn { float: left; clear: none; margin-top: 8px;text-decoration:none;color:#000 } 
#blocsDiaporama .diapoMoyen .btn img {margin-left:5px;margin-top:4px;float:left; }
#blocsDiaporama .diapoMoyen .btn span {margin-left:6px;margin-top:5px;float:left } 
#blocsDiaporama .liens { float: right; clear: none; width: 480px; margin: 10px 15px 0 0 }
#blocsDiaporama .liens .liensUtiles h2{ width: 464px; background: #484981 ; }
#blocsDiaporama .liens .liensUtiles h2 span { font-weight: bold } 
/*.depeche .liens .liensUtiles h2 span { font-weight: bold }*/
#blocsDiaporama .liens .liensUtiles p { margin-left: 3px; padding: 10px 0; width: 336px; background: url(images/bg_pointille.png) left bottom repeat-x; }
#blocsDiaporama .liens .liensUtiles p.last { background: none}
#blocsDiaporama .liens .liensUtiles p a { text-decoration: underline }
#blocsDiaporama .liens .liensUtiles.diaporamas h2 { background: #d82828; width: 464px; }
#blocsDiaporama .liens .liensUtiles.diaporamas .gauche, #blocsDiaporama .liens .liensUtiles.diaporamas .droite { float: left; clear: none; width: 228px; margin-top: 5px; }
#blocsDiaporama .liens .liensUtiles.diaporamas .gauche { border-right: 1px solid #000; }
#blocsDiaporama .liens .liensUtiles.diaporamas p { float: left; clear: none; width: 218px; background: url(images/bg_pointille.png) left bottom repeat-x; }
#blocsDiaporama .liens .liensUtiles.diaporamas p.last { background:none; }
#blocsDiaporama .liens .liensUtiles.diaporamas .droite p { margin-left: 10px; }
#blocsDiaporama .liens .liensUtiles.diaporamas p span { float: left; clear: both; width: 217px; }
#blocsDiaporama .liens .liensUtiles.diaporamas p a { font-weight: bold; text-decoration: none }
#blocsDiaporama .liens .liensUtiles.diaporamas .all {  float: right; margin: 5px 0 0 2px; width: 480px;padding: 10px 0; background: url(images/bg_pointille.png) left top repeat-x; text-align: right; }
#blocsDiaporama .liens .liensUtiles.diaporamas .all a {padding: 10px 2px 10px 0;text-align: right; text-decoration: underline; }
#blocsDiaporama .liensUtiles ul {width:434px;}
#blocsDiaporama .pave_pub {float: right; clear: none; width: 480px; margin: 10px 15px 0 0; text-align:center}

/*		STYLES GENERAUX
---------------------------------------------------- */

html { font-size:100%; }
body { font-family: Arial, Helvetica, sans-serif; margin:0px; padding:0; color:#666; font-size:68.75%; background: #FFFFFF; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
img, fieldset, input { border:none; }
ul, li, p, h1, h2, h3, h4, h5, h6, form, legend, fieldset, a, blockquote, q, cite { margin:0; padding:0; }
table, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-size:100%; }
ul, ol { list-style:none; }
h1 { margin-left:2px; margin-bottom:18px; font-size:236%; font-weight:bold; color:#3b72a8; }
h2 {  font-weight:bold; }
h3 { margin-bottom:12px; font-size:136%; font-weight:bold; }


#page {
margin: 0 auto;
width: 1004px;
background: #fff;
}


/*		FOOTER
---------------------------------------------------- */
#footer {
background: #fff;
width: 1004px;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif
}
#footer2 {
background: #fff;
width: 1004px;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif
}
#footer .blocFooter {
margin-left: 10px;
float: left;
width: 984px;
background: #f1f1f1 url(images/bg_blocFooter.png) left top repeat-x;
}
#footer h2 {
float: left; clear: both;
margin: 4px auto auto 13px;
padding-left: 15px;
width: 90%;
color: #000;
background: url(images/bg_h2_footer.png) left 4px no-repeat;
font-size: 118%;
}
#footer .listeLiens {
float: left;
margin: 10px 0 15px 13px;
width: 15%;
}
#footer .listeLiens h3 {
font-size: 100%;
}
#footer .listeLiens ul li a {
color: #666
}
#footer .blocFooter.sites .listeLiens {
float: left;
clear: none;
margin-top: 4px;
width: 30%;
}
#footer .blocFooter.sites .listeLiens.more_columns {
float: left;
clear: none;
margin-top: 4px;
width: 23.5%;
}
#footer .blocFooter.sites .listeLiens h2 { float: left; clear: none; margin: 0 auto 15px 0; }
#footer .blocFooter.sites .listeLiens ul { float: left; clear: none; margin: 0 auto auto 0; }
.top {  
    PADDING-TOP: 5px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 3px;
    PADDING-BOTTOM: 3px;
    FONT-SIZE: 10pt;
    HEIGHT:90px;
    BACKGROUND-COLOR: #87CEFA;
}
.newsletter {
	PADDING-TOP: 3px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 0px;
	PADDING-BOTTOM: 0px;
	margin-left: 820px; 
	FONT-SIZE: 10pt;
	POSITION: absolute;
	TOP: 10px;
	text-align: right;
	width: 172px;
}
.GrasBlan {
	color: White;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.textfield {
    background-color: #F6F6F6;
    color: #000000;
    border: solid 1px #999999;
    font-size :8pt;
    font-weight: bold;
}
.GrasRouge {
    color: Red;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.google_s {
    margin-left:auto;
	margin-right:auto;
	text-align:center;
	float: left;
}
.picssssss {
	BORDER-TOP: 5px solid #e9e9e9;
	BORDER-LEFT: 5px solid #e9e9e9;
	BORDER-RIGHT: 5px solid #e9e9e9;
	BORDER-BOTTOM: 5px solid #e9e9e9;
	margin: 5px;
}
.pics {
  background-color:#e9e9e9;
  border:1px solid #b0b0b0;
  margin:0 0 15px 15px;
  padding:10px;
}
.pics2 {
	background-color:#e9e9e9;
    border:1px solid #b0b0b0;
    margin:0 0 4px 4px;
    padding:4px;
}
div.pagination {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 3px;
	margin-left:auto;
	margin-right:auto;
}
div.pagination a {
    background-color: #fff;
    border: 1px solid #2793BD;
    color: #3b72a8;
    margin: 1px;
    padding: 2px 5px;
    text-decoration: none;
}
div.pagination a:hover,active {
    background-color: #2793BD;
    border: 1px solid #2793BD;
    color: #fff;
    margin: 1px;
    padding: 2px 5px;
}
div.pagination span.courante {
    background-color: #C60000;
    border: 1px solid #fff;
    color: #fff;
    font-weight: bold;
    margin: 1px;
    padding: 3px 5px
}
div.pagination span.desactive {
    background-color: #fff;
    border: 1px solid #eee;
    color: #ddd;
    margin: 1px;
    padding: 2px 5px
}
.bas{
font-size:11px;
color:#000;
padding:5px;
text-align:center;
}
.bas a{
padding-left:10px;
}