/*
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;*/


<!--
@font-face {
font-family: 'Walkway Bold';
src: url('Arista2.0.eot');
src: local('walkway/Walkway Bold'), local('walkway/Walkway Bold'), url('Arista2.0.woff') format('woff'), url('walkway/Walkway Bold.ttf') format('truetype'), url('Arista2.0.svg#Arista2.0') format('svg');
}
-->

<!--[if IE]>
<mce:style type="text/css" media="screen"><!
@font-face{
  font-family:'Walkway Bold';
  src: url('walkway_bold-webfont.eot');
  src: local('walkway/walkway_bold-webfont'), local('walkway/walkway_bold-webfont'), url('Arista2.0.woff') format('woff'), url('walkway/walkway_bold-webfont.eot') format('truetype'), url('Arista2.0.svg#Arista2.0') format('svg');

}
-->



@font-face {
font-family: 'Walkway Expand Black';
src: url('Arista2.0.eot');
src: local('walkway/Walkway Expand Black'), local('walkway/Walkway Expand Black'), url('Arista2.0.woff') format('woff'), url('walkway/Walkway Expand Black.ttf') format('truetype'), url('Arista2.0.svg#Arista2.0') format('svg');
}

@font-face {
font-family: 'Walkway UltraBold';
src: url('Arista2.0.eot');
src: local('walkway/Walkway UltraBold '), local('walkway/Walkway UltraBold'), url('Arista2.0.woff') format('woff'), url('walkway/Walkway UltraBold.ttf') format('truetype'), url('Arista2.0.svg#Arista2.0') format('svg');
}


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




#global { 
  position:absolute; 
  /*left: 50%;  */
  /*top: 50%; */
  width: 1080px; 
  /*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;
background-color:#E5E5E5;
margin-top:30px;
font-size:13px;
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:550px;
	font-size:18px;
	margin:10px 0 0 0;
	padding:0px 0px 0px 0px;
	/*border-bottom:solid 1px #d0df2c;*/
	color:grey;
	}

.box_image h2{
	display:block;
	line-height:100%;
	font-family: "Walkway Expand Black", "Gill Sans", "Trebuchet MS", "Gill Sans MT", sans-serif;	
	font-size:25px;
}
span.image_box 
	{	
	display:block;
  	float:left;
 /*	margin:0 5px 10px 0;*/
	}
	
.box_image span span{
		font-size:225px;
	}


.titre_page {
float:left;
width:750px;
margin:0px 0 0px 0;
padding:0px 0 0px 0;
	}

.titre_page h1{
	float:left;
	
font-size:20px;
color:red;
margin:0px 0px 0px 10px;
line-height:100%;
text-transform:uppercase;

}

.news_index li{
border-bottom:solid 1px #d0df2c;
}
.news_index h3, h4{
font-size:12px;
color:red;
margin:40px 0px 35px 10px;
line-height:100%;

}


.objectifs h2 {
display:block;
/*text-transform:uppercase;*/
font-size:20px;
border-top:solid 2px grey;
margin-top:10px;
padding-top:5px
}

.objectifs h3, h4, h5 {
display:inline;
/*text-transform:uppercase;*/
font-size:25px;
//border-top:solid 2px grey;
} 
.objectifs p{
display:inline;font-size:15px;color:grey;text-align:justify;
/*line-height:100%;*/

}
.objectifs span {
font-size:20px

}




#formation-inscription {

background-color: transparent;

background-image: url("design2/image/pdf.jpg");

background-repeat: no-repeat;

background-attachment: scroll;

background-position: left center;

padding-left: 96px;

padding-top: 10px;

padding-bottom: 10px;

margin-top: 7px;

}
/*-----------------------------------------------*/


.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:400px;margin-top:15px;height:700px;}
#listetv li {float:left;width:400px;padding: 10px 0px 0px 0px;margin:0 20px 0 0px;}
#listetv h2 {display:block;font-size:18px;text-align:center;}


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