/* Design */

body {
	background-attachment: fixed;
	background-image: url(../images/back2.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-color: #000000;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 0px;
	min-width : 1212px;
}

.bb {

}

.nr {
	display :none;
}


#top { /* changement css */
	float : left;
	clear : none;
	height: 50px;
	width: 125px;
	position : fixed;
	margin-top: 0px;
	margin-bottom : 10px;
}

#top p { 
	color : white;
	font-weight : bold;
	padding-top : 1px;
	padding-left : 2px;
}

#top a:link {
	color: white;
	text-decoration: none;
	font-weight : bold;
}

#top a:hover {
	color: blue;
	text-decoration: none;
	font-weight : bolder;
}

#top a:visited {
	color: white;
	text-decoration: none;
	font-weight : bold;
}

#top a:visited:hover {
	color: white;
	text-decoration: none;
	font-weight : bolder;
}


#head{
	background-position: center top;
	background-image: url(../images/header2.png);
	background-repeat: no-repeat;
	height: 180px;
	width: 912px;
	margin-right: auto;
	margin-left: auto;	
	margin-bottom : 0px;
}

#ban {
	background-position: center;
	background-image: url(../images/);
	background-repeat: no-repeat;
	min-height : 10px;
	min-width : 300px;
	padding : 0;
	margin : 0;
	margin-left : 175px;
}

#middle {
	background-position: center top;
	background-image: url(../images/whiteback2.png);
	background-repeat: repeat-y;
	background-attachment: scroll;
	margin: auto;
	clear: none;
	width: 912px;
	padding-top : 15px;
	padding-bottom : 30px;
	min-height : 880px;
}

#menu {
	float : left;
	text-align : center;
	width : 220px;
	margin : 0;
	margin-left : 10px;
	padding-top : 15px ;
	padding-bottom : 15px ;
	padding-left : 0px;
	padding-right: 0px;
	min-height : 300px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size : 115%;
}

#menu h4 {
	color : black;
}

#menu .titre1  {
	height: 38px;
	background-image:url("../images/titre1_tsp.png");
	background-repeat:no-repeat;
	background-position:center bottom;
}

#menu .titre2  {
	height: 38px;
	background-image:url("../images/titre2_tsp.png");
	background-repeat:no-repeat;
	background-position:center bottom;
}

#menu .titre3 {
	height: 38px;
	background-image:url("../images/titre3_tsp.png");
	background-repeat:no-repeat;
	background-position:center bottom;
}

#menu .titre4  {
	height: 38px;
	background-image:url("../images/titre4_tsp.png");
	background-repeat:no-repeat;
	background-position:center bottom;
}

.style_menu {
width: 216px;
margin: 0;
padding : 0;
margin-bottom : -8px;
margin-top : -13px;
}

.style_menu ul {
list-style: none;
margin: 0;
padding: 0;
margin-left : 16px;
}

.style_menu li a {
height: 32px;
height: 24px;
text-decoration: none;
padding : 0;
}

.style_menu li a:link, .style_menu li a:visited {
color: #C7377D;
display: block;
background: url(../images/menu2.gif);
padding: 8px 0 0 8px;
}

.style_menu li a:hover {
color: #C7377D;
background: url(../images/menu2.gif) 0 -32px;
padding: 8px 0 0 8px;
}


.compteur {
	color: black;
}

.compteur1 {
	border-bottom:1px solid #fe9edd;
}

.compteur2 {
	border-bottom:2px solid #fe9edd;
}

.compteur3 {
	border-bottom:2px dotted #fe9edd;
	border-top:2px dotted #fe9edd;
}

.parten  {
	margin-left:72px;
}

#content {
	margin : 0;
	padding : 0;
	margin-left : 50px;
	margin-top : -50px;
	width : 525px;
	text-align : left;
	padding-top : 15px;
	padding-bottom : 15px;
	padding-left : 5px;
	padding-right: 20px;
	min-height : 870px;
}


#content_head {
	height : 92px;
	background-image: url(../images/content_head2.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#content_foot {
	height : 60px;
	background-image: url(../images/content_foot2.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#content_body {
	background-image: url(../images/content_body2.png);
	background-repeat: repeat-y;
	background-position: top center;
	min-height : 300px;
}

#content_body, #content_foot,#content_head {
	width: 640px;
	margin : auto;
	margin-bottom : 0px;
	margin-left : 235px;
	padding-right : 5px;
	padding-top : 10px;
	padding-left : 5px;	
}


#foot {
	width: 912px;
	background-image: url(../images/footer2.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 35px;
	margin: auto;
	padding-top : 10px;
	padding-bottom : 10px;
	margin-top : -15px;
	text-align: center;
}


	
#navigationblog {
	float: right;
	text-align: right;
	vertical-align: top;
	height: 25px;
	width: 400px;
	font-size: 20px;
	font-weight: bold;
	margin-right: 55px;
	padding-top: 10px;
}

a:link.navigationA {
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	padding-right: 82px;
	font-weight: bold;
}

a:visited.navigationA {color:#ffffff; text-decoration:none;padding-right: 82px;font-weight: bold;}

a:active.navigationA {color:#ffffff; text-decoration:none; padding-right: 82px;font-weight: bold;}

a:hover.navigationA {color:#000000; text-decoration:none; padding-right: 82px; font-weight: bold;}

a:link.navigationB {
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	padding-right: 113px;
	font-weight: bold;}

a:visited.navigationB {color:#ffffff; text-decoration:none;padding-right: 113px;font-weight: bold;}

a:active.navigationB {color:#ffffff; text-decoration:none; padding-right: 113px;font-weight: bold;}

a:hover.navigationB {color:#000000; text-decoration:none; padding-right: 113px;font-weight: bold; }


#header_links{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	width: 394px;
	float: left;
	height: 25px;
	margin-left: 510px;
	margin-bottom: auto;
	margin-top: 72px;
}


a:link.navigation1 {color:#ffffff;text-decoration:none;padding-left:0px;}

a:visited.navigation1 {color:#ffffff; text-decoration:none; padding-left:0px; }

a:active.navigation1 {color:#ffffff; text-decoration:none; padding-left:0px; }

a:hover.navigation1 {color:#ffa1b4; text-decoration:none; padding-left:0px;
	
}



a:link.navigation2 {color:#ffffff; text-decoration:none; padding-left:20px; }

a:visited.navigation2 {color:#ffffff; text-decoration:none; padding-left:20px; }

a:active.navigation2 {color:#ffffff; text-decoration:none; padding-left:20px; }

a:hover.navigation2 {color:#ffa1b4; text-decoration:none; padding-left:20px; }



a:link.navigation3 {color:#ffffff; text-decoration:none; padding-left:20px; }

a:visited.navigation3 {color:#ffffff; text-decoration:none; padding-left:20px; }

a:active.navigation3 {color:#ffffff; text-decoration:none; padding-left:20px; }

a:hover.navigation3 {color:#ffa1b4; text-decoration:none; padding-left:20px; }



a:link.navigation4 {color:#ffffff; text-decoration:none; padding-left:20px; }

a:visited.navigation4 {color:#ffffff; text-decoration:none; padding-left:20px; }

a:active.navigation4 {color:#ffffff; text-decoration:none; padding-left:20px; }

a:hover.navigation4 {color:#ffa1b4; text-decoration:none; padding-left:20px; }



a:link.navigation5 {color:#ffffff; text-decoration:none; padding-left:20px; }

a:visited.navigation5 {color:#ffffff; text-decoration:none; padding-left:20px; }

a:active.navigation5 {color:#ffffff; text-decoration:none; padding-left:20px; }

a:hover.navigation5 {color:#ffa1b4; text-decoration:none; padding-left:20px; }


#footerlinks{
	width: 912px;
	color: white;
	margin: auto;
	margin-top: -1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-position: center;
	text-align: center;
	font-size : 80%;
}

#footerlinks a:link {
color: white;
text-decoration: none;
}
#footerlinks a:hover {
color: white;
text-decoration: underline;
}
#footerlinks a:visited {
color: white;
text-decoration: none;
}
#footerlinks a:visited:hover {
color: white;
text-decoration: underline;
}

#centerbott {
	margin : auto;
	text-align : center; 
	width: 912px;
}

/** Balises générales **/

a img {
	border: none;
	margin: 0px;
	text-align: center;
}

a.opacity img {
opacity: 0.6; /* Pour beaucoup */
filter:alpha(opacity=60); /* Pour IE */
-moz-opacity: 0.6; /* Pour netscape */
-khtml-opacity: 0.6;} /*Safari */


a.opacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }

.erreur {
	color : red;
	font-size : 2em;
	position : fixed;
	top: 50px;
	left : 50px;
}

.indent {
	text-indent : 440px;
}

.indent2 {
	text-indent: 448px;
}

ul
{
        list-style-position : inside;
        list-style-type: none;
}

a:link {
	color: #24003c;
	text-decoration: underline;
	}
 
a:visited {
	color: #24003c;
	text-decoration: none;
	}

a:visited:hover {
	color: #ffa1b4;
	text-decoration: none;
}

a:hover{
	color: #d00032;
}
	
a:active {
	color: #d00032;
}

h1 {
	color : #480c8d;
}

h2 {
	color : #7b5fcd;
}

h3 {
	color : #7b94cd;
}

h4 {
	color : #7bb3cd;
}

h5 {
	color : #7bc8cd;
}

h6  {
	color : #7be5cd;
}

p {
	color : #24003c;
}

/* page team  galleria */

.galleria{list-style:none;width:100px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;margin:auto;float:left;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
/* html .galleria li div span{width:200px} */

/* MSIE bug */
.caption{position:absolute;top:-20px;left:27%;color:#888;font-size:18px;text-align:center;width:250px;margin:auto;overflow:hidden;} 

/* position texte */
.demo{position:relative;margin-top:1em;}

/* position miniatures REDUIRE HEIGHT POUR GAGNER PLACE */
.galleria_container{width:525px;margin-top:380px;text-align:center;margin-left:auto;height:480px;float:center;} 

/* image */
.gallery_demo{margin-top :-830px;width:100%;margin-left:-20px;text-align:center;} 
.gallery_demo li{width:55px;height:60px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
.gallery_demo li.hover{border-color:#bbb;}
.gallery_demo li.active{border-style:solid;border-color:#222;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
.nav{padding-top:15px;clear:both;} 

/* position suivant précédent */
.nav{position:absolute;top:450px;left:450px;}

/* page team  -- old */
.none {display: none;}
.center {text-align : center;}

#liste {
	text-align : center;
	font-size : 1.2em;
}

#team a:link {
	color: black;
	text-decoration: underline;
	}
 
#team a:visited {
	color: black;
	text-decoration: underline;
	}

#team a:visited:hover {
	color: #ffa1b4;
	text-decoration: none;
}

#team a:hover{
	color: #ffa1b4;
}
	
#team a:active {
	color: #ffa1b4;
}

		
/* Page Telechargements */
#episode  a
{
        color: purple;  
        font: 1.1em Trebuchet, Arial, serif;
        text-decoration : none;
}

#episode  a:hover
{
        color: brown;
		font: 1.1em Trebuchet, Arial, serif;
        text-decoration : none;
		font-weight: bold;
}
.episodeSpe  a
{
        color: purple;  
        font: Trebuchet, Arial, serif;
        text-decoration : none;
}

.episodeSpe  a:hover
{
        color: brown;
		font: Trebuchet, Arial, serif;
        text-decoration : none;
		font-weight: normal !important;
}

#episode .titre {
		font-size : 1.4em;
}


/* Page Avancement */


.etats {
	background-color:#f6d2f7;
}

.displayLess {
	
}

#avancementfondreb {
	background-image: url(../images/projet01min.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	border-bottom : 1px dotted black;
	height : 149px;
	margin-top : 15px;
	margin-bottom : 15px;
}

#avancementfondsha {
	background-image: url(../images/projet02min.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-bottom : 1px dotted black;
	height : 149px;
	margin-top : 15px;
	margin-bottom : 15px;
}

#avancementfondsora {
	background-image: url(../images/projet04min.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-bottom : 1px dotted black;
	height : 149px;
	margin-top : 15px;
	margin-bottom : 15px;
}

#avancementfondinf {
	background-image: url(../images/projet05min.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	border-bottom : 1px dotted black;
	height : 149px;
	margin-top : 15px;
	margin-bottom : 15px;
}

#avancementfondft {
	background-image: url(../images/projet03min.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	border-bottom : 1px dotted black;
	height : 149px;
	margin-top : 15px;
	margin-bottom : 15px;
}

#ava h1 {
	margin-bottom : 20px;
	color : #bb5c7f;
	font-variant: small-caps;
	text-align : center;
	}

#ava h2 {
	font-size : 110%;
	color : #1a0236;
	text-align : center;
}	
	
#ava h4 {
	border : 1px black solid;
	width : 150px;
	display : inline;
	}
	
/* news */
.index {
	width:550px;	
	border-collapse:collapse;
}