/* --------------------  */
/* -- BODY et CADRE  --  */
/* --------------------  */
html, body {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
}
.clear{	
	font-size: 1px;
	height: 1px;  
  clear: both;		
}

ul{
	margin: 5px 0px 0px 40px;
	padding: 0px;
}
 

/* --------------------------------------------------- */
/* -- STRUCTURES DES DIFFERENTS GABARITS DE CONTENU --  */
/* ----------------------------------------------------*/

/* ----- pour tous -------  */
.colonne{
	margin: 1px 0px 0px 0px; /*autrement cela pose un pbl a firefox */
	overflow: hidden;
	/*border : 1px solid #000; */
}

/* --------------*/
/* -  1 colonne  */
/* --------------*/
#sub-0{  
  margin: 0 0 0 0;
}
#sub-0 #colonne-centrale{	
	width: 100%;  	
}
#sub-0 #colonne-centrale .colonne-inner{
	padding: 24px 0 0 0;
}


/* -------------------------------*/
/* -  2 colonnes marge a gauche  */
/* ------------------------------*/
#sub-10{  
  margin: 0 0 0 0;
}
#sub-10 #colonne-gauche{
	float: left;
	width: 232px;
}
#sub-10 #colonne-gauche .colonne-inner{
	padding: 0 0 0 0;
}
#sub-10 #colonne-centrale{	
	float: right;
	clear: none;
	width: 718px;  	
}
#sub-10 #colonne-centrale .colonne-inner{
	padding: 24px 0 0 32px;
}


/* ----------------*/
/* -  3 colonnes   */
/* ----------------*/
#sub-102{  
  width: 100%;
  margin: 0 0 0 0;
}
#sub-102 #colonne-gauche{
	float: left;
	width: 232px;
}
#sub-102 #colonne-gauche .colonne-inner{
	padding: 0 0 0 0;
}
#sub-102 #colonne-droite{
	float: right;
	width: 231px;
}
#sub-102 #colonne-droite .colonne-inner{
	padding: 64px 0 0 0;
}
#sub-102 #colonne-centrale{	
	float: left;
	clear: none;
	width: 487px;	
}
#sub-102 #colonne-centrale .colonne-inner{
  padding: 24px 25px 0 32px; 
}



/* ----------------*/
/* -  Accueil     */
/* ---------------*/
#sub-accueil{  
  width: 100%;
  margin: 0 0 0 0;
}
#sub-accueil #colonne-centrale{
  width: 475px;
  float: left;
}
#sub-accueil #colonne-centrale .colonne-inner{
  padding: 24px 35px 0 0;
}
#conteneur-droit{
  width: 475px;
  float: right;
}
#sub-accueil #colonne-haut{
  width: 100%;
  float: left;
}
#sub-accueil #colonne-haut .colonne-inner{
  padding: 24px 0 0 0;
}
#sub-accueil #colonne-gauche{
  width: 250px;
  float: left;
}
#sub-accueil #colonne-gauche .colonne-inner{
  padding: 0 25px 0 0;
}
#sub-accueil #colonne-droite{
  width: 225px;
  float: right;
}
#sub-accueil #colonne-droite .colonne-inner{
  padding: 0 0 0 0;
}


/* ----------------------------------*/
/* -- PANNEAU EDITION DE LA PAGE --  */
/* ----------------------------------*/

#panneau-edition{
  position: relative; 
	margin: 0 auto;
	width: 900px;
}
div#editPanelSet{
	position: relative;
	/*margin: 25px auto 10px auto;*/
	padding: 10px 0 3px 0;
	background-color: #FFF;
}
div#editPanelSet A{
	text-decoration: none;
	color: #000;
}
div#editPanelSet table.typo3-editPanel{
	width: 100%;	
}
div#editPanelSet img.iconMode{
	margin: 0 10px 0 20px;
}
div#editPanelSet span.textMode{
	font-family: arial;
	font-size: 11px;
}
div.belogout{
	display: none;
}
div.belogout img{
	margin-right: 5px;
	margin-top: 3px;
	vertical-align: baseline;
	float: left;
}

/* ------------------------------------*/
/* -- PANNEAU EDITION D'UN CONTENU --  */
/* ------------------------------------*/
table.typo3-editPanel{
	background-color: transparent;
	clear: both;
}
img.button-new-record{
	margin-left: 20px;	
}
.panneau-nouveau-contenu img.button-new-record{
	margin-left: 0px;	
}

/* Pour enlever les "fields icons" devant les titres (le TS module.edit.forceDisplayFieldIcons ne fonctionne pas toujours) */
.frontEndEditIcon{
 display: none;
}
.frontEndEditIcons{
 display: none;
}
.frontEndEditIconIconMode {
 display: none;
}

#pour les boutons
A.iconMode{
	display:none;
}
table.blackLine,
td.typo3-editPanel-label{
	display: none;
}


/* --------------------------*/
/* -- ICONES D'EDITION    -- */
/* --------------------------*/
#contenu table.typo3-editPanel{
	margin-top: -18px !important;
	margin-bottom: 20px;
	border : 1px solid #CCC;
	border-top-width: 0px;
}
td.typo3-editPanel-controls{
	padding: 5px 4px;
}
#contenu table.typo3-editPanel td{
	border-width: 0px;
}
#contenu .panneau-nouveau-contenu table.typo3-editPanel{
	margin-top: 0px !important;
	margin-bottom: 0px;	
	border-top-width: 1px;
}

/* ----------------------------------------*/
/* --  TABLEAU POUR LES ELEMENTS IMAGES -- */
/* ----------------------------------------*/

table.imgtext-table td,
table.imgtext-nowrap td{
	border-width: 0px;
}
table.imgtext-table{
	margin: 0px;
}

/* Pour gérer la taille du trait autour des images avec bordure */
.textpic table td{
  padding: 1px;
}
/* --------------------*/
/* -- PLAN DU SITE --  */
/* --------------------*/

P.csc-sitemap A,
P.csc-sitemap A:visited,
div.csc-menu P A,
div.csc-menu P A:visited{
	color: #23538e;
	text-decoration:none;	
}
P.csc-sitemap A:hover,
div.csc-menu P A:hover{
	text-decoration:underline;
}
P.csc-sitemap-level1{
	margin-top: 18px;
	margin-bottom: 5px;	
	padding: 3px 0px 3px 0;
	padding: 0 0 5px 0;
}
P.csc-sitemap-level1 A{
	color: #008194 !important;
	font-family: 'ITCSouvenirBold';
	font-size: 16px;	
}  
div.csc-menu P.csc-sitemap-level2,
div.csc-menu-1 P,
div.csc-menu-3 P{	
	margin: 10px 0 3px 0;
	padding-left: 27px;	
	font-weight: bold;
  font-size: 16px;	
	background: transparent url(puce.gif) no-repeat 14px 9px;
}
div.csc-menu P.csc-sitemap-level2 A{
  font-family : Arial, sans-sherif;
	color: #55340c;
	font-size: 14px;
	font-weight: bold;
}
div.csc-menu P.csc-sitemap-level3{	
	margin: 5px 0 2px 25px;	
	padding-left: 20px;
	font-weight: normal;
  font-size: 13px;	
}
div.csc-menu P.csc-sitemap-level4{
	font-size: 11px;
	margin: 0 0 0 62px;
	padding: 3px 0 0 0;	
	background-image: none;
}

/* -----------------------------*/
/* -- FORMULAIRE DE CONTACT --  */
/* -----------------------------*/

table.csc-mailform{
	background-color: transparent;
}
table.csc-mailform td{
	border-width: 0px;	
	color: #252425;	
	padding: 7px;
}
form{
	margin: 0;
	padding: 0;
}
td.csc-form-labelfieldcell{
	padding-bottom: 20px;
	font-weight: bold;
	color: #252425;
}
TD.csc-form-labelcell P{
	margin: 0;
	padding: 0;
	color: #252425;
}

/* --------------------------------------*/
/* -- AVERTISSEMENTS CONTENUS CACHES --  */
/* --------------------------------------*/
#page-cachee{
	padding: 5px 0px;
	font-family:verdana;
	font-weight:bold;
	color:#FFF;
	background-color:#CC0000;
}


div.typo3-editPanel-previewBorder{
	overflow: visible;
	background: transparent url(../contenu-cache.gif) no-repeat left 3px;
	padding-top : 25px;
	margin:0;
}