/*************************************************************
*
*  Définition de styles génériques
*
*************************************************************/

*{margin:0; padding:0;}

body{
margin: 20px 20px 50px 100px;
background:#333;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#333;
}

hr{display:none;}

a{
font-family: Arial, Helvetica, sans-serif;
color:#333;
}

p a {
font-family: Georgia, "Times New Roman", Times, serif;
}

a.box{
display:block;
margin: 1px 0;
padding: 1px;
background: #aa9f8d;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: normal;
}

a.badurl{
text-decoration: line-through;
}

a:hover{
background: #887d6b;
text-decoration:none;
color:#fff;
}

a.box:hover{
background: #887d6b;
}

p{
line-height: 16px;
padding-bottom: 20px;
}

/*************************************************************
*
*  éléments de gabarits
*
*************************************************************/

#container{
background:#e1d0b2;
text-align:left;
}

#header{
}

.logo{
float: left;
margin-left: 80px;
margin-top: 230px;
_margin-left: 40px;
}

#Accueil .logo h1, #Home .logo h1, #Partenaires .logo h1{
display:block;
width: 400px;
height:165px;
border-top: 25px solid #887d6b;
background: transparent url('images/interface/logo_home.gif') no-repeat center;
}
.logo h1 span{display:none;}

.flyingdutchman{
position:absolute;
left: 180px;
top: 100px;
width:400px;
height: 225px;
padding: 0;
}
.flyingdutchman div{
width: 100%;
}
.left .flyingdutchman p{
padding-left: 0;
padding-bottom: 3px;
line-height: 1;
text-align: justify;
}
.flyingdutchman ul{
padding: 0 15px;
}

.navigation{
position:relative;
float: right;
clear:right;
width: 300px;
}
.navigation li{
list-style-type:none;
}
.navigation li.image{
height:165px;
background: #808080 url('images/anim_tokyonight.gif') no-repeat center;
border-top: 25px solid #808080;
}
.navigation a{
display:block;
height: 20px;
padding: 4px 5px 0 5px;
background: #999;
border-bottom: 1px dotted #fff;
color:#ccc;
text-decoration:none;
font-size: 11px;
font-weight: bold;
}
* html .navigation a{
border-bottom: 1px solid #aaa;
}
.navigation a.acc, #content .navigation a.acc{
height: 75px;
background: #808080;
color:#ccc;
}

.navigation a.partner {
background: #808080;
border-bottom: none;
color:#ccc;
}

.navigation a.partner:hover {
background: none;
border-bottom: none;
color:#000;
}

.navigation a.topage{
background: #808080 url('images/interface/topofpage_fleche.gif') no-repeat center;
}
.navigation a.topage span{display:none;}
#content .navigation{
background:#e1d0b2;
}

.bis {
margin-top: 30px;
}

#content .navigation a{
background: none;
color: #666;
border-bottom: 1px dotted #999;
}
* html #content .navigation a{
border-bottom: 1px solid #aaa;
}
.navigation a:hover, #content .navigation a:hover{
background: #887d6b;
border-bottom: 1px solid #ddd;
color:#fff;
}
.navigation a.topage:hover{
background: #887d6b url('images/interface/topofpage_fleche.gif') no-repeat center;
border-bottom: 1px solid #ddd;
}

#content{
padding:0;
}

.left{
float:left;
width:480px;
}

.left p{
padding-left: 80px;
}

.right{
float:right;
clear:right;
width:300px;
}

* html .right{
}

h2.section{
height: 89px;
background: url('images/interface/sections/titre_programme.gif') no-repeat #808080;
}
h2 p, h2 span{display:none;}

h2.titre{
height: 90px;
margin: 0 0 20px 80px;
background: url('images/interface/sections/titre_programme.gif') no-repeat #887d6b;
}

h2.rtitre{
height: 90px;
margin : 0 0 1px 0;
background: url('images/interface/sections/titre_programme.gif') no-repeat #887d6b;
}

/*************************************************************
*
*  éléments de la page d'accueil
*
*************************************************************/

h3.partenaires{
height: 20px;
margin-left: 80px;
padding: 4px 0 0 0;
background: #887d6b;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
color: #fff;
}

a.partenaires:hover{
background: #887d6b;
}
.adressAcc{
padding: 0 0 10px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
color: #887d6b;
}
.adressAcc strong{
color: #000;
}
.presentAcc{
background: #bbb97c;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 12px;
color: #333;
border-bottom: 24px solid #dddb9e;
}

.presentAcc div{
padding: 10px 24px 24px 0;
border-bottom: 24px solid #887d6b;
}

/*************************************************************
*
*  éléments de la page Partenaires
*
*************************************************************/

#Partenaires .vignette {
width: 300px;
height: 170px;
background: url('../img/Image/Partenaires/homimaj01.jpg') no-repeat #887d6b;
border-top: 20px solid #e1d0b2;
}

.partenaire{
position: relative;
float:right;
clear:right;
width:400px;
margin-top: 40px;
}

.partenaire p{
padding:0 0 20px 0;
text-align: justify;
}

.partenaire a.logopartenaire{
display:block;
background: #808080;
text-align:center;
}

.partenaire a.logopartenaire:hover{
background-color: #887d6b;
}

.partenaire a.logopartenaire img{
border:none;
}

/*************************************************************
*
*  éléments de la section Présentation
*
*************************************************************/

.mission .left p {
text-align: justify;
}

.mission .left p img {
margin: 75px 0 0 0;
border-top: 14px solid #887d6b;
border-bottom: 20px solid #887d6b;
}

.mission .left .repriseprg {
margin-left: 80px;
background: no-repeat 0px 14px #887d6b;
}

.mission .left .trame {
height: 125px;
}

.equipier{
position: relative;
margin: 10px 0 30px 80px;
}

.equipier h4{
font-size: 18px;
font-weight: normal;
line-height:30px;
border-bottom: 1px dotted #666;
}

.equipier h5.fonction{
background: #808080;
color: #fff;
font-weight: normal;
font-size: 12px;
}

.equipier h5.tel{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:18px;
color: #606060;
}

.equipier p{
padding: 20px 0;
text-align: justify;
}

/*************************************************************
*
*  éléments de la section catalogue
*
*************************************************************/

#Catalogue .index, #Catalogue .films, #Catalogue .videos, #Catalogue .montages, #Catalogue .recherche, #Catalogue .rechercheav {
background-image: url('images/interface/fond_catalogue.gif');
background-repeat: repeat-y;
}
#Catalogue p.grossP {
font-size: 16px;
}
#Catalogue div.nonacquis {
background-color: #f30;
}

#Catalogue a.letter {
	padding: 10px 2px;
	margin: 0 1px 0 0;
	background: #e1d0b2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	}
#Catalogue a.none {
	padding: 10px 2px;
	margin: 0 1px 0 0;
	background: #e1d0b2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #beb1a1;
	}
#Catalogue a.active {
	color: #fff;
	}

.catalogue_item {
position: relative;
float:right;
clear:right;
width:400px;
margin: 0 0 25px 0;
background: #beb1a1;
font-family: Arial, Helvetica, sans-serif;
}
#Catalogue .catalogue_item a.titre {
display : block;
width: 400px;
padding: 10px 0;
border-top: 1px dotted #887d6b;
font-family: Georgia,"Times New Roman",Times,serif;
text-decoration: none;
font-weight: normal;
font-size: 16px;
line-height: 1.1;
color: #111;
}
#Catalogue .catalogue_item a.titre:hover {
background : #fff;
color : 0;
}
#Catalogue .catalogue_item p {
padding : 3px;
font-size :  10px;
line-height : 12px;
color : #555;
}
#Catalogue .catalogue_item p span {
display : block;
font-family: Georgia,"Times New Roman",Times,serif;
font-weight: bold;
color : #000;
}

#Catalogue .catalogue_item .infos1 {
position : relative;
font-size: 21px;
font-weight: bold;
color : #fff;
}
#Catalogue .catalogue_item .infos2 {
position : absolute;
top : 0;
right : 0;
padding-right : 5px;
color : #887d6b;
}
#Catalogue .catalogue_item .infos3 {
position : relative;
border-top: 1px dotted #887d6b;
padding : 1px 5px;
font-size: 11px;
font-weight: bold;
line-height : 18px;
color : #333;
}
#Catalogue .catalogue_item .infos4 {
position : absolute;
top : 1px;
right : 5px;
}
#Catalogue .catalogue_item .infos4 span {
font-weight: normal;
}

/*************************************************************
*  éléments de la section catalogue (recherche)
*/

#Catalogue .rechercheav h2.titre {
	background: #e1d0b2;
	}

#Catalogue .recherche .catalogue_item, #Catalogue .rechercheav .catalogue_item {
	background: none;
	}

#Catalogue .recherche .catalogue_item h3 ,#Catalogue .rechercheav .catalogue_item h3 ,#Catalogue .recherche .flyingdutchman p {
	background: #e1d0b2;
	padding: 5px;
	}

#Catalogue #rechercheaction {
	background: #beb1a1;
	padding: 0 0 5px 3px;
	}
#Catalogue #rechercheaction input {
		margin:5px 0 0 0;
		vertical-align: middle;
		width: auto;
		height: auto;
		}

/*************************************************************
*  éléments de la section catalogue (recherche)
*/

#Catalogue .rechercheav form {
	width: 400px;
	padding: 0 0 15px 0;
	float: right;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 1em;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	}

#Catalogue .rechercheav fieldset {
	border: none;
	border-top: 1px solid #beb1a1;
	padding: 5px 0;
	vertical-align: middle;
	}
#Catalogue .rechercheav .radio {
	background: #e1d0b2;
	padding: 5px;
	width: 90;
	float: left;
	}

#Catalogue .rechercheav label.textfield {
	float: left; clear: left;
	display: block;
	width: 130px; height: 23px;
	margin: 1px 0; padding: 1px 0;
	border-bottom: 1px dotted #beb1a1;
	}

#Catalogue .rechercheav input.textfield {
	float: right; clear: right;
	width: 250px; height: 20px;
	margin: 1px 0; padding: 1px;
	}
#Catalogue .rechercheav #rechercheaction input {
	margin:5px 0 0 0;
	padding-left: 300px;
	vertical-align: middle;
	width: auto;
	height: auto;
	}



/*************************************************************
*  éléments de la section catalogue (fiche / montage)
*/
#Catalogue .fiche, #Catalogue .montage {
background-image : none;
background: #fff;
}
#Catalogue .fiche #content .navigation, #Catalogue .montage #content .navigation {
background-color:#fff ;
}

#Catalogue #element {
float:right;
clear:right;
width:400px;
margin: -55px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
}
/* element suivant pour régler un problème non résolu */
#Catalogue .montage #element {
	margin-top : -230px;
	}

#Catalogue #element .visuel {
	width : 400px;
	height : 230px;
	}

#Catalogue #element h2 {
	position : relative;
	width : 400px;
	height : 90px;
	background: #e1d0b2 url('images/interface/gradient_white4.gif') repeat-y;
	}
#Catalogue #element h2 span {
	position : absolute;
	display : block;
	bottom : 0;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 24px;
	font-weight : normal;
	line-height : 22px;
	color : #000;
	}
#Catalogue #element h3 {
float : left;
width : 190px;
padding : 25px 3px;
font-size :  10px;
font-weight : normal;
line-height : 12px;
color : #ddd;
}
#Catalogue #element h3 span {
display : block;
font-family: Georgia,"Times New Roman",Times,serif;
font-size : 12px;
color : #000;
}
#Catalogue #element .infos {
clear : both;
width : 100%;
background: #e1d0b2;
color : #000;
}

#Catalogue #element .infos h5 {
float : left;
padding : 3px 15px 3px 5px;
border-left: 1px solid #fff;
font-size: 12px;
color: #606060;
}
#Catalogue #element p {
padding : 20px 0 0 0;
text-align : justify;
}
#Catalogue p.interpretes {
padding : 20px 0 0 0;
}

.hfimo {
margin-top : 50px;
padding : 4px 5px 5px 5px;
background: #e1d0b2;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
color: #555555;
font-weight: normal;
line-height: 12px;
}

#Catalogue .seqautres {
	padding : 10px 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #555555;
	}
#Catalogue .seqautres p {
	padding: 0 0 10px 0;
	}
#Catalogue .seqautres a {
	display: inline;
	border:none;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: underline;
	}
#Catalogue .seqautres a:hover {
	text-decoration: none;
	}
	
	





/*************************************************************
*
*  éléments de la section Programmes
*
*************************************************************/

h2#mois{
height: 90px;
margin: 0 0 20px 80px;
background: url('images/interface/titres_fr/titre_mois.gif') no-repeat #887d6b;
}

h2#mois ul#annee{
display: block;
float:right;
margin-top: 50px;
padding: 5px 75px 3px 0;
background: url('images/interface/titres_fr/titre_annees.gif') no-repeat;
}

h2#mois ul li{
float:left;
display:block;
list-style-type:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

h2#mois ul li a{
display:block;
float:left;
width:9px;
height:31px;
border-right: 1px solid #887d6b;
background: #c0b090;
}

h2#mois ul li a.passe{
background: #a4977e;
}

h2#mois ul li a.noevent{
background: #7d766c;
}

h2#mois ul li.annee{
}

h2#mois ul li a.prev{
background: url('images/interface/titres_fr/titre_mois_prev.gif') no-repeat right bottom;
width:30px;
}

h2#mois ul li a.next{
background: url('images/interface/titres_fr/titre_mois_next.gif') no-repeat left bottom;
width:30px;
}
h2#mois ul li a#courant{
background: #fff;
}

h2#mois ul li a:hover{
background: #fff;
}

h2#mois ul li a.noevent:hover{
background: #7d766c;
}

h2#mois ul li a.prev:hover{
background: url('images/interface/titres_fr/titre_mois_prev.gif') no-repeat left top  transparent;
}

h2#mois ul li a.next:hover{
background: url('images/interface/titres_fr/titre_mois_next.gif') no-repeat right top transparent;
}

.evenement{
position: relative;
float:right;
clear:right;
width:400px;
margin: 25px 0 0 0;
background: #fff;
}

.evenement h3{
margin:0;
padding:0;
}

.evenement h3 p{
font-size:18px;
}

.evenement h3 a{
display:block;
text-decoration:none;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}

.evenement h3 a.c1{
color: #450039;
}

.evenement h3 a.c2{
color: #8b0037;
}

.evenement h3 a.c3{
color: #730601;
}

.evenement h3 a img{
border:none;
}

.evenement h3 a span{
padding: 0 5px;
}

.evenement h4{
padding:0.5em 5px 0 5px;
border-bottom: 1px dotted #e1d0b2;
color:#000;
font-family: Arial,Helvetica,sans-serif;
font-weight:bold;
font-size:13px;
line-height: 8px;
}

.evenement h5{
padding: 0 5px 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 24px;
font-weight: bold;
text-align: right;
}

.evenement h5.infos{
background: #ccc;
color: #333;
border-bottom: 1px solid #fff;
font-size: 11px;
line-height: 16px;
}

.evenement p{
padding: 15px 5px;
font-size: 12px;
line-height: 16px;
}

.evenement p img{
margin:  0 0 0 -5px;
}

/*
//  definition des couleurs de catégories
*/

.color0{
background: #ccc;
}

.color1, #content .navigation a.color1:hover, .evenement h3.col1 a:hover{
background: #450039;
color: #fff;
}

.color2, #content .navigation a.color2:hover, .evenement h3.col2 a:hover{
background: #8b0037;
color: #fff;
}

.color3, #content .navigation a.color3:hover, .evenement h3.col3 a:hover{
background: #730601;
color: #fff;
}

.color4, #content .navigation a.color4:hover, .evenement h3.col4 a:hover {
background: #f03;
color: #fff;
}

.evenement .tarif, .fiche .tarif{
margin: 0;
padding:0;
background:#e1d0b2;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
color: rgb(96, 96, 96);
font-weight: bold;
}

/*
//  definition de la fiche programme
*/

#Programmes .fiche #content {
background: url('images/interface/filetCCC.gif') repeat-y right;
}

.fiche .left {
position: relative;
margin-top: -175px;
}


.fiche .left h3{
padding: 10px 5px;
}

.fiche .left h4{
padding: 0 5px 25px 5px;
border:none;
}
.fiche .left .evenement img.illust{
background: #ccc;
padding-bottom: 15px;
}

.fiche .left span.credits{
display:block;
width:400px;
margin: 0 0 0 -5px;
padding:  2px 0;
background: #000;
color: rgb(102, 91, 73);
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.fiche .left a.sponsor {
background:none;
}

.fiche .left a.sponsor img{
border:none;
}

/*
//  projections
*/

.projection{
position: relative;
background: #ccc;
color: #555;
font-family: Arial, Helvetica, sans-serif;
line-height: 12px;
}

#content .retour{
margin-bottom: 0;
}

.projection h4{
border-top: 4px solid #e1d0b2;
padding:5px;
font-size: 14px;
font-weight: bold
}

.projection h5{
padding: 0 5px;
font-size: 12px;
font-weight: bold
}

.projection p{
padding:0 5px 20px 5px;
font-size: 10px;
color: #666;
}

/*************************************************************
*
*  éléments de la section Danses & Images Actuelles
*
*************************************************************/

#Observatoire #container {
background:#eee;
}

/* hack à la con pour ie6 */
* html #Observatoire .index #content .right  {
	position: absolute;
	top: 250px;
	right: 20px;
	}

#Observatoire #content .navigation {
background: #eee;
}

.cahierlegphotodr
{
	display: block;
	text-align: right;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: rgb(85, 74, 56);
	line-height: 12px;
	font-weight: bold;
	font-style: normal;
	}
#Observatoire .left span.credits{
display:block;
width:400px;
padding:  2px 0;
background: #ccc;
color: rgb(102, 91, 73);
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
#Observatoire .evenement .tarif {
	background: #eee;
	}

/*************************************************************
*
*  éléments de la section édition
*
*************************************************************/

/*
//  definition de la catégorie cahiers
*/

.fndcahiers{
float:left;
clear:both;
width:100%;
background: url('images/collage_cahiers.jpg') repeat-y right transparent;
}

.cahiers h3{
margin: 5px 0 5px 80px;
font-size: 18px;
font-weight: normal;
line-height: 16px;
color: #000000;
}

.cahiers h3 a{
font-family: Georgia, "Times New Roman", Times, serif;
}

.cahiers h5{
margin: 15px 0 0 80px;
border-bottom:1px solid #887d6b;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
line-height: 12px;
color: #888;
}

.cahiers h4{
margin: 0 0 0 80px;
position: relative;
}

.cahiers h4 a{
display: block;
padding: 2px 0;
border-bottom:1px solid #887d6b;
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: none;
font-size: 14px;
font-weight: normal;
}

.cahiers h4 a:hover{
color: #fff;
}

.cahiers h4 a:visited{
color: #666666;
}

.cahiers p {
text-align: justify;
}

/*
//  definition de la fiche cahier
*/

.aaa86b{
position: relative;
background: url('images/interface/filetaaa86b.gif') repeat-y right;
}

.cahier .fond{
position: relative;
padding: 5px 0 30px 80px;
background: #fff;
}

.cahier h5, .cahier .auteurs{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.cahier h3{
padding: 20px 0;
font-size: 18px;
font-weight: normal;
}

.cahier h5{
padding: 0 1px;
border-bottom: 1px solid #887d6b;
font-weight: normal;
color: #888;
}

.cahier p{
padding : 15px 5px 15px 0;
text-align: justify;
}

.cahier .auteurs{
padding-top:0;
font-weight: bold;
color: #606060;
}


.edition h2.titre{
margin-bottom: 0;
}

.edition a{
margin-left: 80px;
}

.couverture{
	color: #441;
}

.couverture p{
padding:0;
margin:0;
}

.couverture .imagetitre{
}

.couverture .imagecredits{
display: block;
position: absolute;
right: 0px;
bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
}

.couverture .imagedroits{
background:#e1d0b2;
width:300px;
color: #000;
}

/*************************************************************
*
*  éléments de la section Espace critique
*
*************************************************************/

.critiques{
clear:both;
margin-left: 80px;
}

.critiques h3{
position:absolute;
top:250px;
width:400px;
height:90px;
font-size:24px;
font-weight:normal;
line-height:22px;
}

.critiques h3 div{
position:absolute;
bottom: 0;
}

.critiques h4{
padding: 0 1px;
border-bottom: 1px solid #887d6b;
font-weight: normal;
}

.critiques h4 a{
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
color: #000;
text-decoration: none;
}

.critiques h4 a:hover{
color: #fff;
}

.critiques h4 a:visited{
color: #666;
}

.critiques p{
padding: 5px 0 15px 0;
text-align: justify;
}

.critiques .article{
padding-top: 35px;
}

.critiques .article p.nopad{
padding: 0;
margin: 0;
}

.critiques .article p.gras{
padding: 5px 0 3px 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}
.critiques .article p.liner
{
		border-bottom: 1px dotted rgb(153, 153, 153);
		padding: 15px 0 5px 0;
}

#container.article .right p{
margin: 0;
padding: 0;
}

#container.article{
background: url('images/interface/filetblanc.gif') repeat-y right #e1d0b2;
}

#container.article .left .signature{
margin: 35px 0 0 0;
padding: 5px 0;
border-top: 1px dotted rgb(153, 153, 153);
_border-top: 1px solid #aaa;
font-size: 14px;
line-height: 16px;
}

#container.article .flyingdutchman{
top: 80px;
}

#container.article p.source{
margin:0;
padding:0;
}

#container.article #header{
background:#e1d0b2;
}

#critest.fondstandard{
background:#e1d0b2;
}

/*************************************************************
*
*  éléments de Pied de page
*
*************************************************************/

#footer{
clear:both;
position: relative;
color: #fff;
padding: 0;
}

.logosign{
height:105px;
background: url('images/interface/logo06.gif') no-repeat center bottom #808080;
}

.logosign span{display:none;}

#footer p{
clear:both;
padding: 5px 80px;
#padding: 5px 40px;
_padding: 5px 80px;
background: #808080;
}

#footer a{
color: #fff;
}

#footer a.minilink {
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	padding: 0 2px;
}
#footer a.minilink:hover {
background: none;
color: #fff;
}

#footer a.linkborder {
border-left: 2px solid #000;
}

#footer a.langue {
	display:block;
	position:absolute;
	width:300px;
	right: 0;
	bottom:0;
	padding: 5px 0;
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
}

#footer a.langue:hover {
background: #654;
color: #999;
}

/*************************************************************
*
*  règles pour la page de login
*
*************************************************************/

.login .logo h1 {
display:block;
width: 400px;
height:155px;
position: absolute;
top: 75px;
border-top: 25px solid #887d6b;
background: transparent url('images/interface/logo_home.gif') no-repeat center;
}

.login form fieldset{
display:block;
margin: 0;
padding: 5px 0 0 0;
border:none;
background: #ccc;
text-align: center;
}

.login form input{
margin:5px 0 0 0;
padding:0;
width: 298px;
border: 1px solid #ccc;
}

.login .soumission{
height: 25px;
width: 300px;
background: #999;
padding: 5px;
border:none;
border-bottom: 1px dotted #fff;
color:#ccc;
text-align: left;
text-decoration:none;
font-size: 11px;
font-weight: bold;
}

.login .soumission:hover{
background: #887d6b;
border-bottom: 1px solid #ddd;
color:#fff;
}

/*************************************************************
*
*  règles basique pour les tableaux (utilisé pour debug cake)
*
*************************************************************/

table{
width: 100%;
border: 1px solid #003d4c;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}

/*************************************************************
*
*  fix utilisé pour nettoyer les floats
*
*************************************************************/

.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */