@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	background:#fff;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#1f4472;
	font-size:12px;
}
@font-face {
	 font-family: "CooperBlackStd";
	 src: url("/css/font/CooperBlackStd.otf");
}
@font-face {
	 font-family: "Eurostib";
	 src: url("/css/font/Eurostib.TTF");
}
/****************************GENERAL******************************/
a img{ border:none; }
a{color:#1f4472; text-decoration:none;}
.fl_left{ float:left; }
.fl_right{ float:right; }
.clear{ clear:both; }
.link{ cursor:pointer;}
.red{ color:#c30c28; }
input, select, textarea{ font-family:Arial, Helvetica, sans-serif;	color:#1f4472;	font-size:12px; }
form{ padding:0; margin:0; }
/********************STRUCTURE GLOBALE******************************/
#content{ 
	width:966px;
	padding:0 4px 0 4px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/images/commun/header_bg.png);
	behavior:url(/css/iepngfix.htc);
}

/*----HEADER--*/
#header { padding-top:20px; height:72px; }
#header .logo{
	width:205px;
	padding-left:20px;
}
#header .logo_affil{
	width:540px;
	padding-left:15px;
	text-align:left;
	font-size:10px;
}
#header .langues a{
	font-size:10px;
	color:#80919a;
	text-decoration:none;
	margin-left:15px;
}
#header .langues a:hover, #header .langues a.select{
	color:#0d2f58;
}
#header .mini_panier{
	width:170px;
	padding:45px 5px 0 5px;
	font-size:10px;
}
#header .mini_panier a{ text-decoration:none;color:#80919a;}

#header .mini_panier strong{
	color:#0d2f58;
	font-size:11px;
}

/*----MENU TOP--*/
#menu{
	background-image:url(/images/commun/menu_bg.gif);
	background-repeat:repeat-x;
	height:32px;
}
#menu a {
	font-weight:bold;
	color:#fff;
	font-size:13px;
	text-decoration:none;
}
/*premier niveau*/
#menu ul {padding: 0; width: 100%; margin:0px; }
#menu li { float:left; _width:105px;}
/*#menu li:hover {background: #EDD; }*/
#menu li a{ 	
	background-repeat:no-repeat;
	background-position:left center;
	height:24px;
	padding: 7px 20px 0px 25px; 
	margin-left:20px;
	display:block;
}
#menu li a.bleu{ background-image:url(/images/commun/picto_accueil.png);}
#menu li a.bleu:hover, #menu li.sousmenu ul.niveau2 li a.bleu:hover{ color:#8a9bc6; }
#menu li a.vert{ background-image:url(/images/commun/picto_entreprises.png);}
#menu li a.vert:hover, #menu li.sousmenu ul.niveau2 li a.vert:hover{ color:#75b22a; }
#menu li a.rose{ background-image:url(/images/commun/picto_familles.png);}
#menu li a.rose:hover, #menu li.sousmenu ul.niveau2 li a.rose:hover{ color:#eb7296; }
#menu li a.violet{ background-image:url(/images/commun/picto_education.png);}
#menu li a.violet:hover, #menu li.sousmenu ul.niveau2 li a.violet:hover{ color:#bb9cde; }
/* deuxieme niveau*/ 
#menu li.sousmenu ul.niveau2 li { 
	background-image:url(/images/commun/sousmenu_bg.gif); 
	background-repeat:repeat-x; 
	width:140px;
}
#menu li.sousmenu ul.niveau2 li a{ 
	padding: 7px 5px 0px 5px; 
	margin-left:0;
	background-image:none;
}
#menu ul li {position:relative; list-style: none;}
#menu ul ul {position:absolute; top:31px; left:0; display:none; }
#menu ul.niveau1 li.sousmenu:hover ul.niveau2{display:block;}

/*------FOOTER------*/
#footer{
	background-image:url(/images/commun/footer.jpg);
	background-repeat:repeat-x;
	height:52px;
	color:#ffffff;
	font-size:11px;
	padding:15px 20px 0 20px;
}
#footer a{
	color:#ffffff;
	font-size:11px;
	margin:0 30px 0 30px;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}



/*-----------------------------CENTER-----------------------*/
#page{
	background-image:url(/images/commun/centre_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:30px;
	width:780px;
	min-height:480px;
	_height:auto;
}

/*-------------------------MENU DROIT------------*/
#menu_droite{
	width:186px;
	background-image:url(/images/commun/menu_right.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#f9fbfc;
	padding-bottom:10px;
}
#menu_droite .anim{ 
	width:150px; 
	height:100px;
	padding:10px 0 10px 0; 
	text-align:center;  
	margin:15px auto 15px auto;
	background:#c7e9fa url(../images/commun/reseau.gif) repeat-x top;
	color:#1c416e; 
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:underline;
}
#menu_droite .anim .reseau{ 
	width:140px;
	margin:5px auto 5px auto;
	text-align:center;
/*	background:url(../images/commun/flech_reseau.gif) no-repeat right center;
	cursor:pointer;*/
}
#menu_droite .tetiere {
	width:185px;
	height:24px;
	background:transparent url(/images/commun/menu_droit_tet.png) no-repeat;
	behavior:url(/css/iepngfix.htc);
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:24px;
}
#menu_droite .tetiere_secur {
	background: transparent url(/images/commun/menu_droit_tet_secur.png) no-repeat;
	width:185px;
	position:relative;
	height:50px;
	
}
#menu_droite .tetiere_secur .secur {
	color:#fff;
	padding:18px 3px 0 0;
	font-style:italic;
	text-align:right;
	font-size:10px;
	text-transform:uppercase;
}
#menu_droite .tetiere_secur .tetiere {
	position:absolute;
	top:27px;
	left:0;

}

#menu_droite .content{
	width:173px; 
	margin:10px auto 0 auto;
	_margin:10px 6px 0 6px;
	color:#9f9297;
	font-size:10px;
}
#menu_droite .content a{
	color:#9f9297;
	font-size:10px;
}
#menu_droite .content .paiement_top{
	background:transparent url(/images/commun/mode_paiement_top.png) no-repeat top;
	padding:6px;
}
#menu_droite .content .paiement_bottom{
	background:transparent url(/images/commun/mode_paiement_bottom.png) no-repeat bottom;
	padding:6px;
}
#menu_droite .content .separ{
	background-image:url(/images/paiement/separ.gif);
	height:3px;
	width:160px;
	padding:0;
	margin:5px auto 5px auto;
}

/*------------------LES AVANTAGES--------------*/
#menu_droite .avantages { width:165px; text-align:left; font-size:10px;  }

#menu_droite #av_paiement{ padding:5px 0 5px 0; }
#menu_droite #av_livraison{ padding:5px 0 5px 0; }
#menu_droite #av_dvd{  padding:5px 0 5px 0; }
#menu_droite #av_extension{ padding:5px 0 5px 0; }
#menu_droite .contenu a { text-decoration:none; font-size:10px; color:#9f9297; }

#menu_droite #av_paiement .picto{	float: left; width: 30px; height:22px; background-image:url(/images/paiement/cadenas.gif); background-repeat:no-repeat; }
#menu_droite #av_paiement .contenu{ float: left; width:130px; padding:5px 0 0 3px; }

#menu_droite #av_livraison .picto{	float: left; width: 30px; height:22px;  background-image:url(/images/paiement/garantie_livraison.gif); background-repeat:no-repeat; }
#menu_droite #av_livraison .contenu{ float: left; width:130px; padding:4px 0 0 3px; }

#menu_droite #av_dvd .picto{	float: left; width: 30px; height:22px; background-image:url(/images/paiement/dvd_sauvegarde.gif); background-repeat:no-repeat; }
#menu_droite #av_dvd .contenu{ float: left; width:130px; padding:4px 0 0 3px; }

#menu_droite #av_extension .picto{	float: left; width: 30px; height:22px; margin-top:5px;  background-image:url(/images/paiement/extension_telechargement.gif); background-repeat:no-repeat; }
#menu_droite #av_extension .contenu{ float: left; width:130px; padding:3px 0 0 3px; }



/*--------------------------------------BOUTON-------------------------*/

.block_achat a.tele{
	color:#0d2f58;
	font-size:12px;
	font-weight:bold;
	display:block;
	background-position:right center;
	background-repeat:no-repeat;
	padding:8px 40px 0 0;
	text-align:right;
	height:23px;
}
.block_achat a.info{
	color:#214775;
	font-size:12px;
	font-weight:bold;
	display:block;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
	padding:8px 0 0 40px;
	text-align:left;
	height:23px;
}
.block_achat a.bt{
	color:#fff;
	font-size:31px;
	font-weight:bold;
	display:block;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
	text-align:center;
	height:34px;
	width:140px;
	line-height:34px;
	cursor:pointer;
}



/*------------------------------PROCESS ACHAT---------------------------*/
#process { margin:0 30px 0 30px; color:#0a2c55; }
#process h1.title_gd{
	font-family: "Eurostib";
	/*color:#0a2c55;*/
	font-size:18px;
}


#bloc_step{
    height:30px;
	margin-top:10px;
}
.order_step{
	float:left;
	padding-left:30px;
	padding-top:5px;
	margin-left:10px;
	font-size:11px;
	height:20px;
}

.step_title{
	float:left;
	padding-left:10px;
	padding-top:5px;
	margin-left:5px;
	font-weight:bold;
	color:#ef8715;
}



.step_on{
	font-weight:bold;
}

.step1{
	background-image: url(/images/commun/1_out.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.step2{
	background-image: url(/images/commun/2_out.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.step3{
	background-image: url(/images/commun/3_out.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.step4{
	background-image: url(/images/commun/4_out.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.step1ON {
	background-image: url(/images/commun/1_in.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.step2ON {
	background-image: url(/images/commun/2_in.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.step3ON {
	background-image: url(/images/commun/3_in.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.step4ON {
	background-image: url(/images/commun/4_in.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#orderQte { padding-left:5px;}

.order_navigation { padding:10px; }
.order_navigation a.link_back{
	display:block;
	width:150px;
	height:10px;
	line-height:10px;
	padding-left:15px;
	text-decoration:underline;
	background:url(/images/commun/flch_back.gif) no-repeat left;
	float:left;
}
#process .obligatoire{ color:#fff; font-weight:bold; }
/*-------------------GESTION DES ERREURES----------------*/

.client_error{
	/*min-width:100px;*/
	width:auto;
	height:26px;
	padding-right:20px;
	padding-top:14px;
	background-image: url(/images/commun/login_error_bg.gif);
	background-repeat: repeat-x;
	background-position: right center;
	font-weight:bold;
color:#F00;}

.Bulle_top_error{
	visibility:hidden;
	width:auto!important;
	/width:150px;
	position:absolute;
	height:40px;
	padding-left:20px;
	margin-top:-40px;
	margin-left:-20px;
	background-image: url(../images/commun/login_error_flc_bottom.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


.Bulle_bottom_error{
	position:absolute;
	visibility:hidden;
	width:auto!important;
	/width:150px;
	height:40px;
	padding-left:20px;
	margin-top:10px;
	margin-left:-20px;
	background-image: url(../images/commun/login_error_flc_top.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/*----------------------------------POPUP APPEL CALQUE-----*/

#bulleAideCgv h1{
	background-image:url(../images/panier/tet_top.jpg);
	background-position:top;
	height:25px;
	color:#f6a914;
	margin:0;
	padding:5px 0 0 15px;
	font-size:16px;
	border-bottom:solid 2px #f6a914;
	display:block;
}
.infosbulleContent{ padding:10px;}
.infosbulle{
	border:solid 1px #0b2d55;
	font-size:11px;
	width:640px;
	background-color:#e0e2e5;
}
.infosbulle .mouseDrag{ text-align:right; padding-bottom:10px; }
.infosbulle .mouseDrag a {
	width:30px;
	display:block;
	height:13px;
	line-height:13px;
	padding-left:20px;
	background-image:url(/images/img_order/caddie_delete.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:right;
}
.infosbulle  .poursuivre{ margin-left:20px; }

.poursuivre{ 
	display:block;
	width:169px;
	height:32px;
	background:url(/images/commun/bouton.png) no-repeat top left;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/commun/bouton.png', sizingMethod='image');
	text-align:center;
	color:#fff; font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}
.poursuivre a{ line-height:32px;color:#fff;}

#process {color:#0a2c55;}
#process .poursuivre{ 
	display:block;
	width:169px;
	height:32px;
	background:url(/images/commun/bouton.png) no-repeat top left;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/commun/bouton.png', sizingMethod='image');
	text-align:center;
	color:#fff; font-weight:bold;
	text-decoration:underline;
}
#process .poursuivre a{ line-height:32px;color:#fff;}

/*-------------------PAGES ANNEXES-----------------*/
#contenu{ padding:0 20px 20px 20px;}
#contenu .boxcontenu{ 
	background:transparent url(../images/commun/fond_bleu.png) repeat-x top; 
	_background:transparent url(../images/commun/fond_bleu.gif) repeat-x top; 
	color:#fff;
	padding:20px;
	margin-bottom:20px;
}
#contenu h1.boxtitre{
	background:url(../images/commun/boxtitre.gif) repeat-x;
	padding:10px 0 0 30px;
	height:31px;
	font-size:16px;
	font-weight:bold;
	color:#f6a914;
	margin:0;
}
#contenu.partenaires{ background:url(../images/commun/espace_affilie.gif) no-repeat center 350px; min-height:450px; _height:450px;}
#contenu.partenaires h1.boxtitre{ text-align:center; border-bottom:solid 2px #f6a914; padding-left:0; }
#contenu.partenaires .boxcontenu{ text-align:center; padding:15px; }
#contenu.partenaires .boxcontenu strong{ color:#f6a914; }
#contenu.partenaires .boxcontenu .visu_affil{
	background:url(../images/commun/espace_affilie_visu.png) no-repeat;
	_background:url(../images/commun/espace_affilie_visu.gif) no-repeat;
	width:85px; 
	height:85px;
	margin:0px auto 0 auto;
}
#contenu.partenaires .boxcontenu .visu_rvd{
	background:url(../images/commun/espace_revendeur_visu.png) no-repeat;
	_background:url(../images/commun/espace_revendeur_visu.gif) no-repeat;
	width:85px; 
	height:85px;
	margin:25px auto 0 auto;
}
#contenu.partenaires .poursuivre{ margin:15px auto 10px auto;}
#contenu.partenaires .poursuivre_plus{ 
	display:block;
	width:169px;
	height:42px;
	background:url(/images/commun/bouton_plus.png) no-repeat top left;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/commun/bouton_plus.png', sizingMethod='image');
	text-align:center;
	color:#fff; font-weight:bold;
	text-decoration:underline;
	/*cursor:pointer;*/
	margin:15px auto 0 auto;
}
#contenu.partenaires .poursuivre_plus a{ line-height:21px;color:#fff;}
#contenu.partenaires .poursuivre_plus a span{ line-height:21px;color:#f6a914; text-decoration:underline;}


#contenu.partenaire_affil{ padding:0 20px 20px 30px; color:#0c2d56;}
#contenu.partenaire_affil h1{ color:#fff;}
#contenu.partenaire_affil strong{ color:#0c2d56; }
#contenu.partenaire_affil .blanc{
	background:url(../images/commun/eptimum_performance.jpg) no-repeat 500px center;
}
#contenu.partenaire_affil .blanc span{ color:#fff; font-weight:bold; }
#contenu.partenaire_affil .orange span{ color:#ee7f15; font-weight:bold; }
#contenu.partenaire_affil .poursuivre{ margin:15px auto 0 auto;}

#contenu.aide strong.orange{ color:#0c2d56; font-size:14px; display:block; padding-top:20px;}

#contenu.contact strong.title_H1, #contenu.contact strong.title_gd{
	display:block;
	background:url(../images/commun/boxtitre.gif) repeat-x bottom;
	padding:5px 0 0 10px;
	height:21px;
	font-size:12px;
	font-weight:bold;
	color:#f6a914;
	margin:0;
	border-bottom:solid 2px #f6a914;
	text-align:left;
}
#contenu.contact .boxcontenu{ text-align:left;}
#contenu.contact .boxcontenu a{ color:#fff; text-decoration:underline;}
#contenu.contact .sav_Phone h1{ font-size:16px; }
#contenu .boxcontenu h1{ color:#fff;}