/* Emeraude clair: #00929f */
/* Emeraude fonce: #225256 */
/* Orange clair: #ff6c1f */
/* Orange moyen: #ffaa00 */
/* Orange foncé: #f14c00 */
/* Marron crade: #8d7f6d */
/* Gris introverti: #656565 */
/* Gris bleu: #f4f4f4 */
/* Orange: #ff9c00 */
/* Turquoise: #04bfc8 */
/* Gris foncé: #413f40 */

* {margin:0px;padding:0px;border:0px;outline:none;}
html {background:#fff;}
body {padding:0px;font:normal 12px trebuchet, Arial;color:#222;}
body a {color:#f14c00;}
body a:hover {color:#f14c00;text-decoration:none;}
body h1 {font:bold 22px arial;color:#04bfc8;margin-bottom:10px;}
body h2 {font:bold 15px trebuchet, Arial;color:#f14c00;text-transform:uppercase;background: transparent url(../image/bk-puce.png) left top no-repeat;text-indent:12px;padding-top:8px;}
body h2 span {display:block;margin-top:-10px;margin-left:21px;font:bold 19px trebuchet, Arial;color:#ff6c1f;text-transform:uppercase;}
body h3 {font:bold 18px trebuchet, Arial;color:#225256;}
body h4 {display:block;font:bold 14px trebuchet, Arial;color:#f14c00;text-transform:uppercase;background: transparent url(../image/bk-puce3.png) right bottom no-repeat;padding-right:10px;padding-bottom:8px;}
body h4 a {text-decoration:none;}
body h4 a:hover {text-decoration:underline;}
body h5 {display:block;font:bold 13px trebuchet, Arial;color:#f14c00;text-transform:none;}
body h5 a {text-decoration:underline;}
body h5 a:hover {text-decoration:none;}

form {}
label {font:normal 11px arial;line-height:15px;}
input {font:normal 11px arial;height:15px;line-height:15px;background:#fff;border:1px solid #302e2a;}
select {height:15px;font:normal 12px arial;height:18px;background:#fff;border:1px solid #302e2a;}
option {font:normal 10px arial;}
button {font:bold 12px arial;color:#fff;text-transform:uppercase;height:24px;width:24px;line-height:24px;background:transparent url(../image/bk-TNbutton.png) left top  repeat-x;cursor:pointer;padding:0px 6px;}
button:hover {color:#fff;background:transparent url(../image/bk-TNbutton.png) left -24px repeat-x;}
ul {list-style:none;}
ul li strong {color:#f14c00;}
abbr {color:#f14c00;border-bottom: 1px dotted;cursor:help;}

#conteneur {}
#conteneur #header {height:240px;width:1000px;margin:auto;}
#conteneur #contenu {clear:both;width:1000px;margin:auto;}
#conteneur #contenu #contenu-gauche #succesFrame {clear:both;width:940px;margin:10px auto;padding:15px;background:#fff;border:1px solid green;}
#conteneur #contenu #contenu-gauche #succesFrame h3 {color:green;}
#conteneur #contenu #contenu-gauche #errorFrame {clear:both;width:940px;margin:10px auto;padding:15px;background:#fff;border:1px solid red;}
#conteneur #contenu #contenu-gauche #errorFrame h3 {color:red;}
#conteneur #contenu #contenu-gauche #accueilFrame {width:1000px;padding:0px;height:398px;background: transparent url(../image/bk-contenuGen.jpg) left bottom no-repeat;}
#conteneur #contenu #contenu-gauche #inscriptionFrame {width:970px;padding:15px;background: transparent url(../image/bk-contenuGen.jpg) left bottom no-repeat;}
#conteneur #contenu #contenu-gauche #lostFrame {width:970px;height:398px;padding:15px;background: transparent url(../image/bk-contenuMdp.jpg) left bottom no-repeat;}
#conteneur #contenu #contenu-gauche #societeFrame {width:970px;padding:15px;background: transparent url(../image/bk-contenuQui.jpg) left bottom no-repeat;}
#conteneur #contenu #contenu-gauche #contactFrame {width:970px;padding:15px;background: transparent url(../image/bk-contenuContact.jpg) left bottom no-repeat;}
#conteneur #contenu #contenu-gauche #serviceFrame {width:970px;height:398px;overflow:auto;padding:15px;background: transparent url(../image/bk-contenuCGU.jpg) left bottom no-repeat;}
#conteneur #contenu #contenu-gauche #annonceurFrame {width:970px;/*height:398px;*/padding:15px;/*background: transparent url(../image/bk-contenuIan.jpg) left bottom no-repeat;*/}
#conteneur #contenu #contenu-gauche #editeurFrame {width:970px;/*height:398px;*/padding:15px;/*background: transparent url(../image/bk-contenuIed.jpg) left bottom no-repeat;*/}
#conteneur #contenu #contenu-gauche #faqFrame {height:398px;width:970px;padding:15px;overflow:auto;background: transparent url(../image/bk-contenuAide.jpg) right bottom no-repeat;}

/* bouton générique */
#contenu-gauche p.genButton a {display:block;width:123px;height:26px;margin-left:45px;margin-bottom:10px;text-align:center;font:bold 12px arial;line-height:24px;color:#fff;background:url(../image/bk-button.png) left top no-repeat;text-decoration:none;}
#contenu-gauche p.genButton a:hover {background:url(../image/bk-button.png) left -26px no-repeat;}

/* Header */
#header #menu-logo {display:block;background: transparent url(../image/bk-logo.png) no-repeat;height:80px;width:264px;text-indent:-2000px;margin-left:15px;}
#header #contenu-flash {float:left;clear:both;height:160px;width:790px;background:url(../image/bk-header.jpg) left top no-repeat;}
#header #contenu-login {float:left;height:160px;width:210px;background:url(../image/bk-login.jpg) left top no-repeat;}
#header #contenu-login #bloc-fond {}
#header #contenu-login #bloc-autentification {width:187px;margin:auto;margin-top:10px;}
#header #contenu-login #bloc-autentification h1 {font:bold 18px trebuchet, Arial;color:#225256;}
#header #contenu-login #bloc-autentification h1 {text-align:center;margin-bottom:5px;}
#header #contenu-login #bloc-autentification label {float:left;width:75px;margin-right:10px;text-align:right;margin-bottom:5px;}
#header #contenu-login #bloc-autentification input {float:left;width:90px;margin-bottom:5px;}
/*#header #contenu-login #bloc-autentification button {float:left;margin-left:152px;}*/
#header #contenu-login #bloc-autentification button {width:123px;height:26px;text-align:center;font:bold 12px arial;line-height:26px;color:#fff;margin-left:30px;background:url(../image/bk-LGbutton.png) left top no-repeat;text-decoration:none;}
#header #contenu-login #bloc-autentification button:hover {background:url(../image/bk-LGbutton.png) left -26px no-repeat;}
#header #contenu-login #bloc-autentification p {float:left;padding-top:15px;color:#fff;}
#header #contenu-login #bloc-autentification p a {color:#fff;}
#header #contenu-login #bloc-autentification .bloc_slider {}
#header #contenu-login #bloc-autentification #form-autentification {}
#header #contenu-login #bloc-autentification #form-autentified {}
#header #autorisations {}
#header #navigation {display:none;}

/* Bloc Homepage */
#contenu #promoCampagne {float:left;margin-top:95px;margin-left:25px;width:175px;height:252px;background: transparent url(../image/bk-module1.png) left top no-repeat;}
#contenu #promoCampagne h2 {display:block;margin-top:-17px;margin-left:25px;margin-bottom:10px;height:30px;}
#contenu #promoCampagne h2 span {}
#slideVert {
	width: 150px;
	height: 205px;
	display: block;
	overflow: hidden;
	position: relative;
	margin:auto;
	}
	
#slideList {
		width: 150px;
		height: 150px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#slideList li {
		display: block;
		width: 150px;
		float: left;
		margin-bottom:15px;
	}
#contenu #promoCampagne img {width:150px;float:left;}
#contenu #promoInscription {float:left;margin-left:54px;margin-top:25px;width:525px;height:326px;background: transparent url(../image/bk-promo.jpg) left top no-repeat;}
#contenu #promoInscription .blocBouton {clear:both;float:left;margin-left:360px;margin-top:-25px;}
#contenu #promoInscription #annonceurs {height:155px;margin-top:0px;padding-left:22px;}
#contenu #promoInscription #annonceurs h1 {display:block;height:22px;margin-bottom:8px;text-indent:-2000px;background:transparent url(../image/bk-titre1.png) left top no-repeat;}
#contenu #promoInscription #annonceurs h2 {display:none;}
#contenu #promoInscription #annonceurs .blocBouton h4 {clear:both;white-space:nowrap;}
#contenu #promoInscription #annonceurs .blocBouton h5 {white-space:nowrap;}
#contenu #promoInscription #annonceurs img {float:left;}
#contenu #promoInscription #annonceurs ul {float:left;list-style:none;margin-left:15px;}
#contenu #promoInscription #annonceurs ul li {display:block;background:transparent url(../image/bk-puce2.png) left top no-repeat;padding-left:20px;margin-bottom:4px;}
#contenu #promoInscription #editeurs {height:155px;clear:both;margin-top:5px;padding-left:22px;}
#contenu #promoInscription #editeurs h1 {display:block;height:28px;margin-bottom:8px;margin-top:-6px;text-indent:-2000px;background:transparent url(../image/bk-titre2.png) left top no-repeat;}
#contenu #promoInscription #editeurs h2 {display:none;}
#contenu #promoInscription #editeurs .blocBouton h4 {clear:both;background: transparent url(../image/bk-puce4.png) right bottom no-repeat;white-space:nowrap;}
#contenu #promoInscription #editeurs .blocBouton h5 {white-space:nowrap;}
#contenu #promoInscription #editeurs img {float:left;}
#contenu #promoInscription #editeurs ul {float:left;list-style:none;margin-left:15px;}
#contenu #promoInscription #editeurs ul li {display:block;background:transparent url(../image/bk-puce2.png) left top no-repeat;padding-left:20px;margin-bottom:4px;}
#contenu #promoActu {float:left;margin-top:128px;margin-left:25px;width:175px;height:252px;background: transparent url(../image/bk-module2.png) left top no-repeat;}
#contenu #promoActu h2 {display:block;margin-top:-17px;margin-left:5px;margin-bottom:10px;height:30px;}
#contenu #promoActu .actualiteListe {padding:0px 10px;margin-bottom:15px;}
#contenu #promoActu .actualiteListe br {display:none;}
#contenu #promoActu .actualiteListe h5 {font:bold 11px Arial;margin-bottom:0px;text-indent:0px;}
#contenu #promoActu .actualiteListe p {font:normal 10px arial;}
#contenu #promoActu .actualiteListe em {font:italic 9px arial;}
#contenu #promoActu .actualiteListe img {border:2px solid #fff;margin-right:3px;margin-bottom:3px;}
#contenu #promoActu .actualiteListe a {text-decoration:none;}

/* Inscription */
#contenu-gauche ul#inscriptionFil {list-style:none;height:24px;}
#contenu-gauche ul#inscriptionFil li {display:block;float:left;border:1px solid #f4f4f4;background:#fff;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;}
#contenu-gauche ul#inscriptionFil a {display:block;height:13px;font:bold 14px Arial;color:#f14c00;text-decoration:none;padding:5px 15px;}
#contenu-gauche ul#inscriptionFil a:hover {font:bold 14px Arial;color:#ffcc2e;}
#contenu-gauche ul#inscriptionFil li.active {border-bottom:1px solid #e2e9f0;background:#e2e9f0;}
#contenu-gauche ul#inscriptionFil li.active a {font:bold 14px Arial;color:#ff6c1f;}

#contenu-gauche form#inscription {background:#fff url(../image/bk-campaign.jpg) top repeat-x;border: 1px solid #f4f4f4;width:480px;}
#contenu-gauche form#inscription fieldset {margin-top:5px;}
#contenu-gauche form#inscription legend {font:bold 14px trebuchet,arial;color:#04bfc8;text-indent:15px;margin-bottom:15px;display:block;float:left;margin-bottom:10px;clear:left;padding-right:10px;width:200px;text-align:right;}
#contenu-gauche form#inscription label {font:normal 11px arial;line-height:15px;display:block;float:left;margin-bottom:10px;clear:left;padding-right:10px;width:230px;text-align:right;}
#contenu-gauche form#inscription label em {font:normal 9px Arial; color:#ff6c1f;}
#contenu-gauche form#inscription label.cgv {width:auto;text-align:left;}
#contenu-gauche form#inscription input {font:normal 11px arial;height:15px;line-height:15px;background:#fff;border:1px solid #04bfc8;float:left;width:200px;margin-bottom:10px;}
#contenu-gauche form#inscription input[type=checkbox] {width:auto;}
#contenu-gauche form#inscription select {font:normal 11px arial;height:18px;background:#fff;border:1px solid #04bfc8;float:left;margin-bottom:10px;width:202px;}
#contenu-gauche form#inscription option {font:normal 11px arial;}
#contenu-gauche form#inscription textarea {font:normal 11px arial;background:#fff;border:1px solid #04bfc8;float:left;width:200px;margin-bottom:10px;}
#contenu-gauche form#inscription button {float:right;margin-right:15px;margin-bottom:5px;}
#contenu-gauche form#inscription p {clear:both;font:normal 11px arial;text-indent:15px;margin-bottom:5px;}
#contenu-gauche form#inscription p em {display:block;text-align:right;padding-right:15px;font:normal 9px Arial; color:#ff6c1f;}
#contenu-gauche form#inscription p.radioConteneur {clear:none;float:left;}
#contenu-gauche form#inscription p.radioConteneur input {width:15px;}
#contenu-gauche form#inscription p.radioConteneur em {display:inline;margin-left:5px;}
#contenu-gauche form#inscription p.checkboxConteneur {clear:none;float:left;}
#contenu-gauche form#inscription p.checkboxConteneur input {width:15px;}
#contenu-gauche form#inscription p.checkboxConteneur em {text-align:left;float:left;clear:none;margin-left:5px;padding:0px;}
#contenu-gauche form#inscription {}

/* mot de passe perdu */
#contenu-gauche form#identForm {background:#fff url(../image/bk-campaign2.jpg) top repeat-x;border: 1px solid #f4f4f4;width:500px;margin:auto;margin-top:80px;}
#contenu-gauche form#identForm fieldset {margin-top:5px;}
#contenu-gauche form#identForm legend {font:bold 14px trebuchet,arial;color:#04bfc8;text-indent:15px;margin-bottom:15px;display:block;float:left;margin-bottom:10px;clear:left;padding-right:10px;width:200px;text-align:right;}
#contenu-gauche form#identForm label {font:normal 11px arial;line-height:15px;display:block;float:left;margin-bottom:10px;clear:left;padding-right:10px;width:150px;text-align:right;}
#contenu-gauche form#identForm input {font:normal 11px arial;height:15px;line-height:15px;background:#fff;border:1px solid #04bfc8;float:left;width:200px;margin-bottom:10px;}
#contenu-gauche form#identForm button {display:block;float:right;margin-right:10px;margin-top:-5px;width:123px;height:26px;text-align:center;font:bold 12px arial;line-height:24px;color:#fff;background:url(../image/bk-button.png) left top no-repeat;}
#contenu-gauche form#identForm button:hover {background:url(../image/bk-button.png) left -26px no-repeat;}

/* formulaire de contact */
#contenu-gauche form#formContact {background:#fff url(../image/bk-campaign.jpg) top repeat-x;border: 1px solid #f4f4f4;width:480px;}
#contenu-gauche form#formContact fieldset {margin-top:5px;}
#contenu-gauche form#formContact legend {font:bold 14px trebuchet,arial;color:#04bfc8;text-indent:15px;margin-bottom:15px;float:left;margin-bottom:10px;clear:left;text-align:left;}
#contenu-gauche form#formContact label {font:normal 11px arial;line-height:15px;display:block;float:left;margin-bottom:10px;clear:left;padding-right:10px;width:230px;text-align:right;}
#contenu-gauche form#formContact input {font:normal 11px arial;height:15px;line-height:15px;background:#fff;border:1px solid #04bfc8;float:left;width:200px;margin-bottom:10px;}
#contenu-gauche form#formContact select {font:normal 11px arial;height:18px;background:#fff;border:1px solid #04bfc8;float:left;margin-bottom:10px;width:202px;}
#contenu-gauche form#formContact option {font:normal 11px arial;}
#contenu-gauche form#formContact textarea {font:normal 11px arial;background:#fff;border:1px solid #04bfc8;float:left;width:200px;margin-bottom:10px;}
#contenu-gauche form#formContact button {float:right;margin-right:15px;margin-bottom:5px;}
#contenu-gauche form#formContact p {clear:both;font:normal 11px arial;text-indent:15px;margin-bottom:5px;}
#contenu-gauche form#formContact p em {display:block;text-align:right;padding-right:15px;font:normal 9px Arial; color:#ff6c1f;}

/* En savoir plus 
#contenu-gauche #annonceurFrame ul {width:726px;height:315px;background:url(../image/bk-levierAn.png) left top no-repeat;}
#contenu-gauche #annonceurFrame ul li {display:none;}
#contenu-gauche #editeurFrame ul {width:1028px;height:531px;background:url(../image/bk-levierEd.png) left top no-repeat;}
#contenu-gauche #editeurFrame ul li {display:none;} 
*/
#contenu-gauche #annonceurFrame ul {width:520px;float:right;}
#contenu-gauche #annonceurFrame ul li {font:normal 11px Arial;}
#contenu-gauche #annonceurFrame ul li em {font:bold 11px Arial;}
#contenu-gauche #annonceurFrame img {float:left;margin-top:60px;margin-left:20px;}
#contenu-gauche #editeurFrame ul {width:520px;float:right;}
#contenu-gauche #editeurFrame ul li {font:normal 11px Arial;}
#contenu-gauche #editeurFrame ul li em {font:bold 11px Arial;}
#contenu-gauche #editeurFrame img {float:left;margin-top:15px;margin-left:20px;}

/* FAQ */
div#faqFrame ul {list-style-type:square;margin-left:35px;}
div#faqFrame ul#faqIndex {margin-left:15px;list-style:none;}
div#faqFrame ul#faqIndex li {font:bold 14px Arial;color:#04bfc8;margin-bottom:10px;}
div#faqFrame ul#faqIndex ol {margin-left:25px;list-style:none;}
div#faqFrame ul#faqIndex ol li {margin:5px 0px;}
div#faqFrame ul#faqIndex ol li a {font:bold 12px Arial;color:#ff9c00;}
div#faqFrame p {margin-left:15px;}
div#faqFrame a.haut {display:block;font:normal 11px Arial;margin-top:5px;}

/* CGU */
div#serviceFrame ul {list-style-type:square;margin-left:35px;}
div#serviceFrame ul#cguIndex {list-style:none;}
div#serviceFrame ul#cguIndex li {font:bold 14px Arial;color:#ff6c1f;text-transform:uppercase;margin-bottom:10px;display:block;width:430px;float:left;}
div#serviceFrame ul#cguIndex ol {margin-left:25px;list-style:none;}
div#serviceFrame ul#cguIndex ol li {margin:5px 0px;float:none;width:auto;color:#225256;text-transform:none;}
div#serviceFrame ul#cguIndex ol li a {font:normal 12px Arial;color:#413f40;}
div#serviceFrame h2 {clear:both;}
div#serviceFrame h3 {display:block;font:bold 13px Arial;margin-bottom:10px;}
div#serviceFrame h3 a {padding-top:10px;}
div#serviceFrame p {margin-left:15px;text-align:justify;text-justify: newspaper}
div#serviceFrame a.haut {display:block;font:normal 11px Arial;margin-top:5px;}

/* Footer */
#footer {clear:both;background:#000 url(../image/bk-footer.jpg) center top no-repeat;width:1000px;height:48px;margin:auto;text-align:center;}
#footer p {font:normal 12px Arial;color:#fff;height:48px;line-height:48px;}
#footer p a {color:#fff;text-decoration:none;}
#footer p a:hover {text-decoration:underline;}