/* couleurs utilisées
#1f1f1f noir clair pour les écritures
#8f381a orange foncé pour les titres
#3f3330 marron clair pour les écriture du formulaire de contact
#e15d2d orange clair pour les liens
#2f1309 marron tres foncé pour le fond des sous menu, invisible
gray pour les url ou mails
#efefef gris pour le fond du formulaire de contact
black, white pour certaines écritures
*************************/




@import url(lightbox.css);

body {
	font-family: verdana, tahoma;
	font-size: 0.9em;
	color: #1f1f1f;
	background: white url(./images/fond.jpg) top center;
	overflow: scroll;
}

a { text-decoration: none; color: #e15d2d;}
#corps a:hover {	text-decoration: underline;}
h3, h2 {	color: #8f381a;}


a.lightbox img{
	display: block;
	float: left;
}
.mail {
	color: gray;
	font-style: italic;
}

#global {
	display: block;
	width: 800px;
	min-height:500px;
	border: 1px solid black;
	margin: auto;
	padding: 10px;	
	background-color: white;
}

#corps {
	width: 700px;
	margin: 30px auto;
}

h2 {
	font-family: georgia;}

/*****header ********/
#header {
	background: url(./images/header.png) top center no-repeat;
	width: 800px;
	height: 150px;
}

/***** menu ***********/
 
#menu_deroulant
{
	width: 800px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	color: white;
	margin-top: -30px;
	text-indent: 5px;
}

#menu_deroulant>li 
{
	float: left;
	width: 150px; height: 30px;
	margin: 0 25px;
	padding: 0;
	border: 0;
	text-transform: uppercase;
	font-weight: bold; 	
}

#menu_deroulant li>a {
	display: block;
	text-align: left;
}

#menu_deroulant li>p {
	float: left;
	width: 150px; height: 30px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}

#menu_deroulant li.courant {
	background-image: url(./images/menu.jpg);
}
#menu_deroulant .sous_menu li
{
	float: none;
	margin: 0;
	padding: 0;
	width: 150px;
	border-top: solid white 2px;
	

	background-image: url(./images/menu.jpg);
	background-position: center;
}
	
#menu_deroulant .sous_menu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	margin-top: -34px;
	background-color: #2f1309;
}




#menu_deroulant .sous_menu li a:link, #menu_deroulant .sous_menu li a:visited
{
	display: block;
	margin: 0;
	border: 0;
	text-decoration: none;
	
}
#menu_deroulant li a:link, #menu_deroulant li a:visited, #menu_deroulant a
{
	display: block;
	height: 30px;
	margin: 0;
	padding: 0;
	color: white;
}

#menu_deroulant li a:hover
{
	background-image: url(./images/menu.jpg);
	background-position: bottom;
	
}


#menu_deroulant li:hover > .sous_menu { display: block; }

/****** footer *********/
#footer {
	clear: both;
	margin-top: 20px;
	font-size: smaller;
	text-align: center;
	color: #6f6a68
}


/********index *********/
#no-flash {
	background: url(./images/head.jpg) top center no-repeat;
	padding-top: 300px;
}
#no-flash h1 {
	margin-top: 0;
	margin-bottom: 0;
}
#no-flash h3 {
	margin-top: 0;
}
#no-flash a {
	position: absolute;
	margin-left: 340px;
	color: black;
	background: url(./images/contact.png) top center no-repeat;
	width: 107px;
	height: 46px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 40px 0 20px 0;
	text-align: center;
}


/********** contact ************/
#contact {
	position: absolute;
	margin-left: 750px;
	margin-top: 20px;
	color: white;
	background: url(./images/contact.png) top center no-repeat;
	width: 107px;
	height: 106px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 30px 0 20px 0;
	text-align: center;

}
#contact a {
	color: white;
	font-size: 0.75em;
}

#contact a:visited {
	color: white;
}

/********* presentation brochure *************/
#navigation_brochure{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px solid black;
	
}

#navigation_brochure .toggle_brochure > a {
	color: white; 
	height: 40px;
	clear: both;
}

#navigation_brochure a, #navigation_brochure h3 { 
    display: block; 
    color: black; 
    text-decoration: none; 
	text-indent: 5px;
	font-weight: bold;
} 
	  
#navigation_brochure .toggle_brochure a, #navigation_brochure .toggle_brochure h3 { 
      background: url(./images/menu-item-enroule.png) top right no-repeat; 
} 
	  
#navigation_brochure .open  a, #navigation_brochure .open h3 { 
      background: url(./images/menu-item-deroule.png) top right no-repeat; 
} 
	  
#navigation_brochure a:hover, #navigation_brochure a:focus, #navigation_brochure a:active { 
} 

#navigation_brochure .sous_brochure {
	padding: 10px;

}	  
/**** contenu brochure ***********/
#palette {
	display: block;
	width:680px;
	margin: 0 auto 30px auto;
}

#navigation_brochure img {
	border: none;
}

#navigation_brochure #besoins img {
	margin: 10px 10px 20px 10px;
}

#navigation_brochure #criteres .images img {
	float: left;
	margin-bottom: 10px;
}

#navigation_brochure .images {
	width: 150px;
	float: left;

}

#navigation_brochure #criteres h4, #navigation_brochure #criteres p {
	display: block;
	width: 480px;
	margin-left: 180px;
	margin-top: 0;
}

#navigation_brochure #criteres ul {
	margin-left: 180px;
	list-style-type: disc;
}

#navigation_brochure #illustration_grades {
	display: block;
	float: left;
	width: 200px;
}

#navigation_brochure #grades {
	margin-left: 220px;
	list-style-type: none;
	display: block;
	width: 400px;
}

#navigation_brochure  span.titre_grade, span.titre {
	color: #8f381a;
	font-weight: bold;
}



/*********** mentions ************/
#mentions h4 {
	margin-bottom: 3px;
	margin-top: 10px;
	color: #8f381a;

}

#mentions p {
	margin: 0;
}



/******* contact **********/
#alerte {
	background: url(./images/alert.gif) top left no-repeat;
	color: red;
	text-indent: 20px;
	margin-bottom: 15px;
}
#form_contact>p {
	color: #3f3330;
}

#form_contact form{
	width: 500px;
	margin: 0;
	background-color: #efefef;
}

#form_contact  #form_header {
	background-color: #8f381a;
	color: white;
	text-indent: 15px;
	height: 25px;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
}

#form_contact label {
	display: block;
	width: 180px;
	float: left;
}

#form_contact input {
	display: block;
	width: 240px;
}