/*
Auteur : 	Pierre Wagon
Site : 		Corporate
Copyright: 	Innelec Multimedia
Date : 		08/04/2010
Version : 	1.0
*/

/* -------------------------------------- */
/* ----------- IMAGES DE FOND ----------- */
/* -------------------------------------- */

/*
BC = background central
BD = background droite
BG = background gauche

CD = Colonne droite
CC = Colonne centrâle
CG = Colonne gauche
*/

.img_cc_logo{
	background-image:	url(../images/site_corpo_c01.png);
	background-repeat: 	no-repeat;
	width:				473px;
	height:				237px;
}

.img_cd_connexion{
	background-image:	url(../images/site_corpo_cg01.png);
	background-repeat: 	no-repeat;
	width:				247px;
	height:				162px;
}

.img_cg_angle_sous_menu{
	background-image:	url(../images/site_corpo_cd03.png);
	background-repeat: 	no-repeat;
	width:				247px;
	height:				55px;
}

.img_cd_drapeau_recherche{
	background-image:	url(../images/site_corpo_cg02.png);
	background-repeat: 	no-repeat;
	width:				247px;
	height:				75px;
}
.img_cd_bloc_actu{
	background-image:	url(../images/site_corpo_cg03.png);
	background-repeat: 	no-repeat;
	width:				247px;
	height:				424px;
}

.img_cg_footer{
	background-image:	url(../images/site_corpo_footer01.png);
	background-repeat: 	no-repeat;
	width:				720px;
	height:				197px;
}

.img_cd_footer{
	background-image:	url(../images/site_corpo_footer02.png);
	background-repeat: 	no-repeat;
	width:				247px;
	height:				197px;
}

.cellbackleft {
	background: 		url(../images/site_corpo_ligne_cd.png) repeat-y;
}
.cellbackcenter {
	background: 		url(../images/site_corpo_ligne_c.png) repeat-y;
}
.cellbackcenter_onglet {
	background: 		url(../images/background_banniere.jpg) repeat-y;
}
/* Pour le double fond */
.cellbackcenter_onglet2 {
	background-image: 	url(../images/background_banniere.jpg);
	background-repeat: 	no-repeat;
}
.cellbackright {
	background: 		url(../images/site_corpo_ligne_cg.png) repeat-y;
}
.celldroite_banniere_flash{
	background-image: 		url(/corporate/images/site_corporate_08.png); 
	background-position:	right center;
	background-repeat:		no-repeat;
}
.cellgauche_menu_flash{
	background-image: 		url(/corporate/images/site_corpo_cd02.png); 
	background-position:	left top;
	background-repeat:		no-repeat;
}


/* -------------------------------------- */
/* ------- MISE EN FORME - COMMUN ------- */
/* -------------------------------------- */

.txt{
	font-family: 	arial;
	font-size:		13;
}
.txt_base{
	font-family: 	arial;
}
.gras{
	font-weight:	bold;
}
.italic{
	font-style:		italic;
}
.txt_24{
	font-size:		24;
}
.txt_18{
	font-size:		18;
}
.txt_16{
	font-size:		16;
}
.txt_15{
	font-size:		15;
}
.txt_14{
	font-size:		14;
}
.txt_12{
	font-size:		12;
}
.txt_11{
	font-size:		11;
}
.txt_10{
	font-size:		10;
}
.txt_9{
	font-size:		9;
}
.txt_haut{
	vertical-align:	top; 		
}
.txt_basH{
	vertical-align:	bottom; 		
}
.txt_milieuH{
	vertical-align:	middle; 		
}
.txt_centrerH{
	text-align: 	center;
}
.txt_jutifie{
	text-align: 	justify;
}
.txt_gauche{
	text-align: 	left;
}
.txt_droit{
	text-align: 	right;
}
.txt_surligne_no{
	text-decoration:	none;
}
.txt_souligne{
	text-decoration:	underline;
}
.txt_majuscule{
	text-transform:		uppercase;
}

.txt_alert_flash{
	font-family: 	arial;
	font-size:		16;
	text-align: 	left;
	margin-left:	15px;
}
.txt_alert_flash_fournisseur{
	font-family: 	arial;
	font-size:		10;
	text-align: 	left;
}



/* -------------------------------------- */
/* -------- MISE EN FORME - BLOC -------- */
/* -------------------------------------- */

.bloc_droit{
	float:right;
}

/* ----------------------------------------- */
/* -------- MISE EN FORME - BORDURE -------- */
/* ----------------------------------------- */

.bordure01{
	border: 	1px solid #000000;
}
.bordure02{
	border: 	2px solid #89AF20;
}
.bordure03{
	border-left: 1px solid #4F4F4F;
}
.no_border{
	border:		none;
}
.bordure_colle{
	border-collapse:	collapse;
}

/* ----------------------------------------- */
/* -------- MISE EN FORME - COULEUR -------- */
/* ----------------------------------------- */

.noir{
	color: 	#000000;
}
.blanc{
	color: 	#FFFFFF;
}
.gris_01{
	color:	#4F4F4F;
}
.bleu_01{
	color:	#21549E;
}
.or{
	color:	#F7D095;
}
.vert_01{
	color:	#89AF20;
}
.rouge{
	color: #FF0000;
}
.bleu_02{
	background-color:	#E3E7EC;
}


/* ------------------------------------------ */
/* -------- MISE EN FORME - LETTRINE -------- */
/* ------------------------------------------ */
 
.lettrine{
	font-weight:	bold;
	font-size:		54;
}

/* ------------------------------------------------------------- */
/* -------- MISE EN FORME - POSITIONNEMENT & ESPACEMENT -------- */
/* ------------------------------------------------------------- */

.espace_haut01{
	margin-top:			5px; 
}
.espace_haut02{
	margin-top:			10px; 
}
.espace_haut03{
	margin-top:			-20px; 
}
.espace_haut04{
	margin-top:			15px; 
}
.espace_bas01{
	margin-bottom:		15px; 
}
.espace_droit01{
	margin-right:		10px; 
}
.espace_droit02{
	margin-right:		5px; 
}
.espace05{
	padding-right:		40px;
}
.marge_gauche01{
	padding-left:		40px;
}
.marge_gauche02{
	margin-left:		15px;
}
.marge_gauche03{
	margin-left:		40px;
}
.marge_gauche04{
	margin-left:		10px;
}
.marge_gauche05{
	margin-left:		5px;
}
.marge_gauche06{
	margin-left:		10px;
}
.marge_gauche07{
	margin-left:		20px;
}
.marge_gauche08{
	margin-left:		15px;
}
.marge_haute01{
	margin-top:			20px;
}
.marge_haute02{
	margin-top:			10px;
}
.marge_haute03{
	margin-top:			5px;
}
.marge_haute04{
	padding-top:		3px;
}
.marge_haute05{
	padding-top:		25px;
}
.marge_bas01{
	margin-bottom:		10px;
}
.marge_bas02{
	margin-bottom:		5px;
}
.marge_gauche_ext_01{
	padding-left:		10px;
}
.marge_gauche_ext_02{
	padding-left:		30px;
}
.largeur_100p{
	width: 				100%;
}

/* --------------------------------------- */
/* -------- MISE EN FORME - LIENS -------- */
/* --------------------------------------- */

a.lien01{
	color: 				#FFFFFF;
	text-decoration: 	none;
}
a.lien01:hover{
	color:				#F7D095;
	text-decoration: 	underline;
}
a.lien02{
	color: 				#21549E;
	text-decoration: 	none;
}
a.lien02:hover{
	color: 				#21549E;
	text-decoration: 	underline;
}
a.lien03{
	color: 				#000000;
	text-decoration: 	none;
}
a.lien03:hover{
	color: 				#000000;
	text-decoration: 	underline;
}
a.lien04{
	color: 				#21549E;
	text-decoration: 	none;
}
a.lien04:hover{
	color: 				#21549E;
	text-decoration: 	none;
}
a.lien05{
	color: 				#21549E;
	text-decoration: 	none;
}
a.lien05:hover{
	color: 				#21549E;
	text-decoration: 	underline;
}
a.lien06{
	color: 				#4F4F4F;
	text-decoration: 	none;
}
a.lien06:hover{
	color: 				#4F4F4F;
	text-decoration: 	underline;
}
a.lien07{
	color:				#4F4F4F;
	text-decoration: 	none;
	border:				none;
}
a.lien07:hover{
	color: 				#4F4F4F;
	text-decoration: 	none;
	border:				none;
}
/* --------------------------------------- */
/* -------- MISE EN FORME - LIGNE -------- */
/* --------------------------------------- */

.hr01{
	color: 				#F7D095;
	background-color: 	#F7D095;
	height: 			1px;
	border: 			0;
	width: 				100%;
	text-align: 		left;		/*for IE*/
	margin: 			0 auto 0 0; /*for Mozilla*/
}
.hr02{
	color: 				#21549E;
	background-color: 	#21549E;
	height: 			1px;
	border: 			0;
	width: 				80%;
	text-align: 		center;		/*for IE*/
	margin-top:			5px;	
	margin-bottom:		5px;
}
.hr03{
	color: 				#21549E;
	background-color: 	#21549E;
	height: 			1px;
	border: 			0;
	width: 				186px;
	text-align: 		left;		/*for IE*/
	margin-left:		15px;
}
.hr04{
	color: 				#4F4F4F;
	background-color: 	#4F4F4F;
	height: 			1px;
	border: 			0;
	width: 				100%;
	/*text-align: 		left;		/*for IE*/
	/*margin: 			0 auto 0 0; /*for Mozilla*/
}

/* ---------------------------------------- */
/* -------- MISE EN FORME - DIVERS -------- */
/* ---------------------------------------- */

.espace_cliquable01{
	cursor: 	hand;
	width:		473px;
	height:		217px;
}

.interlign01{
	line-height:	150%;
}