html {font-size:100%; }
body {
background-color:#333;
font: 14px "Arial", Helvetica, sans-serif;
margin:10px 30px 30px 30px;
}

h1{
color:#F7AA0D;
font-size: 160%;
margin:0 0 auto 0;
padding-left:0;
text-align:center;
}
.cartouche {
background-color:#920095;
color:#FFF;
text-align:center;
padding:0 0.25em 0.15em;
}

h2{
background-color:#F7AA0D;
color:#FFF;
font-size: 110%;
font-weight:bold;
margin-top:0;
padding:3px;
}

h3{
margin-bottom:0;
font-size:0.8em;
font-weight:bold;
}

em {font-style:normal;font-weight:bold;}

ol li ol {list-style-type: lower-alpha}
li {list-style-position:outside;}
ul, ol {margin:0 0 0 1em;padding:0 0 0 1em;}
.liens_sommaire li {margin-bottom:0.25em;}

#conteneur {
background-color:#333;
padding:0;
position:relative;
min-height:420px;
height:auto !important;
height:420px;
margin:0 auto;
width:990px;
}

#contenu {padding:30px 40px 2em 40px;background-color:#FFF;margin:0;position:relative;min-height:400px;}

#entete {padding:0;margin:0;height:30px;}
#pieddepage {width:990px;margin:0 auto;background-color:#FFF}

.colonne_tiers {
float:left;
width:30%;
}

.spacer {
clear:both;
display:block;
height:1px;
padding:0;margin:0;
visibility:hidden;
}
img.spacer {
border:0;
clear:both;
height:1px;
padding:0;margin:0;
visibility:hidden;
}

/** Menu de navigation **/
.navigation {
margin:0;padding:0;
}

.pagination {
background-color:#FFF;
list-style-type:none;
margin:0;
padding:0;
}
.pagination li {
background-color:#666;
font-size:0.9em;
margin:0 5px 0 0;
float:left;
-moz-border-radius-topright : 5px;
-moz-border-radius-topleft : 5px;
-webkit-border-top-right-radius : 5px;
-webkit-border-top-left-radius : 5px;
}

.pagination li a {
color:#CCC;
display:inline-block;
height:1.5em;
padding:0.45em 0.5em 0.45em 0.5em;
text-decoration:none;
}
.pagination li a:hover {
background-color:#555;
color:#FFF;
-moz-border-radius-topright : 5px;
-moz-border-radius-topleft : 5px;
-webkit-border-top-right-radius : 5px;
-webkit-border-top-left-radius : 5px;
}
.pagination li.num_page a {
text-align:center;
}
.pagination li.active a {color:#000;font-weight:bold;-moz-border-radius-topright : 5px;
-moz-border-radius-topleft : 5px;
-webkit-border-top-right-radius : 5px;
-webkit-border-top-left-radius : 5px;}
.pagination li.inactive a {color:#222;font-weight:normal;}

.pagination li.onglet_reservation a {background-color:#25AF00;color:#FFF;-moz-border-radius-topright : 5px;
-moz-border-radius-topleft : 5px;
-webkit-border-top-right-radius : 5px;
-webkit-border-top-left-radius : 5px;}
.pagination li.onglet_reservation a:hover {background-color:#FFF;color:#25AF00;}
.pagination li.active a{background-color:#FFF;color:#000}


/** Styles communs à toutes les pages**/
.no_margin_bottom {margin-bottom:0;}

.accroche {
background-color:#EEE;
border:1px solid #777;
padding:0.5em;
}
.accroche_produit {
font-weight:bold;
}

.encarts_persistants {background-color:#FFF;padding-bottom:1em;}


.signature {
background-color:#FFF;
margin:0;
padding:0 0 0.5em 0;
}
.signature img {border:0;}

.telechargement {
background-color:#FFF;
margin:0 40px;
float:right;
width:10em;
}

.telechargement a {
background: url(http://www.bepub.com/b-reloaded/old/repertoire2017/img/pdf.png) bottom left no-repeat;
border:1px solid #CCC;
color:#00F;
display:block;
font-size:0.8em;
font-weight:normal;
height:50px;
padding-left:55px;
padding-top:0px;
text-align:center;
text-decoration:none;
}
.telechargement a:hover {
color:#008000;
text-decoration:underline;
}

.contact_reservation {
background-color:#DFFFE0;
color:#333;
border:1px solid #CCC;
font-size:0.8em;
line-height:150%;
min-height:40px;
margin:0 auto;
/*margin:0 40px;
float:left;*/
padding:5px;
width:55%;
}

.next {height: 40px;
position: absolute;
right: 0;
text-align: right;
top: 25px;
width: 40px;
z-index: 10;}
.previous {height: 40px;
left: 0;
position: absolute;
text-align: left;
top: 25px;
width: 40px;
z-index: 10;}

/**¨Page 1 **/
.illustration_repertoire {
border:0;
float:left;
margin:0 1em 0 0;
width:250px;
height:300px;
}
.adjacent_illustration_repertoire {
margin-left:252px;
padding-left:1em;
}
.rubriques {font-weight:bold;}
.couleur_architecture {color:#7E450A;}
.couleur_arts_graphiques {color:#E31A25;}
.couleur_photographie {color:#F29400;}
.couleur_imprimerie {color:#8ABC46;}
.couleur_communication {color:#077C2D;}
.couleur_evenementiel {color:#8E457D;}
.couleur_audiovisuel {color:#E6458F;}
.couleur_multimedia {color:#0069A5;}
.couleur_marketing {color:#7DBCDF;}
.couleur_services {color:#777;}
.autre_rubrique {font-weight:normal;font-size:0.8em;}

.sommaire1 { float:left;margin:20px 20px 0 0;width:390px;text-align:center; }
.sommaire2 { margin:25px 0 0 0px;float:right;width:500px; }

/** Page 2 **/
.bonnes_raisons {padding-left:0;margin-left:0;list-style-position:outside;padding:20px 0}
.bonnes_raisons li {margin-bottom:1.25em;clear:both;list-style-type:none;margin-left:0;}
.bonnes_raisons li strong{color:#444}
.bonne_raison_numero {display:inline-block;float:left;height:30px;font-size:30px;color:#999;line-height:100%;font-weight:normal;margin-right:10px;font-family:Georgia;font-style:italic}
.illu_bonne_raison {float:left;}
.petit {font-size:9pt;}
.centrer_vertical {line-height:200%;}
.content_text { margin:0em 20% 0 20%;padding:0; }

ul.sous-liste li {list-style-type:disc}

.titre_liste_entreprises {margin-bottom:0;}
.liste_entreprises {
color:#777;
font-size:0.8em;
margin:0;
text-align:justify;
}

/** Page 3 **/
.illustration_indexation, .illustration_annonce  {
border:1px solid #FFF;
padding:0;
margin:0 20px;
float:left;
width:135px;
position:relative;
text-decoration:none;
}
.illustration_annonce {
width:260px;
float:left;
}
.illustration_indexation img, .illustration_annonce img {
margin:5px;
}
.illustration_indexation:hover, .illustration_annonce:hover {
border:1px solid blue;
}

.publi_text { display:block;width:155px;height:200px;float:left;line-height:150%; }

.rollover {display:block;}

.illustration_indexation:hover .rollover, .illustration_annonce:hover .rollover {
background-color:blue;
color:#FFF;
}

/** Page 5 **/
.illustration_sponsoring {
border:0;
float:left;
margin:0 1em 0 0;
width:386px;
height:276px;
}
.adjacent_illustration_sponsoring {
margin-left:388px;
padding-left:1em;
}
.adjacent_illustration_sponsoring p{
font-size:0.8em;
}
/** Page 6 **/
.tarifs {
border:2px solid #CCC;
border-collapse:collapse;
margin:0 auto;
width:100%;
}
.tarifs tr:hover {
background-color:#DFFFE0;
}
.tarifs td, .tarifs th {
border:1px solid #999;
border-collapse:collapse;
line-height:115%;
padding:6px 0;
text-align:center;
}
.tarifs th {
cursor:default;
background-color:#EEE;
font-size:0.9em;
padding:0 0.5em;
color:#444;
}
.tarifs th small {font-size:11px;font-weight:normal;}
.tarifs th a {
color:blue;
text-decoration:none;
}
.tarifs th a:hover {
color:blue;
text-decoration:underline;
}
.tarifs td.gris {
background-color:#EEE;
}
.tarifs td.blanc {
background-color:#FFF;
}
.tarifs th.largeur_fixe {
vertical-align:top;
width:25%;
}
.nouveau_tarif {color:#25AF00;font-weight:bold;font-size:100%;margin-right:0;}
.ancien_tarif {color:#000;font-weight:normal;font-size:90%;}
.ancien_tarif_2 {color:red;font-weight:normal;font-size:100%;text-decoration:line-through;display:block;width:48%;text-align:right;float:left;}
.tarif_normal {color:#333;font-style:normal;font-size:0.85em;display:block}
.tarif_normal small {font-size:1em;color:#999;}
.legende_tarif_bouclage {width:50%;text-align:right;margin:0.5em auto;}

.vert {color:#25AF00;}
.fond_vert {background-color:#25AF00;color:#FFF;padding:0 2px;}
.fond_noir {background-color:#444;color:#FFF;padding:0 2px;}
.rouge {color:red;}
.gris {color:#999}
.gris_fonce {color:#666}
.gris_tres_fonce {color:#444}
.italic {font-style:italic}

/** Page 7 **/
.annonceurs {width:50%;}

/** Page 8 **/
.centrer {text-align:center;}
.justifier {text-align:justify;}
.a_droite {text-align:right;}
.no_border {border:0;}
.gras {font-weight:bold}
.souligner {text-decoration:underline}
.ht {font-weight:normal;}
a {color:blue;}

#xiti {background-color:#333333;margin-top:5px;padding-top:5px;float:right}
.copyright {float:left;font-size:11px;margin-top:5px;color:#CCC;}
.copyright a {color:#CCC;}

.fond_gauche {background:url(http://www.bepub.com/b-reloaded/old/repertoire2017/img/silhouette_dames.gif) top right no-repeat; width:20%;position:absolute; top:0; left:0;height:100%;}
.fond_droit {background:url(http://www.bepub.com/b-reloaded/old/repertoire2017/img/silhouette_dames.gif) top left no-repeat; width:20%;position:absolute; height:100%; top:0; right:0;}
.content { margin:0 auto;width:62% }
.legende_tarifs {margin:0.5em auto;color:#333;}

.offre_lancement {margin:0 auto;background-color:#25AF00;color:#FFF;padding:5px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:13pt;text-align:left;
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
}
.offre_lancement span {font-size:11pt;font-weight:normal;}

/* Formulaire */
/*** Formulaire ***/
/******************/
form {margin:0;}
fieldset {background-color:#EFEFEF;border:1px solid #CCC;margin-bottom:1em;}
legend {font-size:12px;color:#999;}
label {cursor:pointer;}
.text{
/** ** ** font-size:10pt; ** ** **/
margin-bottom:4px;
width:100%;
}

.radio input {margin-right:0;}

.text label, .radio span {
float: left;
text-align:right;
width:30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
margin-right:3px; /*** espace entre le label et l'input ***/
}

.text select, .text input, .text textarea {
font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
}
.text select, .text input {padding:0; border:1px solid #999;}
.text input:focus {background-color:#FFFBCF}

.infos_contact {text-align:right;color:#FFF;font-size:11px;padding:2px;}

.formules {width:100%;margin-bottom:1em;}
.formules td {text-align:center;}
.formules td label {font-size:11px;}
.formule_indexation {width:25%}
.formule_annonceur {width:33%}

/* Boutons */
.button {
display: inline-block;
outline: none;
border:1px solid #FFF;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 12px/100% Arial, Helvetica, sans-serif;
font-weight:normal;
padding: .35em 1.5em .5em;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.7);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.7);
box-shadow: 1px 1px 5px rgba(0,0,0,.7);
}
.button:hover {
text-decoration: none;
}
.button:active {
position: relative;
top: 1px;
}

.btn_vert {
	color: #fef4e9;
	background: #197600;
	background: -webkit-gradient(linear, left top, left bottom, from(#25AF00), to(#197600));
	background: -moz-linear-gradient(top,  #25AF00,  #197600);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#25AF00', endColorstr='#197600');
}
.btn_vert:hover {
	background: #197600;
	background: -webkit-gradient(linear, left top, left bottom, from(#197600), to(#219700));
	background: -moz-linear-gradient(top,  #197600,  #219700);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#197600', endColorstr='#219700');
}
.btn_vert:active {
	color: #fcd3a5;
	top:1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.message_confirmation {padding:10px 10px 10px 52px;background:#E0EFE0 url(/fr/http://www.bepub.com/b-reloaded/old/repertoire2017/img/message_confirmation.gif) 10px center no-repeat; border:1px solid #080;} 	/* Couleur verte : lorsqu'une action s'est bien déroulée */
.message_erreur {padding:10px 10px 10px 44px;background:#FFDFDF url(/fr/http://www.bepub.com/b-reloaded/old/repertoire2017/img/message_erreur.gif) 10px center no-repeat; border:1px solid #F00;} 			/* Couleur rouge : lorsqu'une action ne s'est pas déroulée */
.formules .active {background-color:#F7AA0D}


.print {
background-color:#FFF;
margin:0 40px;
float:right;
width:10em;
}

.print a {
background: url(http://www.bepub.com/b-reloaded/old/repertoire2017/img/print_icon.gif) bottom left no-repeat;
border:1px solid #CCC;
color:#00F;
display:block;
font-size:0.8em;
font-weight:normal;
height:50px;
padding-left:55px;
padding-top:0px;
text-align:center;
text-decoration:none;
}
.print a:hover {
color:#008000;
text-decoration:underline;
}

#sommaire { width:1050px; height:575px; }
#page2 { width:1050px; height:860px; }
#page3 { width:1050px; height:575px; }
#page4 { width:1050px; height:630px; }