/*ACCUEIL*/
body {
    margin:0;
    padding:0;
    font-family:arial;
    font-size:12px;
    text-align : justify; 
}

/*calendrier*/
.divCal {position:absolute;border:1px red dashed;background-color:#CCCCCC;color: #000000;}
.divCal a{text-decoration:none; width:100%;   }
.divCal table {font-size:12px;text-align:center;margin:0px;width:150px;}
.divCal td {margin : 0px;border:1px solid #FFFFFF;}
.divCal .zoneTitre {font-size:12px;text-align:center;margin:0px;background:pink;display:none;}
.divCal .zoneNav {font-size:10px;text-align:center;margin:0px;cursor:pointer; color: #000000;}
.divCal .zoneMois {width:70px;margin:0px;font-weight:bold;color: #000000;}
.divCal .zoneAnnee {font-size:10px;font-weight:bold;text-align:right;margin:0px;width:100%;}
.divCal .nSemaine {width:30px;margin:0px;color:grey;}
.divCal div{ margin-top : 0px;}

.divCal .tdx {color:#F0F0F0;} /*par defaut*/
.divCal .tdx .enWeekend {background:#C0C0C0;}
.divCal .tdx .enFeriee {background:#C0C0C0;}
.divCal .tdx .enMois {color:black;font-weight:bold;}
.divCal .tdx .aujourdhui {border:2px solid red;}

.divCal .tdxNow {color:black;font-weight:bold;}
.divCal .tdxNow:hover {background:#FFFFFF;}

.divCal .tdx:hover {background:#FFFFFF;}
.divCal .tdx:hover .enWeekend {background:#FFFFFF;}
.divCal .tdx:hover .enMois {color:black;font-weight:bold;background:#FFFFFF;} /*pour firefox */

/*fin calendrier*/

.select_texte{
   text-transform:uppercase;
}

.image_liste_film{
    width:200px;
   text-align:left;
   vertical-align:top;
}

.titre_liste_film{
   width:155px;
   text-align:left;
   vertical-align:top;
}

.input_texte{
    width:400px;
    /*text-transform:uppercase;*/

}

h2{
    text-transform:uppercase;
	    font-size: 17px;
}

.rouge{
    color:red;
}
.gris a{
	color:#999999;
}
.bordeaux{
    color:#CC0000;
}
.menu_head{
    border:1px solid #998675;
}
.menu_body{
    display:none;
    width:184px;
    border-right:1px solid #998675;
    border-bottom:1px solid #998675;
    border-left:1px solid #998675;
    text-align : justify; /*Yann*/
}
.menu_body li{
    background:#890000;
}
.menu_body li a{
    color:#FFFFFF;
    text-decoration:none;
    padding:10px;
    display:block;
}

.menu_admin_top, .menu_admin_top a{
    font-size:12px;
    text-align:center;
}

.menu_mon_compte{
    list-style:none;
    display:none;
    margin-left:auto;
    margin-right:auto;
    width:60%;
    padding-left:0px;
}

.menu_mon_compte li{
    background:#890000;
    border: 1px solid #000;
}

.fond_gris  a{
    color:#000000;    
}

.menu_mon_compte li a{
    color:#FFFFFF;
    text-decoration:none;
    display:block;
    list-style-position:inside;
    
}


.menu_utilisateur{
    list-style:none;
    display:none;
    margin-left:auto;
    margin-right:auto;
    width:60%;
    padding-left:0px;
}

.menu_utilisateur li{
    background:#890000;
    border: 1px solid #000;
}

.menu_utilisateur li a{
    color:#FFFFFF;
    text-decoration:none;
    display:block;
}

.menu_actualite{
    list-style:none;
    display:none;
    margin-left:auto;
    margin-right:auto;
    width:60%;
    padding-left:0px;
}

.menu_actualite li{
    background:#890000;
    border: 1px solid #000;
}

.menu_actualite li a{
    color:#FFFFFF;
    text-decoration:none;
    display:block;
}

.menu_films{
    list-style:none;
    display:none;
    margin-left:auto;
    margin-right:auto;
    width:60%;
    padding-left:0px;
}

.menu_films li{
    background:#890000;
    border: 1px solid #000;
}

.menu_films li a{
    color:#FFFFFF;
    text-decoration:none;
    display:block;
}

.menu_edition{
    list-style:none;
    display:none;
    margin-left:auto;
    margin-right:auto;
    width:60%;
    padding-left:0px;
}

.menu_edition li{
    background:#890000;
    border: 1px solid #000;
}

.menu_edition li a{
    color:#FFFFFF;
    text-decoration:none;
    display:block;

}

.menu_agenda{
    list-style:none;
    display:none;
    margin-left:auto;
    margin-right:auto;
    width:60%;
    padding-left:0px;
}

.menu_agenda li{
    background:#890000;
    border: 1px solid #000;
}

.menu_agenda li a{
    color:#FFFFFF;
    text-decoration:none;
    display:block;
}
.menu_newsletter{
    list-style:none;
    display:none;
    margin-left:auto;
    margin-right:auto;
    width:60%;
    padding-left:0px;
}

.menu_newsletter li{
    background:#890000;
    border: 1px solid #000;
}

.menu_newsletter li a{
    color:#FFFFFF;
    text-decoration:none;
    display:block;
}

.menu_commande{
    list-style:none;
    display:none;
    margin-left:auto;
    margin-right:auto;
    width:60%;
    padding-left:0px;
}

.menu_commande li{
    background:#890000;
    border: 1px solid #000;
}

.menu_commande li a{
    color:#FFFFFF;
    text-decoration:none;
    display:block;
}

.textarea{
     width:400px;
     font-family:arial;
     font-size:12px;
}

.droite{
    text-align:right;
}

.gauche{
    text-align:left;
}

.liste_actu{
    text-align:left;
}

.haut{
    vertical-align:top;
    text-align:justify; /*Yann*/
}

.actu_active{
  background-color:#ddd;
  font-weight:bold;
  text-transform:capitalize;
}

.erreur{
    margin-left:auto;
    margin-right:auto;
    width:60%;
    color:#F00;
    text-align:center;
    background-color:#FF0;
    margin-top:20px;
}

.fond_gris{
    background-color:#ddd;
}

.liste_films_fiche{
    margin:0px;
    padding:1px;
    text-align:left;
    text-transform:capitalize;
    
}

/********************************************************* #actualites *********************************************************/

#actualites{
   background-color:#eeeeee;
   border: 1px solid #ccc;
   text-align:left;
   width:800px;
}

.liste_colonnes{
border-left:1px dotted #C9C9C9;
color:#FFFFFF;
display:block;
float:left;
margin-left:10px;
padding:10px;
width:250px;
}

.titre_actu{
    display: block;
    font-family: arial,verdana,helvetica,sans-serif;
    font-size: 21px;
    font-weight: bold;
    margin-top: 2px;
    text-align: left;
    text-transform: uppercase;
}

.auteur_actu{
    display: block;
    font-family: arial,verdana,helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.accroche_actu{
	display: block;
    font-family: arial,verdana,helvetica,sans-serif;
    font-size: 16px;
    text-align: left;
	margin-bottom:5px;
}	


.texte_actu{
    display: block;
    font-family: arial,verdana,helvetica,sans-serif;
    font-size: 13px;
    margin-top: 20px;
    text-align: left;
}

.mention_actu{
    display: block;
    font-family: arial,verdana,helvetica,sans-serif;
    font-size: 13px;
    font-style: italic;
	margin-top: 40px;
    text-align: left;
}


/********************************************************* menu admin *********************************************************/

.menu_admin_defaut, .menu_admin_defaut a{
	font-size: 12px;
	margin-left:auto;
    margin-right:auto;
    width:80%;
    text-align:center;
}

.fond_capricci, .fond_capricci a:visited{
    background-color:#890000;
    color:#FFF;
}

.menu_admin_centrer{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
    margin-top:0px;
    margin-bottom:30px;
}

.TitresMenu{
	z-index:100;
	display:block;
	width: 570px;
	float: left;
	height:20px;
	font-size:12px;
    text-transform:uppercase;
    padding:10px;
	color:#890000;

}

.admin_select_categories {
	border: 1px solid #890000;
	width:320px;
	float: left;
	margin-top:10px;
	color:#FFFFFF;

}

.admin_upload_fichier {
	border: 0px solid #890000;
	width:98%;
	padding:0px;
	float: left;
	color:#890000;
	vertical-align:top;
}

.admin_habillage{
	display:block;
	width: 590px;
	float: left;
	height:auto;
	font-size:12px;

    border-left :1px solid #890000;
    border-right :1px solid #890000;
    border-bottom :1px solid #890000;
	background-color:#890000;
}

.admin_habillage_texte{
	width: 100%;
	float: left;
}

.admin_habillage_habillage {
	background-color:#890000;
	float:left;
	height:auto;
	width:100%;
}

/********************************************************* bouton *********************************************************/

a.bouton{
  width:100px;
  height:10px;
  text-decoration:none;
  color:white;
  background:#890000 repeat-x scroll 0 0;
  border: 1px solid #890000;
  padding:2px;
}
a.bouton:visited{
  width:100px;
  height:10px;
  text-decoration:none;
  color:white;
   background:#890000 repeat-x scroll 0 0;
  border: 1px solid #890000;
}
a.bouton:hover{
  width:100px;
  height:10px;
  text-decoration:none;
  color:white;
  background:#890000 repeat-x scroll 0 0;
  border: 1px solid #890000;
}

select{
    text-transform:uppercase;
}

.longueurselect{
    width:758px;
}

.selectcolorie{
    background-color:#890000;
    color:white;
}

.longueur735{
    width:735px;
}

.bouton{
	width:102px;
	height:auto;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
	margin-top:5px;
	margin-bottom:5px;
	padding:2px;
	background:#890000 repeat-x scroll 0 0;
    border: 1px solid #890000;
    color:white;
}

.login_habillage{
    
}
/*Alignement du site*/
.tableau_central{
    margin-left:auto;
    margin-right:auto;
    vertical-align:top;

}

.login_habillage{
    margin-left:auto;
    margin-right:auto;
    width:50%;
}

p{
   clear:both;
   font-size:13px;
}

/*a:link 
{ 
color: #890000 ;
text-decoration: none ; 
}

a:visited 
{
color :#890000 ;
text-decoration: none ; 
}

a:hover 
{ 
color :#890000 ; 
text-decoration: none ;
font-family:arial;
font-size:12px;
}*/

.gros_titre,.gros_titre a
{
	clear:both;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
.middle_titre,.middle_titre a
{
	clear:both;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
.gros_titre,.gros_titre a:hover{
	clear:both;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;

}

.sous_titre{
    display:block;
    font-weight:bold;
    font-size:14px;
    margin-top:-15px;
    margin-bottom:10px;
}
span.real{
	font-size:13px;
	font-weight:bold;
}
span.infos{
	font-size:13px;
}
span.festivals{
	color:#666666;
	font-style:italic;
	font-size:0.9em;
}


/*page DISTRIBUTION*/
.liste1
{
    margin: 0pt;
    padding-top : 0pt;
    padding-left : 11pt;
    font-family: verdana;
    font-size: 12px;
    text-align : justify; /*Yann*/
}

.padding_bottom_7px{
    padding-bottom:7px;
}

.padding_top_310px{
    padding-top:310px;
}

.padding_top_20px{
    padding-top:20px;
}

.padding_top_10px{
    padding-top:10px;
}

.margin_top_20px{
    margin-top:20px;

}

.margin_top_10px{
    margin-top:10px;
}

.margin_bottom_10px{
    margin-bottom:10px;
}

.margin_bottom_20px{
    margin-bottom:20px;
}

.texte10,.texte10 a
{
    text-decoration: none;
    font-family:arial;
    font-size:10px;
    color :#000 ;
}

.premiere_en_majuscule{
    text-transform:capitalize;
}

.majuscules{
    text-transform:uppercase;
}

/********************************************  modules mon compte resume ******************************************* */

.mcr_habillage{
	text-decoration: none;
    font-family:arial;
    font-size:10px;
    color :white ;
    text-transform:capitalize;
    text-align:right;
    width:760;
}

.mcr_menu_select{
	width:300px;
	cursor: pointer;
}

.mcr_habillage_texte
{
	text-decoration: none;
    font-family:arial;
    font-size:10px;
    color :white ;
    text-transform:capitalize;
}

.mcr_habillage_texte a
{
	text-decoration: none;
    font-family:arial;
    font-size:10px;
    color :white ;
    text-transform:capitalize;
}



.td_index_titre {
        FONT-SIZE: 12px;
        FONT-FAMILY: Arial;
        font-weight: normal;
        color: #000;
        vertical-align:top;
        padding-right:40px;
}

.td_index_titre a,.td_index_titre a:visited {
        FONT-SIZE: 12px;
        FONT-FAMILY: Arial;
        font-weight: normal;
        color: #000;
        vertical-align:top;
}

.td_index_titre a:hover {
        FONT-SIZE: 12px;
        FONT-FAMILY: Arial;
        font-weight: normal;
        color: #900;
        vertical-align:top;
		
}

.td_actu_titre {
         padding-right:20px;
}

.td_index {
        FONT-SIZE: 12px;
        FONT-FAMILY: Arial;
        font-weight: normal;
        color: #000;
        vertical-align:top;
        padding-left:12px;

}

.td_index a,.td_index a:visited {
        FONT-SIZE: 12px;
        FONT-FAMILY: Arial;
        font-weight: normal;
        color: #000;
        vertical-align:top;
}


.td_index a:hover {
        FONT-FAMILY: Arial;
        font-weight: normal;
        color: #900;
        vertical-align:top;
		text-decoration:none;
}

.justifier{
  text-align:justify;
}

/*page EDITIONS*/
.texte12,.texte12 a
{
    text-decoration: none;
    font-family:arial, sans-serif;
    font-size:12px;
    color :#FFFFFF ;
	margin-top:3px;	
	display:block;
	text-align:justify;	
}
.texte12,.texte12 a:hover
{
    text-decoration: none;
    font-family:arial, sans-serif;
    font-size:12px;
    color :#FFFFFF ;
	text-align:justify;
}

p.MsoNormal, li.MsoNormal, div.MsoNormal {
    text-decoration: none;
    font-family:arial, sans-serif;
    font-size:13px;
   /* color :#FFFFFF ; */
    text-align : justify;
}

.texte14,.texte14 a
{
    text-decoration: none;
    font-family:arial;
    font-size:13px;
}
/* =====================
VIGNETTES DE BAS DE PAGE
======================== */
.titre_vignette,.titre_vignette a
{
	color:#FFFFFF;
	display:block;
	float:left;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	width:140px;
	margin-bottom:10px;
}

.td_vignette{
    vertical-align:top;
    padding-right:10px;
}
/* =====================
FIN VIGNETTES
======================== */
.gras{
    font-weight:bold;
}
.large{
    display: block;
    width: 200px;
}
.maj_orange{
    color:#CC0000;
	text-transform:uppercase;
}

.menu_top_g{
    padding-left:0px;
    text-decoration: none;
    font-family:arial;
    font-size:12px;
    color :#000 ;
    width:200px;
    display:block;
}

.menu_top_g a,.menu_top_g a:visited{
    padding-left:0px;
    padding-bottom:5px;
    text-decoration: none;
    font-family:arial;
    font-size:12px;
    color :#000 ;
    width:200px;
    display:block;
}

.menu_top_g a:hover{
    padding-left:0px;
    padding-bottom:5px;
    text-decoration: none;
    font-family:arial;
    font-size:12px;
    color :#900 ;
    width:200px;
    display:block;
}


#td_top_g{
	padding:8px;
	vertical-align:top;
	width:200px;
}

#td_top_g_contact{
   padding-left:25px;
   vertical-align:bottom;
   border-right:0px solid #000;
   width:400px;
}
.header{
    left: 50%;
    margin: 0 auto 10px -470px;
    position: absolute;
    width: 940px;
    z-index: 100;
}


.header_menu_top{
    text-align:left;
    color:#900;
    width:900px;
}
/*
#menu {
height:50px;
}
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:12px;
padding:2px;
text-align:left;
width:55px;
}
#menu li:hover ul li {
width:115px;
}
.tutele{
display:block;
float:left;
min-width:55px;
}


.sstitre{
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
width:150px;
}
.ssrubriques li{
width:70px;
}


#menu li a:hover {

display:block;
}
#menu ul li ul {
display:none;
}

#menu ul li:hover ul {
display:block;
min-width:380px;
}
#menu li:hover ul li {

}


*/

.header_menu_top a{
   /* background:url(../medias/images/capricci/fleche_rouge_2.gif) no-repeat left bottom;*/
	margin-left:5px;
	padding-left:10px;
    font-size:13px;
}
.header_menu_top a:hover{
   /* background:url(../medias/images/capricci/fleche_rouge_2.gif) no-repeat left bottom;
	margin-left:5px;
	padding-left:10px;*/
    font-size:13px;
}

.menu_gauche_film a{
    padding-left:8px;
/*    background:url(../medias/images/capricci/fleche_rouge.gif) no-repeat left center;*/
}

.festival{
	color:#CCCCCC;
	font-style:italic;
}

.habillage_img,.habillage_img a{
border:medium none;
display:block;
float:left;
height:150px;
margin-right:10px;
width:105px;
}

.habillage_img_edition{
 border:1px solid #000;
 margin-right:10px;
 float:left;
}
.habillage_img_liste,.habillage_img_liste a{
border:medium none;
display:block;
float:left;
margin-right:10px;
width:105px;
}

.habillage_img_fiche{
	display:block;
	float:left;
	padding-bottom:10px;
	padding-right:5px;
	width:250px;
	border:medium none;
}
.habillage_img_fiche_ag{
	display:block;
	width:450px;
	float:left;
	z-index:1;
}
.white_content c_affiche img{
	z-index:1;
}
.agrandiss{
	display:block;
	float:left;
	height:390px;
}
.imged{
	/*height:200px;*/
	width:140px;
	padding-bottom:5px;
}
.edition_texte{
   text-align:justify;
   font-size:13px;
}

.edition_sous_titre{
    font-weight:bold;
    margin-top:20px;
}

.edition_texte_liste{
   text-align:justify;
}

.edition_td{
    vertical-align:top;
    padding-right:10px;
}


.contact_texte{
    padding:0;
}

.contact_menu{
  list-style-type:none;
  padding-left:20px;
  font-family:verdana;
  font-size:12px;
  background:url(http://www.capricci.fr/images/bullet.gif) no-repeat left center;
}
.contacts{
	font-size:13px;
	display:block;
}
.agauche{
	font-size:13px;
	float:left;
	width:37%;
}
.adroite{
	font-size:13px;
	float:left;
	width:31%;
}

.agenda{
    width:800px;
    margin-left:200px;
}

.agenda2{
    width:600px;
    margin-left:200px;
}

.message{
    background:#EEE;
    border:1px solid #999;
    color:#333;
    font-size:12px;
    padding:1px;
    position:absolute;
    left:11px;
}


.actualite {
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    font-weight: normal;
    color: #000;
    vertical-align:top;
    width:425px;
    padding-top:10px;
}

.actualite a,.actualite a:visited {
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    font-weight: normal;
    color: #000;
    vertical-align:top;
}

.actualite a:hover {
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    font-weight: normal;
    color: #900;
    vertical-align:top;
}


/* ===============================================================================================================
page d'accueil =========*/


body {
background-color:#000000;
color:#FFFFFF;
font-family:arial,verdana,helvetica,sans-serif;
font-size:13px;
margin:auto;
}
body.accueil {
width:900px;
}
.clearer {
clear:both;
height:0;
}
.vspacer {
line-height:1.8em;
}
.clair {
background-color:#FFFFFF;
}
.fonce {
background-color:#FFFFBB;
}
#wrapper {
margin:auto;
width:1000px;
}
#majeur {
float:left;
padding:0;
width:100%;
}

#tetiere {
/*background-image:url(../images/logoUCaen.jpg);
background-position:5% 50%;
background-repeat:no-repeat;
border:1px solid black;
margin:20px 0 10px;
width:100%;*/
height:10px;
}
/*
#tetiere h1, #tetiere h2, #tetiere h3 {
color:#AA0022;
margin-left:200px;
}
#tetiere a {
display:block;
}
#tetiere a:hover {
text-decoration:none;
}
*/
#colonne {
float:right;
margin:5px 0 10px;
text-align:center;
width:21%;
}
#colonne img {
display:block;
margin:auto;
}
#pied {
font-size:10px;
padding:10px;
width:100%;
}
#pied h3 {
font-size:11px;
margin:0;
}

a {
/*color:#AA0022;*/
color:#FFFFFF;
text-decoration:none;
font-size:13px;
}
a:hover {
text-decoration:underline;
}
a.a404 {
color:#888888;
}
a.a404:hover {
text-decoration:none;
}

.index #majeur ul {
margin:0;
padding:0;
}
.index #majeur li {
list-style-type:none;
margin:0;
padding:5px 0;
}
.index #structure {
border:1px solid black;
font-size:11px;
margin:5px 0 10px;
padding:0;
width:100%;
}
.index #structure .clair, .index #structure .fonce {
padding:5px 0;
}
.index #structure a {
/*color:#AA0022;*/
color:#FFFFFF;
display:block;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.index #structure a:hover {
text-decoration:underline;
font-size:12px;
}
.index #structure a.a404 {
color:#888888;
}
.index #structure a.a404:hover {
text-decoration:none;
}
.index #structure .num {
float:left;
font-weight:normal;
padding:2%;
width:25%;
}
.index #structure .intitules {
float:right;
padding:3px 3%;
width:65%;
}
#intro, #biblio {
border:1px solid black;
font-size:1.1em;
line-height:1.5em;
margin:8px 0;
padding:10px 1% 10px 9%;
width:90%;
}
.bibliographie #structure a {
display:inline;
font-weight:normal;
}
.bibliographie #structure .couv {
border:1px solid black;
float:left;
margin:5px;
overflow:hidden;
padding:2px;
text-align:center;
width:80px;
}
.bibliographie #structure .couv img {
display:block;
margin:auto;
width:90px;
}
.bibliographie dt {
font-weight:bold;
margin-top:10px;
}
#cours {
float:left;
width:400px;
}
#contenu, #travail {
margin:5px 0;
padding:3%;
}
.logo_cap {
color:#FFFFFF;
font-size:3em;
font-weight:bold;
text-align:left;
line-height:24px;
font-family:"Courier New", Courier, monospace;
}

.titre {
color:#FFFFFF;
font-size:3em;
font-weight:bold;
text-align:left;
line-height:24px;
margin:45px 5px 10px 0;
font-family:"Courier New", Courier, monospace;
}

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

.titre a:hover{
text-decoration:underline;
color:#FFFFFF;
font-family:"Courier New", Courier, monospace;
}

#date {
font-size:36px;
font-style:bold;
margin-bottom:54px;
margin-top:30px;
text-align:center;
letter-spacing:5px;
height:32px;
}

/** =========================
					chroniques 
==============================**/
.desc {
font-family:"Courier New", Courier, monospace;
line-height:1.6em;
padding:3px 0 3px 30px;
margin-top:26px;
width:490px;
height:436px;
}

.description {
font-family:"Courier New", Courier, monospace;
line-height:1.6em;
padding:3px 0 3px 30px;
background: url(../medias/images/actu/moullet.jpg) repeat top center;
background-repeat:no-repeat;
margin-top:26px;
width:490px;
height:436px;
}

.description_22 {
font-family:"Courier New", Courier, monospace;
line-height:1.6em;
padding:3px 0 3px 30px;
background: url(../medias/images/actu/judd.jpg) repeat top center;
background-repeat:no-repeat;
margin-top:26px;
width:490px;
height:436px;
}

.description_27 {
font-family:"Courier New", Courier, monospace;
line-height:1.6em;
padding:3px 0 3px 30px;
background: url(../medias/images/actu/neigh.jpg) repeat top center;
background-repeat:no-repeat;
margin-top:26px;
width:490px;
height:436px;
}

.description_28 {
font-family:"Courier New", Courier, monospace;
line-height:1.6em;
padding:3px 0 3px 30px;
background: url(../medias/images/actu/cahiers.jpg) repeat top center;
background-repeat:no-repeat;
margin-top:26px;
width:490px;
height:436px;
}

.description_29 {
font-family:"Courier New", Courier, monospace;
line-height:1.6em;
padding:3px 0 3px 30px;
background: url(../medias/images/actu/theCat.jpg) repeat top center;
background-repeat:no-repeat;
margin-top:26px;
width:490px;
height:436px;
}

.description_02{
font-family:"Courier New", Courier, monospace;
line-height:1.6em;
padding:3px 0 3px 30px;
background: url(../medias/images/actu/peck.jpg) repeat top center;
background-repeat:no-repeat;
margin-top:26px;
width:490px;
height:436px;
}

.description_03{
font-family:"Courier New", Courier, monospace;
line-height:1.6em;
padding:3px 0 3px 30px;
background: url(../medias/images/actu/peck2.jpg) repeat top center;
background-repeat:no-repeat;
margin-top:26px;
width:490px;
height:436px;
}

.description_04{
font-family:"Courier New", Courier, monospace;
line-height:1.6em;
padding:3px 0 3px 30px;
background: url(../medias/images/actu/bing.jpg) repeat top center;
background-repeat:no-repeat;
margin-top:26px;
width:490px;
height:436px;
}

.lien_accueil a:hover{
text-decoration:none;
color:#CC0000;
}


#majeur ul.plan, #majeur ul.tp {
color:#003300;
margin:3px 0 3px 30px;
}
#majeur ul.plan li, #majeur ul.tp li {
}
#lectures {
font-family: Times, serif;
float:left;
font-size:14px;
margin-top :30px;
margin-left:170px;
padding:0;
width:368px;
line-height:17px;
}


#lectures a{
text-decoration:none;
/*color:#999999;*/
font-size:14px;
}

#lectures a:hover{
text-decoration:underline;
font-size:14px;
font-family: Times, serif;
color:#999999;}

.photo {
	margin-top:35px;
	margin-right:20px;
}
.italique{
font-style:italic;
}
#logo {
	display: block;
	position: absolute;
	top:53px;
	left: 177px;
	width: 485px;
	height: 50px;
}

#logo:hover{
  text-decoration:none;
}

#trait {
background-color:grey;
height:2px;
margin-left:37px;
margin-top:510px;
position:absolute;
width:880px;
}
#trait2 {
background-color:grey;
height:2px;
margin-left:37px;
margin-top:580px;
position:absolute;
width:880px;
}

.citation{
margin-top:5px;
padding:0;
text-align:justify;
font-weight:bold;
}
#lectures li {
margin:5px 0;
padding:0 0 0 5px;

}
#lectures .soustitre {
font-size:26px;
line-height:30px;
margin-bottom:20px;
text-align:left;

}
.lettrine{
font-size:300%;
float:left;
padding:2px;
}

.colonnededroite {
color:#000000;
font-family:Arial;
font-size:12px;
font-weight:normal;
text-align:justify;
vertical-align:top;
width:172px;
}

.lien_neutre{
color:#000000;
text-decoration:none;
font-size:12px;
}
.lien_neutre:hover{
color:#000000;
text-decoration:underline;
font-size:12px;
}
/*dream*/
.Style1 {
	color: #CC0000;
	font-weight: bold;
}
.Style5 {font-size: 8px}
.Style7 {font-size: 13px}
.Style8 {color: #000000}

#auteur {
font-size:14px;
margin-top:26px;
font-weight:normal;
}

#zoom {
background-color:black;
color:white;
left:100px;
margin:auto;
min-width:750px;
position:absolute;
visibility:hidden;
width:70%;
}
#zoom .hautZoom {
background-color:black;
color:white;
margin:auto;
padding:5px 5px 15px 0;
text-align:right;
}
#zoom .imageZoom a {
background-color:black;
color:white;
text-align:right;
text-decoration:none;
}
#zoom .hautZoom a {
background-color:black;
color:white;
text-align:right;
text-decoration:none;
}
#zoom .imageZoom {
margin:auto;
padding:20px;
text-align:center;
}
#zoom .imageZoom img {
border:0 none;
margin:auto;
text-align:center;
}
#legendeZoom {
background-color:black;
color:white;
font-size:1.3em;
margin:auto;
text-align:center;
width:500px;
}
.accueil h1 {
border:1px solid black;
margin:20px 0 10px;
padding:10px;
}
.accueil .contact {
border:1px solid black;
margin:30px 0 20px;
padding:10px;
}
.accueil .contact .adresse {
float:left;
line-height:22px;
width:400px;
}
.accueil .contact .electronique {
float:left;
line-height:22px;
width:400px;
}

/* COLONNES DIV */

#all {
	margin:155px auto 0;
	width:850px;
}

#all a {
	/*color:black;*/
	text-decoration:none;
	text-align:left;
	margin-top:20px;
}

div#colonne1 {
	/*background-color:#333333;*/
	border-left:1px dotted #C9C9C9;
	border-right:1px dotted #C9C9C9;
	float:left;
	height:250px;
	padding-left:5px;
	padding-right:10px;
	text-align:left;
	width:266px;
}
div#colonne2 {
	float: left;
	margin-left: 10px;
	border:1px solid black;
	padding:10px;
	text-align:justify;
	width:190px;
}
.liste{
	line-height:15px;
	width:189px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
div#centre {
	color:white;
	float:left;
	font-size:0.8em;
	margin:0 0 20px;
	padding-left:5px;
	text-align:justify;
	width:370px;
}
.colbreve {
	/*background-color:#333333;*/
	border-right:1px dotted #C9C9C9;
	color:white;
	float:left;
	font-size:0.8em;
	height:250px;
	min-height:250px;
	padding-left:5px;
	padding-right:10px;
	text-align:left;
	width:266px;
}


/* Syntaxe non comprise par IE, bloque ignoré */
html>;.colbreve
{
  /* Seul IE ne tiendra pas compte de cette ligne*/
  height:auto;
}
#resultat2 {
float:left;
margin-left:15px;
width:250px;
}
#resultat2 ul{
color:red;
font-weight:bold;
text-align:left;
padding:10px;
margin-left:15px;
}
#resultat2 li{
font-weight:normal;
}

.affiche {
	display:block;
	float:left;
	height:160px;
	margin-right:10px;
	width:100px;
}

html > body .doc {
	height:auto;
	min-height:180px;
}

.doc {
	display:block;
	float:left;
	font-size:0.98em;
	height:220px;
	margin-left:7px;
	text-decoration:none;
	width:230px;
}

.doc_gauche {
	display:block;
	text-decoration:none;
	width:267px;
}

.doc_gauche ul{
	margin-left:90px;
}

.ftechnique{
	border:1px solid #FFFFFF;
	padding:2px;
	margin-top:20px;
}

.catalogue{
	/*padding:20px;*/
}

.image_actu{
	border-bottom:2px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
	display:block;
	float:left;
	height:333px;
	width:850px;
	color:#000000;
}
.image_actu img{
	border:none;
	/*height:333px;*/
}
.info_actu{
    display: block;
    float: left;
    height: 160px;
    margin-left: 20px;
    width: 255px;
	}
.info_actu a{
	letter-spacing:0.05em;
	/*line-height:10px;
	letter-spacing:1px;*/
	font-size:1.1em;
}

.edition_or{
	/*background-color:#FF9900;*/
	background-color:#00A9B0;
}
.prod_rouge{
	background-color:#CC0000;
}

/* ouverture image lightbox */
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	background-color:#FFFFFF;
	color:#000000;
	display:none;
	left:15%;
	padding:16px;
	position:absolute;
	top:25%;
	width:70%;
	z-index:1002;
}
.c_affiche{
	background-color:transparent;
	left:30%;
	width:50%;
}



/* Et via un commentaire conditionnel visant Internet Explorer 6 et inférieurs :

div#colonne1 {
	margin-right: 7px;
}
div#colonne2 {
	margin-left: 7px;
}		
div#centre {
	overflow: visible;
	height: 1%;
}*/
#header {
background:none repeat scroll 0 0 #FFFFFF;
height:135px;
position:absolute;
width:100%;
z-index:50;

}
#header .inner {
height:100%;
margin-left:auto;
margin-right:auto;
position:relative;
width:1020px;
}

#nav {
font-family:Arial,Helvetica,sans-serif;
height:48px;
list-style-type:none;
margin-left:0;
padding-left:30px;
font-size:13px;
}
#nav li.on ul, #nav li.off ul {
margin:0;
padding:0;
}
#nav a {
text-decoration:none;
}
#nav li {
display:block;
float:left;
margin-bottom:0;
margin-right:0;
margin-top:0;
padding-left:3px;
padding-right:3px;
text-align:center;
font-size:13px;
}
#nav li ul {
display:none;
}
#nav li.off ul, #nav li.on ul {
height:24px;
position:absolute;
width:810px;
}
#nav li a {
color:#ffffff;
display:block;
font-size:1.05em;
height:24px;
padding:0 5px 0 0;
cursor:default;
min-width:50px;
margin-right:10px;
}
#nav li.on a {
color:#FFFFFF;
font-weight:bold;
}
#nav li.on ul a, #nav li.off ul a {
border:0 none;
color:grey;
float:left;
font-size:13px;
margin-right:0;
width:auto;
}
#nav li.on ul {
display:block;
}
#nav li.off:hover ul {
display:block;
z-index:6000;
}
#nav li.off a:hover, #nav li:hover a {
color:#CC0000;
}
.recherche{
margin-left:39px; 
float:left;

}

html>body .recherche {
/*margin-left:170px;*/
float:left;

} 

.paire{
    border-bottom: 2px dotted white;
    border-right: 2px dotted white;
    float: left;
    height: 190px;
    padding: 10px;
    width: 395px;

}

/***********style menu ****/
.artTopMenu{width:45px;  float:right; margin-top: 5px !important; margin-top:5px; text-align:right; }
.calTopMenu{width:377px;  float:right; margin-top: 12px !important; margin-top:12px ; border:0px solid grey;  }
.calTopMenuButtonName{ text-align: center !important; text-align: center; margin: 8px auto 0 auto !important; margin-top: 8px; width: 50%; border:0px solid red; }
.calTopMenuButtonNameConcerts{ text-align: center !important; text-align: center; margin: 8px auto 0 auto !important; margin-top: 8px; width: 70%; border:0px solid red; }

a.calTopMenuButtonActive{ display:block; font-weight:bold; float:left; width:92px; color:white;  height:27px; background:transparent  padding:0; border:0px solid red; 
 text-transform:uppercase;}
a.calTopMenuButtonActive:hover{ width:92px; font-weight:bold;  color:white;  height:27px;  background-color:#A03073;  background:transparent url('http://www.naive.fr/public/img/front/gui/bkg/bkgCalMenuActive.jpg') no-repeat top center ;}

a.calTopMenuButtonInactive{ display:block; font-weight:bold; float:left; width:92px; color:white; border:0px solid red;   height:27px;   padding:0; margin-bottom: 0px; text-transform: uppercase;}
a.calTopMenuButtonInactive:hover{ width:92px; font-weight:bold;  color:white;  height:27px;  background-color:#A03073; margin-bottom: 0px;  }

#topMenu, #bottomMenu, .opacity { behavior: url('http://www.naive.fr/public/plugins/front/iepngfix/iepngfix.htc') }
// Section : Top Menu
*/
#toptopMenu { position:absolute; width:900px;}
#topMenu 	{ height: 19px; text-align: center; background: url('http://www.naive.fr/public/img/front/gui/bkg/bkgTopMenu.png') repeat-x center top; font-size:11px; margin-left:40px; }
/* #topMenuCat { width:1000px; margin:0 auto;} */
.topMenuCatItem { text-transform:uppercase; min-width:50px; height:16px; margin-right:2px;  float:left; position:relative; }
.topMenuCatItem a { 
color:#FFFFFF;
display:block;
font-size:13px;
height:24px;
margin-right:10px;
min-width:50px;
padding:0 5px 0 0;
text-decoration:none;}

.topMenuCatItem a:hover { 
color:#CC0000;
}


.sousmenubouton{
display: block; 
color: #FFFFFF; 
float: left; 
padding: 5px; 
border-right: 1px solid white;
border-top: 1px solid white;
}
.sousmenubouton:hover{
background-color:#666666;
color: black; }

/*.topMenuCatItem.music a:hover { background: url('http://www.naive.fr/public/img/front/gui/topmenu/subcat-music-tick.png') repeat-x center top;}
.topMenuCatItem.dvd a:hover { background: url('http://www.naive.fr/public/img/front/gui/topmenu/subcat-dvd-tick.png') repeat-x center top;}
.topMenuCatItem.books a:hover { background: url('http://www.naive.fr/public/img/front/gui/topmenu/subcat-books-tick.png') repeat-x center top;}
.topMenuCatItem.youth a:hover { background: url('http://www.naive.fr/public/img/front/gui/topmenu/subcat-youth-tick.png') repeat-x center top;}
.topMenuCatItem.calendar a:hover { background: url('http://www.naive.fr/public/img/front/gui/topmenu/subcat-calendar-tick.png') repeat-x center top;}
.topMenuCatItem.naive a:hover { background: url('http://www.naive.fr/public/img/front/gui/topmenu/subcat-naive-tick.png') repeat-x center top;}
.topMenuCatItem.alternaive a:hover { background: url('http://www.naive.fr/public/img/front/gui/topmenu/subcat-alternaive-tick.png') repeat-x center top;}
.topMenuCatItem.myaccount a:hover { background: url('http://www.naive.fr/public/img/front/gui/topmenu/subcat-music-tick.png') repeat-x center top;}
.topMenuCatItem.store { background: url('http://www.naive.fr/public/img/front/gui/topmenu/subcat-store-tick.png') repeat-x center top;}
*/
#topMenuSubRevue{ height: 19px;float:left;   text-align: center;  display:none; z-index:900; margin-left:280px;}
#topMenuSubMusic { height: 19px;float:left;   text-align: center;  display:none; z-index:900; margin-left:93px;}
#topMenuSubDvd { height: 19px; float:left;  text-align: center;   display:none; z-index:900; }
#topMenuSubBooks { height: 19px; float:left; text-align: center;  display:none; z-index:900; margin-left:163px;}
#topMenuSubYouth { height: 19px; text-align: center;  display:none; z-index:900;}
.topMenuSubCentered { width:800px; margin:0 auto; }
.topMenuSubItem { float:left;  width:90px;}
.topMenuSubItem a { font-size:13px; color:grey; text-decoration:none; height:15px;display:block;}
.topMenuSubItem a:hover { color:#CC0000; height:15px;  display:block;}


.bouton_panier{
	background-color: black;
    border-radius: 10px 10px 10px 10px;
    display: block;
    float: right;
    font-size: 13px;
    padding: 2px;
    text-align: center;
    width: 140px;
	border:black 1px solid;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	font-style: normal;
	margin-bottom: 10px;
}
.bouton_panier_interne{
    background-color: black;
    border: 1px solid black;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    text-align: center;
    width: 140px;
	font-style: normal;
}


.bouton_panier_interne:hover{
	color:#CCOOOO;
}