/*
      =============================
           Design : VIGNE
      =============================      
*/



#bodyIntro, #bodySquelette, #bodyPage {
  font-family: Arial, Helvetica, sans-serif;		
	background-color: #3f700a;
	text-align:left;
	margin-top:0px;
	font-size:14px;
	text-align:center;
}
#pageToEdit{
  font-family: Arial, Helvetica, sans-serif;		
	font-size:14px;
	width:600px;
}
#pageToEdit #introContent{
  font-family: Arial, Helvetica, sans-serif;		
	background-color: #3f700a;
	text-align:center;
	margin-top:0px;
	padding:20px;
	font-size:14px;
	text-align:center;
	height:100%;
	width:100%;
}

#introContent, #cadreContent{
   display:block;
   margin:auto;
	text-align:left;
}

/*	-----------  PAGE INTRODUCTION ---------------- */
#introContent{
	text-align:center;
   width:800px;
   margin:auto;
   padding-top:30px;
}
#introContent #editable{
   background-color: #FFF;
   width:800px;
   height:500px;
   margin:auto;
} 

#introContent #imgLeft,#introContent #imgRight, #introContent #textLeft, #introContent #textRight{
    float:left;
    display:block;
    height:250px;
    width:400px; 
    overflow:hidden;
}
#introContent #textLeft, #introContent #textRight{
   background-color: #FFF;
}

/* --------------- SQUELETTE --------------- */
#cadreContent{
    background-color:#FFF;
    min-height:600px;
    width:800px;
   padding-top:0px;
   margin-top:0px;
}
#cadreContent #imgTop {
    display:block;
    height:100px;
    width:200px;
    overflow:hidden;
    float:left;
    margin:0px;
    border:0px;
    padding:0px;
}
#cadreContent #topTxt {
    background-color:#5d9a19;
    display:block;
    height:100px;
    width:600px;
    overflow:hidden;
    float:left;
    margin:0px;
    border:0px;
    padding:0px;
}

#cadreContent #pagesEtMenus
{    
    clear:left;
    background-color:#5d9a19;
    color:#FFF;
    width:200px;
    min-height:300px;
    _height:300px;
    text-align:center;
    font-weight:bold;
    font-size:16px;
    padding-top:15px;
    float:left;
}
#cadreContent #iframe{
    width:600px;
    float:left;
    background-color:#FFF;
    position:relative;
    overflow:auto;
    text-align:left;
}

#cadreContent #iframe iframe{
    border:none;
    width:100%;
    height:100%;
}
#cadreContent #alignement{
    clear:both;
}

/* ------------- Footer ---------- */
#footer {
    color:#EEE;
    margin-top:20px;
    text-align:center;
}
#footer a{
    color:#FFFFFF;
    text-decoration:none;
    text-align:center;
}
#footer a:hover{
    color:#FFFFFF;
    text-decoration:underline;
}

/* ------------- Pages ---------- */
#bodyPage{
  background:#FFF;
}
/* ------------- Liens pages de menus ---------- */
.menu{
	  width:180px;
	  margin-left:8px;
	  overflow:hidden;
	  padding-bottom:5px;
	  text-align:left;
}
.menuTxt{
    text-align:left;
	  color:#FFF;
	  padding-left:5px;
	  margin-left:3px;
	  overflow:hidden;
	  text-align:left;
	  font-size:14px;
	  font-weight:bold;
	  letter-spacing:1px;
	  width:100%;
}
.page{
    text-align:left;
    display:block;
    clear:both;
	  color:#FFF;
	  font-size:12px;
	  font-weight:normal;
	  padding-left:15px;
	  padding-bottom:5px;
	  letter-spacing:1px;
	  text-decoration:none;
	  
}
.page:hover{
	  text-decoration:underline;
	  
}
.pages{
    z-index:2000;
}
	 
/* ------------- Calques ---------- */
.calqueDIAPORAMA{
     text-align:center;
     background:#000;
     overflow:auto;
}
.calqueDIAPORAMA a{
	  
}
.calqueDIAPORAMA img{
	  border:10px solid #000;
	  margin:0px;
	  
}
.calquePHOTO img{
	  width:100%;
	  height:100%;
}
.calqueSON img{
	  width:100%;
	  height:100%;
}

.calqueVIDEO img{
	  width:100%;
	  height:100%;
}
#bodyPage .calqueSUBMIT img{
    display:none;
}

/*-------- Maj 03-05-2008 - Input et textarea 100% ------------- */

.calqueINPUT input{
  width:100%;
  height:100%;
}
.calqueTEXTAREA textarea{
  width:100%;
  height:100%;
}
/*-------- Maj 03-05-2008 - Maj taille texte sur le blog -------- */
#bodyPage{
		  font-size:14px;
}
/* -------------------------------------------------------------- */

/*-------- Maj 06-05-2008 - calqueTexte, bug firefox ------------- */
.calqueTEXTE{
     overflow:auto;
     padding:0;
     margin:0;
}
.calqueTEXTE p,.calqueTEXTE span{
     display:block;  
     padding:0;
     margin:0;
}
/* -------------------------------------------------------------- */

/*-------- Maj 01-06-2008 - tableInput, affichage de l'ascensseur ------------- */

.calqueTABLEINPUT { 
     overflow:auto;
}
/* -------------------------------------------------------------- */