/* CSS Document */

body {background:url(images/bg_carbone.gif) top center #000 no-repeat; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#fff;/*(images/shim_bg.gif)*/}

* {margin:0;padding:0; border:0}
div#global {width: 790px; height: 100%; background-color: transparent;  padding-bottom: 10px; margin: 0 auto }

/* ##### STYLES ##### */
p {margin: 0 0 12px 0;}
ul {margin: 0 0 15px 0}
ul li {list-style-type:none; background:url(images/puce1.gif) no-repeat; padding-left: 20px}

h1 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background:url(images/fleche_bche.gif) center left no-repeat; padding-left: 25px; margin: 5px 0 5px 10px}
h1 span {font-size:14px; color:#c60000}
h2 {font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#FC3}
h2 span {font-size:12px; color:#fff}
h3 {font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#FFF}
.corps14 {font-size:14px}
.corps10 {font-size:10px}

img.photos { border: 1px solid #c30; padding: 2px; display: block} 
.margintop5 {margin-top: 5px}
.margintop10 {margin-top: 10px}
.margintop20 {margin-top: 20px}
.margd {margin-right: 10px}

.clear {clear:both}
.legend {font-size:10px; font-style:italic; margin-top: 10px}
.exergue {color: #fc3; font-weight:bold}
.floatleft {display:block; float:left}
.clearright {clear: right}
.bloq {display:block; float: left}
.center {text-align:center}
.grisf {color:#666}
.blanc {color:#fff}
.jaune {color:#fc3}
.note {font-size:10px; color:#fc3; font-style:italic}
.justifie {text-align:justify}

u {display:block; clear:both; text-decoration:none; height:1px; background-color:transparent}


.temoignageDisdier {line-height: 16px; font-size: 13px; color:#f3dfcc}
.signatureDisdier {font-size: 17px}

/* ####### HEADER  ############### */

div#header {width: 790px; height: 119px; background-color: transparent;}
div#logo {width: 217px; float: left}
div#headerdroite {float: right; background:url(images/header_droite.gif) top right no-repeat #fff; width: 353px; height: 100%}
div#headerdroite ul {display: block; float: right; margin-right:5px}
div#headerdroite ul li {color:#ccc;  margin: 4px 5px; list-style:none; padding-left: 40px; text-align:right; }
div#headerdroite ul li#shop {background:url(images/picto_shop.gif) left no-repeat }
div#headerdroite ul li#annonce {background:url(images/picto_annonces.gif) left no-repeat }
div#headerdroite ul li#disdier {background:url(images/picto_md.gif) 1px no-repeat; letter-spacing: 2px; font-weight:bold; font-variant: normal; padding-top:1px}

div#headerdroite ul li a {color:#ccc; text-align:right; text-decoration: none; font-size:11px;}
div#headerdroite ul li a:hover {color:#fff;}
 
div#headerdroite ul li#disdier a {color:#C00;}
div#headerdroite ul li#disdier a:hover {color: #F00}

/* ###### NAVIGATION PRINCIPALE ####### */

ul.navigation {display:block; float: left; width: 790px; background:url(images/bg_btn.gif) top left repeat-x #000; height: 23px; border-top: 1px solid #DA4F4F; margin:0}
ul.navigation li {display: inline; float: left; color: #ccc; font-variant:small-caps; /*margin-left: 19px;*/ padding-left: 25px; padding-right: 25px; border-right: 1px solid #DA4F4F; height: 20px; padding-top: 3px; background-image:none } 
ul.navigation li a {font-size:12px; color:#fff }
ul.navigation li:hover {background:url(images/bg_btnOver.gif) top left repeat-x}

dl.menuDroit {padding:0; width: 181px; margin: 0 0 30px 5px}
.menuDroit dt{background:url(images/bg-btnRight.gif) top left no-repeat #000; height:24px; margin-bottom:1px; padding:0 0 0 17px; line-height: 25px}
.menuDroit dt:hover, .menuDroit dt.selected {background:url(images/bg-btnRightover.jpg) top left no-repeat #000;}
.menuDroit dt a {color:#e3e3e3; text-decoration:none; font-size:11px}
.menuDroit dt a:hover, .menuDroit li.selected a {color:#fc3;}
.menuDroit dd {margin: 6px 0 6px 30px; color:#fc3; background:url(images/pucejaune.gif) left 4px no-repeat; padding-left:15px}
.menuDroit dd a  {text-decoration:none}
.menuDroit dd.selected a{color:#efe0ae}


/* ###### SOUS MENU ####### */
div.ssnavig {float: left; width: 790px; background-color:#000; height: 21px; border-bottom: 1px solid #333; clear: both }
div.ssnavig ul {display:none; float: left; width: 790px; height: 18px; margin:0 }
div.ssnavig ul li {display: block; float: left; height: 14px; border-right: 1px solid #ccc; color:#CCCCCC; margin: 5px 0 5px 15px; padding: 0 15px 0 0; font-size:10px; background-image:none}
div.ssnavig ul li a {text-decoration: none; color: #fff}
div.ssnavig ul li a:hover {color:#fc3}

/* ##### FIL d'ARIANE ##### */
.fildariane {float: left; width: 790px; background:url(images/coin-feuille.gif) top left no-repeat; height:47px; }
.fildariane p {font-size: 10px; padding-left: 50px; margin-top:10px}

.titre {display: block; float: right; margin-right: 30px}
#titrepresentation {background:url(images/titre_presentation.gif) top left no-repeat; width: 790px; height: 130px}
#titrerejoigneznous {background:url(images/titre_rejoignez.gif) top left no-repeat; width: 790px; height: 130px}
#titreactualites {background:url(images/titre_actualites.gif) top left no-repeat; width: 790px; height: 130px}
#titremedias {background:url(images/titre_medias.gif) top left no-repeat; width: 790px; height: 130px}
#titrecontact {background:url(images/titre_contact.gif) top left no-repeat; width: 790px; height: 130px}


/* ##### BLOC ACTUS ##### */

div.actus {width: 250px; float:left; height: 228px; background:url(images/bg-actus.gif) center center no-repeat #000; }
.actus h1 {background:none; padding:0; margin: 3px 0 7px 0}
div.contenuActu {width: 200px; margin: 20px auto;}
div.contenuActu img {margin-bottom: 10px; border-color:#666}

/* ##### VISUEL FLASH ##### */

div#bannerHome {float: left; width: 540px; height: 230px; background-color:#000; clear: right}

#bannerFlash {float: left; width: 790px; height: 230px; background-color:#000; clear: both}
#titreFlash {float: left; width: 790px; height: 110px; background-color:transparent; clear: both}

/* ##### BARRE TITRE HOME ##### */
div#barreTitre {float:left; height: 21px; width: 790px; background:url(images/bg_titres.gif) top left no-repeat #000; padding-top: 7px}

div#barreTitre h1.formule {display: inline; margin-left: 40px; }
div#barreTitre h1.passion {display: inline;margin-left: 160px}
div#barreTitre h1.histoire {display: inline; margin-left: 180px}

.contentHome {float: left; width:790px; background:url(images/degrade.gif) bottom left repeat-x #ca0000; }
.effetGauche {float: left; height: 100%; width: 100%; background:url(images/effet_gauche.gif) bottom left repeat-y}
/*.reflet {float: left; height: 100%; width: 100%; background:url(images/reflet.gif) top left repeat-y #cb0101}*/



/* ###### CONTENU HOME ##### */
div.articles {float: left; padding: 30px 10px 20px 36px; width: 215px; height:auto; background:url(images/ombre.gif) top left no-repeat;}

/* ###### MASTER CONTENU ###### */
.content{float: left; width: 100%; margin-top: 5px; background:url(images/reflet.gif) top left repeat-y #cb0101 }
.contentGauche { width: auto; margin-top: 5px; padding-left:55px }
.contentGauche h2{background:url(images/bg-h2.gif) left no-repeat; padding-left: 30px; height: 24px; font-size:13px; line-height: 24px; margin-bottom: 5px; width: 90%; clear: both}
.contentGauche h2.deuxlignes{background:url(images/bg-h2haut.gif) left no-repeat; padding-left: 30px; padding-top:3px;  height: 40px; font-size:13px; line-height: 16px; margin-bottom: 5px; width: 90%}
.contentGauche h2.noimage {background-image:none; padding-left:0}
.contentGauche h3{font-size:12px; }

.contentDroit {background:url(images/ombre-coldroite.gif) left top repeat-y #000; float: right; width: 220px; height:100% }
.contentDroitHaut {background:url(images/hautdroit.gif) left top no-repeat transparent; width: 100%; height: 33px;}
.contentDroitBas {background:url(images/basDroit.gif) left top no-repeat transparent; width: 100%; height: 33px; float:left}
.interieurDroit {/*margin-left: 30px; margin-right: 10px; /*padding-top: 15px;*/ padding-left: 20px; width:180px; float:left}
.interieurDroit img {display: block; margin-left: auto; margin-right:auto}

.contentMilieu {float:left; width: 490px; /*margin-left: 35px;*/}
/*.contentMilieu p {line-height: 13px}*/

.contentMilieu ul {margin-left: 40px}

.content1colonne {width: 100%; float: left; padding-left: 25px}


#contactEncart {background:url(images/contact.gif) top left no-repeat; /*margin-top: 200px;*/ width: 187px; height: 221px; }

#contactEncart p {color: #fff; padding: 0 10px ;/* margin-top:90px*/ position:relative; top:105px }
#contactEncart a {display:block; position:relative; background-color:transparent; top: -30px; height: 200px; width:100%; text-decoration:none; outline:none}

*html #contactEncart p {padding-top: 5px} 

div.formulaires {border:1px solid #555; background-color:#333; padding:20px 10px}
div.formulaires table {display:block; margin:10px auto}

/* ############## ACTUS ############## */
.actuPrincipale {/*border: 1px solid #690C0C;*/ padding: 5px; float: left; width: 100%; clear: both; margin-bottom: 25px}
.actuPrincipale img {border: 1px solid #ba8989; padding:2px; /*border: 1px solid #690C0C;*/}


.txtActu {float: left; display:block; width: 50%;}

.resumeActu {float: left; clear:both; border-top: 1px dotted #fff; margin: 20px 0 0 0; padding:10px 0; width: 94%}
.resumeActu img {display: block; float:left; margin: 5px 10px 0 0;}
.resumeActu p {display:block; float: left; width:50%; clear:right}

.imagesActu {display:block; float:left; margin-right: 10px}
.imagesActu img {display: block; float: left; clear: left; margin-bottom: 15px}

a.actuDisdier {color: #fff; text-decoration:none; font-size:11px; background:url(images/puce1.gif) 0 -3px no-repeat; padding-left: 20px}
.articlesSuivants {float: left; clear: both; width:  100%}

/* ###########" REJOIGNEZ NOUS ################" */
#flashProprietaires, #flashBenevoles, #flashBaptemes { margin: 0 20px 30px 0; width: 272px; height: 190px; float:left}

.detailRejoignez {margin: 0; /*clear: both;*/ float:left; width: 190px; clear:right}
.detailRejoignez h2 {font-family:"Tahoma"; font-size: 16px; color: #eba5a5; display:block; float:left}
.encartTemoignages {width: 230px; height:131px; background:url(images/bg-temoignages.gif) center top no-repeat; padding: 5px; margin-bottom:20px; float:left; margin-right:10px}
.encartRejoignezForce {width: 230px; height:131px; background:url(images/bg-rejoignezForce.gif) center top no-repeat; padding: 5px; margin-bottom:20px; float: left}
.encartTemoignages h1, .encartRejoignezForce h1, .encartRejoindreSogno h1, .encartVideosAsso h1  {color:#fc3; background:none; margin-left: 85px; margin-top:10px}
.encartTemoignages p, .encartRejoignezForce p,  .encartRejoindreSogno p, .encartVideosAsso p  {width: 48%; margin-left:110px}
.encartTemoignages a, .encartRejoignezForce a,  .encartRejoindreSogno a, .encartVideosAsso a  {width: 50%; margin-left:110px; margin-top:10px; display:block}
.encartRejoindreSogno {width: 230px; height:131px; background:url(images/bg-rejoindre-sogno.gif) center top no-repeat; padding: 5px; margin-bottom:20px; float: left}
.encartVideosAsso {width: 230px; height:131px; background:url(images/bg-videoAsso.gif) center top no-repeat; padding: 5px; margin-bottom:20px; float: left}
.accesSognistes {width:400px; height:110px; margin:10px auto; background:url(images/bg-sognistes.gif) top left no-repeat transparent; text-align:center; padding:10px 0}
.accesSognistes h1 {background:none; font-size:15px; }

table.listeProprietaires {width:100%; border:1px solid #000}
table.listeProprietaires th {width:auto; padding:5px; background-color:#910606; border-right:1px solid #000}
table.listeProprietaires th.noborder {border-right:0}
table.listeProprietaires td {width:auto; padding:5px; text-align:center; border-right:1px solid #000}
table.listeProprietaires td.noborder {border-right:0}
table.listeProprietaires tr.alternate {background-color:#B61010}

/* ############# FICHES PROPRIETAIRES ############## */
.ficheProp {width:439px; height:auto; background-color:#000; margin: 0 0 8px 0}
.ficheProp div.top {width:100%; height:11px; background:url(images/top-ficheprop.gif) left top no-repeat #000}
.ficheProp div.bottom {width:100%; height:11px; background:url(images/bottom-ficheprop.gif) left bottom no-repeat #000}
.ficheProp div.identite {padding:5px 15px 5px 15px}
.ficheProp div.identite h2 {background:none; display:none}

/* ######## STATUTS #### */
.articlesStatuts {border-top: 1px dotted #ccc; float: left; clear: both; width: 100%; padding-bottom :10px}

/* ######## EQUIPE #### */
.membreEquipe {width: 210px; padding: 5px;margin: 0;  height: 200px}
.detailMembre {float: left; width: 100%; padding: 10px;}
.encartIdentite {width:240px; height:auto; background:url(images/encart-equipe-milieu.gif) center top repeat-y #ccc; float:left; margin-right:5px}
.encartIdentite div.contenu {width:80%; margin:0 auto}
.encartIdentite div.contenu h2 {background:url(images/bg-h2-equipe.gif) left top repeat-x; height:25px; width:90%; line-height:20px; margin:0; padding:0 0 0 10px }
.encartIdentite div.contenu p.fonction {padding-left:10px; font-style:italic; font-size:13px}
.encartIdentite .top {width:100%; height:20px; background:url(images/encart-equipe-top.gif) center bottom no-repeat #cb0000}
.encartIdentite .bottom {width:100%; height:20px; background:url(images/encart-equipe-bottom.gif) center top no-repeat #cb0000}


/* Partenaires */
.detailPartenaire {float: left; width: 210px; height: 220px ; margin: 0 0 25px 10px; border: 1px dotted #fff; padding: 5px}
.detailPartenaire img {display: block; margin: 0 auto; border:0}

.detailPartenaire h2 { background-image:none; padding:0;}

.question {font-size: 12px; font-weight:bold; color: #fc3}



/*###### PRESSE ###### */
.articlePresse {display: block; float: left; width: 500px; clear: both; border-bottom: 1px dotted #eba5a5; width: 90%; margin-bottom: 10px; padding-bottom: 15px}
.mois {font-size: 14px; color: #fc3}
.titrePresse {font-size: 13px; font-weight:bold; color: #FC3 }
.photosPresse {border: 1px solid #c30; padding: 2px; display: block; float: left; margin-right: 10px; margin-bottom: 10px }

#galeriePhoto {float: left; width: 100%}
ul.listeGalerie li {line-height: 18px; margin: 5px 0}

#diaporama {width: 500px; height: 380px; float: left;  background:url(../images/bg-diaporama.gif) top left no-repeat; }
.photoDiaporama {display: block; with: 100%; margin: 5px 0 0 7px}
#player {float: left; margin: 20px 0 0 5px; width: 100%;}
#player p {margin-left: 3px; font-size: 13px} 

.miniature {margin: 190px 0 0 5px; border: 2px solid #940000 }

/* ##### LIVRE D'OR ######## */
.livreorReponses {line-height: 16px}
.livreorNom {font-size: 12px; background-color:#300000; color: #fc3; padding: 2px 0 2px 10px;}

/* ######### FOOTER ###### */
div#footer {width: 790px; text-align:center; font-size:10px; margin-left: auto; clear: both; margin-right:auto; padding: 10px 0 20px 0; color: #666;}
div#footer a {color: #aaa}

/* ##### LIENS ###### */
.navigation a{color: #CCC; text-decoration: none}
.navigation a:hover {color: #FC6; text-decoration: none;}
.liens {width: 100%; clear:both; margin-bottom: 10px; float:left; border-bottom:1px solid #f60; padding-bottom:10px}

a {color:#fc3; font-size: 11px}
a:hover {color: #FC6;}
a.ensavoirplus {display:block; float: right; color: #fc3; background:url(images/puce.gif) top left no-repeat; padding-left: 15px; margin: 10px 10px 0 0; line-height: 12px}
a.dlpdf {display: block; float: left; background:url(images/puce.gif) top left no-repeat; padding-left: 15px; margin-top: 5px; width: 40%; margin-right: 10px}
a.galerie {color:#ccc; font-size:12px} 
a.galerie:hover {color:#fc3}

a.btnfiche { width:265px; height:26px; display:block; margin:0; padding:0; font:12px/1.8 Trebuchet MS, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;
    text-align:center; vertical-align:middle; cursor:pointer; border:0; background:url(images/btn-ficheProprietaire.gif) left center no-repeat #000}
a.btnfiche:hover {color: #FC6}

a.btnRouge {color:#FFFFFF;height:21px;text-decoration:none; width:auto; display:block;/* margin: 0 auto*/}
a.btnRouge span {background:transparent url(images/btn-rouge-droite.gif) no-repeat scroll right center; clear:both; display:block; height:21px; /*padding:0pt 15px 0pt 0pt;*/width:auto;}
a.btnRouge span span {background:transparent url(images/btn-rouge-gauche.gif) no-repeat scroll left center; clear:both; display:block; height:21px; /*padding:0pt 0pt 0pt 15px;*/ width:auto;}
a.btnRouge span span span {background:transparent url(images/btn-rouge-milieu.gif) repeat-x scroll left center; display:block; height:21px; line-height:20px; margin:0pt 15px; padding:0pt 5px; text-align:center; width:auto;}
a.btnRouge:hover {color:#fc3;}


/* ####### FLASH ###### */

/* FORMULAIRES */

input, textarea {
	border: 0; color: #333 }
.champcontact{font-family: Arial, Verdana, Helvetica, sans-serif; background:url(images/bg-input.gif) left bottom #fff; font-size:11px; font-weight:normal;color:#606060; border:1px solid #c9c9c9; padding:2px 4px; margin: 0 0 2px 0;}
.champcontactgrand{font-family: Arial, Verdana, Helvetica, sans-serif; background-color:#fff; font-size:11px; font-weight:normal;color:#606060; border:1px solid #c9c9c9; padding:2px 4px; margin: 0 0 2px 0;}
input.sendbtn{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#fff; border:1px solid #555; background:#c10009; padding:3px 10px; margin: 2px 0; cursor:pointer}
	
	
/* LIGHTBOXES */
.lightbox {	color: #ccc; display: none; position:absolute; top:15%; left: 25%; width: 600px; margin: 0 auto; height: auto; padding: 15px;
	border: 1em solid #000;
	background-color: #333;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}

.lightbox a.close {width: auto; padding: 5px; display:block; float:right; margin: 0 0 10px 0; padding-left:30px; background:url(images/close.gif) left 2px no-repeat;}
.containLightbox {width: 80%; margin: 10px auto}
.lightbox h1 {color:#CCC; background:none; font-size:15px; padding:0; margin:0}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }


/* ## version 2 ## */
#filter { display: none;position: absolute;	top: 0%; left: 0%; width: 100%;	height: 100%; background-color: #333; z-index:10; opacity:0.7; filter: alpha(opacity=70);}
#box {display: none; position: absolute; top: 20%; left:50%; width: 500px; height: auto ; padding: 0; z-index:11; overflow: hidden; color: #ccc; margin: 0 0 0 -250px; padding: 15px;	border: 1em solid #000;	background-color: #333;text-align: left;}
/*#box.boxinscription{display: block; position: absolute; top: 20%; left:35%; width: 400px; min-width:30%; height: 400px; padding: 0; z-index:11; overflow: hidden; color: #ccc; margin: 0 auto; padding: 15px;	border: 1em solid #000;	background-color: #333;text-align: left;}*/
#boxclose{float:right;position:absolute;top: 10px;	right: 0;background:url(images/close.gif) no-repeat transparent;  width:30px;height:20px; text-align:right; cursor:pointer}
#boxcontent{width:90%;margin: 0 auto;padding: 8px;}
#box h1 {color:#CCC; background:none; font-size:15px; padding:0; margin:0}

/* voeux 2009 */
.black_overlay{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
.white_content {display: none;
			/*position: absolute;*/
			top: 15%;
			left: 35%;
			position:absolute;
			/*margin:0 auto;*/
			width: auto;
			height: auto;
			padding: 16px;
			border: 16px solid #888;
			background-color: white;
			z-index:1002;
			color:#333;
			overflow: auto;
		}
		.white_content h1 {padding:0; margin:20px 0 0 0; text-align:center}