/* CSS Document */

* {
	padding: 0px;
	margin: 0px;
	border: none;
	border-collapse: collapse;
	text-decoration: none;
	list-style: none;
}

body {
	background: #ffcc66;
}

#ombreGauche {
	background: url(../img/degrade_gauche.gif) repeat-y;
	margin: 15px auto;
	min-width: 980px;
	max-width: 1280px;
	width: 90%;
}
/* hack ie6 */
* html #ombreGauche {
	width: 980px;
}
#ombreDroite {
	background: #233f49 url(../img/degrade_droite.gif) repeat-y top right;
	margin: 0 0 0 10px;
}

#bandeau {
	min-width: 960px;
	max-width: 1260px;
	margin: 0 10px 0 0;
	background: #233f49;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	overflow: hidden;
	clear: both;
	height: 100%;
}
#bandeau #accessibilite {
	color: #8cced9;
	float: left;
	width: 40%;
}
#bandeau #accessibilite a {
	color: #8cced9;
	text-decoration: none;
	font-size: 0.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 5px;
}

/* formulaire outils */
#bandeau #rech {
	float: right;
	width: 35%;
	margin: 5px;
	height: auto;
}
#bandeau #rech fieldset {
	float: left;
	width: auto;
	border: #233f49;
}
#bandeau #rech fieldset.texte {
	border-right: solid 1px #13303a;
}
#bandeau #rech fieldset.rss {
	border-left: solid 1px #3d616f;
	border-right: solid 1px #13303a;
}
#bandeau #rech fieldset.recherche {
	border-left: solid 1px #13303a;
}
#bandeau #rech label,
#bandeau #rech legend {
	display: none;
}
#bandeau #rech a {
	display: block;
	width: 22px;
	height: 22px;
	margin: 0 2px;
	float: left;
}
#bandeau #rech a span {
	display: none;
}
#bandeau #rech a.outil_mail {
	background: url(../img/pic_ami.jpg) no-repeat;
}
#bandeau #rech a.outil_plus {
	background: url(../img/agrandir_texte.gif) no-repeat;
}
#bandeau #rech a.outil_moins {
	background: url(../img/reduire_texte.gif) no-repeat;
}
#bandeau #rech a.outil_imprime {
	background: url(../img/imprimer_page.gif) no-repeat;
}
#bandeau #rech a.rss {
	background: url(../img/rss.gif) no-repeat;
}

#bandeau #rech input {
	background: #233f49;
	border: solid 1px #FFFFFF;
	color: #fff;
	font-size: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
	width: 120px;
	padding: 2px;
}
#bandeau #rech button {
	background: url(../img/bouton.gif) no-repeat 0px -2px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #FFFFFF;
	text-align: center;
	width: 55px;
	padding: 3px;
}
#bandeau #rech input.bouton {
	background: url(../img/bouton.gif) no-repeat 0px -2px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #FFFFFF;
	text-align: center;
	width: 55px;
	padding: 3px;
	border: none 0px;
}


/************************************/
/*      logo + animtation flash     */
/************************************/
#animation {
	background: #102029;
	/*border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;*/
	min-width: 960px;
	max-width: 1260px;
	margin: 0 10px 0 0;
	overflow: hidden;
	clear: both;
	height: 200px;
}
#animation #flash {
	/*position: relative; 
	left: 318px; 
	top: 0pt; 
	width: 75%; 
	height: 100%; 
	clip: rect(0px, 50px, 50px, 0px);*/
	position: relative;
        top: 0;
        left: 0;
        /*width: 642px;*/ 
        width: 66%; 
        height: 100%;
        float:right;
}
#animation h1 {
	background: url(../img/ville-amboise.gif) no-repeat;
	position: absolute;
	margin: 0;
	z-index: 1;
}
#animation h1 a {
	display: block;
	width: 433px;
	height: 200px;
}
#animation h1 span {
	display: none;
}




/************************************/
/*         contenu de la page       */
/************************************/

#contenu {
	min-width: 960px;
	max-width: 1260px;
	margin: 0 10px 0 0;
	background: #324f59;
	/*border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;*/
	overflow: hidden;
	clear: both;
	height: 100%;
}
* html #contenu {
	padding-top: 60px;
}



/************************************/
/*         pied de la page          */
/************************************/

#pied {
	min-width: 960px;
	max-width: 1260px;
	margin: 0 10px 0 0;
	background: #17303a;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	overflow: hidden;
	clear: both;
	height: 100%;
}
#pied #sponsors {
	display: none;
}
#pied #logos {
	float: left;
	width: 49%;
}
#pied #logos img {
	margin: 7px 10px 3px 10px;
}


#pied ul {
	float: right;
	width: 49%;
	color: #8cced9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: right;
	padding: 40px 10px 3px 0;
}
#pied ul li {
	display: inline;
}
#pied ul li a {
	color: #8cced9;
}