/* CSS Document */

body{
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
padding:0;
/*min-width:750px;
max-width:950px;*/
}

#page{
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
/*min-width:750px;
max-width:950px;*/
width:950px;
}

/*------------TOP-------------*/

#menu-top{
float:left;
width:460px;
height:35px;
margin:28px 0 0 30px;
z-index:10;
}


#flash{
float:left;
width:190px;
height:168px;
margin:3px 0 0 0;
z-index:0;
}

#top{
background:#FFFFFF url(../images/interface/top.gif) no-repeat top left;
width:942px;
height:180px;
margin:0;
}

#bandeau-top{
float:left;
width:468px;
height:60px;
margin:15px 0 0 30px;
border:1px solid #000000;
z-index:10;
}

#cartouche-login{
float:right;
width:210px;
height:130px;
margin:10px 5px 0 0;
}

#cartouche-login form{
width:210px;
height:99px;
background:transparent url(../images/interface/cartouche-login.gif) no-repeat center 13px;
padding:1px;
}

#cartouche-login-abonnes{
float:right;
width:212px;
height:120px;
margin:10px 5px 0 0;
}

#cartouche-login-abonnes form{
width:212px;
height:115px;
background:transparent url(../images/interface/cartouche-espace-abonnes.gif) no-repeat center;
padding:1px;
}

#cartouche-login-membres{
float:right;
width:212px;
height:120px;
margin:10px 5px 0 0;
}

#cartouche-login-membres form{
width:212px;
height:109px;
background:transparent url(../images/interface/cartouche-membres.gif) no-repeat center;
padding:1px;
}

.bouton-OK{
background:#FFBB00 url(../images/interface/bouton-ok.gif) no-repeat top left;
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
color:#616161;
width:28px;
height:22px;
border:none;
}




/*-----------------------------*/

#bottom{
background:#FFFFFF url(../images/interface/bottom.gif) no-repeat top left;
border-top:1px solid #BEBDBD;
margin:0;
width:942px;
height:67px;
}

#global {
background-color:#F9F9F9;
border-top:1px solid #BEBDBD;
max-width:942px;
}

#blocmenu {
float: left;
width: 195px;
background-color:#F9F9F9;
}

#contenu {
margin: 0 230px 0 195px;
padding:0 1em 1em 1em;
border-right:1px solid #BEBDBD;
border-left:1px solid #BEBDBD;
background-color:#FFFFFF;
}

.bouton-calcul{
width:212px;
height:32px;
background:#FFFFFF url(../images/interface/bouton-calcul.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
}

.bouton-carte{
width:215px;
height:38px;
background:#FFFFFF url(../images/interface/bouton-carte.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
}

.bouton-cheque{
width:213px;
height:38px;
background:#FFFFFF url(../images/interface/bouton-cheque.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
}

.bouton-telecharger{
width:264px;
height:34px;
background:#FFFFFF url(../images/interface/bouton-telecharger.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
}

/*---------------BLOC RIGHT---------------*/

#blocright {
float: right;
width: 222px;
background-color:#F9F9F9;
padding:3px 0 3px 3px;
}


.cartouche-panier{
background-color:#95000A;
width:195px;
height:24px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:23px;
margin-left:15px;
}

.cartouche-panier a{
	color:#FFFFFF;
	text-decoration:none;
}

.cartouche-panier a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.cartouche-panier2{
background-color:#95000A;
width:460px;
height:24px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:23px;
padding-left:10px;
}

.cartouche-theme{
background-color:#FFBB00;
width:195px;
height:24px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#644934;
line-height:23px;
text-align:center;
}

.texte-theme{
background-color:#FAF3D9;
width:165px;
height:16px;
line-height:16px;
padding-left:30px;
border-bottom:1px dotted #BEBDBD;
border-top:2px solid #FFFFFF;
}

#bloc-recherche{
width:195px;
height:95px;
}

.cartouche-recherche{
background-color:#644934;
width:195px;
height:24px;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:23px;
/*margin-left:15px;*/
}

.cartouche-parution{
background:#D1E27F url(../images/interface/puce-blanche.png) no-repeat right;
width:460px;
height:24px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
line-height:23px;
padding-left:10px;
}

.cartouche-infos{
background:#644934 url(../images/interface/puce-blanche.png) no-repeat right;
width:460px;
height:24px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:23px;
padding-left:10px;
}

.cartouche-abonnement{
background:#FFCA00 url(../images/interface/puce-blanche.png) no-repeat right;
width:460px;
height:24px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
line-height:23px;
padding-left:10px;
}

.cartouche-boutique-long{
background:#FFB400 url(../images/interface/puce-blanche.png) no-repeat right;
width:460px;
height:24px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
line-height:23px;
padding-left:10px;
}

.cartouche-services-long{
background:#D2222A url(../images/interface/puce-blanche.png) no-repeat right;
width:460px;
height:24px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:23px;
padding-left:10px;
}

.cartouche-pa{
background:#D2222A url(../images/interface/puce-blanche.png) no-repeat right;
width:460px;
height:24px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:23px;
padding-left:10px;
}

.cartouche-espace-bleu{
background:#0C87B5 url(../images/interface/puce-blanche.png) no-repeat right;
width:460px;
height:24px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:23px;
padding-left:10px;
}



#bloc-recherche form{
width:195px;
height:75px;
background:transparent url(../images/interface/fond-loupe.gif) no-repeat top left;
padding:1px;
}

.bouton-OK-rouge{
background:#F9F9F9 url(../images/interface/bouton-ok-rouge.gif) no-repeat top left;
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
width:26px;
height:20px;
border:none;
}


.texte-droite{
float:right;
margin-right:12px;
}


.pointilles2{
width:200px;
border-bottom:1px solid #BEBDBD;
margin:5px 0 5px 15px;
}

.pointilles-long{
border-bottom:1px solid #BEBDBD;
margin:5px 0 5px 15px;
}

.cartouche-RSS{
width:195px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
padding-left:15px;
}

.RSS{
width:145px;
height:110px;
border-left:1px solid #BEBDBD;
}

.texte-RSS{
margin-left:15px;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
border-bottom:1px solid #BEBDBD;
line-height:18px;
}

.texte-RSS a{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
line-height:18px;
}

.texte-RSS a:hover{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:underline;
line-height:18px;
}


/*--------------PUB 160*160-------------*/

#pub-droite{
width:160px;
height:600px;
border:1px solid #000000;
margin-left:30px;
}
/*-----------BOUTONS----------------*/


.bouton-sommaire{
width:181px;
height:29px;
background:#FFFFFF url(../images/interface/bouton-sommaire.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
}

.bouton-quiz{
float:right;
width:240px;
height:28px;
background:transparent url(../images/interface/bouton-quiz.gif) no-repeat top left;
border:none;
padding:34px 0 0 31px;
}

.bouton-ajout{
/*float:right;*/
width:217px;
height:33px;
background:transparent url(../images/interface/logo-panier-btn.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
padding-left:20px;
}

.bouton-ajout2{
/*float:right;*/
width:160px;
height:34px;
background:transparent url(../images/interface/bouton-ajout-panier.gif ) no-repeat top left;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
border:none;
padding-left:30px;
}


.bouton-soumettre{
width:226px;
height:24px;
background:transparent url(../images/interface/bouton-soumettre.gif) no-repeat top left;
border:none;
line-height:24px;
padding-top:5px;
}

.fond-gris{
float:left;
width:200px;
height:90px;
background-color:#F0F0F0;
text-align:center;
padding:5px;
}

.fond-bleu{
float:right;
width:200px;
height:90px;
background:#FFFFFF url(../images/interface/btn-ancien-num.gif) no-repeat bottom left;
text-align:center;
}

/*----------------PLUS ET IMAGES-----------------*/

.bloc-plus{
position:relative;
width:170px;
height:100px;
}

.img-abonnement-1{
position:absolute;
top:0;
left:0;
width:80px;
border:none;
}


.img-abonnement-2{
position:absolute;
top:0;
left:90px;
width:80px;
border:none;
}

.img-abonnement-3{
position:absolute;
top:0;
left:180px;
width:80px;
border:none;
}

.img-abonnement-4{
position:absolute;
top:0;
left:270px;
width:80px;
border:none;
}


.plus-rouge{
position:absolute;
top:8px;
left:64px;
background:transparent url(../images/interface/plus-jaune.png) no-repeat top center;
width:37px;
height:35px;
}

.plus-rouge-2{
position:absolute;
top:8px;
left:156px;
background:transparent url(../images/interface/plus-jaune.png) no-repeat top center;
width:37px;
height:35px;
}

.plus-rouge-3{
position:absolute;
top:8px;
left:246px;
background:transparent url(../images/interface/plus-jaune.png) no-repeat top center;
width:37px;
height:35px;
}


/*-----------MARGES IMAGES----------*/

.imgleft{
float:left;
margin:0 8px 8px 0;
}

.imgright{
float:right;
margin:0 8px 0 8px;
}


/*---------------*/

.bouton-annonce{
width:213px;
height:34px;
background:#FFFFFF url(../images/interface/bouton-annonce.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
}

.bouton-annonce-alerte{
width:360px;
height:34px;
background:#FFFFFF url(../images/interface/bouton-annonce-alerte.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
}


/*---------------BOUTONS-*/

.bouton-petit-revue{
width:146px;
height:36px;
background:#FFFFFF url(../images/interface/boutons/petit-revues.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
}

.bouton-petit-pa{
width:147px;
height:36px;
background:#FFFFFF url(../images/interface/boutons/petit-pa.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
}

.bouton-petit-boutique{
width:147px;
height:36px;
background:#FFFFFF url(../images/interface/boutons/petit-boutique.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
}

.bouton-petit-services{
width:146px;
height:36px;
background:#FFFFFF url(../images/interface/boutons/petit-services.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
}


.bouton-petit-gris{
width:146px;
height:34px;
background:#FFFFFF url(../images/interface/boutons/petit-gris.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
border:none;
}

.bouton-moyen-gris{
width:242px;
height:33px;
background:#FFFFFF url(../images/interface/boutons/moyen-gris.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
border:none;
}

.bouton-moyen-pa{
width:242px;
height:34px;
background:#FFFFFF url(../images/interface/boutons/moyen-pa.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
}

.bouton-moyen-services{
width:242px;
height:34px;
background:#FFFFFF url(../images/interface/boutons/moyen-services.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
}

.bouton-grand-pa{
width:320px;
height:30px;
background:#FFFFFF url(../images/interface/boutons/grand-pa.gif) no-repeat top left;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:none;
}