/*****************************************************************/
		/*Fichier CSS pour le site Mille Et Un Comportements.com - style1*/
		/*****************************************************************/
		
				/***************/
				/*balises blocs*/
				/***************/

body
{

	background-color : #FFFFFF;
	color : rgb(0,0,0);
	font-family : "Times New Roman", "Courier New", serif; 
	width : 95%;
	margin : auto;
	margin-top : 2%;
	margin-bottom : 2%;
}

h1
{
	
	font-family : "Arial Black";
	color : #000000;
	font-size : 120%;
	text-align : justify;
	
}

h2
{

	font-family : "Arial";
	text-decoration : underline;
	font-size : 110%;
	text-align : left;
}

h3
{

	font-size : 100%;
	text-decoration : underline;
	
}

h4
{

	text-align : left;
	text-indent : 2em;
	
}

h5
{

	text-align : center;
	font-size : 110%;
	
}

p
{
	
	text-indent : 3em;
	text-align : justify;
	width : 90%;
	margin : auto;
	padding : 1em;

}

.formulaire
{

	border : 0;
	text-indent : 0;
	
}

.formulaire:first-letter
{

	font-size : 100%;
	font-weight : normal;
	margin : 0;
	float : none;

}

.images
{

	text-align : center;
	
}

div
{

}

#en_tete
{

	height : 5em;
	/*background-image : url("images/logo.png");
	background-repeat : no-repeat;*/
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 10px;
	padding-bottom : 20px;
	
}

#menu
{

	font-size : 75%;
	width : 17%;
	margin-right : 3%;
	margin-bottom : 3%;
	overflow : auto;
	
}

.sous_menu
{

	/*background-image : url("logo.jpg");		**************************************************************
	background-repeat : no-repeat;				*** Modifier l'image et ses propriétés pour activé ces CSS ***
	margin-bottom : 5px;						**************************************************************/
	
}

.sous_menu ul
{
	
	width : 70%;
	list-style-position : outside;
	list-style-image : url("images/puce.png");
	text-align : left;
	
}

#contenu
{

	float : right;
	width : 75%;
	padding-right : 1%;
	padding-left : 2%;
	
}

#pied_de_page
{

	clear : both;
	margin-top : 30px;
	border-top : 3px solid rgb(0,0,0);
	
}

ul
{

	width : 85%;
	text-align : left;
	list-style-type : circle;
	
}

ol
{
	
	width : 85%;
	text-align : left;
	list-style-type : decimal;
	
}

.signature
{
	
	list-style-type : none;
	
}

/*.liens
{

	text-align : center;
	list-style-type : none;
	
}*/

blockquote
{

	font-style : italic;
	font-variant : small-caps;
	
}

.lettrine
{
	
	float : left;
	margin-right : 2em;
	
}


				/****************/
				/*balises inline*/
				/****************/
	
strong
{

	font-weight : bolder;
	color : rgb(0,0,0);
	
}

em
{
	
}

.notes
{
	
	/*font-variant : normal;
	color : rgb(200,0,200);*/
	font-weight : bold;
	
}

.Qnotes
{

	/*color : rgb(200,0,200);*/
	font-weight : bold;
	
}

.italic
{

	font-style : italic;
	
}

.retour
{

	margin-top : 0;
	margin-bottom : 0;
	padding-top : 0;
	padding-bottom : 0;
	
}

.color
{

	color : rgb(200,0,200);
	
}

a
{

	color : rgb(0,0,0);
	font-size : 90%;
	font-variant : small-caps;
	text-decoration : none;
	cursor : pointer;
	
}

a:hover
{

	color : rgb(20,20,20);

}

a:active
{

	color : rgb(255,255,255);
	background-color : rgb(0,0,0);

}

a:visited
{
	
	color : rgb(100,100,100);

}

q
{

	font-variant : small-caps;
	font-style : italic;
	
}