@charset "iso-8859-1";
	/* AUTEUR : nihouarn  DATE DE CREATION : 14/09/07 */	
html{
font-size: 100%
}
body
{
margin: 0;
padding: 0;
line-height: 1.5em;
font-size: 62.5%;
font-style: normal;	
text-align: center;   
background-image : url(images/fond_page2.jpg);
background-color : #fff;
background-attachment : fixed;
background-repeat : no-repeat;
background-position : 130px 130px;
}  

#trombinoscope div {
background : url(images/frame-pt3.gif);
background-repeat : no-repeat;
text-align : center;
font-size : 10px;
font-family : Arial;
font-weight : bold;
width : 150px;
height : 178px;
float : left;
}
#trombinoscope div span {
background : #9f6;
display : block;
width : 125px;
margin : auto
}
#trombinoscope div p {
background : #ccc;
display : block;
width : 125px;
margin : 0 auto;
padding : 0
}
#tab-effectif {	 
background-image: url(images/ciel3.jpg);
border-color : #9cf;
border-style : solid;
font-family : "Arial Narrow";
font-size : 1em;
font-weight : bolder;
color : black;
width: 62em;
margin: auto
}	
#tab-effectif caption {	
font-family : Arial ; 
font-size : 1em
}  
 #tab-effectif td {	
 text-align: left; 
 padding: 1px 3px
 }	
#tab-presse {	 
background-image: url(images/parchem.jpg);
border-color : #234363;
border-style : solid;
font-family : "Arial Narrow";
font-size : 1.3em;
font-weight : bold;
color : black;
width: 40em;
margin: auto
}	
#tab-presse td {	
 text-align: left; 
 padding: 1px 1px
 }	
#tab-presse td a:link{	
 text-decoration: none;
 }	
#tab-presse td a:hover{	
 color: red;
 }	
#tab-presse td a:visited{	
 text-decoration: none;
 }	
address { 	 
font-family : Arial ; 
font-size : 10px; 
font-style: italic
 }
.decalage {
margin : 0 1px -5px;
}
.marge {
margin : 0 1px -3px
}
.border1 {
padding : 0;
border : solid;
border-width : 1px;
border-color : #6f3;
margin-top : 20px
}
.border2 {
margin-top : 20px;
border : 4px double black
}
.border3 {
border: 1px solid black;
margin-top : 20px
}
.border4 {
	margin: 0px;
	border-width: 3px 3px 1px 1px;
	border-style:  solid;
	border-color:  #034363
	}
.eetat1 {
color : black;
font-size : 1.2em;
font-family : "Arial";
text-align: left
}
.eetat1b {
color: #000063;
font-size : 1.2em;
font-family : "Arial";
text-align: left
}
.eetat2
 {
color:black;   
font-size:8pt;   
font-family: "Comic Sans MS"
	}
.eetat3
 {
color:black;  
font-size:1.3em;   
font-family: arial;
 text-align: center
	}
.eetat4
 {
color: #800000;  
font-size:1.5em;   
font-family: arial;
font-weight: bold;
	}
.eetat4titre
 {
color: #800000;  
font-size:2.5em;   
font-family: arial;
font-weight: bold;
	}
input, textarea {
background-color: #FFFF99;
	}
.eetat5
{
font: bold 1.4em "Comic Sans MS" ; 
line-height: normal;
color:black;	
text-align: center
} 
.eetat5l
{
font: bold 1.4em "Comic Sans MS" ; 
line-height: normal;
color:black;	
text-align: left
} 
.eetat7 {
color:black; font-size:10pt; font-family:"Comic Sans MS";
	 }
.eetat8 {
color:white; font-size:10pt; font-family:"Comic Sans MS"
	} 
.vert
	{
font-family:arial;  
font-size:10pt;
color:#000000; 
background:#0f0
}
.bleu
	{
font-family:arial;  
font-size:10pt;
color:#000000; 
background:#9cF
}
.jaune
	{
font-family:arial;  
font-size:10pt;
color:#000000; 
background:#ff0
}
.rouge
	{
font-family:arial;  
font-size:10pt;
color:#fff; 
background:#f00
}
.blanc
	{
color:#fff; 
background:#fff
}
.gris
	{
color:#ccffcc; 
background:#fff
}
.commentbox {
background : rgb(228, 250, 255); 
border : #69f solid;
border-width : 1px 1px 1px 6px;
padding : 0.5em;
text-indent : 2em;
text-align : justify;
font : normal normal bold 14px "Comic Sans MS";
margin : 20px auto 0 ;
width : 540px
}
#attention, #important {
border-left-color :  red
}
.mess1 {
display : block;
text-align : center;
font : normal normal bold 11px "arial";
width : 270px;
margin : 15px auto 0
}
.forum { 
float: right;
background : #fff;
border : solid red;
border-width : 1px 1px 1px 3px;
margin : 3px;
width : 10em; 
height: 1.8em;

}
.vie {
display : block;
background : #fff;
border : solid silver;
border-width : 1px 1px 1px 6px;
padding : 3px;
text-align : center;
font : normal normal bold 11px "arial";
width : 270px;
margin : 5px auto
}
#depart {
background : #fff;
border : 1px solid black;
padding : 3px;
text-align : justify;
font : normal normal bold 11px "arial";
width : 270px;
clear: left
}
#deces {
background : #cad8e5;
border : 4px double black;
padding : 3px;
text-align : justify;
font : normal normal bold 1.2em "Comic Sans MS";
margin : 10px auto;
width : 500px;
clear:left
}
	/* # style des titres#*/
h1 {color: #032363; font-size: 28px; font-weight: bold; text-align: center; margin: 0; padding: 0;line-height: 50px}
h2 {color: #032363; font-size: 2.2em; font-weight: bold; text-align: center; margin: 1em 0 0 0; line-height:normal}	 
h3 {color: #3333cc; font-size :2em; font-family: "arial"; }								
h4 {color: #3333cc; font-size :1.6em; font-family: "arial"; text-align: center; text-decoration : none;	}
h5 {color: #032363; font-size: 1.2em; font-weight: bold; text-align: center; margin: 0; padding: 0; line-height:20px}
h6 {color: #032363; font-size: 1em; font-weight: bold; text-align: center; margin: 0.2em; line-height:normal} 
#martray h2, #rinters h2, #issoire2008 h2, #vie h2 , #cinema h2
{ color:#3333cc; font-size:20px; FONT-FAMILY: "Comic Sans MS"; padding-top: 1em; margin: 0; }
 
/* Début du menu horizontal (bandeau)*/	 
div#header { background-color: #9cF;}
div#bandeau {background: #9cF; height: 124px; text-align: left;  width: 520px; margin: 0 auto }	 
div#bange, div#messmer, div#bange2,  div#messmer2 {width: 130px; height: 124px}	
div#bange {float: left	; background-color: #034363; background-image : url(images/sortie3.jpg)	} 
div#bange2 {float: right	; background-color: #034363; background-image : url(images/sortie3.jpg)	} 
div#messmer {float: right ; display: inline; background-color: #034363; background-image : url(images/wevent4avgn.jpg)} 
div#messmer2 {float: left ; display: inline; background-color: #034363; background-image : url(images/wevent4avgn.jpg)}
#bandeau ul {   padding: 29px 10px 0 10px;  margin: 0;  LIST-STYLE-TYPE: none }
#bandeau li { padding: 0 0 0 9px; background: url(images/left.gif) no-repeat left top; float: left; margin: 0; }
#bandeau a {
         display: block; 
		 font-size: 15px; 
		 font-weight: bold;  
		 background: url(images/right.gif) no-repeat right top; 
		 float: left; 
		 color: #034363; 
     	  padding: 5px 5px 5px 0;
		 text-decoration: none }
#bandeau a:hover { color: #f00	}
#bandeau #actif {  background: url(images/left_on.gif)}
#bandeau #actif a { background: url(images/right_on.gif);padding-bottom: 5px; 	color: #00f } 
/* # début de la page  */	  
#accueil { 
text-align: center; 
margin-top:0px; 
margin-left:130px; 
margin-right:0px;
}  
.centre {text-align: center; width: 500px;  margin: auto }
.centre640 {text-align: center; width: 640px;  margin: auto }
.centre900 {text-align: center; width: 900px;  margin: auto }
/* # début de la partie css du pied de page et du menu vertical""" */	
#pied { 
background: #9cf; 
height: 6em; 
clear: left; 
text-align: center
}	
#menu {	 
width: 130px; 
text-align: center; 
background: #9CF; 
position: absolute; 
top: 124px; 
left: 0; 
height: 70em; 
font-size: 1.3em
}
ul#menu-v{
margin: 0;
padding: 0;
font: bold 0.9em arial, helvetica, sans-serif;
list-style-type: none
}
#home {
text-align: center;
width: 100px
}
.brig {
text-align: center;
width: 9em;
margin: auto
}  

#menu-v a {
display: block;
margin: 1px auto;
color: #032363;
text-decoration: none;
line-height: 1.2em;
width: 115px;
border: 1px solid black;
text-align: center;
border-width: 1px ;
border-color: #cecece #39c #39c #cecece;
border-style: solid
}  
 #menu-v li.select, #bandeau li.select {background: #fff; font-size: 1.1em}
#menu-v a.g11, #bange a.g11 {background: #ff9;}	
#menu-v a.g12 {background: #6fc;}
#menu-v a.g13 {background: #9f9;}
#menu-v a.atel {background: #efe;width: 75px;text-align: left;}
#menu-v a.mus {background: #efe;} 
#menu-v a.rin {background: #6f6;}
#menu-v a:hover, #menu-v a:focus
{
border-width: 1px 1px 1px 1px;
border-color:  #39c #cecece #cecece  #39c;	 
color:#f00
}

#annonce p:first-letter {
	color: black;
	font-size: 14pt;
	font-weight: bold
	}
#annonce p {
	margin: 0;
	padding: 0;
	text-indent: 3em;
	text-align: justify
	}	
	   /* # elements CSS page drapeau #*/  
.pinter:first-letter {
	color: black;
	font-size: 14pt;
	font-weight: bold
	}
.pinter {
	margin: 0;
	padding: 0;
	text-indent: 20px;
	text-align: justify
}
.drapeau
{
	line-height: 1.5em;
	font-style: normal;
	font-family: arial, 'Trebuchet MS', Verdana, Sans-Serif;
	text-align: justify
}
.declaration, .contenu
{
	font-size: 1.2em
}
.declaration
{
	width: 46%;
	float: left
}
.photo
{
	width: 60%;
	float: left;
	padding: 0;
	margin: 0
}
.clearleft { 	clear: left }
.fenetre {	width: 30%;	float: left }
.contenu {	float: left; padding: 0.3em }
.contenu dl, .contenu dt,  .contenu dd	{  margin: 0; 	padding: 0 }
.contenu dt {	padding: 0.9em;	font-weight: bold; background: #cc9 }
.contenu dd { padding: 0.1em 1em;	margin-bottom: 1.5em;	background: #e6e6ce;	border-bottom: 0.1em dotted #aaaaaa }
.chants1 { display: block;   font-family: Arial;  color: #fff;  background: #034363; }	
.chants2 { display: block;   font-family: Arial;  color: #fff;  background: #9F502A; }
/* ## fin du contenu  page drapeau  suivant: debut du contenu rinters#*/
#rinters { 
	background:  #FFFFFF url(images/parchem.jpg) repeat fixed 0 0;
	margin: 0;
	padding: 0;
	text-align: center
}  
#intro {
margin: 0 auto;
width: 550px;
color:black; 
font-size:10pt;  
text-indent: 3em;
FONT-FAMILY: "Comic Sans MS";
text-align: justify
} 

.hr1 {
border:solid;
border-color:blue;
border-width:1px;
width:50%;
margin: 0 auto
    } 
	/*  debut du contenu martray*/
.tab_comment {
	margin: 0 auto;
	padding: 5px;
	width: 640px;
	color: black;
	font-size: 1.4em;
	line-height: normal;
	FONT-FAMILY: "Comic Sans MS";
	border: thin solid #9CF;
	background: #CFF
}
#inscription {
	width: 620px;
	text-align: left;
	background : rgb(228, 250, 255);
	text-indent: 2em
}
.tab_comment img {
	border-style: solid;
	border-color: #034363;
	border-width: 3px 3px 1px 1px;
	clear: right;
	float: left;
	margin: 10px
}
.ateliers
{
	border: 1px solid black;
   width: 250px;
	background-color: white;
	position: relative;
	top: -120px
	}