/* ------------------------------RAZ */

*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p{
	font-size: 1em;
	font-weight: normal;
}
ul {
	margin: 0; padding: 0;
	list-style: none;
}
a {
	text-decoration:none;
	color:#494949;
	outline: none;
}
a img {
	border:none;
}
.clear { 
    clear:both;
    display:block;
    line-height:1px;
	font-size:1px;
	height:1px;
}
:focus{-moz-outline-style: none;}
.hidden {
	visibility:hidden;
}
input, textarea{
	color:#000;
	font-family:arial;
}
fieldset{border:none;}
.clearfix:after {
	content:".";
	height:0;
	line-height:0;
	display:block;
	visibility:hidden;
	clear:both;
}
/* -------------------------fin RAZ--- */
body {
	font-family:arial;
	font-size:12px;
	background:#fff url(../images/back-body.jpg) center top no-repeat;
	color:#000;
	margin:0px;
	padding:0px;		
	text-align:center;
	line-height:17px;
}

#principale{
	width:978px;
	margin: 0 auto;
	text-align:left;
	position:relative;
}
.header{
	width:950px;
	height:86px;
	background:url(../images/back-header.png) repeat-x;
	margin-left:14px;
	position:relative;z-index:5;
}
.border-header{
	width:14px;
	height:86px;
	line-height:1px;
	font-size:1px;
	position:absolute;
	top:0;
}
.border-header.left{
	background:url(../images/border-left-header.png) no-repeat;
	left:0;
}
.border-header.right{
	background:url(../images/border-right-header.png) no-repeat;
	left:964px;
}
.header h1{
	background:url(../images/logo-darty.gif) no-repeat;
	width:66px;
	height:63px;
	text-indent:-5000px;
	position:absolute;
	top:5px;
	left:22px;
}
.header h1 a{
	display:block;
	width:66px;
	height:63px;
}
.header h2{
	background:url(../images/contrat-confiance.gif) no-repeat;
	width:147px;
	height:8px;
	text-indent:-5000px;
	position:absolute;
	top:12px;
	left:100px;
}
.header .aide{
	background:url(../images/aide-header.gif) no-repeat;
	width:525px;
	height:28px;
	text-indent:-5000px;	
	position:absolute;
	top:0px;
	left:399px;
}

/*************debut menu******************/
.header ul.nav-top{
	width:835px;
	height:47px;
	position:absolute;
	top:28px;
	left:119px;
}
.header ul.nav-top li.first-level{
	height:47px;
	text-indent:-5000px;
	float:left;
	position:relative;
}
.header ul.nav-top li a.first-link{
	display:block;
	height:47px;
}
.header ul.nav-top li#item-1{
	background:url(../images/back-menu-item1.gif) no-repeat;
	width:206px;
}
.header ul.nav-top li#item-2{
	background:url(../images/back-menu-item2.gif) no-repeat;
	width:79px;
}
.header ul.nav-top li#item-3{
	background:url(../images/back-menu-item3.gif) no-repeat;
	width:95px;
}
.header ul.nav-top li#item-4{
	background:url(../images/back-menu-item4.gif) no-repeat;
	width:109px;
}
.header ul.nav-top li#item-5{
	background:url(../images/back-menu-item5.gif) no-repeat;
	width:76px;
}
.header ul.nav-top li#item-6{
	background:url(../images/back-menu-item6.gif) no-repeat;
	width:83px;
}
.header ul.nav-top li#item-7{
	background:url(../images/back-menu-item7.gif) no-repeat;
	width:92px;
}
.header ul.nav-top li#item-8{
	background:url(../images/back-menu-item8.gif) no-repeat;
	width:95px;
}

.header ul.nav-top li ul{
	display:none;
	width:186px;	
	position:absolute;
	z-index:3;
	top:47px;
	left:2px;
	background:#000;
	padding:11px 4px 12px 15px;
	border-bottom:1px solid #636464;
}
.header ul.nav-top li ul li{
	text-indent:0;
	background:url(../images/puce-nav-top.gif) 0 9px no-repeat;
	padding:4px 4px 4px 9px;
	line-height:14px;
	font-size:13px;
}
.header ul.nav-top li ul li a{
	display:block;
	color:#f3f2ef;
}
.header ul.nav-top li ul li a:hover{
	color:#9fd304;
}
/*************fin menu******************/

/*************footer************************/
.footer{
	position:relative;
	height:65px;
	z-index:3;
}
.footer .content-footer{
	background:url(../images/back-footer.png) repeat-x;
	width:950px;
	height:65px;
	margin-left:14px;
}
.footer ul{
	position:absolute;
	top:23px;
	left:64px;
}
.footer ul li{
	font-size:9px;
	text-transform:uppercase;
	display:inline;
	color:#6a6a6a;
}
.footer ul li a{
	color:#6a6a6a;
	padding:0 7px;
}
.footer ul li a:hover{
	color:#fff;
}
.border-footer{
	width:14px;
	height:65px;
	position:absolute;
	top:0;	
}
.border-footer.left-foot{
	background:url(../images/border-footer-left.png) no-repeat;
	left:0;
}
.border-footer.right-foot{
	background:url(../images/border-footer-right.png) no-repeat;
	left:964px;
}
.footer h1{
	background:url(../images/logo-footer.gif) no-repeat;
	width:25px;
	height:24px;
	text-indent:-5000px;
	font-size:1px;
	line-height:1px;
	position:absolute;
	top:20px;
	left:25px;
	z-index:1000;
}
.footer h1 a{
	display:block;
	width:25px;
	height:24px;
}
/************************fin footer*************************/




/************puce plus************/
.puce-plus{
	height:36px;
	font-size:14px;
}
.puce-plus a{
	text-decoration:none;
	height:29px;
	padding:7px 0 0 0;
	color:#000;
	display:block;
}
.col-right .puce-plus{
	width:37px;
	text-indent:-5000px;
}
.col-right a {
    text-decoration: underline;
}

.puce-plus.blue{
	background:url(../images/puce-plus-blue.gif) right top no-repeat;
}
.puce-plus.blue a:hover{
	background:url(../images/puce-plus-blue.gif) right bottom no-repeat;
}
.puce-plus.red{
	background:url(../images/puce-plus-red.gif) right top no-repeat;
}
.puce-plus.red a:hover{
	background:url(../images/puce-plus-red.gif) right bottom no-repeat;
}
.puce-plus.orange{
	background:url(../images/puce-plus-orange.gif) right top no-repeat;
}
.puce-plus.orange a:hover{
	background:url(../images/puce-plus-orange.gif) right bottom no-repeat;
}
.puce-plus.green{
	background:url(../images/puce-plus-green.gif) right top no-repeat;
}
.puce-plus.green a:hover{
	background:url(../images/puce-plus-green.gif) right bottom no-repeat;
}
/************fin puce plus**********/
.content{
	position:relative;
	z-index:1;
}
ul.fil{
	padding:0 0 5px 48px;
}
ul.fil li{
	display:inline;
	color:#fff;
	font-size:12px;
}
ul.fil li a{
	color:#fff;
	text-decoration:underline;
}


.col-left{
	width:685px;
	float:left;
	position:relative;
}
.col-right{
	width:291px;
	float:left;
	position:relative;
}

/*#content,
#header{
	zomm:1;	
}*/

/**************block entete********************/
.content .entete.block-top{
	background:url(../images/block-top-entete.png) no-repeat;
	width:977px;
	height:14px;
	line-height:1px;
	font-size:1px;
}
.content .entete.block-center{
	background:url(../images/block-center-entete.png) repeat-y;
	width:959px;
	padding:0 9px 0 9px;
	position:relative;
	z-index:3;
}
.content .entete.block-bottom{
	background:url(../images/block-bottom-entete.png) no-repeat;
	width:977px;
	height:14px;
	line-height:1px;
	font-size:1px;	
}
/*************fin block entete*****************/


.col-left .block-top{
	background:url(../images/block-top-left.png) no-repeat;
	width:685px;
	height:14px;
	line-height:1px;
	font-size:1px;
}
.col-left .block-center{
	background:url(../images/block-center-left.png) repeat-y;
	width:667px;
	padding:0 9px 0 9px;
	position:relative;
}
.col-left .block-bottom{
	background:url(../images/block-bottom-left.png) no-repeat;
	width:685px;
	height:14px;
	line-height:1px;
	font-size:1px;	
}


/*************************debut col right*************************/
.col-right .block-top{
	background:url(../images/block-top-right.png) no-repeat;
	width:291px;
	height:14px;
	line-height:1px;
	font-size:1px;
}
.col-right .block-center{
	background:url(../images/block-center-right.png) repeat-y;
	width:273px;
	position:relative;
	padding:0 9px 0 9px;
}
* html .col-right .block-center{
	zoom:1;
	height:1%;
}
.col-right .block-bottom{
	background:url(../images/block-bottom-right.png) no-repeat;
	width:291px;
	height:14px;
	line-height:1px;
	font-size:1px;	
}
.col-right .block-center.gris-center{
	background:none;
	width:291px;
	position:relative;
	padding:0;
}


.col-left h3,
.content h3{
	font-size:22px;
	text-transform:uppercase;
}
.col-right h3{
	font-size:18px;
	text-transform:uppercase;
}
.col-right h5,
.col-left h5{
	font-size:14px;
}


.col-right .block-top.gris{
	display:none;
}
.col-right .block-bottom.gris-bas{
	display:none;
}
.col-right .actu-home{
	background:url(../images/back-gris-actu.png) no-repeat;
	height:355px;
	width:262px;
	padding:0 9px 0 20px;
}
.col-right .container-actu {
	height: 230px;
	overflow:hidden;
}
.col-right .actu-home h3{
	height:60px;
	padding:40px 0 0 74px;
	background: url(../images/picto-actu.png) 0px 23px no-repeat;
}
.col-right .actu-home .content-actus{
	position: relative;
	height:	200px;
	overflow:hidden;
}
.col-right .actu-home .content-actu{
	/*height:110px;	*/
	width:273px;
}
.col-right .actu-home .content-actu p {
	width: 210px;
	padding:0 20px 0 15px;
	/*height:75px;*/
	font-size:12px;
}
.col-right .actu-home .content-actu p strong{
	display:block;
}
.col-right .actu-home .separ{
	background:url(../images/separateur.gif) 0 0 no-repeat;
	line-height:1px;
	font-size:1px;
	width:239px;
	height:3px;
	margin:15px 4px;
}


.col-right .quiz-home{
	padding:15px 10px 6px 17px;
}
.col-right .quiz-home h3{
	margin-bottom:18px;
	padding:19px 0 0 62px;
	background:url(../images/picto-quiz.gif) -2px 0 no-repeat;
	height:39px;
}
.col-right .quiz-home .content-quiz{
	padding:0 13px 0 0px;
	
}
.col-right .quiz-home .puce-plus{
	position:relative;
	margin-top:-5px;
	left:207px;
}

.col-right .block-diagno{
	padding:190px 0px 6px 17px;
	height:74px;
}
.col-right .block-diagno img{
	position:absolute;
	left:29px;
	top:-5px;
}
.col-right .block-diagno h3{
	margin-bottom:5px;
}
.col-right .block-diagno .puce-plus{
	position:relative;
	margin-top:-5px;
	left:207px;
}

.col-right .block-numerique{
	padding:28px 0px 6px 17px;	
}
.carte{
	text-align:center;
}
.col-right .block-numerique h3{
	margin-top:-15px;
}
.col-right .block-numerique h3 strong{
	display:block;
	margin-bottom:5px;
}
.col-right .block-numerique h3 em{
	display:block;
	padding-left:60px;
}
.col-right .block-numerique h5{
	padding-left:58px;
}
.col-right .block-numerique .puce-plus{
	position:relative;
	margin-top:10px;
	left:207px;
}


.col-right .block-gris{
	background:#c1c1c1 url(../images/back-block-gris.gif) repeat-x;
	width:273px;
	padding-bottom:15px;
	min-height:200px;
}
* html .col-right .block-gris{
	height:200px;
}
.col-right .block-gris h3{
	background:url(../images/top-titre-gris.gif) no-repeat;
	width:245px;
	padding:25px 10px 0 17px;
	line-height:25px;
	margin-bottom:30px;
	min-height:40px;
}
* html .col-right .block-gris h3{
	height:40px;
}
.col-right .block-gris p{
	padding:10px 10px 0 17px;
}


.col-right .form-droite{
	padding:28px 0px 6px 17px;	
}
.col-right .form-droite h3{
	margin-bottom:8px;
}
.col-right .form-droite .lab-form-droite{
	background:url(../images/puce-prevenu.gif) -5px 0 no-repeat;
	padding:14px 0 0 85px;
	height:65px;	
}
.col-right .form-droite .inp-text input,
.col-right .form-droite .inp-float input{
	width:165px;
	height:21px;
	border:1px solid #ccc;
	padding:6px 0 0 5px;
	font-size:12px;
}
.col-right .form-droite .inp-text{
	width:245px;
	margin-bottom:10px;
}
.col-right .form-droite p.inp-float{
	width:180px;
	float:left;
}
.col-right .form-droite .descri p.imp-img{
	margin:0px 0 0 16px;
	float:left;
	display:inline;
}


.col-right .info-cle h3{
	margin-bottom:0px;
}
.col-right .parag-info{
	width: 181px;
	padding:0 13px 0 79px;
	height:87px;
	background: url(../images/picto-actu.png) 7px 0 no-repeat;
}

.col-right .form-recherche-droite{
	padding:28px 0px 6px 17px;	
}
.col-right .form-recherche-droite h3{
	margin-bottom:30px;
}
.col-right .form-recherche-droite .inp-text{
	width:180px;
	float:left;
}
.col-right .form-recherche-droite .inp-text input{
	width:165px;
	height:21px;
	border:1px solid #ccc;
	padding:6px 0 0 5px;
	font-size:12px;	
}
.col-right .form-recherche-droite p.imp-img{
	margin:0px 0 0 0px;
	float:left;
	display:inline;
}
.col-right .form-recherche-droite form{
	padding-bottom:22px;
}

.col-right .form-recherche-droite .result-recherche-droite p{
	margin:0 0 17px 0;
}
.col-right .form-recherche-droite .result-recherche-droite p span{
	text-transform:uppercase;
}

.switch-1{
	background:url(../images/illu-hotline-1.png) no-repeat;
}
.switch-2{
	background:url(../images/illu-hotline-2.png) no-repeat;
}
.illu-hotline{
	width:273px;
	height:290px;
	text-indent:-5000px;position:relative; 
	top:-5px;
}
.illu-hotline a{
	display:block;
	width:273px;
	height:290px;
}
.border-content{
	background:url(../images/border-content.gif) bottom left repeat-x;	position:relative;
}


.col-right .block-top.info-top{
	background:url(../images/block-blue-top.png) no-repeat;
}
.col-right .block-info{
	background:url(../images/back-block-blue.gif) repeat-x;
	min-height:249px;
	padding:0 10px 20px 10px;
}
* html .col-right .block-info{
	height:249px;
}
.col-right .block-info h3{
	min-height:65px;
	padding:25px 0 0 74px;
	background: url(../images/picto-actu.png) 0px 23px no-repeat;	
	line-height:22px;
	text-transform:none;
	font-size:20px;
	margin-bottom:15px;
}
* html .col-right .block-info h3{
	height:65px;
}
.col-right .block-info h3.titre-info {
	padding-top:35px;
	min-height:55px;
	margin-bottom:10px;
}
* html .col-right .block-info h3.titre-info{
	height:55px;
}
.col-right .block-info .contenu-info-droite{
	padding:0 5px 0 10px;
}
.col-right .block-info .contenu-info-droite p{
	padding-top:10px;
}
.col-right .block-info .contenu-info-droite ul{
	padding-top:3px;
}
.col-right .block-info .contenu-info-droite ul li{
	background:url(../images/puce-info-bleu.png) no-repeat;
	padding-left:20px;
	margin-top:13px;
}

/*************************fin col right*************************/

/***************gestion des couleurs*******************/
html body .color-orange{
	color:#ee6904;
}
html body .color-blue{
	color:#037e9a;
}
html body .color-green{
	color:#6c8c04;
}
html body .color-red{
	color:#ef0465;
}
/***************gestion des couleurs*******************/





/*************Popin******************/
	#overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 10000;
		width: 100%;
	}

	.prettyPopin {
		display: none;
		overflow: hidden;
		position: absolute; z-index: 11000;
		top: 50%; left: 50%;
	}
	
		.prettyPopin a#b_close {
			display: none;
			position: absolute; z-index: 2;
			top: 10px; right: 13px;
			width: 15px; height: 15px;
			text-indent: -10000px;
			background: url(../images/btn-close-pop.gif) bottom left no-repeat;
		}
	
		.prettyPopin .prettyContent {
			position: relative;
			width: 100%; height: 100%;
			background: #fff;
		}
		
			.prettyPopin .prettyContent .prettyContent-container {
				display: none;
				/*padding: 20px 15px 15px 15px;*/
			}
		
			.prettyPopin .prettyContent .loader {
				position: absolute;
				top: 50%; left: 50%;
				margin: -14px 0 0 -14px;
			}
.block-item-popin{
	padding-bottom:30px;
}		
#block-lexique{
	text-align:left;
	padding:37px 0 0 39px;
}
#block-lexique h3{
	font-size:20px;
}
#block-lexique h4{
	background:url(../images/back-titre-lexique.gif) no-repeat;
	height:48px;
	padding:17px 0 0 80px;
	font-size:22px;
	text-transform:uppercase;
	margin-bottom:33px;
}
#block-lexique ul{
	text-align:center;
}
#block-lexique li{
	display:inline;
	font-size:19px;
	padding:0 2px;
	text-align:left;
}
#block-lexique li a:hover,
#block-lexique li a.selected{
	color:#ae4e04;
	text-decoration:underline;
}
#block-lexique .container{
	display:none;
	font-size:13px;
}
#block-overflow{
	width:662px;
	height:371px;
	overflow:auto;
	margin-top:53px;
	padding:0 49px 0 0;
}
#block-lexique .container p{
	margin-top:20px;
}

#block-faq{
	text-align:left;
	padding:37px 0 0 39px;
}
#block-faq h4{
	background:url(../images/back-titre-faq.gif) no-repeat;
	height:51px;
	padding:17px 0 0 80px;
	font-size:22px;
	text-transform:uppercase;
	margin-bottom:33px;
	width:600px;
}
#block-faq h3{
	font-size:20px;

}
#block-faq #block-overflow p{
	margin-top:20px;
}
#block-faq #block-overflow p a{
	color:#0c505c;
	font-weight:bold;
	text-decoration:underline;
}


/*------------------------------pop in------------------------------*/
#confirm-pop{
	text-align:left;
	padding:50px 0 0 35px;
}
#confirm-pop h4{
	text-transform:uppercase;
	font-size:18px;
	margin-bottom:35px;
}
#confirm-pop ul{
	padding:10px 0 20px 0;
}
#confirm-pop ul li{
	background:url(../images/fleche-verte.gif) no-repeat;
	margin-top:18px;
	padding:0 0 0 29px;
	position:relative;
}

#overlay-appear{
	background:#000;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:80000;
}
#confirm-pop{
	background:#fff;
	width:700px;
	height:292px;
	position:absolute;
	z-index:80001;
	font-family:arial;
}
#pop-btn-close{
	background:transparent url(../images/btn-close-pop.gif) no-repeat;
	width:15px;
	height:15px;
	text-indent:-5000px;
	font-size:1px;
	line-height:1px;
	position:absolute;
	top:4px;
	right:10px;
	cursor:pointer;
}