@charset "UTF-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	
	width:868px;
	margin:auto;
	
	background-color:#E0E3E8;
}

#left{
	float:left;
}

#right{
	float:right;
}

#container {
	background-color:#FFF;
	width:850px;
	
	float:left;
	
	min-height:600px;
}
	

/************ HEADER ********************/

#header{
	background-image:url(../images/back_header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	
	width:850px;
	
	/*margin-left:9px;*/
	
	float:left;
	
	
}

#header #link_logo{
	text-decoration:none;
	border:none;
}

#header #logo{
	float:left;
	border:none;
}



#header #nav {
	
	height:28px;
	width:850px;
	
	position:relative;
	clear:both;
	
	z-index:10;
	
}

#header #nav a{
	color:#FFFFFF;
	font-family:Myriad Pro, Arial;
	font-weight:bold;
	text-decoration:none;
	
	display:block;
	float:right;
	
	height:12px;
	
	padding: 4px 6px;
}

#header #nav img{
	display:block;
	float:right;
	
	margin:0px 2px 0px 2px;
	
}

#header #nav a:hover{
	background-color:#254C7C;

}

#header #nav #contact{
	margin-right:2px;
}

 #header #ariane {
	font-family:Frutiger LT Std, Arial;
	font-weight:bold;
	color:#254C7A;
	
	padding:5px 0px 6px 20px;
	
	background-color:#ffffff;
	
}

#header #ariane a{
	font-family:Frutiger LT Std, Arial;
	font-weight:bold;
	color:#254C7A;
	
	text-decoration:none;
}

#header #ariane a:hover{
	text-decoration:underline;
}

/********************* FOOTER *********************/

#logo_ixio{
	background-color:#FFFFFF;
	padding-bottom:10px;
	margin-left:9px;
	
	width:850px;
	height:50px;
}

#bottom_footer {
	background-image:url(../images/back_footer.jpg);
	background-repeat:no-repeat;
	height:24px;
	position:relative;
	clear:both;
	
	padding-top:5px;
}

#footer {	
	width:870px;
	
	position:relative;
	clear:both;
	
}

#bottom_footer {
	font-family:Frutiger LT Std, Arial;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

#bottom_footer span{
	font-family:Frutiger LT Std, Arial;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}

#bottom_footer a{
	font-family:Frutiger LT Std, Arial;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}

#bottom_footer a:hover{
	text-decoration:underline;
}

#bottom_footer #left{
	float:left;
	margin-left:30px;
}

#bottom_footer #right{
	float:right;
	margin-right:30px;
}

/********************** HOME **********************/

#home #img_home {
	background-image:url(../images/home/home_coldefy.jpg);
	background-repeat:no-repeat;
	
	position:relative;
	z-index:100;
	
	
	width:850px;
	height:390px;
	
	
	/*padding-top:290px;
	padding-left:290px;*/
}

#home .text_home{
	font-size:11px;
	width:139px;
	
	padding-bottom:20px;
}

#home #img_one{
	padding:5px;
	
	width:140px;
	height:90px;
	
	background-color:#FFFFFF;
	
	float:left;
}

#home #img_two, #home #img_three{
	padding:5px;
	
	width:140px;
	height:90px;
	
	background-color:#FFFFFF;
	
	float:left;
	
	margin-left:45px;
}

#home #img_one a, #home #img_two a, #home #img_three a{
	text-decoration:none;
	border:none;
}

#home #img_one a img, #home #img_two a img, #home #img_three a img{
	
	border:none;
}

#home #par_one{
	margin-left:296px;	
	
	float:left;
}

#home #par_two{
	margin-left:56px;	
	
	float:left;
}

#home #par_three{
	margin-left:57px;	
	
	float:left;
}

#home .title{
	font-weight:bold;	
}



#home .text_home a{
	color:#254C7A;
	text-decoration:none;
	display:block;
	margin-top:5px;
}

#home .text_home a:hover{
	text-decoration:underline;
}

#home .title a{
	color:#000000;
	text-decoration:none;
	margin-top:0px;
}

#home .title a:hover{
	text-decoration:underline;
}


 #ixio{
	background-image:url(../images/logo_ixio.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
	margin-left:20px;
	width:137px;
	
}

#link_home{
	color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; display:block; padding-left:175px; padding-top:160px;
}

#link_home a{
	color:#FFF;
	text-decoration:none;
}

#link_home a:hover{
	color:#FFF;
	text-decoration: underline;
}



/************************** MENU ***************************/
#left_menu{
	width:280px;
	
	float:left;
}





 #left_menu #header_menu{
	background-color:#254C7C;
	
	width:235px;
	height:21px;
	
	padding-top:9px;
	padding-left:10px;
	margin-left:20px;
	
	color:#FFFFFF;
	font-family:Frutiger LT Std, Arial;
	font-size:18px;
	font-weight:bold;
}

 #left_menu #menu{
	background-color:#F2F3F4;
	
	width:235px;
	
	padding-left:10px;
	margin-left:20px;
}

#left_menu .filet{	
	padding-left:16px;
	height:1px;
}

 #left_menu .title_menu{	
	width:210px;
	
	padding:10px 20px 5px 18px;
	
	
	font-family:Myriad Pro, Arial;
	font-weight:bold;
	color:#000000;
	font-size:13px;
	cursor:pointer;
	
}



 #left_menu .title_menu a{
	font-family:Myriad Pro, Arial;
	font-weight:bold;
	color:#000000;
	font-size:13px;
	text-decoration:none;
	cursor:pointer;
}

 #left_menu .title_menu  a:hover{
	text-decoration:underline;
}


 #left_menu .puce img{
	margin-right:7px;
	padding:11px 0px;
}

 #left_menu .utitle{
	 padding-bottom:5px;
	 padding-left:13px;
 }

 #left_menu .puce_utitle{
	 padding:0px;
	 width:5px;
	 vertical-align:top;
 }

#left_menu .puce_utitle img{
	margin-right:0px;
	padding-bottom:5px;
}


#left_menu .a_subtitle_over{
	
	font-family:Myriad Pro, Arial;
	text-decoration:underline;
	color:#333333;
	cursor:pointer;
}

#left_menu .a_subtitle{
	
	font-family:Myriad Pro, Arial;
	text-decoration:none;
	color:#333333;
	cursor:pointer;
}

#left_menu .a_subtitle:hover{
	text-decoration:underline;
}


#left_menu .subtitle{
	font-family:Myriad Pro, Arial;
	color:#333333;
	
	height:0px;
	overflow:hidden;
	text-align:left;
}

/************************** ACTUALITES ***************************/

 #left_menu .title_menu_actu{	
	width:230px;
	
	padding:5px 0px;
	padding-right:5px;
	
	cursor:pointer;
	
}

 #left_menu .title_menu_actu a{
	font-family:Myriad Pro, Arial;
	font-weight:bold;
	color:#000000;
	font-size:13px;
	text-decoration:none;
}

 #left_menu .title_menu_actu  a:hover{
	text-decoration:underline;
}

#actualite #all_actu{
	width:550px;
	float:left;
}

#actualite #all_actu img{
	margin-right:20px;}

#actualite .actu{
	position:relative;
	clear:both;
	
	padding-bottom:10px;
}

#actualite .actu a{
	cursor:pointer;
	text-decoration:none;
	border:none;
	color:#254C7A;
}

#actualite .actu .date {
	color:#254C7A;
	font-family:Myriad Pro, Arial;
	font-size:11px;
	
	padding-bottom:5px;
}

#actualite .actu .title {
	font-family:Myriad Pro, Arial;
	font-size:18px;
	font-weight:bold;
}

#actualite .actu .article {
	position:relative;
	clear:both;
	
	padding-top:10px;
}

#actualite .actu .utitle {
	font-family:Frutiger LT Std, Arial;
	font-size:14px;
	font-weight:bold;
	
	padding-bottom:5px;
}

#actualite #retour {
	 float:right; 
	 position:relative;
	 clear:both;
	 
	 
	 margin:5px 12px 30px 0px;
	 
	 color:#CCCCCC; 
	 cursor:pointer;
	 font-size:11px;
}

#actualite #retour:hover {
	text-decoration:underline;
}

/***************************** FORMATION **************************/


#formation  #img_home_formation{
	margin-top:25px;
}


#formation  #title {
	font-family:Myriad Pro, Arial;
	font-size:18px;
	font-weight:bold;
}

#formation #remarque{
	font-weight:bold;
	margin-top:20px;
}

#formation #info_organisme{
	font-weight:bold;
	margin-top:10px;
}

#formation  #text_home {
	width:360px;
	float: left;
	
	padding-right:20px;
	padding-bottom:20px;
}

#formation  p{
	font-family:Myriad Pro, Arial;
	
	padding-top:10px;
}

#formation  p span{
	font-weight:bold;
	color:#2C4464;
	font-size:11px;
}

#formation .link_job{
	color:#000000;
	text-decoration:none;
}

#metier .link_form{
	color:#000000;
	text-decoration:none;
}

#formation .link_job:hover{
	color:#000000;
	text-decoration:underline;
}

#metier .link_form:hover{
	color:#000000;
	text-decoration:underline;
}

#formation  #cadre {
	width:140px;
	float: left;	
	
	padding:10px;
	margin-bottom:20px;
	
	
	background-color:#F2F3F4;
	
	
}

#formation #inscription{
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	cursor:pointer;
}

#formation #inscription:hover{
	text-decoration:underline;
}

#formation #puce{
	margin-right:5px;
}

 #formation #left_menu .title_menu:hover{
	 cursor:pointer;
	color:#2D4464;
	text-decoration:underline;
 }
 
  #formation #left_menu .title_menu_over{
	width:230px;
	
	padding:10px 0px 5px 18px;
	
	
	font-family:Myriad Pro, Arial;
	font-weight:bold;
	color:#2D4464;
	font-size:13px;
	
	 cursor:pointer;
 }
 
   #metier #left_menu .title_menu_over_metier{
	width:230px;
	
	padding:10px 0px 5px 0x;
	
	
	font-family:Myriad Pro, Arial;
	font-weight:bold;
	color:#2D4464;
	font-size:13px;
	
	 cursor:pointer;
 }
 
 /******************************* FICHE FORMATION **********************************/
 
 
 #fiche {
	 width:350px;
	 float:left;
	 
	 padding-top:10px;
	 padding-bottom:30px;
	 
	 color:#333333;
 }
 
 #fiche #title_fiche{
	 font-family:Myriad Pro, Arial;
	 font-size:18px;
	 font-weight:bold;
	 
	
 }
 
 #fiche .part{
	 font-family:Myriad Pro, Arial;
	 font-size:11px;
	 font-weight:bold;
	 color:#182745;
	 
	 padding-bottom:2px;
	 padding-top:15px;
	 margin-bottom:5px;
	 
	 border-bottom:1px solid #CCCCCC;
 }
 
 #fiche_right {
	 float:left;
	
	 padding:10px 0px 0px 25px;
 }
 
  #fiche_right #img_formation{
	  
	  margin-bottom:20px;
  }
  
  #fiche_right #cadre {
	  margin-left:3px;
  }
  
 #fiche_right #download{
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	padding-left:-10px;
	cursor:pointer;
	
	}

#fiche_right #download:hover{
	text-decoration:underline;
}

#fiche_right #demande{
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	
}

#fiche_right #demande:hover{
	text-decoration:underline;
}

.filet_bas{
	border-bottom:1px solid #CCCCCC;
	padding-bottom:10px;
}


#orange td{
	padding-top:5px;
	vertical-align:top;
}

#orange .links {
	padding-left:5px;
}

#orange td img{
	margin-top:3px;
}


/***************************** METIER **************************/


#metier  #img_home_formation{
	margin-top:25px;
}


#metier  #title {
	font-family:Myriad Pro, Arial;
	font-size:18px;
	font-weight:bold;
}

#metier  #text_home {
	width:360px;
	float: left;
	
	padding-right:20px;
	padding-bottom:20px;
}

#metier  p{
	font-family:Myriad Pro, Arial;
	
	padding-top:10px;
}

#metier  p span{
	font-weight:bold;
	color:#2C4464;
	font-size:11px;
}

#metier  #cadre {
	width:140px;
	float: left;	
	
	padding:10px;
	margin-bottom:20px;
	
	
	background-color:#F2F3F4;
	
	
}

#metier #inscription{
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

#metier #inscription:hover{
	text-decoration:underline;
}

#metier #puce{
	margin-right:5px;
}

 #metier #left_menu .title_menu:hover{
	 cursor:pointer;
	color:#2D4464;
	text-decoration:underline;
 }
 
  #metier #left_menu .title_menu_over{
	width:210px;
	
	padding:10px 20px 5px 18px;
	
	
	font-family:Myriad Pro, Arial;
	font-weight:bold;
	color:#2D4464;
	font-size:13px;
	
	 cursor:pointer;
 }
 
 /********************************************************* PRESENTATION *******************************************/
 
 
#presentation #all_pres{
	width:350px;
	float:left;
	margin-right:30px;
}

#presentation #all_pres .family{
	font-family:Myriad Pro, Arial;
	font-size:11px;
	font-weight:bold;
	 color:#254C79;
}

#presentation #all_pres .title{
	font-family:Myriad Pro, Arial;
	font-size:18px;
	font-weight:bold;
	
	padding-bottom:20px;
}


#presentation #all_pres .article{
	
	padding-bottom:20px;
	position:relative;
	clear:both;
}

#presentation #retour {
	 float:right; 
	 position:relative;
	 clear:both;
	 
	 
	 margin:5px 12px 10px 0px;
	 
	 color:#CCCCCC; 
	 cursor:pointer;
	 font-size:11px;
}

#presentation #retour:hover {
	text-decoration:underline;
}

#presentation ul, #presentation li{
	margin:0; padding:0;
	
}

#presentation ul {
	margin-left:13px;
}



 
 /********************************************************* CONTACT *******************************************/

#contact_confirm{
	
	width:790px;
	margin-left:16px;
	margin-bottom:10px;
	background-color:#FFF;
	padding:20px;
	text-align:center;
	padding-top:200px;
	font-weight:bold;
}

 
#contact #all_contact{
	width:560px;
	float:left;
	
	font-family:Myriad Pro, Arial;
	font-size:12px;
	color:#333333;
}

#contact #all_contact .part{
	
	font-family:Myriad Pro, Arial;
	font-size:11px;
	font-weight:bold;
	 color:#254C79;
}

#contact #all_contact .title{
	font-family:Myriad Pro, Arial;
	font-size:18px;
	font-weight:bold;
	
	padding-bottom:10px;
}

  #contact #all_contact #coord{
	width:550px;
	float:left;
	
	padding-top:10px
}

#contact #all_contact #coord .upart{
	font-weight:bold;
	padding-bottom:5px;
	padding-top:10px;
	
}

#contact #all_contact #coord img {
	margin-right:5px;
}

#contact #all_contact #coord .liste{
	margin-left:10px;
}

#contact #all_contact .img_centre{
	float:left;
	margin-left:30px;
	margin-top:10px;
}

#contact #all_contact .texte_adr{
 float:left; width:350px;
}



#contact #all_contact #formulaire{	
	padding-bottom:10px;
	float:left;
}

#contact #all_contact #formulaire input, #contact #all_contact #formulaire textarea{
	width:240px;
	margin-left:10px;
}

#contact #all_contact #formulaire select{
	width:244px;
	margin-left:10px;
}

#contact #all_contact #formulaire table{
	
}

#contact #all_contact #formulaire td{
	padding-top:10px;
}

#contact #all_contact #formulaire td .puce{
	margin-left:8px;
	visibility:hidden;
}

#contact #all_contact #erreur{
	border:3px solid #FF0000;
	
	width:144px;
	
	position:relative;
	clear:right;
	
	float:left;
	padding:5px;
	margin-top:43px;
	margin-left:8px;
	display:none;
	
}

#contact #link_plan{
	color:#000;
	text-decoration:none;
}


#contact #link_plan:hover{
	color:#000;
	text-decoration:underline;
}


#contact #all_contact #erreur p{
	padding-bottom:5px;
}

#left_menu .subtitle_contact{
	font-family:Myriad Pro, Arial;
	color:#333333;
	
	text-align:left;
}

#contact #all_contact #address_2{
	display:none;
}

#contact #all_contact .td_contact{
	width:100px;
	
}

#contact #all_contact #demande{
	display:none;
}

/******************************** MENTIONS**********************************/

#mentions{
	margin:30px;
}


#mentions #head_title{
	
	font-family:Myriad Pro, Arial;
	font-size:20px;
	font-weight:bold;
	color:#254C7C;
	}

#mentions .title{
	
	font-family:Myriad Pro, Arial;
	font-size:16px;
	font-weight:bold;
	display:block;
	margin-top:20px;
	margin-bottom:5px;
	}



/**************************** PARTENAIRE *****************************/

#partner #all_partner{
	width:560px;
	float:left;
	
	font-family:Myriad Pro, Arial;
	font-size:12px;
	color:#333333;
}


#partner #all_partner .title{
	font-family:Myriad Pro, Arial;
	font-size:18px;
	font-weight:bold;
	
	padding-bottom:10px;
}


#partner #all_partner .img_centre{
	float:left;
	margin-left:30px;
	margin-top:10px;
}


#partner #all_partner .texte_adr{
 float:left; width:350px;
}


  #partner #all_partner #coord{
	width:550px;
	float:left;
	
	padding-top:10px
}

#partner #all_partner #coord .upart{
	font-weight:bold;
	padding-bottom:5px;
	padding-top:10px;
	font-size:12px;
	
}

#partner #all_partner #coord img {
	margin-right:5px;
}

#partner #all_partner #coord ul{
	list-style-image:url(../images/contact/puce_ronde.jpg);
	margin-left:20px;
}

#partner #all_partner .bloc_partner{
	padding-bottom:30px;
	border-bottom:1px solid #CCC;
	
}


#partner #retour {
	display:block;
	text-align:right;
	 position:relative;
	 clear:both;
	 
	 
	 margin:5px 12px 30px 0px;
	 
	 color:#CCCCCC; 
	 cursor:pointer;
	 font-size:11px;
}



/******************************************* PREPACODE *****************************************/


#prepacode #prepa{
	background-image:url(../images/prepacode/prepacode.jpg);
	background-repeat:no-repeat;
	min-height:439px;
	margin-left:10px;
	width:540px;
	float:left;
}


#prepacode #prepa #text_prepa{
	margin-top:220px;
	width:355px;
}

#prepacode #prepa #text_prepa p{
	
	font-size:11px;	
	padding-bottom:20px;
}

#prepacode #prepa #text_prepa  #title {
	font-family:Myriad Pro, Arial;
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}
#prepacode #prepa #text_prepa  p span{
	font-weight:bold;
	color:#D8242A;
	font-size:11px;
}