* {
	font-family: verdana, 'Bitstream Vera Sans', arial, sans-serif;
}

body {
	background-color: #FFF;
	margin: 0;				/* supprime les bords des boîtes haut et bas */
	font-size: 0.9em;		/* défini la taille des car. pour toute la feuille */
}

li {
	list-style-position: inside;
}

a img { border: none }

.contenu, .boiteDr {margin: 1em 3em}

.top {
	color: #60f;
	background-color: #E0E0E0;
	border-bottom: thin solid gray;
	margin: 0;
	padding: 0.11em;
} 

/* photo intro et instructions */
.gauche {
/*  border: 1px dotted gray;*/
	padding:  1em 3em; 
	float: left;
}  

div#instructions{
	background-color: #E0E0E0;
/*  border: 1px dotted gray; */
}

#instructions p, #instructions ul, #instructions li{
	line-height: 1.3em;
}
#instructions p {padding: 0 0 0 0.5em }
#instructions ul {margin: 0; padding: 0 0 0 0.3em }
#instructions li {margin: 0.5em 0 ; padding: 0 0 0 0.1em;}  
	

/*h3, h4, h5 {margin:  5% 0 0 0;}*/


h4, h3.chouette {
	background-image: url(../images/rgx_tinyowl-R.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 2em 0 1.5em 3em;
	border-bottom: 2px solid orange;
}

table {
	margin: 1em 0 0 0;
	border-collapse: collapse;
}

tr, td {
	padding: 0.3em;
	vertical-align: middle;
	border: solid gray 1px;
	vertical-align: top;
}


#pied{
	font-size: 0.7em;
	text-align: center;
	background-color: #FFF;
	border: 1px dotted #69c;
	margin: 90px 50px 15px 50px; 
	padding: 5px 5px 5px 5px;
}


/* souligné - italique pour citations - bold */
.souligne{text-decoration: underline;}
.quote {font-style: italic;}
.bold{font-weight: bold;}

/* première ligne des tables */
.titreTable{
	font-weight: bold;
	background-color: #E0E0E0;
}

/* famille courier pour code php, exemples et tableaux de sortie $out 
	  class txt     texte courier, fond gris au fil du texte (span)
	  class courier texte courier au fil du texte (span)
	  class cit     paragraphe courier, fond gris
	  class php     code php courier, fond gris
	  class match   surligner en jaune
	  class capt    surligner en jaune plus clair et bords rouges
*/

.cit, .out, .courier, .php, .phpV, .phpR, .phpB, .phpO, .txt, .cit li, .cit, .cit, .capt, .match {
	font-family: Courier New, Courier, monospace;
}


.cit, cit.ul, .php, .phpV, .phpR, .phpB, .phpO, .txt{
	background-color: #E0E0E0;
}


.cit, .php{
	border: 1px dashed blue;
	margin: 0 4em;
	padding: 5px 5px 5px 5px;
}

.cit {
	line-height: 1.5em ;
}

/* couleurs code php */
.phpV{color: #070;}
.phpR{color: #D00;}
.phpB{color: #00B;}
.phpO{color: #FF8000;}


.match {
	border-top: solid;
	border-bottom: solid;
	border-color: yellow;
	border-width: 1px;
	padding-top: 0;
	padding-bottom: 0;
	background-color: yellow;
}

.capt {
	border-top: solid;
	border-bottom: solid;
	border-width: 1px;
	padding-top: 0;
	padding-bottom: 0;
	border-color: #FF0000;
	background-color: #FFFF99;
}

.hilit {
	background-color: #E6E6FA;
	line-height: 1.45em;
}


/* menu de navigation */

#menu {
	margin: 0; padding-left: 1em; 
}

#menu li {
	display: inline;
}

#menu a {
	font-size: 1em;
	/*font-weight: bold;*/
	color: #336;
	letter-spacing: 0.1em;
	text-decoration: none;
}

#menu a:hover {
	/*color: #411;*/
	color: orange;
	background-color: #CCC;
}

#actif a {
	/*background: url(../images/navbarlinkbg.gif) top left repeat-x; color: #555;*/
/*	border-bottom: solid 0.2em #999;*/
	border-bottom: solid 0.25em orange;
}


/* spécifique page du testeur */

#testeur {
	font-size: 0.8em;
	margin: 0.5em;
	padding: 0.5em;

}

#formulaire {
	background: #E6E6FA;
	padding: 1em;
	border: solid 0.1em gray;
	margin-bottom: 1em;
}

.form_pat1 {
	border: 1px solid orange;
	border-left: 0.5em solid orange;
	padding: 0 0 0.5em 0.5em;
}
.form_pat2 {
	border: 1px solid green;
	border-left: 0.5em solid green;
	padding: 0 0 0.5em 0.5em;
}

#pattern3 {
	margin-left: 4em;
}

#box1 {
	border: 1px solid orange;
	border-left: 0.5em solid orange;
}

#box2 {
	border: 1px solid green;
	border-left: 0.5em solid green;
	margin-top: 1em;
}

.titre_box1 {
	background: #E6E6FA;
	border-bottom: 1px solid orange;
	padding-left: 0.5em;
}

.titre_box2 {
	background: #E6E6FA;
	border-bottom: 1px solid green;
	padding-left: 0.5em;
}


 .hilit {
	margin: 2em;
	padding: 1em;
	border: 1px dashed blue;
	
}


#typeResultat li{
	padding-right: 2em;
	display: inline;
	list-style-type: none;
}

input[type="text"], textarea {
	font-size: 1em;
	border: 2px solid; border-color: #999 #D9D9D9 #D9D9D9 #999;
}



/* liens */

.top a:link, .top a:visited, .top a:hover {
	text-decoration: none;
	color: #60f;
}

.top a:hover {
	background-color: #f0f0f0;
}

a:link, a:visited, a:hover, a:active { 
	text-decoration: none;
	color: #03f
}

a:hover { 
	text-decoration: underline;
}

.help {
	padding: 1em;
	font-size: 0.9em;
}

.help li{
	padding: 0.2em;
}

#err {
	padding: 1em;
	border: solid 0.2em red;
}