/* --------------------  */
/* -- BODY et CADRE  --  */
/* --------------------  */
html, body {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
}
.clear{	
	font-size: 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;
	background-color: transparent;
}



/* -------------*/
/* -  Accueil   */
/* -------------*/
#sub-accueil{
	padding: 0px 0 0 0;
}
#sub-accueil #colonne-gauche{
	float: left;
	width: 430px;
}
#sub-accueil #colonne-gauche .colonne-inner{
	padding: 0 25px 0 0;
}
#sub-accueil #colonne-centrale{
	float: left;
	width: 315px;			
}
#sub-accueil #colonne-centrale .colonne-inner{
	padding: 10px 25px 0 25px;
}
#sub-accueil #colonne-droite{
	float: left;
	width: 256px;
}
#sub-accueil #colonne-droite .colonne-inner{
	padding: 0 0 0 0;
}

/* ---------------------*/
/* -  Accueil Rubrique  */
/* ---------------------*/
#sub-accueil-rubrique #colonne-gauche{
	float: left;
	width: 210px;
}
#sub-accueil-rubrique #colonne-gauche .colonne-inner{
	padding: 0 0 0 0;
}
#sub-accueil-rubrique #conteneur-droit{
  width: 791px;
  float: right;   
}
#sub-accueil-rubrique #colonne-haut{
	width: 791px;		
}
#sub-accueil-rubrique #colonne-haut .colonne-inner{
	padding: 0 0 0 40px;
}
#sub-accueil-rubrique #colonne-centrale{
	width: 791px;			
}
#sub-accueil-rubrique #colonne-centrale .colonne-inner{
	padding: 0 0 0 40px;
}

#sub-accueil-rubrique #colonne-bordure{
	float: left;
	width: 270px;
}
#sub-accueil-rubrique #colonne-bordure .colonne-inner{
	padding: 0 0 0 40px;
}
#sub-accueil-rubrique #colonne-droite{
	float: left;
	width: 290px;
}
#sub-accueil-rubrique #colonne-droite .colonne-inner{
	padding: 0 30px 0 30px;
}
#sub-accueil-rubrique #colonne-bas{
	float: left;
	width: 230px;
}
#sub-accueil-rubrique #colonne-bas .colonne-inner{
	padding: 0 0 0 0;
}

/* ----------------*/
/* -  2 colonnes   */
/* ----------------*/
#sub-02{	
}

#sub-02 #colonne-gauche{
	float: left;
	width: 210px;
}
#sub-02 #colonne-gauche .colonne-inner{
	padding: 0 0 0 0;
}
#sub-02 #conteneur-droit{
  width: 791px;
  float: right; 
}
#sub-02 #colonne-haut{
  width: 791px;
}
#sub-02 #colonne-haut .colonne-inner{
	padding: 0 0 0 40px;
}
#sub-02 #colonne-centrale{
	width: 791px;		
}
#sub-02 #colonne-centrale .colonne-inner{
	padding: 0 0 0 40px;
}

/* ----------------*/
/* -  3 colonnes   */
/* ----------------*/
#sub-102 .sub-inner{	
}
#sub-102 #colonne-gauche{
	float: left;
	width: 210px;
}
#sub-102 #colonne-gauche .colonne-inner{
	padding: 0 0 0 0;
}
#sub-102 #conteneur-droit{
  width: 791px;
  float: right;   
}
#sub-102 #colonne-haut{
	width: 791px;		
}
#sub-102 #colonne-haut .colonne-inner{
	padding: 0 0 0 40px;
}
#sub-102 #colonne-centrale{
	float: left;
	width: 550px;			
}
#sub-102 #colonne-centrale .colonne-inner{
	padding: 0 40px 0 40px;
}
#sub-102 #colonne-droite{
	float: right;
	width: 241px;
}
#sub-102 #colonne-droite .colonne-inner{
	padding: 0 0 0 0;
}


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

#panneau-edition{
	margin: 0px auto;
	width: 900px;
}
div#editPanelSet{
	position: relative;
	margin: 25px auto 10px auto;
	padding:0px;
}
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: #000;
	text-decoration:none;	
}
P.csc-sitemap A:hover,
div.csc-menu P A:hover{
	text-decoration:underline;
}
P.csc-sitemap-level1{
	color : #0079bc;
	font-size: 26px;
	padding: 0 0 0 0;	
	margin: 10px 0 4px 0;	
  font-family: 'futura_bdcn_btbold', sans-serif;	
}
div.csc-menu P.csc-sitemap-level1 A,
div.csc-menu P.csc-sitemap-level1 A:visited{
	color : #0079bc;
}
div.csc-menu P.csc-sitemap-level2,
div.csc-menu-1 P,
div.csc-menu-3 P{	
	color : #56575a;
	font-size: 21px;
	padding: 0 0 0 37px;	
	margin: 5px 0 0px 0;
  background: url(puce.gif) no-repeat 20px 13px;
  font-family: 'futura_bdcn_btbold', sans-serif;	
}
div.csc-menu P.csc-sitemap-level2 A,
div.csc-menu P.csc-sitemap-level2 A:visited{
	color : #56575a;
}
div.csc-menu P.csc-sitemap-level3{	
	margin: 8px 0 2px 20px;	
	padding-left: 30px;
	font-weight: bold;
  font-size: 13px;	  
}
div.csc-menu P.csc-sitemap-level3 A,
div.csc-menu P.csc-sitemap-level3 A:visited{
	color: #56575a;	
}
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;
}