html {
			margin: 0;
                        padding: 0;
			border: 0;
		        height: 100%;
		        background: #ffe400 url(img/fond.gif) 0 -170px repeat-x;	/* arrière-plan général*/     /* -20 */
}


body {
			border: 0;
			margin: 0;
			padding: 0;
			font-family: arial, helvetica, sans-serif;
			color: #000;
			font-size: 1.09em;
		        height: 100%;
}

h1 {
			margin: 0;
                        padding: 7px 20px 5px 20px;
			border: 0;
			width: 710px;
			height: 30px;
		        font-size: 0.7em;
		        font-weight: normal;
		        color: #fff;
		        text-align: left;
}

h1 a {
		        color: #ffe400;
		        font-weight: bold;
		        text-decoration: none;
}

h1 a:hover {
		        text-decoration: underline;
}

#conteneur {
			position: relative;
			min-height: 100%;
			height: auto !important;
			height: 100%;
}

#paspied {
			border: 0;
			top: 0px;
			width: 100%;
			margin: 0;
			padding: 0 0 100px 0;
}

.morinf {
		        font-family: verdana;
		        font-size: 0.7em;
		        font-weight: bold;
		        font-variant: small-caps;
		        height: 15px;
			width: 210px;
                        text-align: center;
                        margin: 5px 0;
                        padding: 2px 0 3px 0;
		        background: transparent url(img/fond-morinf.gif) 0 0 no-repeat;
}

.morinf a {
		        color: #493A16;
			text-decoration: none;
}

.morinf a:hover {
		        color: #896d29;
			text-decoration: none;
}

#wide_extra {
			border: 0;
			width: 100%;
			margin: 15px 0;
			padding: 0;
			height: 200px;
		        background: transparent url(img/fond-wide-extra.gif) 0 0 repeat-x;
}

#extra {
			border: 0;
			width: 760px;
			margin: 0 auto;
			padding: 0;
}

.ext_esp {
			float: left;
                        padding: 0;
			border: 0;
			width: 240px;
			margin: 0 0 0 10px;
}

#extra a, img {
		        border: 0;
		        padding: 0;
		        margin: 0;
}


 * html #extra img {
		        padding-top: 25px;
}

h4#h_cont {
		        font-size: 1.4em;
		        letter-spacing: -1px;
		        font-weight: bold;
		        margin: 0;
		        padding: 35px 0 5px 20px;
		        border: 0;
		        width: 200px;
		        color: #fff;
}

h4#h_cont a {
		        color: #ffa200;
}

h4#h_cont a:hover {
		        color: #896d29;
}

p#p_cont {
                        font-size: 0.7em;
		        line-height: 1.4em;
		        text-align: justify;
		        margin: 0;
		        padding: 0 0 0 20px;
		        border: 0;
		        color: #493A16;
		        width: 200px;
		        font-weight: bold;
}

p#p_cont a {
		        color: #493A16;
}

p#p_cont a:hover {
		        color: #d82e00;
}

#pied {
			clear:both;
                        position: absolute;
			height: 100px;
			width: 100%;
		        bottom: 0 !important;
		        bottom: -1px;
		        background: transparent url(img/fond-pied.gif) left top repeat-x;
}


#wideleg {
			width: 100%;
}

#leg {
			margin: 0 auto;
			width: 700px;
}

#left_leg {
			float: left;
                        width: 500px;
                        height: 45px;
                        padding: 15px 0 0 0;
                        border:0;
}

#left_leg h5 {
		        margin: 0;
		        padding: 0;
		        border: 0;
		        font-size: 0.77em;
		        letter-spacing: -1px;
}

#left_leg a {
		        color: #d82e00;
}

#left_leg a:hover {
		        color: #e06001;
			text-decoration: none;
}

#widefoot {
			clear:both;
                        width: 100%;
		        background: transparent url(img/fond-widefoot.gif) left top repeat;
}

#foot a {
			color: #fff;
			font-weight: normal;
			text-decoration: none;
}

#foot a:hover {
			color: #fff;
			text-decoration: underline;
}

#foot {
			margin: 0 auto;
			width: 100%;
			color: #ffe400;
			text-align: center;
			font-size: 0.7em;
			height: 30px;
			padding: 1px 0 9px 0;
			border: 0;
}

 * html #foot {
			height: 20px;
			padding: 10px 0;
}

#boutique {
			position: absolute;
			top: 0;
			right: 0;
			width: 170px;
			height: 170px;
		        background: transparent url(img/boutique.gif) right top no-repeat;
		        border: 0;
}

#menu_out {
			float: left;
			width: 100px;
                        height: 30px;
                        padding: 15px 0 0 0;
                        border: 0;
}

div#menu_out ul, li {
		        list-style-type: none;
		        margin: 0;
		        padding: 0;
}

div#menu_out ul {
		        position: absolute;	/* positionnement pour IE5 et IE5.5 */
		        background: transparent url(img/menu-out.gif) top left no-repeat;	/* arrière-plan général du menu */
		        width: 200px;
		        text-align: right;
}

div#menu_out li {
		        float: left;
		        font-size: 0.8em;
		        font-weight: bold;
		        letter-spacing: -1px;
}

div#menu_out li a {	/* dimensions et définitions des boutons */
		        display: block;	/* mise en block de <a> pour lui donner des dimensions */
		        height: 30px;
		        line-height: 30px;	/* hauteur de ligne pour éviter les paddings */
		        color: #111;
}
div#menu_out li a#out_sam {
		        width: 50px;
}
div#menu_out li a#out_con {
		        width: 50px;
}
div#menu_out li a#out_com {
		        width: 50px;
}
div#menu_out li a#out_mys {
		        width: 50px;
}

div#menu_out li a:hover {
		        background: transparent url(img/menu-out.gif) top left no-repeat;
}
div#menu_out a#out_sam:hover {
		        background-position: -200px 0%;	/* décalage de l'arrière-plan pour chaque bouton */
}
div#menu_out a#out_con:hover {
		        background-position: -250px 0%;
}
div#menu_out a#out_com:hover {
		        background-position: -300px 0%;	/* décalage de l'arrière-plan pour chaque bouton */
}
div#menu_out a#out_mys:hover {
		        background-position: -350px 0%;
}

div#menu_out img {
		        border: 0px;
}

#boutique img, #leg img {
		        border: 0;
}

.oust {
			position: absolute;
			left: -6666em;
			top: 0;
			width: 1px;
			height: 1px;
			overflow: hidden;
}

.loc {
			width: 700px;
                        margin: 0 auto;
                        padding: 10px 30px 0 30px;
			border: 0;
		        background: transparent url(img/fond-col.gif) top left repeat-y;
		        text-align: right;
}

#proloc p, .loc p {
                        font-size: 0.77em;
		        font-weight: bold;
		        font-variant: small-caps;
		        color: #493a16;
		        text-align: right;
                        margin: 0;
                        padding: 0;
			border: 0;
}

#proloc p a:hover, .loc p a:hover {
		        color: #493a16;
		        text-decoration: underline;
}

/* info bulles */

a.tooltip {
                        border-bottom: 1px dashed #000;
}

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: 26px;
                        left: -10px;
                        padding: 5px;
                        border: 3px solid #eee;
                        background: #ffc;
                        text-decoration: none;
                        color: #000;
}

a.tooltip:hover em span {
                        position: absolute;
                        top: -11px;
                        left: 15px;
                        height: 11px;
                        width: 15px;
                        background: transparent url(img/image-infobulle.gif) left top no-repeat;
                        margin: 0;
                        padding: 0;
                        border: 0;
}

.clearbot {
			clear: both;
			margin: 0;
                        padding: 0;
			border: 0;
}

#cam_calen, #cam_planning, #cam_tarif li, #cam_tarif p, #cam_cours_inscr p, .cam_inscr p, #cam_profs p, #cam_cours li, div#camp_esp p, #cam_cours p, #cont p, #work p, #for p {
		        font-size: 0.79em;
/*		        letter-spacing: -1px; */
		        line-height: 1.6em;
/*		        text-align: justify;
		        font-weight: bold; */
		        color: #332810;    /*  554  marron-jaune-clair:8e8973  72694e  gris:737363   marron-foncé:493a16*/
}

#cam_cours p {
		        text-align: left;
}

  /* inscriptions */

.cam_inscr {
			margin: 0 auto;
			padding: 80px 50px 0 130px;
			border: 0;
			width: 560px;
			height: 40px;
		        text-align: right;
			cursor: pointer;
}

div.cam_inscr#cam_inscr_2010-2011 {
			background: #fff url(img/cam-inscr_2010-2011.gif) 20px 5px no-repeat;
}

div.cam_inscr#cam_inscr_2011-2012 {
			background: #fff url(img/cam-inscr_2011-2012.gif) 20px 5px no-repeat;
}

div.cam_inscr#cam_inscr_2012-2013 {
			background: #fff url(img/cam-inscr_2012-2013.gif) 20px 5px no-repeat;
}

div.cam_inscr#cam_inscr_2013-2014 {
			background: #fff url(img/cam-inscr_2013-2014.gif) 20px 5px no-repeat;
}

div.cam_inscr#cam_inscr_2014-2015 {
			background: #fff url(img/cam-inscr_2014-2015.gif) 20px 5px no-repeat;
}

div.cam_inscr#cam_inscr_2015-2016 {
			background: #fff url(img/cam-inscr_2015-2016.gif) 20px 5px no-repeat;
}

 * html .cam_inscr {
			padding-top: 95px;
			height: 25px;
}

.cam_inscr p {
		        font-size: 0.7em;
                        text-align: right;
		        line-height: 1.5em;
}

.cam_inscr  p a {
		        color: #2b60d8;
}

.cam_inscr p a:hover {
		        color: #2b60d8;
		        text-decoration: none;
}