/* http://www.seilhfitness.fr/squelettes/css/images/fond3.png */
html {
	background: #FFF url(http://www.seilhfitness.fr/squelettes/css/images/fond3.jpg)  top center no-repeat; 
	background-color: #1E90FF	;/*Bleu*/
	width:100%;
	height:100%;
}

body {
	font-family: Arial, Verdana, Geneva, sans-serif;
	padding: 0px;
	font-size: 13px;
	color: #000;
}

#conteneur {
	position: relative;
	width : 1050px;
	margin: auto;
	Z-index: 1;
}

#entete {
	background-image: url(http://www.seilhfitness.fr/IMG/png/entete3.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 260px;
}

/* Gauche ---------------------------------------------- */
#gauche {
	float: left;
	z-index:2;
	width: 250px;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

/* Formulaires de recherche */
#recherche {
	width: 200px;
	padding: 0px;
	margin: 0px;
}

#formulaire_recherche input.text {
	width: 200px;
	padding: 5px 0 10px 35px;
	font-size: 14px;
	background-image: url(http://www.seilhfitness.fr/squelettes/css/images/recherche.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#formulaire_recherche input.submit {
	width: 40px;
}

/* Agenda */
#titre_agenda {
	width: 238px;
	height: 35px;
	padding: 10px 0 0 0;
	margin: 25px 0 0 0;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #696969; /*Gris*/
	background: #FFBF00; /* jaune */
}

#agenda {
	float:left;
	width: 250px;
	height: auto;
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-size: 14px;
}

#agenda_haut {
	background-image: url(http://seilhfitness.fr/IMG/png/agenda_haut.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 250px;
	height: 21px;
}

#agenda_centre {
	background-image: url(http://seilhfitness.fr/IMG/png/agenda_milieu.png);
	background-repeat: repeat-y;
	margin: 0px;
	padding:0px;
	width: 250px;
	height: auto;
}

#agenda_bas {
	background-image: url(http://seilhfitness.fr/IMG/png/agenda_bas.png);
	background-repeat: no-repeat;
	width: 250px;
	margin: 0px;
	padding: 0px;
	height: 18px;
}

#agenda img {
	float : left;
	width: 205px;
	height: auto;
	padding: 0px;
	margin: -10px 0 10px 0;
	}

#agenda a {
	color: #000000; /*Noir*/
	text-decoration: none;
}

#agenda a:hover {
	color: #FF0033; /*Rouge*/
	text-decoration: none;
}

#agenda h3 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #B22222; /*Rouge foncé*/
	font-weight: bold;
	text-align: center;
	padding: 0 0 5px 0;
	margin: 0 15px 0 0;
}

#agenda h2 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #008080; /*Vert*/
	font-weight: bold;
	text-align: center;
	margin: 0 15px 0 0;
	padding: 0px;
	}

#agenda h1 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0033; /*Rouge*/
	text-align: center;
	padding: 0px;
	margin: 0 15px 0 0;
	}

#agenda p {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #696969; /*Gris*/
	/* text-align: justify; */
	padding: 0 30px 7px 15px;
	margin: 0 0 5px 0;
	}

/* Date ---------------------------------------------- */
#date {
	width: 230px;
	height: auto;
	margin: 0px;
	padding: 10px 0 0 18px;
}

/* Météo ---------------------------------------------- */
#meteo {
	width: 230px;
	margin: 10px 0 0 30px;
	padding: 0px;
}

#cont_56c84ac8d2cb385f5f35c500700bc1d7 {
	height : 230px
	font-family: Arial, Verdana, Geneva, sans-serif;
}

/* Facebook ---------------------------------------------- */

#facebook {
	width: 230px;
	margin: 10px 0 0 0;
	padding:0px;
}

#facebook img {
	width: 120px;
	margin: 0 0 0 45px;
	padding:0px;
}

#facebook p {
	font-size: 12x;
	font-family: Arial, Helvetica, sans-serif;
	color: #696969; /*Gris*/
	text-align: center;
	padding: 0px;
	margin: 20px 0 0 0;
}

/********** MENU **********/
#menu {
	float: left;
	font: normal .8em/1.5em Arial, Helvetica, sans-serif;
	width: 750px;
	height: 25px;
	margin:  -53px 0 0 0;
	padding: 0px;
	Z-index: 10;
}

#menu_texte {
	padding-top: 20px;
	text-align: center;
	line-height: 13px;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 15px;
	text-align: center;
	color: #FFF;
}

/* Menu déroulant */
#nav-container{
	font-size:14px;
	padding: 0;
	margin: 50px 0 0 0;
	width: 736px;
}

#nav, #nav ul {
	float: left;
	width: 100%;
	height: 38px;
	list-style: none;
	background: #FFBF00;/*Jaune fond*/
	padding: 0 0 5px 0;
	margin: 0 0 1em 0;
	text-align:left;
	Z-index: 10;
}

#nav a {
	display: block;
	width: 10em;
	w\idth: 10em;
	color: #000000; /*Noir*/
	text-decoration: none;
	margin: 10px 0 0 0;
	padding: 0.25em 2em;
}

#nav a:hover {
	color: #ffffff;/*Blanc*/
	text-decoration: none;
	font-weight: bold;
	}

#nav a.daddy {
	background: url(http://seilhfitness.fr/squelettes/css/img/multi.png) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0 0 5px 0;
	width: 63px;
	height: 40px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	font-weight: normal;
	margin: 0;
	background: #FFBF00; /*Jaune*/
}

#nav li li {
	padding-right: 1em;
	width: 170px;
}

#nav li ul a {
	width: 170px;
	font-size:12px;
	color:#00561b; /*texte vert foncé*/
}

#nav li ul ul {
	margin: -1.75em 0 0 12em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul,
#nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}


#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul,
#nav li li li li:hover ul {
	left: auto;
}

#nav li.sfhover ul {
	left:auto;
}

#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #26c4ec;/*Bleu*/
	width: 155px;
}

/* DROITE ---------------------------------------------- */

#droite {
	float: left;
	width: 750px;
	height: 100%;
	padding: 0px;
	margin: 0 0 0 50px;
}

/* Diaporama---------------------------------------------- */
#diaporama {
	float: left;
	margin:-115px 0 0 0;
	padding:0px;
	width: 740px;
	height: 230px;
}

/* Hiérarchie---------------------------------------------- */
#hierarchie {
	position: absolute;
	margin: 165px 0 0 20px ;
	padding: 0px;
	width: auto;
	height: auto;
	text-align: left;
	font-size:10px;
	text-decoration:none;
	Z-index: 2;
}

/* Contenu */

#contenu {
	float:left;
	width: 750px;
	height: auto;
	padding: 0px;
	margin-top: 40px;
	text-align: justify;
	font-size: 14px;
	}

#contenu_haut {
	background: url(http://seilhfitness.fr/squelettes/css/images/contenu_haut.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 750px;
	height: 36px;
}

#contenu_centre {
	background: url(http://seilhfitness.fr/squelettes/css/images/contenu_milieu.png);
	background-repeat: repeat-y;
	margin: 0px;
	padding:0px;
	width: 750px;
}

#contenu_bas {
	background: url(http://seilhfitness.fr/squelettes/css/images/contenu_bas.png);
	background-repeat: no-repeat;
	width: 750px;
	margin: 0px;
	padding: 0px;
	height: 31px;
}

#contenu_centre img {
	width: 695px;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#contenu iframe {
	padding: 0px;
	margin: 10px 0px 0px 10px;
}

.petitephoto {
	width: 220px;
	float : left;
	padding: 0px;
	margin: 0 10px 0 10px;
}

 #contenu .petitephoto img {
	width: 220px;
	height: auto;
	padding: 0px;
	margin: 0 10px 0 10px;
}

#contenu span {
	width: 60px;
	height: auto;
	padding: 0px;
	margin: 0px;
}

#contenu_centre .album_photo img {
	width: 148px;
	margin: 20px 0 0 20px;
	padding:0px;
}

#contenu p {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #696969; /*Gris*/
	text-align: justify;
	padding: 0 0 10px 0;
	margin: 0 35px 0 20px;
}

#contenu h1 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0033; /*Rouge*/
	text-align: center;
	padding: 0 15px 10px 10px;
	margin: 0;
}

#contenu h2 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0033; /*Rouge*/
	font-weight: bold;
	text-align: left;
	margin: 20px 35px 10px 20px;
}

#contenu h3 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0033; /*Rouge*/
	font-weight: bold;
	text-align: left;
	margin: 0 35px 0 20px;
}

#contenu a {
	color: #FF0033; /*Rouge*/
	text-decoration: none;
	font-weight: bold;
}

#contenu a:hover {
	text-decoration: none;
	color: #008000; /*Vert foncé*/
	font-weight: bold;
}

/********** PIED **********/	

.pied {
	width: 1028px;
	height:30px;
	font-size: 12px;
	color: #000000;
	text-align: center;
	clear:both;
	padding: 5px;
	background: #FFBF00; /*Jaune*/
}

.pied a {
	color: #000000; /*Noir*/
	font-size: 12px;
	text-decoration: none;
}

.pied a:hover {
	color: #ffffff;/*Blanc*/
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

.break {
	clear: both;
}

/********** TEXTE ET LIENS **********/	

#titreh2 {
	font-size: 22px;
	color: #FF0033; /*Rouge*/
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	margin: 35px 0 20px 0;
}

#titreh3 {
	font-size: 16px;
	color: #000000; /*Noir*/
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#doc {
	padding: 0 0 10px 0;
	margin: 0 0 50px 10px;
}

#doc img {
	width: 50px;
	height: auto;
}

/* Tableaux  ---------------------------------------------- */

table.spip {
	width: 400px;
	margin: 10px 0 0 100px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000; /*Noir*/
}

#table.spip td {
	width: 300px;
	height: 25px;
	border: 2px;
}

#table.spip th {
	width: 300px;
	height: 25px;
	border: 2px;
}

/* Formulaire  ---------------------------------------------- */
label {
	display: block;
	width: 100px;
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	color: #696969; /*Gris*/
}

label p {
	text-align: right;
	margin: 0;
	padding: 0;
}

textarea {
	width: 405px;
	height: 60px;
	text-align: left;
}

input {
	width: 200px;
}

input,textarea,select,label {
	margin-top: 5px;
}

.formulaire_ok {
	color: #FF0033; /*Rouge*/
	margin: 0 0 0 20px;
	font-size: 13px;
	text-align: left;
}

.formulaire_erreur {
	color: #FF0033; /*Rouge*/
	margin: 0 0 0 20px;
	font-size: 13px;
	text-align: left;
}

.formulaire_obligatoire {
	color: #FF0033; /*Rouge*/
	margin: 0 0 0 20px;
	font-size: 13px;
	text-align: left;
}

.obligatoire {
	color: #FF0033; /*Rouge*/
	text-align: left;
}

.rouge {
	color: #FF0033; /*Rouge*/
	text-align: left;
	font-size: 11px;
	margin: 0 0 0 40px;
}

.bouton {
	margin: 20px 0 0 20px;
	text-align: left;
}

.bouton input {
	margin: 20px 0 0 20px;
	width: 60px;
}

.contact_bas {
	margin: 20px 0 0 0;
	font-size: 13px;
}


/* plan du site  ---------------------------------------------- */
.cartouche {
	margin: 0 0 0 30px;
	padding: 0px;
}

.plan {
	margin: 0 0 0 30px;
	padding: 0px;
}
	
.main {
	margin-left: 30px;
	padding: 0px;
}

.main p {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000; /*Noir*/
	text-align: justify;
	padding: 0px;
	margin: 0px;
}

.cartouche h1 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color:#008000; /*green*/
	text-align: left;
	padding: 5px 10px 5px 0px;
	margin: 0;
}

.main h2 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0033; /*Rouge*/
	font-weight: bold;
	text-align: left;
	margin: 12px 10px 3px 10px;
}

.main h3 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color:#008000; /*green*/
	text-align: left;
	margin: 12px 10px 10px 0px;
}

.main ul li a {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 12px 10px 3px 10px;
	text-decoration: none;
	color: #696969; /*Gris*/
}

.main ul li a : hover {
	color: #FF0033; /*Rouge*/
	margin: 0 0 0 30px;
}


/* portfolio ---------------------------------------------- */

#documents_portfolio {
	z-index: 6;
	padding: 0px;
	margin: 0px;
	text-align: left;
	list-style-type: none;
}

#documents_portfolio .spip_logos {
	margin: 0 0 30px 15px;
	padding: 0px;
	border: 4px solid #C0C0C0; /*Silver*/
}

#documents_portfolio a.on .spip_logos {
	border-color: #FF0033; /*Rouge*/
}

#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos
	{
	border-color: #FFA07A; /*Light Salmon*/
} 

/* Espaceur de blocs  ---------------------------------------------- */
.nettoyeur {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1px;
	font-size: 1px;
}
