/* CSS Document */

html{
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
}

table {
	margin: 0;
	padding: 0;
	border: 0;
}

table.size {
	 width: 100%;
  	 height: 99%;
}

#global {
background-color:#FFFFFF;
width:955px;
height:598px;

border:1px solid #1B242A;
}


#logo {
margin:0px;
padding:0px;
float:left;
border-right:2px solid #1B242A;
}

#entete {
margin:0px;
padding:0px;
}


/*menu*/


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
display:inline;
}

#nav {
	padding:0px;
	margin:0px;
	
	clear:left;
	
	height:21px;
	width:951px;
	border:solid 2px #333333;
	position:relative;
	
	

}




#nav dl {
float: left;
padding-top:3px;
margin:0px;
background-color:#006ab8;
border-right:solid 2px #333333;
}


#nav dt {


	padding:0px;
	margin:0px;

	text-align: center;

    height:18px;
	display:block;
	width:188px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;


	
}

#nav dt a {
	margin:0px;
	padding:0px;
	
	text-align: center;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	
	text-decoration:none;
}

#nav dt a:hover {
	
}

#nav dd {
display: none;
}



#nav ul {
	margin:0px;
	padding:0px;
	
	
	
}


#nav li {
	margin:0px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:0px;
	padding-top:0px;
	
    
	
	
	text-transform:uppercase;
	color: #FFFFFF;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;
	
	
}


#nav li a {
	margin:0px;
	padding:0px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;
	
	
}


#nav li a:hover {
	color: #000000;
}


#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	width:955px;
	height:17px;
	left:-2px;
	top:23px;
	margin:0px;
	padding:0px;
}


dd#smenu1 {
margin:0px;
padding:0px;
}

dd#smenu1 ul{
margin:0px;
padding:0px;
}


dd#smenu2 {
margin:0px;
padding:0px;
}
dd#smenu3 {
margin:0px;
padding:0px;
}
dd#smenu4 {
margin:0px;
padding:0px;
}
dd#smenu5 {
margin:0px;
padding:0px;
}




#bande {
	padding:0px;
	margin:0px;
	height:17px;
	width:955px;
	border-bottom:solid 1px #999999;

}


#bloc-texte_contenu {
margin:0px;
padding-right:6px;
width:551px;
height:355px;
text-align:justify;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
overflow:auto;
}

/*contenu*/

#contenu {
margin-top:17px;
padding:9px;
width:937px;
height:434px;
}

/* Menu*/

#blocmenu {
text-align:left;

margin-right:10px;
padding:6px;
width:176px;
height:420px;
float:left;

}

#blocmenutexte {
margin:0px;
padding:8px;
width:160px;
height:404px;

color: #000000;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;

text-align:left;
}

#blocmenutexte h1{
padding-bottom:10px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#blocmenutexte h2{
padding-bottom:5px;
padding-top:5px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#333333;
}

#blocmenutexte ul{
padding-top:15px;
margin-top:5px;
margin-bottom:5px;

padding:0px;
}

#blocmenutexte ul li{
margin:0px;
display: list-item;

}

#blocmenutexte ul li a{
text-align:left;
margin:0px;
padding-left:5px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
background:url(../medias/image/picto_carre.gif) no-repeat 0px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-transform:none;
color:#666666;
text-decoration:none;
}


#blocmenutexte ul li a:hover{
text-decoration:underline;
color:#000000;
}

#blocmenutexte ul li a.on{
text-decoration:underline;
color:#000000;
}
 

.vieasso{
color:#ff7625;
}

#txtsousRub {
border-top:1px solid #666666;
text-align:justify;
width:100%;
margin-top:20px;
padding-top:10px;

font-style:italic;
color: #666666;
}

#txtsousRub h1 {
text-align:left;

margin:0px;
padding:0px;

font-size:11px;
font-weight:bold;
}

#txtsousRub a {
text-decoration:underline;
color:#000;
}


#txtsousRub a:hover {
text-decoration:none;
color:#CCCCCC;
}



/* Nav dans le contenu 2 */

#navcontenu2 {
padding-bottom:5px;
margin-bottom:5px;
width:95%;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
color:#666666;
}

#navcontenu2 ul{
margin-top:5px;
margin-bottom:5px;

padding:0px;
}

#navcontenu2 ul li{
margin:0px;
padding-right:5px;
display:inline;
}

#navcontenu2 ul li a{
margin:0px;
padding:0px;

text-transform:none;

font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #666666;
text-decoration:none;
}

#navcontenu2 ul li a:hover{
color:#000000;
}


#bloc-edito_photo {
padding:0px;
margin-right:7px;
margin-bottom:7px;
float:left;
border:1px solid #8e9399;
}



#bloc-edito {
margin:0px;
padding:6px;
width:266px;
height:420px;
float:left;
background-color: #0099FF;
border:1px solid #b6dce9;
}



#bloc-edito_texte {
margin:0px;
padding:8px;
width:250px;
height:404px;
background-color:#f6fafc;
color: #000000;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;

text-align: justify;
}


#bloc-edito_texte h1{
color: #1da1d2;
margin:0px;
padding-bottom:5px;

font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:20px;


}

#bloc-edito_texte h2{
margin:0px;
padding-bottom:8px;
color:#1da1d2;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;

}



#bloc-edito_texte .spip{
margin:1px;
padding:1px;
}

#bloc-info {
margin-left:9px;

padding:6px;

width:485px;
height:420px;
float:left;
background-color:#f6fafc;
border:1px solid #b6dce9;
}

#bloc-info_texte {
margin-left:0px;

padding:8px;

width:469px;
height:404px;
background-color:#dfe9f2;

color: #000000;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;

text-align: justify;
}

#bloc-info_contenu {
margin:0px;
padding-right:6px;
padding-top:6px;
width:465px;
height:360px;
text-align:justify;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
overflow:auto;
}

#bloc-info h1 {

margin:0px;
padding-top:375px;
padding-left:8px;
color: #006CB7;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-transform:uppercase;

}


#bloc-info h2 {

margin:0px;
padding-bottom:5px;
padding-top:3px;
padding-left:8px;
color: #006CB7;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
text-align:center;
}



#bloc-info_photo {
padding:0px;
margin-right:7px;
margin-bottom:7px;
float:left;
border:1px solid #8e9399;
}



.italique {
font-style:italic;
color: #006CB7;
}

.titre-calendrier {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
background-color:#FF7624;
text-transform:uppercase;
text-align:center;
padding-bottom:2px;
padding-top:2px;


}




#bloc-droite {
margin-left:9px;
padding:0px;
width:140px;
height:432px;
float:left;

}


#bloc-contenu {
margin:0px;
padding:6px;
width:572px;
height:420px;
float:left;
}

#bloc-contenu-texte {
margin:0px;
padding:8px;
width:556px;
height:404px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;

}

#bloc-contenu-texte h1 {
margin:0px;
padding-bottom:5px;

font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:17px;

}


#bloc-contenu-texte h2 {
margin:0px;
padding-top:5px;
padding-bottom:5px;

font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
}


#bloc-contenu-texte h3 {
margin:0px;
padding-top:5px;
padding-bottom:5px;

font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
border-bottom:1px dashed #000;
}



/* classes mairie*/

.bleu {
background-color:#dfe9f2;
border:1px solid #006CB7;
}

.bleu2 {
background-color:#fafcfe;
}

.titrebleu {
color:#006CB7;
}






/*classes lieux et equipements*/

.rouge {
background-color:#fdc2c8;
border:1px solid #f8001b;
}

.rouge2 {
background-color:#fffafb;
}

.titrerouge {
color:#f8001b;
}






/*classes vie associatives*/

.orange {
background-color:#ffc6a4;
border:1px solid #ff7625;
}

.orange2 {
background-color:#fffcfb;
}

.titreorange {
color:#ff7625;
}




/*classes vie de vos quariers*/

.violet {
background-color:#d3d2ec;
border:1px solid #8178cb;
}

.violet2 {
background-color:#fcfcfe;
}

.titreviolet {
color:#8178cb;
}




/*classes vie infos pratiques*/

.rose {
background-color:#ffdef8;
border:1px solid #ff7fe4;
}

.rose2 {
background-color:#fffcfe;
}

.titrerose {
color:#ff7fe4;
}





/* EMPLACEMENT CALENDRIER */
#drte1_c {
	margin:0px;
    padding:0px;
    width:140px;
   
    background-color:#006cb7;
	text-align:center;
	height:127px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:10px;
	color: #000;
	line-height:9px;
}
	
#drte1_c td {
	background-color:#e0e9f2;
	border:1px solid #006cb7;
	color:#006cb7;
}	

#drte1_c tr {
	background-color:#000;
}	

#drte1_c table {
	text-align:center;
	margin-left:4px;
}
	
#drte1_c .jour {
	background-color: #e0e9f2;
	color: #006cb7;
}	

#drte1_c .mois {
	background-color: #006cb7;
	color: #FFFFFF;
}
	


#drte1_c .aujourdhui {
	background-color:#000;
	color:#006cb7;
	line-height:9px;
	}	

#drte1_c .today {
	background-color: #FFFFFF;
	border:1px solid #FFF;
	font-weight:bold;
	color:#006cb7;
	text-align:center;
	padding-bottom:1px;
}

#drte1_c .today a{
	line-height:9px;
	color:#006cb7;
}

#drte1_c .today a:hover{	
	color:#FFFFFF;
}	

#drte1_c .event{
	padding-top:0px;
	margin-top:1px;
	background-color: #fe7122 ;
	color: #006cb7;
	font-size:10px;	
}

#drte1_c .event a{
	color:#006cb7;
	line-height:9px;
	text-decoration:none;
}

#drte1_c .event a:hover{
	color:#000;
}









#bloc-journal {
margin-top:9px;
padding:6px;
width:126px;

background-color:#dfe9f2;
border:1px solid #b6dce9;
}


#bloc-journal ul {
margin:0px;
padding:0px;

}

#bloc-journal ul li {
margin:0px;
padding-left:23px;
padding-bottom:6px;
padding-top:7px;
background:url(../medias/image/pictopdf.jpg) no-repeat 0px 3px;
list-style-type:none;
display:block;
}

#bloc-journal ul li a{
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
color:#000000;
text-decoration:none;

}


#bloc-journal li a:hover{
margin:0px;
padding:0px;
color:#F8001C;
}



#bloc-journal_texte {
margin:0px;
padding:6px;
width:114px;

background-color:#f6fafc;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}


#bloc-journal_texte h1{
margin:0px;

padding-bottom:5px;
color: #006CB7;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
}

#bloc-image {
margin-top:9px;
padding:6px;
width:126px;

background-color:#dfe9f2;
border:1px solid #b6dce9;
}



#manif {
margin:0px;
padding:6px;
width:126px;
height:63px;
background-color:#dfe9f2;
border:1px solid #b6dce9;
color: #fff;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
}

#manifcontenu {
margin:0px;
padding-top:15px;
background-color:#f6fafc;
width:126px;
height:48px;
}

#manif a {
color: #006CB7;
text-decoration:none;

}

#manif a:hover {
color: #000;
}


/*pied*/

#pied {
margin:0px;
padding:0px;

width:955px;
height:10px;
background-color:#666666;
}

/* DIAPORAMA QUARTIER */

#diaporama {
	padding:0px;
	margin-top:20px;
	margin-left:0px;
	margin-right:-10px;
	width:536px;

	float:left;

}
#diaporama ul {
	margin:0px;
	padding:0px;
}

#diaporama ul li {
	list-style:none;
	list-style-image:none;
	display: block;
	height:auto;
	width:auto;

	float:left;
	
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;

	margin-right:16px;
	margin-bottom:8px;
	padding:0px;
}

#diaporama ul li a {
	text-decoration:none;
	padding:0px;
	margin:0px;
	border:4px solid #CCCCCC;
	height:auto;
	width:auto;
	display: block;
	float:left;
}

#diaporama ul li a:hover {
	text-decoration:none;
	background:none;
	border:4px solid #8178cb;
}

#diaporama img{
	margin:0px;
	padding:0px;
	border:0px;
}


/* DIAPORAMA MANIF */

#diaporama_manif {
	padding:0px;
	margin-top:20px;
	margin-left:0px;
	margin-right:-10px;
	width:536px;

	float:left;

}
#diaporama_manif ul {
	margin:0px;
	padding:0px;
}

#diaporama_manif ul li {
	list-style:none;
	list-style-image:none;
	display: block;
	height:auto;
	width:auto;

	float:left;
	
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;

	margin-right:16px;
	margin-bottom:8px;
	padding:0px;
}

#diaporama_manif ul li a {
	text-decoration:none;
	padding:0px;
	margin:0px;
	border:4px solid #CCCCCC;
	height:auto;
	width:auto;
	display: block;
	float:left;
}

#diaporama_manif ul li a:hover {
	text-decoration:none;
	background:none;
	border:4px solid #006CB7;
}

#diaporama_manif img{
	margin:0px;
	padding:0px;
	border:0px;
}

.spip_documents {
	font-size:0.9em;
	text-align:center;
}

.spip_doc_titre {
	font-size:0.8em;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
}