/*Fond general*/
body {
	background-color: #FEFEE2;
	min-width : 900px;
	}

/*Bandeau superieur commun a toutes les pages*/
.topcss{
	height: 80px;
	min-width : 900px;
}
/*Bandeau : logo*/
.topcss_logo{
	font-size : 18px;
	font-weight : bold;
	color : #f8f8f8;
	position : absolute;
	top : 22px;
	left : 80px;
}
.topcss_logo_link {
	text-decoration: none;    
	color: #f8f8f8;
	background-color: #260023;
}
/*Bandeau : barre d acces rapide aux menus*/
.topcss_links{
	float : left;
	background-color: #260023;
	width : 100%;
	height: 80px;
	margin-bottom : 10px;
}
/*Bandeau : barre d acces rapide aux menus : elements du menu*/

#nav{
	padding-left : 320px;
	height: 60px;
}
#nav li{
	display:inline;
	float:left;
	border-bottom: 5px solid #f8f8f8;
  	margin-right: 2px ;
	background-color : #260023;
	width : 80px;
	text-align : center;
	height : 50px;
}
#nav li a{
	display : block;
	color : #f8f8f8;
	text-decoration : none;
	font-size : 14px;
	font-weight : bold;
	
}
#nav li a:hover{
	text-decoration : none;
	color : #f8f8f8;
}
#nav li:hover{
	border-bottom: 5px solid #A6587B;
}

/*Menu de sélection des vanilla apps*/
.vanilla_apps_links{
	float : left;
	width : 100%;
	height: 80px;
	margin-bottom : 5px;
}

.vanilla_apps_links_menu{
	height: 60px;
	text-align : center;
}
.vanilla_apps_links_menu li{
	display:inline;
	float:left;
	border: 1px solid #000000;
	border-radius : 5px;
  	margin-right: 5px ;
	text-align : center;
	height : 20px;
	width : 80px;
	display : inline;
}
.vanilla_apps_links_menu li a{
	display : block;
	color : #000000;
	text-decoration : none;
	font-size : 14px;
	font-weight : bold;
	
}
.vanilla_apps_links_menu li a:hover{
	text-decoration : none;
	color : #A6587B;
}
.vanilla_apps_links_menu li:hover{
	border-bottom: 5px solid #A6587B;
}

.vanilla_apps_link_back{
	margin-top : 10px;
	float:right;
	margin-right : 120px;
	
}
.vanilla_apps_link_back_label{
	color : #A6587B;
	font-weight : bold;
}

/*Contenu general*/
.contentcss{
	clear :both;
	margin-left : 5%;
	margin-right : 5%;
}

.subsection{
	width : 200px;
	height : 18px;
	padding-left : 20px;
	text-align : middle;
	color : #f8f8f8;
	background-color : #260023;
	font-weight:bold;
	border-radius : 3px;
}
.subsection_long{
	width : 400px;
	height : 18px;
	padding-left : 20px;
	text-align : middle;
	color : #f8f8f8;
	background-color : #260023;
	font-weight:bold;
	margin-top : 20px;
	margin-bottom : 20px;
}

.border_left {
    border-left: 5px solid #260023;
    padding-left: 15px;
	margin-bottom: 30px;
	margin-top : 50px;
	font-size : 14px;
}

/*Text-Decoration None Image for IE*/
img{
	border : none;
}

/*Titres des section du contenu general*/
.section_title{
	text-align: center;
	vertical-align : center;
	font-size : 26px;
	width : 100%;
	height : 50px;
	clear :both;
	/*background: url("section_title.png") no-repeat scroll center top transparent;*/
	border-bottom : 1px solid black;
	margin-bottom : 20px;
}
/*Bandeau inferieur commun a toutes les pages*/
.bottomcss{
	background-color: #260023;
	height : 180px;
	color : #f8f8f8;
	font-size : 18px;
	text-align : center;
	clear :both;
	padding-top: 10px;
	min-width : 900px;
}
/*Bandeau inferieur commun a toutes les pages : bloc info BPM*/
.bottomcss_info{
	float : left;
	margin: auto;
	width : 22%;
	text-align : left;
	color : #f8f8f8;
	font-size: 14px;
	margin-left : 2%;
}
.bottomcss_info_a{
	color : #f8f8f8;
	font-size: 14px;
	text-decoration : none;
}
.bottomcss_info_a:hover{
	text-decoration : underline;
}
/*Bandeau inferieur commun a toutes les pages : bloc find us*/
.bottomcss_links{
	float : left;
	margin: auto;
	width : 25%;
	text-align : left;
}
#nav_links li{
	display: block ;
}
#nav_links li a{
	color : #f8f8f8;
	text-decoration : none;
	font-size : 14px;
}
#nav_links li a:hover{
	text-decoration : underline;
}
/*Bandeau inferieur commun a toutes les pages : bloc carrieres*/
.bottomcss_careers{
	float : left;
	margin: auto;
	width : 25%;
	text-align : left;
}
#nav_careers li{
	display: block ;
}
#nav_careers li a{
	color : #f8f8f8;
	text-decoration : none;
	font-size : 14px;
}
#nav_careers li a:hover{
	text-decoration : underline;
}
/*Bandeau inferieur commun a toutes les pages : legal*/
.bottomcss_legal{
	float : left;
	margin: auto;
	width : 22%;
	text-align : left;
	color : #f8f8f8;
	font-size: 14px;
}

/*Specifiques Page Home*/
/*Slider principal*/
.home_introduction{
display : inline;
height : 1000px;
text-align : center;
width : 100%;
margin : auto;
}

/*Bloc downloads*/
.home_downloads{
	display : inline;
	text-align : center;
	height : 150px;
}

.home_downloads_softs{
	float : left;
	margin :auto;
	width : 33%;
		height : 150px;
	padding-top : 10px;
}
.home_downloads_documentations{
	float : left;
	margin :auto;
	width : 33%;
		height : 150px;
		padding-top : 10px;
}
.home_downloads_mobile{
	float : left;
	margin :auto;
	width : 33%;
	display : inline;
		height : 150px;
		padding-top : 10px;
}
.home_downloads_picture:hover{
height : 150px;
border : none;
}
.home_downloads_picture{
	border : none;
}
/*Bloc News*/
.home_news{
	display : inline;
	margin-top:25px;
}
.home_news_training{
	font-size : 14px;
	float : left;
	width : 30%;
}
.home_news_training_title{
	font-weight:bold ;
}
.home_news_training_title_link {
	text-decoration: none;
	color: black;
}
.home_news_training_title_link:hover {
	text-decoration: underline;
}
.home_news_training_info{
	color : #000000;
	font-size: 14px;
	text-decoration : underline;
}
.home_news_training_info:hover{
	text-decoration : underline;
}
.home_news_latests{
	font-size : 14px;
	margin-left : 5%;
	margin-right : 5%;
	float : left;
	width : 30%;
	text-align : justify;
}
.home_news_latests_title{
	font-weight:bold ;
}

.home_news_releases{
	font-size : 14px;
	float : left;
	width : 30%;
	text-align : justify;
}
.home_news_releases_title{
	font-weight:bold ;
}

/*Specifique Page Downloads*/
.downloads_intro_text{
font-size : 14px;
border-left-style:solid;
border-left-width:5px;
border-left-color:#7f7f7f;
margin-left : 2%;
margin-right : 2%;
padding-left : 2%;
padding-right : 2%;
margin-bottom : 80px;
margin-top : 80px;
}
.downloads_intro_components{
font-size : 14px;

}
.downloads_intro_components_title{
padding-left : 5%;
font-weight:bold;
font-size:20px;
border-top : 1px solid black;
}
/*CSS for each download item*/
.downloads_intro_components_item{
margin-bottom : 25px;
padding-bottom : 10px;
padding-left : 20%;

}
.downloads_intro_components_item_pic{
float : left;
margin-right : 25px;
padding-top:20px;

}
.downloads_intro_components_item_content{

}
.downloads_intro_components_item_content_text{
}
.downloads_intro_components_item_content_text_in{
font-size:14px;
}
.downloads_intro_components_item_content_text_title{
font-weight : bold;
font-size:16px;
margin-bottom : 10px;
}
.downloads_intro_components_item_content_access{
width : 100%;
height : 60px;
}
a.downloads_intro_components_item_content_win{
display:block;
width:50px;
height:50px;
background:url(downloads/win.png) no-repeat;
float : left;
}
a.downloads_intro_components_item_content_vbox{
display:block;
width:50px;
height:50px;
background:url(downloads/win_vbox.png) no-repeat;
float : left;
}
a.downloads_intro_components_item_content_zip{
display:block;
width:50px;
height:50px;
background:url(downloads/zip.png) no-repeat;
float : left;
}
a.downloads_intro_components_item_content_zip_win{
display:block;
width:50px;
height:50px;
background:url(downloads/zip_win.png) no-repeat;
float : left;
}
a.downloads_intro_components_item_content_mysql{
display:block;
width:50px;
height:50px;
background:url(downloads/mysql_50.png) no-repeat;
float : left;
}
a.downloads_intro_components_item_content_postgresql{
display:block;
width:50px;
height:50px;
background:url(downloads/postgresql_50.png) no-repeat;
float : left;
}
a.downloads_intro_components_item_content_lin{
display:block;
width:50px;
height:50px;
background:url(downloads/lin.png) no-repeat;
float : left;
}
a.downloads_intro_components_item_content_mac{
display:block;
width:50px;
height:50px;
background:url(downloads/mac.png) no-repeat;
float : left;
}
.downloads_intro_components_item_content_doc{
width : 100%;
height : 60px;
}
a.downloads_intro_components_item_doc_content_doc_en{
display:block;
width:50px;
height:50px;
background:url(downloads/doc_en.png) no-repeat;
float:left;
}
a.downloads_intro_components_item_doc_content_doc_fr{
display:block;
width:50px;
height:50px;
background:url(downloads/doc_fr.png) no-repeat;
float:left;
}


/*Specifiques Page About*/
/*Bloc Who we are*/
.about_who{
text-align : justify;
font-size : 14px;
}
/*Bloc How we work*/
.about_how{
text-align : center;
}
.about_how_analyze{
float : left;
margin : auto;
width : 20%;
padding-right : 5%;
text-align : justify;
font-size : 14px;
padding-left : 5%;
}
.about_how_develop{
float : left;
margin : auto;
width : 20%;
padding-right : 5%;
text-align : justify;
font-size : 14px;
}
.about_how_test{
float : left;
margin : auto;
width : 20%;
padding-right : 5%;
text-align : justify;
font-size : 14px;
}
.about_how_adjust{
float : left;
margin : auto;
width : 20%;
text-align : justify;
font-size : 14px;
}
/*Bloc Team*/
.about_team{
text-align : center;
display : inline;
}
.about_team_PDG{
float : left;
margin : auto;
width : 25%;
}
.about_team_ConsultingManager{
float : left;
margin : auto;
width : 25%;
}
.about_team_Development{
float : left;
margin : auto;
width : 25%;
}
.about_team_Integration{
float : left;
margin : auto;
width : 25%;
}

/*Specifiques Page Services*/
/*Bloc What we do*/
.services_what{
}
.services_what_text{
text-align : justify;
font-size : 14px;
}
.services_technologies{
}
.services_technologies_text{
text-align : justify;
font-size : 14px;
}
.services_technologies_links{
display : inline;
text-align : center;
margin-right : 50px;
margin-left : 50px;
}
.services_technologies_item{
margin: auto;
padding-left : 10px;
padding-right : 10px;
text-decoration : none;
height : 50px;
}

.services_description{
margin : auto;
float : left;
text-align : justify;
font-size : 14px;
}

#services_support_art{
margin-top : 10px;
margin-bottom : 10px;
padding-top : 10px;
padding-bottom : 10px;
border-top :1px solid;
border-bottom :1px solid;
}

.items_list{

}
.items_list_menu{
		color: #3870D1;
}
.items_list_menu a{
		color: #3870D1;
}

.div_support_items{
border : 1px solid #3870D1;
border-radius : 10px;
margin-top : 10px;
margin-bottom : 10px;
margin-left : 10px;
background: linear-gradient( 
  #D1E4ED 0%,
  #BFD5E0 24%,
  #9DCAE0 41%,
  #B0CBD9 100%);
}
.div_support_items_list{
}
.div_support_items_list_menu{
	list-style-type:square;
}
.div_support_items_image{
	text-align : right;
	margin-right : 20px;
	margin-bottom : 20px;
}


/*Specifiques Page References*/
.references_customers{
text-align : center;
margin-bottom : 50px;
}
.references_customers_links{
display : inline;
text-align : center;
margin-right : 50px;
margin-left : 50px;
}
.references_customers_item{
margin: auto;
padding-left : 10px;
padding-right : 10px;
text-decoration : none;
}
.references_others{
display : inline;

}
.references_others_awards_1{
width : 45%;
float : left;
margin : auto;
padding-right : 50px;
text-align : justify;
font-size : 14px;
}
.references_others_awards_2{
width : 45%;
float : left;
margin : auto;
padding-right : 50px;
text-align : justify;
font-size : 14px;
}
.references_others_awards_item{

}
.references_others_partners{
width : 45%;
float : left;
margin : auto;
text-align : justify;
font-size : 14px;
}
.partners1{
width : 45%;
float : left;
margin : auto;
text-align : justify;
font-size : 14px;
}
.partners2{
width : 45%;
float : left;
padding-left : 30px;
margin : auto;
text-align : justify;
font-size : 14px;
}
/*Specifiques Page Contact*/
/*Bloc Contact Info*/
.contact_info{
display : inline;
text-align : center;
vertical-align : center;
}
/*Bloc Text Info*/
.contact_info_general{
float : left;
margin :auto;
width : 50%;
display : inline;
text-align : center;
}
.contact_info_general_text{
margin :auto;
width : 100%;
text-align : left;
margin-left : 35%;
font-size : 14px;
}
.contact_info_general_picture{
margin :auto;
width : 100%;
}
/*Bloc Map Info*/
.contact_info_map{
float : left;
text-align : center;
margin :auto;
width : 50%;
padding-top : 1%;
}
/*Bloc Leave a Mail*/
.contact_mail{
font-size : 14px;
}
.contact_mail_text{
padding-left : 30%;

}
#contact_mail_text label{
width : 70px;
margin : 8px;

}
#contact_mail_text input{
margin : 16px;
}
#contact_mail_text textarea{
margin : 16px;
}
/*Job Opportunities*/
.job_opportunities_general_text{
text-align : justify;
font-size : 14px;
}
/*Job Policy*/
.job_policy_general_text{
text-align : justify;
font-size : 14px;
}

/*Page Why Vanilla*/
.vanilla_introduction{
padding-left : 10%;
padding-right : 10%;
text-align : center;
font-size : 20px;
padding-top : 2%;
padding-bottom : 2%;
}
.vanilla_keypoints{

	width : 100%;
		text-align : center;
		padding-left : 7%;
}
.vanilla_keypoint{
	height : 100px;
	width : 325px;
	float : left;

	font-size : 14px;
	text-align : justify;
	margin : 10px;
	
	border : 2px solid #ccc;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.vanilla_keypoint:hover{
	background-color : #cfdbec;
		z-index : 1200;
		position: relative; 
		cursor : default;
}
.vanilla_keypoint span{
	display : none;

}
.vanilla_keypoint:hover span{
	
	display: block;
	position: absolute;
	top: 60px;
	left: 50px;
	color: #000;
	width : 420px;
	height : 225px;
	border: 2px solid #cfdbec;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background : #ffffff;
   
}
.infobulletitre{
	height : 25px;
	width : 100%;
	background-image : url(vanilla/infobulle_titre_background.png);
	background-repeat:no-repeat;
	background-position:right top;
}
.infobulletext{
	padding-right : 15px;
	padding-left : 15px;
	height : 200px;;
	overflow-y:auto;
	line-height : 20px;
}
.vanilla_keypoint_pic{
	float : left;
	width : 80px;
	text-align : center;
	height : 100px;
	padding-top : 10px;
	padding-left : 5px;
		margin:auto;
}
.vanilla_keypoint_text{
	float : left;
	width :	220px;
	height : 100px;
	margin:auto;
	padding-left : 10px;
	text-align : center;
	padding-top : 10px;
}

/*Page Vanilla Tour*/
.vanilla_tour_intro{
}
.vanilla_tour_intro_short{
padding-left : 10%;
}
.vanilla_tour_intro_short_text{
width : 40%;
float : left;
font-size : 14px;
text-align : justify;
padding-top : 50px;
padding-right : 50px;
}
.vanilla_tour_intro_short_movie{
width : 20%;
float : left;
padding-right : 10%;
}

.vanilla_tour_components_items{
font-size : 14px;
padding-left : 10%;
}

.vanilla_tour_components_item{
height : 150px;
}
.vanilla_tour_components_item_pic{
width : 30%;
float : left;
height : 150px;
}
.vanilla_tour_components_item_text{
width : 60%;
float : left;
height : 150px;
padding-top : 20px;
text-align : justify;
margin-bottom : 50px;
}
/*Page Community*/
.community_intro{
text-align : justify;
font-size : 14px;
}
.community_links{
}
.community_links_items{
padding-left:10%;
}
.community_links_item{
padding-top : 20px;
padding-bottom : 20px;
text-align : justify;
font-size : 14px;
text-decoration :none;
width : 40%;
float:left;
padding-right : 10%;
}

/*Page Cloud*/
.home_cloud{
}
.home_cloud_item{
margin-top : 80px;
margin-bottom : 80px;
padding-right : 2%;
padding-left : 2%;
margin-right : 2%;
margin-left : 2%;
text-align : justify;
font-size : 14px;
border-left-style:solid;
border-left-width:5px;
border-left-color:#7f7f7f;
}
/*Page Big Data*/
.home_big_data{
}
.home_big_data_item_title{
text-align : justify;
font-size : 20px;
color : #7f7f7f;
font-weight : bold;
}

.home_big_data_vision{
margin-top : 80px;
margin-bottom : 80px;
padding-right : 2%;
padding-left : 2%;
margin-right : 2%;
margin-left : 2%;
text-align : justify;
font-size : 14px;
border-left-style:solid;
border-left-width:5px;
border-left-color:#7f7f7f;
}
.home_big_data_item{
margin-top : 80px;
margin-bottom : 80px;
padding-right : 2%;
padding-left : 2%;
margin-right : 2%;
margin-left : 2%;
text-align : justify;
font-size : 14px;
border-left-style:solid;
border-left-width:5px;
border-left-color:#7f7f7f;
}

/*Page Mobile*/
.mobile_intro_text{
}
.mobile_item_title{
text-align : justify;
font-size : 20px;
color : #7f7f7f;
font-weight : bold;
}
.mobile_item{
margin-top : 80px;
margin-bottom : 80px;
padding-right : 2%;
padding-left : 2%;
margin-right : 2%;
margin-left : 2%;
text-align : justify;
font-size : 14px;
border-left-style:solid;
border-left-width:5px;
border-left-color:#7f7f7f;
}

/*Page Documentation*/
.documentations_intro{
margin-top : 80px;
margin-bottom : 80px;
padding-right : 2%;
padding-left : 2%;
margin-right : 2%;
margin-left : 2%;
text-align : justify;
font-size : 14px;
border-left-style:solid;
border-left-width:5px;
border-left-color:#7f7f7f;
}
.documentations_item{
margin-top : 80px;
margin-bottom : 80px;
padding-right : 2%;
padding-left : 2%;
margin-right : 2%;
margin-left : 2%;
text-align : justify;
font-size : 14px;
}
.documentations_item_title{
text-align : justify;
font-size : 20px;
color : #7f7f7f;
font-weight : bold;
}
.documentations_item_doc{
margin-top : 10px;
margin-bottom : 10px;
}
.documentations_item_doc_text{
float : left;
width : 30%;
margin-top : 10px;
margin-bottom : 10px;
padding-left : 10%;
}
.documentations_item_doc_pic{
float : left;
width : 60%;
margin-top : 10px;
margin-bottom : 10px;
}
.documentations_item_doc_en{
width:30px;
height:30px;
background:url(documentations/doc_en_30.png) no-repeat;
float:left;
}
.documentations_item_doc_fr{
width:30px;
height:30px;
background:url(documentations/doc_fr_30.png) no-repeat;
float:left;
}

.job_opportunities_general {
    margin-bottom: 15px;
}

/*Page VanillaApps*/
.vanilla_apps_intro{
	font-size : 14px;
	text-align : justify;
}

.vanilla_apps_content{
	font-size : 14px;
}
.vanilla_apps_pictures{
	margin:auto;
	text-align : center;
}
.vanilla_apps_picture_item{
	margin-right : 5%;
}
/*Page News*/
.news_intro_text{
	font-size : 14px;
}
.news_item_date{
	font-size : 12px;
	font-style: italic;
	margin-top : 10px;
	margin-bottom : 10px;
}
.news_item_text{
	text-align : justify;
	margin-top : 20px;
	margin-bottom : 20px;
}
/*Page Training*/
.services_training_text{
	margin-top : 10px;
	margin-bottom : 10px;
}

/*Test New Slider*/
#featured{ 
	margin-top : 20px;
    width:400px;  
    padding-right:250px;  
    position:relative;  
    height:324px;  
    background:#fff;  
    border:3px solid #ccc;  
    margin : auto;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#featured ul.ui-tabs-nav{  
    position:absolute;  
    top:0; 
    left:400px;  
    list-style:none;  
    padding:0; 
    margin:0;  
    width:250px;  
     -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}  
#featured ul.ui-tabs-nav li{  
    padding:2px 0; 
    padding-left:13px;  
    font-size:12px;  
    color:#666; 
     -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}
#featured ul.ui-tabs-nav li a{  
    padding-left : 10px;
} 
#featured ul.ui-tabs-nav li span{  
    font-size:14px; 
    line-height:40px;
    vertical-align : middle;  
}
#featured .ui-tabs-panel{  
    width:400px; 
    height:324px;  
    background:#999; 
    position:relative;  
    overflow:hidden; 
     -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
}  
#featured .ui-tabs-hide{  
    display:none;  
}
#featured li.ui-tabs-nav-item a{/*On Hover Style*/  
    display:block;  
    height:50px;  
    color:#333;  
    background:#fff;  
    line-height:20px;  
    outline:none; 
    text-decoration : none;
    font-weight : bold;
     -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}  
#featured li.ui-tabs-nav-item a:hover{  
    background:#f2f2f2;  
}  
#featured li.ui-tabs-selected{ /*Selected tab style*/  
    background:url('images/selected-item.gif') top left no-repeat;  
}  
#featured ul.ui-tabs-nav li.ui-tabs-selected a{  
    background:#ccc;  
}
#featured ul.ui-tabs-nav li img{  
    float:left;  

}
#featured .ui-tabs-panel .info{  
    position:absolute;  
    top:200px; 
    left:0;  
    height:93px; 
    width: 400px;  
    background: url('images/transparent-bg.png');  
}  
#featured .info h2{  
    font-size:18px; 
    font-family:Georgia, serif;  
    color:#fff; 
    padding:5px; 
    margin:0;  
    overflow:hidden;  
}  
#featured .info p{  
    margin:0 5px;  
    font-family:Verdana; 
    font-size:11px;  
    line-height:15px; 
    color:#f0f0f0;  
}  
#featured .info a{  
    text-decoration:none;  
    color:#fff;  
}  
#featured .info a:hover{  
    text-decoration:underline;  
}

#home_introduction_table{
	margin : auto;
	padding-top : 20px;
padding-bottom : 20px;
}
#home_technologies{
	padding-left : 50px;
	width : 150px;
	height : 300px;
	padding-top : 30px;
}

.home_short_links_item{
	margin-bottom : 15px;
	height: 80px;
	display : block;
}
.home_short_links_item:hover{
	margin-bottom : 15px;
	height: 100px;
}