/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  

Adapted by Loïc-Cyril Colson for www.luthArt.com
*/


/*

COULEURS UTILISEES

Orange		: #f98f13
Brun clair	: #9c5b0f
Brun foncé	: #3f1401
Brun-gris	: #c9bfa4

*/

/*
------------- FORMATAGES TEXTE -----------------
*/

span.note
{
	font-size : 10px;
}

.info
{
	font-weight	: bold;
	color		: #f98f13;

}
.erreur
{
	font-weight	: bold;
	color		: red;
	text-align	: center;
}
/* ----------- Formattages par défaut ---------- */
h1 {
	font-size:20px;
	margin: 0px 50px 10px 0px;
	padding	: 0;
	color	: #f98f13;
	border-bottom	: 1px solid #999999;
}

h2, h3 
{
	margin	: 3px 20px 20px 0;
	padding	: 2px;

}
li, p
{
	margin	: 0;
	padding	: 0;
}
hr
{
	width : 490px; 
	margin-left	: 0px;
	background-color	: #999999	;
	border	: none;
	height	: 1px;
}
/*
-------------- GENERAL- -----------------
*/
body {
	background-color: #fff7df;
	

	font-size	: 11px;
	font-family	: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color		: #564b47;
	padding		: 0px;
	margin		: 0px;
}

div#englobe
{
	background-image	: url(../img/maquette/fond.png);	
	background-repeat	: repeat-x;
}


a {color: #DB7093; text-decoration : none;}
a:visited {color:#DB7093;}
a:hover {color: #f98f13;}
a:active { color:#000000;}

br.clear
{
	clear : both;
}

/*
------------- Vieux fix pour que ie6 prenne la transparence des png en compte -------------
*/
img, div, a, input { behavior: url(/iepngfix/iepngfix.htc) }

/* ---------- container to center the layout ---------- */
#container 
{
	width: 784px;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;

} 

/* ----------banner for logo-------------- */
#logo 
{
	position : absolute;

	margin-top : 40px;
	margin-left	: -80px;

/*
Essais de positionnement
	margin-top : -10px;
	margin-left	: 620px;
*/
}

#banner 
{
	text-align: center;
	padding: 0px;
	margin: 0px; 
	height	: 261px;
	/*border : 1px solid blue;*/

}

#banner img.entete 
{
	padding : 0px;
	margin : 0px;
} 


/* ----------Menu horizontal----------------- */
div#menu1 
{
	font-size		: 13px;
	padding			: 0;
	margin			: 0px 0px 0px 0px;
	height			: 27px;
	background-image	: url(../img/maquette/fond_menu.png);
	background-repeat	: no-repeat;
	/*border : 1px solid red;*/

}
div#menu1 ul
{
	padding : 0;
	margin	: 0 0 0 50px;
}
div#menu1 ul li 
{
	display	: inline;
	text-align: center;
	padding: 0 20px 0 20px;
	margin: 0;
}

div#menu1 ul li a
{
	line-height : 27px;
	height : 27px;
	vertical-align	: middle;
	font-weight	: bold;
	color	: white;
	text-decoration	: none;
/*	border : 1px solid yellow;*/
	font-size : 12px;
	border-bottom	: 2px solid transparent;
}


/* Menu sélectionné + hover */
div#menu1 ul li.selected a, div#menu1 ul li a:hover
{
	color	: #f98f13;
	border-bottom	: 2px solid #f98f13;
}
/*
div#sousmenu
{
	display	: block;
	width: 764px;
	height : 22px;
	margin : 0 0 0 13px;
	padding	: 0;
	background-image : url(../img/maquette/fond_sousmenu.png);
}

*/
/* ----------Menu vertical----------------- */
ul#menu2 
{
	font-size: 11px;
	margin:10px 0 10px 28px;
	padding	: 0;
}
ul#menu2 li 
{
	list-style	: none;
	text-align: left;
	padding	: 0;
	margin: 0;
	/*height	: 22px;*/
}
ul#menu2 li a
{

	padding			: 0 2px 0 6px ;
	margin			: 2px 0 2px 0;
	font-weight	: bold;

	vertical-align	: middle;
	height		: 18px;
	line-height	: 18px;
	text-decoration	: none;
	display	: block;
	border			: 1px solid #603c26;

	color	: #3f1401;
/*	background-color	: transparent;*/
	background-image	: url(/img/maquette/semi_transparent.png);

}
ul#menu2 li a:hover
{
	color	: black; /*#f98f13;*/
/*	background-color	: #9c5b0f;*/
	background-image	: url(/img/maquette/semi_transparent_2.png);
}

ul#menu2 li.selected a
{
	color	: white;
	background-image : none;
	background-color	: #3f1401;
}

img.decoGauche
{
	margin	: 10px 0 0 25px;
}
/* ----------outer and inner----------------- */
#outer
{ 
	margin	: 0;
	padding : 0;
	background-image : url(../img/maquette/fond_contenu.png);
	background-repeat : no-repeat;
 } 
 /* The ie/pc pecularity */ 
#inner
{
	margin:0px; 
	padding : 10px 0 0 0;
	width:100%; 
	
	background-image : url(/img/deco/colgauche_copeau_1.jpg);
	background-position	: 20px 10px;
	background-repeat	: no-repeat;
}

/* --------------left navi------------- */
#left 
{
	width		: 180px; 
	float		: left; 
	margin		: 0 0 0 0; 
	/* border : 1px solid red; */
 }

/* -----------------content--------------------- */
#content
{ 
	float	: left;
	width	: 70%;
	margin: 0px 0 0 20px; 
	padding	: 0 0 0 0;
/*	background-repeat : repeat-y;*/
	/*border : 1px solid black;*/
}
div#contenu_principal
{
/*	width	: 70%;*/
	margin: 0; 
	padding	: 0 10px 0 6px ; 
 	background-image : url(../img/maquette/bloc_contenu_fond.png);
	background-repeat : repeat-y;
/*	border : 1px solid blue;*/

}
p
{
	padding: 5px 20px 5px 0px;
	margin:0px; 
}

pre
{
	font-size: 12px;
	padding: 5px 10px;
	margin:0px;
}
#content h2
{
	font-size:20px;
}
#content h3
{
	font-size:16px;
}

#content h2, #content h3
{
	font-weight: normal;
	padding: 2px;
	margin: 0px 20px 10px 0px;
	color	: #f98f13;
	font-weight	: bold;
/*	border  : 1px solid red;*/
	border-bottom	: 1px solid #999999;
	color	: #f98f13;
	background-color	: white;
}

/* -----------------CONTENU PRINCIPAL------------ */
img#photo_ppale
{
	float : left;
	margin : 0 10px 0 5px;	
	border	: none;
	/*border : 1px solid red;*/
}
/* contenu à droite de l'image */
div#contenu_texte
{
	float : left;	
	width	: 330px;
	/*border : 1px solid blue;*/
	
}
div#contenu_texte_moyen /* CONTENU SANS FLOAT :!!!!!*/
{
	display:block;
	float : left;	
	margin : 0 0 0 0;
	width:94%;
/*border : 1px solid blue;*/
	
}
div#contenu_texte_large /* CONTENU SANS FLOAT :!!!!!*/
{
	display:block;
	float : left;	
	margin : 0 0 0 0;
	width:100%;
/*border : 1px solid blue;*/
	
}
/* Listes de définition */
dl
{
	margin : 0;
	padding : 0;

}
/* hack de commentaire avec un antislash pour ie5 mac \*/
dt { clear: both; }
/* end hack */
dt
{
	color : #f98f13;
	font-weight	: bold;
	margin : 0 10px 0 0;
	padding : 0;
	float  : left;
	line-height	: 22px;
	
	
}
dd
{
	line-height	: 22px;
	margin : 0;
	padding : 0;
	
}

/* -----------------Liste de pictos ------------ */
div.pictos
{
	/*border : 1px solid blue;*/
	margin : 10px 0 20px 17px;
	padding	: 0;
	width: 480px;
}
div.pictos a
{
	height	: 80px;
}
img.picto
{
	border : 2px solid #c9bfa4;
	margin	: 1px;
}

/* -----------------SECTION LIENS -------------- */
div.liens 
{
	margin	: 5px 5px 5px 5px;
	
}
div.liens a img
{
	border	: 1px solid gray;
	float	: left;	
	margin	: 0 10px 0 0 ;
}
div.liens a
{
	color	: #3f1401;
}

div.liens p
{
	width	: 80%;
	/*border : 1px solid red;*/
}
/* -----------------table----------------------- */
table
{
	border : 1px solid #3f1401;
	border-collapse	: collapse;
}
thead
{
	background-color	: #9c5b0f;
}
th
{
	color	: white;
}
th, td
{

	padding	:  5px;
}
td
{
	color	: black;
}
tbody
{

}

/*  ----------------footer---------------------- */ 
#footer 
{
	clear:left;
	padding:0px;
	margin:0px;
	text-align: right; 
} 
div#footer h1 
{
	text-align	: center;
	font-size: 11px;
	border-top:1px solid #999999;
	border-bottom:none;
	padding:5px 15px;
	margin : 10px 150px 0px 150px ;
	color	: #999999;
	font-weight	: normal;
}