html {
  overflow-y:scroll;
}

body {
  background-color: #9F95B2;
  text-align: center;
  font-family: verdana,arial;
  font-size: 11px;
  padding: 0px;
  margin: 0px;
}

#container {
  background: url(../images/fond_container.gif);
  background-position: top center;
  background-repeat: repeat-y;
  background-color: #ffffff;
  position: relative;
  width: 1000px;
  margin: 0px auto 0px auto;
  padding: 5px 0px 1px 0px;
  text-align: left;
  font-family: verdana,arial;
  font-size: 11px;
}

/* ---------- Bandeau ---------- */

#bandeau {
  background: url(/images/bandeau.gif);
  background-color: #ef1894;
  height: 105px;
  margin: 0px 0px 0px 22px;
  position: relative;
  width: 956px;
}

#login {
  position: absolute;
  top: 12px;
  left: 745px;
  width: 210px;
}

#login form {
  margin: 3px 0px 0px 0px;
}

#login td {
  color: #ffffff;
  font-family: verdana,arial;
  font-size: 11px;
  vertical-align: middle;
  padding: 3px 3px 3px 3px;
}

#login td a {
  color: #ffffff;
  text-decoration: none;
}

#login td a:hover {
  color: #ffffff;
  text-decoration: underline;
}

#login td b {
  font-family: verdana,arial;
  font-size: 9px;
  font-weight: bold;
  line-height: 1em;
}

#login input {
  border: 0px;
  font-family: verdana,arial;
  font-size: 10px;
  height: 16px;
  padding: 1px 1px 0px 1px;
  width: 100px;
}

#login input.valider {
  height: 11px;
  width: 13px;
}

#login .deconnexion {
  display: block;
  position: absolute;
  top: 0px;
  right: 2px;
}


/* ---------- Menu ---------- */

#dhtmlgoodies_menu {
  background: url(../images/fond_menu.jpg);
  background-repeat: repeat-x;
  margin: 1px 0px 0px 22px;
  width: 956px;
  height: 23px;
  text-align: center;
  padding: 0px 0px 0px 0px;
}

#menu a {
  display: block;
  float: left;
  font-family: verdana,arial;
  font-size: 10px;
  color: #000000;
  text-decoration: none;
  height: 23px;
  line-height: 23px;
  margin: 0px 0px 0px 0px;
  padding: 0px 8px 0px 8px;
  border-left: 1px solid #ffffff;
}

#menu a.debut {
  display: block;
  float: left;
  font-family: verdana,arial;
  font-size: 10px;
  color: #000000;
  text-decoration: none;
  height: 23px;
  line-height: 23px;
  margin: 0px 0px 0px 8px;
  padding: 0px 8px 0px 8px;
  border: none;
}

#menu a:hover,
#menu a.debut:hover,
#menu a.here {
  background: url(../images/fond_menu_on.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  color: #EB1E93;
}








	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */

	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
		background-color: #c1a0f9;
	}

	#dhtmlgoodies_menu{
		visibility:hidden;
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}


	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */


	/* Cosmetic */

	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items)
	***********************************************************************/
	#dhtmlgoodies_menu ul{

		padding:0px;
	}

	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:0px;


		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:0px;
		/*border:1px solid #555;*/
		background-color: #c09ffa;
	}

	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #000;
		text-decoration:none;
		padding-left:0px;
		padding-right:0px;

	}

	/*
	Main menu items
	*/

	#dhtmlgoodies_menu .currentDepth1{
  font-family: verdana,arial;
  font-size: 10px;
  color: #000000;
  text-decoration: none;
  height: 23px;
  line-height: 23px;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  border-left: 1px solid #ffffff;
	}

	#dhtmlgoodies_menu .currentDepth1over,
	#dhtmlgoodies_menu .here {
  background: url(../images/fond_menu_on.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  font-size: 10px;
  color: #EB1E93;
  height: 23px;
  line-height: 23px;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px;
  border-left: 1px solid #ffffff;
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		font-weight:normal;
    font-size: 10px;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
    color: #EB1E93;
	  font-weight:normal;
	}

	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding: 5px 10px 5px 10px;
		border-bottom:1px solid #e3d3ff;
		text-align: left;
    font-size: 10px;
	}
	#dhtmlgoodies_menu .currentDepth2 a{	/* Text rules */
		color:#000000;
    font-size: 10px;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding: 5px 10px 5px 10px;
		border-bottom:1px solid #e3d3ff;
		text-align: left;
    font-size: 10px;
		/*background-color:#E2EBED;*/
		/*border:1px solid #000;*/
	}
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#ffffff;

	}
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		background-color:#EDE3EB;
		border:1px solid #000;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #000;
	}




/* ---------- Colonnes G & D ---------- */

#col-gauche {
  background-color: #ffffff;
  float: left;
  width: 237px;
  margin: 5px 0px 0px 0px;
}

#col-droite {
  background-color: #ffffff;
  float: right;
  width: 237px;
  margin: 5px 0px 0px 0px;
}


#col1 {
  background-color: #ffffff;
  float: left;
  width: 237px;
  margin: 5px 0px 0px 0px;
}

#col2 {
  background-color: #ffffff;
  float: left;
  width: 430px;
  margin: 0px -10px 0px -10px;
  padding: 0px 0px 0px 0px;
}

#col3 {
  background-color: #ffffff;
  float: left;
  width: 335px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#col3 img.vignette {
  float: right;
  margin: 0px 25px 5px 10px;
}



/* ---------- Colonne gauche + texte ---------- */

#corps.col-gauche #texte {
  position: relative; /* Bug IE qui n'affiche pas la première puce  */
  margin: 0px 0px 0px 220px;
}


/* ---------- Corps ---------- */

#corps {
  position: relative;
  background-color: #ffffff;
  margin: 15px 8px 0px 8px;
  min-height: 350px;
  _height: 350px;
}

#corps h1 {
  /*background: url(images/fond_titre.gif);
  background-position: 10px 5px;
  background-repeat: repeat-x;*/
  margin: 5px 20px 10px 20px;
  color: #EF4AAE;
  color: #EF4AAA;
  font-family: "arial narrow",verdana;
  font-size: 25px;
  font-weight: normal;
  letter-spacing: .05em;
  padding-bottom: 1px;
  border-bottom: 1px solid #EFB3D6;
}

#corps h2 {
  /*background: url(images/puce_carree.gif);
  background-position: 0px 4px;
  background-repeat: no-repeat;*/
  font-size: 16px;
  color: #eb1e93;
  font-weight: normal;
  /*text-indent: 15px;*/
  line-height: 1.3em;
  margin: 18px 20px 3px 20px;
}

#corps h3 {
  font-size: 12px;
  color: #230C4A;
  line-height: 1.3em;
  margin: 18px 20px 10px 20px;
}

#corps p {
  color: #230C4A;
  margin: 10px 20px 10px 20px;
  line-height: 1.5em;
}

#corps p.intro {
  color: #EB1E93;
  color: #230c4a;
  font-weight: bold;
}

#corps p.intro i {
  color: #230C4A;
  font-style: normal;
}

#corps a {
  color: #230C4A;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
}

#corps a:hover {
  color: #230C4A;
  text-decoration: underline;
}

#corps a.link {
  background: url(../images/fond_liens_off.gif);
  background-position: 100% 2px;
  background-repeat: no-repeat;
  color: #230C4A;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 12px 0px 0px;
}

#corps a.link:hover {
  color: #230C4A;
  text-decoration: underline;
  padding: 0px 12px 0px 0px;
}

#corps a img {
	border: none;
}

#corps ul {
  margin: 0px;
  padding: 0px;
}

#corps li {
  background-image: url(images/puce_ronde.gif);
  background-position: 0px 1px;
  background-repeat: no-repeat;
  margin: 5px 20px 5px 20px;
  padding: 0px 0px 0px 15px;
  list-style: none;
  color: #230C4A;
  line-height: 1.5em;
}

#corps img.right {
  float: right;
  margin: 3px 0px 10px 20px;
}

#corps img.left {
  float: left;
  margin: 3px 20px 10px 0px;
}

#corps img.marraine {
	position: relative;
	float: left;
}


#corps #jeminscris {
  background-image: url(/images/bouton_jeminscris.png);
  background-position: 20px 20px;
  background-repeat: no-repeat;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #666666;
  display: block;
  font-size: 24px;
  font-weight: normal;
  height: 100px;
  line-height: 100px;
  text-indent: 95px;
  margin: 30px 0px 20px 350px;
  width: 270px;
}

#corps #jeminscris:hover {
  background-color: #eeeeee;
  text-decoration: none;
}

#programme {
  background-color: #eeeeee;
  float: right;
  /*border-left: 1px solid #dddddd;*/
  margin: 0px 20px 20px 15px;
  width: 360px;
}


/* ---------- Agenda ---------- */

#liste-agenda {
  position: relative;
  margin-top: 0px;
}

#liste-agenda div {
  clear: left;
  padding: 1px 0px 0px 0px;
}

#liste-agenda div h2 {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 35px;
  margin: 20px 20px 0px 20px;
  text-indent: 0px;
  line-height: 20px;
}

#liste-agenda div.visite h2 {
  background-image: url(images/picto_visite.gif);
}

#liste-agenda div.repas h2 {
  background-image: url(images/picto_repas.gif);
}

#liste-agenda div.sport h2 {
  background-image: url(images/picto_sport.gif);
}

#liste-agenda div.divers h2 {
  background-image: url(images/picto_divers.gif);
}

#liste-agenda div img {
  float: left;
  margin: 10px 15px 5px 5px;
  border: 1px solid #230C4A;
}

#liste-agenda div table {
  width: 940px;
  margin: 20px 20px 20px 20px;
}

#liste-agenda div th {
  background-color: #dac1eb;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  padding: 5px;
}

#liste-agenda div td {
  background-color: #e2d3fd;
  font-size: 11px;
  font-weight: normal;
  vertical-align: top;
  padding: 5px;
}


/* ---------- Actualités ---------- */

div.actu {
  clear: left;
  padding: 1px 0px 0px 0px;
}

div.actu h2 i {
  color: #bbbbbb;
  font-size: 11px;
  font-weight: normal;
}

div.actu img {
  float: left;
  margin: 10px 15px 5px 20px;
  border: 1px solid #230C4A;
}




/* ---------- Actualités photos ---------- */

#liste-photos {
  position: relative;
  margin: 0px 15px 0px 15px;
  clear: both;
}

#liste-photos div.vignette {
  border: 1px solid #cccccc;
  position: relative;
  display: block;
  width: 220px;
  height: 235px;
  float: left;
  margin: 5px 8px 10px 8px;
  text-align: center;
  font-size: 10px;
}

#liste-photos div.vignette img.h {
	border: 0px;
  margin: 55px 0px 5px 0px;
}

#liste-photos div.vignette img.v {
	border: 0px;
  margin: 20px 0px 5px 0px;
}

#liste-photos p {
  clear: left;
  padding: 1px 0px 0px 0px;
}


/* ---------- Liste des messages ---------- */

#liste-messages {
  margin: 20px 20px 0px 20px;
  line-height: 1em;
}

#liste-messages p.libelles {
  /*background-image: url(../images/fond_libelles.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;*/
  background-color: #ef4aaa;
  margin: 3px 0px 0px 0px;
  width: 942px;
  height: 20px;
  line-height: 20px;
  border-width: 0px;
  border-style: solid;
  border-color: #47144C;
  font-weight: bold;
  color: #ffffff;
}

#liste-messages a.items {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 4px 0px;
  width: 942px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #C5A6FB;
  font-weight: normal;
}

#liste-messages a.items:hover {
  background-color: #e2d3fe;
  text-decoration: none;
}

#liste-messages span.nom {
  display: table-cell;
  width: 220px;
  padding: 0px 0px 0px 3px;
}

#liste-messages span.titre {
  display: table-cell;
  width: 430px;
}

#liste-messages span.date {
  display: table-cell;
  width: 140px;
}

#liste-messages span.statut {
  display: table-cell;
  width: 100px;
}


/* ---------- Messages ---------- */

#message {
  background-color: #E2D3FE;
  background-image: url(../images/fond_message_centre.gif);
  background-position: 0% 0%;
  background-repeat: repeat-y;
  width: 945px;
  margin: 20px 15px 10px 20px;
}

#message #header {
  background-image: url(../images/fond_message_haut.gif);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  padding: 1px 0px 0px 0px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #220C4A;
}

#message #body {
  background-image: url(../images/fond_message_bas.gif);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  padding: 0px 0px 5px 0px;
}

#message p {
  margin: 10px 15px 10px 15px;
}


/* ---------- Liste forum ---------- */

#liste-forum {
  margin: 15px 20px 0px 20px;
  line-height: 1em;
}

#liste-forum p.libelles {
  /*background-image: url(../images/fond_libelles.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;*/
  background-color: #ef4aaa;
  margin: 3px 0px 0px 0px;
  width: 942px;
  height: 20px;
  line-height: 20px;
  border-width: 0px;
  border-style: solid;
  border-color: #47144C;
  font-weight: bold;
  color: #ffffff;
}

#liste-forum a.items {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 4px 0px;
  width: 942px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #C5A6FB;
  font-weight: normal;
}

#liste-forum a.items:hover {
  background-color: #e2d3fe;
  text-decoration: none;
}

#liste-forum span.titre {
  display: table-cell;
  width: 545px;
  padding: 0px 0px 0px 2px;
}

#liste-forum span.nom {
  display: table-cell;
  width: 225px;
  padding: 0px 0px 0px 0px;
}

#liste-forum span.nombre {
  display: table-cell;
  width: 40px;
  text-align: center;
}

#liste-forum span.date {
  display: table-cell;
  width: 120px;
  padding: 0px 0px 0px 10px;
}

#liste-forum span.date small {
  font-family: verdana,arial;
  font-size: 9px;
}

#liste-forum span.nouv0 {
  background-color: #EF2194;
  color: #ffffff;
  font-family: verdana,arial;
  font-size: 8px;
  font-weight: bold;
  font-style: italic;
}

#liste-forum span.nouv1 {
  background-color: #EF2194;
  color: #ffffff;
  font-family: verdana,arial;
  font-size: 8px;
  font-weight: bold;
  font-style: italic;
}

#liste-forum span.nouv2 {
  background-color: #EF85C0;
  color: #ffffff;
  font-family: verdana,arial;
  font-size: 8px;
  font-weight: bold;
  font-style: italic;
}

#liste-forum span.nouv3 {
  background-color: #EFBCD9;
  color: #ffffff;
  font-family: verdana,arial;
  font-size: 8px;
  font-weight: bold;
  font-style: italic;
}

#corps p.forumquestion {
  margin: 5px 0px 5px 15px;
  padding: 0px 0px 0px 6px;
  width: 740px;
}

#corps p.forumreponse {
  background: url(../images/puce_reponse.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin: 5px 0px 5px 15px;
  padding: 0px 0px 0px 24px;
  font-weight: normal;
}


/* ---------- Liste des maraines ---------- */

#marraines {
  margin: 20px 0px 10px 15px;
  padding: 0px 0px 10px 0px;
}

#marraines a {
  position: relative;
  background-image: url(../images/fond_lien_marraines.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: block;
  width: 460px;
  height: 87px;
  float: left;
  margin: 0px 3px 10px 6px;
  text-decoration: none;
}

#marraines a:hover {
  text-decoration: none;
}

#marraines a img {
  position: absolute;
  top: 1px;
  left: 15px;
  width: 67px;
  height: 85px;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  border-color: #4f4f4f;
}

#marraines h2 {
  font-size: 13px;
  margin: 8px 0px 4px 95px;
}

#marraines p {
  margin: 3px 0px 4px 95px;
  font-weight: normal;
  line-height: 1.4em;
}

/*
#resultat {
  background-color: #EFC2DC;
  border: 1px solid #EB1E93;
  color: #EB1E93;
  display: inline-block;
  height: 20px;
  text-align: center;
  width: 120px;
}
*/

#resultat {
  background-color: #EFC2DC;
  color: #EB1E93;
  display: block;
  margin: 0px 0px 10px 0px;
  width: 180px;
}

#resultat b {
  font-size: 18px;
}


/* ---------- Fiche maraines ---------- */

#cadre-divers p.photo {
  background-image: url(../images/fond_cadre_marraines_haut.jpg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin: 0px;
  text-align: center;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #ffffff;
  padding: 10px 0px 10px 0px;
}

#cadre-divers p.photo img {
  margin: 1px 0px 0px 0px;
}

#cadre-divers p.lien {
  background-image: url(../images/fond_cadre_marraines_bas.jpg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  height: 31px;
  line-height: 31px;
  margin: 0px;
  text-align: center;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #47144C;
}


/* ---------- Liste des liens ---------- */

#liens {
  margin: 0px 0px 0px 0px;
}

#liens h2 {
  clear: both;
  margin: 25px 20px 10px 20px;
}

#liens div.item {
  clear: both;
  margin: 10px 20px 20px 35px;
  width: 925px;
}

#liens div img {
  float: left;
  width: 120px;
  margin: 3px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
}

#liens div p {
  width: 780px;
  margin: 0px 0px 0px 140px;
  padding: 0px 0px 0px 0px;
}


/* ---------- Cadre stats ---------- */

#cadre-stats {
  background: url(../images/fond_cadre.gif);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-color: #E2D3FD;
  padding: 0px 0px 5px 0px;
  margin: 0px 15px 20px 15px;
}

#cadre-stats h1 {
  background: url(../images/fond_h1_cadre.jpg);
  height: 21px;
  line-height: 21px;
  font-size: 15px;
  font-weight: normal;
  color: #ffffff;
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 0px 5px;
}

#cadre-stats p {
  line-height: 1.3em;
  margin: 8px 10px 3px 10px;
  text-align: center;
}

#cadre-stats p b {
  color: #eb1e93;
}

#cadre-stats a:hover {
  text-decoration: underline;
}


/* ---------- Cadre quizz ---------- */

#cadre-quizz {
  margin: 0px 15px 20px 15px;
}


/* ---------- Cadre zoom ---------- */

#cadre-zoom {
  background: url(../images/cadre-zoom.jpg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 207px;
  height: 91px;
  margin: 0px 15px 20px 15px;
}

#cadre-zoom a {
  background: none;
  display: block;
  color: #230C4A;
  line-height: 1.3em;
  margin: 0px 0px 0px 0px;
  padding: 50px 0px 5px 60px;
  text-decoration: none;
}

#cadre-zoom a:hover {
  background: none;
  display: block;
  color: #230C4A;
  line-height: 1.3em;
  margin: 0px 0px 0px 0px;
  padding: 50px 0px 5px 60px;
  text-decoration: underline;
}


/* ---------- Cadre télécharger ---------- */

#cadre-telecharger {
  background: url(../images/cadre-telecharger.jpg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 207px;
  height: 91px;
  margin: 0px 15px 20px 15px;
}

#cadre-telecharger a {
  background: none;
  display: block;
  color: #230C4A;
  line-height: 1.3em;
  margin: 0px 0px 0px 0px;
  padding: 38px 0px 5px 85px;
  text-decoration: none;
  font-weight: normal;
}

#cadre-telecharger a:hover {
  background: none;
  display: block;
  color: #230C4A;
  line-height: 1.3em;
  margin: 0px 0px 0px 0px;
  padding: 38px 0px 5px 85px;
  text-decoration: underline;
}


/* ---------- Cadre rendez-vous ---------- */

#cadre-rdv {
  background: url(../images/cadre-rdv.jpg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 207px;
  height: 91px;
  margin: 0px 15px 20px 15px;
}

#cadre-rdv a {
  background: none;
  display: block;
  color: #230c4a;
  line-height: 1.3em;
  margin: 0px 0px 0px 0px;
  padding: 39px 15px 5px 15px;
  text-decoration: none;
  text-indent: 57px;
}

#cadre-rdv a:hover {
  background: none;
  display: block;
  color: #230c4a;
  line-height: 1.3em;
  margin: 0px 0px 0px 0px;
  padding: 39px 15px 5px 15px;
  text-decoration: underline;
  text-indent: 57px;
}


/* ---------- Cadre affiche ---------- */

#cadre-affiche {
  margin: 0px 15px 20px 15px;
}


/* ---------- Cadre facebook ---------- */

#cadre-facebook {
  background: url(/images/cadre-facebook.jpg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 207px;
  height: 78px;
  margin: 0px 15px 20px 15px;
}

#cadre-facebook a {
  background: none;
  display: block;
  color: #425985;
  line-height: 1.3em;
  margin: 0px 0px 0px 0px;
  padding: 17px 8px 15px 78px;
  text-decoration: none;
}

#cadre-facebook a:hover {
  background: none;
  display: block;
  color: #425985;
  line-height: 1.3em;
  margin: 0px 0px 0px 0px;
  padding: 17px 8px 15px 78px;
  text-decoration: underline;
}


/* ---------- Cadre divers ---------- */

#cadre-divers {
  background: url(../images/fond_cadre.gif);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-color: #E2D3FD;
  padding: 0px 0px 1px 0px;
}

#col-gauche #cadre-divers {
  margin: 0px 15px 20px 15px;
}

#col-droite #cadre-divers {
  margin: 0px 15px 20px 15px;
}

#cadre-divers h1 {
  background: none;
  font-size: 13px;
  color: #EB1E93;
  font-weight: bold;
  margin: 10px 12px 8px 12px;
}

#cadre-divers h2 {
  color: #230C4A;
  font-size: 14px;
  margin: 15px 12px 5px 12px;
}

#cadre-divers p {
  margin: 10px 12px 10px 12px;
}

#cadre-divers p img {
  border: 1px solid #230C4A;
}

#cadre-divers #logo {
  background-color: #ffffff;
  background: url(../images/fond_h1_partenaires.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 207px;
  border-bottom: 1px solid #48154D;
}

#cadre-divers #logo img {
  margin: 10px 40px 10px 40px;
}

#cadre-divers #lien {
  background: url(../images/fond_cadre_liens.jpg);
  background-position: 0px 0px;
  background-repeat: repeat-y;
  min-height: 31px;
  line-height: 1.1em;
  text-align: center;
  border-bottom: 1px solid #ffffff;
}

#cadre-divers #lien a {
	display: inline-block;
	margin: 7px 0px 3px 0px;
}


/* ---------- Formulaires ---------- */

#corps form {
  margin: 20px 20px 20px 20px;
}

#corps form table {
  min-width: 400px;
  margin: 0px 0px 10px 0px;
}

#corps form th {
  background-color: #dac1eb;
  font-size: 11px;
  font-weight: normal;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  padding: 5px 15px 5px 5px;
  min-width: 160px;
  _width: 160px;
  min-height: 30px;
  white-space: nowrap;
}

#corps form td {
  background-color: #e2d3fd;
  font-size: 11px;
  font-weight: normal;
  vertical-align: top;
  padding: 5px;
}

#corps form td.resultat {
  background-color: #EFC2DC;
  color: #EB1E93;
  text-align: center;
  min-width: 180px;
}

input, textarea, select {
  font-family: verdana,arial;
  font-size: 11px;
}

#corps p.erreur {
  margin: 10px 20px 10px 20px;
  color: #ff0000;
  font-weight: bold;
}

#corps p.noerreur {
  margin: 10px 20px 10px 20px;
  color: #00bb1b;
  font-weight: bold;
}

#corps .msgerr {
  background-color: #EDD9D9;
  background-image: url(/images/picto_error.png);
  background-position: 5px 5px;
  background-repeat: no-repeat;
  border: 1px solid #DB3829;
  color: #db3829;
  font-weight: bold;
  line-height: 1.4em;
  margin: 20px 20px 15px 20px;
  padding: 5px 5px 5px 30px;
}

#corps p.msgok {
  background-color: #D9EDD9;
  background-image: url(/images/picto_success.png);
  background-position: 5px 5px;
  background-repeat: no-repeat;
  border: 1px solid #57B449;
  color: #57B449;
  font-weight: bold;
  line-height: 1.4em;
  margin: 20px 20px 15px 20px;
  padding: 5px 5px 5px 30px;
}


/* ---------- Page partenaires ---------- */

#logos {
  margin: 0px 15px 0px 15px;
}

#logos a {
  background: url(../images/fond_logo_partenaires.gif);
  display: block;
  width: 145px; /*175*/
  height: 115px; /*138*/
  float: left;
  margin: 6px 6px 6px 6px;
  padding: 0px;
  text-align: center;
}

#logos a:hover {
  background: url(../images/fond_logo_partenaires_on.gif);
}

#logos img {
  margin: 13px 0px 0px 0px;
  border: 0px;
}



/* ---------- Annuaire partenaires ---------- */

#annuaire {
  margin: 0px 15px 0px 15px;
}

#annuaire a {
  background: url(../images/fond_logo_partenaires.gif);
  display: block;
  width: 145px; /*175*/
  height: 115px; /*138*/
  float: left;
  margin: 6px 6px 6px 6px;
  padding: 0px;
  text-align: center;
}

#annuaire a:hover {
  background: url(../images/fond_logo_partenaires_on.gif);
}

#annuaire a img {
  margin: 13px 0px 0px 0px;
  border: 0px;
}

#annuaire p {
	float: left;
	height: 115px;
	width: 350px;
}


/* ---------- Modif partenaires ---------- */

#corps .mceEditor table,
#corps .mceEditor th,
#corps .mceEditor td {
  background: transparent;
  margin: 0px;
  padding: 0px;
  width: auto;
  height: auto;
}


/* ---------- Stats inscriptions ---------- */

#corps #logos object {
  margin: 30px 5px 0px 5px;
}


/* ---------- Vidéo ---------- */

#video {
  margin: 10px 20px 10px 20px;
}


/* ---------- Quizz ---------- */

#glider .scroller {
  overflow: hidden;
  width: 530px;
}

#glider .scroller .content {
  width: 12000px;
}

#glider .scroller .content .section {
	position: relative;
	background-image: url(/images/fond_quizz2.jpg);
  float: left;
  overflow: hidden;
  width: 530px;
  height: 400px;
}

#glider .scroller .content .section h1 {
  color: #ffffff;
  font-size: 18px;
  font-weight: normal;
  margin: 90px 20px 25px 20px;
}

#glider .scroller .content .section h2 {
	color: #eb1e93;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
  margin: 20px 20px 20px 20px;
  text-align: left;
}

#glider .scroller .content .section p {
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
  margin: 10px 20px 10px 20px;
  text-align: left;
}

#glider .scroller .content .section #numero {
  float: right;
  color: #ffffff;
  font-family: arial, sans serif;
  font-size: 38px;
  padding: 10px 0px 0px 0px;
  text-align: center;
  width: 65px;
}

#glider .scroller .content .section img {
	border: 0px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}


/* ---------- Bandeau partenaires ---------- */

#partenaires {
  color: #230C4A;
  margin: 10px 20px 0px 20px;
  line-height: 1.5em;
}

#partenaires a {
  color: #230c4a;
  font-weight: normal;
  text-decoration: none;
}

#partenaires a:hover {
  text-decoration: underline;
}

/* ---------- Footer ---------- */

#footer {
  position: relative;
  clear: both;
  background: url(../images/fond_copyright.jpg);
  width: 956px;
  height: 23px;
  line-height: 23px;
  margin: 25px 17px 10px 22px;
  padding: 0px 0px 0px 0px;
}

#footer p {
  margin: 0px 15px 0px 15px;
}

#footer a {
  color: #230C4A;
  margin: 0px 0px 0px 15px;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}


/* ---------- Tooltip ---------- */

#dhtmltooltip {
  position: absolute;
  background-color: #e2d3fd;
  width: 120px;
  border-style: solid;
  border-width: 1px;
  border-color: #945a95;
  padding: 3px 3px 3px 3px;
  visibility: hidden;
  z-index: 100;
  font-size: 11px;
  text-align: center;
}