/*  FROM CSS111  */

html{height:100%;}
body{/*line-height:1.5em;*/text-align:left;/*font-size:13px;*/ height:100%; font-family: "Trebuchet MS",sans-serif; margin: 0; color: #333;} 
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#111;}
h1{/*font-size:3em;*/line-height:1;margin-bottom:0.5em;}
h2{font-size:2em;margin-bottom:0.5em;}h3{font-size:1.5em;line-height:1;margin-bottom:0.5em;}
h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5{font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6{font-size:1em;font-weight:bold;}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0;}
p{margin:0 0 1.5em;}
.left{float:left !important;}
p .left{margin:1.5em 1.5em 1.5em 0;padding:0;}
.right{float:right !important;}
p .right{margin:1.5em 0 1.5em 1.5em;padding:0;}
.persobinf label{display:inline}
.persobinf {font-weight: normal;}
/**/
blockquote{margin:1.5em;color:#333;font-style:italic;}
strong,dfn{font-weight:bold;}em,dfn{font-style:italic;}
sup,sub{line-height:0;}abbr,acronym{border-bottom:1px dotted #333;}
address{margin:0 0 1.5em;font-style:italic;}
del{color:#666;} pre{margin:1.5em 0;white-space:pre;}
pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5;}
li ul,li ol{margin:0;}ul,ol{/*margin:0 1.5em 1.5em 1em;*/padding: 0 1.1em;}ul{list-style-type:disc;}
ol{list-style-type:decimal;}dl{margin:0 0 1.5em 0;}dl dt{font-weight:bold;}dd{margin-left:1.5em;}
.ChoixP,.ChoixT,.ChoixE,.ChoixL,.ChoixS,.ChoixD{cursor:pointer}
table{margin-bottom:1.4em;width:100%;}th{font-weight:bold;}thead th{background:#c3d9ff;}
th,td,caption{padding:4px 10px 4px 5px;}tfoot{font-style:italic;}
caption{background:#eee;}.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}

.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}

.first{margin-left:0;padding-left:0;}
.last{margin-right:0;padding-right:0;}
.top{margin-top:0;padding-top:0;}
.bottom{margin-bottom:0;padding-bottom:0;}
/*.alert{width:95%}*/
.bcrumbs *{font-size:10px; text-transform:uppercase; width: 100%; max-width: 400px; padding:1px 3px; color:grey !important}



/* ------- DEBUT ADD DG  ---------------------------------------------- */
.boutons-view{
	font-weight:600;
      width: 95%;
      font-size:140%;
      text-align:center; 
      max-width:400px;  
      padding: 15px 5px; 
      color:#fff; 
      display:block;
      cursor: pointer;
      margin-bottom: 20px;
      
	 }

.box-services{
	padding:135px 10px 15px 10px; 
      width:138px; 
      height:195px; 
      text-align: center; 
      color:#0372b6; 
      font-weight: 700;
      margin: 10px;  
      text-transform: uppercase; 
      float: left; 
      font-size:11px; 
      display: block; 
      line-height:1.3;
      margin-bottom: 10px;
	 }

/*.content-page1 {
      background-color:#FFFFFF; width:98%; max-width: 900px; min-height:1000px; padding:20px 0px 0px 20px; 
      box-shadow: 0px 0px 0px #999999; margin: auto; border:0px solid #0072b6; overflow:hidden;
}*/

/* ------- FiN ADD DG  ---------------------------------------------- */


/* ------- DEV TEAM  ---------------------------------------------- */

	/* ------- GENERAL ------------------------------------------- */
		/*body {	background-color: #EFEFF0;}*/
		body {	background-color: #F2F3F7;}
		a:link {	color: #0072b6; text-decoration:none;}
		a:visited {	color: #005c94;}
		a:hover {	color: #FFB300;}
            a:active {	color: #FFB300;}
		hr.clearline {visibility:hidden; clear:both; margin: 5px;}
		#dash2 hr.clearline {  margin: 15px;}
		
		
		a.btn-primary:link, a.btn-primary:visited{color: #ffffff;}
	     a.btn-primary-link:link, a.btn-primary-link:visited{color: #ffffff;}
		::-moz-selection { /* Pour firefox */
background:red;
color:white;
}
::selection { /* Pour les autres */
background: red;
color:white;
}
	


.profil-content div.message{
	clear: both; padding:5px; width:98%; margin:5px auto;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background: #3B8230;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
	background-image: linear-gradient(top, #76BF6B, #3B8230);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);}
	
/* ------- INSCRIPTION ET CONNEXION */

/*body.home{background-color: #0072b6;}	*/
.homecontent{ width:100%; position:relative; margin-left:auto; margin-right:auto;}

/*.homecontent div.inscription-ok{ width:380px; height:168px; position:absolute;margin-left:510px;padding:10px ; box-shadow:1px 1px 1px #999999;
 background-color: #FFF; font-weight:bold;
 color:#000; }*/
 
 div.inscription-ok{ width:400px; height:188px; position:absolute;padding:10px ; box-shadow:1px 1px 1px #999999;
 background-color: #FFF; font-weight:bold;
 color:#000; }
 /*
.homecontent div.inscription-no{ width:380px; position:absolute;margin-left:510px;padding:5px 10px ; box-shadow:1px 1px 1px #999999;
 background-color: #FF3333; font-weight:bold;
 color:#FFF; }
 */
 div.inscription-no{ width:400px; position:absolute;padding:5px 10px ; box-shadow:1px 1px 1px #999999;
 background-color: #FF3333; font-weight:bold;
 color:#FFF; }
 
 
.tabconnex{ padding:3px 3px;width:auto;right:30px;Margin:-15px 20px 0px 0px;z-index:88; /*position: absolute;*/ border:0px;}

.tabconnex tr td.tabtdconnex{
	background: url(../img/white.png) repeat;
	 border-radius:5px;  font-size:14px; padding:8px; }
input[type=button].subconnex{width:70px;font-size:10px;background-image:url(../img/blue.png);border-color:silver; box-shadow:0px 0px 0px;margin-left:5px; color:#FFF;}

.users legend {font-size: 16px;}



/******************** Defilement Offre  *****************************/
	.DivOffre{float:left; width:510px; height:280px; }
	
	.TitleCadreOffre{width:465px; float:left; margin:0px 0px 10px -10px; padding:5px 0px 0px 25px; height:25px; background-color:#000; text-align:center; color:#FFF; font-size:16px; border-bottom:1px solid #0072b6;}
	.TitreOffre{display:block; border-bottom:1px dotted #999; margin-bottom:0px;line-height: 10px;}
	.linksearcoffre{display:block; margin-top:2px; text-align:right;}


/************************ Home Inscription *************************/
.DivInscrip{float:left; /*width:px;*/}
.tabinscript{background:url(../img/images/back_register.jpg); /*background-image:url(../img/back/black_acc.jpg);*/ box-shadow: 0px 1px 1px #666666; padding:6px;margin:0px 0px 0px 0px;height:182px;left:0px; color:#FFF; font-size: 11px; overflow:hidden;}
.tabtdtitre{color:#FFF; font-size:16px; padding-bottom:15px; text-align: center; }
.tabinscript td{padding:3px 5px; /*background-color:#1A171B;*/ }
.tabinscript td a{color:#FFFFFF}

.HomePub{/*background-image:url(../img/images/400x60.gif);*/ box-shadow: 0px 0px 0px #666666; background-position:center; /*width:400px; height:60px;*/ padding:10px 20px 5px 0px; margin-top:4px; font-size:9px; color: #000;}

/*
.HomePub{background-image:url(http://www.xtra-pub.com/images/banhtml.gif); box-shadow: 0px 1px 1px #666666; background-position:center; width:376px; height:55px; padding:0px 20px 5px 4px; margin-top:10px; font-size:9px; color: #000;}
*/

.textInscrit{font-size:10px;font-weight:bold; color:#FFFFFF;}
.DivHomeInfos{float:left; width:900px;box-shadow: 0px 1px 1px #666666; margin-bottom:10px; border: 6px solid #0072b6;}
.DivInfosTitre{width:210px; margin-bottom:10px;}
.divInf{float:left; width:400px;}
.TitleInf{font-size:30px; line-height:33px; font-weight:bold; display:block; margin-bottom:10px; color:#000; text-border:1px solid #FFF; text-shadow: 0px 1px 1px #fff, 0px 2px 2px #999;}
.ActionInf{font-size:20px; color: #F60;}
.linkInf{display:block; text-align:right; margin-top:8px;}
.DivInfImg{float:left; width:250px;}
.DivFinInfos{background-color:#fff;/* padding:6px;*/ padding:6px 0px; margin-top:0px; /* margin-top:-4px;*/ height:232px; width:100%; border-top:0px dotted #333;}

/************************ Page Inscription *************************/
.tabinscript_int{
	width:300px;  
	float:left; 
	/*background: #f1f1f1; 
	box-shadow: 0px 1px 1px #666666; */
	padding:10px 25px;  
	margin:0px auto 0px auto;   
	color: #222; 
	font-size:12px; 
	 }
 .tabinscript_int  input[type="text"] ,  .tabinscript_int  input[type="password"],  .tabinscript_int select { height:30px;
border: 1px solid #b9b9b9;
border-top: 1px solid #a0a0a0;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
background-color: white;
 }
 
 
.tabinscript_int .textInscrit{  color:#666;}
/*.tabinscript_int td a{color:#FFFFFF}*/

.tabinscript_mob{
	width:80%; 
	background: #f1f1f1; 
	box-shadow: 0px 1px 1px #666666;
	padding:10px 25px;  
	margin:0px 25px 0px 0px;   
	color: #222; 
	font-size:12px; 
	 }
 .tabinscript_mob  input[type="text"] ,  .tabinscript_mob  input[type="password"],  .tabinscript_mob select { height:30px;
border: 1px solid #b9b9b9;
border-top: 1px solid #a0a0a0;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
background-color: white;
 }
 
 
.tabinscript_mob .textInscrit{  color:#666;}



/****************************** footer *****************************/
.footer{bottom:0px;position:absolute; width:100%; }






	
	
	
	
	
	/* ----- ENTETE     ------- */
	
.pagelayer{width:94%; position:relative; margin-left:auto; margin-right:auto; border: 0px solid red; padding-top: 5px; background-color:#3A3A3A; }	
	.entetemembre{
	/*
	width:auto; height:100px; width:99.5%;position: absolute;   margin:0 auto;
	background-image:url(../img/images/back_menu_h1.png); background-repeat:repeat-x; padding:4px 0px ;*/
	width:auto; height:90px; width:100%;position: absolute;  margin:0 auto; 
	background-image:url(../img/images/back_menu_h1new1.png);
	background-repeat:repeat-x; border-radius:0px;padding:5px 0px;
	 
	}
	.barnav{ 
	/*float:right; margin-left:-5px; width:65%; height:25; margin-top:80px; background-color:#000000;*/
	border:0px solid red;
	 float:right; margin-left:-5px; width:700px; height:25; margin-top:53px; 
	 background-image:url(../img/images/back_menu_h1.png); background-position:bottom;
	
	
	
	}





	.coup_CV111 {/*float:right; width:50px; height:26px; margin:79px 0px 0px 0px;*/
	
	float:right; width:50; height:26; margin:52px 0px 0px 0px; background-position:bottom; border-radius:0px 0px 0px 5px;}
	.logosite{margin:-10px 0px -20px 20px;  float:inherit; padding-top: 0px; width:100%; max-width:220px;}
	.logo-business {width:30px; float:left; margin:+-*-*0px 0px 20px 0px; text-align:right; background-color:#0000; color:#FFF; height:30px; padding:5px 5px;}
	 .logo-business img{border:1px solid #FFF; width:auto; height:30px; float:right; margin-right:10px;}
	.info-session {/*
	width:250px; float:left; margin:5px 0px 0px 80px; background-color:#0000; color:#CCC; height:50px; 
	padding:5px 5px; font-size:11px;*/ 
	
		width:350px; min-width:280px; float:right; margin:15px 8px -15px 350px; /*background-color:#303030;*/ color:#999; padding:2px 3px; font-size:10px; line-height:150%; height:130px; /*text-align: right;border-radius:0px; border-top:1px solid #000; border-left:1px solid #000;*/
	
	}
		a.nbmess{background-color:#F00;   padding:0px 2px 0px 3px;}	
		a.nbalertes{background-color:#F60;   padding:0px 2px 0px 3px;}
		a.nbalertes0{background-color:#666; color:#FFF;   padding:0px 2px 0px 3px;}
		.info-session a{ color:#FFF;}
		#flags a{ color:#bdbdbd;}
	
	.pub480 {width:480px; float:left; margin:10px 0px 0px 0px;}
	.barnavmenu {width:100%; 
	position:fixed;top:92px; background:#000; z-index: 1000;
	margin:0px 0px 0px 0px; color:#FFF; font-weight:normal; font-size: 14px; padding: 5px 0px 7px 50px; text-align: center; min-width:1100px;
	 } 

	
		.barnavmenu a:link {	color: #e8edff;  }
		.barnavmenu a:visited {	color: #e8edff;}
		.barnavmenu a:hover {	color: #39F;}

	.search_but {  border:0px;  box-shadow:0px 0px; z-index:1; margin:0px 0px 0px 0px;
	background:transparent;	 }		 
	
	
	

	
	
	
	
	
	
	
	/* ------- PAGE PROFIL ------------------------------------------ */
	
#profil {/*float:left; */margin-bottom:60px; width:auto; min-width:1100px;  padding-top: 0px; margin-left: auto;
    margin-right: auto;}
	
 #profil-left{position: fixed; float:left; width:40px; margin:150px 0px 0px -46px; border:0px solid #666; padding:10px 0px 3px 0px; text-align:center;} 
 
 #profil-left-black{margin-top:5px;
  background-color:#333333; border-radius:10px; box-shadow: 0px -1px 1px #333333;} 
			
/*.profil-content {background-color:#FFFFFF; width:850px; min-height:500px; padding:20px 0px 0px 20px; float:left;
box-shadow: 0px 0px 0px #999999; margin-top:7px; border:0px solid #0072b6; overflow:hidden;}*/

.profil-content {background-color:#FFFFFF; width:auto; min-height:1000px; padding:20px 0px 0px 20px; float:left;
box-shadow: 0px 0px 0px #999999; margin-top:7px; border:0px solid #0072b6; overflow:hidden;  margin-right: 340px;}
/*.content-page {background-color:#FFFFFF; width:auto; min-height:1000px; padding:20px 0px 0px 20px; float:left;
box-shadow: 0px 0px 0px #999999; margin-top:7px; border:0px solid #0072b6; overflow:hidden;}*/

.content-page {
      background-color:#F2F3F7; /*width:98%; */max-width: 1800px; min-height:1500px; padding:20px 0px 0px 20px; /*float:left; max-width: 900px;*/
      box-shadow: 0px 0px 0px #999999; margin: auto; border:0px solid #0072b6; overflow:hidden;
}

.content-page	.TitreOffre{ padding:5px 5px 5px 5px; margin:3px 0; border: none; }
 	.content-page	.TitreOffre a b:first-letter{   font-size: 16px; text-transform: uppercase;}
 	.content-page	.TitreOffre a:hover{text-decoration: underline;} 
 	.content-page	.TitreOffre b:first-letter { text-transform: uppercase;}
 	.content-page	.leadsCycleContainer{margin: 0px auto 25px auto; max-width: 900px; padding:5px 20px 5px 5px; clear:both; list-style: none;  text-align: left; }
 	.content-page	.leadsCycleContainer  li{margin: 5px 10px 10px 10px; padding:8px 4px ; box-shadow: 0px 0px 1px #999999; border-radius: 15px; }
	.leadsCycleContainer{list-style: none; }
	.content-page	.margin-content {margin: 0 15px  0 10px;}

    .tools {/*background-color:#F3F3F3; #F7F7F7;  padding: 2px 5px;*/ font-size: 10px; color: #333;}

a.edit_bloc  { font-size:14px;  padding: 5px 10px; font-weight: 700;background-color: #e8e8e8;}
.titre_bloc {font-size:14px; font-weight:bold; width:540px; float:left; display:block;}
/*#tabs-3{float:left; margin-top:0px;}*/

.head_cv {float:left; width:480px; height:auto; margin:0px 0px 5px 30px; padding-bottom:8px; border-bottom:1px dotted silver; }

.box-entreprise {background-color:#FFFFFF; width:600px;   padding:5px 15px; margin:5px 5px 5px 0px;float:left;box-shadow: 1px 1px 5px #d2d2d2; font-size: 11px; line-height: 14px; border-top: 0px solid cornflowerblue; border-radius: 0px;}
.box-entreprisemob {background-color:#FFFFFF; width:90%;   padding:5px 15px; margin:5px 5px 5px 0px;float:left;box-shadow: 1px 1px 5px #d2d2d2; font-size: 11px; line-height: 14px; border-top: 0px solid cornflowerblue; border-radius: 0px;}


.nom_entreprise {font-size:18px; font-weight:bold; display:block; width:350px; float:left; line-height:1.0; }
.nom_entreprise a{color: #333;}
.nom_entreprise span{font-size:14px; font-weight:normal; }
/*.rsociaux{margin-left: 105px; width:400px;  margin-top: 10px; clear: both;}*/
.rsociaux{  width:230px;    float: right; }
.addthis_separator {color: #999; 
}

.photo_cv{float:left; width:70px; height:70px; padding:5px; box-shadow: 1px 1px 12px #555; background-color:#FFF; padding:auto 0px auto 0px; margin:0px 0px 10px 20px;}
.infos_cv{float:left; width:290px; margin:0px 0px 10px 30px; height:auto;}
.span_contact_cv {border-top:1px dotted #666666; display:block; padding-top:10px; margin-top:5px;}

.interact{float:left; width:180px; margin-left:10px; height:60px; font-size:12px; font-weight:bold; padding-top:30px;}
.interact_btn {padding:3px 5px 3px 5px; color:#000; width:170; background-image:url(../img/ico/back_but1.png); margin-bottom:10px; display:block;text-shadow: 0px -1px 0px #FFF;}



h1.titrepage{  font-size: 2.0em; font-weight:700; width:100%;  display:block; color:#006ba0;  padding: 0px 10px; max-width: 800px; margin: auto; /*text-transform: lowercase; */ } 
h1.titlepage{ font-size:28px;  font-weight:500; line-height:45px; width:100%;  display:block; color:#006ba0;  padding: 0px 10px; text-transform: lowercase; max-width: 800px; } 
h1.titrepage:first-letter { text-transform: capitalize;}



.profil-content h2 {font-size: 14px; line-height:18px; background-color:#eaeaea; color:#0072b6; font-weight: bold; padding: 6px 6px; }
.content-page h2 {font-size: 14px; line-height:18px; background-color:#eaeaea; color:#0072b6; font-weight: bold; padding: 6px 6px; }


/************************************************************  Ajout Sette    *********************************/

div.success{
	background:#62af56;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	border-color: #2d6324;	color: #fff; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
	width:500px;padding: 8px 10px;
	}

div.errors{
	background:#FFDACC;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D62738), to(#D62733));
	background-image: -webkit-linear-gradient(top, #D62738, #D62733);
	background-image: -moz-linear-gradient(top, #D62738, #D62733);
	border-color: #2d6324;	color: #fff; text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
	width:500px;padding: 8px 10px;
	}
.error-message{FONT: italic 11px; text-align:LEFT;	COLOR: #CC0000 ;}
.form-error{	background:#f2dede; /*color: #fff;*/	}
#busy-indicator{display: none;}
#busy-indicator1{display: none;}
.colorTrue{		background-color: #f2f9ff;	}


/************************************************************  fin Ajout Sette    *********************************/




/*  USERS ET PRIVILEGES    */

.message_privileges{FONT: italic 11px; text-align:LEFT;	 border:1px dotted #CC0000; background-color: #F9E9E9;
 margin:10px 5px; padding: 5px; tax}






/* PRODUITS PHARES */
.prodtab {float:left; width:130px; margin:10px 0px 0px 10px;}
.prodtab_nom {font-size:14px; font-weight:bold;}
.prodtab a small{color:gray; font-size:10px;}
.prodtab_teal {margin:10px 0px 10px 0px; text-align:right; width:600px; clear:both}


/* CATALOGUE DE PRODUITS */
#catalogue  { width: 100%;   /*background-color: #f0f0ff*/}

.boxprodlist  { float:left; width:136px; height:180px;     margin: 0px 0px 0px 0px; padding: 25px 25px; font-size: 10px; border:1px solid #E7E6E6; }
.boxprodlist_mob  {/* float:left; width:45%; height:210px;     margin: 0px 8px 20px 8px; padding: 10px 10px; font-size: 10px;   border-radius: 10px; box-shadow: 1px 1px 5px #d2d2d2;*/}
.boxprodlist_mob  { float:left; width:29%; height:212px; border-radius: 10px; margin: 6px 8px 10px 8px; padding: 0px; font-size: 10px; background-color: #fff;}
.boxprodlist_desk  { float:left; width:240px; height:290px;    margin:10px 15px 15px 10px; padding: 0px; font-size: 10px; background-color: #fff; border-radius: 15px;  /*box-shadow: 1px 1px 4px #d2d2d2;*/ }
/*
.boxprodlist_desk  { float:left; width:188px; height:232px;     margin: 0px 20px 20px 0px;
    padding: 25px 25px;
    font-size: 10px;
    border: 1px dotted #E7E6E6;
    border-radius: 20px;
    box-shadow: 2px 5px 6px #dedede;
 }*/  

.boxprodlist-img {height: 120px;overflow: hidden; display: block;  background-color: #fff; text-align: center; border-radius: 15px;margin:12px;}
.boxprodlist-img-mob {height: 75px;overflow: hidden; display: block;  background-color: #fff; text-align: center; border-radius: 10px;margin: 7px;}
.boxprodlist b a {color: #000;  font-size: 14px;font-weight: 500;}
.boxprodlist_mob b a {color: #000;  font-size: 12px;font-weight: 800;}
.boxprodlist_desk b a {color: #000;  font-size: 17px; font-weight: 600; line-height: 1.2;}
.prodlistext{    padding: 18px 0px 5px 0px; color: #000; line-height: 1.8;}

.listeSub  { clear:both;/* width: 220px;*/} 
.listeSub h3 {font-size: 18px; color: #39F;}


.prodinfos{float:left; margin:0px 25px 0px 5px; }
.prodinfosMob{float:left; width:98%; margin:0px 5px 0px 5px; }
.prodtof{float:left; max-height:480px; padding:10px; 5px; border: 1px dotted #C5C5C5; text-align: center; background-color: #fff;}
.prodtof .xol{border: 0px solid red; max-height: 300px; width: auto; padding: 3px; /*background:#EFEFF0;*/}
.prodtof .vol{border: 0px solid red;  width: 100%; background:#EFEFF0;}

.prodtof img#guiss{max-height: 275px; max-width: 275px;}
.prodtof img.ico-viewer{border: 0px solid #CCCCCF; margin: 1px;padding: 1px;}
.prodtof a:hover img.ico-viewer{border: 3px solid #AAA; }
.prodtitre{font-size: 18px;font-weight: bold;}



.OppDescipt{float:left; width:; padding-right:5px; }
.ImgOppAffiche{float:left; width:300px; min-height: 370; height:auto; padding:5px; border: 0px solid #C5C5C5; text-align: center;margin-bottom:30px; margin-right: 20px;}
.ImgOppAffiche .xol{border: 0px solid red; height: 300px; /*width: 300px; background:#EFEFF0;*/}
.ImgOppAffiche .vol{border: 1px solid #e2e2e2; /*width: 300px; */background: #EFEFF0; margin-top: 20px;}

.ImgOppAffiche img#guiss{max-height: 300px; max-width: 300px;}
.ImgOppAffiche img.ico-viewer{border: 0px solid #CCCCCF; margin: 1px;padding: 1px;}
.ImgOppAffiche a:hover img.ico-viewer{border: 3px solid #AAA; }


 
.catation_prod{width:310px; padding:0px 5px; border: 1px solid #C5C5C5}
.catation_prod select{  width:300px; }


.supplement {margin: 10px 5px; padding: 15px;  border: 1px dotted #C5C5C5; /*box-shadow: 0 0 2px 1px #ddd; -moz-box-shadow: 0 0 2px 1px #ddd;*/}

.box_select{ height:125px;  overflow:scroll; }

.box_select-img {width:300px; float:left;   overflow:auto; border: 1px inset #EEE; padding: 5px;   }
.box_select-img label {margin: 0}
.box_select-img INPUT {width: 220px;}
.ico-off{float: right;  margin-top: 0px;}
.pagerbi{margin-top: -30px; !important}
.pagerbi li a{border:0 !important; background:none !important}


.box-att{margin: 10px auto; width: 98%;   border: 1px solid #C5C5C5; box-shadow: 0 0 2px 1px #ddd; }
.box_select-att{  float:left; overflow:auto;   padding: 5px;  width: 100%;  }
.box_select-att ul{ width: 300px;  }
.box_select-att li img{ float: right;  margin-top: 10px;}
.box_select-att li div{ width: 280px; float: left;  }
.box_select-att label{margin: 0px; }

.box_url-img{margin: 10px auto; width: 98%;   border: 1px solid #C5C5C5; box-shadow: 0 0 2px 1px #ddd; }

.box_url-img div{width:180px; float:left;   overflow:auto;padding: 5px; margin: 0px;  }
.box_url-img  label {margin: 0}












/*  OFFRES ET OPPORTINUTES  */
.glyphicon{position:relative;top:1px;display:inline-block;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.green{color:#04B404; font-weight:normal;  }
.red{color:#d30909; font-weight:bold;}
 	.profil-content	.TitreOffre{ padding:5px 5px 5px 5px; margin:3px 0; border: none; }
 	.profil-content	.TitreOffre a b:first-letter{   font-size: 16px; text-transform: uppercase;}
 	.profil-content	.TitreOffre a:hover{text-decoration: underline;} 
 	.profil-content	.TitreOffre b:first-letter { text-transform: uppercase;}
 	.profil-content	.leadsCycleContainer{margin:0px 0px; padding:5px ; clear:both; list-style: none; }
 	.profil-content	.leadsCycleContainer  li{margin:5px 20px 25px 15px ; padding:8px 4px ;box-shadow: 0px 0px 1px #999999;  }

	.profil-content	.margin-content {margin: 0 15px  0 10px;}

.profil-content	.tools {background-color:#F3F3F3; /*#F7F7F7;*/  padding: 2px 5px; font-size: 11px;}
.bx-inf {width: auto;   float: left;margin-top: 3px;}
.bx-ico {/*width: 100px;*/   float: right; text-align: right; margin-top: 3px;}

.filter select{width:120px; padding:1px 2px;}
/*.filter #FilterSearch{width:100px; padding:2px 2px;}*/
 
.icodoc {background:#ff0000 url(../img/images/icodoc.jpg) no-repeat center center; float :left;
 font-size:18px;  font-weight: bold; width:80px; height:49px; padding-top:47px; text-align:center; text-transform:uppercase; }
.icodoc a { color:#eee; }
a.btn-info {color:#eee; }

.attribut_on{background-color: #CCC;}

.confirmAdd{border: 1px solid red; clear: both; }

 /* --MultiFileSelectUpload */
#supr{display:block; margin-left:5px; display:none}
.wrapfile{margin-bottom:10px; display:block}
.blocfile{ width:400px}
.clearme{clear:both}

/* offre sponsoris? */
.sponsor{background: #fffdf1 url(../img/ico/sponsored_.png) no-repeat top -12px right -33px;}
.simple{background: #fff;}
.sponsor .tools {/*background: #F7EFBC;*/}

.type-offre {
display: inline-block;
padding: 5px 6px;
font-size : 14px;
font-weight: normal;
line-height: 10px;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 5px;
}

.type-offre-acc {
display: inline-block;
padding: 2px 4px;
margin-bottom:2px;
margin-top:-3px;
font-size : 12px;
font-weight: normal;
line-height: 14px;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/*.type-1 {background-color: #951009;} 
.type-2 {background-color: #1A8209;} 
.type-3 {background-color: #065ABA;} 
.type-4 {background-color: #E75600;} */

.labsecteur  {
display: inline-block;
padding: 3px 20px 3px 10px; 
margin: 0 2px; 
line-height: 14px; 
background-color: #e9f6ff; 
color: #777;
border-radius: 4px;
}
#SousTitreSearch{color:#999; /*width: 740px;*/
    margin: 0px 0 20px 10px;}
	
#SousTitreSearchMob{color:#999; width: 95%;
    margin: 20px 0 20px 10px;}


labsecteur:hover  {
background-color: #5F5F60; color:#FFF;
}
#catalogue .pagination{color: #fff;  margin:15px 10px  15px 0; text-align: center;  font-size:8px; display:block;}
#content .pagination{color: #fff;  margin:10px 10px  0px 0; text-align: center;  font-size:8px;}
.pagination{color: #fff; margin:10px 10px  0px 0; font-size:8px; display:block; }

.pagination span a   {/*float:left;*/
padding: 5px 8px;
line-height: 18px; font-size:18px;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #ddd;
margin-left: 4px;
/*border-left-width: 0;*/
}

.pagination span.current   {  /* float:left;*/
padding: 5px 8px;
line-height: 18px; font-size:18px;
text-decoration: none;
background-color: #0767AC; color:#fff;
border: 1px solid #ddd;
border-left-width: 0;
margin-left: 8px;
}







/*  MESSAGERIE INTERNE ----------------------------------------------------*/

.messagerie .table{width: 98%}
 


/*  MESSAGERIE INTERNE ----------------------------------------------------*/






/*  COLONNE DROITE   */   
.sidebar-right{float:left; width:300px; padding:0px 0px 0px 0px; margin-left: 15px;
    top: 130px;
    right: 0px;
    position: absolute;
}
.sidebar-right .btn-primary{width: 300px; padding:  5px 0px; margin: 0px auto; float: left;}


.viewall{display:block; padding-right:10px; text-align:right; clear: both; font-size: 9px;}
.blocagenda_titre{text-transform:uppercase; width:450px; float:left; margin:0px 0px 0px 0px; padding:0px 2px 0px 3px; height:25px; /*background-image:url(back_block1.jpg);*/ background-color: #0072b6; text-align:center; color:#FFF; font-size:14px; text-shadow: -1px -1px #666; }
.blocagenda_titre a{color:#FFF; text-decoration:none;}
.blocagenda_titre a:hover{color:#EEEEFF; }

.viewall_18{display:block; padding-right:10px; text-align:right; clear: both; font-size: 12px;}
.blocagenda_titre{text-transform:uppercase; width:260px; float:left; margin:0px 0px 0px 0px; padding:5px 2px 0px 3px; height:25px; /*background-image:url(back_block1.jpg);*/ background-color: #0072b6; text-align:center; color:#FFF; font-size:12px;     font-weight: 700; text-shadow: -1px -1px #666; }
.blocagenda_titre a{color:#FFF; text-decoration:none;}
.blocagenda_titre a:hover{color:#EEEEFF; }

.blocagenda{background-color: #FFF; width:300px; padding:0px 0px 0px 0px; float:left;box-shadow: 0px 0px 1px #999999; margin:0px 0px 10px 0px;}
.blocstats_titre{
	width:298px;  margin:5px 0px 0px 0px; padding:5px 2px 0px 3px; height:25px;  
	background-color:#d1d1d1; text-align:center; color:#333; font-size:14px; text-shadow: -1px -1px #;  font-weight:bold;
	/*width:297px; float:left; margin:0px 0px 0px 0px; padding:5px 2px 0px 3px; height:25px; background-image:url(../img/images/back_block2.jpg); background-color:#036; text-align:center; color:#FFF; font-size:14px; text-shadow: -1px -1px #666; 
	*/
	}
.blocSecteur{ /*background-color: #f9f9f9;width:300px; padding:0px 0px 0px 0px; float:left;box-shadow: 0px 0px 1px #999999; margin:35px 0px 10px 0px;*/}
.blocSecteur .listeSub  {   padding: 10px; clear:both; } 	
.sidebar-right .blocstats_titre{background-color: #0072b6; color: #FFF}


.blocstats{
	 background-color: #FFF; width:430px; padding:10px; float:left; margin:0px 0px 10px 0px; 
	 border:1px solid #FFFFFF;  box-shadow: 0px -1px 1px #999; font-size: 13px;
	
	/*background-image:url(white.png); width:280px; padding:10px; float:left; margin:0px 0px 10px 0px; border:1px solid #FFFFFF;  box-shadow: 0px -1px 1px #999999;
	*/
	}

.logoactuticker{width:60px; padding-top:10px; float: left; margin: 2px 10px 0px 0px;}
.logoactuticker img{width:50px;  border:1px solid #ccc}



/* ------- PAGE  ------------------------------------------ */

/* ----------------  FOOTER  ----------------------------*/

.base{background-color:#0072b6; width:100%; padding:3px 0;
 clear:both; /*position:fixed;*/ bottom:0;
box-shadow: 0px -1px 1px #999999;
font-size:11px;
overflow:hidden;
height:20px;
margin-top:40px;
}

.base  ul.menu {  width: 950px; margin: 0 auto}

.base  ul.menu li {
 	
border-right: 1px solid #7F9FCF;
 
list-style: none;
display: inline-block;

padding: 0px;
border: 0px;
}

.base  ul.menu   a{font-weight: bold;color:rgb(190,191,193);text-decoration:none; border-right:1px solid #CCC  ;padding-right:10px;}
.base  ul.menu   a:link{color:rgb(190,191,193);text-decoration:none; }
.base  ul.menu   a:hover{color:rgb(190,191,193);text-decoration:none;}
.base  ul.menu   a:visited{color:rgb(190,191,193);text-decoration:none; }
.base  ul.menu   .last a{border:none; font-weight: normal;}
 

/*************************************** GESTION ACTUS ********************************/
.catalogue{
float: left;
margin: 10px 0 10px 10px;
width: 640px;
text-align: center;
	
	}
	
.catpage{margin: 10px 0 10px 0px !important;}

.profil-content	.NewContainer  li{
	margin:5px 5px 15px 0 ; 
	/*padding:5px ;*/
	/*box-shadow: 0px 0px 1px #999999;  */
	}
.profil-content	.EventContainer  li{
	margin:5px 10px 15px 0 ; 
	/*padding:5px ;*/
	/*box-shadow: 0px 0px 1px #999999;  */
	}
.blocnew, .blocevent, bloceventact{
list-style: none;
margin: 0;
padding: 0;
text-align: left;

	}
	

	
.blocnew > li {
float: left;
height: 229px;
margin: 0 15px 15px 0;
overflow: hidden;
padding: 8px;
position: relative;
width: 187px;
background: #f4f4f4;
border: 1px solid #e3e3e3;
}

.profil-content	.blocevent li{
	margin: 5px 10px 1px 10px;
padding: 15px 15px 0px 15px;
	/*padding:5px ;*/
	/*box-shadow: 0px 0px 1px #999999;  */
	}
.EventContainer > li{
	height: 180px; 
	}
.blocevent > li {
float: left;
/*height: 180px;*/
margin: 0 15px 15px 0;
overflow: hidden;
padding: 8px;
position: relative;
width: 130px;
/*background: #f4f4f4;*/
/*background: #F7F2E0;*/
background: #FFF;
border: 1px solid #e3e3e3;
}	

.bloceventact > li {
float: left;
height: 180px;
margin: 0 15px 15px 0;
overflow: hidden;
padding: 8px;
position: relative;
width: 130px;
/*background: #f4f4f4;*/
/*background: #F7F2E0;*/
background: #FFF;
border: 1px solid #e3e3e3;
}
.footerevent {
bottom: -27px;
left: 8px;
list-style: none;
margin: 0;
padding: 0;
/*position: absolute;*/
right: 8px;
border-top: 1px solid #d9d9d9;
}

.footerevent li:first-child {
padding-top: 1px;
/*border-top: 1px solid #fff;*/
}

.footerevent li.actionews {
background-position: 0 0;
float: right;
}
.footerevent li {
display: block;
height: 34px;
overflow: hidden;
padding-left: 30px;
/*background: url(../../bundles/aefhermesrfi/img/sprites_formats.png) 0 0 no-repeat;*/
}

	
.metanew{
font-size: 9px;
line-height: 20px;
font-family: Arial;
color: #8e8e8f;
overflow: hidden;
height: 20px;
	}
	
.tag {
text-transform: uppercase;
}
a.no-decoration {
color: inherit;
text-decoration: none;
}

.blocnew h3 {
margin: 0;
padding: 0;
font-weight: normal;
font-size: 1.17em;
/*margin: 1em 0;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
*/
}

.blocnew a:hover, .blocevent a:hover, bloceventact a:hover{
	text-decoration: underline;
	}

.blocevent h3 a{
display: block;
font-size: 11px;
text-decoration: none;
color: #000;
-webkit-transition: color .25s 0s ease;
-moz-transition: color .25s 0s ease;
-ms-transition: color .25s 0s ease;
-o-transition: color .25s 0s ease;
transition: color .25s 0s ease;
font-weight: bold;
}

.bloceventact h3 a{
display: block;
font-size: 11px;
text-decoration: none;
color: #000;
-webkit-transition: color .25s 0s ease;
-moz-transition: color .25s 0s ease;
-ms-transition: color .25s 0s ease;
-o-transition: color .25s 0s ease;
transition: color .25s 0s ease;
font-weight: bold;
}

.blocnew h3 a{
	display: block;
font-size: 13px;
text-decoration: none;
color: #000;
-webkit-transition: color .25s 0s ease;
-moz-transition: color .25s 0s ease;
-ms-transition: color .25s 0s ease;
-o-transition: color .25s 0s ease;
transition: color .25s 0s ease;
font-weight: bold;
}
.blocnew h3 a:visited{
	font-size: 13px;
text-decoration: none;
color: #000;
font-weight:bold;
	}
	
.blocevent h3 a:visited{
	font-size: 11px;
text-decoration: none;
color: #000;
font-weight:bold;
	}

.bloceventact h3 a:visited{
	font-size: 11px;
text-decoration: none;
color: #000;
font-weight:bold;
	}

.footernew {
bottom: -27px;
left: 8px;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
right: 8px;
border-top: 1px solid #d9d9d9;
}

.footernew li:first-child {
padding-top: 1px;
/*border-top: 1px solid #fff;*/
}

.footernew li.actionews {
background-position: 0 0;
float: right;
}
.footernew li {
display: block;
height: 34px;
overflow: hidden;
padding-left: 30px;
/*background: url(../../bundles/aefhermesrfi/img/sprites_formats.png) 0 0 no-repeat;*/
}


.vcard_titleActu {
width:625px;
	color: #333333;
 background-color: #D1D1D1;
    border-bottom: 1px dotted #0686C6;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    margin:5px 0px 0px 0px;
    padding: 5px 2px 0 3px;
    text-align: center;
         text-transform: uppercase; 
      
	        }

.ActuEvent .vcard_titleActu {margin-top: 0px}


.ActuEvent {background-color:#FFFFFF;    float:left; box-shadow: 0px 0px 1px #999999; margin-top:10px;padding-bottom: 2px;}
.ActuEvent  .carousel-inner>.active , .vcard  .carousel-inner>.active{ margin-left: 60px;}

.PCTContact li{list-style: none;}

.profilcontent{/*background-color:#FFFFFF; width:640px;*/ min-height:500px; padding:20px 0px 0px 10px; float:left;
box-shadow: 0px 0px 1px #999999; margin-top:20px; margin-left:55px;   border:0px solid #0072b6; overflow:hidden}

.profil-contentEvent2{ background-image: url('../img/images/back_register.jpg')/*background-color:#E0ECF8;*/ /*#FBF2B7*/; width:640px; height:280px; padding:20px 0px 0px 10px; float:left;
box-shadow: 0px 0px 1px #999999; margin-top:20px; margin-left:55px;   border:0px solid #0072b6; overflow:hidden}

.profil-contentEvent{background-color: #F5ECCE; /*#FBF2B7*/; width:970px; height:280px; padding:20px 0px 0px 10px; float:left;
box-shadow: 1px 1px 2px #999; margin-top:20px; margin-left:55px;   /* border: 1px solid #0072b6; */ overflow:hidden}

.contentEventAcc{padding:0px 0px 0px 0px !important;}

.profil-contentEventActu{background-color: #F5ECCE; width:720px; height:280px; padding:0px 0px 0px 10px; float:left;
box-shadow: 1px 1px 2px #999; margin-top:20px; margin-right:20px;  overflow:hidden}

.profil-contentActu{background-color:#FFFFFF; width:660px; /*min-height:500px;*/ padding:0px 0px; float:left;
box-shadow: 0px 0px 1px #999999; margin-top:20px; margin-left:55px;   border:0px solid #0072b6; overflow:hidden}

.blocactus_titre{text-transform:uppercase; text-align:center; float:left; margin:0px 0px 10px 0px; padding:5px 2px 0px 3px; height:25px; background-color: #0072b6; text-align:center; color:#FFF; font-size:14px; text-shadow: -1px -1px #666; width:660px; }
.blocactus_titre a{color:#FFF; text-decoration:none;}
.blocactus_titre a:hover{color:#EEEEFF; }

.blocevent_titre{text-transform:uppercase; text-align:center; float:left; margin:0px 0px 10px 0px; padding:5px 2px 0px 3px; height:25px; background-color: #0072b6; text-align:center; color:#FFF; font-size:14px; text-shadow: -1px -1px #666; width:100%; }
.blocevent_titre a{color:#FFF; text-decoration:none;}
.blocevent_titre a:hover{color:#EEEEFF; }
.CatEvent{
float: left;
margin: 0px 0 10px 15px;

text-align: center;
	
	}
.profil-contentEvent .NewContainer  li{
	margin:5px 5px 15px 0 ; 
	/*padding:5px ;*/
	/*box-shadow: 0px 0px 1px #999999;  */
	}
.profil-contentEvent .EventContainer  li{
	margin:5px 10px 15px 0 ; 
	/*padding:5px ;*/
	/*box-shadow: 0px 0px 1px #999999;  */
	}

	.profil-contentEventActu .NewContainer  li{
	margin:5px 5px 15px 0 ; 
	/*padding:5px ;*/
	/*box-shadow: 0px 0px 1px #999999;  */
	}
.profil-contentEventActu .EventContainer  li{
	margin:5px 2px 10px 0px ; 
	/*padding:5px ;*/
	/*box-shadow: 0px 0px 1px #999999;  */
	}
.profil-contentActu .NewContainer  li{
	margin:5px 10px 13px 0 ; 
	/*padding:5px ;*/
	/*box-shadow: 0px 0px 1px #999999;  */
	}
.profil-contentActu .EventContainer  li{
	margin:5px 10px 15px 0 ; 
	/*padding:5px ;*/
	/*box-shadow: 0px 0px 1px #999999;  */
	}
/************************************************ Actu Accueil *****************************/
.catalogEvens{ /*#FBF2B7*/; width:900px; height:260px; padding:10px 0px 0px 10px; float:left;
/*box-shadow: 1px 1px 2px #999;*/ /*margin-top:20px;*/ /*margin-bottom:20px;*/   /* border: 1px solid #0072b6; */ /*overflow:hidden;*/
 /*background:url(../img/images/back_register.jpg);*/
}


.catalogEvens .EventContainer  li{
	margin:5px 20px 15px 0 ; 
	/*padding:5px ;*/
	/*box-shadow: 0px 0px 1px #999999;  */
	}

.catalogEvens .NewContainer  li{
	margin:5px 5px 15px 0 ; 
	/*padding:5px ;*/
	/*box-shadow: 0px 0px 1px #999999;  */
	}


.bloceventactus > li {
float: left;
height: 180px;
margin: 0 15px 15px 0;
overflow: hidden;
padding: 8px;
position: relative;
width: 130px;
background: #f4f4f4;
border: 1px solid #e3e3e3;
}

.bloceventactus h3 a{
display: block;
font-size: 11px;
text-decoration: none;
color: #000;
-webkit-transition: color .25s 0s ease;
-moz-transition: color .25s 0s ease;
-ms-transition: color .25s 0s ease;
-o-transition: color .25s 0s ease;
transition: color .25s 0s ease;
font-weight: bold;
}

	
.bloceventactus h3 a:visited{
	font-size: 11px;
text-decoration: none;
color: #000;
font-weight:bold;
	}

/************************************ ****************************/

.alertmess{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.alertmess .close{position:relative;top:-2px;right:-21px;line-height:20px;}
.alertmess-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}
.alertmess-danger,.alertmess-error{/*background-color:#f2dede;*/ background-color: red; border-color:#eed3d7;color:#b94a48;}

.alertmessblack{color: black;}
.alertmesswhite{color: white;}


/********************************** GESTION PAGE PACK ***************************/

/* content tarifs*/
#banniere_tarifs{
	width:100%;
	height: 200px;
	margin-bottom:25px;
	background: url('../img/bann_zen.png') no-repeat center #6AA4ED;
}
#tarifs_content_top{
	float: left;
}
#bloc_prix{
	font-family: Arial;
	color:#464646;
	position: relative;
	float:left;
	width:350px;
	height: 110px;
	margin-bottom: 40px;
	font-weight: 600;
}
#tarif_bt_essai_gratuit{
	position: relative;
	float:left;
	width: 615px;
}
#tarif_bt_essai_gratuit a:hover{
	text-decoration: none;
}
#a_partir{
	position:absolute;
	font-size:12px;
	top:0;
	left:0;
}
#dix_neuf{
	position:absolute;
	font-size:72px;
	top:5px;
	left:0;
}
#cents{
	position:absolute;
	font-size:24px;
	top:20px;
	left:88px;
}
#ht_mois_utilisateur{
	position:absolute;
	font-size:14px;
	top:58px;
	left:88px;
}
#sans_engagement{
	position:absolute;
	font-size:25px;
	top:75px;
	left:0;
}
#pointe_tableau{
	background: url('../img/tarif_header') no-repeat 30px 0;
	width:100%;
	height:28px;
}
#tarifs_table{
	margin-bottom: 35px;
	font-family: arial;
}

#tarifs {
font-family : Arial;
color : #545353;
}

#tableau_tarifs {
width : 970px;
height : 450px;
margin-top: 60px;
margin-bottom: 10px;
}

#tableau_tarifs #colonne_1 {
float :left ;
width : 200px;
}

#tableau_tarifs  #colonne_3 {
background : url('http://dobiza.com/img/images/classic.png') no-repeat;
float :left;
width : 296px;
height : 492px;
margin-top : -36px;
margin-left : -16px;
margin-right : -16px;
z-index: 10;
position : relative;
}

#tableau_tarifs  #colonne_2 {
background : url('http://dobiza.com/img/images/gratuit.png') no-repeat;
float :left;
width : 240px;
height : 440px;
}

#tableau_tarifs  #colonne_4 {
background : url('http://dobiza.com/img/images/premium.png') no-repeat;
float :left;
width : 240px;
/*height : 440px;*/
}
#tableau_tarifs  #colonne_1 {
background : url('http://dobiza.com/img/images/0.gif') 0px 72% no-repeat;
float :left;
padding-left : 15px;
margin-top : 14px;
}

.gratuit, .classic, .premium, #colonne_1 div { height : 35px; font-size:12px;}

.modules_supp.gratuit, .modules_supp.classic, .modules_supp.premium { height : 25px }

#colonne_1 div.choix.offre {
text-transform : uppercase;
height : 50px;
font-size : 14px;
padding-top : 15px;
}

.choix.gratuit {
font-size : 20px;
color : #FFF;
text-align : center;
height : 60px;
padding-top : 25px;
}

.choix.classic {
font-size : 20px;
color : #FFF;
text-align : center;
height : 60px;
padding-top : 25px;
}

.choix.premium {
font-size : 20px;
color : #FFF;
text-align : center;
height : 60px;
padding-top : 25px;
}
.offre.gratuit, .offre.premium {
height : 20px;
padding-top : 10px;
color : #FFF;
text-transform : uppercase;
font-size : 12px;
}

.offre.classic{
height : 30px;
padding-top : 35px;
color : #FFF;
text-transform : uppercase;
font-size : 12px;
}

.gratuit, .classic, .premium {text-align : center;}

#en_tete_offres {
font-size : 16px;
text-transform : uppercase;
}

#engagement .gratuit, #engagement .classic, #engagement .premium{
text-transform : uppercase;
}

.choix.classic .prix_ht, .choix.premium .prix_ht{
font-size : 13px;
}


.fleche_choix_classique {
background : url('http://dobiza.com/img/images/global.png') -10px -20px no-repeat;
width : 40px;
height : 40px;
float : right;
margin-top : -10px;
}

.fleche_choix_sur_mesure {
background : url('http://dobiza.com/img/images/global.png') -10px -197px no-repeat;
width : 40px;
height : 40px;
float : right;
margin-top : -10px;
}

.fleche_choix_start_up{
background : url('http://dobiza.com/img/images/global.png') -10px -110px no-repeat;
width : 40px;
height : 40px;
float : right;
margin-top : -10px;
}

#tarifs_sur_mesure {
font-size : 34px;
}

select.choix_metier{

background-color: Transparent; 
-webkit-appearance: none;
-o-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-khtml-appearance: none;
appearance: none;

color: #fff;
cursor: pointer;
font-size: 14px;
margin: 0;
background : url('http://dobiza.com/img/images/global.png') -526px -109px no-repeat;
width : 205px;
height : 31px;
border: 0;
margin-left : 5px;
margin-top : 5px;
padding : 5px 8px;
}

select.choix_metier option {
background-color : #dd7171;
color: #fff;
border: 0;
}

select.choix_metier option:hover {
border : 0;
}

div.choix_offre.gratuit, div.choix_offre.premium{
background : url('http://dobiza.com/img/images/global.png') -525px -186px no-repeat;
width :240px;
height : 55px;
}
div.choix_offre.classic{
	/*background : url('http://dobiza.com/img/images/global.png') -510x -10px no-repeat;*/
	background : url('http://dobiza.com/img/images/global.png') -509px -5px no-repeat;
	width :296px;
	height : 71px;
}
a.choix_offre.gratuit{
color : #285e59;
font-weight : bold ;
font-size : 14px;
text-decoration : none;
text-transform : uppercase;
}

a.choix_offre.classic{
color : #FFF;
font-weight : bold ;
font-size : 14px;
text-decoration : none;
text-transform : uppercase;
}

a.choix_offre.premium{
	color : #b34c05;
	font-weight : bold ;
	font-size : 14px;
	text-decoration : none;
	text-transform : uppercase;
}

a:hover .choix_offre.premium{
	color : #FFF;
	text-decoration : none;
	background : url('http://dobiza.com/img/images/global.png') -525px -257px no-repeat;
	width :240px;
	height : 55px;
}

a:hover .choix_offre.gratuit{
	color : #FFF;
	text-decoration : none;
	background : url('http://dobiza.com/img/images/global.png') -144px -257px no-repeat;
	width :240px;
	height : 55px;
}

a:hover .choix_offre.classic{
	color : #FFF;
	text-decoration : none;
	background : url('http://dobiza.com/img/images/global.png') -128px -325px no-repeat;
	width :296px;
	height : 71px;
}

.lien_sur_mesure, .lien_start_up {
	padding-top : 20px;
	width : 220px;
	margin-left : 15px;
}

.lien_classique {
	padding-top : 20px;
	width : 220px;
	margin-left : 35px;
}

#economies {
background : url('http://dobiza.com/img/images/rectangle_economie.png') no-repeat;
width : 760px;
height : 63px;
margin-left : 207px;
margin-bottom : 40px;
}

#economies .accroche {
vertical-align: middle;
display: table-cell;
height: 63px;
padding-left : 20px;
text-transform : uppercase;
color : #000;
width : 750px;
}

#economies .accroche span {
color : #0a66bc;
padding-right : 5px;
font-weight : bold;
}

#modules_complementaires {margin-bottom : 20px;}

.module_collaboratif, .module_achat, .module_dossiers {
float : left;
width : 270px;
color : #FFF;
padding : 10px;
height : 115px;
}

.module_collaboratif {
/*background : #4ECDC4;*/
background : #12CDBC;
}

.module_achat {
/*background : #be0838;*/
margin-left : 45px;
background : #54ce53;
}

.module_dossiers {
/*background : #c62d00;*/
margin-left : 45px;
background : #009cfc;
}

.titre_module {
font-weight : bold;
font-size : 14px;
}

#modules_sur_mesure.modules_supp.premium {
background-color : #ebebeb;
height: auto;
padding-bottom: 10px;
}

#changer_metier a, #changer_metier a:hover{
cursor : pointer;
color: #C6C6C6;
}

.icon_dossiers {
background : url('http://dobiza.com/img/images/module_dossiers.png') no-repeat;
width : 80px;
height : 85px;
float :left;
margin: 0 10px;
}

.icon_frais {
background : url('http://dobiza.com/img/images/module_frais.png') no-repeat;
width : 80px;
height : 85px;
float :left;
margin: 5px 10px 0 10px;
}


.icon_collaboratif {
background : url('http://dobiza.com/img/images/module_collaboratif.png') no-repeat;
width : 80px;
height : 65px;
float :left;
margin: 15px 10px 0 10px;
}

.desc_module { margin-top : 10px ;}


.cadreSecteur{background: #F5FBFE; padding:5px; border:1px solid #bce8f1;}

.boxprodlistcat  { float:left; width:136px; height:180px; margin:10px 0px 10px 40px; font-size: 10px; border:1px solid #E7E6E6; overflow:hidden; }
.prodlistextcat{padding:5px; line-height:1.5;}

/********************************************* recherche par secteur  *********************/

.homeFullCol {
    width: 1080px;
}
.homeFullColMob {
    width: 100%;
}

.homeSector li{margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-family: Tahoma,sans-serif;
    text-rendering: optimizelegibility;
    text-align: left;
}
.homeSector {
    background: #fff;
    /*padding: 28px 20px;*/
}

.homeSector h2 {
    font-family: 'Lato',tahoma,sans-serif;
    display: block;
    font-size: 30px;
    padding: 15px 15px;
    position: relative;
	line-height: 18px;
    background-color: #e6e6e6;
    color: #006eb9;
    font-weight: bold;
	/*border-left: 10px solid #006eb9;*/
	
}

.homeSector-h2 {
    font-family: 'Lato',tahoma,sans-serif;
    display: block;
    font-size: 30px;
    padding: 15px 15px;
    position: relative;
    line-height: 18px;
    background-color: #e6e6e6;
    color: #006eb9;
    font-weight: bold;
    /*border-left: 10px solid #006eb9;*/

}

.homeSector ul {
    margin: 0;
}


.homeSector .colLeft {
    float: left;
    margin: 0 5px 0 -3px;
    width: 365px;
}
.homeSector .firstImage {
    margin: 0 0 10px 0;
    height: 290px;
    width: 365px;
}

.homeSector .firstImage, .homeSector .secondImage, .homeSector .thirdImage, .homeSector .fourthImage, .homeSector .fifthImage {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
}

.homeSector .secondImage {
    height: 175px;
    width: 365px;
}

.homeSector .colRightMob {
    float: left;
    margin: 0 5px 0 0;
    clear:both;
}

.homeSector .colRightEndMob {
    float: left;
    margin: 0 0px 0 20px;
     clear:both;
}

.homeSector .colRight {
    float: left;
    margin: 0 0px 0 0;
    width: 490px;
}

.homeSector .colRightEnd {
    float: left;
    margin: 0 0px 0 20px;
    width: 200px;
	padding:0px;
	height: 265px;
}

.homeSector li {
    float: left;
    overflow: hidden;
}

.homeSector .thirdImage {
    margin: 0 3px 10px 0;
    height: 170px;
    width: 224px;
}

.homeSector h3 {
    font-family: 'Lato',tahoma,sans-serif;
    position: absolute;
    bottom: -10px;
    left: 0;
	width:100%;
}

.homeSector .title {
    display: block;
    text-shadow: 1px 1px 0 #000;
	background:rgba(0,71,106,.7); 
	padding: 4px 7px 4px 7px;
	line-height: 1.3;
    /*width: 190px;*/
}
.homeSector h3 span {
    color: #fff;
    font-family: arial, tahoma,sans-serif;
	/*font-family: 'Lato',tahoma,sans-serif;*/
}
.fs14 {
    font-size: 14px;
}

.homeSector .compCount {
    display: inline-block;
    background: rgba(0,0,0,.5);
    margin-top: 2px;
    padding: 4px 20px 4px 10px;
	font-size:10px;
}

.homeSector .thirdImage.last {
    margin: 0 0 10px 0;
}

.homeSector div{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-family: Tahoma,sans-serif;
    text-rendering: optimizelegibility;
    text-align: left;
}

.homeSector .fourthImage {
    margin: 0 3px 10px 0;
    height: 110px;
    width: 224px;
}

.homeSector .fourthImage.last {
    margin: 0 0 10px 0;
}

.img-sector {
    position: relative;
    width: 750px;
    height: 280px;
    z-index: 0;
}

.img-sector .didTitle {
    background-color: rgba(0,0,0,.4);
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 2px 10px 2px 50px;
    /*max-width: 610px;*/
	font-size:14px;
}

.didTitle h1 {
    font-size: 20px;
    font-family: 'LatoBold',tahoma,sans-serif;
    color: #FFF;
}

.img-sector .didClick {
    background-color: rgba(150,191,13,.8);
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px 30px 10px 20px;
}

/***************** sous secteurs  *******************/


.title-b {
    margin-bottom: 15px;
    padding: 8px;
    font-size: 22px;
    font-family: 'LatoBold',tahoma,sans-serif;
    color: #006ba0;
	background-color: #e2edff;
}

#domain-columns {
    margin-bottom: 50px;
}

.clearfix {
    display: block;
}

#domain-columns .col-l {
    width: 370px;
    float: left;
}

#domain-columns li {
    border-bottom: 1px dotted #ccc;
    display: table;
    margin: 0;
    padding: 10px 0;
}

#domain-columns .col-r {
    width: 370px;
    float: right;
}


/********************************* Stats  ************************/
.statEntrep{
	float:left; width:420px; margin-right:10px; margin-bottom:40px; 
}

.resultent{
width:165px; height:165px;  border-radius:50%; background-color: #74ad76; color: #fff; 	
cursor:pointer;	
}

.resultent .nombre{
	display: block; font-family: 'LatoBold',tahoma,sans-serif;text-align: center; font-size:35px; padding-top:40px;
}


.resultent .text{
display: block; font-size: 15px; margin: 0 auto; width: 140px; text-align:center;
}


.statOpp{
	float:left; width:310px;  margin:0px 0 10px 0;
}

.resultOpp{
width:165px; height:165px;  border-radius:50%; background-color: #9861a0; color: #fff; 	
cursor:pointer;	
}

.resultOpp .nombre{
	display: block; font-family: 'LatoBold',tahoma,sans-serif;text-align: center; font-size:35px; padding-top:40px;
}


.resultOpp .text{
display: block; font-size: 15px; margin: 0 auto; width: 140px; text-align:center;
}

.clickable{
cursor:pointer;	
}

.alert,.alert h4{color:#045a98;}
.alert h4{margin:0;}
.alert .close{position:relative;top:-2px;right:-21px;line-height:20px;}
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}
.alert-success h4{color:#468847;}
.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
.alert-danger h4,.alert-error h4{color:#b94a48;}
.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}
.alert-info h4{color:#3a87ad;}
.alert-block{padding-top:14px;padding-bottom:14px;}
.alert-block>p,.alert-block>ul{margin-bottom:0;}
.alert-block p+p{margin-top:5px;}

.red_asterisk {
    font-size: 12px;
    color: #FF0000;
}