/* @group Defaults */

html, body { margin: 0; padding: 0;}

/* background: #5f3707 */
html { background: #6e6151 url(../images/design/page_top.gif) top left repeat-x;
       color: #666; font: 70% Verdana, Arial, Helvetica, sans-serif; text-align: center; }
body { text-align: left; width: 925px;  border:green 0px dotted; margin: 0 auto; line-height: 1em;	}

/*  Baseline values for browser consistency */

p, div, h1, h2, h3, h4, h5 { margin: 0; padding: 0;	}
img { margin: 0; padding: 0; border: 0;	}
/*ul { list-style: none; }*/

#breadcrumb { color: #CC9966; font-size: .8em; }


/*  Links  */

a:link, a:visited, a:active { color: #ae6c53; text-decoration: none; outline: 0;	}
a:hover { text-decoration: underline; color: #603311;	}


.clear { clear: both; height: 0px;	}
.hide { display:none;	}

.left {float: left;}
.right {float: right;}

/* @end */


/* --  Zoom -- */

.lettrine { float:left; }
.lienphoto { border-width: 0px; }
.photo  { background-color: #F0E7DD; padding: 3px; border: #ceb08a solid 1px; }
.gauche { float:left;  margin: 5px 8px 5px 0; }
.droite { float:right; margin: 5px 0px 5px 8px; }
.zoom   { position: relative;   }
.zoom span { position: absolute; bottom: 7px; right: 7px; width: 16px; height: 16px;
             background-image: url(../images/puces/zoom.png); background-repeat:no-repeat; }
/* Fin Zoom */

h5 { font-size: 120%; }

/* @group Page Structure */

#header { clear: both;}

#contour { background: #fff url(../images/design/wrapper_column.gif) top left repeat-y; border-top:  solid 1px #fff;  border:blue 0px dotted;  }
#contour #contenu_accueil { width: 640px; padding:0px 0px 0px 25px; float:left; }

        #contour #contenu { margin:0px 30px 0px 30px; float:left; text-align: justify; }
/* version pour IE <=6 */
* html  #contour #contenu { margin:0px 30px 0px 15px; float:left; text-align: justify; }

        #contour #corps { background: transparent url(../images/design/bordure_bas.gif) bottom left no-repeat; border:red 0px dotted; }
/* version pour IE <=6 */
* html  #contour #corps { background: transparent url(../images/design/bordure_bas.gif) bottom left no-repeat; border:red 0px dotted; margin-bottom:25px; }


#home #contour { background-image: none; border-top: solid 1px #fff; }
#home #contour #corps { background: transparent url(../images/design/bordure_bas.gif) bottom left no-repeat;  border:red 0px dotted; }

#logosgymnase { background: #edd9c0 url(../images/design/entete-fond.jpg) top left no-repeat;
                height: 200px; width: 925px;}

        #logo_sturm { float: left; margin: 25px 15px 0px 30px; }
/* version pour IE <=6 */
* html  #logo_sturm { float: left; margin: 25px 15px 0px 15px; }

#entete_titre { float: left; margin-top: 50px; }

#logo_lb_mini { float: left; margin: 60px 0px 0px 15px }

#menusqdn { background: #6e6151 url(../images/design/menu_central_fond.gif) top left no-repeat; height: 85px; width: 925px; color: #a87b44;}
#menusqdn a { font-weight: bold; font-size: 1.3em; color: #8F1E0E; }

        #menus_qdn_logo  { float: left; margin: 30px 15px 20px 60px; }
/* hack version pour IE <=6 */
* html  #menus_qdn_logo  { float: left; margin: 30px 15px 20px 20px; }

#menus_qdn_texte { float: left; margin: 30px 30px 20px 0px; font-size: 0.8em; }

#menus_resto_logo  { float: left; margin: 25px 15px 10px 50px; }
#menus_resto_texte { float: left; margin: 30px 30px 20px 0px; font-size: 0.8em; }

#menus_contact_logo  { float: left; margin: 25px 15px 10px 50px; }
#menus_contact_texte { float: left; margin: 30px 30px 20px 0px; font-size: 0.8em; }

#contenu {  border: 0px dashed red; width: 860px; font-size: 1.1em; line-height: 1.25em; font-family:  Verdana, Arial, Helvetica, sans-serif; }

#contenu, #contenu_accueil { color: #444444; padding-top: 1px;	}
#contenu p, #contenu_accueil p{ line-height: 16px; }
#home #contenu h3, #home #contenu_accueil h3 { font-family: "Times New Roman", Times, serif;
    font-weight: normal;   text-transform: uppercase;
    text-align: center;    font-size: 1.65em;
    padding: 25px 0 10px 0;    margin: 0;     height:30px;
    color:#ae6c53;
   }

#home #contenu h3 sup {  text-transform: lowercase; }

#home #contenu h4, #home #contenu_accueil h4 {  margin: 0; padding: 0; line-height: 1em; font-size: 1.7em; padding: 2px 0 5px 0; margin: 0; color: #603311; font-family: "Times New Roman", Times, FreeSerif, serif;	}

#home #contenu_accueil .groupe_menu { list-style: none; float:left; padding: 0px 0px 20px 120px; width:200px; border: 0px dashed red; min-height:120px;}
#home #contenu_accueil .groupe_menu li { list-style: none; }
#home #contenu_accueil .groupe_menu h4 {  font-size: 1.5em; text-transform: uppercase; }
.bienvenue    { background:  url(../images/titres/menu-bienvenue-image.gif) no-repeat left top; }
.informations { background:  url(../images/titres/menu-informations-image.gif) no-repeat left top; }
.organisation { background:  url(../images/titres/menu-organisation-image.gif) no-repeat left top; }
.enseignement { background:  url(../images/titres/menu-enseignement-image.gif) no-repeat left top; }


.column {float:left; padding:5px 0px 20px 40px; line-height:10px; list-style-image: url("images/design/bullet.gif");}
.column {padding-left: 15px; line-height: 6px; }
.column li {padding: 5px 0px 5px 15px; background: url(../images/puces/pointer.gif) no-repeat 0px 2px; border:0px dashed red;}

#home #news { float: right; width: 230px; padding: 0 10px;	margin: 10px 0 25px 0;	border-left: 1px solid #ccc;}
#home #news h4{	background: url(../images/titres/titre-nouveautes.gif) top left no-repeat;	width: 200px;	height: 60px; margin-left:15px;	overflow: hidden;	}
#home #news h4 span{ height: 0px; width: 0px; overflow: hidden; display: block; font-size: 1px;}
#home #news h5{ font-size: 13px; padding: 20px 0px 8px 0px;}
#home #news p{margin:0; padding: 4px 0px; line-height: 12px; padding-left: 15px;	background: url(../images/puces/fleche.gif) 2px 5px no-repeat;}

/* @end news */


/* @group footer */

#footer { background: url(../images/design/bordure_bas.gif) top left no-repeat; margin-top: 15px; }

    #footer_titre_JS    { display: none; }

    #footer .titre { color:#ae6c53; font-size: 1.5em; padding: 15px 0px 2px 0px; margin: 5px 0px 0px 0px; font-weight: bold; font-family: "Times New Roman", Times, serif; text-align: center; }

        #footer .adresse { float:left; color: #814b1a; font-size: .9em; font-weight: bold; padding: 0px 0px 10px 60px; margin: 10px 10px 30px 40px; width:200px; background: url(../images/design/footer_adress.gif) no-repeat top left;}

/* hack version pour IE <=6 */
* html  #footer .adresse { float:left; color: #814b1a; font-size: .9em; font-weight: bold; padding: 0px 0px 10px 60px; margin: 10px 10px 30px 20px; width:200px; background: url(../images/design/footer_adress.gif) no-repeat top left;}

    #footer .telephone {  float:left; color: #814b1a; font-size: .9em; font-weight: bold; padding: 0px 0px 10px 60px; margin: 10px 10px 30px 0px; width:200px; background: url(../images/design/footer_tel.gif) no-repeat top left;}

    #footer .email {  float:left; color: #814b1a; font-size: .9em; font-weight: bold; padding: 0px 0px 10px 60px; margin: 10px 0px 30px 0px; width:250px; background: url(../images/design/footer_email.gif) no-repeat top left;}


    #footer #elements { background: url(../images/design/bordure_footer_top.gif) top left no-repeat; min-height:15px;	}

    #telephone_titres   { float:left; padding-right:10px; }
    #telephone_numeros  { float:left; }
    #telephone_print    { display: none; }
    #apropos  { color:#C7AA83 }
    #apropos a:hover  { color:#2E2314; text-decoration: none; }

/* @end footer */


/*-- nav --*/

    #url_sturm_print { display: none; }
    #url_sturm { margin-left: 65em; position: absolute; top: 31px; }
    #url_sturm a { color: #F4EDE3; }
    #url_sturm a:hover { color: #4D391E; text-decoration: none; }

	ul#nav {
		float: left;
		height: 30px;
        width:925px;
		background: url(../images/nav/nav_background.png) no-repeat 0 0;
		padding-left: 20px;
		margin: 0;
	}

		ul#nav li,
		ul#nav li a {
			display: block;
			float: left;
			line-height: 12px;
		}

		ul#nav li {
			background: url(../images/nav/nav_separator.png) no-repeat right 0;
			padding-left: 0;
			padding-right: 2px;
			height: 30px;
			position: relative;
            background-color: #af8650;
		}

		ul#nav li a {
			/*text-transform: uppercase;*/
			text-decoration: none;
			/*font-weight: bold;*/
			color: #F0E7DD;
			padding: 9px 25px 9px 25px;
			background: none;
		}


			ul#nav li.active a {
				color: #603311;
                background-color: #af8650;
			}

		/*-- Dropdowns --*/
		ul#nav li .dropdown {
			display:none;
			position: absolute;
			z-index: 10050;
			width: 208px;
			top: 30px;
			left: -4px;
			overflow: hidden;
			clear: left;
			background: url(../images/nav/nav_dropdown_grad.png) no-repeat 2px 0;
			padding-top: 1px;
		}

		ul#nav li ul {
			width: 100%;
			background: url(../images/nav/nav_dropdown_li.png) repeat-y 0 0;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}

		ul#nav li:hover .dropdown,
		ul#nav li.over .dropdown {
			display: block;
		}

		/* FIX: add styling? */
		ul#nav li:hover a,
		ul#nav li.over a {
			color: #F0E7DD;
		}

		ul#nav li:hover ul li a,
		ul#nav li.over ul li a {
			color: #F0E7DD;
		}

		/* get a clean slate for the dropdowns */
		ul#nav li ul li,
		ul#nav li ul li a {
			float:none;
			height: 1%;
			background: none;
			margin: 0;
			padding: 0;
			text-transform: none;
			font-weight: normal;
		}

		ul#nav li ul li {
			padding: 4px 0 6px 8px;
			margin: 0px 5px 0px 4px;
			background: url(../images/nav/nav_dropdown_sep.gif) repeat-x 0 bottom;
		}

			ul#nav li ul li.last {
				background: none;
				padding-bottom: 4px;
			}

			ul#nav li ul li a,
			ul#nav li ul li a:visited {
				font-size: 1em;
				line-height: 1em;
				padding: 7px 7px 6px 7px;
				color: #F0E7DD;
				background: url(../images/nav/nav_dropdown_hover.gif) no-repeat left -23px;
			}

			ul#nav li ul li a:hover {
				background-position: left center;
				color: #F0E7DD;
			}

			ul#nav li .dropdown .bottom {
				background: url(../images/nav/nav_dropdown_bottom.png) no-repeat left top;
				height: 11px;
				line-height:1px;
			}


/* @end nav */