/* version du 22 juin 2011*/
/* charte des couleurs vert:#9acc99 rouge/brun: #8c2828   orange: #fbae5c  gris: #cfcfcf   */
/* attention sur explorer il faut mettre les couleurs en héxadécimale pour le border sinon ça ne marche pas.*/
/* liste couleurs héxadécimales: noir  #000000   blanc #FFFFFF  argent #COCOCO   gris #808080  rouge #FF0000  */


body 
{
margin: auto;
background-color:black;
color: white;
font-family:Arial, Helvetica, sans-serif;
}	

h1{text-align: center; font-size:2em;}

h2{text-align: center; font-size:1.5em;}

h3{text-align: center; font-size:1.2em;}

p{text-align: justify;font-size:1em;padding:10px; margin:0px;}


a{color: #cfcfcf; text-decoration:none;}/* #873333*/
a:hover{color:#666666 ;}/*  #FF0033*/
a:active{color:#666666;}

/*a:visited{color:#666666;}*/



/*a{color:#873333;}
a:hover{color:#FF0033;}
a:visited{color:#006600;}*/

#navigation
{
background-color:black;
margin: 0px;
width: 100%;
height: 100%;
text-align: justify;
font-size:0.8em;
padding:10px;
 margin:0px;
}




#fonddepage
{
margin:auto;
margin-top:30px;
margin-bottom:30px;
width: 1000px;
background-color:#000000;
overflow:hidden;
border: #999999 solid 1px;
}

#fonddepagepetit
{
	position: absolute;
	left:56px;
	top:13px;
	width: 700px;
	background-color:black;
	overflow:hidden;
	border: grey solid 1px;
}

#fonddepageitv

{
margin:auto;
margin-top:30px;
margin-bottom:30px;
width: 1100px;
background-color:black;
overflow:hidden;
border: #999999 solid 1px;
}

#entete
{
background-image:url(../images/bandeaux/bandeaupixiflore.jpg);
background-repeat:no-repeat;
width: 100%;
height:200px;
position: relative;
margin-top:-15px;
}
#entete p
{
padding-top:150px;
}

#entete a
{
color: #8c2828; 
}
#entete a:hover
{
color: #FF0000 ; 
}

#enteteitv
{
background-image:url(../images/bandeaux/bandeaupixiflore1100.jpg);
background-repeat:no-repeat;
width: 100%;
height:200px;
position: relative;
margin-top:-15px;
}
#enteteitv p
{
padding-top:150px;
}
#enteteitv a
{
color: #8c2828; 
}
#enteteitv a:hover
{
color: #FF0000 ; 
}

a img{
border:none; /* empêche la coloration (apparition d'une bordure des images quand elles servent de lien */
}

#logopixiflore
{		
	position:relative;
	width:259px;
	height:82px;
	margin-left: 8px; 
}


#audience
{
margin-left: 20px; 
position:relative; 
left:0px; 
top:10px; 
width:122px; 
height:46px; 
}



#colonnegauche
{
float: left;
width:24%; 
height:100%; 
margin-left: 12px; 
margin-top: 50px;
border: #873333 solid 2px;

}

#colonnedroite
{

float:right;
margin-bottom:35px; 
margin-right:10px; 
margin-top: 40px;
width:70%; 
height:100%; 

}

#colonnedroite p
{
padding:10px;
}

#colonneunique
{
margin-top: 40px;


}

#basdepage
{
clear:both;
position:relative; 
border: #999999 solid 1px;
text-align:center;
font-style:italic;
font-size: 1em;

}

#ongletrouge
{
background-image: url(../images/infos/onglets/interviews_brique.gif);
background-repeat: no-repeat;
}

.noiritalique
{
font-style:italic;
color:#000000;
font-size:0.8em;
text-align:center;
}

.fleche
{

text-align: right;
margin-right: 5px;
}

.fleche img
{
height: 40px;
width: 15px;
}


.flotteagauche
{
float:left;
font-style:italic;
color:#000000;
font-size:0.8em;
}

.flotteadroite
{
float:right;
font-style:italic;
color:#000000;
font-size:0.8em;
margin-right:9px;
}

.flottementstop

{
clear:both;
}


.flotteaucentre
{
margin: auto;
font-style:italic;
color:#000000;
font-size:0.8em;
}





.titrerouge
{
background-color: #8c2828;
text-align: center;
font-size:1.5em;
clear:left;
}
.titrerougegrand
{
background-color: #8c2828;
text-align: center;
font-size:2em;
clear:left;

}
.titrerougepetit
{
background-color: #8c2828;
text-align: left;
font-size:1.1em;
clear:left;
padding-left: 10px;

}


.fondvert
{
background-color: #a3d39c;
overflow:hidden;

}


.fondvert a
{
color:black;/* #99CC99  */
}
.fondvert a:hover
{
color:#666666 ;/* #99CC99  */
}


.fondvert p
{
padding: 10px;

}

.fondorange
{
background-color: #fbae5c;
overflow:hidden;

}

.fondrouge
{
background-color: #8c2828;
overflow:hidden;

}

.photo img 
{
float:left;
padding:10px;
width:320px; 
height:239px;

}


.centre
{
text-align: center;
}
.droite
{
text-align: right;
}

.credits
{
text-align: center;
font-style: italic;
}




.lignerouge
{
color: #993333;
text-align: center;
font-size: 1.5em;
clear:left;

}


.couleurbandeau{
background-color: #a00000;   /* ancienne couleur #a00000*/
}

.menureportage ul
{

padding: 20px;
margin: 10px;
margin-bottom: 2px;
}

.menureportage li
{

margin-bottom: 10px;
}



.menureportage a
{
color:#ffffff;
text-decoration: none; 
}
.menureportage a:hover
{
color:#8c2828;

}
.menureportage a:visited
{
color:#8c2828;

}

.italic
{


font-style:italic;


}
		
.italicpetit
{


text-align:center;
font-style:italic;
font-size: 0.8em;

}

.italicgrand
{

font-style:italic;
font-size: 1em;

}

.blanc
{
color: white;

}
.noir
{
color: black;

}

#colonnedroitejeux
{
 
float:right;
margin-top:110px;

margin-right:10px; 
width:600px; 
height:100%; 

}
#entetejeux
{
 
float:right;
margin-top:0px;

}


/* concerne la page du plan de l'arboretum du breuil*/

#planarbodubreuil
{
background-color: black;
border: solid 1px grey; 
text-align:center;

height:720px;
}
.titrearbo
{
float:right;
margin-right:15%;
}

/* concerne la page mode d'emploi*/

#fonddepagemodeemploi
{
	position: absolute;
	left:56px;
	top:13px;
	width: 900px;
	height:450px;
	background-color:#993333;
	overflow:hidden;
	border: grey solid 1px;
	padding:20px;

}


#bandeau
{
float:right;


}

#bandeau img
{
width:575px;
height:82px;

}
.bandeaunoir
{
margin: auto;
background-color:black;

height: 95px;
width:840px;
padding-top:10px;
padding-left: 10px;
padding-right: 10px;
}
.lien a
{
color:black;

}
.lien
{
text-align:center;
}


/* concerne les pages balade*/

#parmilieu
{
border: 0px;
margin:auto
padding:0px;
}

#hautgauche
{
margin-left:10px; 
float:left;
}

#hautdroit
{ 
float:right;
margin-right:10px; 
}

#basgauche
{
float:left;
margin-left:40px; 
}

#basdroit
{ 
float:right;
margin-right:40px; 
}




.modedemploipetit
{
text-align:center;
font-style:italic;
font-size: 0.7em;
color:black;
}



#photo1 ,  #photo2 , #photo3 , #photo4 , #photo5 , #photo6  , #photo7 , #photo8 , #photo9
{
float:left;
margin-left:30px;
margin-top:10px;
}




#photo1 ,  #photo2 , #photo3 , #photo4 , #photo5 , #photo6 , #photo7 , #photo8 , #photo9  h3
{
text-align:center;
color: black;
font-style:italic;
}

/* concerne les pages itv*/
#fonddepageitv
{
margin:auto;
margin-top:30px;
margin-bottom:30px;
width: 1100px;
background-color:black;
overflow:hidden;
border: #c0c0c0 solid 1px;/* ancienne valeur grey qui ne fonctionne pas avec explorer*/
}
#fonddepageitvgrand
{
margin:auto;
margin-top:30px;
margin-bottom:30px;
width: 1200px;
background-color:black;
overflow:hidden;
border: #c0c0c0 solid 1px;
}

#colonnegauchepetit
{
float: left;
width:22%; 
height:100%; 
margin-left: 20px; 
margin-top: 50px;
margin-bottom:20px;
border: #873333 solid 2px;
}

#colonnedroiteitv
{
float:right;
margin-right:15px; 
width:800px; 
height:100%; 
margin-top: 35px;
}

#colonnedroiteitvgrand
{
float:right;
margin-right:15px; 
width:900px; 
height:100%; 
}

/* page recherche*/
#textephoto
{ 
border:red solid 2px;
float:right;
width:340px;
  
}

#tableauphoto table
{
border-collapse:collapse;
}


#tableauphoto td
{
border: #8c2828 solid 1px;


}
#colonnegaucherecherche
{
float: left;
width:259px; 
height:100%; 
margin-left: 12px; 
margin-top: 5px;
border: #873333 solid 1px;
}

#colonnedroiterecherche
{
 
float:right;
margin-bottom:35px; 
margin-right:10px; 
width:600px; 
height:100%; 
margin-top: 5px;
}