/******************************************************************/
/* FONTS */
@font-face {
	font-family: 'BreeExtraBold';
    src: url('../fonts/bree-extrabold-webfont.eot');
    src: url('../fonts/bree-extrabold-webfont.eot?iefix') format('eot'),
         url('../fonts/bree-extrabold-webfont.woff') format('woff'),
         url('../fonts/bree-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/bree-extrabold-webfont.svg#webfontuWFuxmYr') format('svg');
    font-weight: normal;
    font-style: normal;       
}

@font-face {
    font-family: 'BreeRegular';
    src: url('../fonts/bree-regular-webfont.eot');
    src: url('../fonts/bree-regular-webfont.eot?iefix') format('eot'),
         url('../fonts/bree-regular-webfont.woff') format('woff'),
         url('../fonts/bree-regular-webfont.ttf') format('truetype'),
         url('../fonts/bree-regular-webfont.svg#webfont8AIq5wjb') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BreeBold';
    src: url('../fonts/bree-bold-webfont.eot');
    src: url('../fonts/bree-bold-webfont.eot?iefix') format('eot'),
         url('../fonts/bree-bold-webfont.woff') format('woff'),
         url('../fonts/bree-bold-webfont.ttf') format('truetype'),
         url('../fonts/bree-bold-webfont.svg#webfontX0QmFZtK') format('svg');
    font-weight: normal;
    font-style: normal;
}
/******************************************************************/

/* -------------------------------------
MODELES GENIECUBE
---------------------------------------- */
.classinputtext, .classtextarea,.classselect,.classinputcheck,.classinputradio,.inputreset,.inputsubmit{
	font-size : 12px; 
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px;
	color :#535356;
	border-style :solid;
	border-width: 1px;
	border-color:#c6c6c6;
	margin-left:5px;
}
.classinputcheck,.classinputradio{border-width: 0px;}
.intituleformulaire{
	font-size : 12px; 
	font-family: Arial, Helvetica, sans-serif;
	color :#535356;
	width:160px;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	float: left;
}
.blocksumit {
	margin: 15px 0;
}
.champobligatoire{
	font-size : 13px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:red;
}

.inputreset,
.inputsubmit {
	width: 204px;
	height: 51px;
	border: 0 none;
	cursor: pointer;
	padding: 0
}

.inputreset span,
.inputsubmit span {
	/*display: none;*/
	font-family: Verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #8b8d90;
	position: relative;
	top: -5px;
}

.inputreset {	
	background: url(../images/new/btn_retablir.gif) no-repeat;	
}

.inputsubmit {
	background: url(../images/new/btn_valider.gif) no-repeat;
}

span.plike {display:block;margin:5px 0 5px 0;}

.modeleTitreH1 h1 {
  margin: 0;
  font-family: "BreeBold", Arial, Helvetica, sans-serif;
  font-size: 25px;
  color: #fec300;
  border-bottom: 1px solid #fec300;
  text-align: left;
}
.modeleTitreH1 h1 a {
	color: #fec300;
	text-decoration: none;
}

.modeleTitreH2 h2 {
  margin: 0;
  font-family: "BreeBold", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #fec300;
  text-align: left;
}
.modeleTitreH2 h2 a {
	color: #fec300;
	text-decoration: none;
}

.modeleTitreH3 h3 {
  margin: 0;
  font-family: "BreeBold", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #646464;
  text-align: left;
}
.modeleTitreH3 h3 a {
	color: #646464;
	text-decoration: none;
}

.modelePuce1 {
  font-size: 13px;
  background: url(../images/new/puce_titre_home.gif) no-repeat 0 4px;
  text-indent: 20px;
}
.modelePuce1 a {
	text-decoration: none;
}

.modelePuce2 {
  font-size: 13px;
  background: url(../images/new/puce_home.gif) no-repeat 5px 6px;
  padding: 0 0 0 20px;
}
.modelePuce2 a {
	text-decoration: none;
}

.section {
	background: url(../images/new/section.gif) repeat-x 0 -24px;	
}

.colonne {
	background: url(../images/new/colonne.gif) repeat-y -25px 0;	
}

.particulier .modeleTitreH1 h1,
.particulier .modeleTitreH1 h1 a,
.particulier .modeleTitreH2 h2,
.particulier .modeleTitreH2 h2 a {
  color: #ee8450;
  border-color: #ee8450;
}

.particulier .modelePuce1 {
  background: url(../images/new/puce_titre_particuliers.gif) no-repeat 0 4px;
}

.particulier .modelePuce2 {
  background: url(../images/new/puce_particulier.gif) no-repeat 5px 6px;
}

.professionnels .modeleTitreH1 h1,
.professionnels .modeleTitreH1 h1 a,
.professionnels .modeleTitreH2 h2,
.professionnels .modeleTitreH2 h2 a {
  color: #14b1dc;
  border-color: #14b1dc;
}

.professionnels .modelePuce1 {
  background: url(../images/new/puce_titre_independants.gif) no-repeat 0 4px;
}

.professionnels .modelePuce2 {
  background: url(../images/new/puce_independants.gif) no-repeat 5px 6px;
}

.entreprises .modeleTitreH1 h1,
.entreprises .modeleTitreH1 h1 a,
.entreprises .modeleTitreH2 h2,
.entreprises .modeleTitreH2 h2 a {
  color: #afc2cc;
  border-color: #afc2cc;
}

.entreprises .modelePuce1 {
  background: url(../images/new/puce_titre_entreprises.gif) no-repeat 0 4px;
}

.entreprises .modelePuce2 {
  background: url(../images/new/puce_entreprises.gif) no-repeat 5px 6px;
}







/* modèles conseiller virtuel */
.conseiller_1 {
  background: url(../images/conseiller/conseiller_1_t.gif) repeat-x;
}

.conseiller_1 > div {
  background: url(../images/conseiller/conseiller_1_b.gif) repeat-x bottom;
}

.conseiller_1 > div > div {
  background: url(../images/conseiller/conseiller_1_l.gif) repeat-y;
}

.conseiller_1 > div > div > div {
  background: url(../images/conseiller/conseiller_1_r.gif) repeat-y right;
}

.conseiller_1 > div > div > div > div {
  background: url(../images/conseiller/conseiller_1_tl.gif) no-repeat top left;
}

.conseiller_1 > div > div > div > div > div {
  background: url(../images/conseiller/conseiller_1_tr.gif) no-repeat top right;
}

.conseiller_1 > div > div > div > div > div > div {
  background: url(../images/conseiller/conseiller_1_bl.gif) no-repeat bottom left;
}

.conseiller_1 > div > div > div > div > div > div > div {
  background: url(../images/conseiller/conseiller_1_br.gif) no-repeat bottom right;
  padding: 25px 65px 15px 35px;
  min-height: 60px;
  overflow: auto;
}

.conseiller_2 {
  background: url(../images/conseiller/conseiller_2_t.gif) repeat-x;
}

.conseiller_2 > div {
  background: url(../images/conseiller/conseiller_2_b.gif) repeat-x bottom;
}

.conseiller_2 > div > div {
  background: url(../images/conseiller/conseiller_2_l.gif) repeat-y;
}

.conseiller_2 > div > div > div {
  background: url(../images/conseiller/conseiller_2_r.gif) repeat-y right;
}

.conseiller_2 > div > div > div > div {
  background: url(../images/conseiller/conseiller_2_tl.gif) no-repeat top left;
}

.conseiller_2 > div > div > div > div > div {
  background: url(../images/conseiller/conseiller_2_tr.gif) no-repeat top right;
}

.conseiller_2 > div > div > div > div > div > div {
  background: url(../images/conseiller/conseiller_2_bl.gif) no-repeat bottom left;
}

.conseiller_2 > div > div > div > div > div > div > div {
  background: url(../images/conseiller/conseiller_2_br.gif) no-repeat bottom right;
  padding: 25px 65px 15px 35px;
  min-height: 60px;
  overflow: auto;
}

.conseiller_3 {
  background: url(../images/conseiller/conseiller_3_t.gif) repeat-x;
}

.conseiller_3 > div {
  background: url(../images/conseiller/conseiller_3_b.gif) repeat-x bottom;
}

.conseiller_3 > div > div {
  background: url(../images/conseiller/conseiller_3_l.gif) repeat-y;
}

.conseiller_3 > div > div > div {
  background: url(../images/conseiller/conseiller_3_r.gif) repeat-y right;
}

.conseiller_3 > div > div > div > div {
  background: url(../images/conseiller/conseiller_3_tl.gif) no-repeat top left;
}

.conseiller_3 > div > div > div > div > div {
  background: url(../images/conseiller/conseiller_3_tr.gif) no-repeat top right;
}

.conseiller_3 > div > div > div > div > div > div {
  background: url(../images/conseiller/conseiller_3_bl.gif) no-repeat bottom left;
}

.conseiller_3 > div > div > div > div > div > div > div {
  background: url(../images/conseiller/conseiller_3_br.gif) no-repeat bottom right;
  padding: 25px 65px 15px 35px;
  min-height: 60px;
  overflow: auto;
}

.conseiller_4 {
  background: url(../images/conseiller/conseiller_4_t.gif) repeat-x;
}

.conseiller_4 > div {
  background: url(../images/conseiller/conseiller_4_b.gif) repeat-x bottom;
}

.conseiller_4 > div > div {
  background: url(../images/conseiller/conseiller_4_l.gif) repeat-y;
}

.conseiller_4 > div > div > div {
  background: url(../images/conseiller/conseiller_4_r.gif) repeat-y right;
}

.conseiller_4 > div > div > div > div {
  background: url(../images/conseiller/conseiller_4_tl.gif) no-repeat top left;
}

.conseiller_4 > div > div > div > div > div {
  background: url(../images/conseiller/conseiller_4_tr.gif) no-repeat top right;
}

.conseiller_4 > div > div > div > div > div > div {
  background: url(../images/conseiller/conseiller_4_bl.gif) no-repeat bottom left;
}

.conseiller_4 > div > div > div > div > div > div > div {
  background: url(../images/conseiller/conseiller_4_br.gif) no-repeat bottom right;
  padding: 25px 65px 15px 35px;
  min-height: 60px;
  overflow: auto;
}
