/* CSS Document */

/* positionning ---------------------------------------------------------------*/

body {
  background-color: #FFFFFF;
  color: #000000;
 /*background-image: url('http://localhost:8888/siteGI/site_local/rsrc/img/tramefond.gif');*/
 background-image: url('http://gensdimages.com/rsrc/img/tramefond.gif');
 background-attachment:fixed;
}

body * {  line-height:17px; }

#page {
	position:relative;
	width:755px;
	margin: 0 auto;
	background-color:#FFFFFF;
}
   
#lateral {
 background-color:#FFFFFF;
 width:163px; 
 float:left; 
 position:relative;
 text-align:right; 
}

#content {
	font-family: Georgia, "Times New Roman", Times, serif;font-size: 11px;
	line-height:17px;
  background-color:#8c8c8c;
  float: right; 
 display:inline; 
 position: relative; 
  width:592px;
  /*height: auto;
  min-height: 600px;
  *height: 600px; *//* min height hack */
}
#contentGaleries {
	font-family: Georgia, "Times New Roman", Times, serif;font-size: 11px;
	line-height:17px;
  background-color:#212121;
  float: right; 
 display:inline; 
 position: relative; 
  width:592px;
  /*height: auto;
  min-height: 600px;
  *height: 600px; *//* min height hack */
}
#footer {
background-color:#C5C5C5;
clear:both;
float: right;
width:592px;
height:400px;
}

/* CLEARFIX ---------------------------------------------------------------*/

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/* accueil -------------------------------------------------------------*/
.ie #title{
/*height:108px;*/
overflow:hidden;
}
.ie #actu{
/*height:287px;*/
overflow:hidden;
border-bottom: 1px solid #ffffff;
}

#title{
background-color:#212121;
height:89px;
}
#titleGaleries{
background-color:#212121;
height:0px;
}
#menusuperieur {
background-color:#212121;
height:44px;
text-indent:20px;
border-bottom: 1px solid #ffffff;
}
#menusuperieurGaleries {
background-color:#212121;
height:65px;
text-indent:20px;
}
#menusuperieurluvu {
background-color:#212121;
height:44px;
text-indent:20px;
border-bottom: 1px solid #ffffff;
background-image: url('http://gensdimages.com/rsrc/img/fond_typo_luvuentendu_menusup.gif');background-repeat:no-repeat;background-position:right 0px;
}
#menusuperieurateliers {
background-color:#212121;
height:44px;
text-indent:20px;
border-bottom: 1px solid #ffffff;
background-image: url('http://gensdimages.com/rsrc/img/fond_typo_ateliers_menusup.gif');background-repeat:no-repeat;background-position:right 0px;
}
#menusuperieurentrevues {
background-color:#212121;
height:44px;
text-indent:20px;
border-bottom: 1px solid #ffffff;
/*background-image: url('http://gensdimages.com/rsrc/img/fond_typo_ateliers_menusup.gif');background-repeat:no-repeat;background-position:right 0px; */
}
#menusuperieurevenements {
background-color:#212121;
height:44px;
text-indent:20px;
border-bottom: 1px solid #ffffff;
background-image: url('http://gensdimages.com/rsrc/img/fond_typo_evenements_menusup.gif');background-repeat:no-repeat;background-position:right 0px;
}
#menusuperieurassociation {
background-color:#212121;
height:44px;
text-indent:20px;
border-bottom: 1px solid #ffffff;
background-image: url('http://gensdimages.com/rsrc/img/fond_typo_association_menusup.gif');background-repeat:no-repeat;background-position:right 0px;
}
#menusuperieurpartenaires {
background-color:#212121;
height:44px;
text-indent:20px;
border-bottom: 1px solid #ffffff;
background-image: url('http://gensdimages.com/rsrc/img/fond_typo_partenaires_menusup.gif');background-repeat:no-repeat;background-position:right 0px;
}
#menusuperieurcafesimages {
background-color:#212121;
height:44px;
text-indent:20px;
border-bottom: 1px solid #ffffff;
background-image: url('http://gensdimages.com/rsrc/img/fond_typo_cafesimages_menusup.gif');background-repeat:no-repeat;background-position:right 0px;
}
#sansmenusuperieur {height:46px;} /*un pixel de plus car le filet blanc est en plus*/
.menusup{
padding-top:12px;
}
.menusup a { /* pour espacer les items du menu superieur*/
margin-right: 20px;
}
.menusupGaleries{
padding-top:12px;
text-align:left;
}
.menusupGaleries a { /* pour espacer les items du menu superieur*/
margin-right: 20px;
}
#actu{
position:relative;
height:287px;
border-bottom: 1px solid #ffffff;
}
/* typo ---------------------------------------------------------------*/

.perso_redbox {
    border: 1px solid #ff0000;
    padding:10px;
    margin-bottom: 20px;
}
.perso_chapeau {
    font-weight:bold;
    margin-bottom: 20px;
}
.perso_exergue {
    font-size: 16px;
    line-height:26px;
    margin-bottom: 20px;
}
.perso_exergue strong {
    font-size: 22px;
    color: #FFFFFF;
    font-weight:normal;
}
.perso_encadre {
    background-color:#A4A4A4;
    padding:10px;
    margin-bottom: 20px;
}
.perso_photodroite {
float:right;
    /*border: 1px solid #ff0000;*/
    margin-left: 10px;
    margin-bottom: 10px;
    /*width: 180px;*/
}
.perso_photogauche {
float:left;
    /*border: 1px solid #ff0000;*/
    margin-right: 10px;
    margin-bottom: 10px;
    /*width: 180px;*/
}
.perso_photogauche2 {
position:relative; /* pour bug ie6 */
    float:left;
    margin-top:1px;
    font-family:arial;font-size:10px;color:#363636;line-height:14px;
    width: 140px;
    margin-left:-159px; /*si on veut que le contenu de 'main' n'habille pas l'image */
}
.perso_photogauche3 {
position:relative; /* pour bug ie6 */
    float:left;
    margin-top:-7px;
    font-family:arial;font-size:10px;color:#363636;line-height:14px;
    width: 140px;
    margin-left:-159px; /*si on veut que le contenu de 'main' n'habille pas l'image */
}
.perso_photogauche2 img, .perso_photogauche3 img {
position:relative; /* pour bug ie6 */
    margin-left:-8px; /*si on veut que le contenu de 'main' n'habille pas l'image */
}
.perso_photodroite2 {
position:relative; /* pour bug ie6 */
    /*float:left;*/
    margin-top:1px;
    width: 287px;
    margin-left:-137px; /*si on veut que le contenu de 'main' n'habille pas l'image */
}

#lateral { font-size: 13px;font-weight:bold; }
#footer { font-size:9px;color:#666666;}
.copyright { width:572px;margin-top:5px;margin-left:10px;}
#lateral h2 { font-size:14px;margin-bottom:0px;}
.biographie { color:#373737; width:210px;}

.footnotes { border-top:1px dotted #444; font-size:11px;}

/* links */
a:link,a:visited,a:active {font-weight:bold;color:#e4ff00;text-decoration: none;}
a:hover {text-decoration: underline;}
#lateral a:link,#lateral a:visited,#lateral a:active {color:#A5A5A5;text-decoration: none;padding-right:5px;}
#lateral a:hover {text-decoration: underline;}
#footer a:link,#footer a:visited,#footer a:active {color:#666666;text-decoration: none;}
#footer a:hover {text-decoration: underline;}
/* paragraph */
p { margin-bottom: 17px;} /* VERIFIER AVEC IE7 SUR PC */
img { margin-bottom:-17px;} /*annule l'effet de la concatenation des balises P et IMG*/
#title img,#actu img,#lateral img, td img { margin-bottom: 0px;} /*annule l'effet de la concatenation des balises P et IMG*/
#title p,#actu p,#lateral p { margin-bottom: 0px;}
/* list */
/**ol,ul { list-style: square inside;}*/
ol,ul { margin-bottom: 20px;

}
li { margin-left:5px;padding-left:15px;margin-bottom:0px;
/* background-image: url('http://localhost:8888/siteGI/site_local/rsrc/img/listbull.gif');*/
 background-image: url('http://gensdimages.com/rsrc/img/listbull.gif');
 background-repeat: no-repeat;
 background-position: 5px 8px;
}

/*table,td,tr { border: 1px solid #eee;}
td { padding:5px;}*/
table,td,tr {
    width:100%;
    border-top: 1px dashed #333333;
    vertical-align: top;
    font-weight:bold;
}
td { padding-top:5px;padding-bottom:1px;}
td strong { font-size:14px;color:#FFFFFF;}
/* titles */
h1,h2,h3,h4,h5,h6,pre {  /*margin-bottom: 2px;*/ }
h1 {  font-weight:normal;font-size:22px;line-height:26px;margin-top: 0px;margin-bottom: 2px; color:#FFFFFF;letter-spacing:1px;}
h2 {  font-weight:bold;font-size:12px;margin-top: 0px;margin-bottom: 2px; color:#FFFFFF;}
h3 {  font-weight:bold;font-size:14px;margin-top: 0px;margin-bottom: 2px; color:#FFFFFF;}
h4 {  font-weight:bold;font-size:17px;line-height:20px;margin-top: 0px;margin-bottom: 2px; }
h5 {  font-weight:normal;margin-top: 0px;margin-bottom: 2px; color:#373737;}
h6 {  font-weight:bold;font-size:14px;margin-top: 0px;margin-bottom: 2px; color:#000000;}

/* other */ 
small { color: rgb(189,189,189); font-size:10px;}
strong { font-weight:bold;}
em { font-style:italic;}
sup { font-size:0.75em;}

/*-----------------------------------------*/
/* separateurs */

.perso_sep1{height:1px;}
.perso_sep2{height:2px;}
.perso_sep3{height:3px;}
.perso_sep4{height:4px;}
.perso_sep5{height:5px;}
.perso_sep10{height:10px;}
.perso_sep15{height:15px;}
.perso_sep20{height:20px;}
.perso_sep25{height:25px;}
.perso_sep30{height:30px;}
.perso_sep35{height:35px;}
.perso_sep40{height:40px;}
.perso_sep45{height:45px;}
.perso_sep50{height:50px;}
.perso_sep55{height:55px;}
.perso_sep60{height:60px;}
.perso_sep65{height:65px;}
.perso_sep70{height:70px;}

.perso_pointillelong{border-top:1px dashed #000000;margin-top:22px;margin-bottom:20px;}
.perso_pointillelong2{border-top:1px dashed #000000;margin-top:22px;margin-bottom:6px;}
.perso_pointillelongdebutdepage{border-top:1px dashed #000000;margin-top:0px;margin-bottom:20px;}
.perso_pointillecourt{width:63px;border-top:1px dashed #000000;margin-top:22px;margin-bottom:20px;}
.perso_filetblanccourt{width:63px;border-top:1px solid #FFFFFF;margin-top:22px;margin-bottom:12px;}

/*-----------------------------------------*/
/* TYPOS VERTICALES EN FONCTION DU NOM DES 5 1ERES LETTRES (après la 4e) DU NOM DES PAGES WIKI */

.x {background-image: url('http://gensdimages.com/rsrc/img/fond_typo_actualites.gif');background-repeat:no-repeat;background-position:right 0px;}
.actua {background-image: url('http://gensdimages.com/rsrc/img/fond_typo_actualites.gif');background-repeat:no-repeat;background-position:right 0px;}
.ateli {background-image: url('http://gensdimages.com/rsrc/img/fond_typo_ateliers.gif');background-repeat:no-repeat;background-position:right 0px;}
.cafei {background-image: url('http://gensdimages.com/rsrc/img/fond_typo_cafeimages.gif');background-repeat:no-repeat;background-position:right 0px;}
.congr {background-image: url('http://gensdimages.com/rsrc/img/fond_typo_congres.gif');background-repeat:no-repeat;background-position:right 0px;}
.luvue {background-image: url('http://gensdimages.com/rsrc/img/fond_typo_luvuentendu.gif');background-repeat:no-repeat;background-position:right -30px;}
.conta {background-image: url('http://gensdimages.com/rsrc/img/fond_typo_contact.gif');background-repeat:no-repeat;background-position:right 0px;}
.assoc {background-image: url('http://gensdimages.com/rsrc/img/fond_typo_association.gif');background-repeat:no-repeat;background-position:right 0px;}
.parte {background-image: url('http://gensdimages.com/rsrc/img/fond_typo_partenaires.gif');background-repeat:no-repeat;background-position:right 0px;}
.galer {background-image: url('http://gensdimages.com/rsrc/img/fond_typo_galeries.gif');background-repeat:no-repeat;background-position:right -1px;}
.evene {background-image: url('http://gensdimages.com/rsrc/img/fond_typo_evenements.gif');background-repeat:no-repeat;background-position:right -1px;}
.fondGaleries {background-color:#212121;}

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

t17 - ENTREVUES */








#entrevues td img {
	margin-left:-10px;
  margin-right:15px;
	float:left;
	margin-top:3px;
  }
#entrevues td {
  /*width:50px;*/
  padding-top:15px;
	padding-bottom:20px;
	padding-left:10px;
  }
#entrevues_texte img {
	margin-left:-140px;
	/*margin-top:3px;*/
	float:left;
	margin-top:24px;
  }
#entrevues_texte em {
	font-weight:bold;
  }
#entrevues_texte h2 {
	margin-top:20px;
  }






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

ACTUALITES / (NOM WIKI : INDEX) */

#actu_3colonnes{
	background-image: url('http://gensdimages.com/rsrc/img/actu-3colonnes.gif');
	background-repeat:repeat-y;width: 592px;
  }
.colonne_simple_actu {
margin-top:25px;
  float: left;
  width: 127px;
  text-align: left;
}	
.colonne_double_actu {
margin-top:25px;
  float: left;
  width: 255px;
  text-align: left;
}
/* 

AUTRES PAGES / (NOM WIKI : INDEX) */

#page_2colonnes {
	background-image: url('http://gensdimages.com/rsrc/img/page-2colonnes.gif');
	background-repeat:repeat-y;width: 592px;}
#page_2colonnesB {
	background-image: url('http://gensdimages.com/rsrc/img/page-2colonnesB.gif');
	background-repeat:repeat-y;width: 592px;}
#page_1colonne, #page_2colonnessansfilet{
  width: 592px;}


.guillemetstop {background:transparent url(http://gensdimages.com/rsrc/img/luvuentendu-fondsup.gif);background-repeat:no-repeat;background-position:left -130px;}
.guillemetstop2 {background:transparent url(http://gensdimages.com/rsrc/img/luvuentendu-fondsup.gif);background-repeat:no-repeat;background-position:left -129px;}
.guillemetsbas {height:90px;background:transparent url(http://gensdimages.com/rsrc/img/luvuentendu-fondinf.gif) bottom right no-repeat;}

	
.colonne_triple {
margin-top:37px;
  float: left;
  width: 402px;
  text-align: left;
}
.colonne_tripleCongres {
margin-top:15px;
  float: left;
  width: 402px;
  text-align: left;
}

.colonne_double {
margin-top:37px;
  float: left;
  width: 255px;
  text-align: left;
}

.colonne_doubleagrandie {
margin-top:37px;
  float: left;
  width: 275px;
  text-align: left;
}
.colonne_simple {
margin-top:37px;
  float: left;
  width: 127px;
  text-align: left;
}
.colonne_simple2 {
margin-top:28px;
  float: left;
  width: 127px;
  text-align: left;
}
.colonne_quadruple {
margin-top:0px;
  float: left;
  width: 592px;
  text-align: left;
}	
.intituleGaleries {
background-color:#212121;
/*text-indent:24px;*/
padding-left:24px;
margin-top:-15px;
margin-bottom:24px;
  float: left;
  color: #999999;
  /*width: 548px;*/
  text-align: left;
  line-height:24px;
}	
.intituleGaleries strong {
  color: #FFFFFF;
  font-size:17px;
  font-weight:normal;
}	
.gouttiere_double {
margin-top:25px;
  float: left;
  width: 20px;
  height:50px;
  color:#a2a2a2;
}
.gouttiere_simple {
margin-top:25px;
  float: left;
  width: 10px;
  height:50px;
  color:#a2a2a2;
}
.multi_colonnes_end {
  clear: both;
}
/* 
--------------------------------------
lien d'administration */
#wikiadmin {
position:fixed;
/*background-color:#000000;*/
top:0px;
left:0px;
  height:100%;
  width:15px;
  z-index:1000000;
}
/* 
--------------------------------------
galerie externe */
#contentGaleries2 {
	font-family: Georgia, "Times New Roman", Times, serif;font-size: 11px;
	line-height:17px;
  background-color:#212121;
  float: right; 
 display:inline; 
 position: relative; 
  width:755px;
  /*height: auto;
  min-height: 600px;
  *height: 600px; *//* min height hack */
}
.styleGalerieExterne, .styleGalerieExterne a {
font-family: Georgia, "Times New Roman", Times, serif;font-size: 11px;
	line-height:17px;
	}
.footerG {
background-color:#212121;
width:755px;
height:400px;
font-size:9px;color:#666666;
}
.footerG a:link,.footerG a:visited,.footerG a:active {color:#666666;text-decoration: none;}
.footerG a:hover {text-decoration: underline;}
.copyrightG { width:755px;margin-top:5px;margin-left:10px;}

