/*
** Nom . . . . . . :TpeS1b.css
**
** Description . . :Feuille de style (CSS) pour site web basé sur SPIP.
**                   Présentation du contenu... Articles, etc.
**
** Auteur. . . . . :Bruno Couleau
*/


/*
** Styles Génériques
** -----------------
*/

html>body {
 width: auto;
 min-width:770px;
}

body {
 width:auto;
 margin:10px;
}

img {
border:0;
}

.clear {
clear:both;
}

/*
** Structure principales (trois colonnes, entête, pied de page)
** ------------------------------------------------------------
*/
#CadrePrincipal {
border:1px solid;
margin:0;
}

.HautBas {position:relative;
width:auto;
z-index:10; 
}

#EnteteGauche, #EnteteDroite {
display:block;
border:0;
height:100%;
width:100%;
position:relative;
z-index:14;
}

#EnteteGauche {
background:transparent;
width:auto;
z-index:15;
}

#EnteteGauche #accroche, #EnteteGauche #shadow {
letter-spacing:-1px; 
padding-bottom:1px;
padding-left:1px;
padding-right:1px;
padding-top:1px;
position:absolute; 
}

#EnteteGauche #accroche {
left:11px; 
top:74px;
z-index:+2;
}

#EnteteGauche #shadow {
left:12px; 
top:75px;
z-index:+1;
}

#EnteteDroite {
/*background:transparent url(../images/headers/ThePhoceaExperiment_header_Right.jpg) 0 0 repeat-x;*/
}

#ReservesColonnes {
background:transparent;
border-left-style:solid;
border-left-width:205px;   /* Largeur colonne gauche */
border-right-style:solid;
border-right-width:200px;  /* Largeur colonne droite */
width:auto;
}

#CadreInterne {
margin:0;
border:0;
width:100%;
z-index:+1;
}

#ReservesColonnes > #CadreInterne { 
border-bottom:1px solid transparent;
}

#ColGauche {
float:left;
margin-left:-205px;        /* Largeur colonne gauche en négatif */
margin-right:1px;
position:relative;
width:auto;               /* Largeur colonne gauche */
z-index:10;
}

#ColCentre {
float: left; 
position: relative; 
margin:0 -3px 0 -3px;
padding:2px;
width:100%;   
z-index:11;
}

#ColDroite {
float:right;
margin-left:1px;
margin-right:-200px;      /* idem en négatif */
position:relative;
width:194px;              /* Largeur colonne droite */
z-index:12;
}

#PiedPage {
border-top:1px solid;
height:40px;
margin:0px;
padding:5px;
}

/*
** Menu gauche
*/
#MnGauche {
position:relative;
width:200px;    
}

#MnGauche a {
display:block;
padding-left:2px;
padding-bottom:5px;
padding-top:5px;
padding-bottom:0px;
text-align:left;
text-decoration:none;
border-top-width:0px;
border-bottom:1px solid;
width:200px;
}

#MnGauche a.sousrubrique {
display:block;
padding-left:12px;
width:140px;
}

#MnGauche a img {
width:24px;
height:24px;
border:0;
margin-right:10px;
vertical-align:middle;
}

#MnGauche a:hover {
}

#MnGauche .recherche {
border:0;
margin:0;
border:1px solid;
}

#MnGauche .recherche input {
border:1px solid;
width:110px;
}

#MnGauche .recherche {
border:0;
margin:0;
}

/*
** Affichage du selecteur de styles
** --------------------------------
*/

#StyleSW {
float:right;
margin-bottom:0;
padding:0px;
margin-top:67px;
display:block;
overflow:hidden;
z-index:+10;
border:0; 
height:25px;
font-size:70%;
vertical-align:center;
}

#sw {
margin:0;
border:0;
padding:0;
display:block;
overflow:hidden;
}

#swlblStyle {
top:-2px;
color: #FFFFFF;

}

/*
** Le contenu de la page
** ---------------------
*/

.titreATD
{
  padding:0px;
  padding-left:20px;
  padding-top:10px;
  text-align:left;
  font-size:2.5em;
}


.Cont {
position:relative;
padding:10px;
margin:4px; 
border:1px solid;
width:auto;
z-index:-1;
}

.Cont h1.titre-texte {
display:block;
margin-top:0; 
margin-bottom:0;
width:99%;

}

.boite1 h1.titre-texte {
border-bottom:1px solid;
margin-bottom:2px;
}

.Cont h2.titre-texte {
display:block;
margin-top:2px; 
margin-bottom:2px;
}

.Cont .extrait {
margin:4px; 
}


.Cont .soustitre {
margin-top:2px; 
margin-bottom:2px;
}

.Cont .publication {
margin-top:2px; 
margin-bottom:2px;
}

.Cont .boite1{
position:relative;
border:1px solid #0000CC;
padding:5px;
margin:2px;
width:auto;
}

.Cont a.spip_out{
}

.Cont h3.spip {
text-align: left;
margin-top:2px; 
margin-bottom:4px;
}


.Cont p.spip {
text-align: left;
margin-top:12px; 
margin-bottom:4px;
}

.Cont ul.spip {
  display:block;
  width:80%;
  list-style-type: none;
  padding: 0;
  margin-left:0.5em;
  font-size:80%;
}

.Cont ul.spip li {
background-image: url(../images/Puce1.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1em;

}

.Cont ul.syndic {
  display:block;
  list-style-type: none;
  padding: 0;
  margin-left:0.5em;
  margin-top:2px;
}

.Cont ul.syndic li {
background-image: url(../images/Puce2.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1em;

}



.Cont .spip_code {
  display:block;
  text-align: left;
  margin-top:4px; 
  margin-bottom:4px;
  margin-left:10px;
  padding-left:10px;
  border-left:2px solid transparent;
}

.Cont .spip_code tt {
  display:block;
}

/*
** Habillage des formulaires SPIP
** ------------------------------
*/

.SpipFormV {
  width:50%;
  
}

fieldset.spip_encadrer, .SpipFormV fieldset {
  margin:10px;
  padding:10px;
  border:1px solid;
  padding:2px;
  /*width:auto;
  height:auto;*/
  text-align:left;
}

.SpipFormV fieldset.legend, legend {
letter-spacing:2px;
}

.SpipFormV label, label{
display:block;
top:-1.25em;
margin:5px;
}

.SpipFormV input, input {
display:inline;
border:1px solid;
float:none;
}

.SpipFormV input.submit, input.submit{
margin-top:2px;
display:inline;
float:none;
background:#FF9900;
}

.SpipFormV input.submit:over, input.submit:over {
background:#FFCC00;
}

input.hidden {
display:none;
border:0;
}

.SpipFormV textarea{
border:1px solid;
top:-1.4em;
left:10em;
display:block;
}

textarea{
width:50%;
}


/*
.SpipFormV fieldset.radio{
margin:0 0 0 -1em;
border:0 solid;
}

.SpipFormV fieldset.input{
position:static;
clear:both;
float:left;
}

.SpipFormV select{
position:relative;
top:-1.4em;
left:8em;
display:block;
}


/*
**
*/
.SideBar { 
border:1px solid transparent;
margin-bottom:6px;
float:none;
left:3px;
overflow:visible;
position:relative;
width:96%;
}

.bloctype1 {
border:1px solid;
display:block;
margin:2px;
width:auto;
}

.bloctype1 h1 {
display:block;
margin-bottom:1px;
padding:2px;
}

.bloctype1 h2 { 
margin:0; 
padding:2px; 
}

.bloctype1 a {
text-decoration:none;
}

.bloctype1 p { 
padding:2px; 
margin:0; 
text-align:left; 
}

.bloctype1 ul {
list-style-type:square; 
margin:0;
padding:0;
padding-left:1.6em;
}

.bloctype1 li {
margin:0;
background-color:transparent;
}

.bloctype1 li a {
text-decoration:none;
}

.bloctype1 dl {
display:block;
margin:1px;
padding:1px;
}

.bloctype1 dt {
position:relative;
left:0;
width:5em;
border-bottom:1px solid;
width:99%;
}

.bloctype1 dd {
border-left:1px solid #93ADC8;
margin:0 0 0 .6em;
padding:0 0 .5em .5em;
text-align:left;
}

.bloctype1 .EcrireAuteur {
border:0px;
}

.bloctype2 {
margin:0px;
margin-bottom:2px;
background:transparent;
vertical-align:middle;	
text-align:center;
}

.bloctype2 h1 {
margin-top:0px;
margin-bottom:0px;
margin-left:2px;
margin-right:2px;
height:100%;
}

.bloctype2 h2 {

}

/*
** plan du site arborescent
*/
ul.plansite, ul.plansite ul.plansite {
  background-color:transparent;
  list-style-type:none;
  margin:0;
  padding:0;
  padding-left:1.5em;
}

ul.plansite li {
  list-style-type:none;
  background-color:transparent;
  border-left:1px solid;
  margin:0;
  padding:0;
  }

ul.plansite li a {
  list-style-type:none;
  background-color:transparent;
  padding-left:0.5em;
  text-decoration:none;
  border-bottom:1px solid;
  }

ul.plansite li a:hover {
  list-style-type:none;
}

ul.plansite li a:visited {
  list-style-type:none;
}

ul.plansite li strong {
  background-color:transparent;
  list-style-type:none;
}

/*
** Habillage des forums
*/
* li.forums {
  list-style-type:none;
}

ul.forum-total {
	display: block;
	list-style:none;
}

.forum-fil {
	margin-top:2px;
}

.boite1 .forum-fil ul {
	display:block;
	margin:0px;
	margin-left:2px;
	padding:0px;
	list-style: none;
}
.boite1 .forum-titre {
	font-weight: bold;
}
.boite1 .forum-item {
	margin:2px;
	padding:0px;
}

.boite1 .forum-repondre-message {
	text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */
.forum-item {
padding:4px;
}

ul .forum {
	border: 1px solid;
	padding:0px;
	margin:5px;
  width:auto;
}

ul ul .forum {
	border:1px solid;
  padding:0px;
  list-style: none;
}
ul ul ul .forum {
	border: 1px solid;
  padding:0px;
  list-style: none;
}
ul ul ul ul .forum {
	border: 1px solid;
  padding:0px;
  list-style: none;
}
ul ul ul ul ul .forum {
	border: 1px solid;
  padding:0px;
  list-style: none;
}
ul ul ul ul ul ul .forum {
	border: 1px dashed;
  padding:0px;
  list-style: none;
}

ul .forum-chapo {
	border:0px;
	border-bottom: 1px dashed;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
}

/*
 * Habillage des petitions
 */

.signatures {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 100%;
}
.signatures td, .signatures th {
	-moz-border-radius: 0.4em;
}
.signatures-titre {
	clear: right;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	padding: 0.5em;
	margin: 0px;
}
.signature-date {
	white-space: nowrap;
	background: #e4f0f0;
	padding: 0.5em;
}
.signature-nom {
	font-weight: bold;
	background: #ecf4f4;
	padding: 0.2em;
	text-align: center;
}
.signature-message {
	font-size: 85%;
	background: #f4f8f8;
	padding: 0.4em;
	text-align: justify;
}


.spip_barre {
background-color:#CCD8E6;
}

#barre_1 {
color:#000;
background-color: #7798BD;
}
a.spip_barre img {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #aa9966;
	border-bottom: 1px solid #aa9966;
	padding: 3px;
	background-color: #C1D0E1;
}
a.spip_barre:hover img {
	border: 1px solid #808080;
	padding: 3px;
	background-color: #A5BBD3;
}

.spip-env legend {
	background-color: #CCD8E6;
	border: solid 1px #F00;
	padding: 1px 1em;
	font-weight: bold;
}

/*
** Gallerie photos
*/
#portefolio {
  border: solid 1px #FFFFFF;
  position: relative;
  text-align:center; /* for ie ! */
  margin-left:10px;
  margin-right:10px;
}

#motioncontainer {
  top:+5px;
  text-align:center; /* for ie ! */
  position: relative;
  margin-left:auto;
  margin-right:auto;
}

#cadre {
  display:block; 
  width:330px;
  height:280px;
  position:relative; 
  background:#ccc; 
  border:2px solid #eee;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  margin-top:0px;
}

#ombre2, #ombre3 {
  display:block; 
  position:absolute; 
  top:2px; 
  left:2px;
}

#ombre2 {
  width:322px;
  height:272px;
  background:#999;
  border:2px solid #aaa;

}

#ombre3 {
  width:314px;
  height:264px;
  background:#777;
  border:2px solid #888;
}

#ombre4 {
  display:block;
  width:320px;
  height:251px;
  position:absolute;
  top:-12px;
  right:0;
  background:#FFFFFF;
  border-bottom:1px solid #DDDDDD; 
  border-right:1px solid #DDDDDD; 
  border-top:1px solid #DDDDDD; 
  border-left:1px solid #DDDDDD; 
  padding:5px;

}

#photo {
  width:320px;
  height:240px;
}

#titrephoto {
  width:320px;
  height:9px;
  border:0; 
  margin-top:2px;
  background:transparent;
}

.notes
{
  font-size:0.8em;
  border-top:1px solid #386699;
}

.boutoncache
{
  visibility:hidden;
}