* { margin:0; padding:0;}
body { background:url(images/top_bg_left.gif) repeat-x top #fff; font-size:100%; line-height:1em; font-family:Arial; color:#353535; text-align:center;}


/*in_line*/
textarea { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#353535; font-size:1em; font-weight:normal; padding-left:5px}
select { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#353535; font-size:1em; font-weight:normal; padding-left:5px}
input { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#353535; font-size:1em; font-weight:normal; padding-left:5px}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

/*==================list====================*/
ul{margin:0px; padding:0px; list-style:none}

ul.list_1 li { line-height:1.67em; font-size:0.86em}
ul.list_1 li a{text-decoration:underline; color:#353535}
ul.list_1 li a:hover{ text-decoration:none}

ul.list_2 li { line-height:1.67em; font-size:1em}
ul.list_2 li a{text-decoration:underline; color:#353535}
ul.list_2 li a:hover{ text-decoration:none}

/*==========================================*/

a {text-decoration:underline; color:#353535}
a:hover {text-decoration:none}

a.link2 { padding:4px 12px 4px 5px;float:left}
a.link2:hover {text-decoration:none; color:#000}

.link {background:url(images/link_bg.gif) repeat-x top; float:left; font-size:0.92em; line-height:1em; margin:2px 0 0 0}
.link span {background:url(images/link_right.gif) no-repeat right top; display:block}
.link a {display:block; background:url(images/link_left.gif) no-repeat left top; color:#5db3c0; text-decoration:none; padding:17px 46px 10px 22px; font-weight:bold}
.link a:hover {color:#000}

h4.font_1 {font-size:1.09em; margin:0 0 5px 0}

.clear { clear:both;}
.fleft {float:left}
.fright {float:right; margin:7px 10px 19px 0}

.font_2 {font-size:0.92em; line-height:1.4em; color:#915E36;}
.font_1 {font-size:1.09em; color:orange;}
.font_3 {font-size:0.86em; line-height:1.17em}
.mail   {color:#13235B; font-weight:bold;}
	


p {margin:0 0 18px 0}
.p1 {margin:0 0 25px 0}

.right_bg { position:absolute; top:0; right:0; width:50%; height:777px; background:url(images/top_bg.gif) left top repeat-x}


/*header*/
#header { height:354px; background:url(images/header_bg.jpg) no-repeat 0 0; font-size:0.8125em; line-height:1em}

.logo {position:absolute; margin:55px 0 0 15px}

.header_banner {position:absolute; margin:164px -2px 0 688px}

#download_bro 

{
background-image:url('images/banner_download.jpg');
background-repeat:no-repeat;
height:119px;
padding:40px;
padding-left:110px;
padding-top:50px;
margin-left:20px;

}



#download_bro  a 

{

color:white;
font-size:18px;
text-decoration:underline;

	
}

#download_bro a:hover


{

color:navy;
font-size:18px;
text-decoration:underline;



}







ul.menu {
	margin:309px 0 0 0;
	list-style:none;
	background:url(images/menu_bg.jpg) no-repeat 0 0;
	position:absolute;
	width:1007px;
	overflow:hidden;
	left: 0px;
	top: 3px;
}
ul.menu li { line-height:1em; float:left; margin-left:-2px}
ul.menu li a{text-decoration:none; background:url(images/menu_line.gif) no-repeat right top; padding:17px 57px 15px 56px; display:block; font-weight:bold; color:#fff; font-weight:bold}
ul.menu li a:hover{ text-decoration:none; background:url(images/menu_hover.jpg) repeat-x top}
ul.menu li a.hover {text-decoration:none; background:url(images/menu_hover.jpg) repeat-x top}
ul.menu li.m1 {margin-left:0}
ul.menu li a.m1 {padding:17px 55px 15px 55px}
ul.menu li a.m1:hover {background:url(images/m1_hover.gif) no-repeat 0 0; }
ul.menu li a.m1_hover {background:url(images/m1_hover.gif) no-repeat 0 0; padding:17px 55px 15px 55px}
ul.menu li a.m5 {padding:17px 57px 15px 57px}
ul.menu li a.m6 {background:none;}
ul.menu li a.m6:hover {background:url(images/m6_hover.gif) no-repeat left top}
ul.menu li a.m6_hover {background:url(images/m6_hover.gif) no-repeat left top}

/*content*/
#content { background:url(images/content_bg.gif) repeat-x top #fff; font-size:0.875em; line-height:1.29em}
.title {margin-bottom:9px}
.title2 {margin-bottom:16px}
.img_left {float:left; margin:0 19px 15px 0}

.banner {margin:0 0 0 25px}

.img {margin:0 0 14px 0}

/*footer*/
#footer { background:#fff; font-size:0.75em; color:#393939; line-height:1.25em}
#footer a {color:white; text-decoration:underline; font-weight:bold}
#footer a:hover {text-decoration:none}
#footer .banner_1 {margin-left:15px}


.footer_menu { overflow:hidden; width:500px; padding-bottom:5px; margin:28px 0 0 25px; font-family:tahoma}
.footer_menu li { display:inline; margin-left:-10px;}
.footer_menu li a { color:#393939; border-left:1px solid #393939; padding:0 19px 0 10px; text-decoration:none !important; font-weight:normal  !important}
.footer_menu li a:hover { font-weight:bold  !important}
.footer_menu li a.hover {font-weight:bold !important}

/*================== index.html ==================*/

#page1 .intro { position:relative; left:30px; top:1px;}
#page1 #content .col_1 .indent { padding:44px 20px 36px 24px}
#page1 #content .col_2 .indent { padding:44px 0 31px 0}
#page1 #content .col_2 .block_indent {text-align:center; padding:15px 0 18px 0}
#page1 #footer span {position:relative; left:750px; top:-95px;
	}

#page1 .link2 {height:22px; width:133px; background-image:url('images/fleche.png'); background-repeat:no-repeat; }

#page1 .link2:hover { height:22px; width:133px; background-image:url('images/fleche2.png'); background-repeat:no-repeat; }


#page1 #img_pied { height:71px; width:969px; position:relative; margin-right:auto; margin-left:auto }
#page1 .footer_menu {position:relative; top:-75px; }

/*============== Fenetre modale =================*/

#modal1 {

     visibility: hidden;

     position: absolute;

     left: 0px;

     top: 270px;

     text-align:center;

     z-index: 1000;

}

#modal1 div {

	 position:relative;
	 top:270px;
     width:500px;
	 height: 240px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
     background-image:url("images/fond_fenetre.png");

}

#modal2 {

     visibility: hidden;

     position: absolute;

     left: 0px;

     top: 270px;

     text-align:center;

     z-index: 1000;

}

#modal2 div {

	 position:relative;
	 top:270px;
     width:500px;
	 height: 270px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
     background-image:url("images/fond_fenetre.png");

}

#modal3 {

     visibility: hidden;

     position: absolute;

     left: 0px;

     top: 270px;

     text-align:center;

     z-index: 1000;

}

#modal3 div {

	 position:relative;
	 top:270px;
     width:500px;
	 height: 240px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
     background-image:url("images/fond_fenetre.png");

}


/*================== index-1.html ==================*/
#page2 #content .col_1 .indent { padding:44px 20px 36px 24px}
#page2 #content .col_2 .indent { padding:44px 14px 31px 0}
#page2 #content .col_2 .block_indent {padding:24px 0 26px 16px}


#page2 #footer span {position:relative; left:750px; top:-95px;}
#page2 #img_pied { height:71px; width:969px; position:relative; margin-right:auto; margin-left:auto }
#page2 .footer_menu {position:relative; top:-75px; }
#page2 .block_indent {position: relative; height: 400px;}


/*====Sponsor====*/

#sp1 {			/*====Logo SUPINFO ====*/
	position:absolute;
     visibility: hidden;
     left:30px;
     top: 100px;

}

#sp1 div {

	 position:absolute;

}

#sp2 {	/*====Logo PACA ====*/
		position:absolute;
		visibility: hidden;
     	top:260px;

}

#sp2 div {

	position:absolute;


}
#sp3 { /*====Logo CPEM ====*/

     visibility: hidden;
     position:absolute;
     top:270px;
     left:250px;

}

#sp3 div {

	 position:absolute;

}

#sp4 { /*====Logo Marseille Innovation ====*/

     visibility: hidden;
     position:absolute;
     top:365px;
     left:120px;

}

#sp4 div {

	position:absolute;

}

#sp5 {
	visibility : visible;
	position:absolute;

}

#sp5 div {

     visibility: hidden;
     position:absolute;
	 

}

#sp6 {
     visibility: hidden;
	position:absolute;
	left:60px;
}

#sp6 div {

     visibility: hidden;
     position:absolute;
	 

}

#sp7 {
     visibility: hidden;
	position:absolute;
	top: 200px;
		left:60px;

}

#sp7 div {

     visibility: hidden;
     position:absolute;
	 

}

#sp8 {
	visibility: hidden;
	position:absolute;
	 left:300px;
     top: 80px;

}

#sp8 div {

     visibility: hidden;
     position:absolute;
	 

}


/*================== index-2.html ==================*/
#page3 #content .col_1 .indent { padding:44px 20px 29px 24px}
#page3 #content .col_2 .indent { padding:44px 0 31px 0}
#page3 #content .col_2 .block_indent {text-align:center; padding:15px 0 18px 0}

#page3 .clear { position:relative; left:60px; top:-70px;}

#page3 #footer span {position:relative; left:750px; top:-95px;}
#page3 #img_pied { height:71px; width:969px; position:relative; margin-right:auto; margin-left:auto }
#page3 .footer_menu {position:relative; top:-75px; }


/*================== tableau de tarif===============*/

table{border:2px;border-color:#DADADA;border-style:solid;border-collapse:collapse;font-family:"Times New Roman", Times, serif;}

td{height:28px;border:1px;border-color:blue;border-style:dotted;text-align:center;width:112px;	border-right:2px;border-right-color:#DADADA;border-right-style:solid;color:orange;	}

.descriptif{width:264px;text-align:left;color:black;padding-left:5px;font-weight:bold}

.titre{color:white;text-align:center;background-color:#5080C0;font-weight:bold}

.sous_menu{width:auto;background-color:#B1DBFB;color:#5080C0;text-align:left; font-weight:bold; padding-left:5px;}


/*================== index-3.html ==================*/

#page4 .block {height:250px; width:685px; margin-left:150px;}
#intro {width:660px; font-size:19px; font-weight:bolder; text-align:center; line-height:30px;}
#page4 #content .col_2 .indent { padding:44px 14px 31px 0}
#page4 #content .col_2 .block_indent {padding:24px 0 40px 16px}
#page4 .tracks{position:relative;width:600px;}
#page4 td{color:#353535;font-family:Arial; text-align:left;padding-left:15px;}
#FlashData{position:relative; left:170px;}




#realisations {width:690px; position:relative; margin-left:150px; margin-right:auto;}

#page4 .block_rea { border-bottom:medium; border-bottom-color:navy; border-bottom-style:dotted; height:380px; }
#page4 .block_rea1 { border-bottom:medium; border-bottom-color:navy; border-bottom-style:dotted; height:460px; }
#page4 .tracks{margin-left:auto; margin-right:auto; position:relative;}


#realisations .titre_lien { font-size:16px; color:navy; font-weight:bold; text-decoration:none; }
.para_site { font-family:"Times New Roman", Times, serif; font-size:14px; }
#realisations .lien_site { color:blue; font-size:12px; text-decoration:none; }
#realisations a:hover { color:orange;}

#kit {width:690px; position:relative; margin-left:150px; margin-right:auto;}
#kit .modeles {border-bottom:medium; border-bottom-color:orange; border-bottom-style:dotted; height:380px; }
#kit .modeles h1 {font-size:16px; color:navy; font-weight:bold; text-decoration:underline;}



#page4 #footer span {position:relative; left:750px; top:-95px;}
#page4 #img_pied { height:71px; width:969px; position:relative; margin-right:auto; margin-left:auto }
#page4 .footer_menu {position:relative; top:-75px; }

/*================== index-4.html ==================*/
#page5 #content .col_1 .indent { padding:44px 20px 36px 24px}
#page5 #content .col_2 .indent { padding:44px 14px 31px 50px}
#page5 #footer span {position:relative; left:750px; top:-95px;}
#page5 #img_pied { height:71px; width:969px; position:relative; margin-right:auto; margin-left:auto }
#page5 .footer_menu {position:relative; top:-75px; }


#page5 .block {height:400px;}
#page5 table{ border:0px;}

#page5 .menu_2


{
	
font-family:"Times New Roman", Times, serif;
font-size:20px;
color:silver;	
text-align:center;
text-decoration:underline;
}



.titre_2


{
	
	
font-family:"Times New Roman", Times, serif;
font-size:18px;
color:navy;	
text-align:left;
	
} 

	
#texte 	
{
	
	width:497px;
	height:450px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
}

#contenu
{

position:relative;
top:60px;
left:90px;

width:350px;
height:230px;
	
}


#page5 .candidature {margin-right:70px; margin-left:70px; margin-bottom:70px; margin-top:20px; border-bottom:2px; border-color:navy; text-align:center; border-bottom-style:dotted; color:#5080C0;}


/*================== index-5.html ==================*/

#page6 #content .title2 {display:block; margin-left:auto; margin-right:auto;}
#page6 #content .col_1 #carte {display:block; margin-left:auto; margin-right:auto;}

#page6 #content .block_indent {padding:20px; width:267px; height:315px;}
#page6 #content .col_1 .block_indent {background-color:#E9E9E9; border:1px #915E36 solid; }
#page6 #content .col_2 .block_indent{background-color:#E9E9E9;border:1px #257085 dotted}
#page6 #content .col_3 .block_indent {background-color:#E9E9E9;border:1px #915E36 solid;  }
	


#adresse .block {margin-bottom:20px;}
#page6 #content .col_1 #adresse {margin-left:20px;}


#page6 #content .col_1 .block {position:relative; left:17px; top:-1px; }
#page6 #content .col_2 .block {position:relative; left:32px;}
#page6 #content .col_3 .block {position:relative; left:48px; }

#essai {
	 position:relative; top:20px; left:5px;
}
	
	
#formulaire .block_indent {
	padding:60px;
}

#adresse .block_indent {
	
	padding:60px;
	background-color: #E9E9E9;
	}

#page6 #footer span {position:relative; left:750px; top:-55px;}
#page6 #img_pied { height:71px; width:969px; position:relative; margin-right:auto; margin-left:auto; top:40px; }
#page6 .footer_menu {position:relative; top:-35px; }

.erreur{
background-image:url(images/erreur.png);
background-repeat:no-repeat;
padding-left:35px;
padding-top:5px;
padding-bottom:20px;
color:red;
font-weight:bolder;
text-align:left;
}



/*================== index-6.html ==================*/
#page7 #content .indent { padding:44px 30px 40px 24px;}

.phones {float:right; margin-right:43px}
input {width:145px; height:17px}
.div_input {height:24px}
textarea {width:155px; height:96px; overflow:auto; margin-bottom:10px; display:block}
.div_links {text-align:right; word-spacing:5px}
#page7 #footer span {position:relative; left:750px; top:-95px;}
#page7 #img_pied { height:71px; width:969px; position:relative; margin-right:auto; margin-left:auto }
#page7 .footer_menu {position:relative; top:-75px; }

/*================== Verif et verif2 ==================*/

#page8 #footer span {position:relative; left:750px; top:-95px;}
#page8 #img_pied { height:71px; width:969px; position:relative; margin-right:auto; margin-left:auto }
#page8 .footer_menu {position:relative; top:-75px; }



#page8 .col_1 {margin-left:50px;}
#page8 .col_2 {position:relative; left:90px;}

/*==================block====================*/
.block { background:#f3f7f9; font-size:0.86em; line-height:1.17em}
.block .left_top { background:url(images/left_top_1.gif) left top no-repeat; width:100%}
.block .right_top { background:url(images/right_top_1.gif) right top no-repeat;}
.block .right_bot { background:url(images/right_bot_1.gif) right bottom no-repeat;}
.block .left_bot { background:url(images/left_bot_1.gif) left bottom no-repeat;}
.block .left {background:url(images/left_1.gif) repeat-y left}
.block .top {background:url(images/top_1.gif) repeat-x top}
.block .right {background:url(images/right_1.gif) repeat-y right}
.block .bot {background:url(images/bot_1.gif) repeat-x bottom}
.block .block_indent {padding:15px 0 18px 0}
.block .img {margin-bottom:11px}
.block .ind {padding:0 5px 17px 17px; text-align:left}
/*==========================================*/