* {margin:0;padding:0}

/* -----------------------------------------------------------------------------
  Structure
-------------------------------------------------------------------------------- */

/* JUSTICE LEAGUE 2 */


.video, .diapo {
position: absolute;
background: #FFF;
padding: 4px 8px;
border-radius: 4px;
border: 1px solid #03a8ae;
color: #03a8ae;
right: 0;
margin-right: 27px;
margin-top: -10px;
font-size: 13px;
letter-spacing:1px;
}

.bloc_surtitre {
text-align: center;
position: absolute;
bottom: 0;
left: 0;
float: left;
margin-top: 10px;
}

.bloc_image_actu {
float: left;
position: relative;
}

.diapo-icon {
background-repeat: no-repeat;
position: absolute;
background: #FFF;
margin-top: -19px;
padding: 3px 4px;
border-radius: 4px;
border: 1px solid #03a8ae;
color: #03a8ae;
font-size: 11px;
letter-spacing: 1px;
margin-left: 39px;
}

.diapo-icon:hover, .video:hover, .diapo:hover {

background: #03a8ae;
color: #FFF;
}

.bloc_image_actu a {
margin-bottom: 4px;
float: left;
}

/* .video-icon {
position: absolute;
background-image:url('http://intranet.mairie-aubervilliers.fr/auber4.0/plugins/graphisme_auber2.0/_images/video.png');
background-repeat:no-repeat;
}
.diapo-icon {
position: absolute;
background-image:url('http://intranet.mairie-aubervilliers.fr/auber4.0/plugins/graphisme_auber2.0/_images/diapo.png');
background-repeat:no-repeat;
} */
 
 
.video2, .diapo2 {
position: absolute;
background: #3f6eb4;
padding: 4px 8px;
border-radius: 4px;
color: white;
right: 0;
margin-right: 27px;
margin-top: -10px;
font-size: 13px;
letter-spacing:1px;
}

.video3, .diapo3 {
position: absolute;
background: #03a8ae;
padding: 4px 8px;
border-radius: 4px;
color: #FFF;
right: 0;
margin-right: 27px;
margin-top: -10px;
font-size: 13px;
letter-spacing:1px;
}

/* Démarches */

.demarches {
float: left;
    width: 29%;
    height: 130px;
    margin-left: -29px;
}

.titre_demarches {
    width: 110px;
    margin-left: 31px;
}

.titre_demarches a {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
display: block;
font-weight: normal;
font-size: 0.8em;
padding-left: 5px;
text-align:center;
}

.logo_demarche {
height: 75px;
text-align: center;
}

.demarches_colonne {
height: 130px;
}

/*-- reservation pour Eluminures typographiques --*/

.texteencadre-spip {
	background: #F5F5F5;
	border: 1px solid #C0C0C0;
	margin: 2em 0;	
	padding: 1em;	
	position: relative;
	-moz-border-radius:  10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 4px 5px 0 #555555;
	
}

/*-- Rubrique avec les articles avant les sous rubriques --*/ 
.espace{margin:5px 0;} 

/*========== Sommaire ==============*/
#sommaire .nav-sommaire {border: 1px solid #909090;margin: 2em 0 1em 0;}

#sommaire .nav-sommaire h2 {color: #808080;padding: 0 0 0.5em 1.5em;margin-top:0.5em;font-size: 1.1em;}

#sommaire .nav-sommaire ul {
	margin: 0px;
	list-style-type: none;
	line-height: 1px;
	padding: 0 1em 0 1.5em;
}

#sommaire .nav-sommaire ul li {margin: 0px;padding: 0 0 1em 0;}

#sommaire .nav-sommaire ul li ul li {margin: 0px;padding: 0px;}

#sommaire .nav-sommaire a { 
	text-decoration: underline;
	display: block;
	line-height: 1.5em;	
	background: #FFFFFF url(../_images/puce_menu.gif) no-repeat 0px 6px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-weight: normal;
}

#sommaire .nav-sommaire a:hover {text-decoration: none;}

#contenu a.sommaire-back {
	display:block;
	float: right;	
	background: url("../_images/puce_retour_sommaire.gif") no-repeat scroll right 6px transparent;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif,Verdana,Geneva;
	font-weight: normal;    
	color: #FFFFFF;
	padding: 0 15px 0 0px;
	text-decoration: none;
}

#contenu a.sommaire-back:hover {
    text-decoration: none;
}

/* masquer les sommaires avec un seul lien */
.nav-sommaire-1 {display: none}
.sommaire-back-1 {display: none}


/*========== Intertitres ==============*/

#contenu #texteformesommaire h3.spip, #contenu #texteformesommaire h4.spip, #contenu #texteformesommaire h5.spip {
    border-left: 1px solid #CCCCDD;
    margin: 1em 0 1em 15px;
    padding: 0 0 0 10px;
    text-align: left;
    line-height: 1.4em;
	clear:both;    
}
#contenu #texteformesommaire h3.spip {
    margin: 2em 0 1em 15px;
    border-left-width: 10px;
    margin-left: 0px;
}
#contenu #texteformesommaire h4.spip {
    border-left-width: 6px;
    margin-left: 6px;
	font-size: 1.2em;
}
#contenu #texteformesommaire h5.spip {
    border-left-width: 2px;
    margin-left: 12px;
	font-size: 1em;
}


/*-- Pagination de la recherche --*/
#contenu .pagination {
	font-size: 0.9em;
	line-height: 0.9em;
	padding:0px;
}


/*SYNDICATION*/

#syndication_de_site > h2{
margin: -3px 10px 6px -2px !important
}

#syndication_de_site {
border: 1px solid #3f6eb4;
border-radius: 4px;
width: 165px;
padding: 2px;
margin-top: 15px;
}

.syndic h1 {
font-size: 12px;
margin-bottom: 5px;
}

.syndic {
margin-bottom: 10px;
padding-left: 5px;
padding-right: 3px;
padding-top: 5px;
border-top: 1px dotted grey;
margin-top: -7px;
margin-left: -2px;
width: 98%;
}

.syndic > .texte {
font-size: 11px;
}

a.lien_syndic {
color: #03a8ae !important;
font-weight: bold !important;
}

/*RUBRIQUES VIDEO*/

.rubtxt{
margin-bottom: -1.5em !important ;
}

.rubtitle {
margin-top: 15px;
}

.img_qt{
background-image:url('http://intranet.mairie-aubervilliers.fr/auber4.0/plugins/graphisme_auber2.0/_images/quicktime.png');
background-repeat:no-repeat;
background-size:100%;
width:49px;
height:49px;
float:left;
margin-right:7px;
margin-top: -2px;
}

.qt a {
color: #03a8ae !important;
font-weight: bold !important;
font-size: 13px !important;
}

.qt {
color: #3f6eb4;
font-weight: bold;
font-size: 13px;
margin-top: 10px;
}

.colonne1_visitesvirtuelles,
.colonne2_visitesvirtuelles  {
width: 280px;
float: left;
padding: 8px;
}

.actu_visites {
height: 145px;
}

.logo_visites {
float: left;
width: 140px;
height: 105px;
}

.titreactu_visites {
float: left;
width: 47%;
}

.titreactu_visites a {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #03a8ae;
display: block;
font-weight: bold;
font-size: 0.9em;
padding-left: 5px;
}

.documentjoints img {
float: left;
/* width:140px;
height:auto; */

}

.documentjoints2 img {
float: left;

}

.documentjoints1 img {
float: left;
    float: left;
    width: 140px;
    height: auto;
}


.boxtitredroite2{
margin-top: 3px;
float:left;
width:100%;
}


.titredocarticles {
color: #03a8ae;
font-size: 13px;
font-weight: bold;
padding-left: 40px;
width: 72%;

}


.description_document_article {
font-size: 11px;
padding-left: 40px; 
}

.documentjoints {
margin-top: 15px;
min-height: 50px;
margin-bottom: 20px;

}

.documentjoints2 {
margin-top: -8px;
min-height: 50px;
margin-bottom: 20px;
/* padding-top: 10px; */
float:left;

}

.documentjoints1 {
margin-top: -15px;
min-height: 50px;
}

.calameo {
margin-left: -43px;
}

/* .document img {
width: 140px;
height: auto;
margin-top:10px;
}
 */
.titlecalameo {
margin-left: -36px;
margin-top:-4px
}

.docdesc {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 18px;
}

.description_document {
font-size: 11px;
text-align: center;
margin-left: -44px;
}

.titredoc {
font-size: 18px;
text-align: center;
margin-left: -44px;
color: #03a8ae;
}

.aubermensuelbloc {
width: 154px;
height: 188px;
float: left;
padding-bottom:10px;
border-style: solid;
    border-color: #3f6eb4;
    border-width: 1px;
    border-radius: 4px;
	margin-bottom: 10px;
}

.num_aubermensuel {
color: #000 !important;
}
.titre_aubermensuel{
color:#3f6eb4;
}

.logo_aubermensuel img{
width: 130px;
height: auto;
border: 1px solid #989898;
border-radius: 2px;
float: left;
}

.item_aubermensuel {
float: left;
width: 100%;
margin-bottom: 15px;
}

.logo_aubermensuel {
padding-right: 11px;
width: 130px;
height: 170px;
float: left;
}

#menu2 img.logo100 {
border: 0;
width: 106% !important;
margin-right: -4px !important;
margin-top: -1px !important;
height: auto !important;
}

#menu_aubermensuel img.logo100 {
border: 0;
width: 106% !important;
margin-right: -4px !important;
margin-top: -1px !important;
height: auto !important;
}

#menu_aubermensuel .aubermensuelbloc img { 
	float: right;
	margin: 1px 5px 3px 2px;
	padding: 0;
	border: 0px;
	border-radius: 4px;
	width: 150px;
	height: auto;
	position: absolute;
}

#menu_aubermensuel {
	position: absolute;  /* indispensable pour IE 5.5 */
	width: 150px;
	background: #FFFFFF;
	padding: 10px 0px 0px 0px;
	margin-left: 10px;
}

.demarchesonline {
    margin-bottom: 5px;
    margin-top: 10px;
	}
	
.demarchesonline img{
    width:180px;
	height:auto;
    	}	
		
.demarchesonline2 {
    margin-bottom: 18px;
    margin-top: -14px;
	}
	
.demarchesonline2 img{
    width:180px;
	height:auto;
    	}		

.newsletter {
margin-bottom: 5px;
margin-top:10px;
}

.barsociaux {
padding-top: 10px;
padding-bottom: 5px;
/* padding-left: 10px; */
height: 20px;
margin-left: 32px;
}

.barsociaux div{
float:left;
}

.googleplus {
margin-top: -2px;
margin-left: -6px;
}

.fb-share-button.fb_iframe_widget {
margin-right: 119px;
}

div.btntwitter {
margin-right: 108px;
margin-left: -18px;
}

#contact {
border: solid 1px #3f6eb4;
float: left;
margin-top: -536px;
margin-left: -60px;
position: fixed;
border-radius: 4px;
padding-top: 2px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
}

.tel {
margin-top: 5px;
width:36px;
height:36px;

}

.right{
text-align:right !important;
}

.boxtitredroite {
margin-top: 10px;;
width: 174px;
}

#cadre {
line-height: 1.5em;
background-color: #F7F7F7;
text-align: justify;
margin: 10px 0 15px 0;
width: 560px;
padding-left: 20px;
padding-right: 20px;
padding-top: 15px;
padding-bottom: 15px;
border: 1px dotted grey;
border-radius: 4px;
float: left;
font-size: 13px;
}

.blocoutil-sc{
padding: 0.0em 0px 6px;
	font-size: 0.56em;
	height: 17px;
	float:right;
}

#iconeimprimer{
background: url(../NAVPICS/print.png) no-repeat 0px 0px;
background-size: 100%;
width:24px;
height:24px;
float:left;
}

.print-sc{
margin-top: -1px;
margin-left: -1px;
}

.courriel-sc{
margin-right: 20px;
margin-left: 6px;
margin-top: 2px;
}

#envcourriel{
 /*background: url(../NAVPICS/mail.png) no-repeat 0px -3px;
 background-size: 100%; */
width: 24px;
height: 24px;
float: left;
}

#envcourriel img {
height:24px;
width:24px;
margin-top: -3px;
}

#logoarticle{
float:left;
margin-right:7px;


}

#logoarticle img {
margin: 0 !important;
border: 1px solid #989898;
}


.logolisterubriques{
float: left;
margin-right: 14px;
}

.logolisterubriques img {
    float: left;
    margin: 0 !important;
    border: 1px solid #989898;
    /* border-radius: 4px; */
    position: relative;
}

.secteurlisterubriques {
width: 600px;
position: relative;
float: left;
}

div#chapeau {
font-size: 0.75em;
font-weight: bold;
color: #484848;
}

#plusgrand{
width:24px;
height:24px;
background-image:url(http://intranet.mairie-aubervilliers.fr/auber4.0/plugins/graphisme_auber2.0/NAVPICS/aplus.png);
background-repeat:no-repeat;
background-size:100%;
float:left;
cursor: pointer;
margin-left: 10px;
margin-top: 2px;
}

#pluspetit{
width:24px;
height:24px;
background-image:url(http://intranet.mairie-aubervilliers.fr/auber4.0/plugins/graphisme_auber2.0/NAVPICS/amoins.png);
background-repeat:no-repeat;
background-size:100%;
float:left;
cursor: pointer;
margin-left: 10px;
margin-top: 2px;
}

#networktop {
height: 41px;
width: 100px;
margin: auto;
}

#networkbottom {
margin-top: 10px;
height: 38px;
width: 100px;
margin: auto;
}

.imgnetwork1, .imgnetwork2, .imgnetwork3, .imgnetwork4{
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-size: 101%;
} 

.imgnetwork1{
background-image:url('http://intranet.mairie-aubervilliers.fr/auber4.0/plugins/graphisme_auber2.0/_images/img_reseau_soc/facebook.png');
}

.imgnetwork2{
background-image:url('http://intranet.mairie-aubervilliers.fr/auber4.0/plugins/graphisme_auber2.0/_images/img_reseau_soc/twitter.png');
}

.imgnetwork3{
background-image:url('http://intranet.mairie-aubervilliers.fr/auber4.0/plugins/graphisme_auber2.0/_images/img_reseau_soc/google.png');
}

.imgnetwork4{
background-image:url('http://intranet.mairie-aubervilliers.fr/auber4.0/plugins/graphisme_auber2.0/_images/img_reseau_soc/viadeo.png');
}

#shareitem1{
line-height: 0em;
display: block;
padding: 0px;
color: #484848;
text-decoration: none;
font-size: 0.71em;
font-weight: bold;
margin-top: 5px;
float:left;
margin-right: 13px;
}

#sharenetwork {
padding: 2px 0 6px 6px;
	list-style-type: none;
	margin: 11px 0px 10px 10px;
	border: solid 1px #3f6eb4;
	border-radius: 4px;
	width: 153px;
}

#sharenetwork > h2 {
	width: 101%;
	padding-left: 7px !important;
	margin: 0 !important;
	margin-left: -7px !important;
	margin-top: -2px !important;
}

#sharenetworkbubble {
border-style: solid;
border-width: 1px;
border-color: #03a8ae;
/*width: 130px;*/
/* height: 153px; */
border-radius: 17px;
padding-top: 0px;
text-align: center;
position: fixed;
/*margin-left: 23px;*/
}

#socialnetwork {
width: 91px;
margin: auto;
margin-top: 7px;
padding-bottom: 1px;
padding-left: 8px;
padding-right: 18px;
/* position: fixed; */
}

#sharenetworkbubble #shareitem{
border:none;
}

#sharetitle {
background: none;
color: #3f6eb4;
font-weight: bold;
font-size: 0.8em;
}

#shareitem {
padding-top: 11px;
padding-bottom: 11px;
padding-left: 9px;
margin-left: -5px;
border-top: 1px dotted #ccc;
width: 98%;
}

.partage {
line-height: 1.5em;
display: block;
padding: 0px 0px 0.5em 6px;
color: #484848;
text-decoration: none;
font-size: 0.71em;
font-weight: bold;
}

.bloc{
width:500px;
background-color:green;
color:white;
float:left;
}

.blochaut{
width: 60px;
height: 60px;
background-color: #FFFFFF;
background-image: url('http://intranet.mairie-aubervilliers.fr/auber4.0/plugins/graphisme_auber2.0/NAVPICS/fleche.png'); 
background-position: 18px 20px;
background-size: 40%;
background-repeat: no-repeat;
border: 1px solid #03a8ae;
float: right;
 margin-top: 33%;
margin-left: 1050px;
position: fixed;
border-radius: 4px;
cursor: pointer;
margin-top: 25px;
}

.notification{
 width: 36px;
height: 36px; 
/* background-color: #FFFFFF; */
background-image: url('http://www.aubervilliers.fr/plugins/graphisme_auber2.0/_images/notification.jpg');
/* background-position: 18px 20px; */
/* background-size: 40%; */
background-repeat: no-repeat;
border: 2px solid #03a8ae;
/* float: right; */
margin-top: -10px;
margin-left: 103px;
/* position: fixed; */
border-radius: 4px;
/* cursor: pointer; */
 /* margin-top: 25px; */
}

.affiche{
display:block;
opacity:0;}

.affichepas{
display:none;}

#myElement {
	margin-top:-7px;
}

#contenu img.leftill2 {
	float: left;
	margin: 0 10px 0 0;
	border: 0px;
	border-radius: 2px;
	border: 1px solid #989898;
	/* box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.9); */
	-moz-box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.9);
	/* -webkit-box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.9); */
}

div.titreactu-event {
	position: absolute;
	bottom: -216px;
	width: 99.4%;
	font-size: 0.8em;
	background-color: rgba(3, 168, 174, 0.8);
	color: #fff;
	text-decoration: none;
	margin-left: 1px;
	padding: 0px 0px 3px 4px;
	font-weight: bold;
}

div#img_event {
	position: relative;
	width: 600px;
}

a.lien-event {
	font-size: 1.3em;
	color: #fff;
	/* width: 100%; */
	text-decoration: none;
	background-color: rgba(3, 168, 174, 0.8);
	margin: 0px;
	padding: 0 0 0 0px;
	font-weight: bold;
}

.trait{
	width:100%;
	height:25px;
	border-bottom:solid #9eb6d9 1px;
}

.trait2{
	width: 447px;
/*	margin-top: 0px;*/
	margin-top: 24px;
	border-bottom: solid 1px #9eb6d9;
	float: right;
	height:1px;	
}
.trait3{
	width: 480px;
	margin-top: -2px;
	/*padding-top: 24px;*/
	border-bottom: solid 1px #9eb6d9;
	float: right;
	height:1px;	
}
.trait4{
	width: 530px;
	margin-top: -2px;
	/*padding-top: 24px;*/
	border-bottom: solid 1px #9eb6d9;
	float: right;
	height:1px;	
}
.trait5{
	width: 464px;
	margin-top: -2px;
	border-bottom: solid 1px #9eb6d9;
	float: right;
	height:1px;	
}

.trait6{
	width: 495px;
	/* margin-top: -2px; */
	/*padding-top: 23px; */
	border-bottom: solid 1px #9eb6d9;
	float: right;
	height: 1px;
}

.trait7{
	width: 513px;
	margin-top: -2px;
	/* padding-top: 0px; */
	border-bottom: solid 1px #9eb6d9;
	float: right;
	height: 1px;	
}

.trait8{
	width: 497px;
	margin-top: -2px;
	/* padding-top: 0px; */
	border-bottom: solid 1px #9eb6d9;
	float: right;
	height: 1px;	
}


#contenu .listeactu{
	margin-top: 2px;
}

.img_evenement {
	float: left;
	margin: 0 12px 5px 5px;
	border-radius: 2px;
	border: 1px solid #989898;
	-khtml-border-radius: 2px;
	width: 150px;
	/* box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.9); */
	-moz-box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.9);
	/* -webkit-box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.9); */
}

.event_title{
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	color: #3f6eb4;
	font-weight: normal;
	margin-bottom: 5px;
	padding: 0px;
	clear: both;
}

.alaune_title{
	float:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	color: #3f6eb4;
	font-weight: bold;
	margin-bottom: -5px;
	padding: 0px;
	clear: both;
}


#titre_event .lien{
	font-size: 0.9em;
	color: #03a8ae;
	text-decoration: none;
	margin: 0 0 0.25em;
	padding: 0 0 0 0px;
	font-weight:bold;
}

.reseau-sociaux{
	background-color: #eeeeee;
	width: 168px;
	height: 124px;
	border-radius: 148px;
	padding-top: 43px;
	margin-top: 8px;
}

.reseau-sociaux h2{
	color: #3f6eb4;
	font-size: 0.85em;
	margin: auto;
	width: 100px;
	text-align: center;
	margin-top: -30px;
}

.reseau-sociaux img{
	border:none;
	width:36px;
	height:36px;
}

#lien_partenaires {
	padding: 2px 0 6px 6px;
	list-style-type: none;
	margin: 220px 0px 10px 10px;
	border: solid 1px #3f6eb4;
	border-radius: 4px;
	width:148px;
}

#lien_partenaires a{
	text-decoration:none;
	color:#000000;	
}

#lien_partenaires img{
	width:110px; 
	margin-top:5px;
	margin-left: 15px;
	opacity:1;
	border:none;
}

#lien_partenaires p{
	text-align:center;		
}


#lien_partenaires img:hover{
	opacity:0.8;
	border:none;
}
#lien_partenaires a{
	text-decoration: none;
}
#lien_partenaires a:hover{
	text-decoration: none;
	color:#6c96c6;
}

.slider_accueil{
	width: 600px;
	padding-top: 38px;
	height: 400px;
}

#projetauber h2{
width:150px;
}

div#page {
	width:980px;
	margin: 0px auto; 
	background:#FFFFFF;
}

.bloc_albertivi{
	padding: 0 0 0 0;
	margin: 0px 10px 10px 0px;
	border-style: solid;
	border-color: #6c96c6;
	border-width: 0px 1px 1px 1px;
	border-radius: 0 0 0 0;
}

.bloc_albertivi ul {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	list-style-type: none;
}

#menu2 > div.bloc_albertivi > ul > li > a > img {
	width: 168px;
	height: 168px;
	margin-bottom: -2px;
	border:none;
}

#lien_partenaires > h2 {
	font-size: 0.75em;
	color: #FFFFFF;
	font-weight: bold;
	background: #3f6eb4;
	border-top: 1px solid #6c96c6;
	padding: 2.5px 6px;
	border-radius: 4px 4px 0 0;
	margin-left: -6px;
	margin-top: -3px;
}

#auber_sur_web{
	margin-top: 10px;
	width: 180px;
	padding-right: 10px;
	font-size: 0.85em;
	color: #FFFFFF;
}

#auber_sur_web h2{
	font-size: 0.88em;
	padding-left: 5px;
	padding-top: 3px;
	clear: both;
	margin: 0px 10px 0px 0px;
	color: #FFFFFF;
	background-color: #3f6eb4;
	border-radius: 4px 4px 0 0;
	height: 17px;
}

#auber_sur_web ul{
	list-style-type: none;
	position: relative;
	border-style: solid;
	border-color: #3f6eb4;
	border-width: 1px;
	border-radius: 0px 0px 4px 4px;
	margin-right: 10px;
}

#auber_sur_web ul li{
	line-height: 0.75em;
	font-size: 0.9em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-top: dotted 1px #ADADAD;
	margin-top: -1px;
	margin-left: 0px;
}

#auber_sur_web a{
	color: #484848;
	text-decoration: none;
	margin: 0;
	font-weight: normal;
	line-height: 13px;
}

#auber_sur_web a:hover { 
	text-decoration: underline;
	color:#3f6eb4; 
}

#blogs_quartiers{
	margin-top: 10px;
	width: 180px;
	padding-right: 10px;
	font-size: 0.85em;
	color: #FFFFFF;
}

#blogs_quartiers h2{
font-size: 0.88em;
padding-left: 5px;
padding-top: 3px;
clear: both;
margin: 0px 10px 0px 0px;
color: #FFFFFF;
background-color: #3f6eb4;
border-radius: 4px 4px 0 0;
height: 17px;
}

#blogs_quartiers ul{
	list-style-type: none;
	position: relative;
	border-style: solid;
	border-color: #3f6eb4;
	border-width: 1px;
	border-radius: 0px 0px 4px 4px;
	margin-right: 10px;
}

#blogs_quartiers ul li{
	line-height: 0.75em;
	font-size: 0.9em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-top: dotted 1px #ADADAD;
	margin-top: -1px;
	margin-left: 0px;
}

#blogs_quartiers a{
	color: #484848;
	text-decoration: none;
	margin: 0;
	font-weight: normal;
	line-height: 13px;
}

#blogs_quartiers a:hover { 
	text-decoration: underline;
	color:#3f6eb4; 
}

#menu_haut {
width: 100%;
height: 30px;
}

#menu_haut > ul {
list-style-type: none;
}

#menu_haut > ul > li {
float: left;
}
/*==========  En-tete ==============*/

div#entete {
	vertical-align: top;
	padding:0;
	top:0;
	left:0;
}
    
div#haut {
	background: white;
	vertical-align: top;
	margin:0px;
	padding:0;
	top:0px;
	left:0px;
    height: 250px;
}

#haut img {
	float: left;
	margin: 0px;
	border: none;
}

#nomdusite  { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 18px;  
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	padding: 20px 0 0 10px;
}

div#telecommande {
	position: relative;
	float:right;
	margin:0px;
	padding:0px;
	width: 180px;
	background:white;
	z-index:10;
	display: none;
}
div#telecommande h2 {
	color: #6c96c6;
	font-size: 0.6em;
	padding: 0.25em 0px 0.25em 8px;
	margin: 0;
}
 
/*======  Milieu (colonnes gauche, centrale et droite) =======*/
#milieu {
	margin:0;
	padding : 0 180px 0 180px;
}

/*==========  Contenu (colonne centrale)  ==============*/
#ext-main {
	width: 100%;
}
#ext-main[id] { /* pour mozilla */
	padding-bottom: 0.1px;
}
.main {
	float: left;
	width: 98%;
	position: relative;
	z-index: 0;
}
.main[class] { 
	margin-right: -1px;
}
.main-content {
	margin: 0;
}
#contenu {
	float:right;
	width:98%;
	margin-right: 9px;
}

#contenu[id] { 
	margin-left:-1px;
}


/*==========  Menu gauche  ==============*/
#gauche {
         	float:left;
         	margin-left: -180px;
         	z-index:20;
	padding:0px;
	position: relative;
	width: 166px;
	overflow:hidden;
}
#gauche[id] {
	margin-right:1px;
}

/*==========  Menu droit  ==============*/
#droite {
	position: relative;
	float:right;
	margin:0 -180px 0 0;
	width: 180px;
	background: #FFFFFF;
	z-index:21;
	padding:0;
}
#droite[id] {
	margin-left:1px;
}
#menu2 {
	position: relative;  /* indispensable pour IE 5.5 */
	width: 180px;
	background: #FFFFFF;
	padding: 22px 0px 0px 0px;
}
div#droitehaut {
	position: relative;
	float:right;
	margin:0px;
	padding:0px;
	width: 180px;
	background:white;
	z-index:10;
}
/*==========  Pied de page  ==============*/
div#pied {
	margin: 0;
	text-align: center;
	padding-top: 2em;
	clear: both;
}


/* -----------------------------------------------------------------------------
  Styles
-------------------------------------------------------------------------------- */


/*==========  Styles globaux  ==============*/
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #eeeeee;
	margin: 0px;
}

form {
	margin: 0px;
}

#liens {
	color: #4A4A4A;
}
#liens h3 {
	font-size: 0.8em;
	margin: 1em 0px 0.5em;
}
#liens p {
	font-size: 0.7em;
	display: block;
	border: 1px solid #B1B1B1;
	margin: 0px 0px 2px;
	text-align: center;
}
#liens a {
	color: #4A4A4A;
	text-decoration: none;
}
#liens a:hover {
	text-decoration: underline;
}
.clearer {
	line-height: 0em;
	clear: both;
}
.invisible {
	display:none;
}

/*==========  Telecommande ==============*/
#telecommande {
	background: #FFFFFF;
}
#telecommande ul {
	position: relative;  /* indispensable pour IE 5.5 */
	list-style-type: none;
	margin: 0 0 0 8px;
	padding: 0;
	font-size: 0.55em;
}
#telecommande li{ 
	line-height: 1.3em;
	background: url(../_images/puce_menu_01.gif) no-repeat 0% 75%;
	padding: 0 0 0 7px;
	margin: 0;
}
#telecommande a {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
#telecommande a:hover { 
	text-decoration: underline; 
}
/*==========  Arrondis ==============*/
#boxsyndic .innercentrale { padding : 0px 0px 15px 0px; }

/*==========  Menu principal ==============*/
#menuprincipal {
	margin:8px 0px 0px 0px;
	padding:0;
	background: linear-gradient(#03a8ae, #05c8cf);
	background-color: #03a8ae;
	height: 30px;
}

#menuprincipal td {
	border: 0;
	background: linear-gradient(#03a8ae, #05c8cf);
	padding: 0 4px 0px 0px;
	height: 25px;
	/* min-width: 8px; */
}

#menuprincipal a {
	font-size: 0.8em;
	/* font-weight: bold; */
	color: #FFFFFF;
	padding-right: 18px;
	padding-bottom: 6px;
	padding-top: 6px;
	text-decoration: none;
	display: block;
	/* padding-left: 10px */
}
#menuprincipal a:hover {
	color: #FFFFFF;
}

/*==========  Menu principal avec retour � la ligne ==============*/
#menuprincipalretlig {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	background: #6c96c6;
}
#menuprincipalretlig a {
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 0 0.2em 0;
	padding: 0 0 0 10px;
	text-decoration: none;
	display: block;
}
#menuprincipalretlig a:hover {
	color: #FFFFFF;
}
div#menuprincipalretlig ul {
	list-style-type: none;
	margin: 0;	
	vertical-align: middle;
}
div#menuprincipalretlig li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 5px 5px 5px 0;
}
/*==========  Menu deroulant  ==============*/
div.menu {
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #03a8ae;
  left: 0px;
  padding: 0px 0px 2px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  font-size: 0.75em;
  line-height: 2.5em;
  color: #242424;
  background-color: #FFFFFF;
  border-top: dotted 1px #ADADAD;
  cursor: default;
  display: block;
  padding: 0 1em;
  margin: 0;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #68cbce;
  color: #242424;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

/*==========  Barre de progression ==============*/
#navpath {
	color: #656565;
	font-size: 0.6em;
	padding: 5px 0px 0px 0px;
}
#navpath a {
	color: #656565;
	text-decoration: none;
}
#navpath a:hover {
	text-decoration: underline;
}

#menu_toutelactualite {
	position: relative;  indispensable pour IE 5.5 et 6	
}

#menu_toutelactualite {
	font-size: 0.75em;
    color: #FFFFFF;
    font-weight: bold;
    background: #3F6EB4;
    border: 1px solid #6c96c6;
    margin: 0px 0px 0px 10px;
    padding: 2px 5px;
    border-radius: 4px 4px 4px 4px;
    width: 144px;
}

#menu_toutelactualite a{
	color: #FFFFFF;
	text-decoration: none;
}

#menu_toutelactualite a:hover{
text-decoration: underline;
}

#agendalocal {
	font-size: 0.75em;
    color: #FFFFFF;
    font-weight: bold;
    background: #03a8ae;
    border: 1px solid #03a8ae;
    margin: 11px 0px 0px 10px;
    padding: 2px 5px;
    border-radius: 4px 4px 4px 4px;
    width: 144px;
}

#agendalocal a{
	color: #FFFFFF;
	text-decoration: none;
}

#agendalocal a:hover{
text-decoration: underline;
}

/*==========  Menu 1  ==============*/
#menu1 {
	position: relative;  /* indispensable pour IE 5.5 et 6 */	
}
#menu1 h2 {
	font-size: 0.75em;
	color: #FFFFFF;
	font-weight: bold;
	background: #3f6eb4;
	border: 1px solid #6c96c6;
	margin: 0px 0px 0px 10px;
	padding: 2px 5px;
	border-radius: 4px 4px 0 0;
	width: 144px;
}

#menu1 ul {
	padding: 2px 0 6px 6px;
	list-style-type: none;
	position: relative;  /* indispensable pour IE 5.5 */	
	margin: 0px 0px 10px 10px;
	border-style: solid;
	border-color: #3f6eb4;
	border-width: 0px 1px 1px 1px;	
	border-radius: 0 0 4px 4px;
}
#menu1 ul li {
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 0.7em;
	padding-left: 5px;
	border-top: dotted 1px #ADADAD;
	display: block;
	margin-left: -6px;
	margin-top: -3px;
	clear: both;
}
#menu1 ul li a {
	font-size: 0.75em;
	color: #484848;
	text-decoration: none;
	margin: 0;
	font-weight: normal;	
	line-height: 1.1em;
}
#menu1 ul li a.on{
	font-size: 0.7em;
	color: #484848;
	text-decoration: none;
	margin: 0;
	font-weight: bold;
}
#menu1 a:hover { 
	text-decoration: underline;
	color:#3f6eb4; 
}
	
#menu1 .rounded-br {
	display:block;
	height:100%;  /* height est indispensable pour IE */
	margin:0;
	padding:0;
}
#menu1 .rounded-tr {
	display:block;
	height:100%;  /* height est indispensable pour IE */
	margin:0;
	padding:0;
}	
#menu1 .rounded-cr {
	display:block;
	height:100%;  /* height est indispensable pour IE */
	margin:0;
	padding:0;
	background-position: center right;
	background: #FFFFFF;
}


/*==========  Menu 2  ==============*/
#menu2 h2 {
font-size: 0.75em;
padding: 0.19em 0px 0.35em 6px;
clear: both;
margin: 6px 10px 0px 0px;
color: #FFFFFF;
background-color: #3f6eb4;
border-radius: 4px 4px 0 0;
width: 164px;
	
}

#menu2 .bloc1 {
	margin: 0px 10px 10px 0px;
	border-style: solid;
	border-color: #6c96c6;
	border-width: 0px 1px 1px 1px;	
}

#menu2 .bloc1 .colonne1 {
	background: #FFFFFF;
	float: left;
	width: 48%;
	padding: 0 0 0 0;
	margin: 0 0 3px 0;
	vertical-align: top;
	font-size: 0.7em;
}
#menu2 .bloc1 .colonne2 {
	background: #FFFFFF;
	float: left;
	width: 48%;
	padding: 0 0 0 0;
	margin: 0;
	vertical-align: top;
	font-size: 0.7em;
}
#menu2 .bloc1 img {
	border: 0px;
}
#menu2 .bloc1 a {
	display: block;
	padding: 3px 0 0 6px;
	margin: 0;	
}

#menu2 .bloc1 a.lien {
	color: #484848;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
	padding: 0 0 3px 0px;
	margin: 0 0 0 0px;	
}
#menu2 .bloc1 a:hover {
	text-decoration: underline;
}
#menu2 .bloc1 a.lien:hover {
	text-decoration: underline;
}
#menu2 .bloc1 .clearer {
	padding: 5px 0 0 0;
	line-height: 0px;
	clear: both;
}

#menu2 hr {
clear: both;
visibility: hidden;
}
#menu2 .bloc2 {
	padding: 3px 0 0 0; 
	margin: 0px 15px 10px 0px;
	border-style: solid;
	border-color: #3f6eb4;
	border-width: 0px 1px 1px 1px;	
	border-radius: 0 0 4px 4px;
	float:left;
	width: 168px;
}
#menu2 .bloc2 ul {
	position: relative;  /* indispensable pour IE 5.5 */
	margin: 0;
	padding: 0; 
	font-size: 0.6em;
	list-style-type: none;
}
#menu2 .bloc2 ul li {
	line-height: 1.4em;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 0 6px;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-top: dotted 1px #ADADAD;
	margin-top: -4px;
	margin-left: 0px;
}

#menu2 .bloc3 {
	margin: 0px 10px 10px 0px;
	/*border-style: solid;
	border-color: #6c96c6;
	border-width: 0px 1px 1px 1px;*/	
	height: 219px;
}

#menu2 .bloc3 ul {
	position: relative;  /* indispensable pour IE 5.5 */
	margin: 0px 0 10px 0;
	padding: 0; 
	list-style-type: none;
	font-size: 0.7em;
}
#menu2 .bloc3 ul li {
	line-height: 1.5em;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 0 6px;
	margin: 0 0 0 0px;
	display: block;
	width: 160px;
	border-top: 1px solid #eeeeee;
	clear: both;
}
#menu2 .bloc3 .texte {
	margin: 0 0 0.5em 0;
	color: #484848;
	line-height: 1.1em;
}
/* #menu2 .aubermensuelbloc img { 
	float: right;
	margin: 0px 5px 3px 1px;
	padding: 0;
	border: 0px;
	border-radius: 4px;
	width: 169px;
	height: auto;
	position: absolute;
} */

#menu2 .bloc3 p {
	margin: 0;
	padding: 0;
	line-height: 1.1em;
}
#menu2 .bloc3 .clearer {
	padding: 5px 0 0 0;
	line-height: 0px;
	clear: both;
}

#menu2 .bloc4 {
	font-size: 0.7em;
	padding: 0.25em 0px 0px;
}
#menu2 .bloc4 a {
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	color: #484848;
	text-decoration: none;
}
#menu2 a {
	color: #3f6eb4;
	text-decoration: none;
	margin: 0;
	font-weight: normal;
	font-size: 1.2em;
}
#menu2 a.on {
	color: #484848;
	text-decoration: none;
	margin: 0;
	font-weight: bold;
}
#menu2 a:hover { 
	text-decoration: underline;
	color:#3f6eb4; 
}
#menu2 .blocoutil {
padding: 0.0em 0px 6px;
	font-size: 0.56em;
	height: 17px;
}

#menu2 a.envoiami {
	line-height: 1.5em;
	display: block;
	background-size: 13%;
	color: #484848;
	text-decoration: none;
	float:left;
	margin-left: 10px;
	margin-top: 2px;
}	
#menu2 a.imprimer {
	line-height: 2.1em;
	display: block;
	color: #484848;
	text-decoration: none;
	float:left;
	margin-left: 15px;
	margin-top: -1px;
1}
.ar {
	font-size: 0.56em;
	display:block;
	margin: 15px 0px 0px 3px;
	padding: 3px 0px 5px 28px;
	background: url(../_images/ar.gif) no-repeat 0px 2px;
	color: #484848;
	text-decoration: none;
}
.ari {
	font-size: 0.56em;
	display:block;
	margin: 15px 0px 0px 1px;
	padding: 3px 0px 5px 42px;
	background: url(../_images/ari.gif) no-repeat 0px 2px;
	color: #484848;
	text-decoration: none;
}

#menu2 a.acrobat {
	line-height:2em;
	margin: 0px 0px 0px 6px;
	padding: 0px;
	color: #484848;
	text-decoration: none;
}	
#menu2 a.acrobat img {
	vertical-align: middle;
	display: inline;
}	
#menu2 a.acrobat span {
	vertical-align: middle;
	display: inline;
	padding: 0px 0px 0px 2px;
}
#menu2 .visuel img {
	margin: 0 0 10px 6px;
	width: 165px;
}
#menu2 img.logo35 {
	border: 0;
	width: 35px;
	height: 35px;
}
#menu2 img.logo35b {
	border: 0px;
	width: 35px;
	height: 35px;
}
#menu2 img.logo100 {
	border: 0;
	width: 100px;
	height: 100px;
}
#menu2 .label {
	display: block;
	margin: 2px 0 0 0;
	font-size: 0.56em;
	color: #484848;
	padding: 0 0 0 6px;
}
#menu2 select#num_dep {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	color: #484848;
	width: 135px;
	margin: 0 0 0 5px;
	font-size: 0.56em;
	height:2em;
	font-weight: normal;
	vertical-align: middle;
	display: inline;
}
#menu2 select#nom_dep {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	color: #484848;
	width: 135px;
	margin: 0 0 0 5px;
	font-size: 0.56em;
	height:2em;
	font-weight: normal;
	vertical-align: middle;
	display: inline;
}
#menu2 input#validaccesnum {
	width:19px;
	height:19px;
	vertical-align: middle;
	display: inline;
}
#menu2 input#validaccesnom {
	width:19px;
	height:19px;
	vertical-align: middle;
	display: inline;
}
	
/*==========  Rechercher  ==============*/
#rechercher {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	width: 155px;
	font-size: 0.75em;
	font-weight: bold;
	color:#6c96c6;
	margin: 30px 0px 10px 11px;
	padding: 0px 0px 0px 0px;
}
#rechercher input#recherche {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	color: #484848;
	width: 120px;
	font-size: 0.8em;
	font-weight: normal;
	padding : 2px 0px 2px 5px;
	 vertical-align: middle;
	display: inline;
}
#rechercher input#validsearch {
	width:19px;
	height:19px;
	vertical-align: middle;
	display: inline;
}

#rechercher img {
	margin: 0 0 0 2px;
	vertical-align: middle;
	border: 0px;
}
#rechercher p{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #3f6eb4;
font-size: 0.9em;
margin: 0;
margin-top: 4px;
}

#rechercher a {
text-decoration: none;
font-weight: bold;
color: #3f6eb4;
}

#titre {
	margin: 10px 30px 0px 30px;
}
#results {
	margin: 0.5em 0px;
	color: #484848;
}
#results p {
	margin: 0px 0px 0.25em;
}
#results p.enteteresult {
	padding: 0px 0px 0px 0px;
	font-size: 0.7em;
}
#results .item {
	background: #FFFFFF;
	padding: 5px;
	margin: 0px 0px 0.5em;
}
#results .titreresult a {
	text-decoration: underline;
	color: #6c96c6;
}
#results .titreresult a:hover {
	text-decoration: underline;
	color: #6c96c6;
}
#results p.titreresult {
	background: url(../_images/picto_results.gif) no-repeat 0px 1px;
	padding: 0px 0px 2px 20px;
	font-size: 0.7em;
}
#results p.path {
	color: #6c96c6;
	font-size: 0.7em;
}
#results .path a {
	color: #6c96c6;
	text-decoration: none;
}
#results .path a:hover {
	color: #6c96c6;
	text-decoration: underline;
}

/*==========  Contenu - commun  ==============*/
.blocoutilcentre {
	display: none;
}

#contenu h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #3f6eb4;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 0.3em;
	padding: 0px;
}

#contenu h2 a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #03a8ae;
	font-weight: bold;
	margin-top: 13px;
	margin-bottom: 0.3em;
	padding: 0px;
}

#contenu img.leftill {
float: left;
margin: 0 7px 0px 0px;
margin-bottom: 4px;
border: 0px;
width: 138px;
border-radius: 2px;
border: 1px solid #989898;
}

#contenu img.rightill {
	float: right;
	margin: 0 12px 5px 5px;
	border: 0px;
	border-radius:2px;
	width:150px;
	box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.9);
	-moz-box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.9);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.9);
}
#contenu a:hover {
	text-decoration: underline;
}
.o2paj {
	clear: both;
	font-size: 0.7em;
	text-align: right;
	margin: 15px 0px 0.5em;
	padding-top: 15px;
}

.o2paj a {
	color:#3f6eb4;;
	background: url(../_images/bg_o2paj.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 15px;
	text-decoration: none;
}
.o2paj a:hover {
	text-decoration: none;
}
#contenu .texte {
	font-size: 13px;
	margin: 8px 0 0.5em 0;
	color: #484848;
	line-height: 1.25em;	
}
#contenu  .texte a {
	color: #6c96c6;
	text-decoration: none;
}
#contenu a.LienTelecharg {
	color: #6c96c6;
	text-decoration: underline;
}
#contenu a.LienTelecharg:hover {
	text-decoration: none;
}
#contenu .notes {
	font-size: 0.7em;
	margin: 3em 0 0.5em 0;
	color: #484848;
	text-align: justify;	
}
#contenu .notes p {
	margin: 0px;
}
#contenu .listedoc ul {
	clear: both;
	margin: 1em 0 10px 0;
	padding: 0 0 0 0; 
	font-size: 0.7em;
	list-style-type: none;
}
#contenu .listedoc ul li {
	line-height: 1.5em;
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
}
#contenu a.document {
	color: #6c96c6;
	text-decoration: underline;
	margin: 0 0 0.25em 0;
	padding: 0 0 0 7px;
}
#contenu a.document:hover {
	text-decoration: none;
}
#contenu .docdesc{
	display:block;
	line-height: 1.1em;
	padding: 0 0 0 7px;
	margin: 0 0 5px 0;		
}

/*==========  Contenu - Rubrique  ==============*/
#contenu .rub {
	margin: 0 0 1.5em 0;
}

#contenu .listerub1sur2 {
	float: left;
	width: 48%;
	clear:both;
}
#contenu .listerub2sur2 {
	float: right;
	width: 48%;
}
#contenu .listeart1sur2 {
	float: left;
	width: 48%;
}
#contenu .listeart2sur2 {
	float: right;
	width: 48%;
}
#contenu .listerub1sur3 {
	float: left;
	width: 32%;
	padding: 0 1% 0 0;
	clear:both;
}
#contenu .listerub2sur3 {
	float: left;
	width: 32%;
	padding: 0 1% 0 0;
}
#contenu .listerub3sur3 {
	float: left;
	width: 32%;
}
#contenu .titreacturub {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #484848;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px 12px 0.25em 0px;
	margin: 0px;
	clear: both;
}

#contenu .listerub {
	line-height: 1em;
    display: block;
    background: #FFFFFF;
    margin: 6px 0px 3px;
    padding: 0.25em 0px 0px 0px;
    color: #3f6eb4;
    float: left;
    width: 600px;
}


.listes {
margin-left:20px;
padding-bottom:10px;
}

#contenu .listerub1{
margin-top:20px;
}

#contenu .listerub .textesousrub {
	font-size: 0.7em;
	margin: 0 0 0 0;
	padding: 0 12px 5px 12px;
	color: #484848;
	line-height: 1.1em;
	text-align: justify;	
}
#contenu .listerub .liens {
	background: #FFFFFF;
	clear: both;
}
#contenu .listerub .liens ul {
	list-style-type: none;
	margin: 0px;
	padding: 0 0 0px 12px;
	margin: 0;
	font-size: 0.7em;
}
#contenu .listerub .liens ul li {
	padding: 0 0 0 12px;
	margin: 0;
}
#contenu .listerub .titresousrub {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #03a8ae;
	font-weight: bold;
	/*display: block;*/
	font-size: 0.9em;
	margin: 0px;
}
#contenu .listerub .liens a {
	color: #484848;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#contenu .listerub .liens a:hover {
	text-decoration: none;
}
#contenu .listeart {
	padding: 0px 0px 10px 12px;
    margin: 8px 0px 3px 8px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #3f6eb4;
    float: left;
    width: 600px;
}

#contenu .listeart1 {
	/* padding: 0px 0px 10px 12px;
    margin: 8px 0px 3px 8px; */
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #3f6eb4;
    float: left;
    /* width: 600px; */
}

#contenu .titreartliste {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #03a8ae;
	/*display: block;*/
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-decoration: none;
}

#contenu .titreartliste1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #3f6eb4;
	display: block;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-decoration: none;
	margin-top:20px
}

#contenu .listeart a:hover {
	text-decoration: underline;
}

#contenu .listeetab {
	background: #FFFFFF; 
	padding: 0.25em 5px 0.25em 12px;
	margin: 0.5em 0px 0px;
}
#contenu .listeetab .titreetabliste {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #484848;
	display: block;
	font-weight: bold;
	font-size: 0.7em;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	text-decoration: none;
}
#contenu .listeetab p {
	color: #484848;
	font-size: 0.7em;
	margin: 0px 12px;
}
#contenu .listeetab a:hover {
	text-decoration: underline;
}
#contenu .choixpage {
	text-align: right;
}
#contenu .choixpage select#debut_recherche {
	font-size: 0.7em;
}
#contenu .choixpage select {
	font-size: 0.7em;
}
#contenu .choixpage select#date {
	font-size: 0.7em;
}
#contenu .choixpage input {
	font-size: 0.7em;
	padding: 0px 5px;
}
#contenu .titrerubart {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #484848;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 0.3em;
	padding: 0px;
}
#contenu .actubox {
	margin: 0.5em 0px;
}
#contenu .actubox .titremois {
	font-size: 0.9em;
	font-weight: bold;
	color: #6c96c6;
	margin: 0px 0px 0.25em;
	padding: 0.1em 0.5em;
	background: #FFFFFF;
}
#contenu .actubox .actu {
	margin: 0px 0px 0.5em;
}
#contenu  .actubox .lien {
	font-size: 0.7em;
	color: #6c96c6;
	text-decoration: none;
	margin: 0 0 0.25em;
	padding: 0 0 0 0px;
}


#contenu .actubox2 {
	margin: 0.5em 0 0 0;
	border: 1px solid #6c96c6;
	padding: 10px;
}
#contenu .actubox2 .titresite {
	font-size: 0.8em;
	color: #6c96c6;
	margin: 0.25em 0;
}
#contenu .actubox2 ul {
	margin: 0;
	padding: 0; 
	list-style-type: none;
}
#contenu .actubox2 ul li {
	margin: 0;
	padding: 0; 
	clear: both;
}
#contenu  .actubox2 .lien {
	font-size: 0.7em;
	color: #6c96c6;
	text-decoration: none;
	margin: 0 0 0.25em;
	padding: 0;
}
#contenu .listediv .liens ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 0.7em;
}
#contenu .listediv .liens ul li {
	padding: 0 0 0 0px;
	margin: 0;
}
#contenu .listediv .titre {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #484848;
	font-size: 0.7em;
	padding: 1em 12px 0.25em 0px;
	margin: 0px;
}
#contenu .listediv .liens a {
	color: #484848;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#contenu .listediv .liens a:hover {
	text-decoration: underline;
}

/*==========  Contenu - Page d'accueil  ==============*/
#messagedeservice {
	margin-top: 15px;
	margin-bottom: 15px;
}
#contenu #messagedeservice h3.spip{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #484848;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 0.3em;
	padding: 0px;
}
#contenu .titresite {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #484848;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0px;
	margin: 0px;
}
#contenu a.titresite:hover {
	text-decoration: underline;
}
#contenu .bienvenue h4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #484848;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 0.3em;
	padding: 0px;
}
#contenu .bienvenue p {
	font-size: 0.7em;
	margin: 0 0 1.4em 0px;
	color: #484848;
	line-height: 1.1em;
}
#boxtitreactu h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	color: #3f6eb4;
	font-weight: normal;
	margin-bottom: -5px;
	padding: 0px;
	clear: both;
}
#contenu .listeactu h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #6c96c6;
	font-weight: normal;
	margin: 0px 0px 0.25em;
	padding: 0px;
	clear: both;
}
#contenu .listeactu ul {
	margin: 0;
	padding: 0; 
	list-style-type: none;
}
#contenu .listeactu ul li {
	margin: 0;
	padding: 0; 
	clear: both;
}
#contenu  .actu {
	margin: 0;
	padding: 10px 0 0 0;
	clear: both;
}

#contenu .actu_sortir, .actu_projet, .actu_pratique{
margin-top: 2px;
padding: 15px 0 0 0;
clear: both;
}

#contenu  .titreactu {
	margin: 0;
	padding: 0 0 2px 0;
}
#contenu  .listeactu .lien {
	font-size: 0.8em;
	color: #03a8ae;
	text-decoration: none;
	margin: 0px;
	padding: 0 0 0 0px;
	font-weight:bold;
}
#contenu  .listeactu .lien:hover {
	text-decoration: underline;
}
.dateactu {
    font-style: italic;
	float:right;
}

#contenu .tout {
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	line-height: 1.1em;
	font-size: 0.7em;
	color: #484848;
	text-align: right;
	clear: both;
}
#contenu .tout a {
	color: #484848;
	text-decoration: none;
	background: none; 
}
#contenu .tout a:hover {
	text-decoration: underline;
}
#contenu .tout {
	margin: 10px 0 0 0;
	line-height: 1.1em;
	font-size: 0.7em;
	color: #484848;
	text-align: right;
}
#contenu .tout a {
	color: #484848;
	text-decoration: none;
	background: none; 
}
#contenu .tout a:hover {
	text-decoration: underline;
}
#dossier {
	margin-top:20px;
}
#dossier h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	color: #3f6eb4;
	font-weight: bold;
	margin-top: 15px;
margin-bottom: -5px;	
	padding: 0px;
	clear: both;
}
#dossier ul {
	margin: 0;
	padding: 0; 
	list-style-type: none;
}
#dossier ul li {
	margin: 0 5px 0 0;
	padding: 0; 
	clear: both;
}
#dossier p {
}
#dossier .lien {
	font-size: 0.8em;
	color: #03a8ae;
	text-decoration: none;
	margin: 0 0 0.25em;
	padding: 0 0 0 0px;
	font-weight:bold;
}
#dossier .colonne1 {
	float: left;
	width: 48%;
	margin-top: 10px;
}
#dossier .colonne2 {
	float: right;
	width: 48%;
	margin-top: 10px;
}

/*==========  article photo  ==============*/
.photo-g {
	margin: 0px 0px 1em;
	color: #484848;
}
.photo-g img {
	float: left;
	margin: 0px 10px 5px 0px;
	border : 0px;
}
.photo-g .titrephoto {
	font-weight: bold;
	font-size: 0.7em;
	color: #484848;
	text-decoration: none;	
}
.photo-g a:hover {
	text-decoration: underline;
}
.photo-g .linki {
	text-align: left;
	font-size: 0.7em;
}
.photo-g .linki a {
	font-weight: normal;
	color: #6c96c6;
	background: url(../_images/picto_photo.gif) no-repeat 0px 2px; 
	padding: 0px 0px 0px 25px;
}



.mosaique {
	float: left;
	width: 170px;
	padding: 0 20px 20px 0;
	margin: 0px 0px 1em;
	color: #484848;
}
.mosaique img {
	margin: 0px 10px 5px 0px;
	border : 0px;
}
.mosaique .titrephoto {
	font-weight: bold;
	font-size: 0.7em;
	color: #484848;
	text-decoration: none;	
}
.mosaique a:hover {
	text-decoration: underline;
}
.mosaique .linki {
	text-align: left;
	font-size: 0.7em;
}
.mosaique .linki a {
	font-weight: normal;
	color: #6c96c6;
	background: url(../_images/picto_photo.gif) no-repeat 0px 2px;
	padding: 0px 0px 0px 25px;
}

/*==========  Question  ==============*/
#question {
	color: #4A4A4A;
}
#question h3 {
	font-size: 0.8em;
	margin: 1em 0px 0.5em;
}
#question p {
	font-size: 0.7em;
	margin: 0px;
}
#question a {
	font-size: 1.1em;
	font-weight: bold;
	color: #33698D;
	text-decoration: none;
}
#question a:hover {
	text-decoration: underline;
}

/*==========  Pied  ==============*/
#pied {
	color: #6c96c6;
	text-decoration: none;
	font-size: 0.6em;
	margin-top: 1em;
	clear:both;
}
#pied a {
	color: #6c96c6;
	text-decoration: none;
}
#pied a:hover {
	text-decoration: underline;
}
#copyright {
	color: #656565;
	margin-top: 1em;
}

/*================  formulaire  ===================*/
#f_style {
	margin: 0px;
	padding: 1.5em 0px 0px;
}
#f_style label {
	font-size: 0.7em;
	font-weight: bold;
	display: block;
	float: left;
	width: 120px;
	margin: 0px 0px 0.5em;
	color: #484848;
}
#f_style input, #f_style textarea {
	display: block;
	margin: 0px 0px 0.5em;
	float: left;
	width: 350px;
	font: 0.7em Arial, Helvetica, sans-serif;
	padding: 0px 5px;
}
#f_style select {
	display: block;
	margin: 0px 0px 0.5em;
	float: left;
	width: 200px;
	height:1.8em;
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #484848;
}
#f_style br {
	clear: left;
}
#f_style .valid{
	margin: 0px 0px 0.5em 120px;
}
#f_style input#validform {
	width: 100px;
}

.f_style2 label {
	font-size: 0.7em;
	font-weight: bold;
	display: block;
	float: left;
	width: 180px;
	margin: 0px 0px 0.5em;
	color: #484848;
}
.f_style2 br {
	clear: left;
}
.f_style2 select {
	display: block;
	margin: 0px 0px 0.5em;
	float: left;
	width: 200px;
	height:1.8em;
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #484848;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	font-weight: normal;
	vertical-align: middle;
	display: inline;
}
.f_style2 input {
	margin: 0px 0px 0.5em 100px;
	width: 100px;
	margin: 0px 0px 0px 0.5em;
	width:19px;
	height:19px;
	vertical-align: middle;
	display: inline;
}

/*================  tableau  ===================*/
#tableau {width:100%;}
#tableau table.forme { border: 1px solid #6c96c6;border-collapse: collapse;}
#tableau th.forme {font-size: 0.7em;color:#484848; line-height: 2em; padding: 2px 10px;border: 1px solid #6c96c6;font-weight:normal;}
#tableau td.forme {font-size: 0.7em; padding: 5px 5px 5px 5px;color: #484848;line-height: 1.1em;border: 1px solid #6c96c6;}
#tableau td.formecoltexte {padding: 5px 10px 5px 5px; border: 1px solid #6c96c6;}
#tableau a.lien {color: #6c96c6;text-decoration: none;}
#tableau a.lien:hover {text-decoration: underline;}

/*================  forums  ===================*/
#tableauforum {width:100%;}
#tableauforum table.forum {background-color: #FFFFFF; border: 1px solid #6c96c6;}
#tableauforum th.forum {font-size: 0.7em;background-color:#6c96c6;color:#FFFFFF; line-height: 2em; padding: 2px 10px;}
#tableauforum td.forumcoltexte {background-color: #efefef; padding: 5px 10px 5px 5px; }
#tableauforum td.forum {font-size: 0.7em; background-color: #efefef; padding: 5px 5px 5px 5px;color: #484848;line-height: 1.1em;}
#tableauforum a.titreforum{font-size: 0.7em;font-weight:bold; display:block;color: #6c96c6;text-decoration: none;}
#tableauforum a.titreforum:hover {text-decoration: underline;}
#tableauforum .texteforum{font-style:italic;}
#tableauforum .titresujet{font-size: 0.7em;font-weight:bold;padding-bottom:5px;text-align:left;}
#tableauforum hr { height: 0px; border: dotted #336699 0px; border-top-width: 1px;}
#tableauforum a.lienmsg {color: #6c96c6;text-decoration: none;}
#tableauforum a.lienmsg:hover {text-decoration: underline;}

#contenu .navforum {
/*	background: #FFE0D0;
	border-top: 1px solid #FF7A37; 
	margin: 0.5em 0px 1em 0px;
	padding: 0.25em 0 0.25em 0;	*/
	margin: 2em 0px 0px 0px;
	padding: 0.25em 0 0.25em 0;	
}
#contenu .retour {
	padding: 0px 0px 0px 15px;
}
#contenu .retour a {
color: #03a8ae;
font-size: 11px;
line-height: 1.1em;
text-decoration: none;
}
#contenu .retour2 {
	margin: 2em 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}
#contenu .retour2 a {
	color: #484848;
	font-size: 0.7em;
	line-height: 1.1em;
	text-decoration: none;
}
#contenu .pagination {
	color: #484848;
	font-size: 0.7em;
	padding-top:2px;
	line-height: 1.1em;
	text-align:right;
}
#contenu .pagination a {
	color: #484848;
	text-decoration: underline;
}
#contenu .pagination a:hover {
	color: #484848;
	text-decoration: none;
}

#contenu .retour a:hover {
	text-decoration: none;
}
#contenu .action {
/*	margin: 0 0 0.5em;
	padding: 2px 0px 5px; */
	background: url(../_images/picto_ajouter.gif) no-repeat 2px 50%;
	margin: 1em 0 0 0;
	padding: 2px 0px 5px;
}
#contenu .action a {
	font-weight: bold;
	color: #484848;
	text-decoration: none;
	font-size: 0.8em;
	margin: 2px 10px 0px 0px;
	padding: 4px 0px 5px 30px;
}
#contenu .titrerep {
	font-size: 0.7em;
	font-weight:bold;
	text-align: center;
	background-color:#FFFFFF;
	color:#FFFFFF;
	line-height: 2em;
	width : 99%;
	padding: 5px;
	margin: 10px 0px 0px 0px;
}

/*================  forums hierarchiques ===================*/
#contenu ul.forum-total {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#contenu .forum-fil {
}
#contenu .forum-fil ul {
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style: none;
}
#contenu ul .forum {
	border: 1px solid #909090;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0.5em;
}
#contenu .titre-forumh {width:100%;padding-bottom:5px;text-align:center;margin-bottom:1px;background-color:#6c96c6;color:#FFFFFF;font-size:0.7em;font-weight:bold;line-height: 2em; }

#contenu .ligne-forumh {width:100%;background-color:#efefef; position : relative;}
#contenu .ligne-forumh .titresujet{font-size:0.7em;font-weight:bold;padding-bottom:5px;text-align:left;border-bottom:1px dotted #336699; }
#contenu .ligne-forumh .textesujet{font-size:0.7em;padding:5px 5px 5px 5px;text-align:left;}
#contenu .ligne-forumh .repondre{
	line-height: 1.1em;
	text-align: right;
}
#contenu .ligne-forumh a.action{
	padding:4px 5px 4px 28px;
	background: url(../_images/picto_ajouter.gif) no-repeat 2px 50%;
	font-size:0.7em;
	color: #484848;
}
#contenu .ligne-forumh a.repmsg{
	padding:0px 5px 0px 6px;
	font-size:0.7em;
	color: #484848;
	text-decoration: underline;
}


#contenu ul .com {
	border: 1px solid #6c96c6;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0.5em;
}
#contenu .ligne-com {width:100%;background-color:#FFFFFF; position : relative;}
#contenu .ligne-com .titresujet{font-size:0.7em;text-align:left; color: #6c96c6;padding: 5px 10px 0px 0px;}
#contenu .ligne-com .textesujet{font-size:0.7em;padding: 0px 10px 0px 5px;text-align:left;color: #484848;}
#contenu .ligne-com a.action{
	padding:4px 5px 4px 28px;
	background: url(../_images/picto_ajouter.gif) no-repeat 2px 50%;
	font-size:0.7em;
	color: #484848;
}
#contenu .ligne-com .repondre{
	line-height: 1.1em;
	text-align: right;
}
#contenu .ligne-com a.repmsg{
	padding:0px 5px 0px 6px;
	font-size:0.7em;
	color: #484848;
	text-decoration: underline;
}
.photo-g .linki {
	text-align: left;
	font-size: 0.7em;
}
.photo-g .linki a {
	font-weight: normal;
	color: #6c96c6;
	background: url(../_images/picto_photo.gif) no-repeat 0px 2px;
	padding: 0px 0px 0px 25px;
}

#contenu .entetecom {
	clear: both;
	font-size: 0.8em;
	font-weight: bold;
	color: #6c96c6;
	background: #FFFFFF;
	margin: 1em 0px 0.5em;
	padding: 0.25em 0.5em;
}
/*=====================  style agenda =======================*/
#calend {
	margin: 0.5em 0px 1em 0px;
}
#calend table {
	border-collapse: collapse;
	border: thin solid #6495ed;
}
#calend th {
	border: thin solid #6495ed;
	font-weight: bold;
	color: #FFFFFF;
	background: #6c96c6;
	text-align: center;
	height: 14px;
	font-size: 0.8em;
}
#calend td {
	border: thin solid #6c96c6;
	font-size: 0.7em;
	padding: 3px;
	height: 53px;
	vertical-align: top;
}
#calend td.agendaThisDay{
	background: #d1d7dc;
}
#calend td.agendaThisMonth{
	background-color: #FFFFFF;
}
#calend td.agendaNotThisMonth{
	background: #efefef;
}

.choixmois .moisprec {
	color: #484848;
	line-height: 1.1em;
	text-align: left;
	font-size: 0.7em;
}
.choixmois .moisprec a{
	color: #484848;
	font-weight:normal;
	text-decoration: underline;
}
.choixmois .moissuiv {
	color: #484848;
	line-height: 1.1em;
	text-align: right;
	font-size: 0.7em;
}
.choixmois .moissuiv a{
	color: #484848;
	font-weight:normal;
	text-decoration: underline;
}
.choixmois .selectmois {
	text-align: center;
}
.choixmois select {
	font-size: 0.7em;
	height:1.8em;
	width: 8em;
}

.choixmois input {
	font-size: 0.7em;
	padding: 0px 5px;
}

#calend a {
	font-size: 0.8em;
	font-weight: normal;
	display: block;
	color: #6c96c6;
	text-decoration: none;
	padding: 0 0 5px 6px;
	background: url(../_images/puce_menu_01.gif) no-repeat 0px 2px;
}

#calend a:hover {
	text-decoration: underline;
}

#artcal {
	margin: 1em 0px 0.25em 0px;
	background: #FFFFFF;
	padding: 7px;
	color: #484848;
}
#artcal .titrecal {
	font-size: 0.7em;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background: url(../_images/puce_article.gif) no-repeat 0px 3px;
}
#artcal .datecal {
	font-size: 0.7em;
	font-weight: normal;
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 0px 10px;
	background: url(../_images/puce_article.gif) no-repeat 0px 3px;
}
#artcal a {
	color: #6c96c6;
	text-decoration: none;
}
.folio {
	margin: 10px 0px 0px 0px;
	background: #FFFFFF;
	padding: 0.25em 0.5em;
	color: #484848;
	height: 15px;
	line-height: 0.7em;
}


/*==========  Plan  ==============*/
#plan2 {
	font-size: 0.8em;
}

#plan2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 1px;
}

#plan2 ul.plansite ul { 
	list-style-type: none;
	margin: 0px;
	padding: 0 0 0 1.5em;
}

#plan2 li { 
	margin: 0px;
	padding: 0px;
}

#plan2 a { 
	color: #484848;
	text-decoration: underline;
	display: block;
	line-height: 1.2em;	
	background: #FFFFFF url(../_images/puce_menu.gif) no-repeat 0px 7px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-weight: normal;
}

#plan2 a.plansecteur {
	font-weight: bold;
	line-height: 2em;
	background: #FFFFFF url(../_images/picto_plan.gif) no-repeat 5px 5px;
	margin: 0.5em 0px 0.5em;
	padding: 0px 0px 0px 30px;
}

#plan2 a.planrubniv1 {
	font-weight: bold;
	margin: 0.5em 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}


/*==========  Styles propres de SPIP  ==============*/
#contenu h3.spip{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #484848;
	font-weight: bold;
	font-size: 1.25em;
	padding: 1em 0px 0.2em 0px;
	margin: 0px 0px 0.25em;
}


a {text-decoration: none;}
a:hover.LienH2 {text-decoration: underline;}

a:hover {
	text-decoration: underline;
}

a.spip_url {text-decoration: underline;color: #6c96c6; font-size:11px}
a.spip_in {text-decoration: underline;color: #6c96c6;}
a.spip_out {
	color: #6c96c6;
	background-image: none;
	text-decoration: underline;
	margin: 0;
	padding: 0;
	font-size:11px;
}
a.spip_glossaire { }

.spip_code {
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.spip_note { 
}

.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 100%;
}

table.spip {
font-size: 1em;  /* indispensable pour IE 5.5 */
border: 1px solid #4C8FCD;
border-collapse: collapse;
margin-bottom: 1em;
}

table.spip tr.row_first {
	background-color: #FFFFFF;
}

table.spip td {
	padding: 0.5em;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #4C8FCD;
}

table.spip th {
	padding: 1px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #4C8FCD;
}

hr.spip { }
b.spip { }
i.spip { }

.spip_encadrer {
	font-size: 0.7em;
	width : 99%;
	background-color: #efefef;
	padding: 5px;
	margin: 0;
}
.forml { 
	font-size: 1em;
	width: 97%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 }

.spip_bouton { margin: 5px 5px 0 0;}

.spip_cadre {
	width : 100%;
	background-color: #FFFFFF;
	padding: 5px;
}



.formrecherche { width: 100% ; background-color: #FFFFFF;}

.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: red;
}

.spip_surligne {}

p.spip {
	text-align: justify;
	margin: 0 0 15px 0;
}
ol.spip
{
	margin: 0 0 15px 3em;
}
ul.spip {
	padding: 0 0 5px 3em;
	position: relative;  /* indispensable pour IE 5.5 */
	margin-bottom: 10px;
}

.rechercheavancee {
	visibility: hidden;
}

#logodusite {
	visibility: hidden;
}
.spip_code {
	font-size: 1.2em;
}
.spip_documents_center{
	text-align: center;
}

.spip_documents_left{
	margin: 0px; 
	margin-right: 5px;
	margin-bottom: 3px;
	text-align: center;
}

.spip_documents_right{
	margin: 0px; 
	margin-left: 5px;
	margin-bottom: 3px;
	text-align: center;
}
.diff-para-deplace {background: #e8e8ff;}
.diff-para-ajoute {background: #d0ffc0;	color: #000000;}
.diff-para-supprime {background: #ffd0c0;color: #904040;text-decoration: line-through;}
.diff-deplace {background: #e8e8ff;}
.diff-ajoute {background: #d0ffc0;}
.diff-supprime {background: #ffd0c0;color: #802020;text-decoration: line-through;}
.diff-para-deplace .diff-ajoute {border: 1px solid #808080;background: #b8ffb8;}
.diff-para-deplace .diff-supprime {border: 1px solid #808080;background: #ffb8b8;}
.diff-para-deplace .diff-deplace {border: 1px solid #808080;background: #b8b8ff;}

/* Barre de raccourcis SPIP */
a.spip_barre img {
	vertical-align:middle;
	padding: 3px;
	margin: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #C0CAD4;
}
a.spip_barre:hover img {
	background-color: white;
}

blockquote.spip {
	margin : 10px 40px 10px 40px;
	border : solid 1px #aaaaaa;
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

/*  ------------------------------------------ */
/*  Pour le portage sous SPIP 2 			   */
/*  ------------------------------------------ */

/* Structure generale des formulaires
----------------------------------------------- */
.submit {
background-color: #3f6eb4;
border: none;
padding: 7px 9px;
color: white;
border-radius: 4px;
cursor: pointer;
}

.formulaire_spip { font-size: 0.7em; clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { 
clear: both;
margin: 0 0 1em 0;
padding: 5px;
border: 1px solid #3f6eb4;
border-radius: 3px;
width: 99%;
background-color: rgba(63, 110, 180, 0.13);
}

.formulaire_spip fieldset legend { 
margin: 0;
padding: 0;
font-weight: bold;
background-color: #fff;
color: #3f6eb4;
font-size: 15px;
} /* Preciser la couleur des legend et du fond pour IE/Win */

.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-weight: normal; }

/* Explications */
.formulaire_spip .explication { 
margin: 0.50em 0;
color: #444;
font-size: 12px;
}

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }

/* Labels */
.formulaire_spip label { display: block;
text-align: left;
color: #03a8ae;
font-size: 13px;
font-weight: bold;
position: relative;}

.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

.formulaire_spip .choix label{display:inline;font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}


/* Champs de saisie */
.formulaire_spip input.text { width: 99%; border: 1px inset; }
.formulaire_spip textarea { width: 99%; border: 1px inset; }
.formulaire_spip select { width: 99%; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}


/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }


/* Variantes et cas particuliers
----------------------------------------------- */

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background: #eeeeee; padding: 3px; border: 1px outset #C0CAD4; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #C0CAD4; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }

/* Formulaire de forum */
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_texte textarea { width: 99%; 
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.formulaire_forum .saisie_titre #titre {margin:3px 0 0 0;}


/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { margin: 0; padding: 0; background: none; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {}
.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(rechercher.gif) no-repeat left center; }
.formulaire_recherche input.submit {}

.spip_surligne {} /* Cf.: spip_style.css */

/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */

/* Formulaire de login dans une page */
.formulaire_login ul li {clear:left;}
.formulaire_login .editer_password .details {display:block;}
.formulaire_login #spip_logo_auteur {float:right;}


/* Divers
----------------------------------------------- */
#contenu .listeetab p {font-size: 1em;}
#contenu .texte p { margin: 0 0 15px 0;}
.spip_documents img {border-width: 0px; margin: 0 0 10px 6px;}
.spip_documents_center{display:block;display:table;clear:both;margin:0 auto;}
.spip_documents_left{float:left;}
.spip_documents_right{float:right;}


/*================  formulaire questionner ===================*/
#formulaire_questionner { margin: 0px; padding: 1.5em 0px 0px; }
#formulaire_questionner label {	font-size: 0.7em; font-weight: bold; display: block; float: left; width: 120px; margin: 0px 0px 0.5em; color: #484848; }
#formulaire_questionner input, #formulaire_questionner textarea { display: block; margin: 0px 0px 0.5em; float: left; width: 350px; font: 0.7em Arial, Helvetica, sans-serif; padding: 0px 5px; }
#formulaire_questionner select { display: block; margin: 0px 0px 0.5em; float: left; width: 200px; height:1.8em; font: 0.7em Arial, Helvetica, sans-serif; color: #484848; }
#formulaire_questionner br { clear: left; }
#formulaire_questionner .valid { margin: 0px 0px 0.5em 120px; }
#formulaire_questionner input#validform { width: 100px; }


/*================  galerie d'images ===================*/
.phototeque_image {
	border: none;
	width: 100%;
	margin: 10px 0 0px 0;
	padding: 0px 0px 10px 0px;
	text-align: center;
}

.phototeque_image img {
	border: none;
}

.phototeque_image .titrephoto {
	font-weight: bold;
	font-size: 0.7em;
	color: #484848;
	text-decoration: underline;	
}

.phototeque_image .descphoto {
	text-align: center;
	font-size: 0.7em;
	color: #484848;
	text-align: center;
	font-size: 0.7em;
	color: #484848;
	margin-top: 5px;
}

.phototeque_image .taillephoto {
	text-align: center;
	font-size: 0.7em;
	color: #484848;
	margin-top: 10px;
}

.phototeque_navimage {
	border-bottom: none;
	padding: 5px 5px;
	margin-bottom: 15px;
	font-size: 0.7em;
	color: #484848;
	text-align: center;
color: #03a8ae;
font-weight: bold;
}


.phototeque_navimage .photo_nav_gauche {
	float: left;
	width: 27%;
	text-align: left;
	margin-top: 1px;
}
.phototeque_navimage .photo_nav_droite {
	float: right;
	width: 45%;
	text-align: right;
}

.phototeque_navimage a {
color: #03a8ae;
text-decoration: none;
font-weight: bold;
}
.phototeque_navimage a:hover {
	text-decoration: none;	
}

.phototeque_vignette {
	float: left;
	width: 128px;
	color: #484848;
	margin: 8px 10px 8px 0px;
	border: 1px solid #C0C0C0;	
}

.phototeque_vignette img {
	border: none;
}

.phototeque_vignette a.logophoto {
	border : 0px;
}

.phototeque_vignette a:hover {
	text-decoration: none;
}

#rechercher_photo {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	color:#6c96c6;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#rechercher_photo input#recherche_photo {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	color: #484848;
	width: 120px;
	font-size: 0.8em;
	font-weight: normal;
	padding : 2px 0px 2px 5px;
	vertical-align: middle;
	display: inline;
}

#rechercher_photo input#validsearchphoto {
	width:19px;
	height:19px;
	vertical-align: middle;
	display: inline;
}

#rechercher_photo img {
	margin: 0 0 0 2px;
	vertical-align: middle;
	border: 0px;
}


/*================  impact plugin ciform ===================*/
.formulaire_spip input.text {font-size: 1em; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;}
.formulaire_spip textarea {font-size: 1em; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;}
.formulaire_spip select {font-size: 1em; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;}
.formulaire_spip .obligatoire {font-weight: normal;}
.formulaire_spip label {margin-bottom: 2px;}
.formulaire_spip .erreur {color:red;}
.formulaire_spip .formulaire_erreur {display: block; margin-bottom: 3px; color:red; font-weight: bold;}
.formulaire_spip img, .spip_logos {border:0 none;margin:0;padding:0;}

.cadre-padding { padding: 6px; }
.cadre-revision { margin: 10px 0 10px 0; font-family: Verdana, Geneva, helvetica, sans; position: relative; background-color: #fff; border: 1px solid #666; }
.cadre-revision div.cadre-titre { background-color: #aaa; border-bottom: 1px solid #666; color: #000; }
.cadre-revision ul {margin: 10px 0 10px 30px; font-size:0.8em;}
.cadre-revision ul a {color: #6583A2;}
.cadre-revision .label {color: #FFF;}

.formulaire_login fieldset ul li input.text, .formulaire_login fieldset ul li input.password {display:inline; margin:0; width:20em;border:1px inset;font-family:Arial,sans-serif,Verdana,Geneva,Helvetica;font-size:1.2em;}

#contenu .listedocwiki ul li {margin-top: 0.25em;}
#contenu .listedocwiki .info_resa {	color:#E86519; font-weight:bold; font-family:Verdana,Arial,Helvetica,sans-serif;}


/*-- image flottante gauche et liste a puce --*/
ul.spip {overflow:hidden;}

/*-- boutons ok --*/
#rechercher input#recherche {
    height: 22px;
    width: 120px;
    padding: 0 0 0 5px;
    margin: 0px 0 0 0;
    border: 1px solid #3f6eb4;
}

::-webkit-input-placeholder {
   font-style:italic;
   font-size:10px;
}

:-moz-placeholder { /* Firefox 18- */
   font-style:italic;
   font-size:10px;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-style:italic;
   font-size:10px;
}

:-ms-input-placeholder {  
   font-style:italic;
   font-size:10px;
}

#rechercher input#validsearch {
background-color: #FFF;
    border: 1px solid #3f6eb4;
    border-radius: 0px 5px 5px 0px;
    color: #3f6eb4;
    font-weight: bold;
    margin: 0px -6px 0;
    width: 30px;
    height: 24px;
    padding: 1px 0 0 2px;
}

#rechercher input#validsearch:hover {
background-color: #3f6eb4;
border: 1px solid #3f6eb4;
border-radius: 0px 5px 5px 0px;
color: #FFF;
height: 24px;
margin: 0px -6px 0;
width: 30px;
cursor:pointer;
padding: 1px 0 0 2px;

}

.f_style2 input{
    background-color: #E1E0DF;
	border: 1px solid #484848;    
    color: #484848;
    height: 21px;
    margin: 0 0 0 5px;
    padding-bottom: 2px;
    width: 26px;
}
.f_style2 input:hover {background-color: #ebebeb;}

#menu2 input#validaccesnum{
    background-color: #E1E0DF;
	border: 1px solid #484848;    
    color: #484848;
    height: 18px;
    margin: 0 0 0 1px;
    padding-bottom: 2px;
    width: 24px;
}
#menu2 input#validaccesnum:hover {background-color: #ebebeb;}

#menu2 input#validaccesnom{
    background-color: #E1E0DF;
	border: 1px solid #484848;    
    color: #484848;
    height: 18px;
    margin: 0 0 0 1px;
    padding-bottom: 2px;
    width: 24px;
}
#menu2 input#validaccesnom:hover {background-color: #ebebeb;}

#rechercher_photo input#recherche_photo {
	height: 17px;
	width:120px;
	padding: 0 0 0 5px;
	margin: 2px 0 0 0;
	border: 1px solid #484848;
}

#rechercher_photo input#validsearchphoto {
    background-color: #E1E0DF;
	border: 1px solid #484848;    
    color: #484848;
    height: 19px;
    margin: 2px -6px 0;
    padding-bottom: 2px;
    width: 26px;
}

#rechercher_photo input#validsearchphoto:hover {background-color: #ebebeb;}
#contenu .choixpage input:hover {background-color: #ebebeb;} 
.choixmois input:hover {background-color: #ebebeb;}


/*-- nom du site cliquable --*/
#nomdusite a { 
	font-family: Arial narrow, Arial, Verdana, Geneva, Helvetica, sans-serif;  
	font-size: 24px;  
	font-weight: bold;
	color: #78BB01;
}
#nomdusite a:hover {text-decoration: none;}


/*-- RSS forum --*/
#contenu .rssforum {text-align:right; margin: 0px 0px 0px 0px;}
#contenu .rssforum img {border: none;}
#contenu .rssforum a {text-decoration: none;}
#contenu .rssforumrub {text-align:right; margin: -1.2em 0px 0.2em 0px;}
#contenu .entetecom {margin-top: 0.2em;}


/*-- reservation notifications --*/
#menu2 a.abonner {
	line-height:2.1em;
	display:block;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0.2em 20px;
	background: url(../_images/abonner.png) no-repeat 0px 2px;
	color: #484848;
	text-decoration: none;
}	

#menu2 a.desabonner {
	line-height:2.1em;
	display:block;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0.2em 20px;
	background: url(../_images/desabonner.png) no-repeat 0px 2px;
	color: #484848;
	text-decoration: none;
}

#contenu .abonnementretour {
	background: url(../_images/puce_menu_01.gif) no-repeat 4px 2px;
	padding: 0px 0px 0px 15px;
	padding: 5px 0px 0px 0px;
}

#contenu .abonnementretour a {
	color: #484848;
	line-height: 1.1em;
	text-decoration: underline;
}

#infos_supp_label {
    margin-bottom: 0;
    background-color: #03a8ae;
    font-family: 'Verdana', Sans-serif;
    padding: 5px;
    margin-left: 7px;
    border: none;
    border-radius: 4px 4px 0px 0px;
    width: 152px;
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    height: 14px;
	padding-top: 2px;
}

#infos_supp_label .infos_supp {
    font-size: 11px;
}

.infos_supp2 {
    padding: 2px 0 6px 6px;
    /* list-style-type: none; */
    position: relative;
    margin: 1px 0px 12px -5px;
    padding: 6px 5px 5px 3px;
    border-style: solid;
    border-color: #03a8ae;
    border-width: 0px 1px 1px 1px;
    border-radius: 0 0 4px 4px;
    width: 152px;
	color: #484848;
	font-size: 11px;
	    font-weight: initial;
		float: left;
}

.infos_supp2 a{
 width:152px;
}

.infos_supp {
    padding: 2px 0 6px 6px;
    /* list-style-type: none; */
    position: relative;
    margin: 1px 0px 20px -5px;
    padding: 6px 5px 5px 3px;
    border-style: solid;
    border-color: #03a8ae;
    border-width: 0px 1px 1px 1px;
    border-radius: 0 0 4px 4px;
    width: 152px;
	color: #484848;
	font-size: 11px;
	    font-weight: initial;
		float: left;
}

#infos_supp_label_rub {
    margin-bottom: 0;
    background-color: #03a8ae;
    font-family: 'Verdana', Sans-serif;
    padding: 5px;
    margin-left: 7px;
    border: none;
    border-radius: 4px 4px 0px 0px;
    width: 152px;
   margin-top: -13px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    height: 14px;
    padding-top: 2px;
	}
	
.spip_forms {
	color: black;
	margin: 0px;
	margin-bottom: 16px;
	padding: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-left: 3px solid #3f6eb4;
}

.spip_forms fieldset {
	border: 1px none #8F8181;
	padding: .4em .4em .4em 1em;
	margin:.5em 0 .5em 0;
	border-top-style: dashed;
	border-left: 6px solid #03a8ae;
	border-top-color: #03a8ae;
}

#liste-evenements {
margin-top: 30px;
float: left;
    margin-right: 7px;
    margin-bottom: 20px;
    width: 600px;
    position: relative;
}

.evenement {
    float: left;
    margin-right: 7px;
	margin-bottom: 20px;
	width: 600px;
	position:relative;
}

.evenement img {
    margin: 0 !important;
    border: 1px solid #3f6eb4;
	border-radius:4px;
	position:relative;
}

.logo_evenement {
float: left;
}

.date_evenement {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #03a8ae;
    display: block;
    font-weight: bold;
    font-size: 0.9em;
    padding: 0px 0px 0px 0px;
    margin-left: 170px;
    text-decoration: none;
	position: absolute;
}

.titre_evenement {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
    /* position: absolute; */
    margin-top: 16px;
    margin-left: 170px;
	}
	
.lieu_evenement {
    font-size: 0.8em;
    margin-left: 170px;
	color: #3f6eb4;
}

.descriptif_evenement {
    font-size: 0.8em;
    margin-left: 170px;
}

.RSS_syndic {
float: left;
    margin-right: 7px;
    margin-bottom: 20px;
    width: 600px;
    position: relative;

}

.logo_RSS_syndic {
float:left;
}

.RSS_syndic img {
   margin: 0 !important;
    /* border: 1px solid #03a8ae; */
    border-radius: 4px;
    position: relative;
	    border: 1px solid #03a8ae;
}

.titre_RSS_syndic {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   /*  font-size: 0.8em; */
    font-weight: bold;
    /* position: absolute; */
    margin-top: 6px;
    margin-left: 140px;
}

.texte_RSS_syndic {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    /* font-weight: bold; */
    /* position: absolute; */
    margin-top: 4px;
    margin-left: 140px;
	}  
	
.portail {
margin-top: 10px;
}

.spip-admin-bloc, .spip-admin-float {
    z-index: 100;
    position: fixed;
    right: 20%;
    top: 0;
    white-space: nowrap;
}

.colorrub0, A.colorrub0 {
color: #FFCC00;
}
.colorrub1, A.colorrub1{
color: #003399;
}
.colorrub2{
color: #FF0000;
}
.colorrub3{
color: #006600;
}
.colorrub4{
color: #FF6600;
}
.colorrub5{
color: #660066;
}
.colorrub6{
color: #006666;
}
.colorrub7{
color: #0066CC;
}
.colorrub8{
color: #CC0033;
}
.espacepresse {
    margin-left: 10px;
    padding-bottom: 10px;
}
.communique {
    margin-left: 10px;
    padding-bottom: 10px;
}