/**********************************************************/
/*                                                                                                               */
/*    Feuille de style du site "Les Blongios, la nature en chantiers "    */
/*    -----------------------------------------------------------------------------     */
/*                                                                                                                */
/*                                Fichier crée le 13 avril 2007                               */
/*                                                                                                                */
/**********************************************************/


/*        Mise en page        */
/*       ------------------       */

* html body
{
	margin                : auto;							/* permet lde center la page */
	padding               : 0;								/* pas de marge interne par défaut */
}

body
{
	width                 : 800px;							/* largeur de 800px */	
	margin                : auto;							/* centré sur la page */
    margin-top            : 10px;							/* marge en haut de 10px */
    margin-bottom         : 10px;							/* marge en bas de 10px */
	
	background-image      : url("../images/bg.gif");		/* image de fond de la page */
	background-color      : #ffffff;						/* si elle ne s'affiche pas, le fond est blanc */
	
	text-align            : center;							/* les textes, images sont centrés par défaut */
	font-family           : arial;							/* police par défaut */
	font-size             : 12pt;							/* taille du texte */
	color                 : #404040;						/* couleur du texte */
	text-decoration       : none;							/* n'est pas souligné */
}

/*    liens    */
a
{
	color                 : #ff7b00;						/* couleur du lien par défaut, ici en orange */
	outline               : none;							/* pas d pointillé autour du lien quand séléctionné */
}

a img
{
	border                : 0px;							/* les liens images n'ont pas de bordure... */
}

.lien_bordure
{
	border                : 2px solid #ff7b00;				/* ...sauf quand c'est spécifié */
}

.back_button
{
	margin                : auto;
	padding-left          : 25px;							/* marge interne à gauche */
	text-align            : left;							/* le texte du bloc est aligné à gauche */
}

.back_button a												/* les liens (a) des blocs de class="back_button"... */ 
{
	font-size             : 10px;							/* ...ont une taille de 10 pixels */
	text-align            : left;							/* ...sont alignés à gauche */
	text-decoration       : none;							/* ...ne sont pas soulignés */
	color                 : #005a31; 						/* ...sont verts */
	border                : none;							/* ...n'ont pas de bordure */
}

.back_button a:hover											/* au survol de la souris (:hover) ces liens... */
{
	font-size             : 10px;
	text-align            : left;
	text-decoration       : none;
	color                 : #ff7b00; 						/* ...sont orange */
	border                : none;
}

/*    paragraphes    */
p
{
	text-align            : justify;
	padding               : 25px;
}

.normal
{
	text-align            : justify;
	padding               : 25px;
}

.centre
{
	text-align            : center;
	padding               : 25px;
}

/*    tableaux    */
table
{
	width                 : 800px;							/* par défaut les tableux ont une largeur de 800px */
	margin                : 0;								/* pas de marge extérieure */
	border                : 0px;							/* n'ont pas de bordure */
	border-collapse       : collapse;				        /* n'ont pas d'espace entre les cellules */
}

td
{
	padding               : 0px;							/* les celluls n'ont pas de marge intérieure */
}

table .drapeaux												/* par contre, le table class="drapeaux" */
{
	width                 : 130px;							/* a une largeur de 130px */
	height                : 30px;							/* une hauteur de 30px */
	margin                : auto;
	border                : 0px;
	border-collapse       : collapse;
	text-align            : center;							/* et le texte ou les images sont centrés */
}

.equipe
{
	width                 : 500px;
	margin                : auto;
	border                : 0px;
	border-collapse       : collapse;
	text-align            : center;
}
.equipe a
{
	text-decoration       : none;
}
.equipe a img
{
	border                : 2px solid #ff7b00;				/* les liens images des table class="equipe" ont une bordure pleine de 2px orange */
}

.partenaires
{
	width                 : 730px;
	margin                : auto;
	border                : 1px solid #005a31;
	border-collapse       : collapse;
	
}
.nom_impaire
{
	width                 : 440px;
	text-align            : right;
}
.nom_paire
{
	width                 : 440px;
	text-align            : right;
	background-color      : #ededed;
}
.internet_impaire
{
	width                 : 290px;
	text-align            : center;
}
.internet_paire
{
	width                 : 290px;
	text-align            : center;
	background-color      : #ededed;
}

.manifestation, .deroulement
{
	width                 : 700px;
	margin                : auto;
	text-align            : center;
	background-color      : #ffffff;
	border                : 1px solid #005a31;
}

.deroulement thead
{
	font-weight			  : bold;
}

.deroulement td
{
	border                : 1px solid #005a31;
}

.deroulement .desc
{
	width				  : 66%;
	padding-left		  : 3px;
	text-align			  : left;
}

.deroulement .jour
{
	padding-left		  : 10px;
	color				  : #ffffff;
	text-align			  : left;
	background			  : #666666;
}

/*    calendrier    */
.mois_ok
{
	width                 : 118px;
	height                : 24px;
	text-align            : center;
	background-image      : url("../../pages/calendriers/fichiers/images/mois_ok.gif");
	border                : 0px;
	padding               : 0;
	margin                : 0;
}

.mois_non
{
	width                 : 118px;
	height                : 24px;
	text-align            : center;
	background-image      : url("../../pages/calendriers/fichiers/images/mois_non.gif");
	border                : 0px;
	padding               : 0;
	margin                : 0;
}

/*  autres chantiers  */
table.chantiers_autres 
{
	width				  : 760px;
	border                : 2px solid #005a31;
	border-collapse       : collapse;
	background-color      : #ffffff;
	text-align            : center;
	margin                : auto;
	padding               : 5px ;
}

.chantiers_autres td
{
	border                : 2px solid #005a31;
	border-collapse       : collapse;
	background-color      : #ffffff;
	text-align            : justify;
	margin                : auto;
	padding               : 5px;
}

td.texte
{
	font-size             : 12pt;
	font-family           : arial;
	color                 : #404040;
	text-decoration       : none;
}

td.texte_type
{
	font-size             : 14pt;
	font-family           : verdana;
	color                 : #ff7b00;
	font-weight           : bold;
	text-decoration       : none;
	text-align            : center;
}

.texte_case
{
	font-size             : 12pt;
	font-family           : arial;
	color                 : #005a31;
	font-weight           : bold;
	text-decoration       : none;
}

td.texte_date
{
	font-size             : 12pt;
	font-family           : arial;
	color                 : #005a31;
	font-weight           : bold;
	text-decoration       : none;
	text-align            : center;
}

td.texte_lien
{
	font-size             : 8pt;
	font-family           : arial;
	color                 : #404040;
	text-decoration       : none;
}

/*        styles des DIV        */
/*       -------------------        */

/*    header    */
#header														/* style pour div id="header" */
{
	width                 : 800px;
	height                : 125px;
	
	background-image      : url("../images/header/fond_header.gif");	
	
	border-top            : 2px solid #9ed249;
    border-left           : 2px solid #9ed249;
    border-right          : 2px solid #9ed249;
}

.fond_degrade
{
	background-image      : url("../images/header/fond_degrade.gif");
}

.fond_photos
{
	background-image      : url("../images/header/fond_photos.gif");
}

.fond_drapeaux
{
	background            : url("../images/drapeaux/fond_drapeaux.gif") no-repeat;
}

/*    menu    */
#menu
{
	width                 : 800px;
	height                : 60px;
	
	background-image      : url("../images/header/fond_header.gif");	
	
	border-left           : 2px solid #9ed249;
    border-right          : 2px solid #9ed249;
}

/*    sous-menus    */
.sousmenus
{
	width                 : 800px;
	height                : 30px;
	
	background-image      : url("../images/onglets/sousmenus.gif");	
}

/*    boîte    */
#boite
{
	width                 : 800px;
	background-color      : #ffffff;
	margin                : auto;
	border-left           : 2px solid #9ed249;
    border-right          : 2px solid #9ed249;
	position: relative;
}

#boite img
{
	border               : 1px dashed #404040;
	border-collapse      : collapse;
	margin               : auto;
}

#boite #BadgeRelais
{
	text-align			 : left;
	position			 : absolute;
	top					 : 200px;
	left				 : 100px;
}	

#boite #BadgeRelais img
{
	border               : 0px;
}
/*    page    */
#page
{
	width                 : 800px;
	background-image      : url("../images/logo_blongios_fond.png");
	background-attachment : fixed;							/* le fond ne bouge pas, la page semble de déplacer par dessus - ne fonctionne pas sur IE < 7 */
  	background-repeat     : no-repeat;
  	background-position   : center;
	background-color      : #ffffff;
	margin                : auto;
	border-left           : 2px solid #9ed249;
    border-right          : 2px solid #9ed249;
}

/*    pied de page    */
#footer
{
	width                 : 800px;
	height                : 125px;
	background-color      : #ffffff;
	
	border-left           : 2px solid #9ed249;
    border-right          : 2px solid #9ed249;
    border-bottom         : 2px solid #9ed249;
}

.pied_separation
{
	background-image      : url("../images/pied/pied.gif");
	width                 : 800px;
	height                : 8px;
}

#flux_rss
{
	width				  : 800px;
	height				  : 20px;
	text-align			  : right;
	font-size             : 8pt;
	font-family           : verdana, arial;
	color                 : #005a31;
	text-decoration       : none;
}

#flux_rss img
{
	vertical-align        :bottom;
}

#credits
{
	width				  : 500px;
	height				  : 20px;
	margin-top			  : 7px;
	float				  : left;
	text-align			  : left;
	font-size             : 8pt;
	font-family           : verdana, arial;
	color                 : #005a31;
	text-decoration       : none;
}

/*    galerie photos    */
.photo_galerie
{
	width                 : 700px;
	margin                : auto;
	text-align            : center;
}

.photo_galerie a img
{
    border                : 2px solid #ff7b00;
}


/*        Styles de texte        */
/*       --------------------        */

/*    titres    */
h1
{
	font-size             : 24pt;
	font-family           : arial;
	font-weight           : bold;
	color                 : #ff7b00;
	text-decoration       : none;
}

h2
{
	font-size             : 18pt;
	font-family           : arial;
	font-weight           : bold;
	font-style            : italic;
	color                 : #005a31;
	text-align            : left;
	text-indent           : 110px;
	text-decoration       : none;
}

h3
{
    font-size             : 14pt;
	font-family           : arial;
	font-weight           : bold;
	font-style            : italic;
	color                 : #404040;
	text-align            : left;
	padding               : 0px;
}

h4
{
    font-size             : 14pt;
	font-family           : arial;
	font-style            : italic;
	color                 : #ff7b00;
	text-align            : left;
	padding               : 0px;
}

div .milieu
{
	font-size             : 18pt;
	font-family           : arial;
	font-weight           : bold;
	font-style            : italic;
	color                 : #005a31;
	text-align            : center;
	text-decoration       : none;
	padding-left          : 25px;
	padding-right         : 25px;
}

.titregalerie
{
	width                 : 700px;
	margin-left           : 25px;
	margin-right          : 25px;
	padding-left          : 25px;
	text-align            : left;
	font-weight           : bold;
	font-size             : 16px;
	height                : 23px;
	line-height           : 20px;
	border-bottom         : 1px solid #005a31;
	font-family           : 'Trebuchet MS', verdana, sans-serif;
	color                 : #005a31;
}
  
/*    contenu    */
.texte_legende
{
	padding               : 0px 25px 0px 25px;
	
	font-size             : 8pt;
	font-family           : verdana, arial;
	color                 : #404040;
	text-decoration       : none;
}

/*    calendrier    */

.texte_mois_ok
{
	font-size             : 12pt;
	font-family           : verdana, arial;
	color                 : #597c28;
	font-weight           : bold;
	text-decoration       : none;
}

.texte_mois_non
{
	font-size             : 12pt;
	font-family           : verdana, arial;
	color                 : #a1a1a1;
	font-weight           : bold;
	text-decoration       : none;
}

/*    pied de page    */
.haut_page
{
	font-size             : 8pt;
	font-family           : verdana, arial;
	color                 : #ff7b00;
	text-decoration       : none;
}

.texte_pied
{
	font-size             : 8pt;
	font-family           : verdana, arial;
	color                 : #005a31;
	text-decoration       : none;
}

/*        Styles du bandeau        */
/*       ------------------------        */

#conteneur_defil
{ 
	border                : 0;
	width                 : 414px; 
	margin                : 0 auto;
	overflow              : hidden;
	line-height           : normal;
}

#cadre_defil
{
	position              : relative; 
	width                 : 414px; 
	height                : 14px; 
	overflow              : hidden;
	background-color      : #e7e7e7;
 }

#cadre_defil img
{
	vertical-align        : middle;
	border                : 0;
}

#defile
{ 
	position              : absolute;
	width                 : 800px;
	font-family           : Verdana, arial;
	font-size             : 10px;
	color                 : #005a31;
	font-weight           : bold;
}

#defile .liens
{
	text-decoration       : underline;						/* souligné */
	color                 : #ff7b00;
}

/*        Liste à puces        */
/*       -----------------        */

li
{
	font-size             : 12pt;
	font-family           : arial;
	color                 : #404040;
	text-align            : justify;
 	
 	display               : list-item;						/* affichage sous forme de liste */
 	list-style-type       : none;							/* n'a pas de puce */
 	list-style-position   : inside;
 	background-image      : url("../images/puce.gif");		/* on remplace la puce par notre image */
 	background-repeat     : no-repeat;
 	background-position   : 10% 7px;
 	padding-left          : 100px;
 	padding-right         : 50px;	
}

li img
{
	margin-left           : 25%;
}

/*        Diapos, articles, textes CA        */
/*       -----------------------------------        */

.highslide-html
{
    background-color      : #ffffff;
}
.highslide-html-blur
{
}
.highslide-html-content
{
    text-align            : justify;
	position              : absolute;
    display               : none;
}
.highslide-loading
{
    display               : block;
	color                 : black;
	font-size             : 8pt;
	font-family           : arial, sans-serif;
	font-weight           : bold;
    text-decoration       : none;
	padding               : 2px;
	border                : 1px solid #000000;
    background-color      : #ffffff;
    
    padding-left          : 22px;
    background-image      : url("../images/highslide/loader.white.gif");
    background-repeat     : no-repeat;
    background-position   : 3px 1px;
}
a.highslide-credits,
a.highslide-credits i
{
    padding               : 2px;
    color                 : silver;
    text-decoration       : none;
	font-size             : 10px;
}
a.highslide-credits  :hover,
a.highslide-credits  :hover i
{
    color                 : #ffffff;
    background-color      : gray;
}

/* Styles for the popup */
.highslide-wrapper
{
	background-color      : #ffffff;
}
.highslide-wrapper .highslide-html-content
{
    width                 : 400px;
    padding               : 5px;
}
.highslide-wrapper .highslide-header
{
    border-bottom         : 1px solid lightgray;
}
.highslide-wrapper .highslide-header div
{
}
.highslide-wrapper .highslide-header ul
{
    margin                : 0;
	padding               : 0;
	text-align            : right;
}
.highslide-wrapper .highslide-header ul li
{
    font-size             : 8pt;
	list-style-type       : none;
	background-image      : url("../images/00.gif");
 	background-repeat     : no-repeat;
	display               : inline;
	padding-left          : 1em;
	
}
.highslide-wrapper .highslide-header ul li img
{
    margin                : 0;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next
{
	display               : none;
}
.highslide-wrapper .highslide-header a
{
	font-weight           : bold;
	color                 : gray;
	text-transform        : uppercase;
	text-decoration       : none;
}
.highslide-wrapper .highslide-header a  :hover
{
	color                 : black;
}
.highslide-wrapper .highslide-header .highslide-move a
{
	cursor                : move;
}
.highslide-wrapper .highslide-footer
{
	height                : 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize
{
	float                 : right;
	height                : 11px;
	width                 : 11px;
	background            : url("../images/highslide/resize.gif");
}
.highslide-wrapper .highslide-body
{
}
.highslide-move
{
    cursor                : move;
}
.highslide-resize
{
    cursor                : nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block
{
    display               : block;
}
.highslide-display-none
{
    display               : none;
}

/*        Sous-menus        */
/*       ----------------        */

table .ssm
{
    width                 : 788px;
    height                : 30px;
    margin-top            : 3px;
    margin-left           : 0px;
  	margin-right          : 0px;
  	margin-bottom         : 0px;
  	text-align            : center;
  	border                : 0px;
  	border-collapse       : collapse;
}
    
table .ssm td
{
  	text-align            : center;
  	vertical-align        : top;
}
    
table .ssm a
{
    font-family           : 'Trebuchet MS', arial;
    font-size             : 10pt;
    font-weight           : bold;
    text-decoration       : none;
    text-align            : center;
    color                 : #005a31;
}
  
table .ssm a:hover
{
    color                 : #ff7b00;
}

/*        pages actu        */
/*        --------------       */

div#galerie
{
	width                 : 750px;
	background            : #ffffff;
	border                : 0;
	padding               : 15px;
	margin                : auto;
	text-align            : center;
	font                  : 0.9em Georgia, serif;
}

ul#galerie_mini
{
	list-style-type       : none;
	margin                : 0px 0px 0px 30px;
	
}

ul#galerie_mini li
{
	float                 : left;
	padding               : 0px 0px 0px 5px;
}

ul#galerie_mini li a img
{
	margin                : 2px 1px;
	border                : 2px solid #005a31;
}

dl#photo
{
	clear                 : both;
	margin                : 0 auto;
}

dl#photo dt
{
	font                  : italic 14pt Georgia, serif;
	color                 : #005a31;
}

dl#photo dd
{
	margin                : 0;
}

dl#photo img
{
	border                : 2px solid #005a31;
}

/*        googlemap        */
/*        -------------        */

#map_google
{
    width                 : 680px;
	height                : 400px;
	
	margin                : auto;
	
	text-align            : center;
	
	border                : 1px solid #979797;
}

/*        animation www.lesblongios.fr        */
/*       --------------------------------------        */

#animation
{
	width                 : 431px;
	height                : 376px;
	
	background            : transparent url('../../pages/association/fichiers/actu/BlongiosAnim.gif') no-repeat center center;
	text-align            : left;
	position              : relative;
	top                   : -405px;
	left                  : -175px;
}