@charset "iso-8859-1";
/* CSS Document */

body 				{	background-color:#CCCCCC;
						text-align: center;
						font-family:"Trebuchet MS", Tahoma;
						font-size:1em;
						margin-top:5px;
						}
	
#page 				{
	width: 945px;
	height:900px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(/images/background/droite&gauche.png);
	background-repeat:repeat-y;
	padding-left:12px;
}


.main	{
padding-top:7px;
padding-left:10px;
padding-right:10px;
width:925px;
min-height:520px;	}
	
.photo_accueil {
/*position:absolute; */
float:right;
margin-right:10px;
/*margin-left:165px;*/
}

.pied_page	{
			background-image:url(/images/background/pied_bg.png);
			background-repeat:repeat-x;
			text-align:center;
			font-size:0.7em;
			}
.pied_page	a	{
				color:#999999;
				text-decoration:none;
				text-shadow:#333333;}
.bulletinsarchives {
	position:relative;
	float:right;
	width:200px;
	height:200px;
}
.bulletinsarchives a {
text-decoration:none;
font-size:0.75em;
color:#999999;
}

h1 {
	font-size:2.75em;
	color:#3399CC;
	font-weight:bold;
}

h2 {	vertical-align: top; }
h3 { 	text-align:center; color:#0033FF; font-size:2em; }
h4 {	font-size: 1.2em; color: #0066CC; text-align:left;	}
h5 {	font-size: 0.75em; color: #FF6600; border-bottom:solid thin #FF6600;}
h6 {	font-size: 0.85em; color: #999999; text-align:right; font-style:italic; 	}
h7 {	font-size: 1em; color: #FF6600; text-align:left;	}
h8 {	font-size: 1.2em; color: #0066CC; text-align:center;	}
h9 {	font-size: 1.4em; color:#3399CC; text-align:left;font-weight:bold;}
#normal {
	font-size:0.7em;
	color:#000;
	font-weight:200;
}

#tag1 {
	font-size:0.8em;
	color: #CC00CC;
}
#tag2 {
	font-size:0.9em;
	color: #CC00CC;
}
#tag3 {
	font-size:1em;
	color: #CC00CC;
}
#tag4 {
	font-size:1.1em;
	color: #CC00CC;
}
#tag5 {
	font-size:1.2em;
	color: #CC00CC;
}
#tag11 {
	font-size:0.8em;
	color:#009933;
}
#tag12 {
	font-size:0.9em;
	color:#009933;
}
#tag13 {
	font-size:1em;
	color:#009933;
}
#tag14 {
	font-size:1.1em;
	color:#009933;
}
#tag15 {
	font-size:1.2em;
	color:#009933;
}
#tag21 {
	font-size:0.8em;
	color:#FF6600;
}
#tag22 {
	font-size:0.9em;
	color:#FF6600;
}
#tag23 {
	font-size:1em;
	color:#FF6600;
}
#tag24 {
	font-size:1.1em;
	color:#FF6600;
}
#tag25 {
	font-size:1.2em;
	color:#FF6600;
}
#tag50 { 	font-size:0.9em; 	color:#3399CC; 	}

#main	{
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	height: 500px;
}

.container {
	position: relative;
	float:right;
	width:270px;
	text-align: right;
	z-index:50;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.cadre_texte_ateliers {
width:650px;
text-align:justify;
margin-left:auto;
margin-right:auto;
margin-top:40px;
}

.thumbnail2 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: 1px solid blue;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -40px;
left: -625px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


#scroller {
	position: relative;
	float:right;
}



/* POUR RUBRIQUE ACTIVITE */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 150px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/* FIN RUBRIQUE ACTIVITE */




/* RUBRIQUE EVENEMENTS */
#calendrier_evenements {
						float:right;
}
/* FIN RUBRIQUE EVENEMENTS */


/* AFFICHAGE PHOTOS FROG */

			#FrogJS{
				width: 760px;
				height: 600px;
				margin: 0 auto;
			}
			#FrogJSCredit{
				text-align: right;
				font-size: 80%;
				color: #999;
				padding: 1px;
			}
			#FrogJSCaption{
				text-align: left;
				line-height: 140%;
			}

#lien1	{	text-decoration:none;
			font-size:1.2em;
			color:#009933;	}

/* AFFICHAGE PHOTOS COLEGIALE */
.listerubriques {
			margin-left:340px;
			text-align:left;	}
.listerubriques li {
			list-style-image:url(images/icones/bullet_arrow_right.png);
			vertical-align:top;
			padding-left:20px;
			margin-top:10px;
			text-align:left;
			}
.listerubriques a {
			color:#666666;
			text-decoration:none;
			}
			
.box_citation 	{
				background-color:#F5DBA9; }
				
				
				
.partenaires table {
	width:600px;
	}
	.partenaires td { width::300px; text-align:center;	}
	.partenaires tr { height:200px;}
	
.adherer li {
 font-family: Arial, sans-serif;
 font-size: 100%;
 color: black;
 list-style-type: none;
 background: url(images/icones/bullet_arrow_right.png) no-repeat 0 0.1em;
 padding-left: 30px;
}