@charset 'utf-8';
/* CSS Document */

  /****************************/
 /*  1 - Styles génériques  */
/**************************/

* {
	margin:0;
	padding:0;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	color:#FF6633;
	}


	
/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }
.cache {display:none;}

/* Liens base */	
a, a:link, a:visited
{
	text-decoration: none;
	color: #808080;
	border:none;
}

a:hover
{
	text-decoration: none;
	color: #45133c;
}

/*  HTML Base */

body {
	/*background-color: #FFFFFF;/*#A0A0A4;:#808080; /* couleur de fond general*/
	background-color: #000000;
	background-image:url(../pics_base/fond_5.jpg);
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size:0.9em;
	/*color:#000000;color:#808080;*/
	}

img
{  border-style: none;
}	
	
h1 {
	font-size:200%;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	color:#FF6633;
	}
	
h2 {
	font-size:150%;
	font-weight:800;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	}

h3 {
	font-size:125%;
	font-weight:600;
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
	}

h4 {
	font-size:100%;
	font-weight:normal;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	}		
	
h5 {
	font-size:90%;
	font-weight:normal;
	text-align:center;
	padding:0;
	}		
	
h6 {
	font-size:80%;
	font-weight:normal;
	text-align:center;
	padding-top:1px;
	padding-bottom:1px;
	}
	
	
	
				
  /***************************/
 /*  2 - Layout general     */
/***************************/

/*mise en place du conteneur des deux blocs composant la partie entete */
#header_container {
	position:relative;
	width:780px;
	height:auto;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	z-index:10;
	}

	
#main {
	position:relative;
	margin:auto;
	width:780px;
	height:550px;
	/*background-color:#D4BFAA;  couleur de fond */
	}
	
#bas {
	position:relative;
	bottom:0;
	margin: 5px auto 0;
	width:780px;
	height:auto;
	color:#D4BFAA;
	border:2px;
	border-color:#006666;
	/*background-color:#808080;  couleur de fond */
	}
	
#image_container_1 {
	position:relative;
	margin: 0;
	height:225px;
	}
#image_1 {
	position:absolute;
	top:0px;
	left:90px;
	width:150px;
	height:225px;
	}
#image_2 {
	position:absolute;
	top:0px;
	left:240px;
	width:150px;
	height:225px;
	}
	
#image_3 {
	position:absolute;
	top:0px;
	left:390px;
	width:150px;
	height:225px;
	}
	
#image_4 {
	position:absolute;
	top:0px;
	left:540px;
	width:150px;
	height:225px;
	}			

#texte_container_1 {
	position:relative;
	margin:0;
	}
		
#col_left {
	float:left;
	margin-top:50px;
	padding:25px;
	top:0px;
	width:40%;
	height:auto;
	background-image:url(../pics_base/form_contact3.png);

}

#col_left ul{
	text-align:left;
	margin:0;
	padding: 10px;
}

#col_left li{
	padding: 0 10px 0 0;
	list-style:none;
	}

#col_center {
	position:absolute;
	top:0px;
	left:30%;
	width:70%;
	height:auto;
}	

#col_right {
	float:right;
	top:0px;
	margin-top:50px;
	width:50%;
	height:auto;
	background-image:url(../pics_base/form_contact3.png);
}

#up_right {
	position:absolute;
	top:0px;
	right:0%;
	width:20%;
	height:auto;
}


#bandeau_haut{
	position:relative;
	width:100%;
	height:30%}

#bandeau_milieu{
	position:relative;
	width:100%;
	height:34%;}

#bandeau_bas{
	position:relative;
	width:auto;
	height:auto;}
	
#titre_page {
	float:left;
	top:10px;
	padding-left:10px;
	}
#flash_center {
	position:absolute;
	top:0px;
	left:7%;
	width:auto;
	height:auto;
}	
	
#form_container_1 ul{
	margin: 0;
	padding: 0;
	}
	
#form_container_1 ul li{
	margin:0;
	padding: 2px 20px 0 0;
	display:inline;
}

#form_container_2 {
	position:relative;
	width:auto;
	height:auto;
	padding: 0 15px 0 15px;}

#form_container_3 {
	position:relative;
	width: 100px;
	height:100px;}

#form_container_4 {
	position:relative;
	width: 100px;
	height:100px;}

#list_images {
	position:relative;
	right:auto;
	width:300px;
	height:300px;

	}


#list_cat {
	position:relative;
	height:auto;
	width:auto;
	padding: 5px 5px 0 0;
	
	}
#menu_admin {
	position:relative;
	padding: 0;
	background-color:#999999;
	}
#menu_admin ul	{
	margin: 0;
	padding: 0;
	}
	
#menu_admin ul li{
	margin:0;
	padding: 0 5px 0 ;
	display:inline;
}		

#intro_book {
	position:absolute;
	top:25%;
	left:10%;
	width:75%;
	height:auto;
	padding:10px;
	}

#bar_lang {
	position:absolute;
	top:10px;
	right:-120px;
	width:auto;
	height:auto;
	}

  /****************************/
 /*  3 - Style de textes     */
/****************************/

.petite {
	font-size:small;
	text-align:center;
	}
	
.texte {
	padding: 10px 10px 5px 2px;	
	text-align: left;

	}

.texte_col {
	padding: 10px 20px 1px 20px;	
	text-align:left;
	letter-spacing:1px;

	}	

.titre_header {
	font-family:Arial, sans-serif;
	font-size:200%;
	font-weight:400;
	color: #FF6600;
	padding-top:30px;
	padding-right:10px;
	text-align:right;
	letter-spacing:5px;
}
.sous_titre_header {
	font-family:Verdana, Arial, sans-serif;
	font-size:100%;
	color: #FF6600;
	padding-top:10px;
	padding-right:10px;
	text-align:right;
	letter-spacing:1em;
	}

.titre_menu {
	font-family:Verdana, Arial, sans-serif;
	font-size:100%;
	color: #FF6600;
	padding-top:10px;
	padding-right:10px;
	text-align:center;
	letter-spacing:1em;
	}	
.texte_intro {
	padding: 10px 15px 5px 25px;	
	text-align: left;
	letter-spacing:2px;

	}	
.center {text-align:center;}

a.lien_admin {
	
	color:#FF6633;
	}	

a.lien_admin:hover {
	color:#2A0000;}
	
a.lien_center {
	text-align:center;
	color:#FF6633;
	}	

a.lien_center:hover {
	color:#2A0000;}

a.lien_menu_top {
	padding: 0;
	color:#FF6633;
	}	

a.lien_menu_top:hover {
	color:#2A0000;}			
	
ul {
	padding: 0;
	margin: 0;
	}	
ul li {
	list-style:none;
	}
.code_antispam{
	padding:2px 0px 2px 15px;
	}	
	
  /****************************/
 /*  4 - Style de formes     */
/****************************/

table {
	width:100%;
	}
table tr {
	text-align:center;
	}
	
table tr td {
	text-align:center;
	}

#image_container_1 table {
	width:auto;
	}