/* version du 03 06 2015*/
/* 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 
{
background-color:#000000;
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
/*background-image:url(../images/background/3.jpg);
background-position: center;
background-repeat:repeat-y; */
}

html, body
{
height: 100%;
margin: 0px;
}	

h1{text-align: center; font-size:2em;  margin-top: -10px; padding-top:10px; }

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

h3{text-align: center; font-size:1.5em; margin-top: -10px;}
h4{text-align: center; font-size:1.3em; margin-top: -10px;}

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

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

a{color:#a00000 ; text-decoration:none; }  
a:hover{color:#FFFFFF;  text-decoration:underline;}/*  #FF0033*/
a:active{color:#666666;}



#fonddepage
{
margin:auto;
margin-top:30px;
margin-bottom:10px;
width: 1000px;
border: #999999 solid 1px; 
background-color: black;
overflow:hidden;
/* border-right : #660000  thick solid; */
/* border-bottom : #660000  thick solid; */
}

#fond_de_page
{
margin:auto;
margin-top:30px;
margin-bottom:30px;
width: 1000px;
border: #999999 solid 1px; 
background-color: black;
overflow:hidden;
/* border-right : #660000  thick solid; */
/* border-bottom : #660000  thick solid; */
}


#entete
{
background-image:url(../images/bandeaux/bandeaupixiflore.jpg);
background-repeat:no-repeat;
height:200px; /*  200px*/
/*  border: #999999 solid 1px; */
}

#entete p
{
padding-top:5px;
}

#entete a 
{
color: #8c2828; 
}

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


#abonnement p
{
padding-top:30px;
}


#flash{
float:left;
width:580px; 
height:200px; 
margin-left:100px;
margin-top:0px;
overflow:hidden;
}

#contientlescolonnes
{
margin-top:8px;
width:100%; 
}

#contientlescolonnes p
{
margin-top:-10px;
}

#contientlescolonnes br
{
margin-bottom:-20px;
}


#colonnecentre , #colonnedroite , #menu
{

float:left;
overflow:hidden;
}


#colonnecentre, #colonnedroite 
{

background-color: #000000; /* ancienne couleur #fbae5c*/
margin-left:8px;
text-indent:0%;
}
#colonnecentre
{
width:65%; 
border:#9acc99 solid 1px;
}

#colonnecentre p
{
padding-left:5%;
padding-right:5%;
line-height:150%; 
}
#colonnegauche
{
float: left;
width:24%; 
height:100%; 
margin-left: 12px; 
margin-top: 50px;
border: #873333 solid 2px;
text-align:left;
}

#colonnedroite
{
overflow:visible;
width:15%; 
border:#9acc99 solid 1px;
padding-left:1%;
padding-right:1%;

}

#colonnedroite p
{

text-align:left;
}

#colonnedroite h2
{
margin-top:0px;
}

#colonneunique
{
margin-top: 40px;
}

#menu
{
padding-top:10px;
width:15%; 
height:100%;
margin-left:5px;
background-color:#9acc99;
}

#menu li
{
font-size:0.8em;
padding:5px;
margin-left:-10px;
}

#menu a
{
color:#000000;
}

#menu a:hover
{
color:#FFFFFF;
}

#vertical
{
padding-top:10px;
width:5%; 
height:100%;
margin-left:5px;
background-color:#225599;
}

#basdepage
{
position:relative;
text-align:center;
font-style:italic;
font-size: 1em;
width:100%;
height:160px;
border: #999999 solid 1px; 
margin-top:20px;
background-color: #a00000;
}

#basdepage a
{
text-decoration:none;
color: #FFFFFF;
}
#basdepage a:hover
{
text-decoration:underline;

}

.paypal 
{
margin-left:35%;

}


.flotteadroite
{
float:right;
font-style:italic;
color:#000000;
font-size:0.8em;
}
#fleche
{
position:relative;
float:right;
margin-top:-180px;
margin-right:20px;
}



#fleche img
{
height: 47px;
width: 15px;
border:0px;
}

#fleche a
{
text-decoration: none;
}





#fondvert
{
background-color:#9acc99;
color: black;
}
.formulaire_centrer form
{
margin-left: 30%;
}

.positionhautdepage p
{
padding-top:100px;
}
.rouge
{
color:#a00000;
}
.vert
{
color:#32CD32;
}

.fondnoir{
background-color: black;
}

.flotteagauche
{
float:left;
font-style:italic;
color:#000000;
font-size:0.8em;
}
.flotteagauchestagephoto
{
float:left;
font-style:italic;
color:#000000;
font-size:0.8em;
margin-left:10px;
margin-bottom:10px;
margin-right:10px;
}


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

.photoflotteagauche
{
float:left;
font-style:italic;
color:#000000;
font-size:0.8em;
margin-left:10px;
margin-bottom:10px;
margin-right:10px;
}
.photoflotteadroite
{
float:right;
font-style:italic;
color:#000000;
font-size:0.8em;
margin-left:10px;
margin-bottom:10px;
margin-right:10px;
}

.flottementstop
{
clear:both;
}

.image
{
text-align:center;

}

.image img
{
width:300px;
}
 
.image_itv
{
text-align:center;

}

.image_itv img
{
width:30%;
height:20%;
float:left;
margin-left:10px;
margin-right:10px;
} 


 
.titre
{
font-size:1.2em;
}
 .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;

}
 
 
 
.signature
{
text-align:right;
font-style: italic;
}

.gauche
{
float:left;
}

.centre
{
text-align: center;
}

.bold
{
font-weight: bold;
}
.gras
{
font-weight: bold;
}



.question
{
font-weight:bold;
font-style:italic;
background-color: #a00000;
text-align: center;
}

.italique
{
font-style:italic;
}
.petit
{
font-size:0.9em;
}

.couleurbandeau{
background-color: #a00000;   /* ancienne couleur #a00000*/
}
.couleurbandeau a{
color: #FFFFFF; text-decoration:none;
}

.couleurbandeau a:hover
  text-decoration:underline;}



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


.fondvert a
{
color:#99CC99;
}

.fondvert p
{
padding: 10px;
}

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

.fondorange a
{
text-decoration: underline;
color:#000000;
}


.fondorange a:hover
{
color:#FFFFFF;
}


/* concerne la page jeux quizz*/
#question
{
margin-left:100px;
margin-bottom:30px;

}

/* 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 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;
}
#contientlescolonnesitv
{
margin-top:50px;
width:100%; 

}

#colonnegauchepetit
{
float: left;
width:22%; 
height:100%; 
margin-left: 20px; 
margin-top: 83px;
margin-bottom:20px;
border: #c0c0c0 solid 1px;
}

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

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





#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 ; 
}
.lignerouge
{
color: #993333;
text-align: center;
font-size: 1.5em;
clear:left;

}

/* concerne les pages reportages*/

#reportage
{
float:left;
margin-left:30px;
margin-top:50px;
margin-bottom:20px;
width: 500px;
border: 2px solid #222222;  

}

#menureportage
{
float:left;
margin-left:30px;
margin-top:50px;
margin-bottom:20px;
width: 400px;
border: 2px solid #222222;  
}
#menureportage ul
{
line-height:35px;

}

#menureportage a:visited
{
color:#666666;
}


#video
{
float:left;
margin-left:12%;
margin-top:50px;
width: 340px;
border: 2px solid #222222;  
}

/* concerne les pages botaniques et les pages avec onglet*/
#colonnedroiteonglet
{
float:right;
margin-right:2%;
margin-left:2%;  
width:700px; 
height:100%; 
margin-top: 35px;
}
/* concerne les pages  magiques plantes*/

#magiqueplante
{
float:left;
margin-left:30px;
margin-top:50px;
margin-bottom:20px;
width: 500px;
border: 2px solid #222222;  

}

#menumagiqueplante
{
float:left;
margin-left:30px;
margin-top:50px;
margin-bottom:20px;
padding-top:30px;
width: 400px;
border: 2px solid #222222;  
}
#menumagiqueplante ul
{
line-height:35px;

}

#menumagiqueplante a:visited
{
color:#666666;

}


#flashmagiqueplante
{
float:left;
margin-left:12%;
margin-top:50px;
width: 340px;
border: 2px solid #222222;  
}

/* page quizz_photo */
.cadre
 { 
border: red thin solid ;
-moz-border-radius: 20px ;
width: 400px;
padding-top: 10px;
padding-bottom: 10px;

margin:auto;
}


.photos { 
text-align: center;
border: red thin solid ;
-moz-border-radius: 20px ;
background-color:black;
padding-top: 10px;
padding-bottom: 10px;
width: 400px;
margin:auto;
}
.titre
 { 
 background-image:url("../images/bandeau1.jpg");
 background-repeat:no-repeat;
 -moz-border-radius: 20px ;
 margin:auto;
text-align: center;


padding-top: 10px;
padding-bottom: 10px;
width: 494px;
margin-top: 20px;

}
/* bouton menu haut transparent*/

#menuhaut 
{
margin-top:10px;

height:60px;
}

#menuhaut   a 
{
color: #FFFFFF; text-decoration:none; /* #8c2828 */
}
#menuhaut  a:hover 
{
color: #333333 ; 
}

#menuhaut p
{
padding-top:-90px;
}



.bouton th{
font-family: Helvetica,sans-serif;
font-size: 1.2em;
width: 200px;
height: 43px;
padding-top: 2px; /*permet le centrage vertical*/
text-align: center;
color:white;
background: #444;
background: -webkit-linear-gradient( #A52A2A,#8B0000);/*permet le centrage vertical*/
background: -moz-linear-gradient(  #A52A2A,#8B0000);
background: -ms-linear-gradient(   #A52A2A,#8B0000);
background: -o-linear-gradient(  #A52A2A,#8B0000);
background: linear-gradient( #A52A2A,#8B0000);  /*   #A52A2A,#8B0000*/
border-radius: 10px; 
text-shadow: 0px 1px 0px white; 
text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2); 
box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);

} 


.bouton th:hover{
color:white;
background: #555;
background: -webkit-linear-gradient(  #FF4500,  #8c2828);/*  #FF4500,  #8c2828*/
background: -moz-linear-gradient(   #FF4500,  #8c2828);
background: -ms-linear-gradient(  #FF4500,  #8c2828);
background: -o-linear-gradient(   #FF4500,  #8c2828);
background: linear-gradient(  #FF4500,  #8c2828);

} 

.bouton th:active{

background: #444;
background: -webkit-linear-gradient( #555, #A52A2A);
background: -moz-linear-gradient( #555, #A52A2A);
background: -ms-linear-gradient( #555, #A52A2A);
background: -o-linear-gradient( #555, #A52A2A);
background:  linear-gradient( #555, #A52A2A);
box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4);
} 





/* fiches pixiflore*/

/*partie concernant la fiche */
#barre_info
{
position:relative;
margin-top: 20px;
margin-left:auto;
margin-right:auto;
width: 100%;

}

#barre_info table
{
border-collapse:collapse;
width: 100%;
}

#barre_info th
{
border:red solid 2px;
text-align:center;
font-style:italic;
}



#barre_info td
{
border:red solid 2px;
text-align:center;
padding:10px;
}


#tableau_image
{
position:relative;
margin-left:10px;
margin-top:20px;
float:left;
width: 500px;
}


#image_large, #image_fleur, #image_tige, #image_fruit, #image_feuille
{
position:relative;

}

#image_large p, #image_fleur  p, #image_feuille  p, #image_fruit  p,#image_tige  p
{
padding:5px;
margin:0px;
text-align:center;
}
#image_large img, #image_fleur  img, #image_feuille  img, #image_fruit  img,#image_tige  img
{
border:0px;
left:0px;
}



#texte
{
position:relative;
float:left;
margin-left: 10px;
height:100%;
width: 46%;
text-align: justify;
}

#texte h3
{
margin-top: 20px;
}

#partiegauche
{
position:relative;
float:left;
width: 62%;
padding-left: 10px;
}

#partiedroite
{
position:relative;
float:left;
width: 35%;
border: 2px solid red;
}


#tableauphoto table
{
border-collapse:collapse;
}


#tableauphoto td
{
border: #8c2828 solid 1px;
text-align:center;

}

#tableauphoto img
{
border:0px;
}

#alphabetique
{
position:relative;
border: #8c2828 solid 1px;
text-align:center;
margin-left:10%;
margin-right:10%;
}
#alphabetique td
{
width:2%;
border: #8c2828 solid 1px;
text-align:center;
}

/*tableau de la page bibliographie */

#bibliographie table
{
border-collapse:collapse;
margin-left:auto;
margin-right:auto;
}
#bibliographie td
{
border: #8c2828 solid 1px;
text-align:center;
width: 400px;
}



#bibliographie h4
{
margin-top:30px;
}

/*tableau de la liste des plantes par nom commun */

.tableaucentre { 
 margin-left: auto; 
 margin-right: auto; 
 margin-top: 30px;
 font-size:1.2em;
border-collapse:collapse;
width:90%;
}


 .tableaucentre th 
 {  
padding:20px;
background-color: #999999;
}



.tableaucentre td  { /* Attention la propriété padding est déterminée plus haut par #corpsdepage td */
background-color:#111111;/* #222222*/
border: 2px solid grey;
}

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

color:#FF0033;

}
.tableaucentre a:visited { 

color: #8b0000;

}