/* Fichier CSS - FULL CSS - Site Plan 9 */

/* Styles de base */
body
{
	padding:0px;
	margin:0px;
	background-color:black;
	font-family:arial;
	font-size:9pt;
}

h1,h2,h3,h4,h5,h6,ul,ol,li,div,html,p,span,a
{
	padding:0px;
	margin:0px;
}

a
{
	text-decoration:none;
	color:black;
	cursor:pointer;
}

a:hover
{
	color:#AB3E43;
}

ul
{
	list-style:none;
}

img
{
	border:0px;
}

.special_paypal
{
	border:0px;

}

.paypal
{
	font-size:8pt;
}

/* Classe pour les éléments cachés */
.cache
{
	display:none;
}

/* Classe barre */
.barre
{
	text-decoration:line-through;
}

/* Classe générique clear */
.clear
{
	clear:both;
}

/* Classe ttc */
span.TTC
{
	font-size:5pt;
	vertical-align:top;
}

/* Classe générique selected */
.selected
{
	color:#AB3E43;
}

img.selected
{
	border:1px solid #AB3E43;
}

/* Classe générique titre de cadre */
.titre_bloc
{
	background-color:#B7C3D4;
	border-bottom:1px solid #616E80;
	background-image:url('../images/fond_h.gif');
	background-repeat:no-repeat;
	padding-top:1px;
	padding-left:17px;
	position:relative;
}

	*.titre_dessus
	{
		position:relative;
		font-size:10pt;
		font-family:arial, sans-serif;
		color:black;
	}

	*.titre_dessous
	{
		position:absolute; /* on superpose le SPAN sur le titre */
		top:-1px; /* on décale le SPAN */
		left:-1px;
		font-size:10pt;
		font-family:arial, sans-serif;
		color:white;
	}

/* Class générique bouton grand et petit*/
.button_grand
{
	height:17px;
	width:160px;
	background-image:url('../images/fond_bouton_grand.gif');
	border:1px solid #738091;
	padding:5px 0px;
	margin:5px;
	text-align:center;
	font-weight:bold;
	font-size:10pt;
}

	a:hover .button_grand
	{
		border:1px solid #AB3E43;
	}

.button
{
	height:18px;
	width:161px;
	background-image:url('../images/fond_bouton.gif');
	border:1px solid #738091;
	padding:0px;
	margin:5px;
	text-align:center;
	font-weight:bold;
	font-size:10pt;
}

	a:hover .button, a.selected .button
	{
		border:1px solid #AB3E43;
	}

/* Classe générique cadre */
.cadre
{
	background-color:#ABB0B6;
	border:1px solid #6D7B8D;
	height:auto;
	margin-bottom:5px;
	padding-bottom:5px;
}

	.cadre .img_titre
	{
		margin:-1px;
	}

/* Classe cadre color */
.cadre_color
{
	background-color:#D5DFEE;
	border:1px solid #6D7B8D;
}

/* ### Tableau central ### */
#positionnement
{
	position:relative;
	left:2px;
}

/* Zone centrale de la page */
#wrapper
{
	position:absolute;
	top:0px;
	width:750px;
	background-color:white;
	left:50%;
	margin-left:-375px;
}

/* ##### HEADER ##### */
#header
{
	/*height:268px;*/
}

	/* Image / Logo / Plan 9 */
	#header img
	{
		/* Note l'image doit alors faire 740px de large */
		/* Aucune limitation en hauteur */
		margin:4px 4px 0px 4px;
		border:1px solid #A3ADBB;
	}

	/* Positionnement du menu */
	#header div#menu
	{
		width:742px;
		height:46px;
		margin:0px 4px;
		background-color:white;
	}

/* ##### COLLONE DE GAUCHE ##### */
#col_gauche
{
	vertical-align:top;
}

	/* Gestion des cadres de la page d'accueil ( top5+nouveautés ) */
	#col_gauche .cadre ul.top
	{
		position:relative;
		width:160px;
		left:5px;
		top:5px;
		margin-bottom:5px;
	}

	#col_gauche .cadre ul.top li
	{
		width:100%;
		border:1px solid #6D7B8D;
		background-color:#D5DFEE;
		margin-bottom:6px;
	}

		#col_gauche .cadre ul.top li a:hover img
		{
			border:1px solid #AB3E43;
		}

	#col_gauche .cadre ul.top li img
	{
		float:left;
		margin:4px 2px 4px 4px;
		border:1px solid #D5DFEE;
	}

	#col_gauche .cadre ul.top li p
	{
		text-align:center;
		font-size:8pt;
	}

	#col_gauche .cadre ul.top li h5
	{
		text-align:center;
		font-size:9pt;
		padding-top:6px;
	}

	/* Gestion du mini systeme diapo */
	#col_gauche a:hover #img_pack
	{
		border:1px solid #AB3E43;
	}

	#col_gauche #bt_pre, #col_gauche #bt_suiv
	{
		margin:3px;
	}

	#col_gauche #img_pack
	{
		position:relative;
		background-color:#D5DFEE;
		border:1px solid #6D7B8D;
		padding:7px;
		top:-4px;
	}

	#col_gauche .liste_iframe_grand
	{
		height:auto;
		padding:4px;
	}

	#col_gauche .liste_iframe_grand ul
	{
		height:370px;
		overflow:auto;
		width:161px;
		border:1px solid #6D7B8D;
		background-color:#D5DFEE;
	}

	#col_gauche .liste_iframe_grand ul li
	{
		width:130px;
		/*margin-bottom:6px;*/
		padding-bottom:10px;
		border-bottom:1px solid black;
		margin-left:3px;
	}

		#col_gauche .liste_iframe_grand ul li a:hover img
		{
			border:1px solid #AB3E43;
		}

	#col_gauche .liste_iframe_grand ul li img
	{
		float:left;
		margin:4px;
		border:1px solid #D5DFEE;
	}

	#col_gauche .liste_iframe_grand ul li p
	{
		text-align:center;
		font-size:8pt;
	}

	#col_gauche .liste_iframe_grand ul li h5
	{
		text-align:center;
		padding-top:10px;
		font-size:8pt;
	}

	/* ---- */

	#col_gauche .liste_iframe
	{
		background-color:#ABB0B6;
		border:1px solid #6D7B8D;
		height:auto;
		padding:4px;
	}

	#col_gauche .liste_iframe ul
	{
		height:215px;
		overflow:auto;
		width:161px;
		border:1px solid #6D7B8D;
		background-color:#D5DFEE;
	}

	#col_gauche .liste_iframe ul li
	{
		width:130px;
		margin-bottom:6px;
	}

		#col_gauche .liste_iframe ul li a:hover img
		{
			border:1px solid #AB3E43;
		}

	#col_gauche .liste_iframe ul li img
	{
		float:left;
		margin:4px;
		border:1px solid #D5DFEE;
	}

	#col_gauche .liste_iframe ul li p
	{
		text-align:center;
		font-size:8pt;
	}

	#col_gauche .liste_iframe ul li h5
	{
		text-align:center;
		padding-top:6px;
		font-size:8pt;
	}

/* Zone centrale d'affichage */
#central
{
	vertical-align:top;
}

	.liste_news ul
	{
		position:relative;
		width:371px;
		margin:5px;
		border:1px solid #6D7B8D;
		background-color:#D5DFEE;
	}

	.liste_news ul #l_archives
	{
		float:right;
		margin:5px;
		clear:both;
		font-size:9pt;
		text-decoration:none;
	}

		.liste_news ul #l_archives:hover
		{
			font-weight:bold;
		}

	.liste_news li
	{
		padding:5px;
	}

	.liste_news li .legende
	{
		float:right;
		margin-left:3px;
	}

	.liste_news li .legende_2
	{
		float:right;
		border:1px solid black;
		margin-left:3px;
	}

	.liste_news li a 
	{
		text-decoration:none;
	}

	.liste_news li p a 
	{
		text-decoration:underline;
	}

	.liste_news li h5
	{
		display:inline;
		font-size:9pt;
	}

	.liste_news li h6
	{
		margin-left:5px;
		font-size:8pt;
		font-style:italic;
		text-align:right;
	}

	.liste_news li span
	{
		display:inline;
	}

	.liste_news li .fleche
	{
		float:left;
		margin:0px 5px;
		display:inline;
	}

	.liste_news li p
	{
		margin:5px;
		font-size:8pt;
		text-align:justify;
	}

	/* Page page_produit */

	.page_produit .cadre_color
	{
		margin:5px;
		padding:3px;
	}

	.page_produit .cadre_color h3
	{
		font-size:18pt;
		display:block;
		font-weight:bold;
		text-align:center;
		margin:7px 0px;
	}

	.page_produit .cadre_color p
	{
		font-size:9pt;
		margin:20px 5px;
		text-align:justify;
	}

	.page_produit .cadre_color ul#points_forts
	{
		list-style:none;
		margin-left:5px;
		font-size:9pt;
	}

	.page_produit .cadre_color p#accroche
	{
		font-weight:bold;
		font-size:10pt;
		text-align:justify;
	}

	.page_produit .cadre_color #prix
	{
		text-align:right;
		margin:10px 25px 10px 0px;
		color:#AB3E43;
		font-size:11pt;
		font-weight:bold;
		display:block;
	}

	.page_produit .cadre_color .button
	{
		width:150px;
	}

	.page_produit .cadre_color #right
	{
		position:relative;
		top:-25px;
		left:200px;
		margin-bottom:-25px;
	}
/*
	.page_produit .cadre_color #right .button
	{
		margin-bottom:-20px;
	}*/

	/* Iframe pour les pdf */
	.page_pdf .cadre_color
	{
		margin:5px;
	}

	.page_pdf iframe
	{
		margin:10px;
		border:1px solid black;
		width:524px;
		height:313px;
		background-color:white;
	}

	.page_pdf h3
	{
		margin-bottom:10px;
		text-align:center;
	}

	.page_pdf p
	{
		margin:10px;
		background-color:white;
		border:1px solid black;
		padding:5px;
		text-align:justify;
	}

	.page_pdf .cadre_color .button
	{
		width:150px;
	}

	.page_pdf .cadre_color #right
	{
		position:relative;
		top:-25px;
		left:379px;
		margin-bottom:-25px;
	}

	/* Page des photos */
	
	.page_photo .cadre_color
	{
		margin:5px;
		padding:3px;
	}

	.page_photo .cadre_color img
	{
		margin:10px;
		border:1px solid black;
		background-color:white;
	}

	.page_photo .cadre_color h3
	{
		font-size:18pt;
		display:block;
		font-weight:bold;
		text-align:center;
		margin:7px 0px;
	}

	.page_photo .cadre_color p
	{
		font-size:9pt;
		margin:10px 0px;
		text-align:center;
	}

	.page_photo .cadre_color .button
	{
		width:150px;
	}

	.page_photo .cadre_color #left
	{
	}

	.page_photo .cadre_color #right
	{
		position:relative;
		top:-25px;
		left:200px;
		margin-bottom:-25px;
	}

	.page_photo .cadre_color #right .button
	{
		margin-bottom:-20px;
	}

	/* Page catégorie */
	.page_categorie ul
	{
		width:90%;
		left:5%;
	}

	.page_categorie li
	{
		border:1px solid #6D7B8D;
		background-color:#D5DFEE;
		margin:5px;
		width:100%;
		padding:3px;
	}

	.page_categorie li h5
	{
		font-size:10pt;
		font-weight:bold;
	}

	.page_categorie li img
	{
		float:left;
		margin:3px;
	}

	.page_categorie li p
	{
		text-align:justify;
	}

/*	.page_categorie li a:hover img
	{
		border:1px solid #AB3E43;
	}*/

	/* Page archives news */

	ul#liste_archives_news
	{
		position:relative;
		width:95%;
		margin-left:2.5%;
	}

	ul#liste_archives_news li
	{
		border:1px solid #6D7B8D;
		background-color:#D5DFEE;
		margin:5px 0px;
		padding:3px;
	}

	ul#liste_archives_news li h3
	{
		font-size:10pt;
		font-weight:bold;
	}

	ul#liste_archives_news li h5
	{
		font-size:8pt;
		font-style:italic;
		text-align:right;
	}

	ul#liste_archives_news li p
	{
		text-align:justify;
		height:100%;
	}

	ul#liste_archives_news li p a
	{
		text-decoration:underline;
	}

	ul#liste_archives_news li img
	{
		float:right;
		margin:3px;
	}

	ul#liste_archives_news li img.special
	{
		border:1px solid black;
		background-color:white;
		padding:3px;
	}

	.liste_pages
	{
		border:1px solid #6D7B8D;
		background-color:#D5DFEE;
		text-align:center;
		position:relative;
		width:90%;
		padding:3px 0px;
		margin-left:5%;
	}

	.liste_pages li
	{
		display:inline;
	}


	/* Page des objets ( societe,consulting,contact) */

	.objetc_page ul
	{
		position:relative;
		width:95%;
		margin-left:2.5%;
	}

	.objetc_page ul li
	{
		border:1px solid #6D7B8D;
		background-color:#D5DFEE;
		margin:5px 0px;
		padding:3px;
	}

	.objetc_page ul li h3
	{
		font-size:10pt;
		font-weight:bold;
	}

	.objetc_page ul li p
	{
		text-align:justify;
	}

	.objetc_page ul li p a
	{
		text-decoration:underline;
	}

	/*.objetc_page ul li img
	{
		float:right;
		margin:3px;
	}*/

	.objetc_page ul li img
	{
		border:1px solid black;
		background-color:white;
		padding:3px;
		float:right;
		margin:3px;
	}

	/* Gestion systeme de paiement */
	#etape_commande
	{
		border:1px solid #6D7B8D;
		background-color:#D5DFEE;
		text-align:center;
		position:relative;
		width:90%;
		padding:3px 0px;
		margin-left:5%;
	}

	ul#panier
	{
		position:relative;
		width:95%;
		margin-left:2.5%;
	}

	ul#panier li
	{
		border:1px solid #6D7B8D;
		background-color:#D5DFEE;
		margin:5px 0px;
		padding:3px;
	}

	ul#panier li p
	{
		height:100%;
	}

	ul#panier li h5
	{
		font-size:10pt;
		height:100%;
	}

	ul#panier li img
	{
		float:left;
		margin:3px;
	}
	ul#panier li .left
	{
		text-align:right;
	}

	.page_panier #left .button
	{
		margin-left:18px;
	}

	.page_panier #right
	{
		position:relative;
		top:-25px;
		left:552px;
		margin-bottom:-25px;
	}

/* Elements de la collone de droite */
#col_droite
{
	vertical-align:top;
}

	/* Page d'accueil => elements */
	#col_droite .element
	{
		border:1px solid #6D7B8D;
		background-color:#D5DFEE;
		margin:5px;
		padding:6px;
	}

	#col_droite .element a img
	{
		border:1px solid black;
	}

		#col_droite .element a:hover img
		{
			border:1px solid #AB3E43;
		}

	/* Liste de catégories */
	#col_droite .liste_cat
	{
		background-color:none;
		border:0px;
	}

	#col_droite .liste_cat .titre_bloc
	{
		border:1px solid #616E80;
	}

	#col_droite .liste_cat ul
	{
		margin-top:-5px;
	}

	#col_droite .liste_cat li
	{
		background-color:#ABB0B6;
		border:1px solid #6D7B8D;
		padding:7px 0px;
		margin-bottom:4px;
	}

	#col_droite .liste_cat li .button
	{
		width:155px;
	}

/* ### BAS DE PAGE ### */
#footer
{
	height:30px;
	width:100%;
}

	#footer p
	{	
		text-align:center;
		font-size:8pt;
	}

	#footer img
	{
		text-align:right;
		vertical-align:middle;
	}

#admin
{
	position:absolute;
	top:0px;
	width:750px;
	background-color:white;
	left:50%;
	margin-left:-375px;
	padding:2px;
}

#admin h1
{
	text-align:center;
}


#admin table
{
	width:100%;
	text-align:center;
}

#admin table td
{
	border:1px solid black;
}


/* Gestion du tableau a 3 collone pour les photos/vidéos */

#tablo_3
{
	width:100%;
	empty-cells:hide;
}

.element_tablo_3
{
	vertical-align:top;
	width:33%;
	background-color:#D5DFEE;
	border:1px solid #6D7B8D;
	text-align:center;
	padding:5px;
}

.element_tablo_3 img
{
	border:1px solid #D5DFEE;
}

	.element_tablo_3 a:hover img
	{
		border:1px solid #AB3E43;
	}

.element_tablo_3 h5, .element_tablo_3 p
{
	font-size:8pt;
	text-align:justify;
}

/* Page des liens */

.page_liens #tablo_3
{
	width:100%;
	empty-cells:hide;
}

.page_liens h3
{
	text-align:center;
	font-size:13pt;
	font-weight:bold;
}

.page_liens .element_tablo_3
{
	vertical-align:middle;
}

.page_liens .element_tablo_3 img
{
	border:1px solid black;
	padding:3px;
	background-color:white;
}

	.element_tablo_3 a:hover img
	{
		border:1px solid #AB3E43;
	}

.page_liens .element_tablo_3 h4
{
	text-align:center;
}


/* Gestion du wrapper pop_up */
#body_popup
{
	background-color:white;
}

/* Gestion POP UP PHOTO */

.popup_photo
{
	position:relative;
	left:2.5%;
	width:95%;
	margin:15px 0px;
	background-color:#D5DFEE;
	border:1px solid #6D7B8D;
	text-align:center;
}

.popup_photo .titre_bloc
{
	text-align:left;
}

.popup_photo img
{
	margin:15px;
}

.popup_photo p
{
	text-align:justify;
	margin:15px;
}


/* Gestion POP UP VIDEO */

.popup_video
{
	position:relative;
	left:2.5%;
	width:95%;
	margin:15px 0px;
	background-color:#D5DFEE;
	border:1px solid #6D7B8D;
	text-align:center;
}

	#player
	{
		width:345px;
		height:313px;
		border:1px solid black;
		margin:4px;
		text-align:center;
		background-color:white;
	}


.popup_video .titre_bloc
{
	text-align:left;
}

.popup_video p
{
	text-align:justify;
	margin:15px;
}

/* Gestion du formulaire d'insertion information utilisateur */
input, textarea
{
	border:black 1px solid;
}

#form_user
{
	position:relative;
	margin-top:15px;
	width:80%;
	left:10%;

		border:1px solid #6D7B8D;
		background-color:#D5DFEE;
		position:relative;
		padding-left:10px;
}

#form_user input
{
	margin: 5px 0px;
	vertical-align:middle;
}

#form_user a:hover
{
	text-decoration:underline;
}

#form_user div#diff
{
	position:relative;
	width:90%;
	left:2.5%;
	padding:5px;

		border:1px solid #6D7B8D;
		background-color:#ABB0B6;
		position:relative;
		padding-left:10px;
}

.champ_errone
{
	background-color:red;
}

div#choix_paiement 
{
	position:relative;
	width:90%;
	left:5%;
	text-align:center;
	padding-bottom:5px;
}

div#choix_paiement span
{
	margin-top:3px;
	display:block;
}

div#choix_paiement a
{
	float:left;
	width:49%;
}

.page_valid_panier p.infos
{
	position:relative;
	width:90%;
	left:5%;
	border:1px solid #6D7B8D;
	background-color:#D5DFEE;
	padding:5px;
}

.center
{
	text-align:center;
}

.page_valid_panier #panier
{
	position:relative;
	width:90%;
	left:5%;
	padding:5px;
	margin-left:0px;
}

.page_valid_panier h4
{
	text-align:center;
	padding:10px;
	font-size:10pt;
}

.valid_cb #msg_anu, .valid_cb p
{
	position:relative;
	width:90%;
	left:5%;
	border:1px solid #6D7B8D;
	background-color:#D5DFEE;
	padding:5px;
}

.valid_cb #msg_anu img
{
	float:right;
	margin:5px;
}

.valid_ck p
{
	position:relative;
	width:90%;
	left:5%;
	border:1px solid #6D7B8D;
	background-color:#D5DFEE;
	padding:5px;
}

.valid_ck h4
{
	text-align:center;
	padding:10px;
	font-size:10pt;
}

.valid_ck table
{
	position:relative;
	width:90%;
	left:5%;
	border:1px solid #6D7B8D;
	background-color:#D5DFEE;
	padding:5px;
}

.valid_ck table td
{
	border:1px black solid;
}

#bon_de_commande h1
{
	text-align:center;
	padding:10px;
	font-size:14pt;
	font-weight:bold;
}

#bon_de_commande p
{
	position:relative;
	width:90%;
	left:5%;
	border:1px solid black;
	padding:5px;
}

#bon_de_commande h4
{
	text-align:center;
	padding:10px;
	font-size:10pt;
}

#bon_de_commande table
{
	position:relative;
	width:90%;
	left:5%;
	padding:5px;
}

#bon_de_commande table td
{
	border:1px black solid;
}

.page_videos .element_tablo_3
{
	padding:3px;
	
}

.paypal_form
{
	position:relative;
	bottom:0px;
}