html, body {
margin: 0;
padding: 0;
height: 100%
}


body {
margin: 0;
padding: 0;
background-color : #eee;
text-align : center;
font-family : verdana;
font-size : 11px;
color : #000;
}


#content{
width:750px;
/*height:100%;*/
background-color : #fff;
margin-left:auto;
margin-right:auto;
text-align : left;
border-top : 1px solid #eee;
}
html>body #content {height : auto; min-height : 100%;  }


.menu {
height : 40px; 
background-color : transparent;
margin-left : 300px;
margin-top : 200px}
  
.haut {
width : 100% ;
height : 242px; 
background-image : url(images/haut.jpg); 
background-repeat : no-repeat;
border-top : 1px solid #eee}
  
.centre {
width : 100% ;
}
	
.gauche {
width : 160px ;
//height :680px; 
min-height : 680px;
background-color : #f9f9f9;
float : left;
margin-left : 10px ; 
margin-top : 10px;
background-image : url(images/bg_gauche.jpg);}

html>body .gauche{ 
margin-top : 10px;	 
width : 200px ;
margin-left : 20px ; }
	
.droite {
width : 490px ;
background-color : #eaeaea; 
float : left;
margin-left : 20px; 
margin-top : 10px;
background-image : url(images/bg_droite.jpg);}   
html>body  .droite{	 width : 490px ;}		
		
		
		
.bas{width : 100% ; height : 65px; background-color : #333; border-top : 1px solid #333 ; text-align : center ; color : #fff ;}
.menu_in_bas {width : 100% ; text-align : center ; color : #fff ; margin-top : 10px ; height : 15px}
		

.haut ul {
height : 20px; 
list-style : none;
background-color : transparent;
margin-left : 375px;
margin-top : 210px ;
margin-bottom : 0 ; 
margin-right : 0; 
padding : 0}
.haut li {float : left; 
margin: 0 0 0 0 ;
 padding : 0}

a.itemMenu {
color:#AAAAAA;
text-decoration:none; 
display : block ; 
margin-left : 0.6em;
font-weight : bold;
} 

a:hover.itemMenu {
color:#000000;
text-decoration:underline; 
}


a.itemMenu_in{
color:#000000;
text-decoration:none; 
display : block ; 
font-weight : bold;
margin-left : 0.6em;
} 

a:hover.itemMenu_in {
color:#000000;
text-decoration:underline; 
}



a.menu_equitation {color:#ccc; text-decoration:none; 
display : block ; 
width : 80px ; 
height : 20px ; 
background-image : url(images/menu_equitation.gif);
background-position : 0 0} 

a:hover.menu_equitation {
 background-image : url(images/menu_equitation.gif);
background-position : 0 20px}


a.menu_equitation_in{color:#ccc; text-decoration:none; 
display : block ; 
width : 80px ; 
height : 20px ; 
background-image : url(images/menu_equitation.gif);
background-position : 0 20px} 

a:hover.menu_news_in {
 background-image : url(images/menu_news.jpg);
background-position : 0 20px}









a.menu_pictures {color:#ccc; text-decoration:none; 
display : block ; 
width : 70px ; 
height :20px ; 
background-image : url(images/menu_pictures.jpg);
background-position : 0 0;
margin-left : 5px} 

a:hover.menu_pictures {
 background-image : url(images/menu_pictures.jpg);
background-position : 0 20px}

a.menu_pictures_in {color:#ccc; text-decoration:none; 
display : block ; 
width : 70px ; 
height :20px ; 
background-image : url(images/menu_pictures.jpg);
background-position : 0 20px;
margin-left : 5px} 

a:hover.menu_pictures_in {
 background-image : url(images/menu_pictures.jpg);
background-position : 0 20px}














a.menu_liens {
color:#ccc; 
text-decoration:none; 
display : block ; 
width : 50px ; 
height : 20px ; 
background-image : url(images/menu_links.jpg);
background-position : 0 0;
margin-left : 5px} 

a:hover.menu_liens {
 background-image : url(images/menu_links.jpg);
background-position : 0 20px}


a.menu_liens_in {
color:#ccc; 
text-decoration:none; 
display : block ; 
width : 50px ; 
height : 20px ; 
background-image : url(images/menu_links.jpg);
background-position : 0 20px;
margin-left : 5px} 

a:hover.menu_liens_in {
 background-image : url(images/menu_links.jpg);
background-position : 0 20px}














a.menu_contact {
color:#ccc; 
text-decoration:none; 
display : block ; 
width : 60px ; 
height : 20px ; 
background-image : url(images/menu_contact.jpg);
background-position : 0 0;
margin-left : 5px} 

a:hover.menu_contact {
 background-image : url(images/menu_contact.jpg);
background-position : 0 20px}


a.menu_contact_in {
color:#ccc; 
text-decoration:none; 
display : block ; 
width : 60px ; 
height : 20px ; 
background-image : url(images/menu_contact.jpg);
background-position : 0 20px;
margin-left : 5px} 

a:hover.menu_contact_in {
 background-image : url(images/menu_contact.jpg);
background-position : 0 20px}


h1 {margin : 20px 0 0 20px ; padding : 0; font-size : 14px}
h2 {margin : 20px 0 0 20px ; padding : 0; font-size : 12px}
p {margin : 10px 20px 0 20px ; padding : 0;}
.no_top{margin : 0px 20px 5px 20px ; padding : 0;}

.expo {float : right ; margin-right : 10px ; margin-left : 15px}
.photos {width : 480px; margin-left : 7px}
.little_expo {float : left ; margin-left : 10px; margin-top : 10px}

.spacer{clear : both ;height : 13px ; background-color : transparent ; margin-top : 5px}
.spacer2{clear : both ;background-color :  transparent ;height : 30px ;}  



a {color : #000 ; text-decoration : none}
a:hover {color : #000 ; text-decoration : none}

a.class1 {color : #fff ; text-decoration : none}
a.class1:hover {color : #ccc ; text-decoration : none}

a.class2 {color : #000 ;  font-weight : bold ; text-decoration : underline}
a.class2:hover {color : #333 ; text-decoration : underline}

a.class3 {color : #fff ; text-decoration : none}
a.class3:hover {color : #fff ; text-decoration : none}

a.class4 {color : 000 ; text-decoration : underline}
a.class4:hover {color : #000 ; text-decoration : none}

.photo{
	text-align : center;
	float : left;
	width : 120px;
	margin-bottom : 2em;
	margin-left : 1px;
	height : 135px;
}

.photo img{
	border : none;
}

p.centre{
	text-align : center;
}

.nb{
	width : 2em;
}

.label{
	margin-left : 3em;
	width : 25em;
	float : left;
}

.panier{
	text-align : center;
	margin-left : 10%;
	width : 110%;
	margin-top : 1em;
	margin-bottom : 2em;
	height : 6em;
	background-color  : #F0F0F0;
}
html>body .panier{
	width : 80%;
}

.vpanier{
	font-weight : bold ;
}

.nb_article{
	margin-top : 0.5em;
	color : #808080;
}

.total{
	margin-top : 0.5em;
}

.gras{
	font-weight : bold ;
}

table{
	border-collapse : collapse;
	border-style : solid;
	border-width : 2px;
	border-color: #000000;
	font-size : 0.9em;
}

th{
	border-style : solid;
	border-width : 1px;
	border-color: #000000;
	padding : 0.5em;
}

td{
	border-style : solid;
	border-width : 1px;
	border-color: #000000;
	padding : 0.5em;
}

#frm_changeQte_submit{
	margin-top : 1em;
	margin-left : 70%;
}

a#validerCommande{
	margin-top : 2em;
	margin-bottom : 2em;
	margin-left : 60%;
	display : block ; 
	width : 181px;
	height : 23px;
	background-image : url(./images/valider_commande_normale.png);
}

a#validerCommande:hover{
	background-image : url(./images/valider_commande_audessu.png);
}

a#validerCommande:active{
	background-image : url(./images/valider_commande_enfoncer.png);
}

.tabTotal{
	text-align : right;
	padding : 1em;
}

#frm_logMariage{
	width : 60%;
	margin-left : 20%;
}

#frm_logMariage label{
	width : 10em;
	text-align : right;
	float : left;
	margin-right : 2em;
}

#frm_logMariage_submit{
	margin-top : 1em;
	margin-left : 10em;
}

#frm_complement label{
	width : 15em;
	text-align : right;
	float : left;
	margin-right : 2em;
}

#frm_complement_submit{
	margin-top : 1em;
	margin-left : 15em;
}

.gauche ul{
	margin-left : 2em;
	padding : 0px;
	list-style-type : none;
	font-weight : bold;
}

.gauche li{
	font-weight : 500;
}

.gauche li a{
	text-decoration : underline;
}

.pluspetit{
	font-size : 0.8em;
}

.miniature{
	text-align : center;
	float : left;
	width : 49%;
	margin-top : 1em;
}

.miniatures{
	margin-top : 2em;
}

.center{
	text-align : center;	
}

a img{
	border : none;
}