/**********************************/
/*         CSS Document           */
/*     http://wwww.clikndo.fr     */
/*         Dev:Clikndo            */
/**********************************/
/**************/
/*  Elements  */
/**************/

/*img, div, a { behavior: url(/images/iepngfix.htc) }*/


a:active, a:focus {
      outline:none;
}


/* supprimer la bordure des images-lien */
a img {
	border:0px;
}
/* supprimer les espaces indésirables sous images (IE) */
img {
	display:inline;
	border:0px;
	text-decoration:none;
}
/* supprimer les espaces autour des formulaires */
form {
	margin:0px;
	padding:0px;
}

html { font-size:11px; }

html, td, p, button {
	font-family:arial, Lucida Sans, LucidaGrande, helvetica, sans-serif;
	font-size:14px;
	color:#000;
	}
	
input, textarea, select, option {
	font-family:arial, helvetica, sans-serif;
	font-size:normal;
	color:#000;
	}

button { display:-moz-inline-box; display:inline-block; border:0; margin:0; padding:0; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer; background:none; text-decoration:none; }



body {
	background:#131316 url('/images/bkgd.jpg') repeat-x top;
	margin:0;
	padding:0;
	}


hr { color:#232323; height:0; margin:0px; border-top:1px solid #bebebe; border-bottom:0px }
h1 { color:#fff; margin:0; padding:0; font-size:28px; font-family:arial, helvetica, sans-serif; margin-bottom:5px; margin-top:5px; }
h1 a { color:#fff; }
h1 a:hover { color:#000; }
h2 { color:#000000; margin:40px 0 15px; padding:10px; font-size:22px; font-family:arial, helvetica, sans-serif; font-weight:normal; font-style:italic; letter-spacing:-1px; border:1px dotted #c00607; } /* c00607 */
h3 { color:#000000; margin:20px 0 5px;  padding:0; font-size:18px; font-family:arial, helvetica, sans-serif; font-weight:normal; }
h4 { color:#53391e; margin:0; padding:0; font-size:13px; font-family:arial, helvetica, sans-serif; font-weight:normal; }
h5 { color:#ffffff; margin:0; padding:0; font-size:12px; font-family:arial, helvetica, sans-serif; font-weight:normal; }
h6 { color:#53391e; margin:0; padding:0; font-size:11px; font-family:arial, helvetica, sans-serif; font-weight:normal; }

h1 a{ color:#fff; text-decoration:none; }
h1 a:hover{ text-decoration:none; }
h1 a:active{ text-decoration:none; } 

h1 .sous-titre { font-size:20px ; }

a{ color:#9d9d9d; text-decoration:none; }
a:hover{ color:#fff; text-decoration:none; }
a:active{ color:#fff; text-decoration:none; }

a.lien-contact, #diag-text-zone .lien-contact { color:#000; text-decoration:underline; }
.accroche a.lien-contact { color:#fff ; }

a.type1 { color:#000 ; text-decoration:none ; }
a.type1:hover { text-decoration:underline ;}


blockquote {
	display:inline-block;
	margin:0;
	padding:20px;
	margin-right:20px;
	background-color:#f7f7f7;
	font-family:georgia;
	font-weight:bold;
	font-style:italic;
	font-size:11px;
	line-height:18px;
  	}

#wrapper {
	vertical-align:top;
	position:absolute;
	left:50%;
	margin-left:-480px;
	}

#container {
	width:960px;
	/*border:1px solid green; */
  }

#maincontent { width:600px ; }
#maincontent p,li {	line-height:18px ; }
#maincontent strong{ color:#0054a5; font-size:14px; /*font-weight:normal;*/} /* c30b09 - 0054a5*/

#maincontent strong.type1 { color:#000 ; font-weight:bold ;  }
#maincontent strong.type2 { color:#000 ; font-weight:bold ; font-size:13px ; }
#maincontent strong.type3 { color:#000 ; font-weight:bold ; font-size:18px ; }
/* #maincontent  strong .type1 { color:#000 ; } */


#maincontent .edito {
	font-family:georgia, arial, Lucida Sans, LucidaGrande, helvetica, sans-serif;
	font-style:italic;
	font-size:12px;
	color:#333;
	text-align:justify;
	}


#maincontent ul { margin:0; padding-left:20px }

#logo { margin:40px 16px 40px 0px; text-align:left; }

#hometxt { margin:0;padding:0}
#hometxt ul{  }
#hometxt li{ list-style:none; color:#fff; font-size:16px; font-weight:normal; line-height:24px; }
#hometxt li a { color:#fff; font-size:16px; }
#hometxt li a:hover { color:#000; font-size:16px; }

#minimenu {  margin:0; padding:0; }
#minimenu ul{  margin-right:35px; }
#minimenu li { margin:0; padding:0; list-style-image:url('/images/puce.gif'); display:inline;  }
#minimenu a { color:#000; text-decoration:none; margin:3px; font-size:11px;}
#minimenu a:hover { color:#c5200c; }
#minimenu .selected { font-weight:bold; }


.smenu { display:none; }
.smenu-selected { display:block; }


#motscles {	list-style-type:none; margin:0; text-align:center; font-size:9px; margin:10px 0 10px; }
#motscles a { color:#c77a86; text-decoration:underline; }
#motscles a:hover { text-decoration:none; }



.suivant { margin-left : 20px; margin-right:20px;}

.marge0  { margin:0px; }
.marge10 { margin:10px; }
.marge20 { margin:20px; }
.marge30 { margin:30px; }
.marge40 { margin:40px; }
.marge50 { margin:50px; }
.marge60 { margin:60px; }
.marge70 { margin:70px; }
.marge80 { margin:80px; }
.marge90 { margin:90px; }
.marge100 { margin:100px; }

.bordure1 {border:1px solid #d3b991; }
.bordure2 {border:1px solid #7c3505; }
.rouge { color:#ae1007; }
.rose { color:#c77a86; }
.blanc { color:#fff; }
.noir { color:#000; }
.gris { color:#9c9e9f; }

.mark1 { color:#c10708; font-size:22px;  }
.mark2 { color:#c10708; atext-transform:acapitalize; font-variant:small-caps; font-size:22px; }

.msg { color:#fff; font-weight:bold; background-color:#830016; min-height:20px; }
.justifie { text-align:justify; }
.centre { text-align:center; }
.droite { float:right; }
.gauche { float:left; }
.chiffre { margin:10px; vertical-align:middle; width:50px; height:50px; }
.cnil { width:500px; }
.cnil p{ font-size:9px; color:#684825; }
.bleugris { color:#507da5; }
.petit { font-size:11px; }
.xpetit { font-size:10px; }

.table1 {border-collapse:collapse; border:2px solid #c89254; }
.table1 td{ border:1px solid #c89254; padding:5px; }

.nodeco { color:#53391e; text-decoration:none; }
.nodeco:hover { color:#53391e; text-decoration:none; }



#footer td, #footer p, #footer li, #footer a{ color:#59534d; font-size:11px;}
#footer a:hover { color:#ffffff; font-size:11px;}
#menu-footer { display:inline; }
#menu-footer li{  margin:0 5px 0 0; padding:0; list-style:none; display:inline; position:relative; }

/* Sous menu */
.menu-wrapper { position:relative ; }
#wrapper-m1 { z-index:104 ; }
#wrapper-m2 { z-index:103 ; }
#wrapper-m3 { z-index:102 ; }
#wrapper-m4 { z-index:101 ; }

.menu-hover
{
	left:5px ;
	position:absolute ;
	top:11px ;
}
#wrapper-m5 .menu-hover
{
	left:25px ;
	width:77px ;
}

.sous-menu
{
	background:url(/images/sous-menu-top.gif) no-repeat top left ;
	left:5px ;
	padding-top:3px ;
	position:absolute ;
	top:38px ;
	/*width:180px ;*/
	width:200px ;
	z-index:500 ;
}

.sous-menu ul
{
	background:#000 url(/images/sous-menu-bg.gif) repeat-y top left ;
	color:#9d9d9d;
	list-style-type:none ;
	padding:5px 0 10px 0px;
	margin:0;
	text-align:left ;
}



.sous-menu a
{
	font-family:Lucida Sans, LucidaGrande, arial, helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	color:#9d9d9d;
	text-decoration:none;
}
.sous-menu a:hover{ color:#fff; text-decoration:none; }
.sous-menu a:active{ color:#fff; text-decoration:none; }

.footer-sous-menu
{
	background:url(/images/sous-menu-bottom.gif) no-repeat top left ;
	padding-top:3px ;
}

.sous-menu li { padding-left:17px ; }
.sous-menu li.first-item
{
	margin:0px 10px 5px ;
	padding:0 0 5px 7px ;
	border-bottom:1px solid #222 ;
}

/* bouton rollover */

#bttn-call-to-action
{
	display:block ;
	width: 394px ;
	height:66px ;
	background:url(/images/call-to-action.gif) no-repeat top left ;
	text-indent:-10000px ;
}

#bttn-call-to-action:hover
{
	background-position:0px -66px ;
}

p.type1 { margin-top:0 ; }
p.type2 { margin:0 0 5px ; }
p.entete-liste { margin-bottom:10px ; }

ul.type1 { width:600px ; }
ul.type1 li { margin-bottom:5px ; }
ul.type2 li, ol.type1 li { margin-bottom:10px ; }
ul.type2 li li { margin-bottom:0 ;}
#maincontent ul.type3 { padding-left:35px ; }
#maincontent ul.type3, ul li ul li {list-style-image:url(/images/puce2.gif) ;}
.schema-textbox-inner li {list-style-image:url(/images/puce2.gif) ;}


.input-text
{
  border:1px solid #aaa ;
  width:160px ;
}

/******************************************
*
* Style formulaires
*
*******************************************/
.form-type1 table { width:90% ; }
.form-type1 table td { text-align:center ; vertical-align:top ; }
.form-type1 table td div { border-top:1px solid #000 ; padding:10px 0;}
.form-type1 table td div.first { border:0 ; padding-top:0 ;}
.form-type1 table h3 { margin:0 ;}

.form-type1 h3 { margin-top:0 ;}
.form-type1 input {vertical-align:middle ;}

.form-type1 .input-text
{
  border:1px solid #aaa ; display:block ;
  width:90% ;
  width:100% ;
  font-size:12px ;
}

.form-type1 textarea.input-text { height:170px ; }
.form-type1 p.form-field { margin:0 0 5px ; }

.form-type1 p.form-bottom { margin:0 0 0 0 ; text-align:right ; }
.form-type1 p.form-bottom em
{
  color:#757575 ;
  font-size:11px ;
  font-style:normal ;
  float:left ;
}
.form-type1 td { vertical-align:top ; padding:0px; width:40% ;}
.form-type1 td.middle { padding:0 10px 10px ; width:10% ; }


/* form 2 */
.form-type2 table { width:100% }
.form-type2 table td { padding:10px 0 ;}
.form-type2 input { vertical-align:middle ; }
.form-type2 label { display:inline ;}
.form-type2 .input-radio label { white-space:nowrap ; padding-left:30px ;}
.form-type2 p.form-bottom { margin-top: 30px ; text-align:right ; }


/******************************************
*
* Popup
*
*******************************************/
.accroche { margin-bottom:40px ; }
.accroche h2 {margin:0 0 3px ; color:#000 ; }
.accroche p, .accroche p strong {  color:#000 ; font-size:14px ; }

#facebox .accroche { padding:10px 20px ; color:#fff ; margin:0 ;}
#facebox .accroche h2 {margin:0 0 3px ; color:#fff ; font-style:normal ; padding-left:0 ; border:0 ;}
#facebox .accroche p, .accroche p strong {  color:#fff ; font-size:14px ; }
#facebox .bandeau1 { background:#C02506 url(/images/bg-popup.jpg) no-repeat top right ; }
#facebox .bandeau2 { background:#C02506 url(/images/bg-selfdiag.jpg) no-repeat top right ;  height:265px  ; padding:0px 20px 0; }
#facebox .bandeau2 p { padding-right:250px ; position:relative ; }
#facebox .bandeau2 #aiguille {  position:absolute ; top:90px ; left:745px ; }

#facebox .bg-top { overflow:hidden ; background:transparent url(/images/red-line.gif) no-repeat bottom right  ; width:962px ; margin-left:1px ; height:10px ; }
#facebox .bg-bottom { background:transparent url(/images/white.gif) repeat-x top left ; width:962px ; margin-left:1px ; height:10px ; }
#facebox .bg-top2 { overflow:hidden ; background:transparent url(/images/red-line.gif) no-repeat bottom right  ; width:958px ; margin-left:1px ; height:10px ; }
#facebox .bg-bottom2 { background:transparent url(/images/white.gif) repeat-x top left ; width:958px ; margin-left:1px ; height:10px ; }


#facebox .body { position:relative ; background:transparent !important ;}
#facebox .content { background:#fff ; /*padding-bottom:40px ;*/}
#facebox .top-close { position:absolute ; top:15px ; right:20px ; cursor:pointer ; }
#facebox .footer {
	
  position:absolute ;
  background:none ;
  margin:0 25px 10px 0!important;
  padding:0  !important;
  bottom:10px ;
  right:0 ;
  border:0 !important;
  background:#fff !important;
}

/* form 1 */
#facebox #form-contact { width:964px ; }
#facebox .form-type1 { width:964px ; }
#facebox .form-type1 { padding-bottom:0px ;   }
#facebox .form-type1 h3 { white-space:nowrap ; color:#c30b09; padding:0; font-size:22px; font-family:arial, helvetica, sans-serif; font-weight:normal; letter-spacing:-1px; }
#facebox .form-type1 table td div { border-top:1px solid #FAE6E7 ; }
#facebox .form-type1 td { border-left:1px solid #FAE6E7 ; width:auto ;}
#facebox .form-type1 td.first { width:375px ; }
#facebox .form-type1 td.first, #facebox .form-type1 table td div.first { border:0 }
#facebox .form-type1 td.middle { width:280px ; }
#facebox .form-type1 td div { margin:36px 20px 20px 20px ; }
#facebox .form-type1 table div { margin: 0 ; padding:36px 0 36px 0; width:280px }
#facebox .form-type1 .input-text
{
  display:inline ;
  border:0 ;
  background-color:#E9E6E1 ;
  color:#000 ;
  font-size:12px ;
  width:95% ;
  padding:4px 7px ;
}
#facebox .form-type1 .input-empty { color:#757575 ; font-style:italic ; }
#facebox .form-type1 td.last p.type1 { margin-bottom:55px ; }

/* form 2 */
#facebox .form-type2 { width:960px ; padding-bottom:40px ; }
#facebox .form-type2 p, #facebox .form-type2 label { font-size:16px ; } 
#facebox .form-type2 table td { width:755px ; padding:10px 0 10px 0 ; text-align:left ;}

#facebox .form-type2 table td.input-radio { width:auto ; padding-left:0 ; }

#facebox .form-type2 table td label { padding-left:55px ;}
#facebox .form-type2 table td.input-radio label { padding-left:0 ;}


/* form 3 */
#facebox #fquestionnaire { width:780px ; }
#facebox .form-type3 { width:735px ; padding:0 0 40px 0 ; margin-left:45px ;}
#facebox .form-type3 p, #facebox .form-type3 label, #facebox .form-type3 td, #facebox .form-type3 th { font-size:16px ; } 

#facebox .form-type3 table td.ques  { width:200px ; padding:10px 0 10px 0 ; text-align:left ;}
#facebox .form-type3 table th { font-weight:normal ; text-align:center ; }
#facebox .form-type3 table .subhead td { height:10px; padding:0; margin:0; }
#facebox .form-type3 table td.input-radio { width:50px ; padding-left:0 ; text-align:center ; }


#facebox .form-type3 textarea { width:585px ; height:80px ; }
#facebox .form-type3 input.input-text {width:585px ;} 
#facebox .form-type3 .input-empty { color:#757575 !important; font-style:italic ; }

#facebox .form-type3 .input-text
{
  display:block ;
  border:0 ;
  background-color:#E9E6E1 ;
  color:#000 ;
  font-size:12px ;
  padding:4px 7px ;
}

#facebox .form-type3 .form-bottom { padding-left:248px ; }


strong.type1 { color:#000 ; font-weight:bold ; font-size:26px ; }
strong.type2 { color:#000 ; font-weight:bold ; font-size:13px ; }
strong.type3 { color:#000 ; font-weight:bold ; font-size:18px ; }

div.notification { text-align:center ; color:#000 ; font-size:14px ; margin:20px 0 ; font-weight:bold ; }
div.warning { text-align:center ; color:red ; font-size:14px ; margin:20px 0 ; font-weight:bold ;}



.diag-done
{
  color:#aaa ;
}

.bloc-image { position:relative ; text-align:center ; width:250px ; }
.bloc-image a.bouton1,
.bloc-image a.bouton2
{
	text-align:left ;
	margin:0px auto ;
	display:block ;
	position:absolute ;
	bottom : 10px ;
	left:50px ;
	width:150px ; /* 250 */
	height:33px ;
	overflow:hidden ;
	text-indent:-10000px ;
}

.bloc-image a.bouton1 { background:url(/images/btn-cliquez-ici-mauve.gif) no-repeat 0 -33px ; }
.bloc-image a.bouton2 { background:url(/images/btn-cliquez-ici-bleu.gif) no-repeat 0 -33px ; }
.bloc-image a.bouton1:hover, .bloc-image a.bouton2:hover { background-position:0 0 ; }






/******************************************
*
* Style pour le slider de la home 
*
*******************************************/

/* Bouton player */
.player
{
	position:absolute ;
	background-image:none ;
	height:205px ;
	width:960px ;
	z-index:9 ;
}

.player-header  { position:absolute ; top:0 ; height:26px ; z-index:9 ;}
.player-footer { position:absolute ; bottom:0 ; height:41px ; z-index:9 ;}

.player-header img, .player-footer img { float:left ; }
.player-footer img.border { margin-top:20px ; }



.player-ui
{
	position:absolute ;
	bottom:10px ;
	left:435px ;
	width:90px ;
	height:20px ;
	z-index:10 ;
}

.player-ui a
{
	text-indent:-10000px ;
	float:left ;
	width:30px ;
	height:20px ;
}
.player-ui a.prevPage { background:url(/images/prev-state.gif) no-repeat 5px 0 ; }
.player-ui a.play { background:url(/images/play-state.gif) no-repeat 5px 0 ; }
.player-ui a.pause { background:url(/images/pause-state.gif) no-repeat 5px 0 ; }
.player-ui a.nextPage { background:url(/images/next-state.gif) no-repeat 5px 0 ; }
.player-ui a:hover { background-position: 5px -20px ; }

/* Slider */
#slider-ui
{
	position:relative ;
}
#slide
{
	position:relative ;
	overflow:hidden ;
	height:205px ;
	width:960px ;
	z-index:8;
}
/* root element for pages */ 
#slideShow { 
    position:absolute; 
    width:20000em; 
}
#slideShow .sitem
{
	float:left ;
	width:960px ;
	height:205px ;
	position:relative ;
}

#slideShow .sitem a
{
	position:absolute ;
	bottom:8px; right:23px;
	z-index:10000 ;
}
.expand { cursor:pointer ; }
.expandable { background:#d7d7d7 ; padding:1px 20px 1px; margin:0 5px 0; border:0px solid #fff; }
#maincontent .expandable * { font-size:11px; }
#maincontent .expandable li { margin-bottom:10px;}

#clients { background:url(/images/clients-bkgd.jpg) no-repeat top left ; height:70px ; }
#clients-scrollable { height:70px ; /* required settings */ overflow:hidden ; position :relative ; }
#clients-scrollable ul { position:absolute; margin:0 ; padding:0 ; list-style-type:none ; height:2000em ; left:0 ;}
#clients-scrollable li { position:relative ; height:70px ; }
#clients-scrollable li img { position:absolute ; left:218px ; top:28px }

.qanim
{
	float:right ;
	margin:20px 95px 0 0 ;
	width:144px ;
	height:170px ;
	background:url(/images/logo-bg.jpg) no-repeat top left ;
}

.notifier
{
	position:fixed ;
	bottom:0px ;
	right:20px ;
	width:190px ;
	/*height:130px ;*/
	
	height:150px ;
	/*padding:20px ;*/	
	/*background : #757575 ;*/
	/*border: 4px solid #aaa ;*/
	background:transparent ;
}

.notifier-close
{
	font-weight:bold ;
	color:#fff ;
	position:absolute ;
	top:2px ;
	right:5px ;
}


.schema
{
	width:850px ;
	height:480px ;
	text-align:left ;
}

.schema .schema-img
{
	position:relative ;
	width:315px ;
	height:392px ;
	margin-left:0 ;
	padding:100px ;
	background:url(/images/schema-bkgd.gif) no-repeat 100px 100px ;
	
}

.schema-img ul
{
	padding:0 ;
	margin:0 ;
	list-style-type:none ;
	color:#fff ;
	font-weight:normal ;
	font-size:12px ;
	/*margin:0 auto ;*/
	/*margin-top:75px ;*/
	width:200px ;
	text-align:center ;
	position:absolute ;
	top:176px ;
	left:157px ;
}

.schema-img a
{
	color:#fff ;
} 

.schema-link
{
	position:absolute ;
	display:block ;
	width:120px ;
	height:120px ;
	text-indent:-10000px ;
}

.schema-link:hover, .schema-link.selected
{
	background-position:0 -120px;
}

/*
.schema-link.selected
{
	background-position:0 -240px;
}
*/

.schema-link_100
{
	background:url(/images/schema-d-norm.gif) no-repeat top left ;
	top:260px ;
	left:33px ;
}

.schema-link_200
{
	background:url(/images/schema-i-norm.gif) no-repeat top left ;
	top:49px ;
	left:201px ;
}

.schema-link_300
{
	background:url(/images/schema-c-norm.gif) no-repeat top left ;
	top:260px ;
	left:364px ;
}

.schema-textbox
{
	float:right ;
	width:325px ;
	overflow:hidden ;
	background:url(/images/comment-box-bottom.gif) no-repeat bottom left ;
	
}

.schema-textbox .schema-textbox-inner
{
	background:url(/images/comment-box-top.gif) no-repeat top left ;
	overflow:hidden ;
	/*margin-top:20px ;*/
	padding:20px 10px 20px 30px ;
}

.schema-content.hide
{
	display:none ;
}