/* ATTENTION BODY DU SITE */
/* body  */
#body_choixProduit{background-image:url(bg-choixProduit.jpg);}
#body_pretPerso{background-image:url(bg-pretPerso00.jpg);}
#body_pretPersoUnivers{background:url(bg-pretPerso01.jpg) no-repeat -331px 0 #f29500;}
/* taille body + middle */
#homePage {background-image:url(bg-home.jpg);}
#homeLeft{position:relative;width:754px;float:left;display:inline;margin:0;padding:0;top:0;left:0;}
#homeRight{position:relative;width:212px;float:right;display:inline;margin:0;padding:10px 0;}
#middleAvecColonne{background:url(bg-left-home.jpg) repeat-y top right;}
#body_libravou{background-image:url(bg-libravou.jpg);}
#body_flexibilis{background-image:url(bg-flexibilis.jpg);}
#body_projelia {background-image:url(bg-projelia.jpg);}
#body{background-image:url(bg-body.jpg);}
/* Recuperation DSI */
.txtArial10bleu {font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#145187;}
.txtArial11bleu {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#145187;}
/* debut livraison */
/* texte standard */
.texte00{font-size:10px;color:#292723;}
.texte01{font-size:12px;color:#d4041c;font-weight:bold;}
.texterecap{font-size:12px;color:#d4041c;font-weight:bold;}

/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

/*body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:12px/1.2em , Arial, Helvetica, Sans-serif;font-weight:normal;color:#999;}*/

/* Modification bug IE8 03/07/09 */
body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font-size:12px;font-family:Arial, Helvetica, Sans-serif;font-weight:normal;color:#999;}

img{border:0}

a{text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}

ul{margin:0 0 0 20px;}
ol{margin:0 0 0 30px;}

dd{margin:0 0 0 20px;}

select option{padding:0 3px;}

hr{display:none;}

fieldset{border:none;}
fieldset legend{display:none;}

.block_float:after, .spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;}
.float_l{float:left;}

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	body{text-align:center;background:url(bg-blank.gif) repeat-x 0 0;background-attachment:fixed;}
	
	#global{position:relative;width:1003px;text-align:left;margin:0 auto;background:#FFF;}
	
	#middle, #bottom, #footer, #middle_assurance{position:relative;width:966px;clear:both;padding:0;margin:0 18px 0 19px;}
	#middleLeft{position:relative;float:left;display:inline;}
	* html body #middleLeft{width:440px;}
	
	#middleRight {position:relative;width:505px;float:right;display:inline;padding:0;}
	/*#middleTop {padding:30px 0 10px;position:relative;width:100%;}*/
	#middleTop {top:165px;left:0;position:absolute;width:100%;}
	#middleBottom {padding:30px 0 0;position:relative;width:100%;text-align:justify;}
	
	#top {z-index:999;position:absolute;top:15px;left:19px;width:966px;clear:both;height:100px;background:#FFF;}
	/*#middle {z-index:2;padding:130px 0 10px 0;}*/
	#middle {z-index:2;padding:200px 0 10px;}
	#middle_assurance {z-index:2;padding:145px 0 10px;}
	#middle_presse {z-index:2;padding:160px 0 10px;}	
	/*Gestion des pages libres sous Noheto*/
	#middleSite {z-index:2;padding:130px 0 10px;}
	#moncofidis {margin-left: auto; margin-right: auto;}
	#footer {padding:20px 0;}
	#basPage {top:0;left:0;position:absolute;background-image:url(bg-basPage.png);background-repeat: no-repeat;height:20px;width:100%;}
	
		/* Contenu */
	#middle_contenuLeft {position:relative;float:left;display:inline;color:#4c4c4c;}
	* html body #middle_contenuLeft{width:176px;}
	#middle_contenuRight {position:relative;width:760px;float:right;display:inline;padding:0 10px 0 20px;color:#4c4c4c;}
	
		/* Espace Client */
	#espace_client {background-image:url(bg-home.jpg);}
	#espace_clientLeft{position:relative;width:754px;float:left;display:inline;margin:0;padding:10px 0 0;top:0;left:0;}
	#espace_clientRight{position:relative;width:212px;float:right;display:inline;margin:0;padding:10px 0 0;}
	#middle_espace_client{background:url(bg-left-home.jpg) repeat-y top right;z-index:2;padding:135px 0 20px;position:relative;width:966px;clear:both;margin:0 18px 0 19px;}
	#middle_espace_client_echec{background:url(bg-left-home.jpg) repeat-y top right;z-index:2;padding:135px 0 90px;position:relative;width:966px;clear:both;margin:0 18px 0 19px;}
	* html body #middle_espace_client {padding-top:0;margin-top:135px;}
	
	
	/* BLOCKS DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */
	/*.fil_ariane{font-size:10px;color:#4c4c4c;width:100%;margin:0;position:absolute;top:140px;left:0;clear:both;}*/
	.fil_ariane{font-size:10px;color:#4c4c4c;width:100%;margin:0;position:absolute;top:140px;left:0;clear:both;}
	.fil_ariane a {color:#4c4c4c;font-size:10px;text-decoration:none;}
	.fil_ariane a:hover {text-decoration:underline;}
	.fil_ariane span{font-weight:bold;font-size:11px;}
	
/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/
	/* Coins  arrondis */
	.coins{position:relative;width:100%;height:0px;line-height:0;font-size:0;}
	.coin{position:absolute;overflow:hidden;background:url(bg-blank.gif) no-repeat 0 0;}
	.coinHG, .coinHGa{top:0;left:0;}
	.coinHD{top:0;right:0;}
	.coinBG{bottom:0;left:0;}
	.coinBD{bottom:0;right:0;}
	/* Blocks  */
	.box00{position:relative;margin:0;background:url(bg-footer.jpg) repeat-x;}
	.box00_0{padding:4px;}
	.box00 .coin{width:8px;height:8px;background-image:url(bg-coins00.gif);}
	.box00 .coinHG{background-position:0 0;}
	.box00 .coinHD{background-position:-8px 0;}
	.box00 .coinBG{background-position:-19px 0;}
	.box00 .coinBD{background-position:-26px 0;}
	
	.box01{position:relative;margin:0;background:url(../images/bg-footer.jpg) repeat-x;}
        .box01_0{padding:16px 4px 16px 5px;}
        .box01 .coin{width:11px;height:11px;background-image:url(../images/bg-coins01.gif);}
        .box01 .coinHG{background-position:0 0;}
        .box01 .coinHD{background-position:-11px 0;}
        .box01 .coinBG{background-position:-23px 0;}
        .box01 .coinBD{background-position:-34px 0;}

	.box02{position:relative;margin:0;padding:0;background:#f1ecdd;}
	.box02_0{padding:10px 12px 10px;}
	.box02 .coin{width:16px;height:16px;background-image:url(bg-coins02.gif);}
	.box02 .coinHG{background-position:0 0;}
	.box02 .coinHD{background-position:-17px 0;}
	.box02 .coinBG{background-position:-33px 0;}
	.box02 .coinBD{background-position:-50px 0;}

	.box03{position:relative;margin:0;padding:0;background:#eeeadc;}
	.box03_0{padding:16px;}
	.box03 .coin{width:16px;height:16px;background-image:url(bg-coins03.gif);}
	.box03 .coinHG{background-position:0 0;}
	.box03 .coinHD{background-position:-17px 0;}
	.box03 .coinBG{background-position:-33px 0;}
	.box03 .coinBD{background-position:-50px 0;}

	/* Ajout Seb 20/04/2010 - Nouveau bloc inscription newsletter */
	.box04{position:relative;margin:0;padding:0;background:url(bg-news.gif) repeat-y 0 0;}
	.box04_0{padding:7px 0 0 42px;border:1px solid #C3C1BC;overflow:hidden;}
	.box04 .coin{width:12px;height:12px;background-image:url(bg-coins04.gif);}
	.box04 .coinHG{background-position:0 0;}
	.box04 .coinHD{background-position:-12px 0;}
	.box04 .coinBG{background-position:-25px 1px;}
	.box04 .coinBD{background-position:-37px 1px;}


	/* Formualires */
	.form{position:relative;width:100%;overflow:hidden;}
	.form_0{}
	.form .lig{position:relative;width:100%;overflow:hidden;padding:2px 0;}
	.form .lig *{float:left;display:inline;}
	.form .lig label{line-height:18px;}
	.form .lig select option{float:none;display:block;}
	.form .lig .label00{width:150px;}
	.form .lig .label01{margin:0 5px;}
	.form .lig .input_radio, .form .lig .input_checkbox{width:18px;height:18px;}
	
	/*************************************************************************************************************************************************************************/
/* espace client*/
/*************************************************************************************************************************************************************************/
/* ESPACE CLIENT TOP */ 
.espace_client_actif {height:23px;}
#esp_client_activ {width:160px;position:relative;margin:0;padding:5px 0 0 8px;top:0;left:750px;z-index:600;height:32px;background: url(images_espace_client/espace-client-activ.jpg) no-repeat top left;}
#esp_client_activ .lien00 a {color:#FFF;font-weight:bold;text-decoration:none;line-height:16px;}
#esp_client_activ .lien01 {background:url(images_espace_client/fleche01.jpg) no-repeat 0 60%;padding:0 0 0 10px;}
#esp_client_activ .lien01 a {color:#4c4c4c;text-decoration:none;font-size:10px;}


/*************************************************************************************************************************************************************************/

/* texte standard */
.texte00{font-size:10px;color:#292723;}
.texte01{font-size:10px;color:#d4041c;font-weight:bold;}

/*************************************************************************************************************************************************************************/
/* Middle LEFT*/ 
/*************************************************************************************************************************************************************************/
/* TITRE + compte ? */
.titre_top {float:left;display:inline;}
.no_compte {float:left;display:inline;padding:8px 0 0 4px;}
.no_compte a {font-size:10px;}


/* informations personnelles */
#encart1 {padding:10px 0 20px 0;color:#4c4c4c;width:100%;}
#encart_intLeft1{position:relative;float:left;display:inline;width:378px;}
#encart_intRight1{position:relative;float:left;display:inline;margin:0 14px 0 12px;width:335px;}

/**** identification + acces + nouveau client ****/
.sstitre00 {padding:0 0 8px;}
.texte02 {font-weight:bold;font-size:11px;}
.texte03 {font-weight:bold;color:#4c4c4c;font-size:13px;}
.texte04 {font-weight:bold;padding:0 0 4px 3px;}
.texte05 {padding:4px 0 0 3px;}
.texte05 a {font-size:12px;}
.texte05 a:hover {color:#D4041C;font-size:12px;}
.texte06 {padding:4px 0 0 3px;}
.texte06 a {font-size:11px;}
.texte06 a:hover  {color:#D4041C;font-size:11px;}
.blocs01 {width:146px;}
.blocs02 {width:20px;height:10px;background:url(images_espace_client/picto-val.png) no-repeat 0 0;margin:22px 0 0;}
.blocs03 {width:185px;font-size:10px;padding:14px 0 0;line-height:12px;}
.blocs01, .blocs02, .blocs03 {float:left;display:inline;}

/**** identification ****/
#identif {background:url(images_espace_client/bg_esp_clt.jpg) no-repeat 0 0;min-height:191px;position:relative;padding:10px 10px 0 16px;}
#identif .input_text {font-size:10px;color:#332806;}
#num_client {width:100%;}
#mot_passe {width:100%;padding:10px 0 0;}
#msg_erreur {width:100%;padding:14px 0 0;color:#D4041C;font-size:12px;line-height:12px;}
#validation {width:100%;padding:14px 0 0;}
#validation .securite {width:100%;padding:6px 0 0;text-align:center;font-size:10px;}
#validation .bouton_val{background:url(images_espace_client/bt_valider.jpg) no-repeat 0 0;width:186px;height:0;padding-top:20px;overflow:hidden;margin:0 0 0 80px;cursor:hand;}
/**** Acces ****/
#acces_direct {position:relative;width:350px;}
.sizeAD {width:100%;}
.blocs04 {background:#f3f0e3;}
.zone_texte00 {width:166px;float:left;display:inline;}
.zone_texte01 {width:166px;float:left;display:inline;padding:0 0 0 6px;}
.texte_NC00 {background:url(images_espace_client/fleche.jpg) no-repeat 0 60%;padding:0 0 0 9px;line-height:20px;}
.texte_NC00 a {font-size:11px;color:#4c4c4c;text-decoration:none;}
.texte_NC00 a:hover {font-size:11px;color:#D6031C;text-decoration:underline;}

/**** Nouveau client ****/
#nouveau_clt {position:relative;padding:10px 0 0;}
h2.visite {background:url(images_espace_client/visite.jpg) no-repeat 0 0;position:relative;width:335px;height:0;padding:57px 0 0 0;overflow:hidden;cursor:hand;}

/* Projet */
#encart2{padding:30px 0 20px 0;width:100%;background:url(separ-int02.jpg) no-repeat top center;}
.prix {font-size:11px;color:#766c5a;font-weight:bold;line-height:18px;}
.texteDernier {position:relative;top:150px;left:0px;}
.texteDernier a {text-decoration:none;font-size:13px;color:#d4041c;font-weight:bold;}
.separe01 {background:url(projetSepare.jpg) no-repeat 0 0;}
.separe02 {background:url(projetSepare.jpg) no-repeat top right;}
.titre00 {padding:5px 0;}
.titre00 a {text-decoration:none;font-size:12px;color:#d4041c;font-weight:bold;}
.blocProjet02 {position:relative;float:left;display:inline;padding:15px;text-align:center;color:#292723;font-size:10px;background:#FFF url(image-regrouper-credit.gif) no-repeat 17px 0;height:200px;width:152px;}

/* Pour 4 blocs */
.blocProjet01 {position:relative;float:left;display:inline;padding:15px;text-align:center;color:#292723;font-size:10px;}
			 
/* Pour 2 blocs */
.blocProjet03 {position:relative;float:left;display:inline;padding:15px 25px 15px 5px;text-align:center;color:#292723;font-size:10px;width:255px;}

/* Pour 1 blocs */
.blocProjet04 {position:relative;float:left;display:inline;padding:15px 0 0 5px;text-align:center;width:255px;}
.blocProjet05 {position:relative;float:left;display:inline;padding:25px 25px 0 5px;color:#292723;font-size:10px;width:280px;min-height:230px;}
.titre02 {padding:0 0 16px;}
.titre02 a, .titre01 a {text-decoration:none;font-size:23px;font-weight:bold;}
.titre01 a {color:#2674b4;}
.titre02 a {color:#f2b600;}
.bloc_texte {padding:0 0 10px;}


/*************************************************************************************************************************************************************************/
/* Middle RIGHT*/ 
/*************************************************************************************************************************************************************************/
/* divers */
h2.titreProduit00 {margin:20px 0 5px;background: url(titre-h8.gif) no-repeat left top;width:142px;height:0;overflow:hidden;padding : 20px 0 0 0;}
h2.titreProduit01 {margin:15px 0 0;background: url(titre-h7.gif) no-repeat left top;width:176px;height:0;overflow:hidden;padding : 20px 0 0 0;}
.fleche a{position:absolute;right:10px;bottom:5px;width:20px;height:0;overflow:hidden;padding-top:20px;background: url(fleche.gif) no-repeat left top}
.fleche a:hover, .fleche a:focus {position:absolute;right:10px;bottom:5px;background: url(fleche-on.gif) no-repeat left top}
h3 {font-size:11px;color:#d6031c;font-weight:bold;}
h4 {font-size:11px;color:#332806;font-weight:bold;line-height:14px;}
h4.titreColDroite  {font-size :11px}
.border_left {border-bottom:#e1e1e1 1px solid;padding:8px 0 0;}
.border_left01 {border-bottom:#e1e1e1 1px solid;padding:8px 0 0;margin:0 0 0 18px;}


/* Pub - offre du mois */
#onglets_pub {margin:0 0 0 18px;background:#e9e2cd;height:150px;}
#onglets_pub .onglet_content {text-align:center;background: url(bg-bottom-pub.jpg) no-repeat left bottom;}
#onglets_pub #onglet1_content , #onglets_pub #onglet2_content{padding:8px 0;}
#onglets_pub #onglet1_content{background: url(bg-offre-top-pub.jpg) no-repeat right top;}
#onglets_pub #onglet2_content{background: url(bg-tv-top-pub.jpg) no-repeat left top;}
#onglets_pub .onglets {background:#fff;list-style:none;margin:0;padding:0 0;overflow:hidden;width:100%;}
#onglets_pub .onglets li {display:inline;}
#onglets_pub .onglets li a{font-size:10px;color:#413a22;font-weight:bold;text-decoration:none;float:left;display:inline;}
#onglets_pub .onglets li a span {float:left;height:0;overflow:hidden;padding-top:23px;}
#onglets_pub .onglets li a span.offreMois {background: url(offreMois-defaut.jpg) no-repeat left top;width:92px;margin-left:10px;}
#onglets_pub .onglets li a span.vueTV {background: url(vueTV-defaut.jpg) no-repeat left top;width:60px;}
#onglets_pub .onglets li a.selected span.vueTV {background: url(vueTV-selected.jpg) no-repeat left top;width:92px;}

/* Paroles de client */
#paroles_clt {margin:0 0 0 18px; color:#4c4c4c;}
#paroles_clt .image {float:left;display:inline;padding:0 6px 5px 0;}
#paroles_clt .textePC00 {color:#808080;font-weight:bold;font-size:11px;padding:10px 0 0;}
#paroles_clt .textePC01 {font-size:10px;padding:0;}
#paroles_clt .pagination {text-align:right;}
/*#paroles_clt .prev {background: url(fleche03.jpg) no-repeat left top;width:3px;height:0;overflow:hidden;padding-top:5px;}
#paroles_clt .next {background: url(fleche02.jpg) no-repeat left top;width:3px;height:0;overflow:hidden;padding-top:5px;}*/
#paroles_clt li {display:inline;font-size:11px;font-weight:bold;margin-left:5px;}
#paroles_clt li a {font-size:10px;color:#4c4c4c;text-decoration:none;padding:0 0 2px;}



/* Cofidis conseille */
#conseilleCof {margin:0 0 0 18px;}
#conseilleCof .contenu {padding:0 3px;position:relative;height:auto;}
* html body #conseilleCof .contenu {height:30px;}
#conseilleCof h3 {padding:10px 0 5px;}
#conseilleCof p {padding:6px 0 0;}
#conseilleCof p a {line-height:15px;font-size:10px;color:#332806;text-decoration:none;}
#conseilleCof p a:hover{color:#d6031c;text-decoration:underline;}

/* rachat credit lexique */
#middleLeft2{position:relative;float:left;display:inline;margin-top:55px;width:215px;}
#middleRight2 {position:relative;width:736px;float:right;display:inline;padding:0;margin-top:22px;}