body
{
width: 870px;
margin: auto;
margin-bottom: 10px; 
background-color: #ab6778;
}

/* L'en-tête */

#en_tete
{
   width: 840px;
   height: 180px;
   background-image: url("images/entete3.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   margin-left:10px;
    -moz-border-radius: 5px 5px 5px 5px ; 
   }

#en_tete2
{
   width: 840px;
   height: 50px;
   background-color:#7e1e38;
   margin-bottom: 10px;
   margin-left:10px;
   text-align: right;
   padding-top: 8px;
    -moz-border-radius: 5px 5px 5px 5px; 
}
#onglet
{
   height: 40px;
   margin-bottom: 20px;
   margin-top: -20px;
   margin-left:-30px;   
   padding-top: 8px;
   width: 840px;
    -moz-border-radius: 5px 5px 5px 5px; 
}
#champ
{
color:white;
font-size: 16px; 
}

#bouton
{ 
 /* background-image: url("images/degrade-marron.png");*/
   background-repeat: x;
   margin-right:10px;
   font-family:Arial, "Arial Black", "Times New Roman", Times;
 -moz-border-radius: 5px 5px 5px 5px; 
}

#bouton-sondage
{ 
  background-color:#add801 ;
  font-size: 15px;
   font-family:Script MT Bold,serif, Arial, "Arial Black", "Times New Roman", Times;
-moz-border-radius: 5px 5px 5px 5px; 
  align:center;

}
#englob
{
 width: 860px;
 min-height:900px; 
 background-color: white; 
 padding-top: 10px;
 padding-bottom: 10px;
 -moz-border-radius: 10px 10px 10px 10px; 
}
  
  
/*********************** Le menu droite ************************/

#menu11
{
 float: right;
 width: 150px;
 margin-right:10px;
 margin-top: -25px;
 }
 #menu1
{
 float: right;
 width: 150px;
 margin-right:-170px;
 margin-top: -25px;
 }
 .element_menu 
{
   margin-left: 10px;
   width: 140px; 
}
.element_menu ul
{
 
  margin-top: -20px;
  list-style-type: none;

 }
 

.element_menu li
{
  height:35px;
   width: 140px;
   background-image: url("images/degrade-vert.png");
   background-repeat: x;  
}

.element_menu a
{
   color: white;
   padding-top: 5px;
   padding-left: 10px;
   font-family:Franklin Gothic Medium, Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size:14px;
   text-decoration:none; 
}

.element_menu li:hover
{
   background-image: url("images/change-vert.png");
   background-repeat: x; 
   
}

.element_menu li:active
{
   background-image: url("images/change-vert.png");
   background-repeat: x; 
   
}


.sondage 
{
   margin-left: 10px;
   background-color:#809f01;
   width: 140px; 
   margin-top: 0px;
    -moz-border-radius: 0px 0px 5px 5px; 
}

.question-sondage 
{
   background-image: url("images/last.png");
   background-repeat: x;
   padding-left:5px;
   margin-top: 10px;
   width: 135px; 
    margin-left: 10px;
   -moz-border-radius: 5px 5px 0px 0px; 
   color:#ffffff ;
   font-size: 14px;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 }


 /************************ menu gauche ************************/
#menu-gauche
{
 float: right;
 width: 150px;
 margin-left: 30px;
 margin-top: 220px;
 
 }
 #menu-gauche1 ul
{
 margin-left: 0px; 
  margin-top: -25px;
  list-style-type: none;

 }
 
 
.first-gauche
{
    background-image: url("images/ongle4.png");
   background-repeat: no-repeat;
   height:60px;
   width: 140px;
   margin-top: 25px;  
    color: white;
   -moz-border-radius: 5px 5px 0px 0px; 
    font-size: 20px;
   font-family:Arial,Times New Roman, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
}



 #menu-gauche1 li
{
   height:35px;
   width: 140px;
   background-image: url("images/mauve.png");
   background-repeat: x;    
}
#menu-gauche1 a
{
   color: white;
   padding-top:5px;
   padding-left: 10px;
   font-family:Franklin Gothic Medium, Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size:15px;
   margin-top: 15px;  
   text-decoration:none; 
}

#menu-gauche1 li:hover
{
   background-image: url("images/change-mauve.png");
   background-repeat: x; 
}

#menu-gauche1 li:active
{
   background-image: url("images/change-mauve.png");
   background-repeat: x; 
   
}

.last-gauche
{
   background-image: url("images/last-mauve.png");
   background-repeat: x;
   height:6px;
   width: 140px;   
   margin-top: 0px;
   -moz-border-radius: 0px 0px 5px 5px; 
}
/**********************************************************/
.first
{
    background-image: url("images/ongle3.png");
   background-repeat: no-repeat;
   height:60px;
   width: 140px;
   margin-top: 25px;  
   color: white;
   -moz-border-radius: 5px 5px 0px 0px; 
    font-size: 20px;
   font-family:Arial,Times New Roman, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
}
.last
{
   background-image: url("images/last.png");
   background-repeat: x;
   height:8px;
   width: 140px;   
   margin-top: 0px;
   -moz-border-radius: 0px 0px 5px 5px; 
}

#titre
{
  color:#ffffff ;
  font: bold, 5px, Arial;
}



.lien
{
   color: white;
   font-family:Adobe Caslon Pro,"Arial Black", "Times New Roman", Times, serif;
}



/********************* Le corps de la page **********************/
#grand-corps
{
min-height:500px; 
margin-top:5px;
margin-left: 10px;
margin-right: 160px;
background-color:#f7e9ed;
padding-left: 10px;
 -moz-border-radius: 0px 0px 5px 5px; 
}
#detail
{
   margin-left:700px;
   color: #6e006e;
   font-family:Adobe Caslon Pro,"Arial Black", "Times New Roman", Times, serif;
}
#commentaire
{
   color: #6e006e;
   font-family:Adobe Caslon Pro,"Arial Black", "Times New Roman", Times, serif;
}
#detail:hover,#commentaire:hover { color:#fd29fd; }
.pCom {
color: #680068;
font-family: Adobe Caslon Pro,"Times New Roman", Times, serif,Adobe Caslon Pro,"Arial Black";
font-size:20px;
}
p{
font-family: Adobe Caslon Pro,"Times New Roman", Times, serif,Adobe Caslon Pro,"Arial Black";
font-size:18px;
}
#grand-corps2
{
width: 830px;
min-height:500px; 
padding-left: 10px;
margin-left: 10px;
background-color:#f7e9ed;
 -moz-border-radius: 0px 0px 5px 5px; 
}
#cadre
{
margin-left: 0px;
background-color:#f7e9ed;
border-bottom: 4px groove #b04060;
}
#cadre2
{
margin: 10px;
background-color:white;
border-bottom: 4px groove #b04060;
}
#corps1
{
 color: black;
 background-color:#f7e9ed;
 -moz-border-radius: 0px 0px 5px 5px; 
}
#corps2
{
color: black;
}

#titre1 /* Tous les titres1 du corps */
{
   color: white;
   margin-left: -10px;
   background-image: url("images/corps.png");
   height: 60px;
   padding: 5px;
   padding-left: 10px;
   font-family: Arial, "Arial Black", "Times New Roman", Times;
    font-size:15px;
	-moz-border-radius: 5px 5px 0px 0px; 
}
#titre2 /* Tous les titres1 du corps */
{
   color: white;
   margin-left: 10px;
   background-image: url("images/grandTitre.png");
   height: 60px;  
   width: 830px;
   padding-top: 5px;
   padding-left: 10px;
   font-family: Arial, "Arial Black", "Times New Roman", Times;
   font-size:15px;
	-moz-border-radius: 5px 5px 0px 0px; 
}
#corps h2/* Tous les titres h2 du corps */
{
   height: 30px;
   padding-left: 30px;
   color: #a91a81;
   text-align: left;
}
.titre3/* Tous les titres h4 du corps */
{
   height: 30px; 
   color:#893d4f;
   text-align: left;
   text-decoration: underline;

}
.titrebienvenu/* Tous les titres h4 du corps */
{
   height: 15px; 
   color:white;
   text-align: left;
   margin-left: 10px;
}
.titreCom/* Tous les titres h4 du corps */
{
   
   color:#db41db;
    text-decoration: underline;
   text-align: center;
  font-family:Script MT Bold,serif, Arial, "Arial Black", "Times New Roman", Times;
  font-size: 2em;
}
/* en ligne */
#titre-enligne 
{
 width: 832px;  
  margin-left: 10px;
  /*margin-right: 20px;*/
  padding: 5px;
  color: white;
  -moz-border-radius: 5px 5px 0px 0px;  
 background-image: url("images/degrade-rouge.png");
 background-repeat: x;  
  font-family:Script MT Bold,serif, Arial, "Arial Black", "Times New Roman", Times;
}
#en-ligne
{
 width: 830px;  
  margin-left: 10px;
  padding-left: 10px;
  color: black;
  margin-top: -21px;
  margin-right: 20px;
 -moz-border-radius: 0px 0px 5px 5px;  
 background-image: url("images/degrade-rouge2.png");
 background-repeat: x;
 border-style : solid; /*les bordures*/
border-width:1px;
border-color:#951c1c;   
}
/* pour aligner le formulaire */ 
#grand-corps label {
display:block;
width:150px;
float:left;
}
/*************** style popup********************/
#fade {
	background:#fff;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--Transparence sous IE 8--*/
	left: 0;
	top: 0;
	z-index: 10;
	
}
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.popup_block {
	background:#964c5d;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;
	-moz-border-radius: 10px 10px 10px 10px; 
}

.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}			
			
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}

.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}

.popup img.cntrl {
position: absolute;
right: -20px;
top: -20px;
border: none;
	
}	
/*************************designe page liste news et redige news*******************************/
 .titreNews
 {
		 color: white;
         margin: 10px;
         background-image: url("images/degrade-marron.png");
		 background-repeat:x;
         height: 40px;
         padding: 5px;
         font-family: Arial, "Arial Black", "Times New Roman", Times;      
	     -moz-border-radius: 5px 5px 5px 5px; 
		 align:center;
         text-align:center;
}
.tablenews
{
	border-collapse:collapse;
	border:3px solid #a3735f;
	margin-left:20px;
}
        th, td
{
            border:3px solid #a3735f;
			margin:5px;
}
#liennews{
		color: #7f403d;
		font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
		font-size:20px;
		margin-left:20px;		
}

#liennews:hover{color: #b6590d;}

.petitlien{
		color: #4e2605;
		padding: 10px;
		font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
		}
.petitlien:hover{
		color: #b6590d;
		padding: 10px;
		font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
		}
/******************style de l'editeur texte*************************/
.editor-hidden { 
	    visibility: hidden; 
	    top: -9999px; 
	    left: -9999px; 
	    position: absolute; 
	} 
.texte{
			margin-left:120px;
	  }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-editcode span.yui-toolbar-icon { 
	    background-image: url( assets/html_editor.gif ); 
	    background-position: 0 1px; 
		
	    left: 5px; 
} 
.yui-skin-sam .yui-toolbar-container .yui-button-editcode-selected span.yui-toolbar-icon { 
	    background-image: url( assets/html_editor.gif ); 
	    background-position: 0 1px; 
	    left: 5px; 
} 
.imageflottante
{
   float: right;
}