body
{
   max-width: 960px;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 20px;   
    /*background-color: #f1d795; */  
   background-image: url("path-to-stripe.png");  
   font: 12px;
}

.carousel_container
                       {
				width: 270px;
				height: 140px;				
				float: right;
			}

			
/* L'en-tête */
#en_tete
{
   width: 958px;
   height: 140px;   
   background: url("images/menu/titre.jpg");
   background-repeat: no-repeat;
   margin-top: 0px;   
   border: 1px solid #9E9E9E;      
}

#en_tete-it
{
   width: 958px;
   height: 140px;   
   background: url("images/menu/titre-it.jpg");
   background-repeat: no-repeat;
   margin-top: 0px;   
   border: 1px solid #9E9E9E;      
}

#en_tete-en
{
   width: 958px;
   height: 140px;   
   background: url("images/menu/titre-en.jpg");
   background-repeat: no-repeat;
   margin-top: 0px;   
   border: 1px solid #9E9E9E;      
}

/* Le menu  */

#menu ul{
    width:960px;
    height:30px;
    padding:0;
    margin:0;
    list-style-type:none;
    background-image:url("images/menu/fond_menu.gif") ; 
    background-repeat: repeat-x ;
}

#menu li.bouton_gauche {
float : left;

}
 
#menu li.bouton_droite {
float : right;

}

#menu ul li a
{
display:block;
float:left;   
width:91px;
color:#fcf42d;
text-decoration:none;
text-align:center;
padding:5px;
font-weight:bold;

}
#menu ul li a:hover
{
background-image:url("images/menu/menu_on.gif");color: #fcf42d; 
} 
#menu ul li a:active
{
background-image:url("images/menu/menu_off.gif");color: #fcf42d; 
} 



	  	  
/* Le corps de la page */

#conteneur { text-align:center; margin:0 auto; width:958px;  background-color:#faf3de; border: 1px solid #9E9E9E;}
       
	    #corpsgauche { float:left; width:150px;  text-align: center; margin-top: 5px }
		
		#corpscentral { float:left; width:575px; text-align:justify; margin-top: 5px;  margin-left: 5px; padding-left: 10px}
		
		#corpsdroite { float:right; width:155px;  text-align: justify; margin-top: 5px; font-family: "Arial", "Trebuchet MS", Georgia, serif; font-size:13px; color: #732430; padding-right: 10px}
  
  
		h1 { font-size:14px; padding: 0; text-align: center; color: #e39300; line-height:25%; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
		
		/*titre paragraphe */
		h2 { font-size:16px;  text-indent: 10px; color: #555555;padding:0; text-align: left; line-height:10%; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
		
		/*titre tableau*/
		h3 { font-size:22px;  text-indent: 20px; color: #9E9E9E;padding:0; text-align: center; line-height:10%; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
		
				
		/*titre Edito*/
		h4 { font-size:16px; text-indent: 20px; color: #f6ff23; padding:0; text-align: left; line-height:10%; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
		
		/*titre col droite*/
		h5 { font-size:16px; text-indent: 10px; color:  #732430; padding:0; text-align: left; line-height:10%; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
		
		p {  color:#333; margin:0 5px; text-indent: 7px; line-height:120%; font-family: "Arial", "Trebuchet MS", Georgia, serif; font-size:14px;}
				
		.edito { color:#fcff42; margin:0 5px; text-indent: 7px; line-height:110%; font-family: "Arial", "Trebuchet MS", Georgia, serif; font-size:14px;}	
		
		.droite { color:#732430; margin:0 0px; text-indent: 0px; line-height:110%; font-family: "Arial", "Trebuchet MS", Georgia, serif; font-size:12px;}
		
		hr { color: grey; background-color: grey; height: 0.5px;  }
		
		/*lien Edito */
		a.edito {font-style: italic; color:#FF9900;text-decoration:none; font-weight:bold; font-size:14px; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
        a.edito:hover {font-style: italic; color:#8968fe; text-decoration:underline; font-weight:bold; font-size:14px; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
		
		
		/*lien col gauche */
		a.lieng {font-style: italic; color:#8968fe;text-decoration:none; font-weight:bold; font-size:14px; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
        a.lieng:hover {font-style: italic; color:#FF9900; text-decoration:underline; font-weight:bold; font-size:14px; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
		
		/*lien col droite */
		a.liend {font-style: italic; color:#732430;text-decoration:none; font-weight:bold; font-size:12px; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
        a.liend:hover {font-style: italic; color:#FF9900; text-decoration:underline; font-weight:bold; font-size:12px; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
		 
		/*lien paragraphe */
		a.lien1 {font-style: italic; color:#2b7e26;text-decoration:none; font-weight:bold; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
        a.lien1:hover {font-style: italic; color:#FF9900; text-decoration:underline; font-weight:bold;}
		 
		/*lien titre paragraphe  */
		a.lien2 {font-size:18px; font-style: italic; text-indent: 20px; text-decoration:none; color:#2a63f3; text-align: right; line-height:10%; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
        a.lien2:hover {font-size:18px; font-style: italic; text-decoration:underline; color:#FF9900; line-height:10%; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
        
		a.lien3 {font-size:16px; font-style: italic; text-decoration:none; color:#9E9E9E; text-align: right; line-height:10%; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
        a.lien3:hover {font-size:16px; font-style: italic; text-decoration:underline;  line-height:10%; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
		
		a.lien4 {font-size:16px; font-style: italic; text-indent: 20px; font-weight:bold; text-decoration:none; color:#2a63f3; text-align: right; line-height:10%; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
        a.lien4:hover {font-size:16px; font-style: italic; font-weight:bold; text-decoration:underline; color:#FF9900; line-height:10%; font-family: "Arial", "Trebuchet MS", Georgia, serif;}
        
		/*lien img paragraphe  */		
		a img {border:0;}
		
		/* liste puces*/
		#cercle li{list-style-type: circle; line-height:110%; color:#333; font-family: "Arial", "Trebuchet MS", Georgia, serif; font-size:14px; margin:0 10px}
	    #ord li{line-height:110%; color:#333; font-family: "Arial", "Trebuchet MS", Georgia, serif; font-size:14px; margin:0 5px} 
		
		#retab { clear:both; padding-bottom: 1em; text-align: center; margin: 5px;}
		
/* formulaire article central  */		
		
div.row 
{
 	clear: both;
}

div.row span.label 
{
 	float: left;
 	width: 250px;
 	text-align: right;
	font-family: "Arial", "Trebuchet MS", Georgia, serif; font-size:14px;
	color:#333
}

div.row span.formw 
{
	 float: right;
 	width: 250px;
 	text-align: left;
}

/* edito  */
  
.ephpMyBorder{ 
  width        : 604px;
   margin-right:5px;
   margin-left:5px;
   margin-top:3px;
} 
.epmb2, .epmb3, .epmb4,.epmbContent{ 
  background   : #5168a2; 
  border-color : #faf3de; 
} 
.epmb1{ 
  background   : #faf3de;
} 
.epmb2, .epmb3, .epmb4{ 
  border-style : solid; 
  border-width : 0 1px; 
} 
.epmbContent{ 
  display      : block; 
  border-style : solid; 
  border-width : 0 1px; 
  
} 
.epmb1, .epmb2, .epmb3{ 
  height       : 1px; 
} 
.epmb1{ 
  margin       : 0 5px; 
} 
.epmb2{ 
  margin       : 0 3px; 
  border-width : 0 2px; 
} 
.epmb3{ 
  margin       : 0 2px; 
 } 
.epmb4{ 
  height       : 2px; 
  margin       : 0 1px; 
} 
.epmb1, .epmb2, .epmb3, .epmb4{ 
  display      : block; 
  overflow     : hidden; 
} 
.epmb5{ 
  font-size    : 1px; 
  display      : block; 
  overflow     : hidden; 
  height       : 1px; 
} 
.epmbBlock{ 
  display      : block; 
  font-size    : 1px; 
}
		
		
/* paragraphe  orange */
  
.phpMyBorder{ 
  width        : 604px;
   margin-right:5px;
   margin-left:5px;
   margin-top:3px;
} 
.pmb2, .pmb3, .pmb4,.pmbContent{ 
  background   : #f1d795; 
  border-color : #faf3de; 
} 
.pmb1{ 
  background   : #faf3de;
} 
.pmb2, .pmb3, .pmb4{ 
  border-style : solid; 
  border-width : 0 1px; 
} 
.pmbContent{ 
  display      : block; 
  border-style : solid; 
  border-width : 0 1px; 
  
} 
.pmb1, .pmb2, .pmb3{ 
  height       : 1px; 
} 
.pmb1{ 
  margin       : 0 5px; 
} 
.pmb2{ 
  margin       : 0 3px; 
  border-width : 0 2px; 
} 
.pmb3{ 
  margin       : 0 2px; 
 } 
.pmb4{ 
  height       : 2px; 
  margin       : 0 1px; 
} 
.pmb1, .pmb2, .pmb3, .pmb4{ 
  display      : block; 
  overflow     : hidden; 
} 
.pmb5{ 
  font-size    : 1px; 
  display      : block; 
  overflow     : hidden; 
  height       : 1px; 
} 
.pmbBlock{ 
  display      : block; 
  font-size    : 1px; 
}
/* paragraphe rose */

.bphpMyBorder{ 
  width        : 604px;
   margin-right:5px;
   margin-left:5px;
    margin-top:3px;   
} 
.bpmb2, .bpmb3, .bpmb4,.bpmbContent{ 
  background   : #f7e6ba; 
  border-color : #faf3de; 
  
} 
.bpmb1{ 
  background   : #faf3de;
} 
.bpmb2, .bpmb3, .bpmb4{ 
  border-style : solid; 
  border-width : 0 1px; 
} 
.bpmbContent{ 
  display      : block; 
  border-style : solid; 
  border-width : 0 1px; 
  
} 
.bpmb1, .bpmb2, .bpmb3{ 
  height       : 1px; 
} 
.bpmb1{ 
  margin       : 0 5px; 
} 
.bpmb2{ 
  margin       : 0 3px; 
  border-width : 0 2px; 
} 
.bpmb3{ 
  margin       : 0 2px; 
 } 
.bpmb4{ 
  height       : 2px; 
  margin       : 0 1px; 
} 
.bpmb1, .bpmb2, .bpmb3, .bpmb4{ 
  display      : block; 
  overflow     : hidden; 
} 
.bpmb5{ 
  font-size    : 1px; 
  display      : block; 
  overflow     : hidden; 
  height       : 1px; 
} 
.bpmbBlock{ 
  display      : block; 
  font-size    : 1px; 
}

		
		
/* paragraphe  orange colonne */
  
.cphpMyBorder{ 
  width        : 152px;
   margin-right:5px;
   margin-left:5px;
   margin-top:3px;
} 
.cpmb2, .cpmb3, .cpmb4,.cpmbContent{ 
  background   : #f1d795; 
  border-color : #faf3de; 
} 
.cpmb1{ 
  background   : #faf3de;
} 
.cpmb2, .cpmb3, .cpmb4{ 
  border-style : solid; 
  border-width : 0 1px; 
} 
.cpmbContent{ 
  display      : block; 
  border-style : solid; 
  border-width : 0 1px; 
  
} 
.cpmb1, .cpmb2, .cpmb3{ 
  height       : 1px; 
} 
.cpmb1{ 
  margin       : 0 5px; 
} 
.cpmb2{ 
  margin       : 0 3px; 
  border-width : 0 2px; 
} 
.cpmb3{ 
  margin       : 0 2px; 
 } 
.cpmb4{ 
  height       : 2px; 
  margin       : 0 1px; 
} 
.cpmb1, .cpmb2, .cpmb3, .cpmb4{ 
  display      : block; 
  overflow     : hidden; 
} 
.cpmb5{ 
  font-size    : 1px; 
  display      : block; 
  overflow     : hidden; 
  height       : 1px; 
} 
.cpmbBlock{ 
  display      : block; 
  font-size    : 1px; 
}

/* paragraphe  rose colonne */
  
.dphpMyBorder{ 
  width        : 152px;
   margin-right:5px;
   margin-left:5px;
   margin-top:3px;
} 
.dpmb2, .dpmb3, .dpmb4,.dpmbContent{ 
  background   : #f7e6ba; 
  border-color : #faf3de; 
} 
.dpmb1{ 
  background   : #faf3de;
} 
.dpmb2, .dpmb3, .dpmb4{ 
  border-style : solid; 
  border-width : 0 1px; 
} 
.dpmbContent{ 
  display      : block; 
  border-style : solid; 
  border-width : 0 1px; 
  
} 
.dpmb1, .dpmb2, .dpmb3{ 
  height       : 1px; 
} 
.dpmb1{ 
  margin       : 0 5px; 
} 
.dpmb2{ 
  margin       : 0 3px; 
  border-width : 0 2px; 
} 
.dpmb3{ 
  margin       : 0 2px; 
 } 
.dpmb4{ 
  height       : 2px; 
  margin       : 0 1px; 
} 
.dpmb1, .dpmb2, .dpmb3, .dpmb4{ 
  display      : block; 
  overflow     : hidden; 
} 
.dpmb5{ 
  font-size    : 1px; 
  display      : block; 
  overflow     : hidden; 
  height       : 1px; 
} 
.dpmbBlock{ 
  display      : block; 
  font-size    : 1px; 
}

/* Images paragraphes*/

.imagegauche
{
   float: left;
  margin-top: 0; 
}
.imagedroite
{
   float: right;
   margin-top: 0;  
}



/* Le pied de page*/

#pied_de_page
{
   text-align: center;
   color: #B3B3B3;   
}