/*Charte graphique firelec*/


body
{
	margin: auto;
	font-size: 12px;
	font-family: Tahoma, "sans-serif";
	background-color: #B2B2B2;
	background-image: url("../img/bg.png");
	background-repeat: repeat-x;
	background-attachment: fixed;
}

h3
{
	font-size: 25px;
}

hr
{	
	margin: 0;
	padding: 0;
}

h4
{	
	
	margin: 0;
	padding: 5px;
	font-size: 15px;
}

img
{
	border: 0px;
}

textarea
{
	width: 500px;
	height: 150px;
}

ul
{
	list-style-image: url("../img/puce_menu.png");
}

#total
{
	width: 800px;
	margin-top: 1%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1%;
}

#bloc_entree_site
{
	margin-top: 20%;
	margin-left:30%;
	width: 40%;
	height: 30%;
	background-color: #FFF;
}

#spacer
{
	width: 100%;
	height: 70px;
}

#bandeau_menu
{
	width: 100%;
	height: 60px;
	position: fixed;
	background-color: #FFF;
	font-size: 13px;
	border-bottom: 3px solid #E1E1E1;
}

#header
{
	/*background: url('../img/firelec_tetiere_150.png');*/
	width: 800px;
	height: 138px;
}

#drapeau
{
	float: right;
	margin: 0;
	height: 14px;
}

#option_compte
{
	width: 792px;
	background: url('../img/bg_menu_option.png');
	height: 14px;
	padding: 4px;
	font-size: 12px;
}

.lien_option
{
	color: #FFF;
	text-decoration: none;
	padding: 3px;
}

.lien_option:hover
{
	text-decoration: none;
	background-color: #007FDB;
	color: #FFF;
	padding: 3px;
}

#recherche
{
	margin-top: 65px;
	float: right;
	margin-right: 10px;
}

#connexion
{
	float: left;
	margin-top: 130px;
	margin-left: 10px;
}

#footer
{
	background: url('../img/bg_menu_option.png');
	background-repeat: none;
	width: 798px;
	height: 28px;
	font-size: 11px;
	text-align: center;
	padding-top: 5px;
	border-left: 1px solid #A1A1A1;
	border-right: 1px solid #A1A1A1;
	border-bottom: 1px solid #A1A1A1;
	color: #FFF;
}


#info
{
	height: 50px;
	margin-bottom: 10px;
	z-index: 12;
}

.bloc_affiche
{
	width : 30%;
	height : 15%;
	background-color : #FFF;
	position : absolute;
	z-index : 11;
	padding: 20px;
	top: 100px;
	left: 34%;
}

#shadow
{
	width: 100%;
	height: 30px;
	z-index:1;
	background-color: #000;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	display: none;
}

#filter
{
	width: 100%;
	height: 100%;
	z-index:3;
}

#contact
{	
	padding: 20px;
	font-size: 15px;
	color: #000000;
	text-decoration: none;
}

#contact a
{	
	color: #000000;
	text-decoration: none;
}
#contact a:hover
{	
	color: #462DFF;
	text-decoration: underline;
}


#recherche input
{
	border: 1px solid #E1E1E1;
}

#account
{
	background-color: #FFF;
	padding: 10px;
	text-align: center;
}

#presentation
{
	background-color: #FFF;
	display: none;
	width: 310px;
	height: 30px;
	position: absolute;
	z-index: 3;
}

.lien_presentation
{
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
}

.lien_presentation:hover
{
	color: red;
}

.titre_accueil_bleu
{
	color: #00179E;
}

.titre_accueil_rouge
{
	color: #CC071E;
}

#accueil_haut
{
	width: 340px; 
	float: left;
	color: #00179E;
}

#cadre_haut
{
	height: 240px; 
	/*border: 1px solid #A1A1A1;  */
	padding: 10px;
	/*background-color: #E1E1E1;*/
}

#cadre_bas
{
		height: 400px; 
		margin-top: 10px;
		
}
#accueil_bas_gauche
{
	width: 350px; 
	float: left; 
	/*border: 1px solid #A1A1A1; */
	padding: 10px;
	/*background-color: #E1E1E1;*/
	height: 380px;
}

#accueil_bas_droite
{
	width: 350px; 
	float: right; 
	/*border: 1px solid #A1A1A1;  */
	padding: 10px;
	/*background-color: #E1E1E1;*/
	height: 380px;
}

/*------------------------ LE MENU -----------------------*/
#conteneur_compatibilite
{
	background: #E1E1E1;
	color: #000000;
	border: 5px solid #A3A4A1;
}

#conteneur_compatibilite a
{
	color: #000000;
}

#conteneur_sous_menu
{
	background: #E1E1E1;
	color: #000000;
	border: 1px solid #A3A4A1;
}

#conteneur_sous_menu a
{
	color: #000000;
	text-decoration: none;
	font-size: 13px;
}

#conteneur_sous_menu a:hover
{
	color: #FFFFFF;
	background-color: #007FDB;
	text-decoration: none;
	padding: 2px;
}



.titre
{
	text-align: center;
	float:left;
	padding-top: 8px;
	width: 118px;
	height: 22px;
	margin-left: 5px;
	font-size: 11px;
	border-left: 1px dotted #919191;
}

.titre:hover
{
	background-color: #CC071E;
	color: #FFF;
}

.sous_menu
{	
	background-color: #E1E1E1;
	width: 800px;
	border: 1px solid #FFF;
	height: 30px;
}


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

.sous_menu li
{
	float: left;
	color: #FFF;
	margin-left: 20px;
}

#menu
{
	background: url('../img/bg_menu_option.png');
	width: 800px;
	height: 30px;
}


#menu a
{
	text-decoration: none;
	color: #FFF;
	padding: 5px;
}

#menu a:hover
{	
	color: #FFF;
}

#image_categorie
{
	width: 200px;
	height: 200px;
	float: right;
	margin: 10px;
	background-repeat: no-repeat;
}

/*-------------------------------------------------------- PANIER --------------------------------------------------------------------*/

#panier
{
	background-color: #FFF;
	border: 1px solid #A1A1A1;
	width: 600px;
	max-height: 500px;
	overflow: auto;
	display: none;
	position: absolute;
	z-index: 2;
}

#contenu_panier
{
	padding: 20px;
}

#contenu_panier .conf
{
	cursor: pointer;
}

#contenu_panier .current
{
	background-color: #7AB8FF;
}

#contenu_panier .card
{
	background-color: #72A6B3;
	border-bottom: 1px solid black;
}

#contenu_panier .impair
{
	background-color: #FFF;
}

#contenu_panier .pair
{
	background-color: #EEE;
}

#contenu_panier table
{
	border-collapse: collapse;
	border: 1px solid #A1A1A1;
	margin: 5px;
}

#contenu_panier th
{
	background-color: #C0C0C0;
	width: 150px;
	text-align: center;
	padding: 5px;
	border-top: 1px solid #A1A1A1;
	border-bottom: 2px solid #A1A1A1;
}


#contenu_panier td
{
	background-color: #E1E1E1;
	width: 150px;
	text-align: center;
	padding: 2px;
	height: 15px;
	border-top: 1px solid #A1A1A1;
	border-bottom: 1px solid #A1A1A1;
}

#contenu_panier .opt
{
	border: 1px solid #A1A1A1;
	padding: 1px;
	background-color: #FFF;
}

#contenu_panier .total
{
	border: 1px solid #A1A1A1;
	padding: 1px;
	text-align: right;
}

#contenu_panier .price
{
	border: 1px solid #A1A1A1;
	padding: 1px;
	background-color: #358CFF;
}

#ferme_panier
{
	float: right;
	cursor: pointer;
	position: relative;
}

/*-------------------------------------------------------CORPS DE LA PAGE-----------------------------------------------*/



.migration
{
	padding: 10px;
}

.tableComp
{
	width: 750px;
}

.tableComp td
{
	/*border: 1px solid black;*/
}

.carte_migration
{
	font-weight : bold;
	background-color: #A1A1A1;
}

.migration h1
{
	padding: 10px;
	border: 1px solid #A1A1A1;
	text-align: center;
	background-color: #E1E1E1; 
}

.migration li
{
	color: blue;
	font-size: 20px;
}

.migration li a
{
	font-size: 13px;
	color: orange;
}

.schema_migration
{
	max-width: 250px;
}


#selection
{
	height: 37px;

}


#page_accueil
{
	background: url('../img/bg_page.png');
	width: 758px;
	color: #000;
	padding: 20px;
	min-height: 400px;
	border-left: 1px solid #A1A1A1;
	border-right: 1px solid #A1A1A1;
}

#page
{
	background-color: #FFF;
	width: 778px;
	color: #000;
	padding: 10px;
	min-height: 400px;
	border-left: 1px solid #A1A1A1;
	border-right: 1px solid #A1A1A1;
}


#presentation
{
	padding: 10px;
	background-color: #E1E1E1;
	height: 100px;
}



#images
{
	width: 600px;
	height: 230px;
	margin-left: 250px;
	margin-top: 20px;
}

#page table
{
	color: #000;
}

#schema
{
	padding: 10px;
	border: 1px solid black;
}

.confirm
{
	border: 3px solid green;
	background-color: #00FF21;
	padding: 20px;
	text-align: center;
}

.error
{
	border: 3px solid brown;
	background-color: #FF5555;
	padding: 20px;
	text-align: center;
}

.list_produit
{
	padding: 5px;
}

.list_produit a
{
	text-decoration: none;
}

.list_produit a:hover
{
	color: #FF0000;
	text-decoration: underline;
}

.list_produit a
{
	color: darkblue;
	text-decoration: underline;
}

.list_produit td
{
	padding: 10px;
	empty-cells: hide;
}

.list_produit table
{
	margin: 2px;
}

.list_produit li
{
		padding: 10px;
}

#list_system li
{
	padding: 0px;
}

/*-------------------------------- Client -------------------------------*/

#infoClient
{
	float: left;
	width: 42%;
	background-color: #E1E1E1;
	padding: 2%;
	padding-left: 5%;
}

#optionClient
{
	float: right;
	width: 45%;
	background-color: #EEF1F1;
	padding: 2%;
}

.cadre_migration
{
	border: 1px solid #A1A1A1;
	padding: 10px;
	margin-top: 10px;
}

.cadre_doc
{
	border: 1px solid #A1A1A1;
	padding: 10px;
	background-color: #E1E1E1;
}

.togglerDoc
{
	background-color: #E1E1E1;
	cursor: pointer;
}

.elementDoc
{
	font-size: 11px;
	background-color: #F1F1F1;
}

#contact_gauche
{
	float: left;
	width: 400px;
}

#contact_droite
{
	float: right;
	width: 300px;
}

.compat_fourn
{
	border: 1px solid #A1A1A1;
	padding: 10px;
	margin: 5px;
	background-color: #E1E1E1;
}

/*_________________________________________________________*/

.desc_produit
{
	border: 1px solid #A1A1A1;
	background-color: #E1E1E1;
	padding: 5px;
	min-height: 300px;
}

.desc_produit td
{
	width: 350px;
}

.img_produit
{
	padding: 10px;
	float: right;
}

.system_comp
{
	background-color: #FFF; 
	padding: 5px; 
	border: 1px solid #A1A1A1;
}

/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/

.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}