/* CSS (c) Benefsnet.com */

@import url(/old/css/base.css);

@import url(/old/css/structure.css);

@import url(/old/css/menus.css);

@import url(/old/css/titres.css);

@import url(/old/css/bo.css);

@import url(/old/css/popup.css);


/* Fenetre Cookies */

@media (min-width: 500px) {
	.cc_container{
		padding-bottom:80px !important;
		left:auto !important;
	}
}

.cc_message{ /* Taille texte message Cookies */
    font-size:14px !important;
	line-height:18px !important;
	color:#666;
}
.cc_btn{
	font-size:13px !important;	
}

/* FIN */

div#partenaires{
	color:#e8ae44;
}

div#partenaires a{
	font-size:9px;
	color:#f6985a;
}

/* Contenu */

div.etoile {
	width:32px;
	height:32px;
	float:left;
	background:url(/images/contenu/etoiles.jpg) 0 -64px;
}
div.etoile:hover {
	width:32px;
	height:32px;
	cursor:pointer;
	background:url(/images/contenu/etoiles.jpg) 0 -32px;
}
div.etoilePetite {
	width:16px;
	height:16px;
	float:left;
	background:url(/images/contenu/etoilesPetites.jpg) 0 -32px;
}
div.etoilePetiteRouge {
	width:16px;
	height:16px;
	float:left;
	background:url(/images/contenu/etoilesPetites.jpg) 0 0px;
}
h1.titreAvis {
	margin-bottom:2px;
	margin-top:0;
	
	color: #E20818;
	font-size: 20px;
	font-weight: bold;
}
h2.titreAvis2 {
	margin-bottom:10px;
	margin-top:18px;
	
	color: #333;
	font-size: 15px;
	font-weight: bold;
}
div#liensAvisSite {
	text-align:center;
	margin-bottom:10px;
	background:#FFFAD7;
	padding:5px;
	margin-top:5px;
	-webkit-border-radius:8px;
	   -moz-border-radius:8px;
	        border-radius:8px; 
}
div.blocArrondi {
	background:#FFFAD7;
	padding:5px;
	margin-top:5px;
	-webkit-border-radius:8px;
	   -moz-border-radius:8px;
	        border-radius:8px; 
}

div.blocAvis {
	margin-bottom:14px;
}

div#actusAvis {
	text-align:center;
	border:1px solid #EECA89;
	padding:10px;
	width:500px; 
	margin:1px auto 20px auto; 
	
	/*border-radius*/
	-webkit-border-radius:8px;
	   -moz-border-radius:8px;
	        border-radius:8px;
	/*box-shadow*/
	-webkit-box-shadow:1px 1px 3px #DDD;
	   -moz-box-shadow:1px 1px 3px #DDD;
	        box-shadow:1px 1px 3px #DDD;
}
	div#actusAvis #titreActusAvis {
		color:#E20818;
		font-size:15px;
		font-weight:bold;
		margin-bottom:10px;
		margin-top:8px;
		text-align:center;
	}
div#titreAvisFiche {
	color: #E20818;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
div#ficheAvis {
	text-align:center;
	border:1px solid #EECA89;
	padding:10px;
	width:400px;
	margin:8px auto 20px auto;
	
	/*border-radius*/
	-webkit-border-radius:8px;
	    -moz-border-radius:8px;
	         border-radius:8px;
	
	/*box-shadow*/
	-webkit-box-shadow:1px 1px 3px #DDD;
	   -moz-box-shadow:1px 1px 3px #DDD;
	        box-shadow:1px 1px 3px #DDD;
}
td.titreFormAvis {
	vertical-align:top;
	text-align:left;
}

div.clear{
	clear:both;
}

div#contenu{
	margin-left:7px;
	margin-right:7px;
	width:634px;
	float:left;
}

div.englobeContenu{
	margin-bottom:7px;
}

div#contenu div.emboiteContenu{
	border:1px solid #eeca89;
}

div#contenu div.basEmboiteContenu{
	background-image:url(/images/contenu/fondBasContenu.jpg);
	background-repeat:no-repeat;
	height:5px;
	font-size:0;
}

div#contenu div.emboiteContenu div.texteContenu{
	padding:10px 7px 10px 7px;
	text-align:justify;
}


div#contenu div.fondTitreContenu{
	background-image:url(/images/contenu/fondTitreContenu.jpg);
	height:12px;
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
}

div#contenu div.filAriane{
	height:10px;
	background-color:#FDFBEE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px 0 5px 7px;
	color:#CA7757;
}

div#contenu div.filAriane a{
	font-size:11px;
	color:#9c583e;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

div#contenu div.filAriane a:visited{
	font-size:11px;
	color:#9c583e;
	font-family:Arial, Helvetica, sans-serif;
}

div#contenu div.filAriane a:hover{
	font-size:11px;
	color:#9c583e;
	font-family:Arial, Helvetica, sans-serif;
	background:none;
	text-decoration:underline;
}

span.titre
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF9900;
	font-weight: bold;
}

h1#titre
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF9900;
	font-weight: bold;
	float:left;
	margin:5px 0 15px 0;
	padding:0;
}

h2.titre
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF9900;
	font-weight: bold;
	float:left;
	margin:5px 0 15px 0;
	padding:0;
}

table#must{
	color: #666666;
	margin:auto;
}

.desc{
	margin-bottom:7px;
	font-size:9px;
	color:#666666;
}

table.derniers td{
	color:#666666;
}

table.derniers td.texte_nouveautes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	font-weight: bold;
	width:50%;
	height:15px;
	background-color:#fff8c4;
	text-align:center;
}

table.derniers td.nomNouveauSite {
	height:18px;
	background-image:url(/images/menus/puces/gagner.gif);
	background-repeat:no-repeat;
	background-position:0 48%;
	padding-left:9px;
}

div#contenu div.emboiteContenu div.texteContenu ul.miniMenu{
	list-style-type:none;
	margin:0;
	padding:0;
}

div#contenu div.emboiteContenu div.texteContenu ul.miniMenu li{
	font-size:11px;
	height:15px;
	background-image:url(/images/menus/puces/gagner.gif);
	padding-left:10px;
	background-repeat:no-repeat;
	background-position:0 48%;
}

div#contenu div.emboiteContenu div.texteContenu ul.miniMenu li.miniMenuTitre{
	padding:0;
	background:none;
	color:#CA7757;
	font-weight:bold;
	padding-bottom:7px;
}

div#contenu div.emboiteContenu div.texteContenu ul.miniMenu li a{
	font-size:11px;
}
div#contenu div.emboiteContenu div.texteContenu ul.miniMenu li a:visited{
	font-size:11px;
}
div#contenu div.emboiteContenu div.texteContenu ul.miniMenu li a:hover{
	font-size:11px;
}

/* FIN contenu  */


/* ACTUS */

div.titre_actu{
	margin-bottom:3px;
	padding-left:14px;
	background-position: 0 55%;
	background-image:url(/images/contenu/puces/puceFleche.jpg);
	background-repeat:no-repeat;
}

div.titre_actu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #FF6600;
	font-size: 11px;
}
div.titre_actu a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #FF6600;
	font-size: 11px;
}
div.titre_actu a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #F0F0F0;
	font-weight: bold;
	background-color: #fff7ba;
	color: #f7243a;
	font-size: 11px;
}

div.minidesc_actu{
	margin-bottom:10px;
	font-size:9px;
	color:#666666;
}

div#englobeActu{
	margin-top:7px;
	padding:0 5px 0 5px;
}

div#actuHaut{
	border-bottom:#edca88 dashed 1px;
	margin-bottom:15px;
}

h1#actuTitre{
	display:inline;
	font-size:13px;
	color: #CA7757;
	font-weight:bold;
}

div#actuDate{
	display:inline;
	color:#999999;
	font-size:10px;
	margin-left:2px;
	padding-left:2px;
	border-left:1px solid #999999;
}

div#actuTexte{
	text-align:justify;
}

div#actuTexte a{
	color:#000;
	text-decoration:underline;
}

div.archives{
	margin-bottom:3px;
	padding-right:10px;
	padding-left:16px;
	background-position: 0 55%;
	background-image:url(/images/contenu/puces/calendrier.gif);
	background-repeat:no-repeat;
	display:inline;
}

div.archives a{
	text-decoration: none;
	color: #FF6600;
	font-size: 11px;
}
div.archives a:visited{
	text-decoration: none;
	color: #FF6600;
	font-size: 11px;
}
div.archives a:hover{
	text-decoration: none;
	background-color:#F0F0F0;
	background-color:#fff7ba;
	color: #f7243a;
	font-size: 11px;
}


/* FIN ACTUS */

/* CATEGORIES */

div#titreCat{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin-bottom:15px;
	font-size:15px;
	font-weight:bold;
	color:#e20818;
}

div#titreHautMenu{
	text-align:center;
	margin-bottom:15px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
	font-weight: bold;
}

div#menuCat{
	width:85%;
	background-color:#eeca89;
	text-align:center;
	margin:auto;
	padding:1px;
}

div#menuCat a{
	font-weight:bold;
	font-size:11px;
}

/* Styles Blocs */

div#menuCat div.descSite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #909090;
	padding:3px;
	border-top:dashed 1px #eeca89;
	text-align:justify;
	margin-top:4px;
}


/* Styles Cases Tableaux */

tr.case1 {
	background-color:#FFFAD7;
	height:40px;
}

tr.case2 {
	background-color:#FFFFFF;
	height:40px;
}

div#titreExplications{
	width:85%;
	margin:auto;
	font-size:11px;
	margin-top:20px;
	margin-bottom:5px;
	color:#FF9900;
	font-weight:bold;
	padding:3px;
}

div#explications{
	width:85%;
	border:1px dashed #eeca89;
	margin:auto;
	text-align:justify;
	padding:5px;
}

div#explications b{
	color:#CA7757;
}

/* FIN CATEGORIES */

/* FICHES SITES */

div#englobeSite{
	padding:0 5px 5px 5px;
}

div#titreSite{
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#e20818;
	margin-bottom:20px;
}

div#titreSite span#noteSite{
	font-size:11px;
	font-weight:normal;
	color:#e20818;
}

div.titreBlocSite{
	font-variant: small-caps;
	font-size:13px;
	font-weight:bold;
	color: #CA7757;
	border-bottom:#CA7757 1px dashed;
	margin-bottom:10px;
}
	div.titreBlocSite span.secondaire{
		font-weight:normal;
		font-size:9px;
		font-variant:normal;
	}
	
div.titreBlocSite2{
	font-variant: small-caps;
	font-size:13px;
	font-weight:bold;
	color: #CA7757;
	border-bottom:#CA7757 1px dashed;
	margin-bottom:10px;
	margin-top:20px;
}
table#screenQualDef{
	margin:5px 0 20px 0;
}

table#screenQualDef td.titreQualDef{
	color:#CA7757;
	font-weight:bold;
}

table#screenQualDef img{
	border:#CA7757 solid;
	border-width:1px;
}

div#liensVisiteConctact {
	margin-top:20px;
}

div#lienSite{
	margin-top:20px;
	padding-left:14px;
	background-position: 0 55%;
	background-image:url(/images/contenu/puces/puceFleche.jpg);
	background-repeat:no-repeat;
	width:250px;
}

div#lienSite a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #FF6600;
	font-size: 11px;
}

div#liensContact {
	float:right;
	background:#F2F2F2;
	padding:5px;

	-webkit-border-radius:8px;
	   -moz-border-radius:8px;
	        border-radius:8px;
}
div#liensContact a {
	color:#333;
	font-weight:normal;
	margin:0 10px;
	font-size:10px;
}

div#partageActu {
	background:#F2F2F2;
	padding:5px;
	margin-top:10px;
	text-align:center;
	height:30px;

	-webkit-border-radius:8px;
	   -moz-border-radius:8px;
	        border-radius:8px;
}
	div#partageActu table {
		width:290px;
		margin:auto;
	}
		div#partageActu table tr td {
			padding-top:2px;
		}

/* FIN FICHES SITES */

/* DERNIERS BONS PLANS */

div.bonPlan{
	margin-bottom:5px;
	padding-left:14px;
	background-position: 0 55%;
	background-image:url(/images/contenu/puces/puceFleche.jpg);
	background-repeat:no-repeat;
}

div.bonPlan a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #FF6600;
	font-size: 11px;
}
div.bonPlan a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #FF6600;
	font-size: 11px;
}
div.bonPlan a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #F0F0F0;
	font-weight: bold;
	background-color: #fff7ba;
	color: #f7243a;
	font-size: 11px;
}

div.bonPlanDescription{
	margin-bottom:20px;
	padding-left:5px;
}

/* AUTRES */

a.lienSortantAnnuaire{
	font-size:11px;
	font-weight:bold;
}

a.lienSortantAnnuaire:visited{
	font-size:11px;
	font-weight:bold;
}

a.lienSortantAnnuaire:hover{
	font-size:11px;
	font-weight:bold;
}


/* Formulaire newsletter */

	form#subscribe-form { width: 90%; margin: 30px auto 15px; }
	form#subscribe-form fieldset	   { border: 1px solid #EDCA8A; padding: 10px; }
	form#subscribe-form legend		   { background-color: white; padding: 1px 4px; color: #E8BF74; font-weight:bold; }
	form#subscribe-form div			   { padding: 5px 8px; }
	form#subscribe-form div.bloc label { display: block; float: left; width: 30%; margin-top: .2em; cursor: pointer; }
	form#subscribe-form div label	   { cursor: pointer; }
	form#subscribe-form div.center	   { text-align: center; }
	form#subscribe-form p.message	   { text-align: justify; color:#FF0000;}
	
	form#subscribe-form select,
	form#subscribe-form input[type="text"]  { border: 1px inset silver; }
	
	abbr[title] { cursor: help; }
	address#footer {
		margin: 15px auto;
		text-align: center;
		font-style: normal;
		font-size: 11px;
	}

ul#politique li{
	margin-bottom:10px;
}

form#subscribe-form input#email{
	border: 1px solid #eeca89;
	color:#F60;
	background-image:url(/images/menus/email.gif);
	background-repeat:no-repeat;
	font-size:11px;
	padding-left:23px;
	width:150px;
}

/* Articles */

table#articles a{
		font-weight:bold;
}

/* Fin Articles */

/* Sujets forum */



div.titre_sujet{
	padding-left:10px;
    background-position: 0 3px;
	background-image:url(/images/contenu/puces/flechePetite.gif);
	background-repeat:no-repeat;
	color: #666666;
    font-size: 11px;
}

div.titre_sujet a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FF6600;
	font-size: 11px;
}

div.titre_sujet a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FF6600;
	font-size: 11px;
}

div.titre_sujet a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #F0F0F0;
	background-color: #fff7ba;
	color: #f7243a;
	font-size: 11px;
}

span.infosSujet {
    color: #999999;
    font-size: 10px;
    font-style: italic;
}


div.sujets {
    background-image: url("/images/puceMenu.gif");
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding-left: 8px;
}

div.mess{
	margin-top:4px;
	color: #666666;
    font-size: 10px;
	margin-bottom: 10px;
}


/* Fin Sujets forum */

/* Responsive */

@media (max-width: 979px) {
  div#general {
    width:100%;
  }
  div#milieu {
    width: 100%;
    padding: 7px 0;
  }
  div#contenu {
    width: 98%;
    margin: auto;
    clear: both;
    float: none;
  }
  ul#menuHaut {
    display: none;
  }
  #menuGauche, #menuDroit {
    width: 100% !important;
  }
  div.blocMenu {
    width: 160px;
    float: left;
    margin-left: 6px;
  }
  div#ficheAvis, div#actusAvis {
  width: auto;
}
div#ficheAvis table, div#actusAvis table {
  width: 100%;
}
div#ficheAvis td, div#actusAvis td {
  display: block;
}
#formAvis input[type="text"], #formAvis textarea, #actusAvis input[type="text"], #actusAvis textarea {
    width: 100% !important;
}
}