/* --------------------  */
/* -- BODY et CADRE  --  */
/* --------------------  */
html, body {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
}
#cadre {
	clear: both;
	margin: 0px auto;
	padding: 0;
}

#contenu{
	margin: 0px auto;
	text-align: left;
}
.clear{
	font-size: 1px;
	clear: both;
}

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

/* ------------*/
/* -- TOP  --  */
/* ------------*/
 #top {
 }
 

/* --------------------------------------------------- */
/* -- 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 #colonne-centrale .colonne-inner{
	padding: 0px 30px 0px 35px;
}

/* --------------------------  */
/* -  2 colonnes egales      - */
/* ----------------------------*/
#sub-12 #colonne-gauche{	
	float: left;
	width: 443px;
}
#sub-12 #colonne-gauche .colonne-inner{
	padding: 0px 15px 0px 30px;
}
#sub-12 #colonne-droite{
	float: right;
	width: 443px;
}
#sub-12 #colonne-droite .colonne-inner{
	padding: 0px 30px 0px 15px;
}

/* ------------------------------  */
/* -  2 colonnes - marge droite  - */
/* ---------------------------------*/
#sub-02 #colonne-centrale{	
	float: right;
	width: 586px;
	background: transparent url(dashed.gif) repeat-y right top; 
}
#sub-02 #colonne-centrale .colonne-inner{
	padding: 0px 10px 0px 25px;
}
#sub-02 #colonne-droite{
	float: right;
	width: 295px;	
}
#sub-02 #colonne-droite .colonne-inner{
	padding: 0px 15px 0px 5px;
}

/* ------------------------------  */
/* -  2 colonnes - marge gauche  - */
/* ---------------------------------*/

#sub-10 #colonne-gauche{
	float: right;
	width: 230px;
}
#sub-10 #colonne-gauche .colonne-inner{
	padding: 0px 10px 0px 5px;
}
#sub-10 #colonne-centrale{	
	float: right;
	width: 651px;
	background: transparent url(dashed.gif) repeat-y left top;
}
#sub-10 #colonne-centrale .colonne-inner{
	padding: 0px 25px 0px 20px;
}


/* ---------------  */
/* -  3 colonnes  - */
/* ---------------  */

#sub-102 #colonne-gauche{
	float: right;
	width: 230px;
}
#sub-102 #colonne-gauche .colonne-inner{
	padding: 0px 10px 0px 0px;
}
#sub-102 #colonne-droite{
	float: left;
	width: 205px;
}
#sub-102 #colonne-droite .colonne-inner{
	padding: 0px 10px 0px 20px;
}
#sub-102 #colonne-centrale{	
	float: right;
	width: 447px;
/*	background: transparent url(background-pointilles.gif) repeat-y left top; */
}
#sub-102 #colonne-centrale .colonne-inner{
	padding: 0px 20px 0px 0px;
}

/*
#sub-102 #colonne-gauche{
	float: left;
	width: 230px;
}
#sub-102 #colonne-gauche .colonne-inner{
	padding: 0px 5px 0px 15px;
}
#sub-102 #colonne-droite{
	float: right;
	width: 235px;
}
#sub-102 #colonne-droite .colonne-inner{
	padding: 0px 0px 0px 10px;
}
#sub-102 #colonne-centrale{	
	float: right;
	width: 417px;
	background: transparent url(background-pointilles.gif) repeat-y left top;
}
#sub-102 #colonne-centrale .colonne-inner{
	padding: 0px 20px 0px 20px;
}
*/

/* -----------------------*/
/* -  page d'accueil V1 - */
/* -----------------------*/
#sub-31024 #colonne-haut{
	width: 100%;
}
#sub-31024 #colonne-haut .colonne-inner{
	padding: 0px 22px 0px 23px;
}
#sub-31024 #colonne-gauche{
	float: left;
	width: 293px;
}
#sub-31024 #colonne-gauche .colonne-inner{
	padding: 0px 22px 0px 23px;
}
#sub-31024 #colonne-droite{
	float: right;
	width: 293px;
}
#sub-31024 #colonne-droite .colonne-inner{
	padding: 0px 22px 0px 23px;
}
#sub-31024 #colonne-centrale{	
	float: right;
	width: 293px;
}
#sub-31024 #colonne-centrale .colonne-inner{
	padding: 0px 6px 0px 6px;
}
#sub-31024 #colonne-bas{
	clear: both;
}
#sub-31024 #colonne-bas .colonne-inner{
	padding: 0px 22px 0px 23px;
}

/* ----------------------*/
/* - page d'accueil V2 - */
/* -------------------- -*/
#sub-310245 #colonne-bordure{
	float: right;
	width : 255px;
}
#sub-310245 #colonne-bordure .colonne-inner{
	padding: 0px 15px 0px 15px;
}
#sub-310245 #conteneur-gauche{
	float: left;
	width : 631px;
}
#sub-310245 #colonne-haut{
	width: 100%;
}
#sub-310245 #colonne-haut .colonne-inner{
	padding: 0px 0px 0px 23px;
}
#sub-310245 #colonne-gauche{
	float: left;
	width: 213px;
}
#sub-310245 #colonne-gauche .colonne-inner{
	padding: 0px 0px 0px 23px;
}
#sub-310245 #colonne-droite{
	float: right;
	width: 205px;
}
#sub-310245 #colonne-droite .colonne-inner{
	padding: 0px 0px 0px 2px;
}
#sub-310245 #colonne-centrale{	
	float: right;
	width: 206px;
}
#sub-310245 #colonne-centrale .colonne-inner{
	padding: 0px 2px 0px 2px;
}
#sub-310245 #colonne-bas{
	clear: both;
}
#sub-310245 #colonne-bas .colonne-inner{
	padding: 20px 0px 0px 23px;
}

/* -----------------------*/
/* -  page d'accueil V3 - */
/* -----------------------*/
#sub-3124 #colonne-haut{
	width: 100%;
}
#sub-3124 #colonne-haut .colonne-inner{
	padding: 0px 22px 0px 23px;
}
#sub-3124 #colonne-gauche{
	float: left;
	width: 445px;
}
#sub-3124 #colonne-gauche .colonne-inner{
	padding: 0px 15px 0px 30px;
}
#sub-3124 #colonne-droite{
	float: right;
	width: 445px;
}
#sub-3124 #colonne-droite .colonne-inner{
	padding: 0px 30px 0px 15px;
}
#sub-3124 #colonne-bas{
	clear: both;
}
#sub-3124 #colonne-bas .colonne-inner{
	padding: 0px 22px 0px 23px;
}


/* ----------------------  */
/* -- PIED DE PAGE --  */
/* ----------------------  */
#pieddepage{
	clear:both;	
}

#pieddepage ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
#pieddepage li {
	list-style: none; 
	display: inline;
	margin: 0;
	padding: 1em; 
}

/* ----------------------  */
/* -- PIED DE PAGE STATS --*/
/* ----------------------  */
div#stats{
	text-align: right;
	width: 900px;
	margin: 3px auto;
}
div#stats A{
/*	float:right;*/
	margin-right: 2px;
	margin-bottom: 20px;
}
/* ----------------------------------*/
/* -- PANNEAU EDITION DE LA PAGE --  */
/* ----------------------------------*/

#panneau-edition{
	margin: 0px auto;
	width: 900px;
}
div#editPanelSet{
	position: relative;
	margin: 0px 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 --  */
/* ------------------------------------*/

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: -14px !important;
	margin-bottom: 20px;
	border : 1px solid #CCC;
	border-top-width: 0px;
}
#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;
}


/* --------------------*/
/* -- PLAN DU SITE --  */
/* --------------------*/


P.csc-sitemap A,
div.csc-menu P A{
	color : #952D10;
	text-decoration:none;
}
P.csc-sitemap A:hover,
div.csc-menu P A:hover{
	text-decoration:underline;
}
P.csc-sitemap-level1,
div.csc-menu P{
	margin-top: 18px;
	margin-bottom: 0px;	
	padding: 3px 0px 3px 5px;
	font-weight: bold;
	text-transform: Uppercase;
}
div.csc-menu P.csc-sitemap-level2,
div.csc-menu-1 P{	
	margin-top: 2px;	
	margin-bottom: 5px;
	padding-left: 30px;
	background: transparent url(../puce-carre.gif) no-repeat 13px center;
	border-top-width: 0px;
	border-bottom-width: 0px;
	/*border-bottom : 1px solid #DDD;*/
	text-transform: none;
}
div.csc-menu P.csc-sitemap-level2 A{
	color: #000;
}
div.csc-menu P.csc-sitemap-level3{	
	margin-top: 2px;	
	margin-bottom: 5px;
	padding-left: 50px;
	background-color: transparent;
	font-weight: normal;
	border-top-width: 0px;
	border-bottom-width: 0px;
	/*border-bottom : 1px solid #DDD;*/
	text-transform: none;
}
div.csc-menu P.csc-sitemap-level3 A{
	color: #000;
}

/*
P.csc-sitemap-level1{
	margin-top: 15px;
	margin-bottom: 5px;
	font-weight: bold;
	text-transform : uppercase;
	background: transparent url(../puce-carre.gif) no-repeat center left;
	padding-left: 15px;
}
P.csc-sitemap-level2{	
	margin-top: 8px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-left: 15px;
	background: transparent url(../puce-ronde.gif) no-repeat center left;
}
P.csc-sitemap-level3{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 0.8em;
	padding-left: 45px;
}
*/

/* -----------------------------*/
/* -- FORMULAIRE DE CONTACT --  */
/* -----------------------------*/
table.csc-mailform td{
	border-width: 0px;
}
form{
	margin: 0;
	padding: 0;
}
td.csc-form-labelfieldcell{
	padding-bottom: 20px;
	font-weight: bold;
}

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

/*
div.typo3-editPanel-previewBorder{
	background: transparent url(../contenu-cache.gif) no-repeat left bottom;
	padding-bottom:1px;
	margin:0;
}
*/

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