/*
      =============================
           Design : NACRE
      =============================      
*/




/* ###########################
   #         BODY
   ###########################    */

/*    Propriétés communes à toutes les pages  */
#bodySquelette, #bodyPage, #body #cadreContent #editable,#zoneDragAndDrop #pageToEdit{
  font-family: Arial, Helvetica, sans-serif;	
	font-size:14px;
	text-align:left;
}
  
/*    Body squelette    */   
#bodySquelette {
  font-family: Arial, Helvetica, sans-serif;	
	background-color:#dbdcc3;
	text-align:center;
	margin-top:3px;
}

/*    Body d'une page     */
#bodyPage {
}

/*    Zone quadrillée en mode édition du squelette  */    
#body #cadreContent #editable {
	background-color:#dbdcc3;
	border:30px solid #dbdcc3;
	text-align:center;
	margin-top:3px;
	width:760px;
}

/*    Zone quadrillée en mode édition d'une page   */
#zoneDragAndDrop #pageToEdit{
	width:680px;
}



/* ###########################
   #       SQUELETTE
   ###########################    */
 
/*  Cadre blanc autour de tout le site  */
#bodySquelette #cadreBlanc{
	border: 2px solid #FFF;
	text-align:center;
	margin:auto;
	width:700px;
}

/*  CadreContent  */
#bodySquelette #cadreBlanc #cadreContent{
    background:#FFF;
    border:2px solid #FFF;
    min-height:600px;
    _height:600px;
    margin:auto;
    text-align:left;
    width:680px;
    margin:8px;
}
/* Image en haut à gauche */
#bodySquelette #cadreBlanc #cadreContent #imgTop {
    display:block;
    height:227px;
    width:340px;
    float:left;
    margin:0px;
    padding:0px;
    overflow:hidden;
}
/*  Séparateur entre image haut à gauche et le cadre de texte en haut à droite  */
#bodySquelette #cadreBlanc #cadreContent #line {
    display:block;
    height:227px;
    width:3px;
    background:#dbdcc3;
    float:left;
    margin-right:2px;
    margin-left:2px;
    padding:0px;
    overflow:hidden;
}
/* Cadre de texte en haut à droite  */
#bodySquelette #cadreBlanc #cadreContent #cadreTop{
    display:block;
    height:227px;
    width:329px;
    min-width:333px;
    color:#333;
    background:url("../pages/imagesGraphisme/imgTopRight.gif") #FFF;
    text-align:center;
    font-size:20px;
    letter-spacing:2px;
    float:left;
    margin:0px;
    padding:0px;
    overflow:hidden;
}
/*   Bloc contenant la liste des pages    */
#bodySquelette #cadreBlanc #cadreContent #pagesEtMenus
{    
    width:680px;
    height:40px;
    float:left;
    text-align:center;
    border-top:4px solid #dbdcc3;
    border-bottom:1px solid #dbdcc3;
    margin-top:2px;
    float:left;
    background:#FFF;
}
/*    Iframe contenant la page à afficher */
#bodySquelette #cadreBlanc #cadreContent #iframe{
    width:680px;
    min-height:200px;
    _height:200px;
    text-align:left;
    float:left;
    background:#FFF;
    position:relative;
    overflow:auto;
}
#bodySquelette #cadreBlanc #cadreContent #iframe iframe{
    border:none;
    width:100%;
    height:100%;
}
/*  Cadre de mise en page pour mettre le footer tout en bas */
#bodySquelette #cadreBlanc #cadreContent #alignement{
    clear:both;
}
/*    Lien pub en bas de page   */
#bodySquelette #cadreBlanc #footer{
    color:#444;
    text-align:center;
    font-size:14px;
    letter-spacing:1px;
    background-color:#dbdcc3;
    padding:10px;
    width:100%;
    clear:both;
}
#bodySquelette #cadreBlanc #footer a{
    color:#444;
    text-decoration:none;
}
#bodySquelette #cadreBlanc #footer a:hover{
    text-decoration:underline;
}

/*  Ne pas affiche le footer en mode édition de squelette */
#body #footer {
    display:none;
}


/* ###########################
   #    EDITION SQUELETTE
   ###########################    */
 
/*  Cadre blanc autour de tout le site  */
#pagesquelette #cadreBlanc{
	border: 2px solid #FFF;
	text-align:center;
	margin:auto;
	width:700px;
}

/*  CadreContent  */
#pagesquelette #cadreBlanc #cadreContent{
    background:#FFF;
    border:2px solid #FFF;
    min-height:600px;
    _height:600px;
    margin:auto;
    text-align:left;
    width:680px;
    margin:8px;
}
/* Image en haut à gauche */
#pagesquelette #cadreBlanc #cadreContent #imgTop {
    display:block;
    height:227px;
    width:340px;
    float:left;
    margin:0px;
    padding:0px;
    overflow:hidden;
}
/*  Séparateur entre image haut à gauche et le cadre de texte en haut à droite  */
#pagesquelette #cadreBlanc #cadreContent #line {
    display:block;
    height:227px;
    width:3px;
    background:#dbdcc3;
    float:left;
    margin-right:2px;
    margin-left:2px;
    padding:0px;
    overflow:hidden;
}
/* Cadre de texte en haut à droite  */
#pagesquelette #cadreBlanc #cadreContent #cadreTop{
    display:block;
    height:227px;
    width:329px;
    min-width:333px;
    color:#333;
    background:url("../pages/imagesGraphisme/imgTopRight.gif") #FFF;
    text-align:center;
    font-size:20px;
    letter-spacing:2px;
    float:left;
    margin:0px;
    padding:0px;
    overflow:hidden;
}
/*   Bloc contenant la liste des pages    */
#pagesquelette #cadreBlanc #cadreContent #pagesEtMenus
{    
    width:680px;
    height:40px;
    float:left;
    text-align:center;
    border-top:4px solid #dbdcc3;
    border-bottom:1px solid #dbdcc3;
    margin-top:2px;
    float:left;
    background:#FFF;
}
/*    Iframe contenant la page à afficher */
#pagesquelette #cadreBlanc #cadreContent #iframe{
    width:680px;
    min-height:200px;
    _height:200px;
    text-align:left;
    float:left;
    background:#FFF;
}
#pagesquelette #cadreBlanc #cadreContent #iframe iframe{
    border:none;
    width:100%;
    height:100%;
}
/*  Cadre de mise en page pour mettre le footer tout en bas */
#pagesquelette #cadreBlanc #cadreContent #alignement{
    clear:both;
}
/*    Lien pub en bas de page   */
#pagesquelette #cadreBlanc #footer{
    color:#444;
    text-align:center;
    font-size:14px;
    letter-spacing:1px;
    background-color:#dbdcc3;
    padding:10px;
    width:100%;
    clear:both;
}
#pagesquelette #cadreBlanc #footer a{
    color:#444;
    text-decoration:none;
}
#pagesquelette #cadreBlanc #footer a:hover{
    text-decoration:underline;
}


/* ###########################
   #          MENU
   ###########################    */
   
   
#cadreContent #pagesEtMenus .page, #cadreContent #pagesEtMenus .menu .menuTxt{
  	float:left;
    color:#3a1430;
    font-size:12px;
    font-weight:bold;
  	text-decoration:none;
  	text-align:center;
  	margin:auto;
  	margin-top:7px;
  	padding-top:6px;
    padding-left:20px;
  	height:30px;
}
/* Lien vers Accueil  */
#cadreContent #pagesEtMenus .page
{    
  	display:block;
}
/* Titre de la rubrique  */
#cadreContent #pagesEtMenus .menu
{    
}
#cadreContent #pagesEtMenus .menu .menuTxt
{    
  	cursor:default;
}
/* Liste des pages de la rubrique */
#cadreContent #pagesEtMenus .menu .pages{
    display:none;
    border-left:1px solid #dbdcc3;
    border-right:1px solid #dbdcc3;
    border-bottom:1px solid #dbdcc3;
    position:absolute;
	  margin:0;
	  padding:0; 
    background:#FFF;
    z-index:2000;
}
/* Lien vers une page */
#cadreContent #pagesEtMenus .menu .pages .page
{   
  	display:block;
  	clear:both;
  	color:#3a1430; 
  	text-align:left;
  	height:20px;
  	width:200px; 
	  margin-top:5px;
	  text-decoration:none; 
    font-weight:normal;
    padding-top:1px;    
    padding-bottom:1px;    
    padding-left:10px;
    overflow:hidden;
}
#cadreContent #pagesEtMenus .menu .pages a.page:hover
{   
    background:#eceddd;
}



/* ###########################
   #          PAGE
   ###########################    */

/* Zone de texte  */
.calqueTEXTE{
     overflow:auto;
     padding:0;
     margin:0;
}
.calqueTEXTE p, .calqueTEXTE span{
     padding:0;
     margin:0;
}
/* Photo  */
.calquePHOTO{
     overflow:hidden;
}
/* Bouton envoyer */
.calqueSUBMIT img{
     display:none;
}
.calqueSUBMIT input{
     width:100%;
     height:100%;
}
/* Champ de saisie  */
.calqueINPUT input{
     width:100%;
     height:100%;
}
/* Champ de saisie multilignes  */
.calqueTEXTAREA textarea{
     width:100%;
     height:100%;
}
/* Tableau de résultat de forumulaires  */
.calqueTABLEINPUT { 
     overflow:auto;
}

/* Diaporama */
.calqueDIAPORAMA{
     text-align:center;
     background:#000;
     overflow:auto;
}
.calqueDIAPORAMA a{
	  
}
.calqueDIAPORAMA img{
	  border-top:10px solid #000;
	  border-bottom:10px solid #000;
	  border-left:20px solid #000;
	  border-right:20px solid #000;
	  margin:0px;
}