/*
body {
width: 1300px;
font-family: "Gill Sans", "Trebuchet MS", "Gill Sans MT", sans-serif;
color:#330066;
font-weight:bold;
background-color:f4f8fb;
text-decoration: none;
text-align:justify;
left: 50%; 
margin-right: auto;
}
*/
/*margin:0 0 0 20px;*/



body {
width: 1500px; 
margin : 0;
padding: 0;
font-family: "Gill Sans", "Trebuchet MS", "Gill Sans MT", sans-serif;
background-color:white;
color:#330066;
}




#global { 
  position:absolute; 
  left: 50%;  
  /*top: 50%; */
  width: 1000px; 
  /*height: 400px; */
  /*margin-top: -200px;*/ /* moitié de la hauteur */ 
  margin-left: -500px; /* moitié de la largeur */ 
  /*border: 1px solid #000; */
  background-color:white;
  padding: 0 10px 0 10px;
  text-align:justify;
}


.footer {
float:left;
clear:left;
margin-top:30px;
font-size:13px;
width:990px;
text-align:center;
border-top:solid 1px blue;
}



/*-----------------------------------------------*/
/* header*/
h1, h2, h3, h4  {
display:inline;
font-size: 20px;
color:#722f98;
/*background : white;*/
margin : 0 0 0 0;
line-height:100%;
/*height:;*/
}
//*text-transform:uppercase*/;
}

h1  {
font-size: 25px;
}



.box_image {
	float:left;clear:left;width:400px;font-size:16px;
	margin : 0 0 0 20px;
	padding:0px 0px 0px 0px;
border-bottom:solid 1px #d0df2c;
	color:grey
	background:url(design2/rectangle_transxxx.png)
	}
	
span.image_box 
	{	
	display:block;
  	float:left;
 	margin:0 5px 0 0;
	}

/*-----------------------------------------------*/
/* header*/
#header h1, #header h2, #header h3, #header h4  {
display:inline;
font-size: 20px;
color : black;
/*background : white;*/
margin : 0 0 0 0;
/*line-height:100%;
height:;*/
}
//*text-transform:uppercase*/;
}

#header h1  {
font-size: 25px;
}


.texte {
font-size: 15px;
/*text-align:justify;*/
color: black;}

.envt {
float:right;
margin-top:10px;
background:url(fond_bleu.jpg) no-repeat center;
width:550px;
height:350px;
}


/* Avec un tableau */
.illustration {
	float: left;
	width: 100px; /* important */
	border-collapse: collapse; /* cosm�tique */
}

.illustration td {
	padding: 10px; /* cosm�tique */
}




.bottom2{
position:absolute;
top:730px;
left:10px;
}

.bottom{
float:left;
font-size:17px;

}

.home{
float:left;
font-size:12px;
text-transform:uppercase;
margin-right:7px
}

.langue{
position:absolute;
top:1px;
right:1px;
}

/* IMAGE GAUCHE */
.image_g {
float:left;
clear:left;
margin-top:20px;
}

/*-----------------------------------------------*/
/* MENU */	

p.menu
{
	float:left;
	display:block;
	/*background-color:black;*/
	background:url(fond_menu.jpg) no-repeat;
	width:800px;
	line-height:20px;
	white-space:nowrap;
}

a.menu
{
	float:left;
/*	width:auto;*/
	margin:5px 5px 5px 15px;
	font-size: 11px;
	color: white;
	font-weight:bold;
	}

a.tekstmenu2
{
	font-size: 20px;
	padding: 1px;
	font-weight:bold;
}
	
a.menu:hover
{color: red;}	

/*-----------------------------------------------*/
/* 
select
 {background-color: #eeeeee; width: 100px }

textarea
{
	font-size: 10px;
	width: 448px;
	height: 350px;
	background-color: #eeeeee;
}

input
{
	font-size: 10px;
	width: 60px;
	height: 20px;
	background-color: #eeeeee;
}


*/

/*-----------------------------------------------*/
/* MISE EN FORME */

.tytul {font: 20px bold;}

a { text-decoration: none; border:0 }

a:link { text-decoration: none; border:0 }

a:hover {text-decoration: none; border:0 }

a:visited { text-decoration: none; border:0 }

.tekst { 
font-size: 14px;
text-align:justify;}

.tekst_in
{
 	float:left;
	width:450px;
	font-size:14px;
	margin-left:5px;
	text-align:justify;
}

.podpis
{
	color: white;
	font-size: 14px;
	font-family: Verdana, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

INPUT.long
{
	font-size: 10px;
	font-family: Verdana;
	width: 200px;
	height: 20px;
	background-color: #eeeeee;
}

INPUT.check
{
	font-size: 10px;
	font-family: Verdana;
	width: 20px;
	height: 20px;
	background-color: #75758B;
}


/*-----------------------------------------------*/
/* TABLEAUX */
.table_normal
{
    width:300px;
    margin: auto;
    text-align: center;
}


.table_normal td
{
    text-align: left;
    padding: 3px;
} 


div.formulaire {
/*float : left;
clear : right;*/
margin-top : 50px;
}

/*-----------------------------------------------*/
/* menu*/

#main_menu {
font: bold 15px Arial, sans-serif;
line-height: 2px;
}

#main_menu, #main_menu ul {
float:left;
width:1000px;
list-style-type: none;
}

#main_menu ul li {

 /*list-style:none;
margin: 0 0 15px 0px;*/
 }
  
#main_menu a { 
display:block;
font-weight:bold;
font-size : 12px;
/*text-transform:uppercase;*/
text-decoration:none;
text-align:center;
color:white
/*border: 1px solid blue;*/
}

#main_menu li {
float:left;
width:auto;
height:15px;
padding-top:3px;
background-color:#f11f74;
/*url(design2/menu_carre.png) repeat;*/
border-left: 1px solid white;
padding : 0 10px 0 10px;
}

#main_menu li ul {
position:absolute;
width:12em;
margin-top:0px;
left:-999em;
}

/*liste niveau 2 et heritier, ave crelative tous les listes s'empile */
#main_menu li ul li {
position:relative;
width:100px;
left:-1px;
color:grey;
background:url(design2/menu_carrex.png) repeat;
}

/*liste niveau 3 et 4 - desemplilage des listes vers la droite avec cumul auto des marges*/
#main_menu li ul ul{
/*margin:-1em 0 0 10em;*/
/*left:-40px;*/
margin:-15px 0 0 150px;
}

#main_menu li:hover ul ul {
left:-999em;
}



#main_menu li:hover ul, #main_menu li li:hover ul {
left:auto;
width:auto;
background-color:#fa6626;
height:55px;
margin-left : -10px;
}

/*#main_menu li:hover ul, #main_menu li li a:hover ul {

color:blue;
font-size:6px;
}*/


/*-----------------------------------------------*/
/* connexion*/
a.form_connexion {
font-size : 10px;
}

#listetv ul {float:left;width:auto;margin-top:15px;height:auto;}
#listetv li {float:left;width:auto;padding: 10px 0px 0px 0px;margin:0 0 0 30px;}
#listetv h2 {display:block;font-size:18px;text-align:center;}


.msg_magic{
background-color:grey;color:white;width:800px
}