/* definition de styles pour le site du comité de quartier du Port à l'anglais - www.portalanglais.com */
/* crée par aude desneux - nov 2005 */


body, input, table {
	background-color: #487CB7;
	color: #000;
	font-size: 10px;
	line-height:1.5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.spip-admin-float { display:none; }

table {
	background-color: transparent;
}
input {
	background-color: #fff;
	margin:2px;
}

ul, li {
	padding:0px;
	margin:0px;
	list-style-type:none;
}

hr {
	height: 1px;
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #fff;
	border: 0;
}

hr.spip {
	background-color:#CCC5C5;
	color:#CCC5C5;
}

a img {
	border:none;
}

a {
	color:#105DAF;
	text-decoration:none;
}

a:hover {
	text-decoration:underline
	}
	
.small{
	font-size:85%
}

#NavOutils{
	padding:4px;
	text-align:right;
	color:#CCC5C5;
}

#header {
	height: 104px;
	background-color: #ffffff;
}

#conteneur {
	position: absolute;
	width: 750px;
	left: 50%;
	margin-left: -375px;
	background-color:#ffffff;  /*blanc*/ /*DEEA0B jaune vert*/
}

#NavOutils{
background-color:#487CB7;	
}


.inscription {
	padding : 5px;
	font-size:9px;
	color:#003366;
}

/*//////// RECHERCHE  FORMULAIRE /////////////////////////////////////////*/

#bloc-recherche{
	position: absolute;
	width: 750px;
	top:20px;
	left: 50%;
	margin-left: -375px;
	text-align:right;
	z-index:3;
}

#formulaire_recherche form, .formulaire_recherche form {
	display:block;
}
#formulaire_recherche fieldset, .formulaire_recherche fieldset {
	display:block;
	border:none;
}
#formulaire_recherche p, .formulaire_recherche p {
	padding:0 1em .2em;
}

#formulaire_recherche label, .formulaire_recherche label{
	display:none;
}

#formulaire_recherche input.text, .formulaire_spip input.text{
	margin:10px;
	width:120px;
	border:1px solid #000;
}	

#formulaire_recherche input.submit, .formulaire_spip input.submit{
 background-color : #214C7E;
 font-size:10px;
 font-weight:bold;
 color:#fff;
 padding:0px;
 margin:0px 0 11px 0;
 border:1px solid #214C7E;
}

#formulaire_ecrire_auteurnew {
	width:350px;background-color:#f2f2f2;padding:5px
}
#formulaire_ecrire_auteurnew textarea{
	width:320px;
}

#formulaire_ecrire_auteurnew input {
	margin:0px;
}
/*//////// NAVIGATION GAUCHE   /////////////////////////////////////////*/

#navigationCol {
width: 170px;
float:left;
}

#util{
background-color: #CCC5C5;
}

#navigationCol hr{
	color: #fff;
}


.menugauche {
background-color:#CBD608; /*vert*/
list-style-type: none;
margin:0;
padding: 10px 0 10px 0;
}

.menugauche img {
	margin:1px 5px 1px 0;
}
.menugauche li {
	clear:both
}



.menugauche a, menugauche a.secteuron, menugauche a.rubriqueon{
	display:block;
	height:27px;
	line-height:2.3;
	font-size:11px;
	color:#003366;
	font-weight:bold;
	padding:0px 0px 0px 5px;
}


.menugauche a.rubriqueon {
	padding:0px 0px 0px 40px;
	font-weight:normal;
}

.menugauche-sous a {
	background-image:url(../images/fd_ssrubrique.gif);
	background-position:0px;
	background-repeat: repeat-y;
	padding:0px 0px 0px 35px;
}

.menugauche a.secteuron:hover, .menugauche a.rubriqueon:hover, .menugauche a:hover{
	text-decoration:none;
	color:#999D47;
}
.menugauche a.secteuron, .menugauche a:hover {
	background-color:#fff;
}

.menugauche a.rubriqueon, .menugauche-sous a:hover  {
	background-image:url(../images/fd_on_ssrubrique2.gif);
	background-position:0px;
	background-repeat: repeat-y;
}




#direct {
	background-color:#C17CAF;  /*rose*/
	background-image:url(../images/logo_direct.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#direct .inter-dir{
	padding:30px 3px 25px 3px;
}

#direct a{
	color:#333;
	}

#direct hr{
	color: #CBD608;
	background-color: #CCC5C5;
	margin:3px 0px
	}

/*//////// CENTRE ////////////////////////////////////////////*/


#centre {
width:580px;
float:left;
}

#logoActu{
	width:34;
	float:left;
	margin:8px 2px 0px 5px;
}

.actu, .actu_index{
	float:left;
	width:540px;
	padding:5px 0px 5px 0px;
	margin:0 0 0 10px;
}

.actu_index{
	width:520px;
}

.actu li, .actu_index li{
	list-style-type:none;
	padding:0.5em 0 0.5em 0;
	border-top:1px dotted #CCC5C5;
	clear:both;
}

.actu img, .actu_index img {
	margin:2px 5px 5px 0;
	}
	
/*//////// BREVES ///////////////////////////////*/
	
	
#boite_breve {
	background-image:url(../images/logo_annonce-s.gif);
	background-position:0px 0;
	background-repeat:no-repeat;
	background-color: #CCC5C5;
}

.breve{
	margin:10px;
	line-height:normal;
}

.breve li{
	list-style-type:none;
	padding:0.5em 0 0.5em 0;
	border-bottom:1px solid #fff;
	clear:both;
}

#boite_breve span.detail{
	color:#ffffff;
}

/*/////////FORUM/////////////////////////////////////////*/

ul.forums { 
	padding:15px;
	border-bottom:1px solid #f2f2f2;
	border-top:1px solid #f2f2f2;}

/*/////////RUBRIQUE/////////////////////////////////////////*/

#interieur_centre{
	margin:9px;
}

#chemin {
	margin:10px;
	color:#999D47;
}

#chemin a{
	color:#999D47;
}
#chemin a:hover{
	color:#003E7E;
	text-decoration:none;
}

#article, #plan{
	margin:20px 10px;
}


#plan ul {
	margin:0 0 0 15px;
}	

#plan h3 {
	font-size:11px;
	color:#CCCCCC;
	font-weight:normal;
	font-style:italic;
	}

h1 {
	margin:10px 0px 10px 0px;
	font-size:16px;
	color:#003366;
	font-weight:bold;
	height:31px;
	line-height:2.3;
	padding:0;
}

h1 img {
	margin:3px 5px 3px 10px;
}

h1 img.spip_logos {
	margin:3px 5px 3px 10px;
}

h2 {
	font-size:15px;
	color:#003366;
	font-weight:bold;
	padding:0;
	margin:0;
}

h2.gros_titre {
	font-size:16px;
}

h3 {
	margin:0px;
	padding:0px;
}

h3.spip {
	padding:0 0 0 23px;
	margin:20px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
	color:#003366;
	background-image:url(../images/paragraphe2.gif);
	background-position:left;
	background-repeat:no-repeat;
	clear:both;
}

h4.vert {
	color:#999D47;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:0;
}

h4 {
	font-size:12px;
	font-weight:bold;
	margin:10 0 0 0px;
}


.annonces {
background-color:#B4C8DE;padding:5px
}


.focus, input.focus {
	background: #BBB8BC
}



ul.liens{
	list-style-image:url(../ecrire/img_pack/deplier_bleuhaut.gif);
	padding:3px;
	margin-left:15px;
	clear:both;
}
table.spip {
	width:100%;
	border:0px;
	}
table.spip tr.row_even {
	text-align:center;
	background-color:#fff;
	border:0px;
	
}

/*///////// ARTICLE /////////////////////////////////////////*/

#boite_article, #boite_auteur, #boite_annonce{
	float:right;
	padding:2px;
	margin:0 0 0 2px;
	background-color:#D7DB68; 
	background-image:url(../images/fond_boite-article.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:158px;
	color:#fff;
}

#boite_annonce{
	background-color:#B4C8DE; 
	background-image:url(../images/fond_boite-annonce.gif);
	width:200px;
}

#boite_annonce a.rub{
	font-size:15px;
	font-weight:bold;
	color:#fff;
	line-height:1.2;
	text-decoration:none;
}

#boite_article ul, #boite_auteur ul, #boite_annonce ul{
	padding:3px 0px 20px 0;
}
#boite_article li, #boite_auteur li, #boite_annonce li, li.fleche{
	background-image:url(../images/deplier_bleuhaut.gif);
	background-position:3px 3px;
	background-repeat:no-repeat;
	line-height:1.2;
	padding:3px 6px 3px 12px;
}

#image_legende {
	float:right;
	clear:both;
	margin:2px 0 2px 0;
}

.spip_documents_center{
	clear:both;
	text-align: center;
}

.spip_documents, .spip_documents_center, #image_legende .titre_image {
	/*background-color:#f2f2f2;*/
	border-bottom:1px solid #999999;
	font-size:9px;
	margin:6px;
}

.spip_doc_descriptif, .spip_doc_titre {
	border-top:1px solid #999999;
	color:#000;
	font-size:9px;
	padding:2px;
}
.spip_doc_titre {
	font-weight:bold;
}
.spip_doc_descriptif{
	font-style:italic;
}



.chapo {
	font-size:110%;
	font-style:italic;
	}
	
p img.spip_logos {
	margin:10px 10px 10px 0px;
	}
.spip_logos{
	margin:0px;
}
	
/*//////// AUTEUR ////////////////////////////////////////////*/

#boite_auteur{
	background-color:#AFC7DE; 
}


/*//////// PIED ////////////////////////////////////////////*/

#pied, #pied-spip {
background-color:#487CB7;
padding:5px 0px;
clear:both;
text-align:center;
}

.menuPied {
list-style-type: none;
margin: 0;
padding:2px 0;
color:#ffffff;
}

.menuPied li {
display: inline;
}

.menuPied a {
padding: 0 10px 0 10px;
font-size:11px;	
color:#ffffff;
}

#pied-spip {
	color:#105DAF;
}




.detail {
	font-size:9px;
	color:#999999;
	}	
.detail-annonce {
	font-size:9px;
	color:#666666;
	}	


a.titre_actuHome{
	font-size:11px;
	font-weight:bold;	
}

/*	----------------------------------- */
/*	Feuille de style pour l'album photo */
/*	----------------------------------- */

#article_album{
	margin:20px 10px 0px 10px;
}

.album_vignette {
	float:left; 
	width:560px;
	text-align:center;
	vertical-align:middle;
	background-color:#EAE7E7;
	border-top:1px dotted #CCC5C5;
	border-bottom:1px dotted #CCC5C5;
}

.album_vignette table{
	background-color:transparent;
	margin-top:1px;
	margin-bottom:1px;
}


.album_vignette a {
	background:transparent;
}

.album_photo {
	float:left; 
	padding:2px;
	width:540px; 
	margin-top:5px;
	margin-bottom:20px;
	text-align:center;
}

.album_vignette img {
	margin:0;
	border-width:0;
}