﻿@charset "utf-8";
/* CSS Document */

a:link {color: #FFF;}
a:visited {color: #FFF;}
a:focus {color: #FFF;}
a:hover {color: #FFF;}
a:active {color: #FFF;}

body {
	background: #005B98 url(../img/bg-body.gif) center top no-repeat;
	color: #000;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 20px 0 0 0;
	}

h1 {
	height: auto;
	margin: 0;
	padding: 0;
	}
h1 a {
	display: block;
	height: 100px;
	left: 45px;
	margin: 20px 0 0 0;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100px;
	}
h2 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: left;
	}
h3 {
	color: #475C5F;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: left;
	}
img {border: none;}

.cache,
h1 span,
h2 span,
h3 span {
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: -9999px;
	width: 1px;
	}

#flash {
	margin: 0;
	padding: 0;
	width: 988px;
	}

#BlocRevelation {
	position: absolute;
	left: 10px;
	bottom: 70px;
	text-align:center;
	padding:10px;
	z-index:1;
	}



#footer {
	color: #479dd5;
	height: 32px;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	width: 988px;
	}
#footer a {color: #479dd5;}
#footer p {margin: 0;}
#global {
	margin: 0 auto;
	position: relative;
	width: 988px;
	}

#Contenu {
	background:transparent url(../img/fd_bicolore.jpg) center top no-repeat;
	color: #fff;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 70x 0 0 40px;
	width:988px;
	border:1px solid #6582b1;
	}
	#Contenu #Navig{
		background: transparent;
		height: 165px;
		margin: 240px 20px 0 30px;
		padding: 0;
		float:left;
		}
		#Contenu #Navig a:link, #Navig a:visited  {
			text-decoration:none;
			}
		#Contenu #Navig a:active, #Navig a:hover  {
			text-decoration:underline;
			}
	#Contenu #Rubrique {
		margin: 0;
		padding: 42px 0 0 0;
		width:780px;
		}
	#Contenu #Rubrique a.Contemporain:link, #Contenu #Rubrique a.Contemporain:visited  {
		font-size:14px;
		font-weight:bold;
		color:#c9daea;
		text-decoration:none;
		padding:0 0 0 10px;
		}
	#Contenu #Rubrique a.Contemporain:active, #Contenu #Rubrique a.Contemporain:hover  {
		color:#fff;
		}
	#Contenu #Rubrique a.Tradition:link, #Contenu #Rubrique a.Tradition:visited  {
		font-size:14px;
		font-weight:bold;
		color:#fbd5d3;
		text-decoration:none;
		padding:0 0 0 10px;
		}
	#Contenu #Rubrique a.Tradition:active, #Contenu #Rubrique a.Tradition:hover  {
		color:#fff;
		}
	#Contenu #Rubrique input {
		margin: 0;
		padding: 0;
		height:20px;
		font-size:11px;
		}
		#Contenu #Rubrique input.btn {
			background-color:#fff;
			color:#000;
			}
		#Contenu #Rubrique table.Catalogues {
			text-align:right;
			vertical-align:bottom;
			margin-right:60px;
			float:right;
			}
			#Contenu #Rubrique table.Catalogues a:hover img {
				filter : alpha(opacity=100); 
				-moz-opacity : 1; 
				opacity : 1; 
				}
			#Contenu #Rubrique table.Catalogues a img {
				filter : alpha(opacity=60); 
				-moz-opacity : 0.6; 
				opacity : 0.6; 
				}
			#Contenu #Rubrique table.Catalogues td {
				padding-top:25px;
				}
		#Contenu #Rubrique table.FaireConnaitre, #Contenu #Rubrique table.Contact, #Contenu #Rubrique table.MentionsLegales {
			text-align:left;
			margin: 20px 50px 0 0;
			padding-left:50px;
			}
			#Contenu #Rubrique table.FaireConnaitre th, #Contenu #Rubrique table.Contact th, #Contenu #Rubrique table.MentionsLegales th {
				font-weight:bold;
				font-size:11px;
				text-align:left;
				}
				#Contenu #Rubrique table.FaireConnaitre th.Bleu {
					background-color:#6692bb;
					}
				#Contenu #Rubrique table.FaireConnaitre th.Rge {
					background-color:#df8581;
					}
			#Contenu #Rubrique table.FaireConnaitre td {
				text-align:justify;
				padding:10px 0 10px 0;
				}
	
		


#header {
	background: transparent;
	height: 165px;
	padding: 0;
	position: relative;
	}




/*    Les Classes
***************************************/
.bold {font-weight: bold;}
.btnForm {
	background: #D9C1B3;
	border: 1px solid #BF9A83;
	color: #1F180C;
	cursor: pointer;
	}
.center {text-align: center;}
.imgFloatLeft {
	float: left;
	margin: 0 10px 10px 0;
	}
.imgFloatRight {
	float: right;
	margin: 0 0 10px 10px;
	}
.obligatoire {
	color: #C68E0F;
	}
.separateur {
	clear: both;
	visibility: hidden;
	}
.Capital {
	font-size: 14px;
	}
.ClearBoth {
	clear: both;
	}