/*
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
*/

/* info bulle */

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 20px; 
    left: -10px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #bbb; 
    background: #ffc; 
    width:170px;
}
a.tooltip:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 11px; 
    background: transparent url("http://www.dsanimation.com/img/infobulletop01.gif"); 
    margin:0; 
    padding: 0; 
    border: 0;
}

/* FIN infobulle */

/* ONGLETS */
.onglet {
	background-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
	padding: 2px;
}
.ongletactif {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
	padding: 2px;
	background-color: #FFCC33;
}
.filet1 {
	border: 2px ridge #0092dd;
}
a.lien1:link {
	color: #000000;
	text-decoration: none;
}
a.lien1:visited {
	color: #000000;
	text-decoration: none;
}
a.lien1:hover {
	color: #0000FF;
	text-decoration: none;
}

/* FIN ONGLETS */


* { margin: 0; padding: 0; border: 0; }
ul { list-style-type: none; }

table { font-size: 1em; border-spacing: 0;}

strong { font-weight: bold; }
em { font-style: italic; }

/* page */


/* accueil */

div#page p { text-align: justify; }

div#page p#presentation { margin-top: 20px; margin-bottom: 0px; }

div#page div#slogan {
	width: 30%;
	line-height: 180%; float: left;
	text-align: center;
	height: 200px; overflow: hidden;

}
div#page div#slogan a {
	display: block;
	text-decoration: none;
//	color: #555555;
	color: black;
	border: 1px solid #88E7EF;
	padding: 4px;
}


//div#page div#slogan a:hover { text-decoration: underline; color: #1688c1; background: none; }
div#page div#slogan a:hover { color: #FF6900; background: none; }

div#page div#flash { width: 35%; text-align: center; float: left; }

div#page dl#listes-deroulantes { width: 30%; color: #555555; float: right; text-align: center; overflow: hidden; }
div#page dl#listes-deroulantes dt { color: #555555; font-weight: bold; font-size: 0.9em; margin-bottom: 5px; }
div#page dl#listes-deroulantes dt button { vertical-align: middle; margin: 0 0.5em; }
div#page dl#listes-deroulantes dd { border: 1px solid #88E7EF; height: 200px; overflow: hidden; }
div#page dl#listes-deroulantes dd span { display: block; color: #fc6b00; }

div#page hr { clear: both; visibility: hidden; }

div#page p#evenements { margin-bottom: 1em; }
div#page p#structures { margin-bottom: 1em; }
div#page p#contact { text-align: center; margin-bottom: 1em; }

div#page h2 {
	clear: both;
	height: 62px;
	padding-left: 70px; padding-top: 2em;
	background: url(page/images/liste.gif) no-repeat center left;
	border-bottom: 2px solid #cccccc;
	color: #1688c1; font-size: 1.5em; font-weight: bold;
	margin-bottom: 10px; padding-bottom: 4px;
}

div#page a.retour {
	display: block;
	height: 34px; width: 10em;
	background: url(page/images/retour.gif) no-repeat top left;
	text-indent: 40px;
	margin-bottom: 2em; margin-top: 2em;
	text-decoration: none;
	line-height: 34px; vertical-align: bottom;
}
div#page a.retour:hover { letter-spacing: 1em; font-weight: bold; }

div#page .colonne1 { float: left; width: 50%; }
div#page .colonne2 { float: left; width: 50%; }


div#page fieldset { margin: 20px 0; }

div#page fieldset ul li { margin: 5px 0; }

div#page fieldset textarea#descriptif,
div#page fieldset textarea#evenement-budget-maximum,
div#page fieldset textarea#informations-complementaires {
	float: left;
	margin-right: 10px;
}


div#page fieldset#bouton-envoyer { text-align: center; }

div#page fieldset hr { clear: both; visibility: hidden; height: 0; }
div#page fieldset ul { list-style-type: none; }
div#page fieldset ul.rubriques { float: left; width: 50%; font-size: 80%; }
div#page fieldset p#precisions-rubriques { clear: both; padding-top: 1em; }
div#page fieldset p.tarifications { float: left; width: 50%; text-align: center; }
div#page p#pieces-a-fournir { text-align: center; margin-bottom: 40px; }


/* �l�ments de formulaires */

div#page .obligatoire { color: red; }
div#page p.obligatoire { color: red; margin-bottom: 1em; }
div#page p#formulaire-informations { text-align: justify; margin-bottom: 20px; }
div#page fieldset { border: 2px solid #cccccc; padding: 0.5em; }
div#page fieldset legend { background: #FFF2E8; border: 1px solid #cccccc; padding: 2px; margin-bottom: 0.5em; }
div#page fieldset p { margin-bottom: 0.5em; }
div#page input { background: white; border: 1px solid #cccccc; color: black; font-size: 1em; }
div#page input:hover { background: #FFF2E8; }
div#page textarea { background: white; border: 1px solid #cccccc; color: black; font-size: 1em; }
div#page textarea:hover { background: #FFF2E8; }
div#page select { background: white; border: 1px solid #cccccc; color: black; font-size: 1em; }
div#page button { border: 1px solid #cccccc; background: #bfe9ea; color: black; cursor: pointer; font-size: 1em; }
div#page button:hover { border-color: white black black white; background: #FFF2E8; }