/*  STRUCTURAL CSS  

Client   : Viamed
Projet   : site Internet Viamed 

Auteur   : Lod Design / Elodie Migeon 

Version  : V 1
Date     : 24 08 2009

*/


/*  réinitialiser   */ 


*{
margin:0;
padding:0;
}



body{
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 76%;

background:#000;

}


img{
border:0;
}

ul, li, ol, dl, dd, dt{
list-style:none;
}

ol li{
list-style:decimal inside;
}

a{
text-decoration:none;  }

a, .accueil .content2 a{color:#494949; }

a:hover, .accueil .content2 a:hover{color:#6e6e6e;
text-decoration:none!important;  }

.content2 a, .content4 a{
text-decoration:underline; 
 }

/*  élments communs   */ 
.clear{clear:both;} 
.hide{display:none!important; }
.right{float:right;margin:0!important;}
.left{float:left; margin:0!important;;}
.right img{margin-left:5px;}
.left img{margin-right:5px;}
.textcenter{text-align:center;}
.textright{text-align:right;}


hr{
color: #b5b4b4;
background-color:#b5b4b4;
height: 1px;
border: 0;
}
.bloc {
margin-bottom:2em;}

.content2 li, .linkartist li, .content4 li{
background:url(images/pucelist.png) 0 0.5em no-repeat;
padding-left:1.5em;
display:block;
margin-bottom:0.5em;}

.content2 p, .linkartist p, .content4 p {
margin-bottom:0.8em;}

.content3 p, .content3 li, .content4 p, .content4 li {
margin-bottom:0.4em;}


/*  Titre   */ 


h1 { font-size: 1.6em;

}

.side h1,
.side .rub {
padding:0 0 0 5px;text-align:right; font-size: 1.4em;
margin-bottom:0.8em;
font-weight:bold;
}



h1, h1 a {color:#494949; text-decoration:none;}

h2 { font-size: 1.1em; color:#ca2618;  margin:0 0 0.5em 0;
text-transform:uppercase;}

.colfiche h2 { color:#000!important; }

h3 { font-size: 1em; margin:5px 0; }

h3, h3 a {color:#a5a5a5; }

h4 { font-size: 1em; }
h5 { font-size:0.9em; }
h6 { font-size: 0.8em; }

.page{
padding:1px 1px 240px 1px;
position:relative;
color:#494949;
background:#fff;
min-height:400px;
min-width:700px;
margin-bottom:10px;
}


#logo{
position:absolute;
top:20px;
left:20px;
width:250px;
}


.navigation {
background:url(images/content1.png) 0 0 no-repeat;
float:left;
font-size:1em;
font-weight:bold;
text-transform:uppercase;
color:#789512;
padding-left:70px;
margin:78px 0 40px 0;
width:200px;

}

.container {
/* background:#3300CC; */
margin:0 auto 0 auto;
padding:42px 50px 0 200px;
min-width:320px;
max-width:1200px;}

.main {
position:relative;
margin:0 0 0 70px ;
}

.side {
margin-bottom:40px;
float:right;}

#logo img{

}

.content2 {
padding:20px 0 0 70px;
min-width:250px;
background-image:url(images/content2_type1.png);
background-repeat:no-repeat;
background-position: 0 0;}


.content3 {
background-image:url(images/content3.png);
background-repeat:no-repeat;
background-position:0 0 ;
padding-left:60px;
width:370px;
margin:0 0 0 0;
float:right;}




.accueil .content2{
width:70%;
}

.contact .content2, .presentation .content2 , .reservation .formulaire{
width:65%;
}



/**/

/*

.presentation .content2 h2{
color:#10aedc;}
*/
.mini {
font-size:0.9em;}

.cadre {
background:#ca2618;
padding:6px 12px;color:#FFFFFF;
border:solid 2px #c8c8c8;
border-left:none!important;
border-top:none!important;
float:left;}

.side .cadre {
float:none;font-size:0.9em;
background:#a6cc22!important;
-moz-border-radius: 6px;  
-webkit-border-radius:6px;
border-radius:6px;}

.content2 .cadre {
margin-bottom:0.8em;}

.side .cadre a{
color:#fff;
font-size:1.1em;
text-decoration:underline;}

.fiche .content2 .cadre {
	width:174px;
float:right; margin-bottom:25px;}




.cadre li{
background:none!important;
padding:0!important;}
/*
*/
#foot{ height:120px; width:100%;
background: url(images/foot.png) 0 0 no-repeat;
position:absolute;bottom:-1px;
left:0; z-index:60;}

#foot p{color:#ccc;
font-size:0.9em;
margin-left:2em;}



#foot  a{
}

#deco1{  width:340px; height:227px;
background-image: url(images/deco1.png);
background-position: 0 0;
background-repeat: no-repeat;
position:absolute;bottom:40px;
left:3%; z-index:50;}

#partenaire{  width:430px; 
position:absolute;bottom:0;
left:10px;z-index:70;
/**/
text-align:center;
border:solid 1px #444444; padding: 0.3em;
-moz-border-radius:0.5em; 

    filter : alpha(opacity=60);
    -moz-opacity : 0.6;
    opacity : 0.6;  }
	
#mention {z-index:80;
position:absolute;bottom:55px;
left:10px;
font-size:0.9em;
}
	
#mention a{
color:#999999;
}	

#mention a:hover{
color:#9abb28;
}	
	
#partenaire p{  
color:#666666; }	

#partenaire p a{
color:#777;
 }		

.panneau{
background:#000000;
padding:5px;
width:365px;}

.panneautext li{text-transform:uppercase;
background:url(images/texture_panneau.png) 0 0 repeat;

margin-bottom:5px;
font-size:0.9em;display:block; float:left;
width:98%; padding:1%;
}
.panneautext li, .panneautext a{
color:#d9cf0a;}
.panneau li a:hover {color:#f4e811;}


.panneautext li:first-child + li, .panneautext li:first-child + li a{
color:#e0e0e0;}

.panneautext li:first-child + li a:hover{
color:#fff;}

.panneaujour {
width:20%; float:left;}

.panneautext li p{
display:inline; margin:0;}

.panneautitre {
float:right;
width:77%;}

.panneautext .legendpano {background:#2c2c2c;
color:#797979;
display:block; float:left;
width:98%; padding:1%; margin-bottom:5px;
}

.panneauimg {
	width:365px;
	height:58px;
	overflow:hidden;
	text-align:center;}

.panneauimg li, .panneauimg a {
	display:inline;

}



.panneauimg li a img {
	border:solid 1px #000;
	margin-right:2px;
}

.panneauimg a:hover img {
	border:solid 1px #d9cf0a;
}

.panneauimg a:focus img {
	border:solid 1px #f4e811;
}


/*
.presentation  .cadre {
background:#e37a00;}
*/




.panneau h2,.panneau  h2 a { color:#fff!important; text-decoration:none;text-align:center;}
.side .cadre  h2 { color:#000;  }
/*
.presentation h2 { color:#e37a00; } */
.agenda .main  h2 { margin:0 0 1.5em 0;   }



.cadre h2,.cadre  h2 a,  .cadre h3,.cadre  h3 a {color:#FFFFFF!important;}


.fiche .content2 .cadre h3 {
 text-transform:uppercase;}


.programme{width:44%;float:right; font-size:1em;}
.present{width:46%; float:left;
text-align:justify;}
.programme img{margin:0 5px 0 0;}




.navigation a{
color:#000000;}
.navigation a:hover, .navigation .selected a{
color:#789513;}



.listartist  li{
float:left;
display:block;
width:115px;
margin-left:0.5em;}



/*  formulaire  */

.formulaire{
margin-bottom:30px;}

fieldset {
	padding:1em;background:#f6f6f6;
	border:solid 1px #fff;
	margin-bottom:2em;}
	

legend {
	padding:0.4em 0.8em;
	background:#e9e9e9;
	border:solid 1px #fff;
	}	
	

.formulaire ul{padding:0!important;}

  .formulaire li{
 margin-bottom:8px;
 width:49%; float:left;
 list-style:none!important;
 background:none!important;
 padding:0 0 0 0!important;

 }
 
input, textarea{
background:#fff;
border:solid 1px #b4b2b2;
padding:2px;
color:#000;
 } 

 .formdate input{width:100px;}
 .formplace input{width:40px;} 
 
  input{
   width:94%;

 }
  
 textarea{
 width:97%;
 height:60px;
 }  
 
 label{
 display:block;
 margin-bottom:5px;
 }
 


 .formulaire .lignes{
 width:100%;
 clear:both;
 padding:0 0 0 0!important;
 } 
 
 .bt_form input{background:#000;
border:solid 1px #b4b2b2;
padding:2px;
color:#fff!important;
width:100px;
font-weight:bold;}






.bt a {padding:5px;background:#000;
border:solid 1px #b4b2b2;
width:80px;color:#fff!important;
display:block;
font-weight:bold;
font-size:1.2em;
text-decoration:none;}



.bt_complet, .bt_passe  {padding:5px;background:#d0d0d0;
border:solid 1px #dbdbdb;
width:80px;
text-align:center;
display:block;	float:right;
font-weight:bold;
font-size:1.2em;
color: #fff; margin-top:0.5em;}

.bt_complet  {background:#fff;
border:solid 1px #ca2618;
color: #ca2618;
text-decoration:line-through;}

.bt {
	text-align:center;
}

.btright {	float:right;margin-top:0.5em;
}
 .alphabet_list  {
 margin-bottom:2em;
}
 .alphabet_list li {
 display:inline;
 padding:0;
 margin-right:0.8em;
 text-transform:uppercase;
}


.alphabet_list a{
color:#d7d7d7;
font-size:1.5em;

}


.alphabet_list .actif a, .alphabet_list a:hover{
color:#a6a6a6;


}



 
.content4 h2 em{ font-weight:normal;
	text-transform:none; font-style:normal;} 
 

.linkartist a {
color:#000; margin-right:0.8em;font-size:1.1em;
}


	
.linkartist a b, .linkartist2 a b, .fichierlier_col a b{
text-transform:uppercase; }


.linkarticle li {
	border-bottom:solid 1px #CCCCCC;
	padding:0 0 10px 0;
	margin-bottom:10px;
}

.linkarticle li {
	float:left;
	width:45%;
	margin-right:4%;}

.linkarticle h2,
.linkarticle p{
	float:left;
}

.linkarticle .type {
	color:#000;float:left;
	font-weight:bold;
}

.linkarticle .sub {
	width:100%;
	clear:both;
}





.reservation .main h2  {font-size: 1.5em; margin:0 0 0.1em 0;}

.fichierlier_col a b{
	font-weight:normal;}



.linkartist2 li{white-space:nowrap;
float:left; font-size:1.1em; margin:0 1.2em 0.8em 0; }	


.agenda {
	position:relative;
}
	
.bt_agenda {
	position:absolute;
	right:0;
	top:-10px;}

.bt_next a, .bt_suiv a, .bt_archive a{
background:url(images/mois_suiv2.png) 0 0 no-repeat;
width:30px;
overflow:hidden;
padding: 30px 0 0 0;
height: 0px!important;
height /**/:30px;
margin:0;
display:block;
float:right;
}

.bt_suiv a{
background:url(images/mois_retour2.png) 0 0 no-repeat;
}

.bt_archive a{
background:url(images/bt_archive.png) 0 0 no-repeat;
}







.btback a{
background:url(images/bt_back.png) 0 0 no-repeat;
padding-left:16px;
margin-left:1em;
color:#000;

}

.btarchive a {color:#a6a6a6!important;}

.map a{
font-weight:bold;
text-decoration:none;
}

.mentions {
	font-size:0.9em;
}

.bt_next a:hover, .bt_suiv a:hover, .btback a:hover, .map a:hover{color:#9abb28;}


table{
border-collapse:collapse;

text-align:left;
 border:none;}


td, th {padding:0.5em 2em 0.5em 0.5em;vertical-align:top;}



td {
border-bottom:solid 1px #dedede;}

.agenda_archive {
	height:350px;
	overflow:auto;
	margin-top:20px;
	padding:0 20px 0 0;}


.partenairelist img{
	border:solid 2px #000; margin:5px;
	padding:0;}