/* --------------- Defaults --------------- */

img {border: 0;}


body {
font: 12px/20px Helvetica, Arial, sans-serif;
color: #666666;
margin: 0;
padding: 0;

}

a, a:link, a:visited, a:active {text-decoration: none;color: #666666;}
a:hover {color: #222222;}
hr {border: 1px solid silver;}


h1, h2, h3, h4, h5, h6 {	font-weight: normal;}






/* --------------- MAIN DIV ID's --------------- */

/**
 * div#wrapper
 * @ C'est le conteneur global du site 768px large
 *
 */
#wrapper {
	width:1000px; /*768*/
	margin:0 auto;
	/*background: transparent;*/
	background: transparent url("../img/background.jpg") repeat-y 0 0; /* bck-5.5.jpg */
	}




/**
 * div#header
 *
 */
#header {
	width:auto;
	height:149px;
	padding:0;
	background:#666666 url("../img/logo_grand_mpg.jpg") no-repeat left center;
	padding-left: 208px;
	}



/**
 * div#content
 * C'est le block sidebar et main
 * donc le float left et le float right
 * sans le block header
 */
#content {width:1000px;background: transparent;} /* 768px */

#main {width: 560px; background: transparent;} /* 560px */
#main .images img {border: 0; width: 559px;}

#sidebar, #sidebar2 {float:left; width: 208px; background: transparent;} /* 208px */
#sidebar .sidebar_separator, #sidebar2 .sidebar_separator {border-top: 2px solid silver;}


#inner_sidebar2 {margin: 0px 0px 0px 0px;}

/**
 * #content > #sidebar
 * @ c'est la partie à gauche du site en float left
 * l'endroit ou se trouve le menu login
 * les promotions, etc...
 */
#sidebar {
	
	float:left;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}




/*
 * #content > #main
 * @ c'est la partie droite du site en float right
 * Toutes les pages sans le header ni footer
 * apparaissent ici
 */
#main {


float:left;
margin: 0;
padding: 0;

}

.images {width: 550px; }




/* ---------------- HEADER --------------------- */




/* --------------- STATUS IN BIENVENUE LOUIS --------------- */
/**
 * div#header > div#statusbar
 * @ WRAPPER de l'Endroit ou se trouve le nom de la personne connecté
 * on y ajoute une images en arriere plan
 */
#status_info{
	height: 58px; 
	/* background: #e8ede2 url("../img/tag.jpg") no-repeat 95% 80%; */ /* move into lang css folder fel 13 décembre 2008*/ 
	position:relative;
	
	border-right: 1px solid silver;
	}


	/**
	 * div#header > div#statusbar > div#status_bar_inner
	 * @ Endroit ou se trouve le nom de la personne connecté
	 */
	#status_info_inner{
		position: absolute; 
		bottom: 0; 
		left: 6px; 
		background: transparent;
	font-size: 1.2em;
		
		}



/* --------------- ICON'S --------------- */

/**
 * div#header > div#icon_nav
 * @ Endroit ou se trouve les icones, paiement, confirmation, panier...
 */
#icon_nav {
	height: 69px; 
	text-align: right; 
	background: #e8ede2;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	}


/* --------------- NAVIGATION MENU --------------- */
/**
 * div#header > div#menu
 * @ Le menu de navigation sous les icones
 */
#menu {
	height: 22px; 
	text-align: center; 
	background: white; 
	font-size: 1.1em; 
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	}



/* ------------------------------------ end part 1 header ----------------------------- */








/* ----------------------------------- start part 2.1 Sidebar ------------------------------ */



/**
 * #content > #sidebar > .login_menu
 * #content > #sidebar > .panier_promo
 * @ c'est la partie à gauche du site
 * l'endroit ou se trouve le menu login
 * les promotions, etc...
 */

#sidebar .login_menu,  .panier_promo_1,  .panier_promo_2,  .panier_promo_3 {
	 text-align: center;
	 padding: 5px;	 
	 }

#sidebar .login_menu {
	 margin: 10px 0px 10px 0px; 


}

#sidebar .catalogue {
	font-weight: bold;
	 margin: 15px 0 10px 0;
	 }

#sidebar .panier_promo_1 {
	 margin: 1px 0px; 	
}

#sidebar .panier_promo_2 {
	 margin: 5px 0px; 		
}

#sidebar .title_promo_2, .title_promo_3{
	margin-bottom: 15px;
	font-weight: bold;
	display: block;
}


#sidebar .panier_promo_3  {
		margin-bottom: 15px;
}

#sidebar hr {
	border: 1px solid silver;
	width: 205px;

		
}

#sidebar .paiement_icon{
	margin: 0 0 0 0;
}


div#infolettre, div#quand , div#talkaboutus, div#certificats{background: #666666; color: white;}







/* ----------------------------------- end part 2.1 Sidebar ------------------------------ */
















/* ----------------------------------- start part 2.2 Main ------------------------------ */
/*
 * #content > #main > #title_bar
 */
#title_bar{
	height: 58px; 
	background: #666666; 
	width: 559px;
position: relative;
padding: 0;
margin: 0;

	}
	/*
	 * #content > #main > #title_bar > .pos_du_txt
	 * 
	 */	
	#title_bar .pos_du_txt {
		position: absolute; 
		font-size: 1.4em; 
		color: white; 
		left: 20px;
		top: 20px;
	
		/* background: silver; */



		
	
		
		}
	/* style special pour accueil titre
	 * letter-spacing: 1px;
	 */
	#title_bar .acc_title_style{font-weight: bold; }
	
	


/*
 * #content > #main > .content_inner
 * @ C'est tout l'interieur du block affaichage par les 
 * differentes pages
 */

 
 	 #main .content_inner, .content_inner_2 {font: 12px/16px Helvetica, Arial, sans-serif;}
 
#main .content_inner{
	padding: 0px 20px 0px 20px;
	}

#main .content_inner_2 {
		padding: 0px 20px 120px 20px;
}

#main .content_inner_3 {
		padding: 0px 20px 30px 20px;
}

#main .content_inner h1, .content_inner_2 h1, .content_inner_3 h1 {font-size: 1.6em; }
#main .content_inner h2, .content_inner_2 h2, .content_inner_3 h2 {font-size: 1.2em;}
#main .content_inner h3, .content_inner_2 h3, .content_inner_3 h3 {font-size: 1.2em;}
#main .content_inner h4, .content_inner_2 h4, .content_inner_3 h4 {}
#main .content_inner h5, .content_inner_2 h5, .content_inner_3 h5 {}
#main .content_inner h6, .content_inner_2 h6, .content_inner_3 h6 {}

#main .content_inner h1, h2, h3, .content_inner_2 h1, h2  {
	margin: 1em 0px 1em 0px; /* top, right, bottom, left */ 
	display: block;
	color: #999;
	font-weight: bold; 
	}
#main .content_inner h3 {
	margin: 1em 0px 0px 0px; /* top, right, bottom, left */ 
	color: #666666;

}
	
#main .content_inner b {
	font-weight: bold;
	}
#main .content_inner p {

	}

/*
 * #content > #main > .commentaires
 * @ Commentaires fait par les utilisateurs
 */	
#main .commentaires {
	font-style: italic;
}
	
	
#main .content_inner ul.list_panier {
	
/* list-style: none; */
margin: 1em 0 0 0; /*top right bottom left*/
padding: 0 10px 0 18px;
border: none;

}

#main .content_inner ul.list_traitement_command {
	
/* list-style: none; */
margin: 0 0 0 0; /*top right bottom left*/
padding: 0 0 0 1.5em;
border: none;
/* font-style: italic; */
	
} 

/*
 * #content > #main > .content_inner_display_basket
 * @ C'est tout l'interieur du block affaichage par les 
 * paniers uniquement
 */
 
 #main .content_inner_display_basket{
 	padding: 0 0 0 0;

 	text-align: center;
	 }
	 
.corporate_basket {
	margin: 0 20px 0 20px;
}

.corp_basket_form{
	float: right;
}

#thumbs_row {
list-style-type: none;

	}
#thumbs_row li {
	float: left;
	width: 228px;
	margin: 0 20px 6px 0;

}


#thumbs_row img {
	display: block;
}

#main .content_inner_display_basket .pagination {
	

	width: 559px;
	 /* background: #666; */ 
	display: block; 
}


.specialpage {position: absolute; display: block; bottom: 5px; right: 0;margin-right: 5px;text-align: right;}

/* @group Pages */
		.pages {
			/* font: bold 12px Arial, Sans-Serif; */
			text-align:right;
		}
		.pages p {
			margin: 0;
			padding: 0;
 			position: absolute; 
		}
		.pagelist {
			list-style:none;
			color: #ff9933;
			margin-top: 2px;
			padding: 0;
			text-align: right;
			margin-right: 45px;
		}
		.pagelist li {
			display: inline;
			margin: 0;
			padding: 0 0 0 0;
		}


#main .content_inner_display_basket .active_slash {color: #666666;}
#title_bar .specialpage	.active_slash {color: #ffffff;}

#main .content_inner_display_basket .pagination a, #main .content_inner_display_basket .pagination li a {
				text-decoration:none;
			color:#666666;
}

#title_bar .specialpage	.pagelist a, #title_bar .specialpage .pagelist li a {
			text-decoration:none;
			color:white;
		}
/* @end */


.horraire_bck {
	margin-top: 10px;
	height: 650px;
	padding: 100px;

		overflow: hidden;
}

.confirmation_bck_top {
	height: auto;
	padding: 70px 100px 0 100px; 
	margin: 0;
		background: transparent url("../img/confirmation_top.jpg") no-repeat 50% 0;
		overflow: hidden;
}

.confirmation_bck_middle {
	
	height: auto;
	padding: 10px 100px 20px 100px;
	margin: 0;
		background: transparent url("../img/confirmation_middle.jpg") repeat-y 50% 0;
		overflow: hidden;
}

.confirmation_bck_bottom {
	
	height: 395px;
	padding: 0 100px 0 100px;
		background: transparent url("../img/confirmation_bottom.jpg") no-repeat 50% 0;
		overflow: hidden;
}

.horraire_inner{
	padding: 70px 70px 70px 70px;
}

.horraire_inner h3, .horraire_inner h4 {font-size: 1.2em; font-weight: normal; padding-bottom: 1.2em; margin: 0;}
.horraire_inner h3 {padding-bottom: 1.6em;}
.horraire_inner h4 {}
.horraire_inner ul {list-style: none;margin: 35px 0 0 0; padding: 0;}
.horraire_table table {border: none;padding: 0; margin: 0; }
.horraire_table td, .horraire_table tr {border: none;padding: 0 12px 0 0; margin: 0; font: 12px/12px Helvetica, Arial, sans-serif;}

#main .panier_details {	border-top: 1px solid silver; padding: 0px 20px 0px 20px;}
#main .panier_details h1 {font-size: 1em; color: #666;}

#main .panier_details .colorate_link a{ color: #ff9933;}


#main #h1_corpo h2{text-align: left; margin-left: 20px; font-size: 1.4em; font-weight: normal; color: #666;} 

#main .separator{border-top: 1px solid silver;}

/**
 *
 * DESCRIPTION DES PANIER
 *
 */
#main #panier_desc  ol, #main #panier_desc  ul{
	
list-style: none;
margin: 0 0 0 0; /*top right bottom left*/
padding: 0 0 0 2em;
border: none;

}

#main #panier_desc  li{}











#form_inner{ 
	padding: 10px 10px 10px 10px; 
	border-left: 1px solid silver; 
	border-right: 1px solid silver; 
	border-bottom: 1px solid silver;
	} 
	
#form_inner h1, #form_inner h2, #form_inner h3, #form_inner h4, #form_inner h5, #form_inner h6 {font-size: 1.2em; font-weight: bold; color: #666;}

/* ----------------------------------- end part 2.2 Main ------------------------------ */





#annonces { padding-top: 30px;margin-top: 40px;text-align: center; border-top: 1px solid silver;}
#tdr {text-align: center; font-size: .9em;}

/*
#annonces { margin-top: 40px;text-align: center;}
#tdr {text-align: center;}
*/
/* --------------- Classes --------------- */

hr.clear {
clear:both;
display:block;
visibility:hidden;
}






.bolder{font-weight: bold;}
.bolder_white{font-weight: bold; color: white;}




form {}

form div {
clear: left;
margin: 0;
padding: 0;
padding-top: 0.6em;
}

form div label {
float: left;
width: 40%;
font-weight: bold;
font-style: normal;
}

form div optgroup {
	font-style: normal !important;
}





form fieldset legend {
font: bold 1.5em Helvetica, Arial, sans-serif;
color: #666666;
}

/* input.txt {border: 1px solid #7F9DB9;} */
input.btn {cursor: pointer; color: #fff; background-color: #4d4d4d; border: 1px outset;}
input.btn2 {cursor: pointer; color: #666666; background-color: #ffffff; border: none;}
input.btn3 {cursor: default; color: #ffffff; background-color: #ffffff; border: none;}


div .notes {color: gray;}


















#form_inner ol {
	padding: 0; 
	margin: 0;
	margin-left: 25px ; 

	
	
}

.go, .stop, .error {}


.stop {color: #ff9933; }
.error {color: #ff9933; }
.go {color: green;}
.red {color: #ff9933;}
.orange {color: #ff9933;}

.star {color: red;}

#form_result{padding: 10px; margin-bottom: 30px; }

#form_result ul{
	list-style: none;
	margin: 0 0 0 0; /*top right bottom left*/
	padding: 0 0 0 0.6em;
	border: none;
}

#form_result li{color: #ff9933;}

#form_result label {margin:0; padding: 0; color: #666666;}





#version {margin-right: 20px; text-align: right; color: #4d4d4d; font-size: 0.9em;}

#version a {color: #4d4d4d;}













/****************************************************************************************/
/* cart inner est dans le fichier template*/

#cart {padding: 0; margin: 0;}


/* dans database.php */
#cart_inner {
	margin: 0 20px 0 20px;
	border-left: 1px solid silver; 
	border-right: 1px solid silver;

	}




.cart_inner_right{
float: right;
width: 360px;

/* margin-top: 35px; */

}




.cart_inner_left{
float: left;
width: 150px;


}

.hidden{display: none;}

.cart_inner_left img {
	width: 125px;
	height: 125px;
	float: left;
	margin: 0 10px 10px 10px;
}




.cart_thumbnails {float: right; display: inline;}








#bbcckk{
	
	width: 454px; height: 578px;
	background: transparent url("../img/loi.jpg") no-repeat center center;
	padding: 0;
	margin: 0;
	
}

#bbcckk_inner{
	padding: 60px 20px 50px 20px;
	
}
#bbcckk_inner iframe{ width: 100%; border: none; height: 390px; margin-bottom: 30px;}








.datatable{
	/* border: 1px solid silver; */
	width: 100%;
}

.datatable th {
	/* border: 1px solid #73c0d4; */
	text-align: left;
}





.onparledenous{margin: 0; border-bottom: 1px solid silver; padding:20px 10px;}
.onparledenous img {padding:20px;}
.onparledenous h1 {font-size: 1em;font-weight: bold;}

.onparledenous a {font-size: .8em;font-weight: bold; color: orange; text-decoration: underline;}