/************************ reset **************************/
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background:url(../img/bdg_main.jpg) repeat-y; background-color:#0284c2;}
h1 {color:#0075b7; font-size:24px;}
p {font-size:13px; color:#898989;}
a {color:#58585a; text-decoration:underline;}
.black{color:#000;}
.blue{color:#0075b7;}
.big{font-size:18px}
/****************** Classes Generiques *******************/
.main_lightbox ul{list-style:none;}
.clear {clear:both;}
.btnMenuTop{
	background:url(../img/btn_menu_off.gif) no-repeat top left;
	*background:url(../img/btn_menu_off.gif) no-repeat 2px left;
	height:25px;
	padding:6px 0 5px 10px;
	color:#a2a09f;
	font-size:11px;
	font-weight:bold;
	*display:inline-block;
}
.btnMenuTop span{
	background:url(../img/btn_menu_off.gif) no-repeat top right;
	*background:url(../img/btn_menu_off.gif) no-repeat 2px right;
	height:25px;
	padding:6px 10px 9px 0;
}
.btnMenuTop:hover{
	background:url(../img/btn_menu_on.gif) no-repeat top left;
	*background:url(../img/btn_menu_on.gif) no-repeat 2px left;
}
.btnMenuTop:hover span{
	background:url(../img/btn_menu_on.gif) no-repeat top right;
	*background:url(../img/btn_menu_on.gif) no-repeat 2px right;
}
.btn_on {
	background:url(../img/btn_menu_on.gif) no-repeat top left;
	*background:url(../img/btn_menu_on.gif) no-repeat 2px left;
	height:25px;
	padding:6px 0 5px 10px;
	color:#a2a09f;
	font-size:11px;
	font-weight:bold;
	*display:inline-block;	
}
.btn_on span{
	background:url(../img/btn_menu_on.gif) no-repeat top right;
	*background:url(../img/btn_menu_on.gif) no-repeat 2px right;
	height:25px;
	padding:6px 10px 9px 0;
	color:#a2a09f;
	cursor:default;
}
/****************** home ******************************/
.main { width:900px; /*position:absolute;*/;margin:10px auto;}
.main_top {
	height:90px;
	display:block;
	overflow:hidden;
}
	.logo {
		background:url(../img/logo_cvmail.gif) no-repeat; 
		width:138px; 
		height:57px; 
		margin:21px 0 0px 50px; 
		float:left;
		*margin:20px 0 10px 50px;
		_margin:20px 0 10px 25px;
	}
	.logo span{display:none}
	.main .menu {
		float:left; 
/*		margin:82px 0 -15px 15px;
		*margin: 72px 0 -15px 15px;*/
		margin:67px 0 0 20px;
		*margin:66px 0 0 20px;
		}
		.main .menu ul{margin:0;padding:0;}
		.main .menu li{
			display:inline; 
			*margin-left:0;
		}
		.main .menu li a {
			text-decoration:none; 
			margin:0;
			color:#000000;
		}
		.main .menu li a:hover {color:#a2a09f;}	
.main_content {clear:both; margin:0 30px; overflow:hidden;}
.main_content_body {
	overflow:hidden;
	background:#ffffff url(../img/bgd_body_bottom.gif) repeat-x scroll left bottom;
	_background-image:url(../img/bgd_body_bottom.gif);
	_position:fixed;
	background-color:#fff;
	_width:840px;
	}
.main_content_body_off {
	overflow:hidden;
	_position:fixed;
	background-color:#fff;
	_width:840px;
	}
	.main_content_top {
		width:840px;
		height:10px;
		background:url(../img/main_content_top.gif) no-repeat top left;
	}
	.main_content_top_off {
		width:840px;
		height:10px;
		background:url(../img/main_content_top_off.gif) no-repeat top left;
	}
	.main_content_top_tarifs {
		width:840px;
		height:10px;
		background:url(../img/main_content_top_tarifs.gif) no-repeat top left;
		font-size:5px;
	}		
	.content_left {width:157px; float:left;margin-top:-10px;}
	#login {
		height:247px;
		margin:0 0 0 20px;
		}
		#login_attente {
			height:247px;			
			margin:0 0 0 9px;
			}	
		#login_top{
			background-color:#f49e12;
			height:30px;
		}
	.error{
		background:#ff0000;
		margin:5px 0;
		border:#fade57 solid 1px;
		color:#fff;
		font-size:10px;
		font-weight:bold;
		padding:2px;
	}
	#form_login{
		background:transparent url(../img/bkgd_login.gif) no-repeat scroll 0 -40px;
		width:137px;
		height:215px; 
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold; 
		padding:0;
		margin:0;

		}
	#form_login .title_form{
		background:transparent url(../img/title_connexion.gif) no-repeat scroll 0 50%;
		border:0 none;
		color:#fff;
		height:25px;
		padding-top:10px;
		margin:4px;
		text-indent:25px;
		text-transform:uppercase;
		width:121px;

	}
	#form_login .title_form a{text-decoration:none; color:#fff; font-weight:bold;}
	#form_login fieldset{
		border:0;
		margin:8px 0 0 0;
		padding:0;
	}
	#form_login ol{
		margin:0 0 0 4px;
		padding:0;
		list-style-type:none;
	}
		#form_login li.champ, #form_login span.champ{
			line-height:20px;
			padding-left:7px;
			*padding-left:0!important;
			*margin-left:3px;
			text-indent:6px;
			*text-indent:8px;
			width:121px;
			background-color:#fac959;
			display:block;
			overflow:hidden;
		}
			#form_login li input{
				border:0 none;
				padding-left:3px;
				width:110px;
				*width:98px;
			}
		#form_login .btn_connexion{
			background:transparent url(../img/btn_connexion.gif) no-repeat scroll 0 50%;
			border:0 none;
			height:24px;
			margin:9px;
			padding-bottom:2px;
			width:117px;
			cursor:pointer;
		}
	#form_login li.lost{
		background:transparent url(../img/bkgd_lost.gif) no-repeat scroll 0 50%;
		height:27px;
		margin:6px 3px 0 4px;
		*margin:10px 0 0 4px;
		padding:10px 0 0 0;
		width:120px;
	}
		#form_login li a{
			color:#5B5E5F;
			font-size:10px;
			padding-left:7px;
			text-decoration:none;
		}
	#plaquette {
		background:url(../img/ico_plaquette.jpg) no-repeat top left;
		height:97px;
		width:137px;
		margin:5px 0 0 20px;
		_margin:10px 0 0 20px;
	}
		#plaquette a {color:#000; padding:60px 0 0 40px; font-weight:bold; font-size:11px; text-decoration:underline; float:left;}
	.content_right {
		width:683px;
		float:left;
		display:block;
		_margin:-10px 0 0 -10px;
	}
	.new{margin:5px 10px;}
		.new p{margin: 0 0 0 10px;color:#000;font-size:13px;}
		.peauneuve{color:#f39912;font-size:14px;}
		
		.focus {
			width:218px;
			float:left;
			margin:10px 0 0 5px;
			_margin:10px 0 0 3px;
		}
		#focus1 {margin-left:11px;}
		.focus h2 {height:19px;margin:20px 0 0 0;}
		.focus span {display:none;}
		#focus1 h2 {background:url(../img/title_intuitif.gif) no-repeat top left;}
		#focus2 h2 {background:url(../img/title_efficace.gif) no-repeat top left;}
		#focus3 h2 {background:url(../img/title_reactif.gif) no-repeat top left;}
		.title_img {margin-top:10px;}
		.focus p {margin-top:8px;margin-bottom:10px;}
	.select_user {
		margin:0 0 0 25px;
		overflow:hidden;
		}
	#not_user {
	float:left;
	margin: 10px 0 0 20px;
	}
		.contact_text {line-height:10px; font-size:12px;}
	#user {
		float:right;
		background:url(../img/user_box.jpg) no-repeat top left;
		height:110px; 
		width:350px;
		padding-left: 15px;
		padding-bottom:0;
		margin-right:9px;
		_margin-right:7px;
		margin-bottom:0;
	}
		#user p, #not_user p {margin:6px 0 8px 0;}
		#text_user {width:250px; padding-left:70px; font-size:12px;margin-top:5px!important;}
		span.legend{font-size:9px;}
		.contact_info {font-size:12px;margin-top:15px!important;}
		.user_title {margin: 10px 0 10px 0;display:block}
		#user span, #not_user span{ font-weight:bold; line-height:13px;}
		#not_user a {color:#000;}
		#user_num {color:#000!important; font-weight:bold!important;}	
		
		.indispo{background:url(../img/picto_indispo.jpg) 10px 10px no-repeat;border:1px #ccc dashed;margin:5px 10px;padding:10px;}
		.indispo p{margin: 0 0 0 60px;color:#f90;font-weight:bold;}
.footer {
	width:840px;
	margin:0 30px;
}
	.teasing {background-color:#5b5e5f; height:39px;}
	.footer_link {text-align:center;}

		.footer_link li a:hover{color:#000;}
		.footer_link.first {
			background:url(../img/footer_cartidge.gif) no-repeat top left;
			height:51px;
/*			margin:0 0 0 130px;*/
			margin:0 0 0 130px;
			padding:0;
		}
		.footer_link .last ul{
margin:0;
padding:0;
		}
			.footer_link ul.last {
			background:url(../img/footer_cartidge.gif) no-repeat top right;
			height:51px;
			display:block;
/*			margin:0 130px 0 0; */
			*padding: 0 75px 0 75px;
			margin:0 130px 0 0;
			padding:10px 0 0 0;
		}
			.footer_link li{
				display:inline;
				font-size:11px;
				color:#82a9b4;
				}
			.footer_link a {
				text-decoration:none;
				margin:0 5px;
				}
/************************** Tarifs **************************************/
.content_left_tarifs {float:left;}
#content_left_tarifs_img {margin-left:10px; float:left;  width:138px;}
#tarifs_left {float:left; width:670px;margin-left:10px}
#tarifs_left h2 {background:url(../img/title_tarifs.gif) no-repeat top left; height:24px; margin:10px 0;}
#tarifs_left h2 span {display:none;}
#tarifs_left_text {float:left; width:322px;}
#tarifs_left_bottom {
	width:400px;
	background:
}
.content_right_tarifs{float:right; width:322px;}
#tarifs_right_list {
	float:right;
	background:url(../img/bdg_main_right_tarifs.jpg) no-repeat top left;
	width:330px;
	*margin-left:-8px;
	_margin:0 0 0 5px;
	_width:290px;
	*padding-left:40px;
	
}
	.tarifs_abo{
		height:36px;
		width:642px;
		padding-top:5px;
	}
	.tarifs_abo.bgd12{
		background:url(../img/bgd_tarif_1.gif) no-repeat top left;
		}
		.tarifs_abo.bgd6{
		background:url(../img/bgd_tarif_2.gif) no-repeat top left;
		}	
		.tarifs_abo p{
			margin: 0 0 0 10px;
			float:left;
			}
			.tarifs_abo p.prix{
				margin: 5px 25px 0 0;
				float:right;
				color:#fff;
				font-weight:bold;
				}

			.tarifs_abo_info{
				background:url(../img/tarif_abo_info.gif) no-repeat top left;
				height:84px;
				width:642px;
				padding:10px 0 0 10px;
				}
				.tarifs_abo_info p{
					margin:0;
					}
		.pres_tarifs {
			color:#898989;
		}
		.col1{
			color:#f18404;
			font-weight:bold;
		}
		.col2{
			color:#606163;
		}
		.col3{
			color:#0075b7;
			text-align:center;
		}
		.col4{
			color:#000;
			font-weight:bold;
			text-align:right;
			background:url(../img/cartidge_tarifs_jaune.gif) no-repeat 18px 4px;
			height:20px;
			padding-right:12px;
		}
		.tarifs_spe{
		font-size:10px;
		margin-left:10px;
	}
	#tarifs_forfait{
		font-size:12px!important;
	}
		#tarifs_forfait_title{
			color:#0075b7;
			font-weight:bold;
			font-size:13px;
			width:472px;
			margin:10px;
			border-bottom:#d1d2d2 solid 1px;
			padding:0 0 10px 0;
		}
		#tarifs_forfait_nb{
			background:url(../img/cartidge_tarifs_grey.gif) no-repeat top left;
			color:#f18404;
			height:28px;
			font-size:13px;
			font-weight:bold;
			padding:5px 0 0 10px;
			margin:10px;
		}
		#tarifs_forfait ul{
			padding:0;
			margin:10px;
		}
		#tarifs_forfait li{
			display:block;
			width:472px;
			color:#898989;
			background:url(../img/puce_triangle-noir.gif) no-repeat left 4px;
			padding-left:12px;
		}
	#tarifs_right_list h2{
		font-size:12px;
		font-weight:bold;
		padding: 0 0 16px 40px;
		*padding:0;
	}
	#tarifs_right_list #first_row{
		float:left;
		margin:0;
	}
	#tarifs_right_list #second_row{
		float:left;
		margin:0;
		padding:0;
	}
	#tarifs_right_list #first_row li{
		background:url(../img/puce_orange.gif) no-repeat left 5px;
		list-style:none;
		font-size:10px;
		color:#898989;
		padding:0 0 4px 10px;
		width:120px;
		margin-bottom:3px;
	}
	#tarifs_right_list #second_row li{
		background:url(../img/puce_orange.gif) no-repeat left 5px;
		list-style:none;
		font-size:10px;
		color:#898989;
		padding:0 0 4px 10px;
		width:120px;
		margin-bottom:3px;
	}
	.dlplaquette{margin:0 25px 0 0;text-align:right;}
	/*************************************** Temoignages ********************/
	.left_temoignages {margin-left:10px;}
		.left_temoignages h2 {background:url(../img/title_temoignages.gif) no-repeat top left!important; height:26px;margin-top:10px;}
	#left_temoignages_img {margin-top:10px}
	#tarifs_left_text span {display:none;}

	.temoignages_interview {
		width:322px;
		border-bottom:#999 solid 1px;
		margin-bottom:5px;
		padding-bottom:10px;
	}
	.temoignages_interview_title{
		 border-bottom:#adadad dotted 1px;
		 overflow:hidden
	}
		.temoignages_interview_title p.nom{
			 float:left;
			 padding-top:3px;
			 font-size:16px;
			 font-weight:bold;
			 width:42%;
			 border-right:1px #c2c1bf solid;
		}
		.temoignages_interview_title p.fonction{
			 float:right;
			 font-size:11px;
			 color:#0074b7;
			 text-align:right;
 			 width:54%;
			text-transform:uppercase;
		}
		.temoignages_interview_title p.fonction strong{
			text-transform:none;
		}		
	.last_interview{ border-bottom:none!important;}
		.temoignages_interview p { color:#000;  margin:12px 0 8px;font-size:11px;}
		.temoignages_interview p #separator {color:#c0bfbb; line-height:20px;}
		.temoignages_interview p span {display:block;color:#0372ba; font-size:11px; margin:0 4px;}
				.temoignages_interview p span span {font-weight:normal; margin:0 4px; font-size:10px;}
		.temoignages_interview #interview {font-size:13px;font-weight:normal; text-align:justify;}
/******************************************* Presentation *********************************************/
.article{
	border-bottom:#adadad dotted 1px;
	margin:10px 10px 20px 10px;
	_padding:10px;
}
.article.last{
	border-bottom:none;
}
	.article p {
		margin:0 0 10px 0;
		line-height:15px;
	}
	.article p span{
		color:#000;
		font-weight:bold;
	}
	.article h2 span, .article h3 span {display:none;}
	h2#titre_pres {background:url(../img/title_presentation.gif) no-repeat; height:19px; margin:13px 0 0 0;}
	h3#outil_intuitif {background:url(../img/outil_intuitif.gif) no-repeat; height:23px; margin:10px 0;}
	h3#outil_efficace {background:url(../img/outil_efficace.gif) no-repeat; height:23px;}
	h3#outil_reactif {background:url(../img/outil_reactif.gif) no-repeat; height:23px;}
	ul.pres_outil {padding:0;margin:0 0 10px 0;}
	ul.pres_outil li, ul.contact li {
		background:url(../img/puce_triangle.gif) no-repeat left 8px; 
		height:7px; 
		color:#898989;
		font-size:12px;
		display:block;
		padding:5px 12px;
		list-style:none;
	}
.pres_left{float:left;width:138px;margin-right: 10px;}
.pres_right{float:right;width:663px;}
.article.presentation{overflow:hidden;}
/***************************** infos legales ********************************/
#content_infos h2 span{display:none;}
	#content_infos h2 {background:url(../img/title_infos-legales.gif) no-repeat; height:24px; margin:13px 0 0 20px;}
#content_infos_left {width:330px;float:left; text-align:justify; margin-left:15px;_margin-left:10px;}
	.info-legales_adresse{margin:0!important;}
#content_infos_right {width:330px; float:right; text-align:justify;}
#content_infos_left .article.last, #content_infos_right .article.last {_padding:0 0 0 10px;}
#content_infos_left .article.last p span, 
#content_infos_right .article.last p span{
	font-size:13px;
}
/*********************************** lightbox mot de passe **********************************/
.main_lightbox {
	margin:10px;
}
	.main_lightbox li{
		color:#003300;
		font-size:12px;
		display:block;
	}
/************************************ contacts ***********************************************/
#content_contacts h2 span{display:none;}
	#content_contacts h2 {background:url(../img/title_contacts.gif) no-repeat; height:24px; margin:13px 0 0 20px;}
	#contactHeight {margin-bottom:60px;}
	#contactHeight ul{margin-top:0}