/*------------------------GENERAL------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

ul { list-style-type:none; }

a { outline:none; }

.clear { clear:both; }

body {
background-image:url(images/fond.jpg);
background-repeat:repeat-x;
background-position:top center;
font-family:Verdana;
font-size:12px;
line-height: 1.82;
}

/*-------------------------------------TEXTES-------------------------------------------*/

h1, h2, h3, h4 {
font-weight:bold;
}

h1, #sidebar h3 {
font-size:24px;
line-height:39px;
margin-bottom:12px;
}

h2 {
font-size:14px;
margin-bottom:6px;
}

h3 img {
vertical-align:middle;
margin-left:2px;
}

#principal p {
line-height:18px;
}

#sidebar li.titre p {
font-size:14px;
font-weight:bold;
margin-bottom:6px;
}

#sidebar li.texte p {
margin-bottom:12px;
}

#sidebar h4 {
font-size:14px;
margin-bottom:6px;
}

#sidebar a {
text-decoration:none;
border-bottom:1px solid;
color:#333;
}

.souligne {
text-decoration:underline;
}

/*---------------------------------------LIENS MENU--------------------------------------------*/

.lavaLamp li {
float: left;
list-style: none;
}

.lavaLamp li.back {
background: url("images/lava.png") no-repeat right top;
width: 9px; height: 30px;
z-index: 8;
position: absolute;
}
.lavaLamp li.back .left {
background: url("images/lava.png") no-repeat top left;
height: 30px;
margin-right: 9px;
}

.lavaLamp li a {
position: relative; overflow: hidden;
text-decoration: none;
text-transform: uppercase;
font: bold 12px arial;
color: #000; outline: none;
text-align: center;
height: 30px; top: 7px;
z-index: 10; letter-spacing: 0;
float: left; display: block;
margin: auto 10px;
}

.lavaLamp li a:hover, .lavaLamp li a.current {
color:#fff;
}

/*-------------------------------ELEMENTS-----------------------------------------------*/

#header {
position:relative;
}

#conteneur {
width:920px;
margin:25px auto;
}

#logo {
width:100%;
margin-bottom:15px;
}

#accueil #header {
position:relative;
height:296px;
}

#accueil #logo {
width:100%;
margin-bottom:15px;
position:absolute;
z-index:50;
left:510px;
top:-25px;
}
#lien-essayer
{
	position:absolute;
	top:-25px;
	right:-137px;
	z-index:200;
	width:160px;
	height:160px;
	text-indent:-9999px;
	background:url(images/essayez-le-lien.png) no-repeat top center;
}
#lien-essayer:hover
{
	background:url(images/essayez-le-lien.png) no-repeat bottom center;
}
#menu {
position:absolute;
top:47px;
left:0;
width:100%;
z-index:20;
}
#accueil #menu {
position:absolute;
top:47px;
left:0;
width:100%;
z-index:20;
}
#menu ul {
float:right;
margin-right:15px;
}
.lavaLamp {
position: relative;
margin: 0;
overflow: hidden;
}
#flash {
position:absolute;
top:54px;
left:12px;
z-index:10;
}
#arc {
position:absolute;
top:2px;
left:12px;
z-index:20;
}
#accueil #principal_haut {
position:absolute;
top:82px;
}

#principal_haut {
background-image:url(images/principal_bord_haut.png);
height:14px;
width:920px;
clear:both;
}
#principal {
float:left;
width:920px;
background-color:#fff;
}
#accueil #bandeau_accueil {
height:200px;
background-color:#fff;
position:absolute;
top:96px;
width:920px;
}
#accueil #menu_bandeau {
position:relative;
top:-185px;
left:-40px;
z-index:90;
text-align:right;
}
#accueil #menu_bandeau img{
margin-bottom:0;
}
#bandeau {
height:174px;
background-color:#fff;
}
#accueil #sous_bandeau_accueil {
height:200px;
margin-left:12px;
background-image:url(../medias/bandeau_accueil_flash/images/bd1.jpg);
background-repeat:no-repeat;
width:920px;
}
#contenu {
width:592px;
float:left;
background-color:#fff;
margin-left:12px;
margin-top:12px;
}
#contenu_haut {
height:13px;
width:100%;
background-image:url(images/contenu_haut.png);
background-repeat:no-repeat;
}
#contenu_centre {
background-color:#f2f1ec;
padding-left:14px;
padding-right:14px;
padding-bottom:12px;
}
#contenu_bas {
height:13px;
width:100%;
background-image:url(images/contenu_bas.png);
background-repeat:no-repeat;
margin-bottom:12px;
}
#sidebar {
float:right;
margin-right:12px;
width:289px;
margin-top:12px;
}
#sidebar_haut {
height:13px;
width:100%;
background-image:url(images/sidebar_haut.png);
background-repeat:no-repeat;
}
#sidebar_centre {
background-color:#dfded6;
padding-left:14px;
padding-right:14px;
padding-bottom:12px;
width:261px;
}
#sponsors {
text-align:center;
margin-top:12px;
}
#sponsors a {
margin:0 12px;
}
#sidebar_bas {
height:13px;
width:100%;
background-image:url(images/sidebar_bas.png);
background-repeat:no-repeat;
margin-bottom:12px;
}
#bandeaux_promo {
width:592px;
text-align:center;
margin:12px 0;
}
#footer {
height:55px;
width:100%;
clear:both;
}
#footer_haut{
height:14px;
background-image:url(images/footer_haut.png);
}
#footer_centre{
background-color:#2e2d25;
width:100%;
float:left;
padding-top:0;
}
#footer_bas{
clear:both;
height:16px;
background-image:url(images/footer_bas.png);
}
#footer ul#haut {
margin-left:230px;
margin-bottom:12px;
}
#footer ul#bas {
margin-left:222px;
}
#footer li {
float:left;
margin:0 18px 0 12px;
font-weight:bold;
}
#footer li a {
text-decoration:none;
color:#fff;
}
#footer li a.current, #footer li a:hover {
color:#ccc;
border-bottom:1px solid;
}
.footer_liste {
width:850px;
}
#sep { clear:both; }
/*-------------------------------BANDEAUX ET TITRES-------------------------------------*/

#bandeau h1 {
font-size:32px;
font-weight:normal;
margin-bottom:6px;
}
#bandeau  p {
font-size:14px;
}
#sous_bandeau {
height:164px;
margin-left:12px;
background-repeat:no-repeat;
background-color:#fff;
padding-left:16px;
padding-top:12px;
color:#fff;
}
#sous_bandeau.bd1_1{
background-image:url(images/bandeau_1_1.jpg);
}
#sous_bandeau.bd1_2{
background-image:url(images/bandeau_1_2.jpg);
}
#sous_bandeau.bd2_1{
background-image:url(images/bandeau_2_1.jpg);
}
#sous_bandeau.bd2_2{
background-image:url(images/bandeau_2_2.jpg);
}
#sous_bandeau.bd3_1{
background-image:url(images/bandeau_3_1.jpg);
}
#sous_bandeau.bd3_2{
background-image:url(images/bandeau_3_2.jpg);
}
/*-------------------------------PAGE ACCUEIL------------------------------------------*/

#contenu img {
margin:12px 0;
}
#logo img {
margin-left:14px;
}
#sidebar #email {
margin-bottom:6px;
}
#sidebar #bt_inscription {
margin-left:75px;
}
#sidebar a.no_border {
border:none;
}
#accueil #message_newsletter {
margin:12px 0;
font-weight:bold;
text-align:center;
color:red;
}
#promotions {
width:100%;
margin-bottom:6px;
text-align:center;
}
/*-------------------------------PAGE PRESENTATION------------------------------------*/

#presentation #contenu_centre {
float:left;
}
#presentation #contenu_bas {
clear:both;
}
#presentation .presentation {
clear:both;
}
#presentation .img {
float:left;
width:183px;
text-align:center;
}
#presentation .texte {
float:left;
width:351px;
padding:15px 15px 5px 15px;
}
#presentation h2 a {
height:35px;
width:170px;
display:block;
text-align:center;
color:#fff;
font-size:18px;
text-decoration:none;
font-weight:normal;
margin-bottom:14px;
}
h2 a.sans_contact {
background-image:url(images/lien_sans_contact.png);
background-position:top;
}
h2 a.sans_contact:hover {
background-position:bottom;
}
h2 a.mode_couleurs {
background-image:url(images/lien_couleurs.png);
background-position:top;
}
h2 a.mode_couleurs:hover {
background-position:bottom;
}
h2 a.modulable {
background-image:url(images/lien_modulable.png);
background-position:top;
}
h2 a.modulable:hover {
background-position:bottom;
}
h2 a.connectivite {
background-image:url(images/lien_connectivite.png);
background-position:top;
}
h2 a.connectivite:hover {
background-position:bottom;
}
h2 a.personnalisable {
background-image:url(images/lien_personnalisable.png);
background-position:top;
}
h2 a.personnalisable:hover {
background-position:bottom;
}
#presentation h3 {
margin-bottom:6px;
}
#presentation #sidebar_centre {
min-height:250px;
}
#presentation #intro h2 {
font-size:24px;
}
#presentation #intro p {
font-size:14px;
margin-bottom:6px;
}
#presentation .align_droite {
text-align:right;
width:90%;
float:right;
}
#presentation #sidebar a {
border-bottom:none;
}
#presentation #sidebar a img {
margin-bottom:12px;
}
#presentation #sidebar h3 {
text-indent:-9999px;
background-image:url(images/essayez-le.png);
width:191px;
height:43px;
}

/*----------------------------------PAGE OU LE TROUVER---------------------------------------*/



/*----------------------------------PAGE CONTACT--------------------------------------------*/

#contact #sidebar ul {
margin-top:12px;
}

label.align {
	float: left;
	font-size: 12px;
	width: 150px;
	margin-left:25px;
}
#nom_form,#prenom_form,#email_form,#sujet_form,#message_form {
	border: 1px solid #bdc1a3;
	margin-bottom: 12px;
}
#nom_form:focus,#prenom_form:focus,#email_form:focus,#sujet_form:focus,#message_form:focus {
	border: 1px solid #0088c3;
}
p.contact {
	font-size: 14px;
	line-height: 24px;
}
#contact .alert {
	color: #990000;
	font-size: 12px;
	font-weight: bold;
}
#contact #contenu .alert {
	color: #2391b1;
	font-size: 12px;
	font-weight: bold;
	padding-top:18px;
}
legend {
	display: none;
}
#sujet_form,#email_form,#message_form, #nom_form, #prenom_form {
	width: 280px;
}
.alert img {
	margin-right: 12px;
	vertical-align: middle;
}
#nom_form.rouge,#prenom_form.rouge,#email_form.rouge,#sujet_form.rouge,#message_form.rouge {
	border: 1px solid #990000;
}
#contact form {
margin-top:36px;
}
ul.contact {
	margin-left: 90px;
}
ul.contact li {
	background: url(images/erreur.png) bottom left no-repeat;
	line-height: 18px;
	padding-left: 28px;
	text-align: left;
	margin-bottom:12px;
}
.liste_contact_texte {
	margin-left: 6px;
}
#contact #sidebar h4 {
margin-top:12px;
margin-bottom:0;
}
#contact #sidebar p.tel {
margin-top:4px;
}
#contact #erreurs {
margin-top:16px;
text-align:center;
}
#contact #contenu p {
margin-bottom:18px;
}
#contact #contenu_centre {
min-height:201px;
}
/*-----------------------------------------PAGE NEWSLETTER------------------------------------*/

#newsletter h3 {
font-size:18px;
margin-bottom:18px;
}

.statusmsg {
margin:18px 0;
text-decoration:underline;
}

/*-----------------------------------------PAGE NEWS------------------------------------------*/

#news #contenu h2 {
font-size:18px;
}

#news #contenu h3 {
font-size:12px;
margin-bottom:12px;
}

#news #contenu h2 a {
color:#000;
}

#news #contenu p {
margin-bottom:22px;
}

#news a.pages_news {
padding:5px;
background-color:#fff;
color:#000;
}

#news a.pages_news_current {
padding:5px;
background-color:#fff;
text-decoration:none;
color:#000;
}

#news #sidebar form {
margin-bottom:12px;
}

#news #sidebar #message_newsletter {
margin-bottom:12px;
}

#news li.titre p {
font-size:12px;
font-weight:normal;
padding-left:12px;
}

#news li.lien_news p {
text-align:right;
font-weight:bold;
padding-right:14px;
}

#news #sponsors {
margin-top:12px;
}

#news #sidebar ul {
margin-bottom:18px;
}

p.centrage {
text-align:center;
}

/*-----------------------------------------GALERIES------------------------------------------*/

#wrapper {
padding:25px 25px 25px 58px;
float:left;
}

.miniatures {
width:175px;
height:163px;
/*background-image:url(images/cadre.png);*/
background-repeat:no-repeat;
text-align:center;
margin-left:20px;
margin-bottom:20px;
display:table-cell; 
vertical-align:middle;
float:left;
padding-top:12px;
}

a.liens_galeries {
padding:5px;
background-color:#eee;
color:#000;
margin-right:3px;
}

a.liens_galeries_current, a.liens_galeries:hover {
padding:5px;
background-color:#fff;
text-decoration:none;
color:#000;
margin-right:3px;
}

#liens {
clear:both;
text-align:right;
padding-right:55px;
}

#formulaire #description, #formulaire #image {
width:144px;
margin-bottom:12px;
}
#formulaire #image {
margin-bottom:18px;
}

/*---------------------------------------PERSONNALISATION------------------------------------*/

.tooltip{ 
position: absolute; 
top: 0; 
left: 0; 
z-index: 100; 
display: none; 
}

.tip {
cursor:pointer;
position:absolute;
z-index:40;
width:29px;
height:29px;
}

#btns a {
display:block;
background:url(../images/bt2n.png) no-repeat;
width:29px;
height:29px;
position:absolute;
z-index:30;
text-decoration:none;
}

#btn1 {
top:315px;
left:385px;
}

#btn2 {
top:341px;
left:403px;
}

#btn3 {
top:370px;
left:385px;
}

#btn4 {
top:340px;
left:372px;
}

#btn5 {
top:311px;
left:229px;
}

#btn6 {
top:345px;
left:247px;
}

#btn7 {
top:368px;
left:227px;
}

#btn8 {
top:342px;
left:212px;
}

.haut {
width:143px;
height:19px;
}

.centre {
width:119px;
padding:0 12px;
text-align:center;
font-weight:bold;
}

.bas {
width:143px;
height:25px;
}

.bulle .haut {
background:url(images/bulle_haut.png);
}

.bulle .centre {
background:url(images/bulle_tranche.png);
color:#666;
text-decoration:none;
}

.bulle .centre a {
color:#666;
text-decoration:none;
}

.bulle .bas {
background:url(images/bulle_bas.png);
}

.bulle_bleue .haut {
background:url(images/bulle_bleue_haut.png);
}

.bulle_bleue .centre {
background:url(images/bulle_bleue_tranche.png);
color:#fff;
}

.bulle_bleue .bas {
background:url(images/bulle_bleue_bas.png);
}

/*------------------------------------NOUVELLE VERSION-------------------------------------------*/

#container {
position:relative;
background-color:#efefef;
width:660px;
height:510px;
margin:25px auto;
}

#container .left {
position:absolute;
left:0;
bottom:0;
z-index:10;
}

#container .right {
position:absolute;
right:0;
bottom:0;
z-index:10;
}

#container .bottom {
position:absolute;
left:180px;
bottom:0;
z-index:10;
}

#container .final {
position:absolute;
left:125px;
bottom:75px;
z-index:5;
}

#container .final #img-load {
position:absolute;
left:185px;
bottom:-18px;
z-index:15;
}

#container .lien-eteindre {
position:absolute;
right:320px;
top:35px;
z-index:10;
}

#container .lien-eteindre a {
display:block;
width:36px;
height:36px;
background:url(images/lien-eteindre.png) no-repeat bottom;
color:#666;
text-decoration:none;
}

/*--------------------------PAGES ERREURS--------------------------------------*/

#erreur #principal_erreur {
margin:100px auto;
width:523px;
height:242px;
background:url(images/erreur_fond.png);
color:#fff;
padding:80px 55px;
font-size:14px;
}

#erreur #message {
width:350px;
padding-top:20px;
}

#erreur #message a {
color:#fff;
font-weight:bold;
}

#erreur h1 {
margin-bottom:18px;
}

#erreur p{
margin-bottom:24px;
}

/*---------------------------------------------------------------------------*/

#wrapper-arrondi {
width:887px;
background:#efefef url(images/wrapper_arrondi_haut.png) top no-repeat;
margin-bottom:0;
margin-left:15px;
/margin-top:20px;
}

#wrapper-arrondi-bas {
width:887px;
height:21px;
background:#efefef url(images/wrapper_arrondi_bas.png) top no-repeat;
margin-top:0;
}

/*----------------------------PAGE OU LE TROUVER-------------------------------*/

.image_mag {
	background-color:#dfded6;
	float:left;
	width:530px;
	padding:14px;
	margin-bottom:14px;
	border:1px solid #b4b6a8;
}

.image_mag div {
	float:left;
}

#contenu .image_mag img {
	float:left;
	display:block;
	margin:0px;
	margin-right:12px;
}

#contenu .image_mag p {
	margin-bottom:6px;
}

#contenu .image_mag p a {
	color:#333;
}

h2.ouletrouver {
	margin-bottom:18px;
}

/*--------------------------SA FAMILLE---------------------------*/

#flash3dgallerie {
	margin:15px auto 0;
	width:800px;
	height:300px;
	position:relative;
}

#iframeflash{
	float:left;
	height:300px;
	width:100%;
	position:absolute;
	z-index:1;
}

#titre-famille
{
	background-color:#EFEFEF;
	float:left;
	height:100px;
	width:100%;
}

#wrapper-arrondi-float {
	background:#EFEFEF url(images/wrapper_arrondi_bas.png) no-repeat scroll center top;
	float:left;
	height:21px;
	margin-top:0;
	width:887px;
}

.titre-photos {
	text-indent:-9999px;
	background:url(images/title-photos.jpg) no-repeat top center;
	width:100%;
	height:33px;
}

#padded-content {
	background-color:#EFEFEF;
	float:left;
	padding:14px;
	width:859px;
}

.perso-histoire {
	float:left;
	width:845px;
	padding:14px;
}

	.perso-histoire.left .head {
		position:relative;
		width:415px;
		height:39px;
		float:left;
	}
	
	.perso-histoire.right .head {
		position:relative;
		width:412px;
		height:36px;
		float:right;
	}
	
		.perso-histoire.left .head img {
			position:absolute;
			right:0;
			bottom:3px;
		}
		
		.perso-histoire.right .head img {
			position:absolute;
			left:0;
			bottom:3px;
		}
		
	.perso-histoire.left .content {
		float:left;
		width:830px;
		padding:12px 8px 0;
	}
	
	.perso-histoire.right .content {
		float:left;
		width:830px;
		padding:12px 8px 0;
		min-height:45px;
	}
	
	#principal .right .content p {
		text-align:right;
		width:100%;
	}

	.perso-histoire.left .bonus {
		float:left;
		width:146px;
		height:109px;
		padding:12px 6px;
	}
	
	#nat { margin-top:-38px; }
	#ted { margin-top:-42px; }
	#pat { margin-top:-42px; }
	#pop { margin-top:12px; }
	#bob { margin-top:6px; }

	.don {
		background:url(images/histo_don.png) no-repeat bottom left;
	}
	
	.pop {
		background:url(images/histo_pop.png) no-repeat bottom left;
	}
	
	.nat {
		background:url(images/histo_nat.png) no-repeat bottom left;
	}
	
	.ted {
		background:url(images/histo_ted.png) no-repeat bottom left;
	}
	
	.bob {
		background:url(images/histo_bob.png) no-repeat bottom left;
	}
	
	.pat {
		background:url(images/histo_pat.png) no-repeat bottom left;
	}

/*
	HISTOIRE
*/	

#wrapper-arrondi.histoire {
	margin-top:14px;
}	

#wrapper-arrondi.histoire #content
{
	padding:14px 2px 0;
	
}

#flash-lecteur {
	min-width:635px;
	min-height:400px;
	
}

#equipage {
	width:635px;
	margin:15px auto;
	text-align:center;
}

#contract
{
	width:100%;
	text-align:right;
	color:#ccc;
}

	#contract p
	{
		font-style:italic;
margin-right:32px;
	}
	
/*--------------------------SA FAMILLE---------------------------*/

/*--------------------------SA FAMILLE---------------------------*/