@charset "UTF-8";
/* CSS Document */
*	{
	margin:0;
	padding:0;
	}

html
	{
	height:100%;
	}

body
	{
	background-color:#530000;
	background-image: url(../images/fondbody.gif);
	background-repeat: repeat-x;
	height:100%;
	font-family:Arial, sans-serif;
	font-weight: lighter;
	}

#page
	{
	font-size: small;
	font-family:Arial, sans-serif;
	background-image: url(../images/fond_index2.gif);
	background-repeat: no-repeat;
	text-align: justify;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	font-weight: lighter;
	width: 990px
	}
	
	
/*###############################################
###############################################
###############################################
###############################################
###############################################
###############################################*/


#fixed-footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:29px;
	line-height:29px;
	background-color: #271212;
	color:white;
	text-align:right;
	font-size: 11px;
	 filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5; 
}
a.footer:link, a.footer:visited 
	{
	color: #B58080;
	text-decoration: underline;
	}

a.footer:hover, a.footer:active 
	{
	color: #f91e06;
	text-decoration: none;
	}
#fixed-footer img { float:left }

/*--------------------------------------------------------- */
	
a.lettre:link, a.lettre:visited 
	{
	color: #B58080;
	text-decoration: none;
	}

a.lettre:hover, a.lettre:active 
	{
	color: #f91e06;
	text-decoration: none;
	}

/*--------------------------------------------------------- */
a.lienbdd:link
	{
	font-size: medium;
	color: #b96b6b;
	text-decoration: underline;
	}
	
a.lienbdd:visited 
	{
	font-size: medium;
	color: #f91e06;
	text-decoration: underline;
	}

a.lienbdd:hover
	{
	font-size: medium;
	color: #f91e06;
	text-decoration: underline;
	}

a.lienbdd:active 
	{
	font-size: medium;
	color: #f91e06;
	text-decoration: underline;
	}
	
a.occurences:link, a.occurences:visited 
	{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
	}

a.occurences:hover, a.occurences:active 
	{
	font-size: 11px;
	color: red;
	text-decoration: underline;
	}
	
a.newsearch:link, a.newsearch:visited 
	{
	font-size: medium;
	color: #b96b6b;
	text-decoration: underline;
	}

a.newsearch:hover, a.newsearch:active 
	{
	font-size: medium;
	color: red;
	text-decoration: underline;
	}
	
a.page:link
	{
	color: #b96b6b;
	text-decoration: underline;
	}

a.page:visited 
	{
	color: red;
	text-decoration: underline;
	}


a.page:hover
	{
	color: red;
	text-decoration: underline;
	}

a.page:active 
	{
	color: red;
	text-decoration: underline;
	}
	
/*--------------------------------------------------------- */

a.menu:link, a.menu:visited 
	{
	color: #fff;
	text-decoration: none;
	}

a.menu:hover, a.menu:active 
	{
	color: #f91e06;
	text-decoration: none;
	}
	
a.suite:link, a.suite:visited, a.suite:hover 
	{
	color: #660000;
	text-decoration: none;
	font-weight: bold;
	}

a.suite:hover, a.suite:active 
	{
	color: red;
	text-decoration: none;
	font-weight: bold;
	}
a.droite:link, a.droite:visited 
	{
	color: #ff6600;
	text-decoration: none;
	}

a.droite:hover, a.droite:active 
	{
	color: #fff;
	text-decoration: none;
	}
	
/*liens des titres*/

a.titre3:link, a.titre3:visited 
	{
	color: #7b9400;
	text-decoration: none;
	}

a.titre3:hover, a.titre3:active 
	{
	color: red;
	text-decoration: none;
	}

	
	
/*###############################################
###############################################
###############################################
###############################################
###############################################
###############################################*/

h5  { 
	font-family:Arial, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold; 
	color: #631008;
	text-align: center;
	margin-top: 25px;
}


.bottom
	{
	color: red;
	text-decoration: none;
	font-size: x-small;
	}

a.bottom:link, a.bottom:visited 
	{
	color: red;
	text-decoration: none;
	}

a.bottom:hover, a.bottom:active 
	{
	color: #FFF;
	text-decoration: none;
	}


/*###############################################
###############################################
###############################################
###############################################
###############################################
###############################################*/
.news_index 
	{
	width: 480px;
	overflow: hidden;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;	

	
	}
	
.news {
	width: 680px;
	overflow: hidden;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	
	}
	
.include_index 
	{
	overflow: hidden;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 55px;
	padding-left: 55px;
	}
	
.include
	{
	overflow: hidden;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	padding-right: 65px;
	padding-left: 65px;
	}
	
.include1
	{
	overflow: hidden;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	padding-right: 65px;
	padding-left: 15px;
	}
	
.include2
	{
	overflow: hidden;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	padding-right: 65px;
	padding-left: 25px;
	}
	
.hidden
	{
	overflow: hidden;
	height: 150px;
	}

.floatleft
	{
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;

	}	
	
.floatright
	{
	float: right;
	margin-left: 30px;
	margin-bottom: 15px;	
	}
	

/*###############################################
###############################################
###############################################
###############################################
###############################################
###############################################*/
	
#col_gauche
	{
	position: relative;
	float: left;
	background-color: transparent;
	text-align: right;
	font-family:Arial, sans-serif;
	font-size: small;
	font-weight: lighter;
	height: 1000px;
	width: 253px;
	}
	
#baspage
	{
	color: #f91e06;
	font-weight: lighter;
	font-size: small;
	margin-top: 25px;
	padding-right: 25px;
	}
	
#baspage a:link, a:visited
	{
	color: #f91e06;
	text-decoration: none;
	}
	
#baspage a:hover, a:active
	{
	color: #fff;
	text-decoration: none;
	}

/*###############################################
###############################################
###############################################
###############################################
###############################################
###############################################*/

#col_centre 
	{
	background-color: transparent;
	position: relative;
	float: left;
	width: 480px;
	}


/*###############################################
###############################################
###############################################
###############################################
###############################################
###############################################*/

#col_droite 
	{
	background-color: transparent;
	position: relative;
	float: right;
	width: 240px;
	height: 1000px;
	}

#col_droite a:link, a:visited
	{
	color: #fff;
	text-decoration: none;
	font-weight: lighter;
	}

#col_droite a:hover, a:active
	{
	color: #c72205;
	text-decoration: none;
	font-weight: lighter;
	}
	
#titre_menu 
	{
	position: relative;
	padding-right: 20px;
	color: #ff6600;
	font-size: 40px;
	height: 50px;
	}
	
#logo  
	{
	position: relative;
	height: 210px;
	}

#titre_lettreinfo 
	{
	padding-top: 15px;
	padding-bottom: 13px;
	padding-left: 5px;
	position: relative;
	width: 200px;
	color: #ff6600;
	font-size: 20px;
	overflow: hidden;
	text-align: center;
	}

#lettreinfo
	{
	color: #B58080;
	font-size: 12px;
	position: relative;
	padding-left: 15px;
	width: 180px;
	overflow: hidden;
	
	}

#inscription_lettreinfo
	{
	position: relative;
	margin-top: 20px;
	padding-left: 15px;
	font-size: 12px;
	font-weight: lighter;
	width: 180px;
	overflow: hidden;
	}


/*Bloc Odysséo*/	
#actu_odysseo{
	background-image: url(../images/bloc_odysseo.png);
	width: 180px;
	height: 110px;
	position: relative;
	margin-top: 10px;
	padding-top: 130px;
	padding-right:10px;
	padding-left: 20px;
	background-repeat: no-repeat;
	}

#actu_odysseo p{
	color:#999;
	width: 170px;
	font-size: 12px;
}

#actu_odysseo a{
	display: block;
	color: #FFF;
	width: 80px;
	text-align: center;
	background-color: #9CB039;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 50px;
	border: 1px solid #666;
}
#actu_odysseo a:hover{
	color: #FFF;
	border: thin solid #666;
}

/*Bloc Migrance*/
#actu_migrance{
	background-image: url(../images/bloc_migrance.jpg);
	width: 180px;
	height: 120px;
	position: relative;
	margin-top: 17px;
	padding-top: 110px;
	padding-right:10px;
	padding-left: 20px;
	background-repeat: no-repeat;
	}
	
#actu_migrance p{
	color:#999;
	width: 170px;
	font-size: 12px;
	margin-top: 20px;
}
#actu_migrance a{
	display: block;
	color: #FFF;
	width: 80px;
	text-align: center;
	background-color: #9CB039;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 50px;
	border: 1px solid #666;
}
#actu_migrance a:hover{
	color: #FFF;
	border: thin solid #666;
}

/*Bloc publications*/
#actu_generations{
	background-image: url(../images/generations_bloc.jpg);
	width: 180px;
	height: 110px;
	position: relative;
	margin-top: 17px;
	padding-top: 110px;
	padding-right:10px;
	padding-left: 20px;
	background-repeat: no-repeat;
	}
	
#actu_generations p{
	color:#999;
	width: 170px;
	font-size: 12px;
}
#actu_generations a{
	display: block;
	color: #FFF;
	width: 80px;
	text-align: center;
	background-color: #9CB039;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 50px;
	border: 1px solid #666;
}
#actu_generations a:hover{
	color: #FFF;
	border: thin solid #666;
}

/*Bloc Melting Post*/
#actu_affiche{
	background-image: url(../images/bloc_affiche.jpg);
	width: 180px;
	height: 110px;
	position: relative;
	margin-top: 17px;
	padding-top: 115px;
	padding-right:10px;
	padding-left: 20px;
	background-repeat: no-repeat;
}


#actu_affiche p{
	color:#999;
	width: 170px;
	font-size: 12px;
}
#actu_affiche a{
	display: block;
	color: #FFF;
	width: 80px;
	text-align: center;
	background-color: #9CB039;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 50px;
	border: 1px solid #666;
}
#actu_affiche a:hover{
	color: #FFF;
	border: thin solid #666;
}



#zoom
	{
	position: relative;
	margin-top: 60px;
	font-weight: lighter;
	overflow: hidden;
	border-color: #000;
	}
	
a.zoom:link, a.zoom:visited
	{
	font-family:Arial, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	color: #000;
	text-decoration: none;
	}
	
a.zoom:hover, a.zoom:active
	{
	font-family:Arial, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	color: #000;
	text-decoration: none;
	}
	

/*#######################################################*/
/*#######################################################*/
/*#######################################################*/
/*#######################################################*/
/*#######################################################*/

		
#fin_de_page
	{
	position: relative;
	height: 0px;
	clear: left
	}

#line {
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
	margin-top:5px;
	}
.input10 {
	padding:4px;
	font-size:11px;
	width:120px;
	background-color:#DADAAA;
	border:1px solid black;
	margin-left:15px;
	margin-bottom:4px;
	margin-top:1px;
}

.input11 {
	padding:4px;
	font-size:11px;
	width:120px;
	background-color:#EAE7E7;
	border:1px solid #5C0202;
	margin-left:15px;
	margin-bottom:4px;
	margin-top:1px;
}

.input12 {
	padding:4px;
	font-size:11px;
	width:120px;
	background-color:#FFFFFF;
	border:1px solid black;
	margin-left: 7px;
	margin-bottom:4px;
	margin-top:1px;
}

.input13 {
	padding:4px;
	font-size:11px;
	width:120px;
	background-color:#EAE7E7;
	border:1px solid #5C0202;
	margin-left: 7px;
	margin-bottom:4px;
	margin-top:1px;
}

.infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
}

/**************************************************
			Vertical Accordions
		***************************************************/
		
		.dtstyle {
			display: block;
			height: 15px;
			width: 230px;
			background:transparent;
			line-height: 15px;
			text-align: right;
			font-weight: bold;
			text-decoration: none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			outline: none;
			font-size: 12px;
			color: #7b9400;
			cursor: pointer;
			margin: 0 0 4px 0;
			padding-right: 20px;
		}
		
		.dtstyle a:link{
			display: block;
			height: 15px;
			width: 230px;
			background:transparent;
			line-height: 15px;
			text-align: right;
			font-weight: bold;
			text-decoration: none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			outline: none;
			font-size: 12px;
			color: #7b9400;
			cursor: pointer;
			margin: 0 0 4px 0;
			padding-right: 20px;
		}
		
		.dtstyle a:visited{
			display: block;
			height: 15px;
			width: 230px;
			background:transparent;
			line-height: 15px;
			text-align: right;
			font-weight: bold;
			text-decoration: none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			outline: none;
			font-size: 12px;
			color: #7b9400;
			cursor: pointer;
			margin: 0 0 4px 0;
			padding-right: 20px;
		}
		
		.dtstyle a:hover{
			display: block;
			height: 15px;
			width: 230px;
			background:transparent;
			line-height: 15px;
			text-align: right;
			font-weight: bold;
			text-decoration: none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			outline: none;
			font-size: 12px;
			color: #fff;
			cursor: pointer;
			margin: 0 0 4px 0;
			padding-right: 20px;
		}
		
		.accordion_toggle {
	display: block;
	height: 15px;
	width: 230px;
	background:transparent;
	line-height: 15px;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	outline: none;
	font-size: 12px;
	color: #7b9400;
	padding-right: 20px;
	cursor: pointer;
	margin: 0 0 4px 0;
		}
		
		.accordion_toggle_active {
			background: transparent;
			color: #ffffff;
		}
		
		.accordion_toggle a:hover {
			background: transparent;
			color: #ffffff;
			
		}
		
		.accordion_content {
			background: transparent;
			overflow: hidden;
			margin-bottom: 1px;
			text-align:right;
		}
/*Page CD*/
.cdpaypal{
	float: left;
	}
		
			
			.accordion_content li {
				color: red;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 90%;
				padding: 2px 15px 2px 10px;
				margin-right: 10px;
				list-style-type: none;
				
				
			}
			
			
			
			.accordion_content li a:link{
				color: red;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 90%;
				text-decoration:none;
				
			}
			
			.accordion_content li a:visited{
				color: red;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 90%;
				text-decoration:none;
				
			}
			
			.accordion_content li a:hover{
				color: #FFF;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 90%;
				text-decoration:none;				
			}