body { 
background-color : inherit; /* #fffeec; */
background: url(images/stripe.png);
color : #000000; 
width : 90%; 
margin-left : 5%; 
margin-right : 5%; 
border : 0px solid black; 
font-weight: normal;
font-style: normal;
font-size: 90%;
font-family: verdana, helvetica, Arial, Sans-Serif;/*Helvetica, Arial, Sans-Serif;*/
vertical-align: baseline;
}

img {
	border:0px solid #f7d632;
}

#banner { 
background-color: #fefdde;
color : inherit;
margin-bottom : 10px; 
border : 1px solid #f8da4f; 
padding : 5px; 
}

#banner table td, th { 
border : 0px solid black; 
} 

#banner td { 
font-size : 200%; 
font-family: verdana, helvetica, Arial, Sans-Serif;/*Helvetica, Arial, Sans-Serif;*/
width : 100%; 
text-align : center; 
} 

#banner img { 
vertical-align : middle; 
height : 100px; 
border : 0px solid black; 
} 

#footer { 
margin-bottom : 10px; 
background-color: #fefdde;
color:#000000;
border : 1px solid #f8da4f; 
padding : 5px; 
text-align : center; 
font-size : 80%; 
} 


	

h1 {	
	font-size:130%;
	background-color: inherit;
	color: #daa520; 
	
}

h2 {	
	font-size:120%;
	padding-left: 20px;
}

h3 {
	background-color:#f8da4f; 
	color:#fffeec; 
	font-size:0.9em;
	margin-bottom:0px;
	padding: 2px 0px 2px 10px;
}

h4 {
	font-size:120%;
	text-align: center;
	background-color:#f8da4f; 
	color:#fffeec; 
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.news p {
	background-color:#fefdde;
	border: 1px solid #f8da4f; 
	margin-top:0px;
	padding: 10px 20px 20px 20px;
	margin-bottom:10px;
	color: inherit;
	text-indent: 0px;
}

.news {
width:90%;
margin:auto;
}

#content { 
	text-align : justify; 
	padding : 10px 20px 10px 20px; 	
	color: inherit;
	background-color:#fffeec;
	border-left : 1px solid #f8da4f;
	border-right : 1px solid #f8da4f;
	border-top: 0px;
	border-bottom: 0px;
} 

#message { 
	text-align : center; 
	padding : 30px 10px 30px 10px; 	
	color: inherit;
	background-color:#fffeec;
	border: 4px double #f8da4f;
	font-size: 110%;
	/*width: 100%;*/
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
} 



.lettrine:first-letter {
		float:inherit;

}

#content table {
	border-collapse:collapse;
	margin:auto;
}



#content th, #content td {
	vertical-align: baseline;
	text-align:center;
	border:1px solid #f8da4f;
	padding : 2px 10px 2px 10px;
}

#content th {
	/*color : #fefdde; 
	background-color : inherit; /*#f8da4f;*/
	background-image: url(images/headbg.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	height:20px;
	padding : 0px 10px 0px 10px;
}

#content a,#message a, #footer a {
font-weight: bold;
color: #f7d632;
background-color: inherit;
text-decoration: none;
}

#content th a{
font-weight: bold;
color: #000000;
background-color: inherit;
text-decoration: none;
}

#content a:hover,#message a:hover,#footer a:hover {
font-weight: bold;
color: #ffcc99;
background-color: inherit;
text-decoration: none;
}

/*La page actuellement affichée*/
#content .current {
font-weight: bold;
color: #ffcc99;
background-color: inherit;
text-decoration: underline;
}

#content .pages {
	border: 0px solid red;
	
}

#content .pages td{
	border: 0px solid red;
	padding: 5px;
}

#content input, select{
	text-indent: 0;
}

#content .ajout {
   background-color: #fefdde;
	color: #cd853f;
}

fieldset {
	border: 1px solid #f8da4f; 
	padding: 5px 10px 5px 10px;
}

legend {
font-weight: bold;
	text-indent: 0px;
	padding : 0px 10px 0px 10px;
}

.button input {
	margin-left: 50px;
}

label {
display:block;
width:150px;
float:left;
}

.large {
	width: 200px;
}


#content .etudes {
	width:90%;
	margin-bottom:20px;
	text-indent: 0px;
}

#content .ressources{
	width: 90%;
	margin-bottom: 20px;

}

#content  .ressources th{
	vertical-align: baseline;
	text-align: justify;
	border:1px solid #f8da4f;
	background-image: none;
	background-color: #f5d75d; 
	color:#fffeec; 
		/*background-color : #fefdde;
	color: inherit;*/
}

#content  .ressources td {
	vertical-align: baseline;
	text-align:justify;
	border:1px solid #f8da4f;
	background-color : #fefdde;
	color: inherit;
}
#content  .r_num{
	width: 10%;
	text-align: left;
}

#content  .r_title{
	width: 75%;
}

#content  .r_cat{
	width: 15%;
	text-align: right;
}

#content .nom_etude{
	background-color:#f8da4f; 
	color:#fffeec; 
	font-weight: bolder;
	font-size:1em;
	text-align: left;
	margin-bottom:0px;
	padding: 5px 0px 5px 10px;
	border: 0px solid black;
}

#content .statut_etude{
	background-color:#f8da4f; 
	color:#fffeec; 
	font-size:0.8em;
	margin-bottom:0px;
	padding: 2px 10px 2px 2px;
	text-align: right;
	width:13%;
	border: 0px solid black;
}



#content .txt_etude{
	background-color:#fefdde;
	color:inherit;
	margin-top:0px;
	padding: 10px 20px 10px 20px;
	text-align: justify;
	text-indent: 0px;
}

/* l'ensemble des paragraphe des blocs études*/
.etudes p:first-letter {
		float:inherit;
		
}
/*fonctionne avec opéra*/
.etudes:first-letter {
		float:inherit;
}
/*fonctionne avec ff, safari, ie*/
.txt_etude:first-letter {
	float:inherit;
	
}

#content .contact th{
	background-image: none;
	vertical-align: middle;
}

#content .contact{
	margin-left : 5%;
	font-size: 120%;
}

#content .contact table,#content .contact tr,#content .contact td,#content .contact th{
	border: 0px solid black;
}

#content .contact td{
	text-align : left;
	padding: 10px;
}

/******* CARTE *******/
#map { 
	text-align : justify; 
	/*padding : 10px 20px 10px 20px; 	*/
	color: inherit;
	background-color:#fffeec;
	border : 1px double #f8da4f;
	padding : 10px;
	width: 80%; 
	height: 450px;
	margin : 0 auto;
}
.directions {
	width : 100%;
}
	
#content	.directions td {
	border: 0px solid;
	vertical-align:top;
	text-align: left;
}
	
#directions {
	width : 95%;
	vertical-align:top;
	margin: 0 auto;
}
		
.dir {
	width: 40%;
}

#map_canvas {
	width : 100%;
	height : 450px;
	/*vertical-align:top;*/
}
	
/************* MENUS *************/
.qmmc .qmdivider { 
display : block; 
font-size : 1px; 
border-width : 0; 
border-style : solid; 
position : relative; 
z-index : 1;
} 
.qmmc .qmdividery { 
float : left; 
width : 0; 
} 
.qmmc .qmtitle { 
display : block; 
cursor : default; 
white-space : nowrap; 
position : relative; 
z-index : 1; 
} 
.qmclear { 
font-size : 1px; 
height : 0; 
width : 0; 
clear : left; 
line-height : 0; 
display : block; 
float : none !important ; 
} 
.qmmc { 
position : relative; 
z-index : 10; 
} 
.qmmc a, .qmmc li { 
float : left; 
display : block; 
white-space : nowrap; 
position : relative; 
z-index : 1; 
} 
.qmmc div a, .qmmc ul a, .qmmc ul li { 
float : none; 
} 
.qmsh div a { 
float : left; 
} 
.qmmc div { 
visibility : hidden; 
position : absolute; 
} 
.qmmc .qmcbox{ 
cursor : default; 
display : block;
position : relative; 
padding : 0; 
margin : 0; 
z-index : 1; 
} 

.qmmc .qmcbox a { 
display : inline; 
} 
.qmmc .qmcbox div { 
float : none; 
position : static;
visibility : inherit; 
left : auto;
} 

.qmmc li { 
z-index : auto; 
} 
.qmmc ul { 
left : -10000px; 
position : absolute; 
z-index : 10; 
} 
.qmmc, .qmmc ul { 
list-style : none; 
padding : 0; 
margin : 0; 
} 
.qmmc li a { 
float : none; 
} 
.qmmc li:hover > ul { 
left : auto; 
} 
#qm0 ul { 
top : 100%; 
} 
#qm0 ul li:hover > ul { 
top : 0; 
left : 100%; 
} 
#qm0 { 
padding : 3px 0 3px 8px; 
background-color : #fefdde; 
color : #000000; 
border-width : 1px; 
border-style : solid; 
border-color : #f8da4f; 
} 
#qm0 a { 
padding : 5px 30px 5px 8px; 
margin : 0; 
background-color : inherit; 
color : #112747; 
font-family: verdana, helvetica, Arial, Sans-Serif;/*Helvetica, Arial, Sans-Serif;*/
font-size : 14px; 
text-decoration : none; 
} 
#qm0 div, #qm0 ul { 
padding : 10px 15px 15px 15px; 
margin : -4px 0 0 -6px; 
background-color : transparent; 
border-style : none; 
} 
#qm0 div a, #qm0 ul a { 
padding : 3px 10px 3px 15px; 
margin : 0; 
background-color : transparent; 
font-size : 14px;
border-width : 0; 
border-style : none; 
} 
#qm0 div a:hover { 
background-color : #f8da4f; 
color : #fefdde; 
} 
#qm0 ul li:hover > a { 
background-color : #f8da4f; 
color : #fefdde; 
} 
body #qm0 div .qmactive, body #qm0 div .qmactive:hover { 
background-color : #f8da4f; 
color : #fefdde; 
} 
#qm0 .qmtitle { 
padding : 2px 0 2px 5px; 
margin : 10px -4px 5px -4px; 
background-color : #f8f493; 
color : #112747; 
font-family: verdana, helvetica, Arial, Sans-Serif;/*Helvetica, Arial, Sans-Serif;*/
font-size : 14px; 
font-weight : bold; 
border-width : 1px; 
border-style : solid; 
border-color : #f8da4f; 
} 
#qm0 .qmdividery { 
border-left-width : 1px; 
height : 26px; 
} 
#qm0 .qmdividerx { 
border-top-width : 1px; 
margin : 4px 0 4px 0; 
border-color : #f8da4f;
} 
/*#qm0 .qmcbox{ 
width : 150px;
padding : 10px; 
font-family: verdana, helvetica, Arial, Sans-Serif;
font-size : 12px; 
} */
#qm0 .qmritem span { 
border-color : #f8da4f; 
background-color : #fbfdd0; 
color : inherit; 
} 
#qm0 .qmritemcontent { 
padding : 1px 0 0 7px; 
} 
#qm0 div .qmritem span { 
border-color : #f8da4f; 
background-color : #fefdde; 
color : inherit; 
} 
#qm0 div .qmritemcontent { 
padding : 0 0 0 4px; 
} 
ul#qm0 ul { 
margin : 0; 
background-color : #fbfdd0; 
border-width : 1px; 
border-style : solid; 
border-color : #f8da4f; 
color : inherit; 
} 
ul#qm0 ul li:hover > a { 
background-color : #f8da4f; 
color : inherit; 
} 
ul#qm0 ul li:hover > a.qmparent { 
background-image : url(images/arrow_right.gif); 
} 
ul#qm0 ul li .qmparent { 
background-image : url(images/arrow_right.gif); 
} 
ul#qm0 li:hover > a { 
background-color : #f9fdb3; 
color : inherit; 
} 
ul#qm0 li .qmparent { 
background-image : url(images/arrow_down.gif); 
background-repeat : no-repeat; 
background-position : 92% 50%; 
} 
.qmfv { 
visibility : visible !important ; 
} 
.qmfh { 
visibility : hidden !important ; 
}

.icons a { 
text-align: right;
float: none;
border: 1px solid red;
float: right;
margin-left: 3000px;
width: 150%;
} 

.field {
	margin: 0;
	width: 100%;	
}

#content .field td {
	text-align: justify;
	vertical-align :bottom;
	border:0px solid black;
}

.tab90 {
	width: 90%;
}

#content  .th75px{
	width: 75px;
}

#content  .r25{
	width: 20%;
	text-align: left;
	font-weight: bold;
}

#content  .l25{
	width: 25%;
	text-align: left;
}

#content td.l25 {
	font-size: small;
}

#content  .l15{
	width: 15%;
	text-align: left;
	
}

#admin th, #admin td{
	background-image: none;
	vertical-align: middle;
	border-top: 0px solid black;
	border-left: 0px solid black;
	border-right: 0px solid black;
}

#admin th {
	color: #daa520; 
	background-color: inherit;
}

#content .left {
	text-align: left;
	font-size: small;
}

#content .left2 {
	text-align: left;
	padding-left: 10px; 
}

#content .right {
	text-align: right;
	font-size: small;
}

#content .center {
	text-align: center;
}

.bold {
text-align:left;
	font-weight : bold;
	margin: 0;
	padding: 0;
}

.smaller {
	font-size : smaller;
}

#message .valign{
	vertical-align: middle;
}

.photoid {
	max-height: 110px;
	max-width: 110px;
}

.photomec {
	max-height: 200px;
	max-width: 250px;
}
.photoprog {
	max-height: 120px;
	max-width: 210px;
}

.logo {
	max-height: 100px;
	max-width: 100px;
}

#content .c120 {
	text-align: center;
	width: 120px;
	/*max-width: 150px;*/
}