/* @override http://especes.simonlagneaux.com/test/style.css */

/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: Arial, 'Helvetica Neue', Helvetica, Verdana, sans-serif;
	margin:0 auto;
	text-align:center;
	width: 960px;
}

/* @group Menu */

#logo {
	width: 313px;
	height: 313px;
	float: left;
	margin-top: 10px;
	background: url(images/test.gif) no-repeat 0;
	/*background: url(images/past.png) no-repeat 0;*/
}	
#logo2 {
	width: 313px;
	height: 313px;
	float: right;
	margin-top: 15px;
	background: url(images/logo.png) no-repeat;
}		

#nav {
	margin: auto;
	margin-top: 10px;
	width: 960px;
	margin-bottom: 50px;
	}

#links {
	list-style-type: none;
	width: 334px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	float: left;
	margin-top: 20px;
	
}

#links div {
	margin-bottom: 10px;
	}
	
#links div.a a:hover {
	color: black;
	}

	
#links a{
	/*font: bold 16px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;*/
	font: bold 16px "Times New Roman", Impact, Georgia, Times, serif;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	
	
}

#links a p{
	text-decoration: none;
}

#links h3{
	text-transform: uppercase;
	font-size: 22px;
	text-decoration: underline;
}

#links div.a a:hover {
	color: #ffa808;
	}
#links div.a a {
	color: black;
	}
#links div.b a:hover {
	color: #FCFE01;
	}
#links div.b a {
	color: black;
	}	
#links div.c a:hover {
	color: #2ABF0D;
	}
#links div.c a {
	color: black;
	}		
#links div.d a:hover {
	color: #00b395;
	}
#links div.d a {
	color: black;
	}	
#links div.e a:hover {
	color: #1b9aec;
	}
#links div.e a {
	color: black;
	}	
#links div.f a:hover {
	color: #8f00d3;
	}
#links div.f a {
	color: black;
	}
#links div.g a:hover {
	color: #ff0029;
	}
#links div.g a {
	color: black;
	}

#links div.dd a {
	color: #000;
	font-size: 19px;
	text-decoration: underline;
	}

/* @end */

.content {
	font-size: 11px;
	font-family: Arial, 'Helvetica Neue', Helvetica, Verdana, sans-serif;
	background: #fff;
	float: left;
	text-align:center;
}

.top {
	width: 100%;
	height: 1px;
}

#button {
	position: fixed;
	bottom: 7px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	opacity: 0;
	/* pour IE */
	_position: absolute;
	top: expression(body.scrollTop + document.body.clientHeight - 25 + "px");
	filter: alpha(opacity=0);
}

.back {
	
	
}

.back a {
	color: #000;
	font: bold 18px "Times New Roman", Georgia, Times, serif;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	text-transform: uppercase;
	text-decoration: underline;
	}

.back a:hover {
	text-decoration: underline;
	color: blue;
}

.back a:active {
	color: white;
	text-decoration: underline;
}

.pre {
	float: left;
	text-align:center;
	width: 960px;
}

.intro {
	height: 620px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 30px;
	margin-top: -210px;
	float: left;
	width: 300px;
	z-index: -1;
	}
	
.intro .col1 {
	width: 280px; 
	float: left;
	text-align: left;
	padding: 0 10px 10px;
}
.intro .col1 p {
	font: 15px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	text-transform: none;
	text-indent: 20px;
	color: #000;
}	

.intro .col1 h2 {
	font: bold 18px "Times New Roman", Georgia, Times, serif;
}	
		
	
.intro h1 {
	font: 19px Impact, Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	text-align: left;
	color: #000000;
	text-decoration: underline;
	margin-bottom: 20px;
	display: none;
}

/* @group contact */



#contact {
	width: 300px; 
	text-align: left;
	height: 600px;
	float: right;
	padding-top: 0px;
	clear: right;
	margin-top: -180px;
}

#contact .contact1 {
	float: left;
	width: 140px;
}

#contact .contact2 {
	float: right;
	width: 140px;
}

#contact h2 {
	text-transform: uppercase;
	text-decoration: underline;
	font: bold 14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin-bottom: 8px;
}


#contact ul {
	list-style: none;
	padding-bottom: 15px;
}

#contact ul li{
	font: 13px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#contact ul li a{
	color: #000;
}

#contact ul li a:hover{
	color: blue;
}

#contact ul li.upper{
	text-transform: uppercase;
}

/* @end */

div.pictures {
	float: left;
	height: 0px;
	width: 200px;
	margin-left: 300px;
}

div.pictures a img {
	border: none;
}


div.pictures img {
}

/* @group Event */



.event {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.event .col1 {
	clear: both;
	width: 280px; 
	float: left;
	text-align: left;
	padding: 0 10px 10px;
}

	
.event .col1 h2 {
	font: bold 18px "Times New Roman", Georgia, Times, serif;
}	



.event .col1 p {
	font: 15px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	text-transform: none;
	text-indent: 20px;
	color: #000;
}	

.event .col2 {
	width: 380px; 
	float: right;
	text-align: center;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.event .infos {
	width: 300px;
	text-align: center;
	float: right;
	position: absolute;
}

.event h1 {
	font: bold 30px "Times New Roman", Georgia, Times, serif;
	text-transform: uppercase;
	text-align: center;
	color: #000;
	text-decoration: underline;
	margin-bottom: 50px;
	margin-top: 10px;
}

.event h2 {
	font: bold 24px "Times New Roman", Georgia, Times, serif;
	color: #000;
}

.event h2 a {
	color: black;
}

.event h2 a:hover {
	color: blue;
}	

.event .col1 h3 {
	font: bold 22px "Times New Roman", Georgia, Times, serif, Impact;
	padding-top: 15px;
	
}

.event .col1 h3 a{
	font: bold 18px "Times New Roman", Georgia, Times, serif, Impact;
	color: #1e23e2;
	text-decoration: underline;
	text-transform: uppercase;
}

.event .col1 h3 a:hover {
	color: black;
}

.event .col1 a{
	font: bold 22px "Times New Roman", Georgia, Times, serif, Impact;
	color: #1e23e2;
	text-decoration: underline;
}

.event .col1 a:hover {
	color: black;
}


.event h4 {
}

/* @end */
/* @group Event 1 */

#event1 {
	height: 1080px;
}



/* @end */

/* @group Event 2 */

#event2 {
	height: 980px;
}

	
/* @end */

/* @group Event 3 */

#event3 {
	height: 1200px;
}

	
/* @end */

/* @group Event 4 */

#event4 {
	height: 800px;
}

	
/* @end */

/* @group Event 5 */

#event5 {
	height: 750px;
}
	
/* @end */

/* @group Event 6 */

#event6 {
	height: 720px;
}
	
/* @end */

/* @group Event 7 */

#event7 {
	height: 950px;
}
	
/* @end */

/* @group Infos */

#infos{
	height: auto;
}

#infos .col1 {
	width: 288px;
	margin-bottom: 40px;
}

#infos .col2 {
	width: 380px; 
	float: right;
	text-align: left;
	padding-top: 0;
	padding-left: 50px;
	/*background: url(images/backg/w.png) repeat;*/
}

#infos h1.erg{
	float: left;
	padding-left: 125px;
	margin-bottom: 20px;
	margin-top: 0;
}

#infos h1.real{
	text-align: right;
	padding-right: 125px;
	
}

#infos .col1 h2{
	font: bold 16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#infos .col1 h2 a{
	font: bold 16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: black;
	text-decoration: underline;
}

#infos .col1 h2 a:hover{
	color: blue;
}


#infos .col2 h2{
	font: bold 16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#infos .col2 p {
	font: 15px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	text-transform: none;
	color: #000;
}	

#infos .col2 div.pictures {
	float: left;
	height: 0px;
	width: 380px;
	margin-left: 0;
	margin-top: 30px;
}

#infos .col2 div.pictures img{
	padding-right: 10px;
}

#infos .col2 div.pictures p{
	margin-top: 30px;
	margin-bottom: 2px;
}



#infos .col1 p a, .col2 p a{
	color: #000;
	font: 15px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#infos .col1 p a:hover, .col2 p a:hover{
	color: blue;
	font: 15px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}


	
/* @end */