@import "layout.css";
 
/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	background: #FFF url(/images/bg.png) repeat-x left top;
	color: #000;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color:#2B5069;
}
img {
	border:none;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;
}

h1{font-size: 1.4em;}
h2{font-size: 1.2em;}
h3{font-size: 1.1em;}
h4{font-size: 1em;}
h5, h6 {font-size: 0.9em;}

form {
	margin:0;
	padding:0;
}
.champsresa {
	background-color:white;
	border:1px solid #CCC;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	color:#DB0000;
	width:50px;
	margin:1px 0;
	padding:2px 0;
	text-align:center;
}
.puce {
	background: transparent url(/images/fleches.gif) no-repeat left 4px;
	padding-left:10px;
}
.champs {
	background-color:white;
	border:1px solid #CCC;
	font:0.9em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin:3px 0;
	padding:2px 0;
	text-align:left;
}
textarea:focus, input:focus, select:focus {
	border: 1px solid #D6FF52;
	background-color: #FFF;
  }

a {
	color: #DB0000;
	text-decoration:underline;
}

a:hover {
	color:#666;
	text-decoration:none;
}
hr {
	text-align:center;
	height:1px;
	margin:5px 0;
	color:#CCC;
	background-color:#CCC; 
	border:0;
}
small {
	font-size:0.9em;
}
big {
	font-size:1.2em;
	font-weight:bold;
}
	
/* La page
-------------------------------------------------------- */
#page {
	background: #fff url(/images/bg_content.png) repeat-y center top;
	color: inherit;
}
 
/* L'entête
-------------------------------------------------------- */
#top {
	height: 256px;
	/*padding-top: 20px;
	background: #FFF url(images/top.png) no-repeat left top;*/
}

/* Contenu
-------------------------------------------------------- */
.leftimg1 {
	border:4px solid #CBD9E1;
	}
.leftimg2 {
	border:4px solid #6BC322;
	}
#right img {
	margin-bottom:13px;
	}	
.chapeau {
	border-left:4px solid #CCC;
	margin:10px 0 10px 133px;
	padding-left:10px;
}
.chapeau2 {
	border-left:4px solid #CCC;
	margin:10px 0;
	padding-left:10px;
}
.gris {
	color:#666;
}
.noir {
	color:#000;
}
.magenta {
	color:#F0037F;
}
/* Affichage des résultats */
#result {
	font-size:0.9em;
	margin-bottom:0.5em;
}
#result h1 {
	background: #2B5069 url(/images/h1_result.gif) no-repeat left center;
	height:20px;
	color:White;
	padding-left:1.1em;
}
#result ul {
	margin:1em 0 0 0;
	padding:0;
}
#result li {
	list-style-type: none;
	border-bottom:1px solid #CCC;
	padding:0.25em 0;
}
#cadre {
	float:left;
}
#cadre img {
	border:4px solid #E4EDF1
}
#descresult {
	margin-left:130px;
}
 a.voir {
	background-color:#2B5069;
	border:1px solid #2B5069;
	color:White;
	padding:2px;
	text-decoration:none;
}
a.voir:hover {
	color:yellow;
}
a.savoirplus {
	background-color:#FFF;
	border:1px solid #CCC;
	color:#F60;
	padding:2px;
	margin-left:0.5em;
	text-decoration:none;
}
a.savoirplus:hover {
	color:#2B5069;
}
/* FIN Affichage des résultats */

/* Le pied de page
-------------------------------------------------------- */
#footer {
	background: #FFF url(/images/footer.png) no-repeat;
}
#baseline #linkbottom {
text-align: center;
/*	padding-top:60px;*/
	}
#baseline #linkbottom a {
	color:#2B5069;
	font-weight:bold;
	font-size:0.9em;
	border-right:1px solid #2B5069;
	padding:0 0.5em;
	text-decoration:none;
}
#baseline #linkbottom a:hover {
	color:#000;	
}