/** regels generales*/
*{
    margin:0px;
    padding:0px;
}

img {
	border:0px;
}

html, body {
	background: lightblue url(/images/commun/background.jpg) repeat-x;	
}

div#global {
	display:block;
	width:990px;
	margin:0 auto;
	/*position:relative;*/
	text-align:left; 
	font-family:Arial, sans-serif;

}
#top_template,
#content_template,
#bottom_template
{
    
    
}
#content_template
{
  vertical-align:top;
    
}
    
/* le div parent top_mvep */
#top_mvep,
#contenu_mvep
{
    clear:both;
    width:990px;
    display:block;
}
#top_mvep{
    /*margin-bottom:10px !important;/*uniquement  firefox gerer la marge entre le top et le contenu*/
   /* margin-bottom:0px;*/
    background: url(/images/top/fd_top.png ) top center no-repeat;
    /*overflow:hidden;*/ 
}

#contenu_mvep{
	display:block;
	width:990px;
	height:auto;
}
#bottom_mvep
{
    clear:both;
    text-align:center; 
    margin-bottom:20px;
    /*padding:10px 0px 10px 0px;*/
    width:990px;
}   

/* le items du div parent top_mvep */ 
.top_mvep_item{
    display:block;
    
    width:990px;
    height:auto;
    clear:both;
    overflow:hidden;

}

#logo_mvep,
#pub_mvep,
.loginok_mvep,
.client_mvep
{
    display:inline;
    float:left; 
    height:90px;
    
}
.client_mvep
{
	background: url(/images/top/FD-client.png) top left no-repeat;
	padding-top:5px;
	position:relative;
	width:302px;
    
}

#pub_mvep
{
    /*width:84px !important;
   width:80px;*/
    width:400px;
    margin:0px 5px 0px 27px;
    
}
.client_mvep label
{
    font-size:11px;
    margin-left:14px;
    margin-right:10px;

}
.loginok_mvep
{
    background: url(/images/top/FD-client.png) top left no-repeat;
	padding-top:5px;
	position:relative;
	width:302px;
	
}
#moncompte
{
   margin-left:10px; 
}
#monpanier
{
   display:inline;
   margin-left:20px;
   margin-right:5px;
  
}
span.bienvenue
{   display:block;
    font-weight:bold;
    margin:5px 0px 0px 130px;
    font-size:12px;
    
}
.signOut
{
    margin-left:140px;
    color:#ffffff;
    font-weight:bold;
}
.client_mvep_email,
.client_mvep_psw
{
  width:165px;
}

.client_mvep_email

{
  margin-left :10px;
}
.client_mvep_email
{
  margin-top:10px;
  
}

.client_mvep_psw
{
  
  margin-top:2px !important;
  margin-top:0px;
  
  
}

a.sinscrire, a.passe_oublie{
    display:inline;
    float:left;
    margin-top:6px;
    color:white;
    text-decoration:none; 
}
a.sinscrire{    
    margin-left:135px;
    margin-right:3px;
}
.btn_ok{
  display:block;
  position:absolute;
  
  /*top:47px !important;*/
  top:57px;
  
  right:12px;
}
#menu_mvep{
    margin-top:5px;
}
#menu_mvep p {
    padding-top:4px;
    padding-left:2px;
    padding-right:2px;
}
#menu_mvep  a{
    display:inline;
    float:left;
    background: url(/images/top/bg_menu.gif) repeat-x;
	border:1px solid #ffffff;
	height:16px;
	wight:5px;
	padding:4px 5px 0px 5px;
	font-weight:bold;
}

a.accueil
{
   display:block;
   /*background: url(/images/top/bg_menu.gif) repeat-x;*/
   width:84px !important;
   width:80px;
   margin-left:0px;
   color: #ffffff;
}
a.all
{
   margin-left:10px;
   color: #ffffff;
}

#menu_mvep a, 
#menu_mvep a:link, 
#menu_mvep a:visited,  
#menu_mvep a:active {
	cursor:pointer;
	text-decoration:none;
	/*color: #ffffff;*/
	
} 

#menu_mvep a:hover {
	text-decoration:underline;
	color: #ffffff;
} 
a#top_promo
{
    display:inline;
    /*width:110px;*/
    float:right;
	border:1px solid #ffffff;
	height:16px;
	font-weight:bold;
	color:#990000;
    background: url(/images/top/bg_promo.gif) repeat-x;
  
    text-align:center;
    
}


#cadre_haut,#cadre_bas
{
	width:990px;
	height:15px;
}

div#cadre_haut{
		background: url(/images/commun/cadreHAUT.png) bottom center no-repeat;	
}
div#cadre_bas{
		background: url(/images/commun/cadreBAS.png) top center no-repeat;
}
div#cadre_milieu
{
    display:block;
	background: url(/images/commun/cadreMILIEU.png)  repeat-y;
	padding-left:10px;
	padding-right:10px;
	/* min-height hack for ie6 */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-top:0px;
	margin:0px;
}
#cadre_haut,
#cadre_bas,
div#cadre_milieu
{
	/*border:1px solid red;*/
}

/* ************ contenu da la hp ***************** */
#commandEncours_mvep
{   
    display:block;
    height:200px;
    position:absolute;
    top:0px; 
    right:0px;
    z-index:-1;
    
}
/* tabekau gui gere l'affichage de la commande en cours*/
.head3_1 table
{
    /*
    height:100px;
    padding:5px 0px 20px 5px;*/
    width:550px;
}
    
#col_gauche
{
	margin-right:10px;
   margin-top:30px;
   float:left;
   /*border:1px solid red;*/
   
}           
#col_droite
{   
	margin-right:10px;
	padding-top:30px;
	width:310px;
   height:325px;
   float:left;
  /* border:1px solid red;*/
    
}


#col_gauche
{   
    display:block;
    overflow:hidden;
    margin-left:23px;
    
}  
#col_gauche #photo-home
{
   width:587px;
   height:303px;
   border: 2px solid orange;
    background: url(/images/home/livre-album.jpg ) top center no-repeat;
    color:#5c5e75;

}     
#monagence
{
    display:block;
	height:148px;
	width:323px;
    border: 1px solid #07BFD6;
    background: url(/images/home/pub_monagence.gif ) top center no-repeat;
	margin-bottom:4px;
}  

#monagence p
{
	text-align:left;
	height:148px;
	width:96px;
	color:white;
	padding-left:5px;
	/*padding-top:30px;*/
	font-size:12px;
}     

#monagence p a, 
#monagence p a:link, 
#monagence p a:visited,  
#monagence p a:active ,
#voyagemotion p a, 
#voyagemotion p a:link, 
#voyagemotion p a:visited,  
#voyagemotion p a:active 
{
	cursor:pointer;
	text-decoration:none;
	color: #ffffff;
} 

#voyagemotion p
{
	text-align:right;
	height:148px;
	width:96px;
	color:white;
	padding-left:215px;
	/*padding-top:30px;*/
	font-size:12px;
}   
   


#voyagemotion
{
	margin-top:8px;
	height:148px;
	width:323px;
    border: 1px solid #07BFD6;
    background: url(/images/home/VE.png ) top center no-repeat;
}    
        
/*
#col_droite p
{
    color:#3a3a78;
    margin-left:10px;
}  

#idee_cadeau
{
    background:#c7cabd;
    width:475px;
    overflow:hidden;
    height:440px;
   
    margin-left:10px;
}
#idee_cadeau img
{
    width:145px;
    height:131px;
    padding-left:5px;
    padding-top:6px;
}
*/   
#pp_pack
{
 
}
#pp_pack a
{  
    display:inline;
    float:left;
}

#test_code
{   
    display:block;
    border:1px solid red;
}
  
/*********************/
#test_code_promo{
	float:right;
display:inline;
	width:440px;
	height:50px;
	background: url(/images/home/Code-promo.png) top center no-repeat;
	padding-left:20px;
	padding-top:18px;
	position:relative;
}

 #test_code_promo .test_promo{
	margin-left:225px;
	color:#FF3300;
	font-size:16px;
	font-weight:bold;
	width:150px;
	height:17px;
	text-align:center;
}
 #test_code_promo .btn_test_promo{
	margin-left:225px;
	position:absolute;
	top:18px;
	right:30px;
}
#test_code_promo input{
	display:inline;
	float:left;
}
#test_code_promo p{
	color:#333333;
	font-size:11px;
	margin-left:22px;
	margin-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}           

/*******special page partenaire lactel etc ***********************/
#test_code_promo_par{
display:block;
	width:300px;
	height:45px;
	background: url(/images/home_partenaires/bg_code-promo.gif) top center no-repeat;
	padding-top:18px;
	position:relative;

}
#test_code_promo_par .btn_test_promo{
	
	position:absolute;
	top:18px;
	right:10px;
}

#test_code_promo_par input{
	display:inline;
	float:left;
     margin-left:100px;
     color:#c41c00;
	font-size:11px;
	font-weight:bold;
   
}

