/* CSS
   . . . . .
   . . . . .
   www.tabac.gouv.fr
   . . . . .
   . . . . .   
*/

body {
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	text-align:center;
	background-color:#EBE8DE;
	margin:0;
	padding:0;
}

/*
*CSS Relatives au menus de navigation
*menu-> Barre du haut
*menu2-> Barre du bas-gauche
*menu3-> Barre du bas-droite
*/

h1 {
margin: 0;
padding: 0;
}

h1 a{
text-decoration:none;
}

.petit {
font-size: .9em;
}
p {
margin: .5em 0;
}
.menu-conteneur{
width:1000px;
top:99px;
margin-left:33px; 
position:absolute;
z-index:1; 
}
label {
text-align: left;
}

/*menu-> Barre du haut*/
.tabac-menu ul{
text-transform:uppercase;
font-size:12px;
font-family: 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: bold;
height:24px;
margin:0;
padding:0;
border:0;
background-color:#67A9BE;
z-index:1;
}

.tabac-menu ul li{
list-style:none;
display:inline;
margin:0;
}

.tabac-menu ul li a.large{
padding:4px 13px 2px 13px;
height:18px !important;
height:24px;
text-decoration:none;
text-align:center;
float:left;
color:#FFFFFF;
border-left:1px solid #FFFFFF;
}
.tabac-menu ul li a.etroit{
padding:4px 13px 2px 13px;
height:18px !important;
height:24px;
text-decoration:none;
text-align:center;
float:left;
color:#FFFFFF;
border-left:1px solid #FFFFFF;
}
.tabac-menu ul li a:hover{
color:#FFFFFF;
background-color:#FF7A1B;
}

/*menu2-> Barre du bas-gauche*/
.tabac-menu2 ul{
font-family: Arial Narrow, Arial, sans-serif;
font-size:11px;
margin:0;
padding:0 0 0 7px;
border:0;
height:20px;
position:absolute;
top:24px;
background-color:#B2E7FA;
z-index:2;
}

.tabac-menu2 ul li{
list-style:none;
display:inline;
}

.tabac-menu2 ul li a{
padding:2px 0.6em;
text-decoration:none;
text-transform:uppercase;
text-align:center;
color:#000000;
float:left;
height:16px;
border-right:1px solid #7698A5;
}

.tabac-menu2 ul li a:hover{
height:16px;
background-color:#12B4E2;
text-transform:uppercase;
color:#FFFFFF;
}

/*menu3-> Barre du bas-droite*/
.tabac-menu3 ul{
font-size:11px;
margin:0;
padding:0;
border:0;
height:20px;
background-color:#FCFFD9;
z-index:1;
}

.tabac-menu3 ul li{
list-style:none;
display:inline;
margin: 0;
padding: 0;
}

.tabac-menu3 ul li a{
padding:2px 1.5em !important;
padding:2px 1.4em !important;
text-decoration:none;
text-align:center;
color:#000000;
float:right;
height:16px;
border-right:1px solid #7698A5;
}

.tabac-menu3 ul li a:hover{
height:16px !important;
height:20px;
background-color:#C9EC62;
color:#000000;
}
/*
 * Fin de gestion des menus
 */

/*
 * CSS de la page
 */
.conteneur-central {
margin: 0 auto;
width:1066px;
text-align:left;
}

/* CSS du Header */
.header {
background:url("../images/background_header.gif") left bottom no-repeat;
width:1066px;
height:99px; 
position:absolute; 
}

.marianne {
width:70px; 
height:43px; 
position:absolute;
z-index:3;
top:40px;
left:70px;
background:url("../images/marianne.gif");
}

.tabac_url {
width:272px; 
height:44px; 
position:absolute;
z-index:4;
top:40px;
left:170px;
background:url("../images/tabac_gouv_fr.gif");
text-indent: -5000px;
}

.tabac_telephone {
width:540px; 
height:70px; 
position:absolute;
z-index:5;
top:21px;
left:455px;
background:url("../images/telephone_numero.gif");
text-indent: -5000px;
}

.ecarte {
width:188px; 
height:139px; 
position:absolute;
z-index:3;
bottom:25px;
left:33px;
background:url("../images/Rond_vert_seul.gif");
}

.tabac_telephone #asterisque {    /* zone cliquable */
float: left;
width : 10px;
height: 10px;
margin-left: 290px;
margin-top: 12px;
}
/*Fin CSS du Header*/

/*CSS du Centre*/
.centre {
background:url("../images/background_center.gif");
background-repeat:repeat-y;
position:absolute;
top:99px;
width: 986px !important;
/* correspond a 1066-80 */
width: 1066;
z-index:0;
padding-left:80px;
padding-top:60px;
overflow : hidden;
}

.centre h2#titre_rub_fds{
position:absolute;
z-index:6;
top:70px;
left:250px;
color:#FF7A1B;
font-size:20px;
font-weight:bold;
}

.centre h2#titre_rub_profil{
position:absolute;
z-index:6;
top:70px;
left:250px;
color:#0A9DC1;
font-size:20px;
font-weight:bold;
}

.centre h2#titre_rub_qr{
position:absolute;
z-index:6;
top:100px;
left:250px;
color:#8BB314;
font-size:20px;
font-weight:bold;
}

.centre h2#titre_rub_outil{
position:absolute;
z-index:6;
top:70px;
left:250px;
color:#8BB314;
font-size:20px;
font-weight:bold;
}
.centre_infographie {
background:url("../images/background_center.gif");
background-repeat:repeat-y;
position:absolute;
top:99px;
width:1066px;
z-index:0;
padding-top:60px;
overflow : hidden;
text-align: center;
}
.articles_profil_photo{
position:absolute;
z-index:6;
top:70px;
left:60px;
}

.articles_profil_qr{
position:absolute;
z-index:6;
top:220px;
left:60px;
}

.articles_profil_qr h2{
width:150px;
color:#0A9DC1;
font-size:14px;
font-weight:bold;
text-align:right;
text-transform:capitalize;
}

.articles_profil_qr a {
font-size:12px;
color:#71706E;
text-decoration:none;
border:0px;
}
.articles_profil_qr a:hover {
font-size:12px;
color:#0A9DC1;
text-decoration:none;
border:0px;
}

.post_it {
width:157px; 
height:118px; 
position:absolute;
z-index:6;
top:70px;
left:780px;
background:url("../images/sticker_post_it.gif");
}

.post_it_special {
width:180px; 
height:150px; 
position:absolute;
z-index:6;
top:70px;
left:780px;
}

.post_it a {
color:#0A9DC1;
text-decoration:none;
border:0px;
}
.post_it a:hover {
color:#05667E;
text-decoration:none;
border:0px;
}

.post_it .titre{
color:#0A9DC1;
font-weight:bold;
position:absolute;
margin-left:10px;
margin-right:5px;
top:-5px !important;
top:5px;
}

.post_it .texte{
color:#0A9DC1;
position:absolute;
margin-left:5px;
margin-right:5px;
top:20px !important;
top:30px;
}

.texte_prise_parole {
	clear: both;
	position: relative;
	border: 1px solid #ecebe7;
}
.texte_prise_parole .spip_logos {
	float: left;
	margin-bottom:.5em;
}
.texte_prise_parole .marge {
	display: block;
	margin: 2em 0 0 60px !important;
	padding-left: 1.5em;
	background: url("../images/ul_li_verte.gif") left 4px no-repeat;
	border: 1px solid #ecebe7;
}

.art_accueil {
position:absolute;
top: 70px;
left: 200px;
width: 440px;
z-index: 120;
}

.art_accueil .titre{
color:#44A3BB;
font-size: 2.1em;
font-weight:bold;
margin: 0;
}

.art_accueil .chapo{
color:#44A3BB;
font-size:1.5em;
text-align:justify;
}

.art_accueil .texte{
color:#71706E;
font-size:1.5em;
text-align:justify;
}

.frise_home { /* image calendrier sur la home */
width:1000px; 
height:296px; 
position:absolute;
z-index:6;
bottom:2em;
left:33px;
background:url("../images/frise_bas_home.gif") no-repeat;
}

.frise_home #quiz {    /* zone cliquable */
float: left;
width : 160px;
height: 130px;
margin-left: 0px;
margin-top: 80px !important;
margin-top: 60px;
}
/*Fin CSS du Centre*/

/* CSS Footer */
.footer {
width:1000px;
/*height:30px !important;
height:40px;*/
position:absolute;
z-index:7;
bottom:0px;
left:33px;
background-color:#000000;
padding: .5em 0;
text-align:center;
color:#FFFFFF;
}
.footer-impression {
display:none;
}
.rss_image {
position: absolute;
margin-top: .1em;
}
/* footer Balises a */
.footer a {
color:#FFFFFF;
text-decoration:none;
border:0px;
}
.footer a:hover {
color:#7CD7F7;
text-decoration:none;
border:0px;
}
/*Fin Balises a*/

/*Fin CSS Footer*/

/*
*Fin CSS de la page
*/


/*
*CSS Login
*/
.login {
position:absolute;
top: 120px;
left: 400px;
width: 440px;
color:#44A3BB;
}

.login p#nom-site{
color:#44A3BB;
font-size:24px;
font-weight:bold;
}

.login a {
color:#44A3BB;
text-decoration:none;
border:0px;
}
.login a:hover {
color:#7CD7F7;
text-decoration:none;
border:0px;
}

/*
 * Fin CSS Login
 */

/*
 * CSS Rubriques
 */
#ps { /* style complete plus loin pour la couleur du texte */
font-size: 16px;
margin: 0 !important;
margin: 0 0 -0.5em 0;
}

.panneau_inter { /* logo interdit fumer col droite */
width:150px; 
height:196px; 
position:absolute;
z-index:6;
bottom:26px;
left:881px;
background:url("../images/interdiction_petit.gif");
}

.picto_webmestre {
width:317px; 
height:397px; 
position:absolute;
z-index:6;
top:75px;
left:715px;
background:url("../images/webmestre_souris.gif");
}

.picto_plan {
width:420px; 
height:407px; 
position:absolute;
z-index:6;
top:75px;
left:550px;
background:url("../images/plan_site_dossiers.gif");
}

.panneau_q-r {
width:100px; 
height:165px; 
position:absolute;
z-index:6;
top:60px;
left:34px;
background:url("../images/q.gif");
}

.panneau_q-r h2{
position:absolute;
width:800px;
z-index:6;
top:0px;
left:60px;
color:#8BB314;
font-size:18px;
font-weight:bold;
}

.print_q-r {
width:150px; 
height:25px; 
position:absolute;
z-index:6;
top:100px;
left:650px;
}

.print_q-r a{
color:#8BB314;
text-decoration:none;
border:0px;
}


.ecard {
width:300px; 
height:600px; 
position:absolute;
z-index:6;
top:80px;
left:700px;
}

.video {
width:160px; 
height:250px; 
position:absolute;
z-index:6;
top:200px;
left:50px;
text-align:center;
}

.infographie {
width:160px; 
height:250px; 
position:absolute;
z-index:6;
top:350px;
left:50px;
text-align:center;
}

.infographie a {
color:#FF7A1B;
text-decoration:none;
border:0px;
}

.pdf {
width:160px; 
height:570px; 
position:absolute;
z-index:6;
top:300px;
left:50px;
text-align:center;
}

.pdf h2#docs {
font-size:14px;
color:#0A9DC1;
}

.pdf a {
color:#71706E;
text-decoration:none;
border:0px;
}
.pdf a:hover {
color:#0A9DC1;
text-decoration:none;
border:0px;
}

.fleches { /* boutons monter descendre */
width:100px;
height:40px; 
position:absolute;
z-index:6;
bottom:53px;
left:750px;
}

.fleches a {
color:#71706E;
text-decoration:none;
border:0px;
}
.fleches a:hover {
color:#000;
text-decoration:none;
border:0px;
}

.fleches a:active {
color:#8BB314;
text-decoration:none;
border:0px;
}

/*Le Fond du Sujet*/
.articles_fds { /* cadre scroll */
position:absolute;
width:470px; 
height: 545px !important;
height: 500px;
top:110px;
left:250px;
z-index:6;
overflow:auto; /*Scroll pour utilisateur avec JS désactivé*/
line-height:140%;
letter-spacing:0.05em;
word-spacing:0.05em;
text-align:justify;
}
.articles_fds a {
color:#FF7A1B;
text-decoration:none;
border:0px;
}
.articles_fds a:hover {
color:#B35918;
text-decoration:none;
border:0px;
}

.articles_fds h2{
color:#000000;
font-size:16px;
font-weight:bold;
}

.articles_fds h3{
color:#000000;
font-size:14px;
font-weight:bold;
}

.articles_fds p#chapo, .articles_fds p.chapo{
color:#000000;
font-size:12px;
}

.articles_fds p#texte, .articles_fds p.texte{
color:#000000;
font-size:12px;
}

.articles_fds_ps { /* en savoir plus col droite orange */
width: 220px;
height:460px; 
position:absolute;
z-index:6;
top: 124px !important;
top: 110px;
left: 780px;
overflow:hidden;
color:#71706E;
}

.articles_fds_ps h3#ps, .articles_fds_ps p.ps{
color: #FF7A1B;
}
.articles_fds_ps p#texte, .articles_fds_ps p.texte {
font-size:11px;
}

.articles_fds_ps a {
color:#71706E;
text-decoration:none;
border:0px;
}
.articles_fds_ps a:hover {
color:#FF7A1B;
text-decoration:none;
border:0px;
}

.articles_plan { /* cadre scroll */
position:absolute;
width:470px; 
height: 1000px;
top:110px;
left:250px;
z-index:6;
overflow:auto; /*Scroll pour utilisateur avec JS désactivé*/
line-height:140%;
letter-spacing:0.05em;
word-spacing:0.05em;
text-align:justify;
}
.articles_plan a {
color:#FF7A1B;
text-decoration:none;
border:0px;
}
.articles_plan a:hover {
color:#B35918;
text-decoration:none;
border:0px;
}

.articles_plan h3{
color: #FF7A1B;
font-size:16px;
padding-bottom:10px !important;
}
/*FIN Le Fond du Sujet*/


/*Les Profils*/
.articles_profil {
position:absolute;
width:470px; 
height: 545px !important;
height: 500px;
z-index:6;
top:110px;
left:250px;
overflow:auto; /*Scroll pour utilisateur avec JS désactivé*/
line-height:140%;
letter-spacing:0.05em;
word-spacing:0.05em;
text-align:justify;
}

.articles_profil a {
color:#0A9DC1;
text-decoration:none;
border:0px;
}
.articles_profil a:hover {
color:#05667E;
text-decoration:none;
border:0px;
}

.articles_profil h2{
color:#000000;
font-size:16px;
font-weight:bold;
}

.articles_profil h3{
color:#000000;
font-size:14px;
font-weight:bold;
}

.articles_profil p#chapo, .articles_profil p.chapo{
color:#000000;
font-size:12px;
}

.articles_profil p#texte, .articles_profil p.texte{
color:#000000;
font-size:12px;
}

.articles_profil_ps { /* en savoir plus bleu */
width: 220px;
height:460px; 
position:absolute;
z-index:6;
top: 124px !important;
top: 110px;
left: 780px;
overflow:hidden;
color:#71706E;
}

.articles_profil_ps h3#ps, .articles_profil_ps p.ps{
color:#0A9DC1;
}

.articles_profil_ps p#texte, .articles_profil_ps p.texte{
font-size:11px;
}

.articles_profil_ps a {
color:#71706E;
text-decoration:none;
border:0px;
}
.articles_profil_ps a:hover {
color:#0A9DC1;
text-decoration:none;
border:0px;
}
/*FIN Profils*/

/*Les Outils*/
.articles_outil {
position:absolute;
width:470px; 
height: 545px !important;
height: 500px;
z-index:6;
top:110px;
left:250px;
overflow:auto; /*Scroll pour utilisateur avec JS désactivé*/
line-height:140%;
letter-spacing:0.05em;
word-spacing:0.05em;
text-align:justify;
}

.articles_outil a {
color:#8BB314;
text-decoration:none;
border:0px;
}
.articles_outil a:hover {
color:#5f790E;
text-decoration:none;
border:0px;
}

.articles_outil h2{
color:#000000;
font-size:16px;
font-weight:bold;
}

.articles_outil h3{
color:#000000;
font-size:14px;
font-weight:bold;
}

.articles_outil p#chapo, .articles_outil p.chapo{
color:#000000;
font-size:12px;
}

.articles_outil p#texte, .articles_outil p.texte{
color:#000000;
font-size:12px;
}

.articles_outil_ps {
width:180px; 
height:460px; 
position:absolute;
z-index:6;
top:100px;
left:800px;
overflow:hidden;
color:#71706E;
}

.articles_outil_ps h3#ps, .articles_outil_ps p.ps{
color:#8BB314;
}

.articles_outil_ps p#texte, .articles_outil_ps p.texte{
font-size:11px;
}

.articles_outil_ps a {
color:#71706E;
text-decoration:none;
border:0px;
}
.articles_outil_ps a:hover {
color:#8BB314;
text-decoration:none;
border:0px;
}

.qr {
width:500px; 
height:630px; 
position:absolute;
z-index:6;
top:150px;
left:250px;
overflow:hidden;
line-height:140%;
letter-spacing:0.05em;
word-spacing:0.05em;
}

.qr a {
color:#8BB314;
text-decoration:none;
border:0px;
}
.qr a:hover {
color:#5f790E;
text-decoration:none;
border:0px;
}

.qr-rep { /* bloc Q/R */
position:absolute;
width:500px; 
height: 505px !important;
height: 460px;
z-index:6;
top:150px;
left:250px;
overflow:auto; /*Scroll pour utilisateur avec JS désactivé*/
line-height:120%;
text-align: left;
letter-spacing:0.05em;
word-spacing:0.05em;
}
.qr-rep a {
color:#000000;
text-decoration:none;
border:0px;
}
.qr-rep a:hover {
color:#8BB314;
text-decoration:none;
border:0px;
}
.qr-reponse { /* une Q/R */
	display:none;
	padding:5px 0 5px 15px;
	background: url("../images/bg_reponse.gif");
	background-repeat:repeat-y;
}

.liste_q-r { /* menu Q/R */
width:180px; 
height:400px; 
position:absolute;
z-index:6;
top:300px;
left:60px;
}

.liste_q-r ul {
margin:0px;
padding:0px;
}

.liste_q-r ul li{
margin-left:20px;
padding:5px;
list-style-image:url("../images/ul_li_verte.gif");
list-style-type:none;
}

.liste_q-r_on {
color:#8BB314;
text-decoration:none;
border:0px;
}

.liste_q-r_off {
color:#71706E;
text-decoration:none;
border:0px;
}

/*FIN Outils*/
/*
*Fin CSS Rubriques
*/

/*
*CSS Divers éléments HTML
*/
/*Balises img*/
img {
border:0px;
}

td {
color:#000000;
font-size:12px;
line-height:140%;
letter-spacing:0.05em;
word-spacing:0.05em;
text-align:justify;
}

h3 {
margin-bottom:-10px !important;
margin-bottom:0px;
}
/*Fin Balises img*/
.hidden {
visibility:hidden;
}

.fieldset_ecard {
margin-top: 2em;
width: 350px;
border:none;
}
/*
*Fin CSS Divers éléments HTML
*/

/*
*CSS special anti spam
*/
.special {
visibility:hidden;
width:5px;
}